From fd12990cb8ed90cf1199d967d5d5dc0e84aaaf2d Mon Sep 17 00:00:00 2001
From: tony <tony762843@yahoo.co.id>
Date: Tue, 26 Apr 2022 18:42:52 +0700
Subject: [PATCH] updating surat and sertifikat

---
 .DS_Store                                     |   Bin 10244 -> 10244 bytes
 app/.DS_Store                                 |   Bin 14340 -> 14340 bytes
 .../Controllers/KegiatanBKCUController.php    |   124 +-
 app/Http/Controllers/SertifikatController.php |   228 +
 app/Http/Controllers/SuratController.php      |    73 +-
 .../Controllers/SuratKategoriController.php   |     6 +-
 app/Http/Controllers/SuratKodeController.php  |     3 +-
 app/Http/Controllers/UserController.php       |    12 +-
 app/Kegiatan.php                              |     2 +-
 app/KegiatanListMateri.php                    |    33 +
 app/Nilai.php                                 |    46 +
 app/Sertifikat.php                            |    50 +
 app/SertifikatGenerate.php                    |    52 +
 app/Surat.php                                 |     2 +-
 app/SuratKategori.php                         |     2 +-
 app/SuratKode.php                             |    19 +-
 public/.DS_Store                              |   Bin 20484 -> 20484 bytes
 public/css/.DS_Store                          |   Bin 16388 -> 16388 bytes
 public/js/app.js                              |  1604 +-
 public/js/components/100.js                   |  2732 +-
 public/js/components/101.js                   |  2351 +-
 public/js/components/101.js.LICENSE.txt       |     5 +
 public/js/components/102.js                   |  4265 +-
 public/js/components/103.js                   |  4395 +-
 public/js/components/104.js                   |  1799 +-
 public/js/components/105.js                   |  1796 +-
 public/js/components/106.js                   |   652 +-
 public/js/components/107.js                   |   411 +-
 public/js/components/108.js                   |   559 +-
 public/js/components/109.js                   |   872 +-
 public/js/components/110.js                   |   764 +-
 public/js/components/111.js                   |   409 +-
 public/js/components/112.js                   |   556 +-
 public/js/components/113.js                   |  1038 +-
 public/js/components/114.js                   |   868 +-
 public/js/components/115.js                   |   796 +-
 public/js/components/116.js                   |  1014 +-
 public/js/components/117.js                   |  4535 +-
 public/js/components/118.js                   |  7403 +-
 public/js/components/119.js                   |  5431 +-
 public/js/components/120.js                   |  7583 +-
 public/js/components/121.js                   |  2248 +-
 public/js/components/122.js                   |   451 +-
 public/js/components/123.js                   |   577 +-
 public/js/components/124.js                   |   238 +-
 public/js/components/125.js                   |  3076 +-
 public/js/components/126.js                   |  1896 +-
 public/js/components/127.js                   |  3306 +-
 public/js/components/128.js                   |  1979 +-
 public/js/components/129.js                   |   168 +-
 public/js/components/130.js                   |  1072 +-
 public/js/components/131.js                   |   983 +-
 public/js/components/132.js                   |   477 +-
 public/js/components/133.js                   |   868 +-
 public/js/components/134.js                   |   439 +-
 public/js/components/135.js                   |   868 +-
 public/js/components/136.js                   |   114 +-
 public/js/components/137.js                   |    86 +-
 public/js/components/138.js                   |  1573 +-
 public/js/components/139.js                   |   512 +-
 public/js/components/140.js                   |  4352 +-
 public/js/components/141.js                   |  3698 +-
 public/js/components/142.js                   |  4399 +-
 public/js/components/26.js                    |   385 +-
 public/js/components/37.js                    | 71892 ++++------------
 public/js/components/38.js                    | 70366 +++++++++++----
 public/js/components/39.js                    |   127 +-
 public/js/components/41.js                    | 12762 +--
 public/js/components/42.js                    | 14117 ++-
 public/js/components/43.js                    |  6768 +-
 public/js/components/44.js                    |  6840 +-
 public/js/components/45.js                    |  6335 +-
 public/js/components/46.js                    |  6922 +-
 public/js/components/47.js                    |  7551 +-
 public/js/components/48.js                    |  2887 +-
 public/js/components/49.js                    |  2046 +-
 public/js/components/50.js                    |  7035 +-
 public/js/components/51.js                    |  7442 +-
 public/js/components/52.js                    |  5769 +-
 public/js/components/53.js                    |  7329 +-
 public/js/components/54.js                    |  5115 +-
 public/js/components/55.js                    |  5474 +-
 public/js/components/56.js                    |  5048 +-
 public/js/components/57.js                    |  4061 +-
 public/js/components/58.js                    |   434 +-
 public/js/components/59.js                    |   622 +-
 public/js/components/60.js                    |  1364 +-
 public/js/components/61.js                    |    40 +-
 public/js/components/62.js                    |    68 +-
 public/js/components/63.js                    |  5671 +-
 public/js/components/64.js                    |  5969 +-
 public/js/components/65.js                    |   169 +-
 public/js/components/66.js                    |   169 +-
 public/js/components/67.js                    |  1078 +-
 public/js/components/68.js                    |  2028 +-
 public/js/components/69.js                    |  2443 +-
 public/js/components/70.js                    |  2696 +-
 public/js/components/71.js                    |   158 +-
 public/js/components/71.js.LICENSE.txt        |     6 -
 public/js/components/72.js                    |   244 +-
 public/js/components/73.js                    |  2414 +-
 public/js/components/74.js                    |  3222 +-
 public/js/components/74.js.LICENSE.txt        |    11 +
 public/js/components/75.js                    |  5464 +-
 public/js/components/76.js                    |  4726 +-
 public/js/components/77.js                    |  3556 +-
 public/js/components/78.js                    |  4213 +-
 public/js/components/79.js                    |  3833 +-
 public/js/components/80.js                    |  4057 +-
 public/js/components/81.js                    |   168 +-
 public/js/components/82.js                    |  2633 +-
 public/js/components/83.js                    |  2579 +-
 public/js/components/84.js                    |  3626 +-
 public/js/components/85.js                    |  2542 +-
 public/js/components/85.js.LICENSE.txt        |     5 +
 public/js/components/86.js                    |  1201 +-
 public/js/components/87.js                    |   556 +-
 public/js/components/88.js                    |  1599 +-
 public/js/components/89.js                    |   761 +-
 public/js/components/90.js                    |  1456 +-
 public/js/components/91.js                    |   453 +-
 public/js/components/92.js                    |   516 +-
 public/js/components/93.js                    |  1616 +-
 public/js/components/94.js                    |  1400 +-
 public/js/components/95.js                    |  1588 +-
 public/js/components/96.js                    |  1236 +-
 public/js/components/97.js                    |  1653 +-
 public/js/components/98.js                    |  6354 +-
 public/js/components/99.js                    |  6598 +-
 public/mix-manifest.json                      |     2 +-
 resources/.DS_Store                           |   Bin 10244 -> 10244 bytes
 resources/assets/.DS_Store                    |   Bin 10244 -> 10244 bytes
 resources/assets/js/.DS_Store                 |   Bin 6148 -> 10244 bytes
 resources/assets/js/api/kegiatanBKCU.js       |    28 +
 resources/assets/js/api/sertifikatKegiatan.js |    27 +
 resources/assets/js/components/header.vue     |     9 +-
 .../assets/js/components/wajibUkuran.vue      |    15 +
 resources/assets/js/routes.js                 |    22 +
 resources/assets/js/store/index.js            |     2 +
 .../assets/js/store/modules/kegiatanBKCU.js   |   129 +
 .../js/store/modules/sertifikatKegiatan.js    |   376 +
 resources/assets/js/views/.DS_Store           |   Bin 18436 -> 20484 bytes
 .../js/views/aktivis/riwayatContent.vue       |    27 +-
 .../js/views/assesmentAccess/form_p1.vue      |    36 +-
 .../js/views/assesmentAccess/form_p2.vue      |    64 +-
 .../js/views/assesmentAccess/form_p3.vue      |    62 +-
 .../js/views/assesmentAccess/form_p4.vue      |    50 +-
 .../assets/js/views/dashboard/buttonRow.vue   |    14 +
 .../js/views/jalinanKlaim/formStatus.vue      |     2 +-
 .../assets/js/views/kegiatanBKCU/detail.vue   |   293 +-
 .../assets/js/views/kegiatanBKCU/form.vue     |    32 +-
 .../js/views/kegiatanBKCU/formListMateri.vue  |   135 +
 .../js/views/kegiatanBKCU/formNilai.vue       |   149 +
 .../js/views/kegiatanBKCU/formSertifikat.vue  |   165 +
 .../js/views/sertifikatKegiatan/form.vue      |   456 +
 .../js/views/sertifikatKegiatan/index.vue     |    64 +
 .../js/views/sertifikatKegiatan/table.vue     |   286 +
 .../assets/js/views/sistem/changelog.vue      |    30 +-
 resources/assets/js/views/surat/form.vue      |    15 +-
 .../assets/js/views/suratKategori/form.vue    |    38 +
 .../assets/js/views/suratKategori/index.vue   |     2 +-
 .../assets/js/views/suratKategori/table.vue   |    20 +-
 resources/assets/js/views/suratKode/form.vue  |     1 +
 resources/views/sertifikat.blade.php          |   181 +
 routes/api.php                                |    19 +
 165 files changed, 219745 insertions(+), 218342 deletions(-)
 create mode 100644 app/Http/Controllers/SertifikatController.php
 create mode 100644 app/KegiatanListMateri.php
 create mode 100644 app/Nilai.php
 create mode 100644 app/Sertifikat.php
 create mode 100644 app/SertifikatGenerate.php
 create mode 100644 public/js/components/101.js.LICENSE.txt
 create mode 100644 public/js/components/74.js.LICENSE.txt
 create mode 100644 public/js/components/85.js.LICENSE.txt
 create mode 100644 resources/assets/js/api/sertifikatKegiatan.js
 create mode 100644 resources/assets/js/components/wajibUkuran.vue
 create mode 100644 resources/assets/js/store/modules/sertifikatKegiatan.js
 create mode 100644 resources/assets/js/views/kegiatanBKCU/formListMateri.vue
 create mode 100644 resources/assets/js/views/kegiatanBKCU/formNilai.vue
 create mode 100644 resources/assets/js/views/kegiatanBKCU/formSertifikat.vue
 create mode 100644 resources/assets/js/views/sertifikatKegiatan/form.vue
 create mode 100644 resources/assets/js/views/sertifikatKegiatan/index.vue
 create mode 100644 resources/assets/js/views/sertifikatKegiatan/table.vue
 create mode 100644 resources/views/sertifikat.blade.php

diff --git a/.DS_Store b/.DS_Store
index f578df631943ef66eb34d5188af92df0cb5f30e0..8c172d888508c68f081f6d94fb18188c2b1f1b98 100755
GIT binary patch
delta 505
zcmZn(XbIS$DiHU=ql<xofrUYjA)O(Up(Hoo#U&{xKM5$tp&+35eLmX}M^yO~yz&JZ
zhQZ1CxdlKy4C)LDlbZ#WF>aZxC0M8|QeADJqhL_0qfl*b1Y}v5o7UEHa)>JHTL;Bw
z=j7()w@p4ED9_kF`GKH#1iwZi&;(|NM1}%}0%S*R<&Owk0&x^v7U3jJS!4$>NH}cv
z7y8f0BL4M`-Q*yV4rZARA12=wkz;1@<(&LaB!xveP=R5xgP7Rl8c}Y>t&`=%3spoB
z?lv?r!RqjKu){lm8kL#(Hb+gKASN-nPAs13<Acrj#l#qywB}F#F20yK`e^6mxf0n-
vNdlX>B>%EaEMVQtuJDUxGP7trZ7deinhy*_HijaGe1=kn5{6WU;@o@yXQz!M

delta 508
zcmZn(XbIS$DiC+5SA>CqfrUYjA)O(Up(Hoo#U&{xKM5$tajvDnTkXSPM^yO~yz&JZ
zhQZ1CxdlKy3~HAGCN~Q#W85}bOR$hbth!p)Ku1A$@<Krw#*WGR1mzh!C*KnkkKlU<
zvW=M`k)eR00NMWkbt3x}eu3?W%OY&Ylts3iLHxjGU!nhuETaC!`jZ1hI+&#x946lu
zkz+n!;yd||ND7MzF9XBmL@}|+RifOCJ3vlUm#D5bG%(XqFtn`IQ2;WHEp-&kEKO@`
zIXOg?^{s>AvvYFu^1Hxp?*{1=$Vo?dSBTg7I8d;h`TYlo!5_u`GpX`U{v^JbS-`Sr
s@(hV=Cc%Kstdf7(HnS`IVwwD3B#}O@;8z9um4S_+h#{Y$l%a$H09n70FaQ7m

diff --git a/app/.DS_Store b/app/.DS_Store
index 87741100a44217b2218ae309bb4be539ac6c7755..54e2a120a4e6ed0a6ce95db694f9d01342d5146c 100755
GIT binary patch
delta 22
ecmZoEXerpRMTx20e)Be^P&UR5n|U;U@Bsj7iwLX$

delta 22
ecmZoEXerpRMTyDb%I0lKp=^u=n|U;U@BsjAnh44O

diff --git a/app/Http/Controllers/KegiatanBKCUController.php b/app/Http/Controllers/KegiatanBKCUController.php
index 7c4880bb0..6d151ee38 100755
--- a/app/Http/Controllers/KegiatanBKCUController.php
+++ b/app/Http/Controllers/KegiatanBKCUController.php
@@ -10,11 +10,14 @@
 use App\KegiatanPanitia;
 use App\KegiatanPeserta;
 use App\KegiatanMateri;
+use App\KegiatanListMateri;
 use App\KegiatanTugas;
 use App\KegiatanTugasJawaban;
 use App\KegiatanKeputusan;
 use App\KegiatanPertanyaan;
 use App\KegiatanPilih;
+use App\Sertifikat;
+use App\SertifikatGenerate;
 use Illuminate\Http\Request;
 use App\Support\NotificationHelper;
 
@@ -231,6 +234,39 @@ public function indexMateri($id)
 		]);
 	}
 
+	public function indexListMateri($id)
+	{
+		$table_data = KegiatanListMateri::where('kegiatan_id', $id)->advancedFilter();
+		return response()
+			->json([
+				'model' => $table_data
+			]);
+	}
+
+	public function indexNilaiListMateri($id)
+	{
+		$table_data = KegiatanListMateri::where('kegiatan_id', $id)->get();
+
+		return response()
+			->json([
+				'model' => $table_data
+			]);
+	}
+
+	public function indexNilai($id, $aktivis_id)
+	{
+		$table_data = KegiatanListMateri::select("kegiatan_list_materi.id", "kegiatan_list_materi.nama", "kegiatan_materi_nilai.nilai")
+			->join("kegiatan_materi_nilai", "kegiatan_materi_nilai.materi_id", "=", "kegiatan_list_materi.id")
+			->where('kegiatan_materi_nilai.aktivis_id', $aktivis_id)
+			->where('kegiatan_materi_nilai.kegiatan_id', $id)
+			->get();
+
+		return response()
+			->json([
+				'model' => $table_data
+			]);
+	}
+
 	public function indexKeputusan($id)
 	{
 		$table_data = KegiatanKeputusan::with('pilih','cu','user.aktivis')->withCount('haskomentar')->where('kegiatan_id',$id)->whereNull('kegiatan_keputusan_id')->advancedFilter();
@@ -403,8 +439,11 @@ public function store(Request $request, $kegiatan_tipe)
 			$fileName = '';
 		}
 
-		$kelas = Kegiatan::create($request->except('tipe','status','gambar') + [
-			'tipe' => $kegiatan_tipe, 'status' => '1', 'gambar' => $fileName
+		$kelas = Kegiatan::create($request->except('tipe','status','gambar','id_sertifikat') + [
+			'tipe' => $kegiatan_tipe, 
+			'status' => '1', 
+			'gambar' => $fileName, 
+			'id_sertifikat' =>  $request->formSertifikat[0]['id_sertifikat']
 		]);
 
 		$sasaran_ar = array();
@@ -590,6 +629,43 @@ public function storeMateri(Request $request, $kegiatan_tipe, $id)
 			]);	
 	}
 
+	public function storeListMateri(Request $request, $kegiatan_tipe, $id)
+	{
+		$kelas = KegiatanListMateri::create([
+			'kegiatan_id' => $id,
+			'nama' => $request->nama,
+			'waktu' => $request->waktu
+		]);
+
+		return response()
+			->json([
+				'saved' => true,
+				'message' => 'List Materi ' . $this->message . ' berhasil ditambah',
+				'id' => $kelas->id
+			]);
+	}
+
+	public function storeNilai($kegiatan_id, $aktivis_id, $materi_id, Request $request)
+	{
+		$data = Nilai::where('kegiatan_id', $kegiatan_id)->where('aktivis_id', $aktivis_id)->where('materi_id', $materi_id)->first();
+		if ($data != null) {
+			$kelas = Nilai::where('kegiatan_id', $kegiatan_id)->where('aktivis_id', $aktivis_id)->where('materi_id', $materi_id)->update(['nilai' => $request->nilai]);
+		} else {
+			$kelas = Nilai::create([
+				'aktivis_id' => $aktivis_id,
+				'kegiatan_id' => $kegiatan_id,
+				'materi_id' => $materi_id,
+				'nilai' => $request->nilai
+			]);
+		}
+		return response()
+			->json([
+				'saved' => true,
+				'message' => 'Nilai berhasil ditambah/diupdate',
+				'id' => $kelas->id
+			]);
+	}
+
 	public function storeKeputusan(Request $request, $id)
 	{
 		$kelas = KegiatanKeputusan::create($request->except('kegiatan_id') + [ 'kegiatan_id' => $id ]);
@@ -710,10 +786,12 @@ public function storeTugasJawaban(Request $request, $kegiatan_tipe)
 	public function edit($id)
 	{
 		$kelas = Kegiatan::with('tempat','sasaran','panitia_dalam.pekerjaan_aktif.cu','panitia_luar','panitia_luar_lembaga','pilih')->findOrFail($id);
+		$kelas2 = Sertifikat::where('id', $kelas->id_sertifikat)->get();
 
 		return response()
 				->json([
 						'form' => $kelas,
+						'form1' => $kelas2,
 						'option' => []
 				]);
 	}
@@ -809,7 +887,20 @@ public function updateStatus(Request $request, $id)
 		}else if($request->status == 4){
 			$status= 'sedang berjalan';
 		}else if($request->status == 5){
-			$status= 'terlaksana';
+			$periode = Kegiatan::where('id', $id)->select('periode')->get();
+			$idAktivis = KegiatanPeserta::where('kegiatan_id', $id)->select('aktivis_id')->get();
+			$lastNomor = SertifikatGenerate::where('periode', $periode->first()->periode)->max('nomor');
+			if ($lastNomor == null) {
+				$lastNomor = 0;
+			}
+			foreach ($idAktivis as $peserta) {
+				$checkPeserta = SertifikatGenerate::where('id_aktivis', $peserta->aktivis_id)->where('id_kegiatan', $id)->get()->first();
+				if (!$checkPeserta) {
+					$lastNomor++;
+					SertifikatGenerate::create(['id_aktivis' => $peserta->aktivis_id, 'id_kegiatan' => $id, 'nomor' => $lastNomor, 'periode' => $periode->first()->periode]);
+				}
+			}
+			$status = 'terlaksana';
 		}else if($request->status == 6){
 			$status= 'batal';
 		}
@@ -877,6 +968,19 @@ public function updateMateri(Request $request, $id)
 			]);
 	}
 
+	public function updateListMateri(Request $request, $id)
+	{
+		$kelas = KegiatanListMateri::findOrFail($id);
+
+		$kelas->update($request->all());
+
+		return response()
+			->json([
+				'saved' => true,
+				'message' => "Materi berhasil diubah"
+			]);
+	}
+
 	public function updateKeputusan(Request $request, $id)
 	{
 		$kelas = KegiatanKeputusan::findOrFail($id);
@@ -1088,6 +1192,20 @@ public function destroyMateri($kegiatan_tipe, $id)
 			]);
 	}
 
+	public function destroyListMateri($kegiatan_tipe, $id)
+	{
+		$kelas = KegiatanListMateri::findOrFail($id);
+		$name = $kelas->name;
+		$format = $kelas->format;
+
+		$kelas->delete();
+		return response()
+			->json([
+				'deleted' => true,
+				'message' =>  'Materi ' . $name . ' berhasil dihapus'
+			]);
+	}
+
 	public function destroyKeputusan($id)
 	{
 		$kelas = KegiatanKeputusan::findOrFail($id);
diff --git a/app/Http/Controllers/SertifikatController.php b/app/Http/Controllers/SertifikatController.php
new file mode 100644
index 000000000..829261ad5
--- /dev/null
+++ b/app/Http/Controllers/SertifikatController.php
@@ -0,0 +1,228 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use DB;
+use Auth;
+use File;
+use Image;
+use App\Kegiatan;
+use App\Support\Helper;
+use App\Sertifikat;
+use App\SertifikatGenerate;
+use Illuminate\Http\Request;
+use Barryvdh\DomPDF\Facade as PDF;
+use DateTime;
+use App\KegiatanListMateri;
+use App\Aktivis;
+
+
+class SertifikatController extends Controller
+{
+
+    protected $imagepathSertifikat = 'images/sertifikatKegiatan/';
+    protected $width = 300;
+    protected $height = 200;
+    protected $message = "Sertifikat";
+
+    public function index()
+    {
+        $table_data = Sertifikat::select('id', 'kode_sertifikat', 'name', 'gambar_depan', 'gambar_belakang')->advancedFilter();
+        
+        return response()
+            ->json([
+                'model' => $table_data
+            ]);
+    }
+
+    public function create()
+    {
+        return response()
+            ->json([
+                'form' => Sertifikat::initialize(),
+                'rules' => sertifikat::$rules,
+                'option' => []
+            ]);
+    }
+
+    public function store(Request $request)
+    {
+        $this->validate($request, Sertifikat::$rules);
+        $name = $request->name;
+        if (!empty($request->gambar_depan)) {
+            $imagepath = $this->imagepathSertifikat;
+            $fileName1 = Helper::image_processing($imagepath, $this->width, $this->height, $request->gambar_depan, '', $name);
+        } else {
+            $fileName1 = '';
+        }
+
+        if (!empty($request->gambar_belakang)) {
+            $imagepath = $this->imagepathSertifikat;
+            $fileName2 = Helper::image_processing($imagepath, $this->width, $this->height, $request->gambar_belakang, '', $name);
+        } else {
+            $fileName2 = '';
+        }
+
+        $kelas = Sertifikat::create($request->except('gambar_depan', 'gambar_belakang') + [
+            'gambar_depan' => $fileName1, 'gambar_belakang' => $fileName2
+        ]);
+
+        return response()
+            ->json([
+                'saved' => true,
+                'message' => $this->message . ' ' . $name . ' berhasil ditambah',
+                'id' => $kelas->id
+            ]);
+    }
+
+    public function edit($id)
+    {
+        $kelas = Sertifikat::findOrFail($id);
+
+        return response()
+            ->json([
+                'form' => $kelas,
+                'option' => []
+            ]);
+    }
+
+    public function update(Request $request, $id)
+    {
+        $name = $request->name;
+        $kelas = Sertifikat::findOrFail($id);
+        // processing single image upload
+        if (!empty($request->gambar_depan)) {
+            $imagepath = $this->imagepathSertifikat;
+            $fileName1 = Helper::image_processing($imagepath, $this->width, $this->height, $request->gambar_depan, $kelas->gambar_depan, $name);
+        } else {
+            $fileName1 = '';
+        }
+        if (!empty($request->gambar_depan)) {
+            $fileName2 = Helper::image_processing($imagepath, $this->width, $this->height, $request->gambar_belakang, $kelas->gambar_belakang, $name);
+        } else {
+
+            $fileName2 = '';
+        }
+
+        $kelas->update($request->except('gambar_depan', 'gambar_belakang') + [
+            'gambar_depan' => $fileName1, 'gambar_belakang' => $fileName2
+        ]);
+        return response()
+            ->json([
+                'saved' => true,
+                'message' => $this->message . ' ' . $name . ' berhasil diubah'
+            ]);
+    }
+
+    public function destroy($id)
+    {
+        $kelas = Sertifikat::findOrFail($id);
+        $name = $kelas->name;
+        $kelas->delete();
+
+        return response()
+            ->json([
+                'deleted' => true,
+                'message' =>  $this->message . ' ' . $name . 'berhasil dihapus'
+            ]);
+    }
+
+    public function generateSertifikat(Request $formData)
+    {
+        $aktivisId = $formData->aktivis_id;
+        $kegiatanId = $formData->kegiatan_id;
+        $kegiatanData = Kegiatan::with('tempat')->where('id', $formData->kegiatan_id)->first();
+        $nomorData = SertifikatGenerate::where('id_aktivis', $formData->aktivis_id)->where('id_kegiatan', $formData->kegiatan_id)->first();
+        $sertifikat = Sertifikat::where('id', $kegiatanData->id_sertifikat)->select('gambar_depan', 'gambar_belakang', 'kode_sertifikat')->first();
+
+        $listMateri = KegiatanListMateri::select("kegiatan_list_materi.waktu", "kegiatan_list_materi.nama", "kegiatan_materi_nilai.nilai")
+            ->join("kegiatan_materi_nilai", "kegiatan_materi_nilai.materi_id", "=", "kegiatan_list_materi.id")
+            ->where('kegiatan_materi_nilai.kegiatan_id', $formData->kegiatan_id)
+            ->where('kegiatan_materi_nilai.aktivis_id', $formData->aktivis_id)
+            ->get();
+
+        $sumWaktu = KegiatanListMateri::where('kegiatan_id', $formData->kegiatan_id)->sum('waktu');
+        $sumNilai = KegiatanListMateri::join("kegiatan_materi_nilai", "kegiatan_materi_nilai.materi_id", "=", "kegiatan_list_materi.id")
+            ->where('kegiatan_materi_nilai.kegiatan_id', $formData->kegiatan_id)
+            ->where('kegiatan_materi_nilai.aktivis_id', $formData->aktivis_id)
+            ->sum("kegiatan_materi_nilai.nilai");
+
+        $averageNilai = 0;
+        if ($sumNilai != 0) {
+            $averageNilai = $sumNilai / $listMateri->count();
+        }
+        $tempat = '';
+        if ($kegiatanData->tipe_tempat == 'OFFLINE') {
+            $tempat = 'di ' . $kegiatanData->tempat->name;
+        } else {
+            $tempat = 'secara ' . strtolower($kegiatanData->tipe_tempat);
+        }
+        $imageDepan = 'images/sertifikatKegiatan/' . $sertifikat->gambar_depan . '.jpg';
+        $imageBelakang = 'images/sertifikatKegiatan/' . $sertifikat->gambar_belakang . '.jpg';
+        $nama = $formData->name_sertifikat;
+        $jabatan = $formData->jabatan;
+        $lembaga = $formData->lembaga;
+        $kegiatan = $kegiatanData->name;
+        $date_mulai = $kegiatanData->mulai;
+        $date_selesai = $kegiatanData->selesai;
+        $mulai = new DateTime($date_mulai);
+        $selesai = new DateTime($date_selesai);
+        $selesai2 = '';
+        switch ($selesai->format('m')) {
+            case '01':
+                $selesai2 = 'I';
+                break;
+            case '02':
+                $selesai2 = 'II';
+                break;
+            case '03':
+                $selesai2 = 'III';
+                break;
+            case '04':
+                $selesai2 = 'IV';
+                break;
+            case '05':
+                $selesai2 = 'V';
+                break;
+            case '06':
+                $selesai2 = 'VI';
+                break;
+            case '07':
+                $selesai2 = 'VII';
+                break;
+            case '08':
+                $selesai2 = 'VIII';
+                break;
+            case '09':
+                $selesai2 = 'IX';
+                break;
+            case '10':
+                $selesai2 = 'X';
+                break;
+            case '11':
+                $selesai2 = 'XI';
+                break;
+            case '12':
+                $selesai2 = 'XII';
+                break;
+        }
+
+        $nomor = $nomorData->nomor . '/' . $sertifikat->kode_sertifikat . '/' . $selesai2 . '/' . $selesai->format('Y');
+
+        $hari = \Carbon\Carbon::parse($date_mulai)->diffInDays(\Carbon\Carbon::parse($date_selesai), false);
+
+        $tahun = $kegiatanData->periode;
+
+        $tgl = $mulai->format('d') . ' ' . $selesai->format('F') . ' ' . $selesai->format('Y') . " s.d " . $selesai->format('d') . ' ' . $selesai->format('F') . ' ' . $selesai->format('Y');
+
+        $tglGenerate = $selesai->format('d') . ' ' . $selesai->format('F') . ' ' . $selesai->format('Y');
+
+        $customPaper = array(0, 0, 1502.25, 1956);
+
+        $pdf_doc = PDF::loadView('sertifikat', compact('nama', 'jabatan', 'lembaga', 'kegiatan', 'hari', 'tahun', 'tgl', 'nomor', 'imageDepan', 'imageBelakang', 'listMateri', 'sumWaktu', 'tempat', 'tglGenerate', 'averageNilai')); // <--- load your view into theDOM wrapper;
+
+        $pdf_doc->setPaper($customPaper, 'landscape');
+
+        return $pdf_doc->download('sertifikat_' . $kegiatan . '_' . $nama . '.pdf');
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/SuratController.php b/app/Http/Controllers/SuratController.php
index 3d3f14d3d..711fd1342 100755
--- a/app/Http/Controllers/SuratController.php
+++ b/app/Http/Controllers/SuratController.php
@@ -13,6 +13,7 @@
 use File;
 use Image;
 use Auth;
+use Illuminate\Support\Carbon;
 
 class SuratController extends Controller{
 
@@ -76,32 +77,30 @@ public function getKode($id)
 		$suratKode = SuratKode::findOrFail($id);
 		$suratKategori = SuratKategori::where('id_surat_kode',$suratKode->id)->get();
 
+		// clean surat with null id_surat that less than today
+		SuratKodeTemp::where('id_surat_kode',$suratKode->id)->whereNull('id_surat')->where('created_at', '<', Carbon::now()->subDay())->delete();
+		
 		// check if there is blocking surat kode by this user
 		$suratKodeTemp = SuratKodeTemp::where('id_surat_kode',$suratKode->id)->where('id_user', $id_user)->whereNull('id_surat')->first();
-			
+		
 		// if yes then use the blocking surat kode by this user
 		if($suratKodeTemp){		
+			// if more than 30 minutes
 			if(time() >= strtotime($suratKodeTemp->created_at) + 1800){
-				$suratKodeTemp->delete();
-				$kode = $suratKode;
+				$suratKodeTemp->created_at = Carbon::now()->timestamp;
+				$suratKodeTemp->update();
 
-				$suratKodeTemp2 = SuratKodeTemp::create([
-					'id_surat_kode' => $kode->id,
-					'id_user' => $id_user,
-					'kode' => $kode->kode,
-					'periode' => $periode,
-					'bulan' => $bulan
-				]);
+				$kode = $suratKode;
 
 				return response()
 					->json([
 							'model' => [ 
 								'kategori' => $suratKategori,
 								'suratKode' => $kode,
-								'kode' => $kode->kode,
+								'kode' => $suratKodeTemp->kode,
 								'periode' => $periode,
 								'bulan' => $bulan,
-								'waktu' => (strtotime($suratKodeTemp2->created_at) + 1800 - time())
+								'waktu' => (strtotime($suratKodeTemp->created_at) + 1800 - time())
 							],
 					]);
 			}else{
@@ -110,7 +109,7 @@ public function getKode($id)
 							'model' => [ 
 								'kategori' => $suratKategori,
 								'suratKode' => $suratKode,
-								'kode' => $suratKode->kode,
+								'kode' => $suratKodeTemp->kode,
 								'periode' => $periode,
 								'bulan' => $bulan,
 								'waktu' => (strtotime($suratKodeTemp->created_at) + 1800 - time())
@@ -121,45 +120,38 @@ public function getKode($id)
 		}else{
 
 			// check if there is blocking surat kode by general
-			$suratKodeTempKosong = SuratKodeTemp::where('id_surat_kode',$suratKode->id)->whereNull('id_surat')->first();
+			$suratKodeTempKosong = SuratKodeTemp::where('id_surat_kode',$suratKode->id)->whereNull('id_surat')->orderBy('kode','asc')->first();
 
 			// if yes then use the blocking surat kode by general
 			if($suratKodeTempKosong){
 				// if more than 30 minutes
 				if(time() >= strtotime($suratKodeTempKosong->created_at) + 1800)
-				{
-					$suratKodeTempKosong->delete();
+				{	
+					$suratKodeTempKosong->id_user = $id_user;
+					$suratKodeTempKosong->created_at = Carbon::now()->timestamp;
+					$suratKodeTempKosong->update();
 
 					$kode = $suratKode;
-		
-					$suratKodeTemp2 = SuratKodeTemp::create([
-						'id_surat_kode' => $kode->id,
-						'id_user' => $id_user,
-						'kode' => $kode->kode,
-						'periode' => $periode,
-						'bulan' => $bulan,
-					]);
 
 					return response()
 						->json([
 								'model' => [ 
 									'kategori' => $suratKategori,
 									'suratKode' => $kode,
-									'kode' => $kode->kode,
+									'kode' => $suratKodeTempKosong->kode,
 									'periode' => $periode,
 									'bulan' => $bulan,
-									'waktu' => (strtotime($suratKodeTemp2->created_at) + 1800 - time())
+									'waktu' => (strtotime($suratKodeTempKosong->created_at) + 1800 - time())
 								],
 						]);
 				}else{
-					$kode = SuratKode::where('id_cu',$id_cu)->where('periode',$periode)->where('kode', $suratKodeTempKosong->kode)->first();
-
-					$kode->kode = $kode->kode + 1;
+					$suratKodeTempLatest = SuratKodeTemp::where('id_surat_kode',$suratKode->id)->whereNull('id_surat')->orderBy('kode','desc')->first();
+					$kode = $suratKode;
 
 					$suratKodeTemp2 = SuratKodeTemp::create([
 						'id_surat_kode' => $kode->id,
 						'id_user' => $id_user,
-						'kode' => $kode->kode,
+						'kode' => $suratKodeTempLatest->kode + 1,
 						'periode' => $periode,
 						'bulan' => $bulan
 					]);
@@ -169,7 +161,7 @@ public function getKode($id)
 								'model' => [ 
 									'kategori' => $suratKategori,
 									'suratKode' => $kode,
-									'kode' => $kode->kode,
+									'kode' => $suratKodeTempLatest->kode + 1,
 									'periode' => $periode,
 									'bulan' => $bulan,
 									'waktu' => (strtotime($suratKodeTemp2->created_at) + 1800 - time())
@@ -218,8 +210,8 @@ public function store(Request $request)
 		$this->validate($request,Surat::$rules);
 
 		$name = $request->name;
-
-		$suratKodeTempKosong = SuratKodeTemp::where('id_surat_kode',$request->id_surat_kode)->where('kode', $request->kode)->whereNull('id_surat')->first();
+		$id_user = Auth::user()->id;
+		$suratKodeTempKosong = SuratKodeTemp::where('id_surat_kode',$request->id_surat_kode)->where('kode', $request->kode)->where('id_user',$id_user)->whereNull('id_surat')->first();
 
 		if($suratKodeTempKosong){
 			$id_cu = Auth::user()->id_cu;
@@ -261,16 +253,21 @@ public function store(Request $request)
 				'keterangan' => $request->perihal
 			]);
 
-			$request['id_surat_kode'] = $suratKodeTempKosong->id;
+			// $request['id_surat_kode'] = $suratKodeTempKosong->id;
 
 			$kelas = Surat::create($request->except('id_dokumen') + [
 				'id_dokumen' => $kelasDokumen->id
 			]);
 
-			$suratKode = SuratKode::where('id_cu',$id_cu)->where('periode', $periode)->first();
-			if($suratKode->kode == $request->kode){
-				$suratKode->kode = $request->kode + 1;
-				$suratKode->update();
+			$suratKodeTempDesc = SuratKodeTemp::where('id_surat_kode', $request->id_surat_kode)->orderBy('kode','desc')->first();
+
+			$suratKode = SuratKode::findOrFail($request->id_surat_kode);
+
+			if($suratKodeTempDesc->kode == $request->kode){
+				if($request->kode >= $suratKode->kode){
+					$suratKode->kode = $request->kode + 1;
+					$suratKode->update();
+				}
 			}
 
 			$suratKodeTempKosong->id_surat = $kelas->id;
diff --git a/app/Http/Controllers/SuratKategoriController.php b/app/Http/Controllers/SuratKategoriController.php
index 1fc86d8cf..52c0a7c18 100755
--- a/app/Http/Controllers/SuratKategoriController.php
+++ b/app/Http/Controllers/SuratKategoriController.php
@@ -10,9 +10,7 @@ class SuratKategoriController extends Controller{
 
 	public function index()
 	{
-			DB::statement(DB::raw('set @cnt:=0'));
-
-    	$table_data = SuratKategori::with('Cu')->withCount('hasSurat')->advancedFilter();
+    	$table_data = SuratKategori::with('kode')->withCount('hasSurat')->advancedFilter();
 
     	return response()
 			->json([
@@ -32,7 +30,7 @@ public function get()
   
   public function indexCu($id)
 	{
-		$table_data = SuratKategori::with('Cu')->withCount('hasSurat')->where('id_cu',$id)->advancedFilter();
+		$table_data = SuratKategori::with('kode')->withCount('hasSurat')->where('id_cu',$id)->advancedFilter();
 
 		return response()
 			->json([
diff --git a/app/Http/Controllers/SuratKodeController.php b/app/Http/Controllers/SuratKodeController.php
index 8cd3d0dbd..7c1278c91 100755
--- a/app/Http/Controllers/SuratKodeController.php
+++ b/app/Http/Controllers/SuratKodeController.php
@@ -69,8 +69,7 @@ public function store(Request $request)
 		$this->validate($request,SuratKode::$rules);
 
 		$name = $request->name;
-
-
+		
 		$kelas = SuratKode::create($request->all());
 		
 		return response()
diff --git a/app/Http/Controllers/UserController.php b/app/Http/Controllers/UserController.php
index b37567809..74f73eb6f 100755
--- a/app/Http/Controllers/UserController.php
+++ b/app/Http/Controllers/UserController.php
@@ -217,7 +217,17 @@ public function index()
 
 	public function indexCu($id)
 	{
-		$table_data = User::with('pus','cu','aktivis.pekerjaan_aktif.cu','aktivis.pendidikan_tertinggi')->where('id','!=',1)->where('id_cu',$id)->advancedFilter();
+		if($id == 0){
+			$tipe = 3;
+			$id = 1;
+		}else{
+			$tipe = 1;
+		}
+
+		$table_data = User::with(['aktivis.pekerjaans' => function ($q) use ($id,$tipe){
+			$q->with('cu')->where('tipe',$tipe)->where('id_tempat',$id)
+					->where('status',1);
+		}])->with('pus','cu','aktivis.pekerjaan_aktif.cu','aktivis.pendidikan_tertinggi')->where('id','!=',1)->where('id_cu',$id)->advancedFilter();
 		
 		return response()
 		->json([
diff --git a/app/Kegiatan.php b/app/Kegiatan.php
index 86b2c2631..01fccdfa8 100755
--- a/app/Kegiatan.php
+++ b/app/Kegiatan.php
@@ -31,7 +31,7 @@ public function sluggable()
     }
     
     protected $fillable = [
-      'id_regencies','id_districts','id_regencies','id_provinces','id_tempat','kode_diklat','name','periode','durasi','mulai','selesai','jadwal','keterangan','keteranganBatal','status','tipe','peserta_max','peserta_max_cu','peserta_min','created_at','updated_at','deleted_at','gambar','tipe_tempat','keputusan_cu','keputusan_user','pertanyaan_cu','pertanyaan_user'
+      'id_regencies','id_districts','id_regencies','id_provinces','id_tempat','id_sertifikat','kode_diklat','name','periode','durasi','mulai','selesai','jadwal','keterangan','keteranganBatal','status','tipe','peserta_max','peserta_max_cu','peserta_min','created_at','updated_at','deleted_at','gambar','tipe_tempat','keputusan_cu','keputusan_user','pertanyaan_cu','pertanyaan_user'
     ];
 
     protected $allowedFilters = [
diff --git a/app/KegiatanListMateri.php b/app/KegiatanListMateri.php
new file mode 100644
index 000000000..821169f27
--- /dev/null
+++ b/app/KegiatanListMateri.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace App;
+
+use illuminate\Database\Eloquent\Model;
+use Spatie\Activitylog\Traits\LogsActivity;
+use App\Support\Dataviewer;
+
+class KegiatanListMateri extends Model
+{
+    use LogsActivity, Dataviewer;
+
+    protected $table = 'kegiatan_list_materi';
+    protected static $logFillable = true;
+    protected static $logOnlyDirty = true;
+
+    public static $rules = [
+        'kegiatan_id' => 'required',
+        'nama' => 'required',
+        'waktu' => 'required',
+    ];
+
+    protected $fillable = ['kegiatan_id', 'nama', 'waktu'];
+
+    protected $allowedFilters = ['kegiatan_id', 'nama', 'waktu'];
+
+    protected $orderable = ['kegiatan_id', 'nama', 'waktu'];
+
+    public function nilaiList()
+    {
+        return $this->hasMany('App\Nilai', 'materi_id', 'id');
+    }
+}
\ No newline at end of file
diff --git a/app/Nilai.php b/app/Nilai.php
new file mode 100644
index 000000000..0c06aa80f
--- /dev/null
+++ b/app/Nilai.php
@@ -0,0 +1,46 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+use App\Support\Dataviewer;
+use Spatie\Activitylog\Traits\LogsActivity;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class Nilai extends Model
+{
+    use Dataviewer, LogsActivity, SoftDeletes;
+    protected $table = 'kegiatan_materi_nilai';
+    protected static $logFillable = true;
+
+    protected $fillable = [
+        'aktivis_id', 'kegiatan_id', 'materi_id', 'nilai', 'created_at', 'updated_at', 'deleted_at'
+    ];
+
+    protected $allowedFilters = [
+        'id', 'nilai',
+    ];
+
+    protected $orderable = [
+        'id', 'nilai'
+    ];
+
+    public static function initialize()
+    {
+        return [
+            'aktivis_id' => '', 'kegiatan_id' => '', 'materi_id' => '', 'nilai' => ''
+        ];
+    }
+
+    public static $rules = [
+        'aktivis_id' => 'required',
+        'kegiatan_id' => 'required',
+        'materi_id' => 'required',
+        'nilai' => 'required',
+    ];
+
+    public function listMateri()
+    {
+        return $this->belongsTo('App\KegiatanListMateri', 'materi_id', 'id');
+    }
+}
\ No newline at end of file
diff --git a/app/Sertifikat.php b/app/Sertifikat.php
new file mode 100644
index 000000000..75356eb80
--- /dev/null
+++ b/app/Sertifikat.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace App;
+
+use illuminate\Database\Eloquent\Model;
+use App\Support\Dataviewer;
+use Spatie\Activitylog\Traits\LogsActivity;
+use Illuminate\Database\Eloquent\SoftDeletes;
+// use Cviebrock\EloquentSluggable\Sluggable;
+
+class Sertifikat extends Model
+{
+    use Dataviewer, LogsActivity, SoftDeletes;
+    protected $table = 'sertifikat';
+    protected static $logFillable = true;
+
+    protected $fillable = [
+        'kode_sertifikat', 'name', 'gambar_depan', 'gambar_belakang', 'created_at', 'updated_at', 'deleted_at'
+    ];
+
+    protected $allowedFilters = [
+        'id', 'kode_sertifikat', 'name'
+    ];
+
+    protected $orderable = [
+        'id', 'kode_sertifikat', 'name'
+    ];
+
+    public static function initialize()
+    {
+        return [
+            'kode_sertifikat' => '', 'name' => '', 'gambar_depan' => '', 'gambar_belakang' => ''
+        ];
+    }
+
+    public static $rules = [
+        'kode_sertifikat' => 'required',
+        'name' => 'required'
+    ];
+
+    public function sluggable()
+    {
+        return [
+            'slug' => [
+                'source' => 'name',
+                'onUpdate' => true
+            ]
+        ];
+    }
+}
diff --git a/app/SertifikatGenerate.php b/app/SertifikatGenerate.php
new file mode 100644
index 000000000..fc9cedbaf
--- /dev/null
+++ b/app/SertifikatGenerate.php
@@ -0,0 +1,52 @@
+<?php
+
+namespace App;
+
+use illuminate\Database\Eloquent\Model;
+use App\Support\Dataviewer;
+use Spatie\Activitylog\Traits\LogsActivity;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class SertifikatGenerate extends Model
+{
+    //
+    use Dataviewer, LogsActivity, SoftDeletes;
+    protected $table = 'sertifikat_generate';
+    protected static $logFillable = true;
+
+    protected $fillable = [
+        'id_aktivis', 'id_kegiatan', 'nomor', 'periode', 'created_at', 'updated_at', 'deleted_at'
+    ];
+
+    protected $allowedFilters = [
+        'id_aktivis', 'id_kegiatan', 'nomor', 'periode'
+    ];
+
+    protected $orderable = [
+        'id_aktivis', 'id_kegiatan', 'nomor', 'periode'
+    ];
+
+    public static function initialize()
+    {
+        return [
+            'id_aktivis' => '', 'id_kegiatan' => '', 'nomor' => '', 'periode' => ''
+        ];
+    }
+
+    public static $rules = [
+        'id_aktivis' => 'required',
+        'id_kegiatan' => 'required',
+        'nomor' => 'required',
+        'periode' => 'required',
+    ];
+
+    public function sluggable()
+    {
+        return [
+            'slug' => [
+                'source' => 'name',
+                'onUpdate' => true
+            ]
+        ];
+    }
+}
diff --git a/app/Surat.php b/app/Surat.php
index 63493cdd0..33f18f890 100755
--- a/app/Surat.php
+++ b/app/Surat.php
@@ -39,7 +39,7 @@ class Surat extends Model {
     
     public static function initialize(){
         return [
-            'id_cu' => '','id_surat_kategori' =>'','id_dokumen' =>'', 'name' => '','hal' => '', 'perihal' => '',  'id_surat_kode' => '','periode' => ''
+            'id_cu' => '','id_surat_kategori' =>'','id_dokumen' =>'', 'name' => '','hal' => '', 'perihal' => '',  'id_surat_kode' => '','periode' => '', 'format' => ''
         ];
     }
 
diff --git a/app/SuratKategori.php b/app/SuratKategori.php
index 1bd57bd86..bc18ee377 100755
--- a/app/SuratKategori.php
+++ b/app/SuratKategori.php
@@ -41,7 +41,7 @@ public function surat(){
 
     public static function initialize(){
         return [
-            'id_cu' => '', 'name' => '', 'deskripsi' => '', 'periode' => ''
+            'id_cu' => '', 'id_surat_kode' => '','name' => '', 'deskripsi' => '', 'periode' => ''
         ];
     }
 
diff --git a/app/SuratKode.php b/app/SuratKode.php
index 087276de1..5ea4fd919 100755
--- a/app/SuratKode.php
+++ b/app/SuratKode.php
@@ -16,29 +16,30 @@ class SuratKode extends Model {
     protected static $logOnlyDirty = true;
     
     public static $rules = [
-        'id_surat_kode' => 'required',
         'id_cu' => 'required',
         'name' => 'required',
+        'kode' => 'required'
     ];
 
-    protected $fillable = ['id_surat_kode','id_cu','name','tipe','periode'];
+    protected $fillable = ['id_cu','name','kode','periode'];
 
     protected $allowedFilters = [
-        'id','id_surat_kode','id_cu','name','tipe','periode','created_at','updated_at',
+        'id','id_cu','name','kode','periode','created_at','updated_at',
     ];
 
     protected $orderable = [
-        'id','id_surat_kode','id_cu','name','tipe','periode','created_at','updated_at'
+        'id','id_cu','name','kode','periode','created_at','updated_at'
     ];
 
-    public function Cu()
-    {
-        return $this->belongsTo('App\Cu','id_cu','id')->select('id','name');
+    public static function initialize(){
+        return [
+            'id_cu' => '', 'name' => '', 'kode' => '','periode' => ''
+        ];
     }
 
-    public function kode()
+    public function Cu()
     {
-        return $this->belongsTo('App\SuratKode','id_surat_kode','id');
+        return $this->belongsTo('App\Cu','id_cu','id')->select('id','name');
     }
 
     public function hassurat()
diff --git a/public/.DS_Store b/public/.DS_Store
index cad8815ef3735fd59eb1f50c34d2334ad7c392ab..36ba7b86404a1a9e842314b3861e41cbc4fae9b3 100755
GIT binary patch
delta 56
zcmZo!z}T{Yaf7`Gvvc?1%}yfDtW1o7o7*M(*qP6T_-vL?^kCz5EnolwW`<;j;>i>A
LL^n66w`c$W>C+G&

delta 56
zcmZo!z}T{Yaf7`G^Pj%Qo1H|QS(%u)Hn&Umu`^$^DA+8a=)uPA5x@Wh%nZp4#gixK
LiEeICZ_xk%20sv^

diff --git a/public/css/.DS_Store b/public/css/.DS_Store
index e1fec567c584499313c861ce16ea691ecfeea418..3d5d83e440a28d0b53e9435cdde271701b4896c4 100755
GIT binary patch
delta 26
icmZo^U~Fk%+^|ZJIh#3b^IE}MtW0+nZ0;1V)&Ky5*a`sv

delta 26
icmZo^U~Fk%+^|ZJId@0M=Cy*iSefnzZ0;1V)&KyEtO{uW

diff --git a/public/js/app.js b/public/js/app.js
index 106ded438..34f1841c8 100755
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -43,7 +43,7 @@
 /******/
 /******/ 	// script path function
 /******/ 	function jsonpScriptSrc(chunkId) {
-/******/ 		return __webpack_require__.p + "js/components/" + ({}[chunkId]||chunkId) + ".js?id=" + {"0":"5bd619cd03f53aa5b2f5","1":"c62a9af3a530a3d83e3a","2":"598ab5952bd48f98b51b","3":"f8b8cdc28db856d1d411","4":"64a73e932429e0c2bebc","5":"a470d6e0df395edd0e90","6":"82a30fa67702e06995fc","7":"fc6a4ee3c7a24852a323","8":"7f3dd051c89503c96c38","9":"3c6867e422bc5fcd6045","10":"f81824ef7abbba041911","11":"b33ebd7e68e441e0f9e9","12":"54d65d509824ee348c71","13":"ce927355a6e49363b915","14":"ebfb8702a5b427d5a8dc","15":"ac6c69b28df8b863bf1f","16":"5200d7c25b3b3a7038f3","17":"6c2214ddff57a2fc8a4e","18":"502c0c5a36f94fc5a2aa","19":"dbab08838440bdb9c453","20":"a5ff48a8f35760d264cf","21":"a536a0684493a623fd4f","22":"a9b6e442e4ad9ea03b6a","23":"fcf70f00854ea546532b","24":"c0b3dbd1768bdf184cba","25":"b3949b8c56c668e84a5c","26":"da3b09edf9ac21b57b53","27":"0dd47cda1505de4fcc05","28":"13c711cfa88054a2a2f3","29":"5141f30c2233dd7f00f1","30":"d6997328d2e0f24eb9bb","31":"956ebce93b701e723cd5","32":"922db5de23d3afd410f2","33":"85f1da5c77a1408fe2bd","34":"4c1fb0d48d4ae511d265","35":"70e0e03c138534355e26","36":"886cd0dce7af8dbf92f9","37":"8b5041b184f19cb1e867","38":"b02c1d7769fb106817e4","39":"e2483916cf6628cc10a7","40":"e15710f8e87eb26bd2e3","41":"16e2124a95fff547be3f","42":"4b1ff24ea0d4a6be5653","43":"7dac50f23ea2e81d8728","44":"891ed76b9a572f79ca3f","45":"bf81a848b0229fca5f08","46":"3128ec8dfe8cbcce3105","47":"8938a3ecc033218f953d","48":"9252dd8f9df9481aee2c","49":"9b0819a1cb9e6dc6d231","50":"463d3d5edc30b8666703","51":"eebcb0d6e79d49700a45","52":"cf0fb0aa587d29fff35a","53":"5f533cc93749f11d839a","54":"19ce31af66ac11f602ae","55":"9a7e7e985f656f1ab622","56":"7666d665b5ea46cbc4da","57":"a3a7030b81ada7df0430","58":"9e9792cc5752b90eeaca","59":"ecb1200b1921cbd7374c","60":"5b97a57f41bc78933ac0","61":"24cbac35f6d288d3b600","62":"d97da21e81ebda011324","63":"140273c670a1bceb5fef","64":"9edbfc7838ccf406ed55","65":"8733d6187750745b711e","66":"1048ba6577b1610a800a","67":"176379d2773cb6c84212","68":"c110a69deb46b57205d6","69":"4e721e2c98df55426f03","70":"a7b1e11a8706d83fd8f5","71":"3577174340b14fc785a7","72":"70147e00db10fe3dbc3b","73":"97377ff53f11fea665be","74":"72b9af370d34bc4b91a8","75":"6525cfad86af384dcb88","76":"909589ec92b50b923131","77":"865f2ac299ef222acda3","78":"46e7a676de82f57e4b18","79":"9b25164cb674a37ad3c4","80":"86d8b7c384e03f6b8e2f","81":"953052005de8eca7d048","82":"31bc83deccc10924c521","83":"76c0cff4ac891e5983f0","84":"a9e996c20d05ce156b7c","85":"1ad72baa17bee8485270","86":"503213f5cc3a8f289a77","87":"59412c34a8307d09e448","88":"71ac512fe3b2d7a0772e","89":"2435ff4f1b56df5924c8","90":"5c965a727fe760541241","91":"b30bd8da2d483c9e5ac3","92":"6e8e281a83cc324f1caf","93":"85c810b297efa7f9d647","94":"b378d20344f223707e11","95":"0b5c05cce22840ba56bd","96":"71bea48746364b0d29c6","97":"07ba24004557280fb75a","98":"c8aed2db34f7586484c2","99":"33ee29c7dbba1d05a44a","100":"43f5b046418c48745430","101":"ecab09e6ac7dda0cf202","102":"c11be20fb9a92af2d428","103":"d23d83e4a02457104a94","104":"67993830b2924fbd2d32","105":"514b86fe3e7b54f6cac4","106":"f382ff8aef13f448e7ff","107":"74b044b84a5caf68f2d8","108":"33a67069211eaaa4a6ef","109":"0c6ff57e398d8b439b05","110":"f1ad85d664457d95f470","111":"07e55ecb2f3f7b53b59c","112":"af9b1a7538295c3c93e6","113":"6042272cf6b75f17b418","114":"61d5d069ad18f5200cb7","115":"61735ac021b19c20ce50","116":"ac7c2df90fa071575e55","117":"4e45b32925a455bfaa71","118":"fa0f11e6f240ad0594c3","119":"034d7bfbd573ebc3283a","120":"8a8aea4446268549d73c","121":"85f128ffa6bfe8e5fc04","122":"2dafd212b3f9ffe7663e","123":"0c3a1e11f30a35964d47","124":"e6d3f3bf9356561cb4e1","125":"2d200e4ff3ad7789ad9c","126":"bda2829885f9ed80d8a1","127":"7cfe1a5d93e11681f9c3","128":"f5e7a4b88deb3ffa32ed","129":"61efc00a28ddd7d9707e","130":"3827357512b1957843d3","131":"1d06e1ba9aa20ea8107c","132":"13575ea7463e794c8349","133":"eb118f16b6a1f76ca12d","134":"14581ab0b21d914d4fea","135":"aa8941be5efde1b074f4","136":"5fe358b82b77c5511e2d","137":"b28c5c84fc2e67dd1db6","138":"a4d7af556dc16fb461b7","139":"ab696398dc522a478dc4"}[chunkId] + ""
+/******/ 		return __webpack_require__.p + "js/components/" + ({}[chunkId]||chunkId) + ".js?id=" + {"0":"5bd619cd03f53aa5b2f5","1":"c62a9af3a530a3d83e3a","2":"598ab5952bd48f98b51b","3":"f8b8cdc28db856d1d411","4":"64a73e932429e0c2bebc","5":"a470d6e0df395edd0e90","6":"82a30fa67702e06995fc","7":"fc6a4ee3c7a24852a323","8":"7f3dd051c89503c96c38","9":"3c6867e422bc5fcd6045","10":"f81824ef7abbba041911","11":"b33ebd7e68e441e0f9e9","12":"54d65d509824ee348c71","13":"ce927355a6e49363b915","14":"ebfb8702a5b427d5a8dc","15":"ac6c69b28df8b863bf1f","16":"5200d7c25b3b3a7038f3","17":"6c2214ddff57a2fc8a4e","18":"502c0c5a36f94fc5a2aa","19":"dbab08838440bdb9c453","20":"a5ff48a8f35760d264cf","21":"a536a0684493a623fd4f","22":"a9b6e442e4ad9ea03b6a","23":"fcf70f00854ea546532b","24":"c0b3dbd1768bdf184cba","25":"b3949b8c56c668e84a5c","26":"338605c090c32b904ece","27":"0dd47cda1505de4fcc05","28":"13c711cfa88054a2a2f3","29":"5141f30c2233dd7f00f1","30":"d6997328d2e0f24eb9bb","31":"956ebce93b701e723cd5","32":"922db5de23d3afd410f2","33":"85f1da5c77a1408fe2bd","34":"4c1fb0d48d4ae511d265","35":"70e0e03c138534355e26","36":"886cd0dce7af8dbf92f9","37":"51449af6bb8df0282df8","38":"3b58657dcdfcc98f0486","39":"3bceeeb7d824d8b83f5a","40":"e15710f8e87eb26bd2e3","41":"2f6a282039c786c004b1","42":"68e9f6ed666359fb51fb","43":"6de4402e8feb59f7ce37","44":"699703896f6bd45cd74f","45":"80e3051716589711a053","46":"d4c1173bfeb6f03edc3c","47":"6775b54f8ad70dc8817a","48":"5a7515ce9354f0381e27","49":"e847b720312055da0f4b","50":"a03371803164de188f26","51":"824cd72d13868acfadb6","52":"0d869c78cbe0db88f2c7","53":"970ee3f7af9ff4c451f0","54":"a15958de238df92a0c6c","55":"c1f00cff3b75c1e2d7c8","56":"bad4e451c3e9a239dc27","57":"0675ae4e57ed621076f7","58":"bf72ed095976be73a284","59":"8ce29542e5a0216263f2","60":"2505e956fd1b9d93e352","61":"b6491c87f3409abbb368","62":"a775b822999afe1dffc1","63":"d0aee6cd52ac775027a0","64":"253939d961a1d7b7e802","65":"3bcbefce7de48eb3b8d4","66":"d221741f190ab1782629","67":"d9255c8738d139a906b5","68":"b26f471cf49f9f92a524","69":"dca8948821096caf8d3e","70":"42a9c72b04b617a9f4b6","71":"4ef2c88c13a24c82a7f3","72":"3801e3f81f8000002a21","73":"0ef03336569ac42d4eb9","74":"9ad008572df69c6b5d31","75":"187c0d31f906a3822f55","76":"6529f4ed04d4ba1b1d88","77":"76cf23868c2484e95533","78":"0ca4cc7bb9ed1446b5aa","79":"a41036bb17a1858f4124","80":"6b41aabd0231ffb4bcb8","81":"3da6a0673a8a1d80f9e1","82":"f9de2573a7d93fc1bd14","83":"41002ee6ebf7d3c54bc5","84":"b7391d739a8cbe3d9587","85":"60135e1ef5138bbc9524","86":"e1921bcd15b7fb3f7806","87":"bce5b55c9039dc9dc9f9","88":"4d4ebe7e269461cf1bf5","89":"801d5bff3f5c79a1cb3a","90":"8d7c0393a6571d6c8131","91":"adccff4c96ee3e5d6b9f","92":"949f25cfde007c36e9b7","93":"d1d7ab4ac3c18b3fe579","94":"a6095964ff21aef8b509","95":"5ab41940af3501d3ca98","96":"8361686b2de291bb7a1a","97":"588f7b1a0305bdd3fb7b","98":"d459d3c2280e37a51dcc","99":"6fbfc6d4e36e01f8b191","100":"6c29c1d12953b9ad05e3","101":"52c48ca8111bc6678cc2","102":"1b2f49b71e4e05c11f4d","103":"2849620e5773b26ae05a","104":"0580507cd9783e693fcd","105":"4a0606cace2dcd8b458c","106":"6c2e4c195c3106451531","107":"dbeb17d07cd57a52dbda","108":"5a42246093e77b5db3d4","109":"90786083ae9ebd3ec785","110":"6b9a9aa2ed91ad3502ad","111":"32fe7b9ff49219bbaedb","112":"539e48c736b502c1b986","113":"28794f72aa8155616e9e","114":"8a8bfa79022837d91815","115":"c5322b650a73dd028d98","116":"2ca04eb181ab9fbb6d39","117":"cc41d387a2dc765108a9","118":"1d19dae13bbc87934cdd","119":"d61411385884c506c952","120":"06a557ed9e4b61e4faa0","121":"08a342c578264b958491","122":"6230003fab8d18d4ae36","123":"85acb8471938ef8825f9","124":"63d945e3e53653961d92","125":"4ee0fef79fd64459edff","126":"b3631526cbc3680f8489","127":"0023e8ed1ae6119b4117","128":"033c06c4f6d071c8663e","129":"f7d9c47365353ce61535","130":"69b507300b8ae3cf4695","131":"6981b595ac3540337346","132":"aaafa9b60420bb587f67","133":"4662be8c1298daa751a5","134":"b52d0f0bf7db15b00e26","135":"016307ecd58ae0d4798a","136":"de927544983319abba4f","137":"b14f7cadc6b01bb63a76","138":"700deac9fde9ced8d489","139":"f97233fd7f3fb5567504","140":"d4802ae8f7b7d1dbae5b","141":"22e981ae496378b64065"}[chunkId] + ""
 /******/ 	}
 /******/
 /******/ 	// The require function
@@ -3647,6 +3647,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -3665,7 +3672,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      clientVersion: '3.4.4',
+      clientVersion: '3.4.5',
       dropdownMenu1: '',
       dropdownMenu2: '',
       state: '',
@@ -94897,6 +94904,28 @@ var render = function () {
                       ]
                     ),
                     _vm._v(" "),
+                    _vm.currentUser.can["create_diklat_bkcu"]
+                      ? _c("div", { staticClass: "dropdown-divider" })
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can["create_diklat_bkcu"]
+                      ? _c(
+                          "router-link",
+                          {
+                            staticClass: "dropdown-item",
+                            attrs: {
+                              to: { name: "sertifikatKegiatan" },
+                              "active-class": "active",
+                              exact: "",
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-clipboard6" }),
+                            _vm._v(" Sertifikat Kegiatan\n\t\t\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
                     _vm.currentUser.can["index_tempat"] ||
                     _vm.currentUser.can["index_voting"]
                       ? _c("div", { staticClass: "dropdown-divider" })
@@ -119918,6 +119947,17 @@ __webpack_require__.r(__webpack_exports__);
       params: p
     });
   },
+  indexListMateri: function indexListMateri(p, id) {
+    return axios.get('/api/kegiatanBKCU/indexListMateri/' + id, {
+      params: p
+    });
+  },
+  indexNilaiListMateri: function indexNilaiListMateri(id) {
+    return axios.get('/api/kegiatanBKCU/indexNilaiListMateri/' + id);
+  },
+  indexNilai: function indexNilai(p, id, aktivis_id) {
+    return axios.get('/api/kegiatanBKCU/indexNilai/' + id + '/' + aktivis_id);
+  },
   indexKeputusan: function indexKeputusan(p, id) {
     return axios.get('/api/kegiatanBKCU/indexKeputusan/' + id, {
       params: p
@@ -119997,6 +120037,12 @@ __webpack_require__.r(__webpack_exports__);
   storeMateri: function storeMateri(tipe, id, form) {
     return axios.post('/api/kegiatanBKCU/storeMateri/' + tipe + '/' + id, form);
   },
+  storeListMateri: function storeListMateri(tipe, id, form) {
+    return axios.post('/api/kegiatanBKCU/storeListMateri/' + tipe + '/' + id, form);
+  },
+  storeNilai: function storeNilai(aktivis_id, kegiatan_id, materi_id, form) {
+    return axios.post('/api/kegiatanBKCU/storeNilai/' + kegiatan_id + '/' + aktivis_id + '/' + materi_id, form);
+  },
   storeKeputusan: function storeKeputusan(id, form) {
     return axios.post('/api/kegiatanBKCU/storeKeputusan/' + id, form);
   },
@@ -120030,6 +120076,9 @@ __webpack_require__.r(__webpack_exports__);
   updateMateri: function updateMateri(id, form) {
     return axios.post('/api/kegiatanBKCU/updateMateri/' + id, form);
   },
+  updateListMateri: function updateListMateri(id, form) {
+    return axios.post('/api/kegiatanBKCU/updateListMateri/' + id, form);
+  },
   updateKeputusan: function updateKeputusan(id, form) {
     return axios.post('/api/kegiatanBKCU/updateKeputusan/' + id, form);
   },
@@ -120069,6 +120118,9 @@ __webpack_require__.r(__webpack_exports__);
   destroyMateri: function destroyMateri(tipe, id) {
     return axios["delete"]('/api/kegiatanBKCU/destroyMateri/' + tipe + '/' + id);
   },
+  destroyListMateri: function destroyListMateri(tipe, id) {
+    return axios["delete"]('/api/kegiatanBKCU/destroyListMateri/' + tipe + '/' + id);
+  },
   destroyKeputusan: function destroyKeputusan(id) {
     return axios["delete"]('/api/kegiatanBKCU/destroyKeputusan/' + id);
   },
@@ -121002,6 +121054,40 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./resources/assets/js/api/sertifikatKegiatan.js":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/api/sertifikatKegiatan.js ***!
+  \*******************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony default export */ __webpack_exports__["default"] = ({
+  index: function index(p) {
+    return axios.get('/api/sertifikatKegiatan', {
+      params: p
+    });
+  },
+  create: function create() {
+    return axios.get('/api/sertifikatKegiatan/create');
+  },
+  store: function store(form) {
+    return axios.post('/api/sertifikatKegiatan/store', form);
+  },
+  edit: function edit(id) {
+    return axios.get('/api/sertifikatKegiatan/edit/' + id);
+  },
+  update: function update(id, form) {
+    return axios.post('/api/sertifikatKegiatan/update/' + id, form);
+  },
+  destroy: function destroy(id) {
+    return axios["delete"]('/api/sertifikatKegiatan/' + id);
+  }
+});
+
+/***/ }),
+
 /***/ "./resources/assets/js/api/suku.js":
 /*!*****************************************!*\
   !*** ./resources/assets/js/api/suku.js ***!
@@ -122631,95 +122717,95 @@ __webpack_require__.r(__webpack_exports__);
  // if error : change system.import() to import()
 
 var dashboard = function dashboard() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(14), __webpack_require__.e(138), __webpack_require__.e(11), __webpack_require__.e(23), __webpack_require__.e(28), __webpack_require__.e(50)]).then(__webpack_require__.bind(null, /*! ./views/dashboard.vue */ "./resources/assets/js/views/dashboard.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(14), __webpack_require__.e(140), __webpack_require__.e(11), __webpack_require__.e(23), __webpack_require__.e(28), __webpack_require__.e(51)]).then(__webpack_require__.bind(null, /*! ./views/dashboard.vue */ "./resources/assets/js/views/dashboard.vue"));
 };
 
 var notification = function notification() {
-  return Promise.all(/*! import() */[__webpack_require__.e(1), __webpack_require__.e(119)]).then(__webpack_require__.bind(null, /*! ./views/sistem/notification.vue */ "./resources/assets/js/views/sistem/notification.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(1), __webpack_require__.e(121)]).then(__webpack_require__.bind(null, /*! ./views/sistem/notification.vue */ "./resources/assets/js/views/sistem/notification.vue"));
 };
 
 var changelog = function changelog() {
-  return __webpack_require__.e(/*! import() */ 118).then(__webpack_require__.bind(null, /*! ./views/sistem/changelog.vue */ "./resources/assets/js/views/sistem/changelog.vue"));
+  return __webpack_require__.e(/*! import() */ 120).then(__webpack_require__.bind(null, /*! ./views/sistem/changelog.vue */ "./resources/assets/js/views/sistem/changelog.vue"));
 };
 
 var saran = function saran() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(110)]).then(__webpack_require__.bind(null, /*! ./views/saran/index.vue */ "./resources/assets/js/views/saran/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(111)]).then(__webpack_require__.bind(null, /*! ./views/saran/index.vue */ "./resources/assets/js/views/saran/index.vue"));
 };
 
 var errorLog = function errorLog() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(108)]).then(__webpack_require__.bind(null, /*! ./views/errorLog/index.vue */ "./resources/assets/js/views/errorLog/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(109)]).then(__webpack_require__.bind(null, /*! ./views/errorLog/index.vue */ "./resources/assets/js/views/errorLog/index.vue"));
 };
 
 var activityLog = function activityLog() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(24), __webpack_require__.e(92)]).then(__webpack_require__.bind(null, /*! ./views/user/indexAktivitas.vue */ "./resources/assets/js/views/user/indexAktivitas.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(24), __webpack_require__.e(93)]).then(__webpack_require__.bind(null, /*! ./views/user/indexAktivitas.vue */ "./resources/assets/js/views/user/indexAktivitas.vue"));
 };
 
 var pengumuman = function pengumuman() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(101)]).then(__webpack_require__.bind(null, /*! ./views/pengumuman/index.vue */ "./resources/assets/js/views/pengumuman/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(102)]).then(__webpack_require__.bind(null, /*! ./views/pengumuman/index.vue */ "./resources/assets/js/views/pengumuman/index.vue"));
 };
 
 var notFound = function notFound() {
-  return __webpack_require__.e(/*! import() */ 139).then(__webpack_require__.bind(null, /*! ./views/notFound.vue */ "./resources/assets/js/views/notFound.vue"));
+  return __webpack_require__.e(/*! import() */ 141).then(__webpack_require__.bind(null, /*! ./views/notFound.vue */ "./resources/assets/js/views/notFound.vue"));
 };
 
 var artikel = function artikel() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(120)]).then(__webpack_require__.bind(null, /*! ./views/artikel/index.vue */ "./resources/assets/js/views/artikel/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(122)]).then(__webpack_require__.bind(null, /*! ./views/artikel/index.vue */ "./resources/assets/js/views/artikel/index.vue"));
 };
 
 var artikel_form = function artikel_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(18), __webpack_require__.e(76)]).then(__webpack_require__.bind(null, /*! ./views/artikel/form.vue */ "./resources/assets/js/views/artikel/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(18), __webpack_require__.e(77)]).then(__webpack_require__.bind(null, /*! ./views/artikel/form.vue */ "./resources/assets/js/views/artikel/form.vue"));
 };
 
 var artikelPenulis = function artikelPenulis() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(122)]).then(__webpack_require__.bind(null, /*! ./views/artikelPenulis/index.vue */ "./resources/assets/js/views/artikelPenulis/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(124)]).then(__webpack_require__.bind(null, /*! ./views/artikelPenulis/index.vue */ "./resources/assets/js/views/artikelPenulis/index.vue"));
 };
 
 var artikelPenulis_form = function artikelPenulis_form() {
-  return __webpack_require__.e(/*! import() */ 65).then(__webpack_require__.bind(null, /*! ./views/artikelPenulis/form.vue */ "./resources/assets/js/views/artikelPenulis/form.vue"));
+  return __webpack_require__.e(/*! import() */ 66).then(__webpack_require__.bind(null, /*! ./views/artikelPenulis/form.vue */ "./resources/assets/js/views/artikelPenulis/form.vue"));
 };
 
 var artikelKategori = function artikelKategori() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(121)]).then(__webpack_require__.bind(null, /*! ./views/artikelKategori/index.vue */ "./resources/assets/js/views/artikelKategori/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(123)]).then(__webpack_require__.bind(null, /*! ./views/artikelKategori/index.vue */ "./resources/assets/js/views/artikelKategori/index.vue"));
 };
 
 var artikelKategori_form = function artikelKategori_form() {
-  return __webpack_require__.e(/*! import() */ 64).then(__webpack_require__.bind(null, /*! ./views/artikelKategori/form.vue */ "./resources/assets/js/views/artikelKategori/form.vue"));
+  return __webpack_require__.e(/*! import() */ 65).then(__webpack_require__.bind(null, /*! ./views/artikelKategori/form.vue */ "./resources/assets/js/views/artikelKategori/form.vue"));
 };
 
 var artikelSimo = function artikelSimo() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(105)]).then(__webpack_require__.bind(null, /*! ./views/artikelSimo/index.vue */ "./resources/assets/js/views/artikelSimo/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(106)]).then(__webpack_require__.bind(null, /*! ./views/artikelSimo/index.vue */ "./resources/assets/js/views/artikelSimo/index.vue"));
 };
 
 var artikelSimo_form = function artikelSimo_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(18), __webpack_require__.e(103)]).then(__webpack_require__.bind(null, /*! ./views/artikelSimo/form.vue */ "./resources/assets/js/views/artikelSimo/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(18), __webpack_require__.e(104)]).then(__webpack_require__.bind(null, /*! ./views/artikelSimo/form.vue */ "./resources/assets/js/views/artikelSimo/form.vue"));
 };
 
 var laporanCu = function laporanCu() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(14), __webpack_require__.e(15), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(11), __webpack_require__.e(23), __webpack_require__.e(22), __webpack_require__.e(63)]).then(__webpack_require__.bind(null, /*! ./views/laporanCu/index.vue */ "./resources/assets/js/views/laporanCu/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(14), __webpack_require__.e(15), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(11), __webpack_require__.e(23), __webpack_require__.e(22), __webpack_require__.e(64)]).then(__webpack_require__.bind(null, /*! ./views/laporanCu/index.vue */ "./resources/assets/js/views/laporanCu/index.vue"));
 };
 
 var laporanCu_form = function laporanCu_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(44)]).then(__webpack_require__.bind(null, /*! ./views/laporanCu/form.vue */ "./resources/assets/js/views/laporanCu/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(45)]).then(__webpack_require__.bind(null, /*! ./views/laporanCu/form.vue */ "./resources/assets/js/views/laporanCu/form.vue"));
 };
 
 var laporanCu_detail = function laporanCu_detail() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(14), __webpack_require__.e(15), __webpack_require__.e(11), __webpack_require__.e(22), __webpack_require__.e(41)]).then(__webpack_require__.bind(null, /*! ./views/laporanCu/detail.vue */ "./resources/assets/js/views/laporanCu/detail.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(14), __webpack_require__.e(15), __webpack_require__.e(11), __webpack_require__.e(22), __webpack_require__.e(42)]).then(__webpack_require__.bind(null, /*! ./views/laporanCu/detail.vue */ "./resources/assets/js/views/laporanCu/detail.vue"));
 };
 
 var laporanCu_draft = function laporanCu_draft() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(2), __webpack_require__.e(80)]).then(__webpack_require__.bind(null, /*! ./views/laporanCu/draft.vue */ "./resources/assets/js/views/laporanCu/draft.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(2), __webpack_require__.e(81)]).then(__webpack_require__.bind(null, /*! ./views/laporanCu/draft.vue */ "./resources/assets/js/views/laporanCu/draft.vue"));
 };
 
 var laporanTp_draft = function laporanTp_draft() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(2), __webpack_require__.e(81)]).then(__webpack_require__.bind(null, /*! ./views/laporanCu/draftTp.vue */ "./resources/assets/js/views/laporanCu/draftTp.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(2), __webpack_require__.e(82)]).then(__webpack_require__.bind(null, /*! ./views/laporanCu/draftTp.vue */ "./resources/assets/js/views/laporanCu/draftTp.vue"));
 };
 
 var laporanGerakan = function laporanGerakan() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(14), __webpack_require__.e(11), __webpack_require__.e(23), __webpack_require__.e(28), __webpack_require__.e(74)]).then(__webpack_require__.bind(null, /*! ./views/laporanGerakan/index.vue */ "./resources/assets/js/views/laporanGerakan/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(14), __webpack_require__.e(11), __webpack_require__.e(23), __webpack_require__.e(28), __webpack_require__.e(75)]).then(__webpack_require__.bind(null, /*! ./views/laporanGerakan/index.vue */ "./resources/assets/js/views/laporanGerakan/index.vue"));
 };
 
 var coa = function coa() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(35), __webpack_require__.e(107)]).then(__webpack_require__.bind(null, /*! ./views/coa/index.vue */ "./resources/assets/js/views/coa/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(35), __webpack_require__.e(108)]).then(__webpack_require__.bind(null, /*! ./views/coa/index.vue */ "./resources/assets/js/views/coa/index.vue"));
 };
 
 var coa_form = function coa_form() {
@@ -122727,7 +122813,7 @@ var coa_form = function coa_form() {
 };
 
 var kegiatanBKCU = function kegiatanBKCU() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(34), __webpack_require__.e(100)]).then(__webpack_require__.bind(null, /*! ./views/kegiatanBKCU/index.vue */ "./resources/assets/js/views/kegiatanBKCU/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(34), __webpack_require__.e(101)]).then(__webpack_require__.bind(null, /*! ./views/kegiatanBKCU/index.vue */ "./resources/assets/js/views/kegiatanBKCU/index.vue"));
 };
 
 var kegiatanBKCU_form = function kegiatanBKCU_form() {
@@ -122735,279 +122821,287 @@ var kegiatanBKCU_form = function kegiatanBKCU_form() {
 };
 
 var kegiatanBKCU_detail = function kegiatanBKCU_detail() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(34), __webpack_require__.e(38)]).then(__webpack_require__.bind(null, /*! ./views/kegiatanBKCU/detail.vue */ "./resources/assets/js/views/kegiatanBKCU/detail.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(34), __webpack_require__.e(37)]).then(__webpack_require__.bind(null, /*! ./views/kegiatanBKCU/detail.vue */ "./resources/assets/js/views/kegiatanBKCU/detail.vue"));
+};
+
+var sertifikatKegiatan = function sertifikatKegiatan() {
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(112)]).then(__webpack_require__.bind(null, /*! ./views/sertifikatKegiatan/index.vue */ "./resources/assets/js/views/sertifikatKegiatan/index.vue"));
+};
+
+var sertifikatKegiatan_form = function sertifikatKegiatan_form() {
+  return Promise.all(/*! import() */[__webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(41)]).then(__webpack_require__.bind(null, /*! ./views/sertifikatKegiatan/form.vue */ "./resources/assets/js/views/sertifikatKegiatan/form.vue"));
 };
 
 var tempat = function tempat() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(128)]).then(__webpack_require__.bind(null, /*! ./views/tempat/index.vue */ "./resources/assets/js/views/tempat/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(130)]).then(__webpack_require__.bind(null, /*! ./views/tempat/index.vue */ "./resources/assets/js/views/tempat/index.vue"));
 };
 
 var tempat_form = function tempat_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(69)]).then(__webpack_require__.bind(null, /*! ./views/tempat/form.vue */ "./resources/assets/js/views/tempat/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(70)]).then(__webpack_require__.bind(null, /*! ./views/tempat/form.vue */ "./resources/assets/js/views/tempat/form.vue"));
 };
 
 var cu = function cu() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(79)]).then(__webpack_require__.bind(null, /*! ./views/cu/index.vue */ "./resources/assets/js/views/cu/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(80)]).then(__webpack_require__.bind(null, /*! ./views/cu/index.vue */ "./resources/assets/js/views/cu/index.vue"));
 };
 
 var cu_form = function cu_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(47)]).then(__webpack_require__.bind(null, /*! ./views/cu/form.vue */ "./resources/assets/js/views/cu/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(48)]).then(__webpack_require__.bind(null, /*! ./views/cu/form.vue */ "./resources/assets/js/views/cu/form.vue"));
 };
 
 var tp = function tp() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(96)]).then(__webpack_require__.bind(null, /*! ./views/tp/index.vue */ "./resources/assets/js/views/tp/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(97)]).then(__webpack_require__.bind(null, /*! ./views/tp/index.vue */ "./resources/assets/js/views/tp/index.vue"));
 };
 
 var tp_form = function tp_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(49)]).then(__webpack_require__.bind(null, /*! ./views/tp/form.vue */ "./resources/assets/js/views/tp/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(50)]).then(__webpack_require__.bind(null, /*! ./views/tp/form.vue */ "./resources/assets/js/views/tp/form.vue"));
 };
 
 var aktivis = function aktivis() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(78)]).then(__webpack_require__.bind(null, /*! ./views/aktivis/index.vue */ "./resources/assets/js/views/aktivis/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(79)]).then(__webpack_require__.bind(null, /*! ./views/aktivis/index.vue */ "./resources/assets/js/views/aktivis/index.vue"));
 };
 
 var aktivis_form = function aktivis_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(16), __webpack_require__.e(29), __webpack_require__.e(113)]).then(__webpack_require__.bind(null, /*! ./views/aktivis/form.vue */ "./resources/assets/js/views/aktivis/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(16), __webpack_require__.e(29), __webpack_require__.e(115)]).then(__webpack_require__.bind(null, /*! ./views/aktivis/form.vue */ "./resources/assets/js/views/aktivis/form.vue"));
 };
 
 var aktivis_riwayat = function aktivis_riwayat() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(16), __webpack_require__.e(26), __webpack_require__.e(132)]).then(__webpack_require__.bind(null, /*! ./views/aktivis/riwayat.vue */ "./resources/assets/js/views/aktivis/riwayat.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(16), __webpack_require__.e(26), __webpack_require__.e(134)]).then(__webpack_require__.bind(null, /*! ./views/aktivis/riwayat.vue */ "./resources/assets/js/views/aktivis/riwayat.vue"));
 };
 
 var asetTetap = function asetTetap() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(9), __webpack_require__.e(25), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(31), __webpack_require__.e(56)]).then(__webpack_require__.bind(null, /*! ./views/asetTetap/index.vue */ "./resources/assets/js/views/asetTetap/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(9), __webpack_require__.e(25), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(31), __webpack_require__.e(57)]).then(__webpack_require__.bind(null, /*! ./views/asetTetap/index.vue */ "./resources/assets/js/views/asetTetap/index.vue"));
 };
 
 var asetTetap_form = function asetTetap_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(17), __webpack_require__.e(20), __webpack_require__.e(19), __webpack_require__.e(21), __webpack_require__.e(75)]).then(__webpack_require__.bind(null, /*! ./views/asetTetap/form.vue */ "./resources/assets/js/views/asetTetap/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(17), __webpack_require__.e(20), __webpack_require__.e(19), __webpack_require__.e(21), __webpack_require__.e(76)]).then(__webpack_require__.bind(null, /*! ./views/asetTetap/form.vue */ "./resources/assets/js/views/asetTetap/form.vue"));
 };
 
 var asetTetap_detail = function asetTetap_detail() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(31), __webpack_require__.e(130)]).then(__webpack_require__.bind(null, /*! ./views/asetTetap/detail.vue */ "./resources/assets/js/views/asetTetap/detail.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(31), __webpack_require__.e(132)]).then(__webpack_require__.bind(null, /*! ./views/asetTetap/detail.vue */ "./resources/assets/js/views/asetTetap/detail.vue"));
 };
 
 var asetTetapJenis = function asetTetapJenis() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(17), __webpack_require__.e(106)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapJenis/index.vue */ "./resources/assets/js/views/asetTetapJenis/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(17), __webpack_require__.e(107)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapJenis/index.vue */ "./resources/assets/js/views/asetTetapJenis/index.vue"));
 };
 
 var asetTetapJenis_form = function asetTetapJenis_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(17), __webpack_require__.e(90)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapJenis/create.vue */ "./resources/assets/js/views/asetTetapJenis/create.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(17), __webpack_require__.e(91)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapJenis/create.vue */ "./resources/assets/js/views/asetTetapJenis/create.vue"));
 };
 
 var asetTetapKelompok = function asetTetapKelompok() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(20), __webpack_require__.e(71)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapKelompok/index.vue */ "./resources/assets/js/views/asetTetapKelompok/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(20), __webpack_require__.e(72)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapKelompok/index.vue */ "./resources/assets/js/views/asetTetapKelompok/index.vue"));
 };
 
 var asetTetapKelompok_form = function asetTetapKelompok_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(20), __webpack_require__.e(61)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapKelompok/create.vue */ "./resources/assets/js/views/asetTetapKelompok/create.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(20), __webpack_require__.e(62)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapKelompok/create.vue */ "./resources/assets/js/views/asetTetapKelompok/create.vue"));
 };
 
 var asetTetapGolongan = function asetTetapGolongan() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(19), __webpack_require__.e(70)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapGolongan/index.vue */ "./resources/assets/js/views/asetTetapGolongan/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(19), __webpack_require__.e(71)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapGolongan/index.vue */ "./resources/assets/js/views/asetTetapGolongan/index.vue"));
 };
 
 var asetTetapGolongan_form = function asetTetapGolongan_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(19), __webpack_require__.e(60)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapGolongan/create.vue */ "./resources/assets/js/views/asetTetapGolongan/create.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(19), __webpack_require__.e(61)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapGolongan/create.vue */ "./resources/assets/js/views/asetTetapGolongan/create.vue"));
 };
 
 var asetTetapLokasi = function asetTetapLokasi() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(21), __webpack_require__.e(72)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapLokasi/index.vue */ "./resources/assets/js/views/asetTetapLokasi/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(21), __webpack_require__.e(73)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapLokasi/index.vue */ "./resources/assets/js/views/asetTetapLokasi/index.vue"));
 };
 
 var asetTetapLokasi_form = function asetTetapLokasi_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(21), __webpack_require__.e(62)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapLokasi/create.vue */ "./resources/assets/js/views/asetTetapLokasi/create.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(21), __webpack_require__.e(63)]).then(__webpack_require__.bind(null, /*! ./views/asetTetapLokasi/create.vue */ "./resources/assets/js/views/asetTetapLokasi/create.vue"));
 };
 
 var surat = function surat() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(88)]).then(__webpack_require__.bind(null, /*! ./views/surat/index.vue */ "./resources/assets/js/views/surat/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(89)]).then(__webpack_require__.bind(null, /*! ./views/surat/index.vue */ "./resources/assets/js/views/surat/index.vue"));
 };
 
 var surat_form = function surat_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(1), __webpack_require__.e(68)]).then(__webpack_require__.bind(null, /*! ./views/surat/form.vue */ "./resources/assets/js/views/surat/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(1), __webpack_require__.e(69)]).then(__webpack_require__.bind(null, /*! ./views/surat/form.vue */ "./resources/assets/js/views/surat/form.vue"));
 };
 
 var suratKategori = function suratKategori() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(111)]).then(__webpack_require__.bind(null, /*! ./views/suratKategori/index.vue */ "./resources/assets/js/views/suratKategori/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(113)]).then(__webpack_require__.bind(null, /*! ./views/suratKategori/index.vue */ "./resources/assets/js/views/suratKategori/index.vue"));
 };
 
 var suratKategori_form = function suratKategori_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(57)]).then(__webpack_require__.bind(null, /*! ./views/suratKategori/form.vue */ "./resources/assets/js/views/suratKategori/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(58)]).then(__webpack_require__.bind(null, /*! ./views/suratKategori/form.vue */ "./resources/assets/js/views/suratKategori/form.vue"));
 };
 
 var suratKode = function suratKode() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(112)]).then(__webpack_require__.bind(null, /*! ./views/suratKode/index.vue */ "./resources/assets/js/views/suratKode/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(114)]).then(__webpack_require__.bind(null, /*! ./views/suratKode/index.vue */ "./resources/assets/js/views/suratKode/index.vue"));
 };
 
 var suratKode_form = function suratKode_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(58)]).then(__webpack_require__.bind(null, /*! ./views/suratKode/form.vue */ "./resources/assets/js/views/suratKode/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(59)]).then(__webpack_require__.bind(null, /*! ./views/suratKode/form.vue */ "./resources/assets/js/views/suratKode/form.vue"));
 };
 
 var suratMasuk = function suratMasuk() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(89)]).then(__webpack_require__.bind(null, /*! ./views/suratMasuk/index.vue */ "./resources/assets/js/views/suratMasuk/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(90)]).then(__webpack_require__.bind(null, /*! ./views/suratMasuk/index.vue */ "./resources/assets/js/views/suratMasuk/index.vue"));
 };
 
 var suratMasuk_form = function suratMasuk_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(59)]).then(__webpack_require__.bind(null, /*! ./views/suratMasuk/form.vue */ "./resources/assets/js/views/suratMasuk/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(60)]).then(__webpack_require__.bind(null, /*! ./views/suratMasuk/form.vue */ "./resources/assets/js/views/suratMasuk/form.vue"));
 };
 
 var dokumen = function dokumen() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(123)]).then(__webpack_require__.bind(null, /*! ./views/dokumen/index.vue */ "./resources/assets/js/views/dokumen/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(125)]).then(__webpack_require__.bind(null, /*! ./views/dokumen/index.vue */ "./resources/assets/js/views/dokumen/index.vue"));
 };
 
 var dokumen_form = function dokumen_form() {
-  return __webpack_require__.e(/*! import() */ 73).then(__webpack_require__.bind(null, /*! ./views/dokumen/form.vue */ "./resources/assets/js/views/dokumen/form.vue"));
+  return __webpack_require__.e(/*! import() */ 74).then(__webpack_require__.bind(null, /*! ./views/dokumen/form.vue */ "./resources/assets/js/views/dokumen/form.vue"));
 };
 
 var dokumenKategori = function dokumenKategori() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(124)]).then(__webpack_require__.bind(null, /*! ./views/dokumenKategori/index.vue */ "./resources/assets/js/views/dokumenKategori/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(126)]).then(__webpack_require__.bind(null, /*! ./views/dokumenKategori/index.vue */ "./resources/assets/js/views/dokumenKategori/index.vue"));
 };
 
 var dokumenKategori_form = function dokumenKategori_form() {
-  return __webpack_require__.e(/*! import() */ 66).then(__webpack_require__.bind(null, /*! ./views/dokumenKategori/form.vue */ "./resources/assets/js/views/dokumenKategori/form.vue"));
+  return __webpack_require__.e(/*! import() */ 67).then(__webpack_require__.bind(null, /*! ./views/dokumenKategori/form.vue */ "./resources/assets/js/views/dokumenKategori/form.vue"));
 };
 
 var mitraOrang = function mitraOrang() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(87)]).then(__webpack_require__.bind(null, /*! ./views/mitraOrang/index.vue */ "./resources/assets/js/views/mitraOrang/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(88)]).then(__webpack_require__.bind(null, /*! ./views/mitraOrang/index.vue */ "./resources/assets/js/views/mitraOrang/index.vue"));
 };
 
 var mitraOrang_form = function mitraOrang_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(48)]).then(__webpack_require__.bind(null, /*! ./views/mitraOrang/form.vue */ "./resources/assets/js/views/mitraOrang/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(49)]).then(__webpack_require__.bind(null, /*! ./views/mitraOrang/form.vue */ "./resources/assets/js/views/mitraOrang/form.vue"));
 };
 
 var mitraLembaga = function mitraLembaga() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(86)]).then(__webpack_require__.bind(null, /*! ./views/mitraLembaga/index.vue */ "./resources/assets/js/views/mitraLembaga/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(87)]).then(__webpack_require__.bind(null, /*! ./views/mitraLembaga/index.vue */ "./resources/assets/js/views/mitraLembaga/index.vue"));
 };
 
 var mitraLembaga_form = function mitraLembaga_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(77)]).then(__webpack_require__.bind(null, /*! ./views/mitraLembaga/form.vue */ "./resources/assets/js/views/mitraLembaga/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(78)]).then(__webpack_require__.bind(null, /*! ./views/mitraLembaga/form.vue */ "./resources/assets/js/views/mitraLembaga/form.vue"));
 };
 
 var anggotaCu = function anggotaCu() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(13), __webpack_require__.e(42)]).then(__webpack_require__.bind(null, /*! ./views/anggotaCu/index.vue */ "./resources/assets/js/views/anggotaCu/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(13), __webpack_require__.e(43)]).then(__webpack_require__.bind(null, /*! ./views/anggotaCu/index.vue */ "./resources/assets/js/views/anggotaCu/index.vue"));
 };
 
 var anggotaCu_form = function anggotaCu_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(8), __webpack_require__.e(27), __webpack_require__.e(98)]).then(__webpack_require__.bind(null, /*! ./views/anggotaCu/form.vue */ "./resources/assets/js/views/anggotaCu/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(8), __webpack_require__.e(27), __webpack_require__.e(99)]).then(__webpack_require__.bind(null, /*! ./views/anggotaCu/form.vue */ "./resources/assets/js/views/anggotaCu/form.vue"));
 };
 
 var anggotaCu_produk = function anggotaCu_produk() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(8), __webpack_require__.e(53)]).then(__webpack_require__.bind(null, /*! ./views/anggotaCu/produk.vue */ "./resources/assets/js/views/anggotaCu/produk.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(8), __webpack_require__.e(54)]).then(__webpack_require__.bind(null, /*! ./views/anggotaCu/produk.vue */ "./resources/assets/js/views/anggotaCu/produk.vue"));
 };
 
 var anggotaCuDraft = function anggotaCuDraft() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(13), __webpack_require__.e(85)]).then(__webpack_require__.bind(null, /*! ./views/anggotaCuDraft/index.vue */ "./resources/assets/js/views/anggotaCuDraft/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(13), __webpack_require__.e(86)]).then(__webpack_require__.bind(null, /*! ./views/anggotaCuDraft/index.vue */ "./resources/assets/js/views/anggotaCuDraft/index.vue"));
 };
 
 var anggotaCuDraft_form = function anggotaCuDraft_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(8), __webpack_require__.e(46)]).then(__webpack_require__.bind(null, /*! ./views/anggotaCuDraft/form.vue */ "./resources/assets/js/views/anggotaCuDraft/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(8), __webpack_require__.e(47)]).then(__webpack_require__.bind(null, /*! ./views/anggotaCuDraft/form.vue */ "./resources/assets/js/views/anggotaCuDraft/form.vue"));
 };
 
 var anggotaProdukCuDraft = function anggotaProdukCuDraft() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(32), __webpack_require__.e(93)]).then(__webpack_require__.bind(null, /*! ./views/anggotaProdukCuDraft/index.vue */ "./resources/assets/js/views/anggotaProdukCuDraft/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(32), __webpack_require__.e(94)]).then(__webpack_require__.bind(null, /*! ./views/anggotaProdukCuDraft/index.vue */ "./resources/assets/js/views/anggotaProdukCuDraft/index.vue"));
 };
 
 var anggotaProdukCuDraft_form = function anggotaProdukCuDraft_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(32), __webpack_require__.e(131)]).then(__webpack_require__.bind(null, /*! ./views/anggotaProdukCuDraft/form.vue */ "./resources/assets/js/views/anggotaProdukCuDraft/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(32), __webpack_require__.e(133)]).then(__webpack_require__.bind(null, /*! ./views/anggotaProdukCuDraft/form.vue */ "./resources/assets/js/views/anggotaProdukCuDraft/form.vue"));
 };
 
 var saldo = function saldo() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(8), __webpack_require__.e(54)]).then(__webpack_require__.bind(null, /*! ./views/saldo/index.vue */ "./resources/assets/js/views/saldo/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(8), __webpack_require__.e(55)]).then(__webpack_require__.bind(null, /*! ./views/saldo/index.vue */ "./resources/assets/js/views/saldo/index.vue"));
 };
 
 var jalinanKlaim = function jalinanKlaim() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(9), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(8), __webpack_require__.e(10), __webpack_require__.e(13), __webpack_require__.e(133)]).then(__webpack_require__.bind(null, /*! ./views/jalinanKlaim/index.vue */ "./resources/assets/js/views/jalinanKlaim/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(9), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(8), __webpack_require__.e(10), __webpack_require__.e(13), __webpack_require__.e(135)]).then(__webpack_require__.bind(null, /*! ./views/jalinanKlaim/index.vue */ "./resources/assets/js/views/jalinanKlaim/index.vue"));
 };
 
 var jalinanKlaim_form = function jalinanKlaim_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(8), __webpack_require__.e(27), __webpack_require__.e(117)]).then(__webpack_require__.bind(null, /*! ./views/jalinanKlaim/form.vue */ "./resources/assets/js/views/jalinanKlaim/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(8), __webpack_require__.e(27), __webpack_require__.e(119)]).then(__webpack_require__.bind(null, /*! ./views/jalinanKlaim/form.vue */ "./resources/assets/js/views/jalinanKlaim/form.vue"));
 };
 
 var jalinanCair = function jalinanCair() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(9), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(8), __webpack_require__.e(10), __webpack_require__.e(99)]).then(__webpack_require__.bind(null, /*! ./views/jalinanCair/index.vue */ "./resources/assets/js/views/jalinanCair/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(9), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(8), __webpack_require__.e(10), __webpack_require__.e(100)]).then(__webpack_require__.bind(null, /*! ./views/jalinanCair/index.vue */ "./resources/assets/js/views/jalinanCair/index.vue"));
 };
 
 var jalinanLaporan_KlaimCu = function jalinanLaporan_KlaimCu() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(9), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(8), __webpack_require__.e(10), __webpack_require__.e(12), __webpack_require__.e(134)]).then(__webpack_require__.bind(null, /*! ./views/jalinanLaporan/cu.vue */ "./resources/assets/js/views/jalinanLaporan/cu.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(9), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(8), __webpack_require__.e(10), __webpack_require__.e(12), __webpack_require__.e(136)]).then(__webpack_require__.bind(null, /*! ./views/jalinanLaporan/cu.vue */ "./resources/assets/js/views/jalinanLaporan/cu.vue"));
 };
 
 var jalinanLaporan_KlaimPenyebab = function jalinanLaporan_KlaimPenyebab() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(9), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(8), __webpack_require__.e(10), __webpack_require__.e(12), __webpack_require__.e(136)]).then(__webpack_require__.bind(null, /*! ./views/jalinanLaporan/penyebab.vue */ "./resources/assets/js/views/jalinanLaporan/penyebab.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(9), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(8), __webpack_require__.e(10), __webpack_require__.e(12), __webpack_require__.e(138)]).then(__webpack_require__.bind(null, /*! ./views/jalinanLaporan/penyebab.vue */ "./resources/assets/js/views/jalinanLaporan/penyebab.vue"));
 };
 
 var jalinanLaporan_KlaimUsia = function jalinanLaporan_KlaimUsia() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(9), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(8), __webpack_require__.e(10), __webpack_require__.e(12), __webpack_require__.e(137)]).then(__webpack_require__.bind(null, /*! ./views/jalinanLaporan/usia.vue */ "./resources/assets/js/views/jalinanLaporan/usia.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(9), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(8), __webpack_require__.e(10), __webpack_require__.e(12), __webpack_require__.e(139)]).then(__webpack_require__.bind(null, /*! ./views/jalinanLaporan/usia.vue */ "./resources/assets/js/views/jalinanLaporan/usia.vue"));
 };
 
 var jalinanLaporan_KlaimLama = function jalinanLaporan_KlaimLama() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(9), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(8), __webpack_require__.e(10), __webpack_require__.e(12), __webpack_require__.e(135)]).then(__webpack_require__.bind(null, /*! ./views/jalinanLaporan/lama.vue */ "./resources/assets/js/views/jalinanLaporan/lama.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(9), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(8), __webpack_require__.e(10), __webpack_require__.e(12), __webpack_require__.e(137)]).then(__webpack_require__.bind(null, /*! ./views/jalinanLaporan/lama.vue */ "./resources/assets/js/views/jalinanLaporan/lama.vue"));
 };
 
 var produkCu = function produkCu() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(95)]).then(__webpack_require__.bind(null, /*! ./views/produkCu/index.vue */ "./resources/assets/js/views/produkCu/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(96)]).then(__webpack_require__.bind(null, /*! ./views/produkCu/index.vue */ "./resources/assets/js/views/produkCu/index.vue"));
 };
 
 var produkCu_form = function produkCu_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(67)]).then(__webpack_require__.bind(null, /*! ./views/produkCu/form.vue */ "./resources/assets/js/views/produkCu/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(68)]).then(__webpack_require__.bind(null, /*! ./views/produkCu/form.vue */ "./resources/assets/js/views/produkCu/form.vue"));
 };
 
 var user = function user() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(33), __webpack_require__.e(83)]).then(__webpack_require__.bind(null, /*! ./views/user/index.vue */ "./resources/assets/js/views/user/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(33), __webpack_require__.e(84)]).then(__webpack_require__.bind(null, /*! ./views/user/index.vue */ "./resources/assets/js/views/user/index.vue"));
 };
 
 var user_form = function user_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(33), __webpack_require__.e(84)]).then(__webpack_require__.bind(null, /*! ./views/user/form.vue */ "./resources/assets/js/views/user/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(33), __webpack_require__.e(85)]).then(__webpack_require__.bind(null, /*! ./views/user/form.vue */ "./resources/assets/js/views/user/form.vue"));
 };
 
 var user_aktivitas = function user_aktivitas() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(24), __webpack_require__.e(36), __webpack_require__.e(91)]).then(__webpack_require__.bind(null, /*! ./views/user/aktivitas.vue */ "./resources/assets/js/views/user/aktivitas.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(24), __webpack_require__.e(36), __webpack_require__.e(92)]).then(__webpack_require__.bind(null, /*! ./views/user/aktivitas.vue */ "./resources/assets/js/views/user/aktivitas.vue"));
 };
 
 var profile = function profile() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(24), __webpack_require__.e(16), __webpack_require__.e(26), __webpack_require__.e(29), __webpack_require__.e(36), __webpack_require__.e(104)]).then(__webpack_require__.bind(null, /*! ./views/user/profile.vue */ "./resources/assets/js/views/user/profile.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(24), __webpack_require__.e(16), __webpack_require__.e(26), __webpack_require__.e(29), __webpack_require__.e(36), __webpack_require__.e(105)]).then(__webpack_require__.bind(null, /*! ./views/user/profile.vue */ "./resources/assets/js/views/user/profile.vue"));
 };
 
 var assesmentAccess = function assesmentAccess() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(94)]).then(__webpack_require__.bind(null, /*! ./views/assesmentAccess/index.vue */ "./resources/assets/js/views/assesmentAccess/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(95)]).then(__webpack_require__.bind(null, /*! ./views/assesmentAccess/index.vue */ "./resources/assets/js/views/assesmentAccess/index.vue"));
 };
 
 var assesmentAccess_form = function assesmentAccess_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(15), __webpack_require__.e(3), __webpack_require__.e(22), __webpack_require__.e(37)]).then(__webpack_require__.bind(null, /*! ./views/assesmentAccess/form.vue */ "./resources/assets/js/views/assesmentAccess/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(15), __webpack_require__.e(3), __webpack_require__.e(22), __webpack_require__.e(38)]).then(__webpack_require__.bind(null, /*! ./views/assesmentAccess/form.vue */ "./resources/assets/js/views/assesmentAccess/form.vue"));
 };
 
 var monitoring = function monitoring() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(13), __webpack_require__.e(109)]).then(__webpack_require__.bind(null, /*! ./views/monitoring/index.vue */ "./resources/assets/js/views/monitoring/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(13), __webpack_require__.e(110)]).then(__webpack_require__.bind(null, /*! ./views/monitoring/index.vue */ "./resources/assets/js/views/monitoring/index.vue"));
 };
 
 var monitoring_form = function monitoring_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(18), __webpack_require__.e(55)]).then(__webpack_require__.bind(null, /*! ./views/monitoring/form.vue */ "./resources/assets/js/views/monitoring/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(18), __webpack_require__.e(56)]).then(__webpack_require__.bind(null, /*! ./views/monitoring/form.vue */ "./resources/assets/js/views/monitoring/form.vue"));
 };
 
 var monitoring_detail = function monitoring_detail() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(45)]).then(__webpack_require__.bind(null, /*! ./views/monitoring/detail.vue */ "./resources/assets/js/views/monitoring/detail.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(46)]).then(__webpack_require__.bind(null, /*! ./views/monitoring/detail.vue */ "./resources/assets/js/views/monitoring/detail.vue"));
 };
 
 var pemilihan = function pemilihan() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(127)]).then(__webpack_require__.bind(null, /*! ./views/pemilihan/index.vue */ "./resources/assets/js/views/pemilihan/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(129)]).then(__webpack_require__.bind(null, /*! ./views/pemilihan/index.vue */ "./resources/assets/js/views/pemilihan/index.vue"));
 };
 
 var pemilihan_form = function pemilihan_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(51)]).then(__webpack_require__.bind(null, /*! ./views/pemilihan/form.vue */ "./resources/assets/js/views/pemilihan/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(52)]).then(__webpack_require__.bind(null, /*! ./views/pemilihan/form.vue */ "./resources/assets/js/views/pemilihan/form.vue"));
 };
 
 var pemilihan_detail = function pemilihan_detail() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(9), __webpack_require__.e(25), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(30), __webpack_require__.e(125)]).then(__webpack_require__.bind(null, /*! ./views/pemilihan/detail.vue */ "./resources/assets/js/views/pemilihan/detail.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(9), __webpack_require__.e(25), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(30), __webpack_require__.e(127)]).then(__webpack_require__.bind(null, /*! ./views/pemilihan/detail.vue */ "./resources/assets/js/views/pemilihan/detail.vue"));
 };
 
 var pemilihan_pilih = function pemilihan_pilih() {
-  return Promise.all(/*! import() */[__webpack_require__.e(1), __webpack_require__.e(126)]).then(__webpack_require__.bind(null, /*! ./views/pemilihan/pilih.vue */ "./resources/assets/js/views/pemilihan/pilih.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(1), __webpack_require__.e(128)]).then(__webpack_require__.bind(null, /*! ./views/pemilihan/pilih.vue */ "./resources/assets/js/views/pemilihan/pilih.vue"));
 };
 
 var pemilihan_input = function pemilihan_input() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(114)]).then(__webpack_require__.bind(null, /*! ./views/pemilihan/input.vue */ "./resources/assets/js/views/pemilihan/input.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(116)]).then(__webpack_require__.bind(null, /*! ./views/pemilihan/input.vue */ "./resources/assets/js/views/pemilihan/input.vue"));
 };
 
 var voting = function voting() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(129)]).then(__webpack_require__.bind(null, /*! ./views/voting/index.vue */ "./resources/assets/js/views/voting/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(131)]).then(__webpack_require__.bind(null, /*! ./views/voting/index.vue */ "./resources/assets/js/views/voting/index.vue"));
 };
 
 var voting_form = function voting_form() {
@@ -123015,31 +123109,31 @@ var voting_form = function voting_form() {
 };
 
 var voting_detail = function voting_detail() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(9), __webpack_require__.e(25), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(30), __webpack_require__.e(102)]).then(__webpack_require__.bind(null, /*! ./views/voting/detail.vue */ "./resources/assets/js/views/voting/detail.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(9), __webpack_require__.e(25), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(30), __webpack_require__.e(103)]).then(__webpack_require__.bind(null, /*! ./views/voting/detail.vue */ "./resources/assets/js/views/voting/detail.vue"));
 };
 
 var voting_pilih = function voting_pilih() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(116)]).then(__webpack_require__.bind(null, /*! ./views/voting/pilih.vue */ "./resources/assets/js/views/voting/pilih.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(118)]).then(__webpack_require__.bind(null, /*! ./views/voting/pilih.vue */ "./resources/assets/js/views/voting/pilih.vue"));
 };
 
 var voting_input = function voting_input() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(115)]).then(__webpack_require__.bind(null, /*! ./views/voting/input.vue */ "./resources/assets/js/views/voting/input.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(117)]).then(__webpack_require__.bind(null, /*! ./views/voting/input.vue */ "./resources/assets/js/views/voting/input.vue"));
 };
 
 var jalinanIuran = function jalinanIuran() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(82)]).then(__webpack_require__.bind(null, /*! ./views/jalinanIuran/index.vue */ "./resources/assets/js/views/jalinanIuran/index.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(4), __webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(7), __webpack_require__.e(83)]).then(__webpack_require__.bind(null, /*! ./views/jalinanIuran/index.vue */ "./resources/assets/js/views/jalinanIuran/index.vue"));
 };
 
 var jalinanIuran_form = function jalinanIuran_form() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(43)]).then(__webpack_require__.bind(null, /*! ./views/jalinanIuran/form.vue */ "./resources/assets/js/views/jalinanIuran/form.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(6), __webpack_require__.e(44)]).then(__webpack_require__.bind(null, /*! ./views/jalinanIuran/form.vue */ "./resources/assets/js/views/jalinanIuran/form.vue"));
 };
 
 var jalinanIuran_detail = function jalinanIuran_detail() {
-  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(3), __webpack_require__.e(52)]).then(__webpack_require__.bind(null, /*! ./views/jalinanIuran/detail.vue */ "./resources/assets/js/views/jalinanIuran/detail.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(4), __webpack_require__.e(6), __webpack_require__.e(3), __webpack_require__.e(53)]).then(__webpack_require__.bind(null, /*! ./views/jalinanIuran/detail.vue */ "./resources/assets/js/views/jalinanIuran/detail.vue"));
 };
 
 var dataAnggotaUpload = function dataAnggotaUpload() {
-  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(97)]).then(__webpack_require__.bind(null, /*! ./views/sistem/dataAnggotaUpload.vue */ "./resources/assets/js/views/sistem/dataAnggotaUpload.vue"));
+  return Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(98)]).then(__webpack_require__.bind(null, /*! ./views/sistem/dataAnggotaUpload.vue */ "./resources/assets/js/views/sistem/dataAnggotaUpload.vue"));
 };
 
 var routes = [// login
@@ -123383,6 +123477,41 @@ var routes = [// login
     requiresAuth: true,
     mode: 'edit'
   }
+}, // sertifikat kegiatan
+{
+  path: '/sertifikatKegiatan',
+  name: 'sertifikatKegiatan',
+  components: {
+    "default": sertifikatKegiatan,
+    'header': _components_header_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    'footer': _components_footer_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  meta: {
+    requiresAuth: true
+  }
+}, {
+  path: '/sertifikatKegiatan/create',
+  name: 'sertifikatKegiatanCreate',
+  components: {
+    "default": sertifikatKegiatan_form,
+    'header': _components_header_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    'footer': _components_footer_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  meta: {
+    requiresAuth: true
+  }
+}, {
+  path: '/sertifikatKegiatan/edit/:id',
+  name: 'sertifikatKegiatanEdit',
+  components: {
+    "default": sertifikatKegiatan_form,
+    'header': _components_header_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    'footer': _components_footer_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  meta: {
+    requiresAuth: true,
+    mode: 'edit'
+  }
 }, // kegiatan bkcu
 {
   path: '/kegiatanBKCU/:tipe/periode/:periode',
@@ -125094,14 +125223,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _modules_jalinanIuran__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./modules/jalinanIuran */ "./resources/assets/js/store/modules/jalinanIuran.js");
 /* harmony import */ var _modules_produkCu__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./modules/produkCu */ "./resources/assets/js/store/modules/produkCu.js");
 /* harmony import */ var _modules_kegiatanBKCU__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./modules/kegiatanBKCU */ "./resources/assets/js/store/modules/kegiatanBKCU.js");
-/* harmony import */ var _modules_tempat__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./modules/tempat */ "./resources/assets/js/store/modules/tempat.js");
-/* harmony import */ var _modules_pemilihan__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./modules/pemilihan */ "./resources/assets/js/store/modules/pemilihan.js");
-/* harmony import */ var _modules_voting__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./modules/voting */ "./resources/assets/js/store/modules/voting.js");
-/* harmony import */ var _modules_notification__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./modules/notification */ "./resources/assets/js/store/modules/notification.js");
-/* harmony import */ var _modules_saran__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./modules/saran */ "./resources/assets/js/store/modules/saran.js");
-/* harmony import */ var _modules_errorLog__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./modules/errorLog */ "./resources/assets/js/store/modules/errorLog.js");
-/* harmony import */ var _modules_anggotaCuImportEscete__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ./modules/anggotaCuImportEscete */ "./resources/assets/js/store/modules/anggotaCuImportEscete.js");
-/* harmony import */ var _modules_fileUpload__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ./modules/fileUpload */ "./resources/assets/js/store/modules/fileUpload.js");
+/* harmony import */ var _modules_sertifikatKegiatan__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./modules/sertifikatKegiatan */ "./resources/assets/js/store/modules/sertifikatKegiatan.js");
+/* harmony import */ var _modules_tempat__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./modules/tempat */ "./resources/assets/js/store/modules/tempat.js");
+/* harmony import */ var _modules_pemilihan__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./modules/pemilihan */ "./resources/assets/js/store/modules/pemilihan.js");
+/* harmony import */ var _modules_voting__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./modules/voting */ "./resources/assets/js/store/modules/voting.js");
+/* harmony import */ var _modules_notification__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./modules/notification */ "./resources/assets/js/store/modules/notification.js");
+/* harmony import */ var _modules_saran__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./modules/saran */ "./resources/assets/js/store/modules/saran.js");
+/* harmony import */ var _modules_errorLog__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ./modules/errorLog */ "./resources/assets/js/store/modules/errorLog.js");
+/* harmony import */ var _modules_anggotaCuImportEscete__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ./modules/anggotaCuImportEscete */ "./resources/assets/js/store/modules/anggotaCuImportEscete.js");
+/* harmony import */ var _modules_fileUpload__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ./modules/fileUpload */ "./resources/assets/js/store/modules/fileUpload.js");
+
 
 
 
@@ -125203,14 +125334,15 @@ vue__WEBPACK_IMPORTED_MODULE_0___default.a.use(vuex__WEBPACK_IMPORTED_MODULE_1__
     jalinanIuran: _modules_jalinanIuran__WEBPACK_IMPORTED_MODULE_43__["jalinanIuran"],
     produkCu: _modules_produkCu__WEBPACK_IMPORTED_MODULE_44__["produkCu"],
     kegiatanBKCU: _modules_kegiatanBKCU__WEBPACK_IMPORTED_MODULE_45__["kegiatanBKCU"],
-    tempat: _modules_tempat__WEBPACK_IMPORTED_MODULE_46__["tempat"],
-    pemilihan: _modules_pemilihan__WEBPACK_IMPORTED_MODULE_47__["pemilihan"],
-    voting: _modules_voting__WEBPACK_IMPORTED_MODULE_48__["voting"],
-    notification: _modules_notification__WEBPACK_IMPORTED_MODULE_49__["notification"],
-    saran: _modules_saran__WEBPACK_IMPORTED_MODULE_50__["saran"],
-    errorLog: _modules_errorLog__WEBPACK_IMPORTED_MODULE_51__["errorLog"],
-    anggotaCuImportEscete: _modules_anggotaCuImportEscete__WEBPACK_IMPORTED_MODULE_52__["anggotaCuImportEscete"],
-    fileUpload: _modules_fileUpload__WEBPACK_IMPORTED_MODULE_53__["fileUpload"]
+    sertifikatKegiatan: _modules_sertifikatKegiatan__WEBPACK_IMPORTED_MODULE_46__["sertifikatKegiatan"],
+    tempat: _modules_tempat__WEBPACK_IMPORTED_MODULE_47__["tempat"],
+    pemilihan: _modules_pemilihan__WEBPACK_IMPORTED_MODULE_48__["pemilihan"],
+    voting: _modules_voting__WEBPACK_IMPORTED_MODULE_49__["voting"],
+    notification: _modules_notification__WEBPACK_IMPORTED_MODULE_50__["notification"],
+    saran: _modules_saran__WEBPACK_IMPORTED_MODULE_51__["saran"],
+    errorLog: _modules_errorLog__WEBPACK_IMPORTED_MODULE_52__["errorLog"],
+    anggotaCuImportEscete: _modules_anggotaCuImportEscete__WEBPACK_IMPORTED_MODULE_53__["anggotaCuImportEscete"],
+    fileUpload: _modules_fileUpload__WEBPACK_IMPORTED_MODULE_54__["fileUpload"]
   }
 }));
 
@@ -133943,11 +134075,18 @@ var kegiatanBKCU = {
     //collection
     dataJalan: [],
     //collection
+    dataSertifikat: {},
+    dataNilai: [],
+    nilai: [],
+    dataListMateri: [],
     periode: [],
     count: {},
     count2: {},
     count3: {},
     count4: {},
+    dataListMateriStat: '',
+    dataNilaiStat: '',
+    nilaiStat: '',
     dataStat: '',
     dataStat2: '',
     dataStat3: '',
@@ -133972,6 +134111,7 @@ var kegiatanBKCU = {
     update: [],
     //update data
     updateStat: '',
+    updateNilaiStat: '',
     update2: [],
     //update data
     updateStat2: '',
@@ -134030,6 +134170,18 @@ var kegiatanBKCU = {
     dataJalan: function dataJalan(state) {
       return state.dataJalan;
     },
+    dataSertifikat: function dataSertifikat(state) {
+      return state.dataSertifikat;
+    },
+    dataNilai: function dataNilai(state) {
+      return state.dataNilai;
+    },
+    dataListMateri: function dataListMateri(state) {
+      return state.dataListMateri;
+    },
+    nilai: function nilai(state) {
+      return state.nilai;
+    },
     periode: function periode(state) {
       return state.periode;
     },
@@ -134045,6 +134197,15 @@ var kegiatanBKCU = {
     count4: function count4(state) {
       return state.count4;
     },
+    dataNilaiStat: function dataNilaiStat(state) {
+      return state.dataNilaiStat;
+    },
+    dataListMateriStat: function dataListMateriStat(state) {
+      return state.dataListMateriStat;
+    },
+    nilaiStat: function nilaiStat(state) {
+      return state.nilaiStat;
+    },
     dataStat: function dataStat(state) {
       return state.dataStat;
     },
@@ -134111,9 +134272,15 @@ var kegiatanBKCU = {
     update: function update(state) {
       return state.update;
     },
+    updateNilai: function updateNilai(state) {
+      return state.updateNilai;
+    },
     updateStat: function updateStat(state) {
       return state.updateStat;
     },
+    updateNilaiStat: function updateNilaiStat(state) {
+      return state.updateNilaiStat;
+    },
     update2: function update2(state) {
       return state.update2;
     },
@@ -134271,13 +134438,57 @@ var kegiatanBKCU = {
         commit('setDataStatS3', 'fail');
       });
     },
-    indexKeputusan: function indexKeputusan(_ref23, _ref24) {
+    indexListMateri: function indexListMateri(_ref23, _ref24) {
       var commit = _ref23.commit;
 
       var _ref25 = _slicedToArray(_ref24, 2),
           p = _ref25[0],
           id = _ref25[1];
 
+      commit('setDataListMateriStat', 'loading');
+      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].indexListMateri(p, id).then(function (response) {
+        commit('setDataListMateri', response.data.model);
+        commit('setDataListMateriStat', 'success');
+      })["catch"](function (error) {
+        commit('setDataListMateri', error.response);
+        commit('setDataListMateriStat', 'fail');
+      });
+    },
+    indexNilaiListMateri: function indexNilaiListMateri(_ref26, id) {
+      var commit = _ref26.commit;
+      commit('setDataNilaiStat', 'loading');
+      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].indexNilaiListMateri(id).then(function (response) {
+        commit('setDataNilai', response.data.model);
+        commit('setDataNilaiStat', 'success');
+      })["catch"](function (error) {
+        commit('setDataNilai', error.response);
+        commit('setDataNilaiStat', 'fail');
+      });
+    },
+    indexNilai: function indexNilai(_ref27, _ref28) {
+      var commit = _ref27.commit;
+
+      var _ref29 = _slicedToArray(_ref28, 3),
+          p = _ref29[0],
+          id = _ref29[1],
+          aktivis_id = _ref29[2];
+
+      commit('setNilaiStat', 'loading');
+      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].indexNilai(p, id, aktivis_id).then(function (response) {
+        commit('setNilai', response.data.model);
+        commit('setNilaiStat', 'success');
+      })["catch"](function (error) {
+        commit('setNilai', error.response);
+        commit('setNilaiStat', 'fail');
+      });
+    },
+    indexKeputusan: function indexKeputusan(_ref30, _ref31) {
+      var commit = _ref30.commit;
+
+      var _ref32 = _slicedToArray(_ref31, 2),
+          p = _ref32[0],
+          id = _ref32[1];
+
       commit('setDataStatS4', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].indexKeputusan(p, id).then(function (response) {
         commit('setDataS4', response.data.model);
@@ -134287,8 +134498,8 @@ var kegiatanBKCU = {
         commit('setDataStatS4', 'fail');
       });
     },
-    indexKeputusanCount: function indexKeputusanCount(_ref26, id) {
-      var commit = _ref26.commit;
+    indexKeputusanCount: function indexKeputusanCount(_ref33, id) {
+      var commit = _ref33.commit;
       commit('setDataStatS8', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].indexKeputusanCount(id).then(function (response) {
         commit('setDataS8', response.data.model);
@@ -134298,12 +134509,12 @@ var kegiatanBKCU = {
         commit('setDataStatS8', 'fail');
       });
     },
-    indexKeputusanKomentar: function indexKeputusanKomentar(_ref27, _ref28) {
-      var commit = _ref27.commit;
+    indexKeputusanKomentar: function indexKeputusanKomentar(_ref34, _ref35) {
+      var commit = _ref34.commit;
 
-      var _ref29 = _slicedToArray(_ref28, 2),
-          p = _ref29[0],
-          id = _ref29[1];
+      var _ref36 = _slicedToArray(_ref35, 2),
+          p = _ref36[0],
+          id = _ref36[1];
 
       commit('setDataStatS5', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].indexKeputusanKomentar(p, id).then(function (response) {
@@ -134314,12 +134525,12 @@ var kegiatanBKCU = {
         commit('setDataStatS5', 'fail');
       });
     },
-    indexPertanyaan: function indexPertanyaan(_ref30, _ref31) {
-      var commit = _ref30.commit;
+    indexPertanyaan: function indexPertanyaan(_ref37, _ref38) {
+      var commit = _ref37.commit;
 
-      var _ref32 = _slicedToArray(_ref31, 2),
-          p = _ref32[0],
-          id = _ref32[1];
+      var _ref39 = _slicedToArray(_ref38, 2),
+          p = _ref39[0],
+          id = _ref39[1];
 
       commit('setDataStatS9', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].indexPertanyaan(p, id).then(function (response) {
@@ -134330,12 +134541,12 @@ var kegiatanBKCU = {
         commit('setDataStatS9', 'fail');
       });
     },
-    indexPertanyaanKomentar: function indexPertanyaanKomentar(_ref33, _ref34) {
-      var commit = _ref33.commit;
+    indexPertanyaanKomentar: function indexPertanyaanKomentar(_ref40, _ref41) {
+      var commit = _ref40.commit;
 
-      var _ref35 = _slicedToArray(_ref34, 2),
-          p = _ref35[0],
-          id = _ref35[1];
+      var _ref42 = _slicedToArray(_ref41, 2),
+          p = _ref42[0],
+          id = _ref42[1];
 
       commit('setDataStatS5', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].indexPertanyaanKomentar(p, id).then(function (response) {
@@ -134346,12 +134557,12 @@ var kegiatanBKCU = {
         commit('setDataStatS5', 'fail');
       });
     },
-    indexTugas: function indexTugas(_ref36, _ref37) {
-      var commit = _ref36.commit;
+    indexTugas: function indexTugas(_ref43, _ref44) {
+      var commit = _ref43.commit;
 
-      var _ref38 = _slicedToArray(_ref37, 2),
-          p = _ref38[0],
-          id = _ref38[1];
+      var _ref45 = _slicedToArray(_ref44, 2),
+          p = _ref45[0],
+          id = _ref45[1];
 
       commit('setDataStatS10', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].indexTugas(p, id).then(function (response) {
@@ -134362,12 +134573,12 @@ var kegiatanBKCU = {
         commit('setDataStatS10', 'fail');
       });
     },
-    indexTugasJawaban: function indexTugasJawaban(_ref39, _ref40) {
-      var commit = _ref39.commit;
+    indexTugasJawaban: function indexTugasJawaban(_ref46, _ref47) {
+      var commit = _ref46.commit;
 
-      var _ref41 = _slicedToArray(_ref40, 2),
-          p = _ref41[0],
-          id = _ref41[1];
+      var _ref48 = _slicedToArray(_ref47, 2),
+          p = _ref48[0],
+          id = _ref48[1];
 
       commit('setDataStatS11', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].indexTugasJawaban(p, id).then(function (response) {
@@ -134378,8 +134589,8 @@ var kegiatanBKCU = {
         commit('setDataStatS11', 'fail');
       });
     },
-    indexKegiatan: function indexKegiatan(_ref42) {
-      var commit = _ref42.commit;
+    indexKegiatan: function indexKegiatan(_ref49) {
+      var commit = _ref49.commit;
       commit('setDataStatS', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].indexKegiatan().then(function (response) {
         commit('setDataS', response.data.model);
@@ -134389,12 +134600,12 @@ var kegiatanBKCU = {
         commit('setDataStatS', 'fail');
       });
     },
-    checkPeserta: function checkPeserta(_ref43, _ref44) {
-      var commit = _ref43.commit;
+    checkPeserta: function checkPeserta(_ref50, _ref51) {
+      var commit = _ref50.commit;
 
-      var _ref45 = _slicedToArray(_ref44, 2),
-          kegiatan_id = _ref45[0],
-          aktivis_id = _ref45[1];
+      var _ref52 = _slicedToArray(_ref51, 2),
+          kegiatan_id = _ref52[0],
+          aktivis_id = _ref52[1];
 
       commit('setDataStat2', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].checkPeserta(kegiatan_id, aktivis_id).then(function (response) {
@@ -134405,12 +134616,12 @@ var kegiatanBKCU = {
         commit('setDataStat2', 'fail');
       });
     },
-    checkPanitia: function checkPanitia(_ref46, _ref47) {
-      var commit = _ref46.commit;
+    checkPanitia: function checkPanitia(_ref53, _ref54) {
+      var commit = _ref53.commit;
 
-      var _ref48 = _slicedToArray(_ref47, 2),
-          kegiatan_id = _ref48[0],
-          aktivis_id = _ref48[1];
+      var _ref55 = _slicedToArray(_ref54, 2),
+          kegiatan_id = _ref55[0],
+          aktivis_id = _ref55[1];
 
       commit('setDataStat3', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].checkPanitia(kegiatan_id, aktivis_id).then(function (response) {
@@ -134421,8 +134632,8 @@ var kegiatanBKCU = {
         commit('setDataStat3', 'fail');
       });
     },
-    getPeriode: function getPeriode(_ref49, tipe) {
-      var commit = _ref49.commit;
+    getPeriode: function getPeriode(_ref56, tipe) {
+      var commit = _ref56.commit;
       commit('setPeriodeStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].getPeriode(tipe).then(function (response) {
         commit('setPeriode', response.data.model);
@@ -134433,8 +134644,8 @@ var kegiatanBKCU = {
       });
     },
     // create page
-    create: function create(_ref50) {
-      var commit = _ref50.commit;
+    create: function create(_ref57) {
+      var commit = _ref57.commit;
       commit('setDataStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].create().then(function (response) {
         commit('setData', response.data.form);
@@ -134449,14 +134660,14 @@ var kegiatanBKCU = {
       });
     },
     //store data
-    store: function store(_ref51, _ref52) {
-      var commit = _ref51.commit,
-          state = _ref51.state,
-          dispatch = _ref51.dispatch;
+    store: function store(_ref58, _ref59) {
+      var commit = _ref58.commit,
+          state = _ref58.state,
+          dispatch = _ref58.dispatch;
 
-      var _ref53 = _slicedToArray(_ref52, 2),
-          tipe = _ref53[0],
-          form = _ref53[1];
+      var _ref60 = _slicedToArray(_ref59, 2),
+          tipe = _ref60[0],
+          form = _ref60[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].store(tipe, form).then(function (response) {
@@ -134471,15 +134682,15 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    storePeserta: function storePeserta(_ref54, _ref55) {
-      var commit = _ref54.commit,
-          state = _ref54.state,
-          dispatch = _ref54.dispatch;
+    storePeserta: function storePeserta(_ref61, _ref62) {
+      var commit = _ref61.commit,
+          state = _ref61.state,
+          dispatch = _ref61.dispatch;
 
-      var _ref56 = _slicedToArray(_ref55, 3),
-          tipe = _ref56[0],
-          id = _ref56[1],
-          form = _ref56[2];
+      var _ref63 = _slicedToArray(_ref62, 3),
+          tipe = _ref63[0],
+          id = _ref63[1],
+          form = _ref63[2];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].storePeserta(tipe, id, form).then(function (response) {
@@ -134495,15 +134706,15 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    storeMateri: function storeMateri(_ref57, _ref58) {
-      var commit = _ref57.commit,
-          state = _ref57.state,
-          dispatch = _ref57.dispatch;
+    storeMateri: function storeMateri(_ref64, _ref65) {
+      var commit = _ref64.commit,
+          state = _ref64.state,
+          dispatch = _ref64.dispatch;
 
-      var _ref59 = _slicedToArray(_ref58, 3),
-          tipe = _ref59[0],
-          id = _ref59[1],
-          form = _ref59[2];
+      var _ref66 = _slicedToArray(_ref65, 3),
+          tipe = _ref66[0],
+          id = _ref66[1],
+          form = _ref66[2];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].storeMateri(tipe, id, form).then(function (response) {
@@ -134518,14 +134729,61 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    storeKeputusan: function storeKeputusan(_ref60, _ref61) {
-      var commit = _ref60.commit,
-          state = _ref60.state,
-          dispatch = _ref60.dispatch;
+    storeListMateri: function storeListMateri(_ref67, _ref68) {
+      var commit = _ref67.commit,
+          state = _ref67.state,
+          dispatch = _ref67.dispatch;
+
+      var _ref69 = _slicedToArray(_ref68, 3),
+          tipe = _ref69[0],
+          id = _ref69[1],
+          form = _ref69[2];
+
+      commit('setUpdateStat', 'loading');
+      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].storeListMateri(tipe, id, form).then(function (response) {
+        if (response.data.saved) {
+          commit('setUpdate', response.data);
+          commit('setUpdateStat', 'success');
+        } else {
+          commit('setUpdateStat', 'fail');
+        }
+      })["catch"](function (error) {
+        commit('setUpdate', error.response);
+        commit('setUpdateStat', 'fail');
+      });
+    },
+    storeNilai: function storeNilai(_ref70, _ref71) {
+      var commit = _ref70.commit,
+          state = _ref70.state,
+          dispatch = _ref70.dispatch;
 
-      var _ref62 = _slicedToArray(_ref61, 2),
-          id = _ref62[0],
-          form = _ref62[1];
+      var _ref72 = _slicedToArray(_ref71, 4),
+          aktivis_id = _ref72[0],
+          kegiatan_id = _ref72[1],
+          materi_id = _ref72[2],
+          form = _ref72[3];
+
+      commit('setUpdateNilaiStat', 'loading');
+      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].storeNilai(aktivis_id, kegiatan_id, materi_id, form).then(function (response) {
+        if (response.data.saved) {
+          commit('setUpdateNilai', response.data);
+          commit('setUpdateNilaiStat', 'success');
+        } else {
+          commit('setUpdateNilaiStat', 'fail');
+        }
+      })["catch"](function (error) {
+        commit('setUpdateNilai', error.response);
+        commit('setUpdateNilaiStat', 'fail');
+      });
+    },
+    storeKeputusan: function storeKeputusan(_ref73, _ref74) {
+      var commit = _ref73.commit,
+          state = _ref73.state,
+          dispatch = _ref73.dispatch;
+
+      var _ref75 = _slicedToArray(_ref74, 2),
+          id = _ref75[0],
+          form = _ref75[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].storeKeputusan(id, form).then(function (response) {
@@ -134540,14 +134798,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    storeKeputusanKomentar: function storeKeputusanKomentar(_ref63, _ref64) {
-      var commit = _ref63.commit,
-          state = _ref63.state,
-          dispatch = _ref63.dispatch;
+    storeKeputusanKomentar: function storeKeputusanKomentar(_ref76, _ref77) {
+      var commit = _ref76.commit,
+          state = _ref76.state,
+          dispatch = _ref76.dispatch;
 
-      var _ref65 = _slicedToArray(_ref64, 2),
-          id = _ref65[0],
-          form = _ref65[1];
+      var _ref78 = _slicedToArray(_ref77, 2),
+          id = _ref78[0],
+          form = _ref78[1];
 
       commit('setUpdateStat2', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].storeKeputusanKomentar(id, form).then(function (response) {
@@ -134562,14 +134820,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat2', 'fail');
       });
     },
-    storePertanyaan: function storePertanyaan(_ref66, _ref67) {
-      var commit = _ref66.commit,
-          state = _ref66.state,
-          dispatch = _ref66.dispatch;
+    storePertanyaan: function storePertanyaan(_ref79, _ref80) {
+      var commit = _ref79.commit,
+          state = _ref79.state,
+          dispatch = _ref79.dispatch;
 
-      var _ref68 = _slicedToArray(_ref67, 2),
-          id = _ref68[0],
-          form = _ref68[1];
+      var _ref81 = _slicedToArray(_ref80, 2),
+          id = _ref81[0],
+          form = _ref81[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].storePertanyaan(id, form).then(function (response) {
@@ -134584,14 +134842,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    storePertanyaanKomentar: function storePertanyaanKomentar(_ref69, _ref70) {
-      var commit = _ref69.commit,
-          state = _ref69.state,
-          dispatch = _ref69.dispatch;
+    storePertanyaanKomentar: function storePertanyaanKomentar(_ref82, _ref83) {
+      var commit = _ref82.commit,
+          state = _ref82.state,
+          dispatch = _ref82.dispatch;
 
-      var _ref71 = _slicedToArray(_ref70, 2),
-          id = _ref71[0],
-          form = _ref71[1];
+      var _ref84 = _slicedToArray(_ref83, 2),
+          id = _ref84[0],
+          form = _ref84[1];
 
       commit('setUpdateStat2', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].storePertanyaanKomentar(id, form).then(function (response) {
@@ -134606,15 +134864,15 @@ var kegiatanBKCU = {
         commit('setUpdateStat2', 'fail');
       });
     },
-    storeTugas: function storeTugas(_ref72, _ref73) {
-      var commit = _ref72.commit,
-          state = _ref72.state,
-          dispatch = _ref72.dispatch;
+    storeTugas: function storeTugas(_ref85, _ref86) {
+      var commit = _ref85.commit,
+          state = _ref85.state,
+          dispatch = _ref85.dispatch;
 
-      var _ref74 = _slicedToArray(_ref73, 3),
-          tipe = _ref74[0],
-          id = _ref74[1],
-          form = _ref74[2];
+      var _ref87 = _slicedToArray(_ref86, 3),
+          tipe = _ref87[0],
+          id = _ref87[1],
+          form = _ref87[2];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].storeTugas(tipe, id, form).then(function (response) {
@@ -134629,14 +134887,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    storeTugasJawaban: function storeTugasJawaban(_ref75, _ref76) {
-      var commit = _ref75.commit,
-          state = _ref75.state,
-          dispatch = _ref75.dispatch;
+    storeTugasJawaban: function storeTugasJawaban(_ref88, _ref89) {
+      var commit = _ref88.commit,
+          state = _ref88.state,
+          dispatch = _ref88.dispatch;
 
-      var _ref77 = _slicedToArray(_ref76, 2),
-          tipe = _ref77[0],
-          form = _ref77[1];
+      var _ref90 = _slicedToArray(_ref89, 2),
+          tipe = _ref90[0],
+          form = _ref90[1];
 
       commit('setUpdateStat2', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].storeTugasJawaban(tipe, form).then(function (response) {
@@ -134652,11 +134910,12 @@ var kegiatanBKCU = {
       });
     },
     // edit page
-    edit: function edit(_ref78, id) {
-      var commit = _ref78.commit;
+    edit: function edit(_ref91, id) {
+      var commit = _ref91.commit;
       commit('setDataStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].edit(id).then(function (response) {
         commit('setData', response.data.form);
+        commit('setDataSertifikat', response.data.form1);
         commit('setRules', response.data.rules);
         commit('setOptions', response.data.options);
         commit('setDataStat', 'success');
@@ -134667,8 +134926,8 @@ var kegiatanBKCU = {
         commit('setDataStat', 'fail');
       });
     },
-    editTugasJawaban: function editTugasJawaban(_ref79, id) {
-      var commit = _ref79.commit;
+    editTugasJawaban: function editTugasJawaban(_ref92, id) {
+      var commit = _ref92.commit;
       commit('setDataStat4', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].editTugasJawaban(id).then(function (response) {
         commit('setData4', response.data.form);
@@ -134683,14 +134942,14 @@ var kegiatanBKCU = {
       });
     },
     // update data
-    update: function update(_ref80, _ref81) {
-      var commit = _ref80.commit,
-          state = _ref80.state,
-          dispatch = _ref80.dispatch;
+    update: function update(_ref93, _ref94) {
+      var commit = _ref93.commit,
+          state = _ref93.state,
+          dispatch = _ref93.dispatch;
 
-      var _ref82 = _slicedToArray(_ref81, 2),
-          id = _ref82[0],
-          form = _ref82[1];
+      var _ref95 = _slicedToArray(_ref94, 2),
+          id = _ref95[0],
+          form = _ref95[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].update(id, form).then(function (response) {
@@ -134705,14 +134964,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    updateStatus: function updateStatus(_ref83, _ref84) {
-      var commit = _ref83.commit,
-          state = _ref83.state,
-          dispatch = _ref83.dispatch;
+    updateStatus: function updateStatus(_ref96, _ref97) {
+      var commit = _ref96.commit,
+          state = _ref96.state,
+          dispatch = _ref96.dispatch;
 
-      var _ref85 = _slicedToArray(_ref84, 2),
-          id = _ref85[0],
-          form = _ref85[1];
+      var _ref98 = _slicedToArray(_ref97, 2),
+          id = _ref98[0],
+          form = _ref98[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].updateStatus(id, form).then(function (response) {
@@ -134727,14 +134986,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    updatePeserta: function updatePeserta(_ref86, _ref87) {
-      var commit = _ref86.commit,
-          state = _ref86.state,
-          dispatch = _ref86.dispatch;
+    updatePeserta: function updatePeserta(_ref99, _ref100) {
+      var commit = _ref99.commit,
+          state = _ref99.state,
+          dispatch = _ref99.dispatch;
 
-      var _ref88 = _slicedToArray(_ref87, 2),
-          id = _ref88[0],
-          form = _ref88[1];
+      var _ref101 = _slicedToArray(_ref100, 2),
+          id = _ref101[0],
+          form = _ref101[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].updatePeserta(id, form).then(function (response) {
@@ -134749,14 +135008,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    updateMateri: function updateMateri(_ref89, _ref90) {
-      var commit = _ref89.commit,
-          state = _ref89.state,
-          dispatch = _ref89.dispatch;
+    updateMateri: function updateMateri(_ref102, _ref103) {
+      var commit = _ref102.commit,
+          state = _ref102.state,
+          dispatch = _ref102.dispatch;
 
-      var _ref91 = _slicedToArray(_ref90, 2),
-          id = _ref91[0],
-          form = _ref91[1];
+      var _ref104 = _slicedToArray(_ref103, 2),
+          id = _ref104[0],
+          form = _ref104[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].updateMateri(id, form).then(function (response) {
@@ -134771,14 +135030,36 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    updateKeputusan: function updateKeputusan(_ref92, _ref93) {
-      var commit = _ref92.commit,
-          state = _ref92.state,
-          dispatch = _ref92.dispatch;
+    updateListMateri: function updateListMateri(_ref105, _ref106) {
+      var commit = _ref105.commit,
+          state = _ref105.state,
+          dispatch = _ref105.dispatch;
 
-      var _ref94 = _slicedToArray(_ref93, 2),
-          id = _ref94[0],
-          form = _ref94[1];
+      var _ref107 = _slicedToArray(_ref106, 2),
+          id = _ref107[0],
+          form = _ref107[1];
+
+      commit('setUpdateStat', 'loading');
+      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].updateListMateri(id, form).then(function (response) {
+        if (response.data.saved) {
+          commit('setUpdate', response.data);
+          commit('setUpdateStat', 'success');
+        } else {
+          commit('setUpdateStat', 'fail');
+        }
+      })["catch"](function (error) {
+        commit('setUpdate', error.response);
+        commit('setUpdateStat', 'fail');
+      });
+    },
+    updateKeputusan: function updateKeputusan(_ref108, _ref109) {
+      var commit = _ref108.commit,
+          state = _ref108.state,
+          dispatch = _ref108.dispatch;
+
+      var _ref110 = _slicedToArray(_ref109, 2),
+          id = _ref110[0],
+          form = _ref110[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].updateKeputusan(id, form).then(function (response) {
@@ -134793,14 +135074,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    updateKeputusanKomentar: function updateKeputusanKomentar(_ref95, _ref96) {
-      var commit = _ref95.commit,
-          state = _ref95.state,
-          dispatch = _ref95.dispatch;
+    updateKeputusanKomentar: function updateKeputusanKomentar(_ref111, _ref112) {
+      var commit = _ref111.commit,
+          state = _ref111.state,
+          dispatch = _ref111.dispatch;
 
-      var _ref97 = _slicedToArray(_ref96, 2),
-          id = _ref97[0],
-          form = _ref97[1];
+      var _ref113 = _slicedToArray(_ref112, 2),
+          id = _ref113[0],
+          form = _ref113[1];
 
       commit('setUpdateStat2', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].updateKeputusanKomentar(id, form).then(function (response) {
@@ -134815,14 +135096,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat2', 'fail');
       });
     },
-    updatePertanyaan: function updatePertanyaan(_ref98, _ref99) {
-      var commit = _ref98.commit,
-          state = _ref98.state,
-          dispatch = _ref98.dispatch;
+    updatePertanyaan: function updatePertanyaan(_ref114, _ref115) {
+      var commit = _ref114.commit,
+          state = _ref114.state,
+          dispatch = _ref114.dispatch;
 
-      var _ref100 = _slicedToArray(_ref99, 2),
-          id = _ref100[0],
-          form = _ref100[1];
+      var _ref116 = _slicedToArray(_ref115, 2),
+          id = _ref116[0],
+          form = _ref116[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].updatePertanyaan(id, form).then(function (response) {
@@ -134837,14 +135118,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    updatePertanyaanKomentar: function updatePertanyaanKomentar(_ref101, _ref102) {
-      var commit = _ref101.commit,
-          state = _ref101.state,
-          dispatch = _ref101.dispatch;
+    updatePertanyaanKomentar: function updatePertanyaanKomentar(_ref117, _ref118) {
+      var commit = _ref117.commit,
+          state = _ref117.state,
+          dispatch = _ref117.dispatch;
 
-      var _ref103 = _slicedToArray(_ref102, 2),
-          id = _ref103[0],
-          form = _ref103[1];
+      var _ref119 = _slicedToArray(_ref118, 2),
+          id = _ref119[0],
+          form = _ref119[1];
 
       commit('setUpdateStat2', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].updatePertanyaanKomentar(id, form).then(function (response) {
@@ -134859,14 +135140,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat2', 'fail');
       });
     },
-    updateTugas: function updateTugas(_ref104, _ref105) {
-      var commit = _ref104.commit,
-          state = _ref104.state,
-          dispatch = _ref104.dispatch;
+    updateTugas: function updateTugas(_ref120, _ref121) {
+      var commit = _ref120.commit,
+          state = _ref120.state,
+          dispatch = _ref120.dispatch;
 
-      var _ref106 = _slicedToArray(_ref105, 2),
-          id = _ref106[0],
-          form = _ref106[1];
+      var _ref122 = _slicedToArray(_ref121, 2),
+          id = _ref122[0],
+          form = _ref122[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].updateTugas(id, form).then(function (response) {
@@ -134881,14 +135162,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    updateTugasJawaban: function updateTugasJawaban(_ref107, _ref108) {
-      var commit = _ref107.commit,
-          state = _ref107.state,
-          dispatch = _ref107.dispatch;
+    updateTugasJawaban: function updateTugasJawaban(_ref123, _ref124) {
+      var commit = _ref123.commit,
+          state = _ref123.state,
+          dispatch = _ref123.dispatch;
 
-      var _ref109 = _slicedToArray(_ref108, 2),
-          id = _ref109[0],
-          form = _ref109[1];
+      var _ref125 = _slicedToArray(_ref124, 2),
+          id = _ref125[0],
+          form = _ref125[1];
 
       commit('setUpdateStat2', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].updateTugasJawaban(id, form).then(function (response) {
@@ -134903,14 +135184,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat2', 'fail');
       });
     },
-    updatePesertaHadir: function updatePesertaHadir(_ref110, _ref111) {
-      var commit = _ref110.commit,
-          state = _ref110.state,
-          dispatch = _ref110.dispatch;
+    updatePesertaHadir: function updatePesertaHadir(_ref126, _ref127) {
+      var commit = _ref126.commit,
+          state = _ref126.state,
+          dispatch = _ref126.dispatch;
 
-      var _ref112 = _slicedToArray(_ref111, 2),
-          kegiatan_id = _ref112[0],
-          aktivis_id = _ref112[1];
+      var _ref128 = _slicedToArray(_ref127, 2),
+          kegiatan_id = _ref128[0],
+          aktivis_id = _ref128[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].updatePesertaHadir(kegiatan_id, aktivis_id).then(function (response) {
@@ -134925,14 +135206,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    updatePanitiaHadir: function updatePanitiaHadir(_ref113, _ref114) {
-      var commit = _ref113.commit,
-          state = _ref113.state,
-          dispatch = _ref113.dispatch;
+    updatePanitiaHadir: function updatePanitiaHadir(_ref129, _ref130) {
+      var commit = _ref129.commit,
+          state = _ref129.state,
+          dispatch = _ref129.dispatch;
 
-      var _ref115 = _slicedToArray(_ref114, 2),
-          kegiatan_id = _ref115[0],
-          aktivis_id = _ref115[1];
+      var _ref131 = _slicedToArray(_ref130, 2),
+          kegiatan_id = _ref131[0],
+          aktivis_id = _ref131[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].updatePanitiaHadir(kegiatan_id, aktivis_id).then(function (response) {
@@ -134947,14 +135228,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    jawabanPertanyaan: function jawabanPertanyaan(_ref116, _ref117) {
-      var commit = _ref116.commit,
-          state = _ref116.state,
-          dispatch = _ref116.dispatch;
+    jawabanPertanyaan: function jawabanPertanyaan(_ref132, _ref133) {
+      var commit = _ref132.commit,
+          state = _ref132.state,
+          dispatch = _ref132.dispatch;
 
-      var _ref118 = _slicedToArray(_ref117, 2),
-          id = _ref118[0],
-          tipe = _ref118[1];
+      var _ref134 = _slicedToArray(_ref133, 2),
+          id = _ref134[0],
+          tipe = _ref134[1];
 
       commit('setUpdateStat2', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].jawabanPertanyaan(id, tipe).then(function (response) {
@@ -134970,10 +135251,10 @@ var kegiatanBKCU = {
       });
     },
     // destroy data
-    destroy: function destroy(_ref119, id) {
-      var commit = _ref119.commit,
-          state = _ref119.state,
-          dispatch = _ref119.dispatch;
+    destroy: function destroy(_ref135, id) {
+      var commit = _ref135.commit,
+          state = _ref135.state,
+          dispatch = _ref135.dispatch;
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].destroy(id).then(function (response) {
         if (response.data.deleted) {
@@ -134987,10 +135268,10 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    destroyPeserta: function destroyPeserta(_ref120, id) {
-      var commit = _ref120.commit,
-          state = _ref120.state,
-          dispatch = _ref120.dispatch;
+    destroyPeserta: function destroyPeserta(_ref136, id) {
+      var commit = _ref136.commit,
+          state = _ref136.state,
+          dispatch = _ref136.dispatch;
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].destroyPeserta(id).then(function (response) {
         if (response.data.deleted) {
@@ -135004,14 +135285,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    destroyMateri: function destroyMateri(_ref121, _ref122) {
-      var commit = _ref121.commit,
-          state = _ref121.state,
-          dispatch = _ref121.dispatch;
+    destroyMateri: function destroyMateri(_ref137, _ref138) {
+      var commit = _ref137.commit,
+          state = _ref137.state,
+          dispatch = _ref137.dispatch;
 
-      var _ref123 = _slicedToArray(_ref122, 2),
-          tipe = _ref123[0],
-          id = _ref123[1];
+      var _ref139 = _slicedToArray(_ref138, 2),
+          tipe = _ref139[0],
+          id = _ref139[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].destroyMateri(tipe, id).then(function (response) {
@@ -135026,10 +135307,32 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    destroyKeputusan: function destroyKeputusan(_ref124, id) {
-      var commit = _ref124.commit,
-          state = _ref124.state,
-          dispatch = _ref124.dispatch;
+    destroyListMateri: function destroyListMateri(_ref140, _ref141) {
+      var commit = _ref140.commit,
+          state = _ref140.state,
+          dispatch = _ref140.dispatch;
+
+      var _ref142 = _slicedToArray(_ref141, 2),
+          tipe = _ref142[0],
+          id = _ref142[1];
+
+      commit('setUpdateStat', 'loading');
+      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].destroyListMateri(tipe, id).then(function (response) {
+        if (response.data.deleted) {
+          commit('setUpdate', response.data);
+          commit('setUpdateStat', 'success');
+        } else {
+          commit('setUpdateStat', 'fail');
+        }
+      })["catch"](function (error) {
+        commit('setUpdate', error.response);
+        commit('setUpdateStat', 'fail');
+      });
+    },
+    destroyKeputusan: function destroyKeputusan(_ref143, id) {
+      var commit = _ref143.commit,
+          state = _ref143.state,
+          dispatch = _ref143.dispatch;
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].destroyKeputusan(id).then(function (response) {
         if (response.data.deleted) {
@@ -135043,10 +135346,10 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    destroyKeputusanKomentar: function destroyKeputusanKomentar(_ref125, id) {
-      var commit = _ref125.commit,
-          state = _ref125.state,
-          dispatch = _ref125.dispatch;
+    destroyKeputusanKomentar: function destroyKeputusanKomentar(_ref144, id) {
+      var commit = _ref144.commit,
+          state = _ref144.state,
+          dispatch = _ref144.dispatch;
       commit('setUpdateStat2', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].destroyKeputusanKomentar(id).then(function (response) {
         if (response.data.deleted) {
@@ -135060,10 +135363,10 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    destroyPertanyaan: function destroyPertanyaan(_ref126, id) {
-      var commit = _ref126.commit,
-          state = _ref126.state,
-          dispatch = _ref126.dispatch;
+    destroyPertanyaan: function destroyPertanyaan(_ref145, id) {
+      var commit = _ref145.commit,
+          state = _ref145.state,
+          dispatch = _ref145.dispatch;
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].destroyPertanyaan(id).then(function (response) {
         if (response.data.deleted) {
@@ -135077,10 +135380,10 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    destroyPertanyaanKomentar: function destroyPertanyaanKomentar(_ref127, id) {
-      var commit = _ref127.commit,
-          state = _ref127.state,
-          dispatch = _ref127.dispatch;
+    destroyPertanyaanKomentar: function destroyPertanyaanKomentar(_ref146, id) {
+      var commit = _ref146.commit,
+          state = _ref146.state,
+          dispatch = _ref146.dispatch;
       commit('setUpdateStat2', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].destroyPertanyaanKomentar(id).then(function (response) {
         if (response.data.deleted) {
@@ -135094,14 +135397,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    destroyTugas: function destroyTugas(_ref128, _ref129) {
-      var commit = _ref128.commit,
-          state = _ref128.state,
-          dispatch = _ref128.dispatch;
+    destroyTugas: function destroyTugas(_ref147, _ref148) {
+      var commit = _ref147.commit,
+          state = _ref147.state,
+          dispatch = _ref147.dispatch;
 
-      var _ref130 = _slicedToArray(_ref129, 2),
-          tipe = _ref130[0],
-          id = _ref130[1];
+      var _ref149 = _slicedToArray(_ref148, 2),
+          tipe = _ref149[0],
+          id = _ref149[1];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].destroyTugas(tipe, id).then(function (response) {
@@ -135116,14 +135419,14 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    destroyTugasJawaban: function destroyTugasJawaban(_ref131, _ref132) {
-      var commit = _ref131.commit,
-          state = _ref131.state,
-          dispatch = _ref131.dispatch;
+    destroyTugasJawaban: function destroyTugasJawaban(_ref150, _ref151) {
+      var commit = _ref150.commit,
+          state = _ref150.state,
+          dispatch = _ref150.dispatch;
 
-      var _ref133 = _slicedToArray(_ref132, 2),
-          tipe = _ref133[0],
-          id = _ref133[1];
+      var _ref152 = _slicedToArray(_ref151, 2),
+          tipe = _ref152[0],
+          id = _ref152[1];
 
       commit('setUpdateStat2', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].destroyTugasJawaban(tipe, id).then(function (response) {
@@ -135138,15 +135441,15 @@ var kegiatanBKCU = {
         commit('setUpdateStat2', 'fail');
       });
     },
-    batalPeserta: function batalPeserta(_ref134, _ref135) {
-      var commit = _ref134.commit,
-          state = _ref134.state,
-          dispatch = _ref134.dispatch;
+    batalPeserta: function batalPeserta(_ref153, _ref154) {
+      var commit = _ref153.commit,
+          state = _ref153.state,
+          dispatch = _ref153.dispatch;
 
-      var _ref136 = _slicedToArray(_ref135, 3),
-          tipe = _ref136[0],
-          id = _ref136[1],
-          form = _ref136[2];
+      var _ref155 = _slicedToArray(_ref154, 3),
+          tipe = _ref155[0],
+          id = _ref155[1],
+          form = _ref155[2];
 
       commit('setUpdateStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].batalPeserta(tipe, id, form).then(function (response) {
@@ -135161,8 +135464,8 @@ var kegiatanBKCU = {
         commit('setUpdateStat', 'fail');
       });
     },
-    countPeserta: function countPeserta(_ref137, id) {
-      var commit = _ref137.commit;
+    countPeserta: function countPeserta(_ref156, id) {
+      var commit = _ref156.commit;
       commit('setCountStat', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].countPeserta(id).then(function (response) {
         commit('setCount', response.data.model);
@@ -135172,8 +135475,8 @@ var kegiatanBKCU = {
         commit('setCountStat', 'fail');
       });
     },
-    countPesertaHadir: function countPesertaHadir(_ref138, id) {
-      var commit = _ref138.commit;
+    countPesertaHadir: function countPesertaHadir(_ref157, id) {
+      var commit = _ref157.commit;
       commit('setCountStat2', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].countPesertaHadir(id).then(function (response) {
         commit('setCount2', response.data.model);
@@ -135183,13 +135486,13 @@ var kegiatanBKCU = {
         commit('setCountStat2', 'fail');
       });
     },
-    countKeputusan: function countKeputusan(_ref139, _ref140) {
-      var commit = _ref139.commit;
+    countKeputusan: function countKeputusan(_ref158, _ref159) {
+      var commit = _ref158.commit;
 
-      var _ref141 = _slicedToArray(_ref140, 3),
-          id = _ref141[0],
-          cu = _ref141[1],
-          user = _ref141[2];
+      var _ref160 = _slicedToArray(_ref159, 3),
+          id = _ref160[0],
+          cu = _ref160[1],
+          user = _ref160[2];
 
       commit('setCountStat3', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].countKeputusan(id, cu, user).then(function (response) {
@@ -135200,13 +135503,13 @@ var kegiatanBKCU = {
         commit('setCountStat3', 'fail');
       });
     },
-    countPertanyaan: function countPertanyaan(_ref142, _ref143) {
-      var commit = _ref142.commit;
+    countPertanyaan: function countPertanyaan(_ref161, _ref162) {
+      var commit = _ref161.commit;
 
-      var _ref144 = _slicedToArray(_ref143, 3),
-          id = _ref144[0],
-          cu = _ref144[1],
-          user = _ref144[2];
+      var _ref163 = _slicedToArray(_ref162, 3),
+          id = _ref163[0],
+          cu = _ref163[1],
+          user = _ref163[2];
 
       commit('setCountStat4', 'loading');
       _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_0__["default"].countPertanyaan(id, cu, user).then(function (response) {
@@ -135218,13 +135521,13 @@ var kegiatanBKCU = {
       });
     },
     // reset
-    resetDataS: function resetDataS(_ref145) {
-      var commit = _ref145.commit;
+    resetDataS: function resetDataS(_ref164) {
+      var commit = _ref164.commit;
       commit('setDataS', []);
       commit('setDataStatS', 'success');
     },
-    resetUpdateStat: function resetUpdateStat(_ref146) {
-      var commit = _ref146.commit;
+    resetUpdateStat: function resetUpdateStat(_ref165) {
+      var commit = _ref165.commit;
       commit('setUpdateStat', '');
     }
   },
@@ -141587,6 +141890,515 @@ var saran = {
 
 /***/ }),
 
+/***/ "./resources/assets/js/store/modules/sertifikatKegiatan.js":
+/*!*****************************************************************!*\
+  !*** ./resources/assets/js/store/modules/sertifikatKegiatan.js ***!
+  \*****************************************************************/
+/*! exports provided: sertifikatKegiatan */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sertifikatKegiatan", function() { return sertifikatKegiatan; });
+/* harmony import */ var _api_sertifikatKegiatan_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../api/sertifikatKegiatan.js */ "./resources/assets/js/api/sertifikatKegiatan.js");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+var sertifikatKegiatan = {
+  namespaced: true,
+  // state
+  state: {
+    data: {},
+    data2: {},
+    //single data
+    data3: {},
+    //single data
+    data4: {},
+    //single data
+    dataS: [],
+    //collection
+    dataS2: [],
+    //collection
+    dataS3: [],
+    //collection
+    dataS4: [],
+    //collection
+    dataS5: [],
+    //collection
+    dataS6: [],
+    //collection
+    dataS7: [],
+    //collection
+    dataS8: [],
+    //collection
+    dataS9: [],
+    //collection
+    dataS10: [],
+    //collection
+    dataS11: [],
+    //collection
+    dataJalan: [],
+    //collection
+    periode: [],
+    count: {},
+    count2: {},
+    count3: {},
+    count4: {},
+    dataStat: '',
+    dataStat2: '',
+    dataStat3: '',
+    dataStat4: '',
+    periodeStat: '',
+    dataStatS: '',
+    dataStatS2: '',
+    dataStatS3: '',
+    dataStatS4: '',
+    dataStatS5: '',
+    dataStatS6: '',
+    dataStatS7: '',
+    dataStatS8: '',
+    dataStatS9: '',
+    dataStatS10: '',
+    dataStatS11: '',
+    dataJalanStat: '',
+    countStat: '',
+    countStat2: '',
+    countStat3: '',
+    countStat4: '',
+    update: [],
+    //update data
+    updateStat: '',
+    update2: [],
+    //update data
+    updateStat2: '',
+    rules: [],
+    //laravel rules
+    options: [] //laravel options
+
+  },
+  // getters
+  getters: {
+    data: function data(state) {
+      return state.data;
+    },
+    data2: function data2(state) {
+      return state.data2;
+    },
+    data3: function data3(state) {
+      return state.data3;
+    },
+    data4: function data4(state) {
+      return state.data4;
+    },
+    dataS: function dataS(state) {
+      return state.dataS;
+    },
+    dataS2: function dataS2(state) {
+      return state.dataS2;
+    },
+    dataS3: function dataS3(state) {
+      return state.dataS3;
+    },
+    dataS4: function dataS4(state) {
+      return state.dataS4;
+    },
+    dataS5: function dataS5(state) {
+      return state.dataS5;
+    },
+    dataS6: function dataS6(state) {
+      return state.dataS6;
+    },
+    dataS7: function dataS7(state) {
+      return state.dataS7;
+    },
+    dataS8: function dataS8(state) {
+      return state.dataS8;
+    },
+    dataS9: function dataS9(state) {
+      return state.dataS9;
+    },
+    dataS10: function dataS10(state) {
+      return state.dataS10;
+    },
+    dataS11: function dataS11(state) {
+      return state.dataS11;
+    },
+    dataJalan: function dataJalan(state) {
+      return state.dataJalan;
+    },
+    periode: function periode(state) {
+      return state.periode;
+    },
+    count: function count(state) {
+      return state.count;
+    },
+    count2: function count2(state) {
+      return state.count2;
+    },
+    count3: function count3(state) {
+      return state.count3;
+    },
+    count4: function count4(state) {
+      return state.count4;
+    },
+    dataStat: function dataStat(state) {
+      return state.dataStat;
+    },
+    dataStat2: function dataStat2(state) {
+      return state.dataStat2;
+    },
+    dataStat3: function dataStat3(state) {
+      return state.dataStat3;
+    },
+    dataStat4: function dataStat4(state) {
+      return state.dataStat4;
+    },
+    periodeStat: function periodeStat(state) {
+      return state.periodeStat;
+    },
+    dataStatS: function dataStatS(state) {
+      return state.dataStatS;
+    },
+    dataStatS2: function dataStatS2(state) {
+      return state.dataStatS2;
+    },
+    dataStatS3: function dataStatS3(state) {
+      return state.dataStatS3;
+    },
+    dataStatS4: function dataStatS4(state) {
+      return state.dataStatS4;
+    },
+    dataStatS5: function dataStatS5(state) {
+      return state.dataStatS5;
+    },
+    dataStatS6: function dataStatS6(state) {
+      return state.dataStatS6;
+    },
+    dataStatS7: function dataStatS7(state) {
+      return state.dataStatS7;
+    },
+    dataStatS8: function dataStatS8(state) {
+      return state.dataStatS8;
+    },
+    dataStatS9: function dataStatS9(state) {
+      return state.dataStatS9;
+    },
+    dataStatS10: function dataStatS10(state) {
+      return state.dataStatS10;
+    },
+    dataStatS11: function dataStatS11(state) {
+      return state.dataStatS11;
+    },
+    dataJalanStat: function dataJalanStat(state) {
+      return state.dataJalanStat;
+    },
+    countStat: function countStat(state) {
+      return state.countStat;
+    },
+    countStat2: function countStat2(state) {
+      return state.countStat2;
+    },
+    countStat3: function countStat3(state) {
+      return state.countStat3;
+    },
+    countStat4: function countStat4(state) {
+      return state.countStat4;
+    },
+    update: function update(state) {
+      return state.update;
+    },
+    updateStat: function updateStat(state) {
+      return state.updateStat;
+    },
+    update2: function update2(state) {
+      return state.update2;
+    },
+    updateStat2: function updateStat2(state) {
+      return state.updateStat2;
+    },
+    rules: function rules(state) {
+      return state.rules;
+    },
+    options: function options(state) {
+      return state.options;
+    }
+  },
+  actions: {
+    //load collection with params
+    index: function index(_ref, p) {
+      var commit = _ref.commit;
+      commit('setDataStatS', 'loading');
+      _api_sertifikatKegiatan_js__WEBPACK_IMPORTED_MODULE_0__["default"].index(p).then(function (response) {
+        commit('setDataS', response.data.model);
+        commit('setDataStatS', 'success');
+      })["catch"](function (error) {
+        commit('setDataS', error.response);
+        commit('setDataStatS', 'fail');
+      });
+    },
+    // create page
+    create: function create(_ref2) {
+      var commit = _ref2.commit;
+      commit('setDataStat', 'loading');
+      _api_sertifikatKegiatan_js__WEBPACK_IMPORTED_MODULE_0__["default"].create().then(function (response) {
+        commit('setData', response.data.form);
+        commit('setRules', response.data.rules);
+        commit('setOptions', response.data.options);
+        commit('setDataStat', 'success');
+      })["catch"](function (error) {
+        commit('setData', error.response);
+        commit('setRules', []);
+        commit('setOptions', []);
+        commit('setDataStat', 'fail');
+      });
+    },
+    //store data
+    store: function store(_ref3, form) {
+      var commit = _ref3.commit,
+          state = _ref3.state,
+          dispatch = _ref3.dispatch;
+      commit('setUpdateStat', 'loading');
+      _api_sertifikatKegiatan_js__WEBPACK_IMPORTED_MODULE_0__["default"].store(form).then(function (response) {
+        if (response.data.saved) {
+          commit('setUpdate', response.data);
+          commit('setUpdateStat', 'success');
+        } else {
+          commit('setUpdateStat', 'fail');
+        }
+      })["catch"](function (error) {
+        commit('setUpdate', error.response);
+        commit('setUpdateStat', 'fail');
+      });
+    },
+    // edit page
+    edit: function edit(_ref4, id) {
+      var commit = _ref4.commit;
+      commit('setDataStat', 'loading');
+      _api_sertifikatKegiatan_js__WEBPACK_IMPORTED_MODULE_0__["default"].edit(id).then(function (response) {
+        commit('setData', response.data.form);
+        commit('setRules', response.data.rules);
+        commit('setOptions', response.data.options);
+        commit('setDataStat', 'success');
+      })["catch"](function (error) {
+        commit('setData', error.response);
+        commit('setRules', []);
+        commit('setOptions', []);
+        commit('setDataStat', 'fail');
+      });
+    },
+    // update data
+    update: function update(_ref5, _ref6) {
+      var commit = _ref5.commit,
+          state = _ref5.state,
+          dispatch = _ref5.dispatch;
+
+      var _ref7 = _slicedToArray(_ref6, 2),
+          id = _ref7[0],
+          form = _ref7[1];
+
+      commit('setUpdateStat', 'loading');
+      _api_sertifikatKegiatan_js__WEBPACK_IMPORTED_MODULE_0__["default"].update(id, form).then(function (response) {
+        if (response.data.saved) {
+          commit('setUpdate', response.data);
+          commit('setUpdateStat', 'success');
+        } else {
+          commit('setUpdateStat', 'fail');
+        }
+      })["catch"](function (error) {
+        commit('setUpdate', error.response);
+        commit('setUpdateStat', 'fail');
+      });
+    },
+    // destroy data
+    destroy: function destroy(_ref8, id) {
+      var commit = _ref8.commit,
+          state = _ref8.state,
+          dispatch = _ref8.dispatch;
+      commit('setUpdateStat', 'loading');
+      _api_sertifikatKegiatan_js__WEBPACK_IMPORTED_MODULE_0__["default"].destroy(id).then(function (response) {
+        if (response.data.deleted) {
+          commit('setUpdate', response.data);
+          commit('setUpdateStat', 'success');
+        } else {
+          commit('setUpdateStat', 'fail');
+        }
+      })["catch"](function (error) {
+        commit('setUpdate', error.response);
+        commit('setUpdateStat', 'fail');
+      });
+    },
+    // reset
+    resetDataS: function resetDataS(_ref9) {
+      var commit = _ref9.commit;
+      commit('setDataS', []);
+      commit('setDataStatS', 'success');
+    },
+    resetUpdateStat: function resetUpdateStat(_ref10) {
+      var commit = _ref10.commit;
+      commit('setUpdateStat', '');
+    }
+  },
+  // mutations
+  mutations: {
+    setData: function setData(state, data) {
+      state.data = data;
+    },
+    setData2: function setData2(state, data) {
+      state.data2 = data;
+    },
+    setData3: function setData3(state, data) {
+      state.data3 = data;
+    },
+    setData4: function setData4(state, data) {
+      state.data4 = data;
+    },
+    setPeriode: function setPeriode(state, data) {
+      state.periode = data;
+    },
+    setDataS: function setDataS(state, data) {
+      state.dataS = data;
+    },
+    setDataS2: function setDataS2(state, data) {
+      state.dataS2 = data;
+    },
+    setDataS3: function setDataS3(state, data) {
+      state.dataS3 = data;
+    },
+    setDataS4: function setDataS4(state, data) {
+      state.dataS4 = data;
+    },
+    setDataS5: function setDataS5(state, data) {
+      state.dataS5 = data;
+    },
+    setDataS6: function setDataS6(state, data) {
+      state.dataS6 = data;
+    },
+    setDataS7: function setDataS7(state, data) {
+      state.dataS7 = data;
+    },
+    setDataS8: function setDataS8(state, data) {
+      state.dataS8 = data;
+    },
+    setDataS9: function setDataS9(state, data) {
+      state.dataS9 = data;
+    },
+    setDataS10: function setDataS10(state, data) {
+      state.dataS10 = data;
+    },
+    setDataS11: function setDataS11(state, data) {
+      state.dataS11 = data;
+    },
+    setDataJalan: function setDataJalan(state, data) {
+      state.dataJalan = data;
+    },
+    setCount: function setCount(state, data) {
+      state.count = data;
+    },
+    setCount2: function setCount2(state, data) {
+      state.count2 = data;
+    },
+    setCount3: function setCount3(state, data) {
+      state.count3 = data;
+    },
+    setCount4: function setCount4(state, data) {
+      state.count4 = data;
+    },
+    setDataStat: function setDataStat(state, status) {
+      state.dataStat = status;
+    },
+    setDataStat2: function setDataStat2(state, status) {
+      state.dataStat2 = status;
+    },
+    setDataStat3: function setDataStat3(state, status) {
+      state.dataStat3 = status;
+    },
+    setDataStat4: function setDataStat4(state, status) {
+      state.dataStat4 = status;
+    },
+    setPeriodeStat: function setPeriodeStat(state, status) {
+      state.periodeStat = status;
+    },
+    setDataStatS: function setDataStatS(state, status) {
+      state.dataStatS = status;
+    },
+    setDataStatS2: function setDataStatS2(state, status) {
+      state.dataStatS2 = status;
+    },
+    setDataStatS3: function setDataStatS3(state, status) {
+      state.dataStatS3 = status;
+    },
+    setDataStatS4: function setDataStatS4(state, status) {
+      state.dataStatS4 = status;
+    },
+    setDataStatS5: function setDataStatS5(state, status) {
+      state.dataStatS5 = status;
+    },
+    setDataStatS6: function setDataStatS6(state, status) {
+      state.dataStatS6 = status;
+    },
+    setDataStatS7: function setDataStatS7(state, status) {
+      state.dataStatS7 = status;
+    },
+    setDataStatS8: function setDataStatS8(state, status) {
+      state.dataStatS8 = status;
+    },
+    setDataStatS9: function setDataStatS9(state, status) {
+      state.dataStatS9 = status;
+    },
+    setDataStatS10: function setDataStatS10(state, status) {
+      state.dataStatS10 = status;
+    },
+    setDataStatS11: function setDataStatS11(state, status) {
+      state.dataStatS11 = status;
+    },
+    setDataJalanStat: function setDataJalanStat(state, status) {
+      state.dataJalanStat = status;
+    },
+    setCountStat: function setCountStat(state, status) {
+      state.countStat = status;
+    },
+    setCountStat2: function setCountStat2(state, status) {
+      state.countStat2 = status;
+    },
+    setCountStat3: function setCountStat3(state, status) {
+      state.countStat3 = status;
+    },
+    setCountStat4: function setCountStat4(state, status) {
+      state.countStat4 = status;
+    },
+    setUpdate: function setUpdate(state, data) {
+      state.update = data;
+    },
+    setUpdateStat: function setUpdateStat(state, status) {
+      state.updateStat = status;
+    },
+    setUpdate2: function setUpdate2(state, data) {
+      state.update2 = data;
+    },
+    setUpdateStat2: function setUpdateStat2(state, status) {
+      state.updateStat2 = status;
+    },
+    setRules: function setRules(state, rules) {
+      state.rules = rules;
+    },
+    setOptions: function setOptions(state, options) {
+      state.options = options;
+    }
+  }
+};
+
+/***/ }),
+
 /***/ "./resources/assets/js/store/modules/suku.js":
 /*!***************************************************!*\
   !*** ./resources/assets/js/store/modules/suku.js ***!
diff --git a/public/js/components/100.js b/public/js/components/100.js
index 1316ea1fe..dc4ee483e 100644
--- a/public/js/components/100.js
+++ b/public/js/components/100.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[100],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/index.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanCair/index.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -11,9 +11,10 @@
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/kegiatanBKCU/table.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _select_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./select.vue */ "./resources/assets/js/views/kegiatanBKCU/select.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _select_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./select.vue */ "./resources/assets/js/views/jalinanCair/select.vue");
+/* harmony import */ var _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../jalinanKlaim/table.vue */ "./resources/assets/js/views/jalinanKlaim/table.vue");
+/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./table */ "./resources/assets/js/views/jalinanCair/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -53,6 +54,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -61,56 +73,73 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    selectData: _select_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    selectData: _select_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    tableData: _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    tableCair: _table__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
   data: function data() {
     return {
-      title: 'Kegiatan PUSKOPCUINA',
-      kelas: 'kegiatanBKCU',
-      titleDesc: 'Mengelola data kegiatan PUSKOPCUINA',
-      titleIcon: 'icon-graduation2'
+      title: 'Pencairan Jalinan',
+      titleDesc: 'Mengelola pencairan Jalinan',
+      titleIcon: 'icon-square-down',
+      kelas: 'jalinanKlaim',
+      isShowDetail: false,
+      cu: ''
     };
   },
   created: function created() {
-    this.fetch();
-  },
-  watch: {
-    // check route changes
-    $route: function $route(to, from) {
-      this.fetch();
-    }
+    this.checkUser('index_anggota_cu', this.$route.params.cu);
   },
   methods: {
-    fetch: function fetch() {
-      if (this.$route.params.tipe == 'diklat_bkcu') {
-        this.title = 'Diklat PUSKOPCUINA';
-        this.titleDesc = 'Mengelola data diklat PUSKOPCUINA';
-        this.titleIcon = 'icon-graduation2';
-      } else if (this.$route.params.tipe == 'pertemuan_bkcu') {
-        this.title = 'Pertemuan PUSKOPCUINA';
-        this.titleDesc = 'Mengelola data pertemuan PUSKOPCUINA';
-        this.titleIcon = 'icon-ungroup';
-      } else if (this.$route.meta.mode == 'jalan') {
-        this.title = 'Kegiatan PUSKOPCUINA Berjalan';
-        this.titleDesc = 'Mengelola data kegiatan PUSKOPCUINA berjalan';
-        this.titleIcon = 'icon-feed';
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    },
+    bukaData: function bukaData(value) {
+      this.$router.push({
+        name: 'jalinanCairTanggal',
+        params: {
+          awal: this.$route.params.awal,
+          cu: value,
+          tp: 'semua'
+        }
+      });
+      this.isShowDetail = true;
+    },
+    showDetail: function showDetail(value) {
+      if (this.isShowDetail) {
+        this.isShowDetail = false;
+      } else {
+        this.bukaData(value);
       }
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanKlaim', {
     itemData: 'dataS',
-    itemDataStat: 'dataStatS'
+    itemDataKlaim: 'dataS4',
+    itemDataStat: 'dataStatS',
+    itemDataStatKlaim: 'dataStatS4'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/select.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanCair/select.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -163,82 +192,58 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['kelas'],
   data: function data() {
     return {
-      periode: ''
+      pencairan: ''
     };
   },
   created: function created() {
-    this.fetchData();
+    this.fetchPencairan();
   },
   watch: {
     '$route': function $route(to, from) {
-      // check current page meta
-      this.fetchData();
+      this.pencairan = '';
+      this.fetchPencairan();
     },
-    modelDataStat: function modelDataStat(value) {
-      if (value === "success") {
-        this.periode = this.$route.params.periode;
+    modelPencairanStat: function modelPencairanStat(value) {
+      if (value == "success") {
+        if (this.$route.meta.mode == 'cair') {
+          this.pencairan = this.$route.params.awal;
+        }
       }
     }
   },
   methods: {
-    fetch: function fetch() {
+    fetchPencairan: function fetchPencairan(value) {
+      this.$store.dispatch('jalinanKlaim/getPencairan', value);
+    },
+    changePencairan: function changePencairan(value) {
       this.$router.push({
-        name: this.kelas,
+        name: 'jalinanCairTanggal',
         params: {
-          periode: this.periode
+          awal: value,
+          cu: 'semua',
+          tp: 'semua'
         }
       });
-    },
-    fetchData: function fetchData() {
-      if (this.modelData.length == 0) {
-        this.$store.dispatch(this.kelas + '/getPeriode', this.$route.params.tipe);
-      }
-
-      this.periode = this.$route.params.periode;
-    },
-    changePeriode: function changePeriode(periode) {
-      this.fetch();
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
-    modelData: 'periode',
-    modelDataStat: 'periodeStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanKlaim', {
+    modelPencairan: 'periode',
+    modelPencairanStat: 'periodeStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/table.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanCair/table.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -247,10 +252,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
 /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
 /* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _formStatus_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./formStatus.vue */ "./resources/assets/js/views/kegiatanBKCU/formStatus.vue");
+/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -506,49 +511,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -557,297 +519,170 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
     appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
     checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    formStatus: _formStatus_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
+    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
-  props: ['title', 'kelas'],
+  props: ["title", "itemData", "itemDataStat"],
   data: function data() {
     return {
-      selectedItem: [],
-      query: {
-        order_column: "mulai",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      dataview: '',
-      isNoButtonRow: '',
-      excelDownloadUrl: '',
+      selectedItem: {},
       columnData: [{
-        title: 'No.',
-        name: 'No.'
-      }, {
-        title: 'Status',
-        name: 'status',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false
+        title: 'No.'
       }, {
-        title: 'Kode',
-        name: 'kode_diklat',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Status'
       }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
+        title: 'No. BA'
       }, {
-        title: 'Provinsi',
-        name: 'provinces.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'CU'
       }, {
-        title: 'Kabupaten/Kota',
-        name: 'regencies.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Laki-Laki'
       }, {
-        title: 'Tempat',
-        name: 'tempat.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Perempuan'
       }, {
-        title: 'Periode',
-        name: 'periode',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Meninggal'
       }, {
-        title: 'Tgl. Mulai',
-        name: 'mulai',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Cacat'
       }, {
-        title: 'Tgl. Selesai',
-        name: 'selesai',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Tunas Disetujui'
       }, {
-        title: 'Peserta Max',
-        name: 'peserta_max',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Lintang Disetujui'
       }, {
-        title: 'Peserta Min',
-        name: 'peserta_min',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Sasaran',
-        name: 'sasaran.sasaran.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Total Disetujui'
       }],
-      keteranganBatal: '',
-      state: '',
+      excel: {
+        data: [],
+        fields: {
+          no_ba: 'no_ba',
+          cu: 'kategori',
+          status_klaim_cair: 'status_klaim_cair',
+          status_klaim_setuju: 'status_klaim_setuju',
+          lakilaki: 'lakilaki',
+          perempuan: 'perempuan',
+          meninggal: 'meninggal',
+          cacat: 'cacat',
+          tunas_disetujui: 'tunas_disetujui',
+          lintang_disetujui: 'lintang_disetujui',
+          tot_disetujui: 'tot_disetujui'
+        },
+        meta: [[{
+          "key": "charset",
+          "value": "utf-8"
+        }]]
+      },
+      sumData: {
+        cu: 0,
+        pria: 0,
+        wanita: 0,
+        meninggal: 0,
+        cacat: 0,
+        tot_disetujui: 0
+      },
+      state: "",
       modalShow: false,
-      modalState: '',
-      modalColor: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
+      modalState: "",
+      modalColor: "",
+      modalSize: "",
+      modalTitle: "",
+      modalContent: "",
+      modalButton: ""
     };
   },
   created: function created() {
-    this.fetch(this.query);
+    this.fetch();
   },
   watch: {
+    // check route changes
     '$route': function $route(to, from) {
-      // check current page meta
-      this.fetch(this.query);
+      this.fetch();
+    },
+    itemDataStat: function itemDataStat(value) {
+      if (value == 'success') {
+        this.excel.data = this.itemData;
+        var itemData = [];
+        itemData = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.filter(this.itemData, function (o) {
+          return o.status_klaim_setuju > 0;
+        });
+        this.sumData.cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.size(itemData);
+        this.sumData.lakilaki = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.sumBy(itemData, 'lakilaki');
+        this.sumData.perempuan = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.sumBy(itemData, 'perempuan');
+        this.sumData.cacat = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.sumBy(itemData, 'cacat');
+        this.sumData.meninggal = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.sumBy(itemData, 'meninggal');
+        this.sumData.tot_disetujui = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.sumBy(itemData, 'tot_disetujui');
+      }
     },
     updateStat: function updateStat(value) {
       this.modalState = value;
-      this.modalButton = 'Ok';
+      this.modalButton = "Ok";
 
       if (value === "success") {
         this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.fetch(this.query);
+        this.modalContent = "";
+        this.fetch();
       } else if (value === "fail") {
         this.modalContent = this.updateMessage;
       } else {
-        this.modalContent = '';
+        this.modalContent = "";
       }
     }
   },
   methods: {
-    fetch: function fetch(params) {
-      if (this.currentUser.id_cu == 0) {
-        this.dataview = 'list';
-        this.isNoButtonRow = false;
-      } else {
-        this.dataview = 'grid';
-        this.isNoButtonRow = true;
-        this.query.limit = 15;
-      }
-
-      if (this.$route.params.periode == 'semua') {
-        this.$store.dispatch(this.kelas + '/index', [params, this.$route.params.tipe]);
-        this.excelDownloadUrl = this.kelas;
-      } else if (this.$route.meta.mode == 'jalan') {
-        this.$store.dispatch(this.kelas + '/indexJalan', params);
-        this.dataview = 'grid';
-        this.isNoButtonRow = true;
-        this.query.limit = 15;
-        this.excelDownloadUrl = this.kelas + '/indexJalan';
-      } else {
-        this.$store.dispatch(this.kelas + '/indexPeriode', [params, this.$route.params.tipe, this.$route.params.periode]);
-        this.excelDownloadUrl = this.kelas + '/indexPeriode/' + this.$route.params.periode;
-      }
+    fetch: function fetch() {
+      this.$store.dispatch('jalinanKlaim/indexCair', this.$route.params.awal);
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    ubahData: function ubahData(id) {
-      this.$router.push({
-        name: this.kelas + 'Edit',
-        params: {
-          id: id
-        }
-      });
-    },
-    detail: function detail(id) {
-      this.$router.push({
-        name: this.kelas + 'Detail',
-        params: {
-          id: id
-        }
-      });
-    },
-    saveStatus: function saveStatus() {
-      var _this = this;
-
-      this.$validator.validateAll('formStatus').then(function (result) {
-        _this.$store.dispatch(_this.kelas + '/updateStatus', [_this.selectedItem.id, _this.formStatus]);
-      });
-    },
-    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
       this.state = state;
 
-      if (isMobile) {
-        this.selectedItem = itemMobile;
-      }
-
-      if (state == 'hapus') {
-        this.modalState = 'confirm-tutup';
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ini?';
-        this.modalButton = 'Iya, Hapus';
-        this.modalColor = '';
-      } else if (state == 'status') {
-        this.modalState = 'normal1';
-        this.modalTitle = 'Ubah status ' + this.title + ' ' + this.selectedItem.name + ' ini?';
-        this.modalColor = 'bg-primary';
-      } else if (state == 'keteranganBatal') {
-        this.modalState = 'normal2';
-        this.modalTitle = 'Keterangan pembatalan ' + this.title + ' ' + this.selectedItem.name;
-        this.modalColor = 'bg-primary';
-        this.keteranganBatal = this.selectedItem.keteranganBatal;
+      if (state == "cairAll") {
+        this.modalState = "confirm-tutup";
+        this.modalTitle = "Cairkan semua bantuan solidaritas Jalinan ini?";
+        this.modalButton = "Iya, Cairkan";
+      } else if (state == "cair") {
+        this.modalState = "confirm-tutup";
+        this.modalTitle = "Cairkan bantuan solidaritas Jalinan CU " + this.selectedItem.cu_name + " ?";
+        this.modalButton = "Iya, Cairkan";
+      } else if (state == "cairBatal") {
+        this.modalState = "confirm-tutup";
+        this.modalTitle = "Membatalkan pencairan bantuan solidaritas Jalinan CU " + this.selectedItem.cu_name + " ?";
+        this.modalButton = "Iya, Cairkan";
       }
     },
-    modalKeteranganBatalOpen: function modalKeteranganBatalOpen(value) {
-      this.modalShow = true;
-      this.modalState = 'normal2';
-      this.modalTitle = 'Keterangan pembatalan ' + this.title + ' ' + this.selectedItem.name;
-      this.modalColor = 'bg-primary';
-      this.keteranganBatal = value;
-    },
     modalTutup: function modalTutup() {
       this.modalShow = false;
-      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+      this.$store.dispatch(this.kelas + "/resetUpdateStat");
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      if (this.state == "cairAll") {
+        this.$store.dispatch("jalinanKlaim/updateCairAll", [this.$route.params.awal, this.$route.params.akhir]);
+      } else if (this.state == "cair") {
+        if (this.selectedItem.status_klaim_cair > 0 && this.selectedItem.status_klaim_setuju == 0) {
+          this.$store.dispatch("jalinanKlaim/updateCairBatal", [this.selectedItem.cu_id, this.$route.params.awal, this.$route.params.akhir]);
+        } else {
+          this.$store.dispatch("jalinanKlaim/updateCair", [this.selectedItem.cu_id, this.$route.params.awal, this.$route.params.akhir]);
+        }
       }
     },
-    gridColor: function gridColor(value) {
-      if (value == 1) {
-        return 'border-left-primary-400';
-      } else if (value == 2) {
-        return 'border-left-warning-400';
-      } else if (value == 3) {
-        return 'border-left-secondary-400';
-      } else if (value == 4) {
-        return 'border-left-success-400';
-      } else if (value == 5) {
-        return 'border-left-primary-400';
-      } else if (value == 6) {
-        return 'border-left-danger-400';
-      }
+    bukaData: function bukaData(value) {
+      this.$emit('bukaData', value);
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('kegiatanBKCU', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("jalinanKlaim", {
+    updateMessage: "update",
+    updateStat: "updateStat"
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=template&id=887136e6&":
-/*!***********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=template&id=887136e6& ***!
-  \***********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/index.vue?vue&type=template&id=2959502e&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanCair/index.vue?vue&type=template&id=2959502e& ***!
+  \**********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -870,31 +705,88 @@ var render = function () {
         },
       }),
       _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.$route.meta.mode != "jalan"
-                ? _c("select-data", { attrs: { kelas: _vm.kelas } })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("table-data", {
-                attrs: { title: _vm.title, kelas: _vm.kelas },
-              }),
-            ],
-            1
-          ),
+      _c("div", { staticClass: "page-container" }, [
+        _c("div", { staticClass: "page-content" }, [
+          _c("div", { staticClass: "content-wrapper" }, [
+            _c(
+              "div",
+              { staticClass: "content" },
+              [
+                _vm.itemDataStat === "fail"
+                  ? _c("message", {
+                      attrs: {
+                        title: "Oops terjadi kesalahan:",
+                        errorData: _vm.itemData,
+                      },
+                    })
+                  : _vm._e(),
+                _vm._v(" "),
+                _c("select-data"),
+                _vm._v(" "),
+                _vm.$route.meta.mode == "cair"
+                  ? _c("table-cair", {
+                      attrs: {
+                        title: "Pencairan Bantuan Solidaritas ",
+                        itemData: _vm.itemData,
+                        itemDataStat: _vm.itemDataStat,
+                      },
+                      on: { bukaData: _vm.bukaData },
+                    })
+                  : _vm._e(),
+                _vm._v(" "),
+                _vm.$route.meta.mode == "cair"
+                  ? _c("div", [
+                      _c("hr"),
+                      _vm._v(" "),
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light btn-block",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.showDetail("semua")
+                            },
+                          },
+                        },
+                        [
+                          !_vm.isShowDetail
+                            ? _c("span", [
+                                _c("i", { staticClass: "icon-eye" }),
+                                _vm._v(
+                                  " Buka semua data bantuan solidaritas Jalinan"
+                                ),
+                              ])
+                            : _c("span", [
+                                _c("i", { staticClass: "icon-eye-blocked" }),
+                                _vm._v(
+                                  " Tutup data bantuan solidaritas Jalinan"
+                                ),
+                              ]),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("hr"),
+                    ])
+                  : _vm._e(),
+                _vm._v(" "),
+                _vm.isShowDetail && _vm.$route.meta.mode == "cair"
+                  ? _c("table-data", {
+                      attrs: {
+                        title: "Bantuan Solidaritas Jalinan",
+                        kelas: _vm.kelas,
+                        itemData: _vm.itemDataKlaim,
+                        itemDataStat: _vm.itemDataStatKlaim,
+                        status: "4",
+                        isSimple: true,
+                      },
+                    })
+                  : _vm._e(),
+              ],
+              1
+            ),
+          ]),
         ]),
       ]),
     ],
@@ -908,10 +800,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=template&id=30890bd1&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=template&id=30890bd1& ***!
-  \************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/select.vue?vue&type=template&id=75349450&":
+/*!***********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanCair/select.vue?vue&type=template&id=75349450& ***!
+  \***********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -924,169 +816,99 @@ var render = function () {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c("div", [
-    _c("div", { staticClass: "card d-none d-md-block d-print-none" }, [
+    _c("div", { staticClass: "card d-print-none" }, [
       _c("div", { staticClass: "card-body" }, [
-        _c("div", { staticClass: "input-group" }, [
-          _vm._m(0),
-          _vm._v(" "),
-          _c(
-            "select",
-            {
-              directives: [
-                {
-                  name: "model",
-                  rawName: "v-model",
-                  value: _vm.periode,
-                  expression: "periode",
-                },
-              ],
-              staticClass: "form-control",
-              attrs: {
-                name: "periode",
-                "data-width": "100%",
-                disabled: _vm.modelDataStat === "loading",
-              },
-              on: {
-                change: [
-                  function ($event) {
-                    var $$selectedVal = Array.prototype.filter
-                      .call($event.target.options, function (o) {
-                        return o.selected
-                      })
-                      .map(function (o) {
-                        var val = "_value" in o ? o._value : o.value
-                        return val
-                      })
-                    _vm.periode = $event.target.multiple
-                      ? $$selectedVal
-                      : $$selectedVal[0]
-                  },
-                  function ($event) {
-                    return _vm.changePeriode($event.target.value)
-                  },
-                ],
-              },
-            },
-            [
-              _c("option", { attrs: { disabled: "", value: "" } }, [
-                _vm._v("Silahkan pilih periode"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "semua" } }, [_vm._v("Semua")]),
-              _vm._v(" "),
-              _c("option", { attrs: { disabled: "", value: "" } }, [
-                _vm._v("----------------"),
-              ]),
+        _c("div", { staticClass: "row" }, [
+          _c("div", { staticClass: "col-sm-12" }, [
+            _c("div", { staticClass: "input-group" }, [
+              _vm._m(0),
               _vm._v(" "),
-              _vm._l(_vm.modelData, function (data, index) {
-                return _c("option", { key: index, domProps: { value: data } }, [
-                  _vm._v(_vm._s(data)),
-                ])
-              }),
-            ],
-            2
-          ),
-          _vm._v(" "),
-          _c("div", { staticClass: "input-group-append" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light",
-                attrs: { disabled: _vm.modelDataStat === "loading" },
-                on: { click: _vm.fetchData },
-              },
-              [
-                _c("i", {
-                  staticClass: "icon-sync",
-                  class: { spinner: _vm.modelDataStat === "loading" },
-                }),
-              ]
-            ),
-          ]),
-        ]),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "card d-block d-md-none d-print-none" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("div", { staticClass: "input-group" }, [
-          _vm._m(1),
-          _vm._v(" "),
-          _c(
-            "select",
-            {
-              directives: [
+              _c(
+                "select",
                 {
-                  name: "model",
-                  rawName: "v-model",
-                  value: _vm.periode,
-                  expression: "periode",
-                },
-              ],
-              staticClass: "form-control",
-              attrs: {
-                name: "periode",
-                "data-width": "100%",
-                disabled: _vm.modelDataStat === "loading",
-              },
-              on: {
-                change: [
-                  function ($event) {
-                    var $$selectedVal = Array.prototype.filter
-                      .call($event.target.options, function (o) {
-                        return o.selected
-                      })
-                      .map(function (o) {
-                        var val = "_value" in o ? o._value : o.value
-                        return val
-                      })
-                    _vm.periode = $event.target.multiple
-                      ? $$selectedVal
-                      : $$selectedVal[0]
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.pencairan,
+                      expression: "pencairan",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "pencairan",
+                    "data-width": "100%",
+                    disabled: _vm.modelPencairanStat === "loading",
                   },
-                  function ($event) {
-                    return _vm.changePeriode($event.target.value)
+                  on: {
+                    change: [
+                      function ($event) {
+                        var $$selectedVal = Array.prototype.filter
+                          .call($event.target.options, function (o) {
+                            return o.selected
+                          })
+                          .map(function (o) {
+                            var val = "_value" in o ? o._value : o.value
+                            return val
+                          })
+                        _vm.pencairan = $event.target.multiple
+                          ? $$selectedVal
+                          : $$selectedVal[0]
+                      },
+                      function ($event) {
+                        return _vm.changePencairan($event.target.value)
+                      },
+                    ],
                   },
+                },
+                [
+                  _c("option", { attrs: { disabled: "", value: "" } }, [
+                    _vm._v("Silahkan pilih tanggal pencairan"),
+                  ]),
+                  _vm._v(" "),
+                  _vm._t("default"),
+                  _vm._v(" "),
+                  _vm._l(_vm.modelPencairan, function (pencairan) {
+                    return pencairan
+                      ? _c(
+                          "option",
+                          { domProps: { value: pencairan.tanggal_pencairan } },
+                          [
+                            _vm._v(
+                              "\n\t\t\t\t\t\t\t\t" +
+                                _vm._s(
+                                  _vm._f("dateMonth")(
+                                    pencairan.tanggal_pencairan
+                                  )
+                                ) +
+                                "\n\t\t\t\t\t\t\t"
+                            ),
+                          ]
+                        )
+                      : _vm._e()
+                  }),
                 ],
-              },
-            },
-            [
-              _c("option", { attrs: { disabled: "", value: "" } }, [
-                _vm._v("Silahkan pilih periode"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "semua" } }, [_vm._v("Semua")]),
+                2
+              ),
               _vm._v(" "),
-              _c("option", { attrs: { disabled: "", value: "" } }, [
-                _vm._v("----------------"),
+              _c("div", { staticClass: "input-group-append" }, [
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light",
+                    attrs: { disabled: _vm.modelPencairanStat === "loading" },
+                    on: { click: _vm.fetchPencairan },
+                  },
+                  [
+                    _c("i", {
+                      staticClass: "icon-sync",
+                      class: { spinner: _vm.modelPencairanStat === "loading" },
+                    }),
+                  ]
+                ),
               ]),
-              _vm._v(" "),
-              _vm._l(_vm.modelData, function (data, index) {
-                return _c("option", { key: index, domProps: { value: data } }, [
-                  _vm._v(_vm._s(data)),
-                ])
-              }),
-            ],
-            2
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "pt-2" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-lg btn-block",
-              attrs: { disabled: _vm.modelDataStat === "loading" },
-              on: { click: _vm.fetchData },
-            },
-            [
-              _c("i", {
-                staticClass: "icon-sync",
-                class: { spinner: _vm.modelDataStat === "loading" },
-              }),
-              _vm._v(" Reload\n\t\t\t\t"),
-            ]
-          ),
+            ]),
+          ]),
         ]),
       ]),
     ]),
@@ -1097,20 +919,12 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
+    return _c("span", { staticClass: "input-group-prepend" }, [
       _c("span", { staticClass: "input-group-text" }, [
-        _vm._v("Pilih Periode"),
+        _vm._v("Pilih Tanggal Pencairan"),
       ]),
     ])
   },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Data")]),
-    ])
-  },
 ]
 render._withStripped = true
 
@@ -1118,10 +932,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=template&id=75629989&":
-/*!***********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=template&id=75629989& ***!
-  \***********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/table.vue?vue&type=template&id=3a16f5ac&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanCair/table.vue?vue&type=template&id=3a16f5ac& ***!
+  \**********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1137,1115 +951,687 @@ var render = function () {
     "div",
     [
       _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-            isNoButtonRow: _vm.isNoButtonRow,
-            dataview: _vm.dataview,
-          },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
+        "div",
+        { staticClass: "card" },
+        [
+          _c("div", { staticClass: "card-header bg-white" }, [
+            _c("h5", { staticClass: "card-title" }, [
+              _vm._v(_vm._s(_vm.title)),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "card-body pb-2" }, [
+            _c("div", { staticClass: "row" }, [
+              _c(
+                "div",
+                { staticClass: "col-md-9 col-lg-9 pb-2 d-none d-sm-block" },
+                [
                   _c(
-                    "tr",
+                    "button",
                     {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      staticClass: "btn btn-light mb-1",
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("cairAll")
+                        },
                       },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-checkbox-checked2" }),
+                      _vm._v(" Cairkan semua\n          "),
+                    ]
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.cu_id },
                       on: {
                         click: function ($event) {
-                          return _vm.selectedRow(props.item)
+                          $event.preventDefault()
+                          return _vm.modalOpen("cair")
                         },
                       },
                     },
                     [
-                      _c("td", [
-                        _vm._v(
-                          "\n\t\t\t\t\t" +
-                            _vm._s(
-                              props.index +
-                                1 +
-                                (+_vm.itemData.current_page - 1) *
-                                  +_vm.itemData.per_page +
-                                "."
-                            ) +
-                            "\n\t\t\t\t"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c("td", [
-                            props.item.status == "6"
-                              ? _c("span", {
-                                  staticStyle: { cursor: "pointer" },
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.statusDiklat(
-                                        props.item.status
-                                      )
-                                    ),
-                                  },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.modalKeteranganBatalOpen(
-                                        props.item.keteranganBatal
-                                      )
-                                    },
-                                  },
-                                })
-                              : _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.statusDiklat(
-                                        props.item.status
-                                      )
-                                    ),
-                                  },
-                                }),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.kode_diklat },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide && !_vm.columnData[4].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.provinces
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.provinces.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide && !_vm.columnData[5].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.regencies
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.regencies.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide && !_vm.columnData[6].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.tempat
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.tempat.name },
-                                  })
-                                : props.item.tipe_tempat == "ONLINE"
-                                ? _c("span", [_vm._v("DILAKSANAKAN ONLINE")])
-                                : _c("span", [
-                                    _vm._v("Belum ditentukan tempat"),
-                                  ]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.periode },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[8].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.date(props.item.mulai)
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[9].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.date(props.item.selesai)
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[10].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.peserta_max },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[11].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.peserta_min },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[12].hide
-                        ? _c("td", { staticClass: "text-warp" }, [
-                            props.item.sasaran
-                              ? _c(
-                                  "span",
-                                  _vm._l(
-                                    props.item.sasaran,
-                                    function (sasaran, index) {
-                                      return _c(
-                                        "label",
-                                        {
-                                          key: index,
-                                          staticClass:
-                                            "badge badge-primary ml-1",
-                                        },
-                                        [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t" +
-                                              _vm._s(sasaran.name) +
-                                              "\n\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    }
-                                  ),
-                                  0
-                                )
-                              : _vm._e(),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[13].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[14].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
+                      _vm.selectedItem.status_klaim_cair > 0 &&
+                      _vm.selectedItem.status_klaim_setuju == 0
+                        ? _c("span", [
+                            _c("i", { staticClass: "icon-cancel-square" }),
+                            _vm._v(" Batal Cairkan\n            "),
                           ])
-                        : _vm._e(),
+                        : _c("span", [
+                            _c("i", { staticClass: "icon-checkbox-checked" }),
+                            _vm._v(" Cairkan\n            "),
+                          ]),
                     ]
                   ),
-                ]
-              },
-            },
-            {
-              key: "item-mobile",
-              fn: function (props) {
-                return [
-                  _c("div", { staticClass: "col-lg-4 col-md-6" }, [
-                    _c(
-                      "div",
-                      {
-                        staticClass: "card cursor-pointer",
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.detail(props.item.id)
-                          },
+                  _vm._v(" "),
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.cu_id },
+                      on: {
+                        click: function ($event) {
+                          return _vm.bukaData(_vm.selectedItem.cu_id)
                         },
                       },
-                      [
-                        _c(
-                          "div",
-                          {
-                            staticClass:
-                              "card-header bg-light header-elements-inline",
-                          },
-                          [
-                            _c(
-                              "h6",
-                              { staticClass: "card-title" },
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.kode_diklat },
-                                }),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "header-elements" }, [
-                              _c("span", {
-                                domProps: {
-                                  innerHTML: _vm._s(
-                                    _vm.$options.filters.statusDiklat(
-                                      props.item.status
-                                    )
-                                  ),
-                                },
-                              }),
-                            ]),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "card-body" },
-                          [
-                            props.item.tipe == "diklat_bkcu"
-                              ? [
-                                  props.item.gambar
-                                    ? _c("img", {
-                                        staticClass: "img-fluid wmin-sm",
-                                        attrs: {
-                                          src:
-                                            "/images/diklat/" +
-                                            props.item.gambar +
-                                            ".jpg",
-                                        },
-                                      })
-                                    : _vm._e(),
-                                ]
-                              : props.item.tipe == "pertemuan_bkcu"
-                              ? [
-                                  props.item.gambar
-                                    ? _c("img", {
-                                        staticClass: "img-fluid wmin-sm",
-                                        attrs: {
-                                          src:
-                                            "/images/pertemuan/" +
-                                            props.item.gambar +
-                                            ".jpg",
-                                        },
-                                      })
-                                    : _vm._e(),
-                                ]
-                              : _vm._e(),
-                            _vm._v(" "),
-                            _c("hr"),
-                            _vm._v(" "),
-                            _c("h6", { staticClass: "text-primary" }, [
-                              _vm._v(_vm._s(props.item.name)),
-                            ]),
-                            _vm._v(" "),
-                            props.item.keterangan
-                              ? _c("p", { staticClass: "mb-3" }, [
-                                  _vm._v(
-                                    _vm._s(
-                                      _vm._f("trimString")(
-                                        props.item.keterangan
-                                      )
-                                    )
-                                  ),
-                                ])
-                              : _vm._e(),
-                            _vm._v(" "),
-                            _c("hr"),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "row" }, [
-                              _c("div", { staticClass: "col-sm-6" }, [
-                                _c(
-                                  "ul",
-                                  { staticClass: "list list-unstyled mb-1" },
-                                  [
-                                    _c("li", [
-                                      _vm._v("Mulai: "),
-                                      _c(
-                                        "span",
-                                        { staticClass: "text-muted" },
-                                        [
-                                          _vm._v(
-                                            _vm._s(
-                                              _vm._f("date")(props.item.mulai)
-                                            )
-                                          ),
-                                        ]
-                                      ),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("li", [
-                                      _vm._v("Selesai: "),
-                                      _c(
-                                        "span",
-                                        { staticClass: "text-muted" },
-                                        [
-                                          _vm._v(
-                                            _vm._s(
-                                              _vm._f("date")(props.item.selesai)
-                                            )
-                                          ),
-                                        ]
-                                      ),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("li", [
-                                      _vm._v("Durasi: "),
-                                      _c(
-                                        "span",
-                                        { staticClass: "text-muted" },
-                                        [
-                                          _c("check-value", {
-                                            attrs: { value: props.item.durasi },
-                                          }),
-                                          _vm._v(" jam"),
-                                        ],
-                                        1
-                                      ),
-                                    ]),
-                                  ]
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-sm-6" }, [
-                                _c(
-                                  "ul",
-                                  { staticClass: "list list-unstyled mb-1" },
-                                  [
-                                    _c(
-                                      "li",
-                                      [
-                                        _vm._v("Tempat:\n\t\t\t\t\t\t\t\t\t"),
-                                        props.item.tempat
-                                          ? _c("check-value", {
-                                              staticClass: "text-muted",
-                                              attrs: {
-                                                value: props.item.tempat.name,
-                                              },
-                                            })
-                                          : props.item.tipe_tempat == "ONLINE"
-                                          ? _c(
-                                              "span",
-                                              { staticClass: "text-muted" },
-                                              [_vm._v("DILAKSANAKAN ONLINE")]
-                                            )
-                                          : _c(
-                                              "span",
-                                              { staticClass: "text-muted" },
-                                              [
-                                                _vm._v(
-                                                  "Belum ditentukan tempat"
-                                                ),
-                                              ]
-                                            ),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "li",
-                                      [
-                                        _vm._v("Kabupaten/Kota: "),
-                                        props.item.regencies
-                                          ? _c("check-value", {
-                                              staticClass: "text-muted",
-                                              attrs: {
-                                                value:
-                                                  props.item.regencies.name,
-                                              },
-                                            })
-                                          : _c(
-                                              "span",
-                                              { staticClass: "text-muted" },
-                                              [_vm._v("-")]
-                                            ),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "li",
-                                      [
-                                        _vm._v("Provinsi: "),
-                                        props.item.provinces
-                                          ? _c("check-value", {
-                                              staticClass: "text-muted",
-                                              attrs: {
-                                                value:
-                                                  props.item.provinces.name,
-                                              },
-                                            })
-                                          : _c(
-                                              "span",
-                                              { staticClass: "text-muted" },
-                                              [_vm._v("-")]
-                                            ),
-                                      ],
-                                      1
-                                    ),
-                                  ]
-                                ),
-                              ]),
-                            ]),
-                          ],
-                          2
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          {
-                            staticClass:
-                              "card-footer d-sm-flex justify-content-sm-between align-items-sm-center",
-                          },
-                          [
-                            props.item.sasaran
-                              ? _c(
-                                  "span",
-                                  _vm._l(
-                                    props.item.sasaran,
-                                    function (sasaran, index) {
-                                      return _c(
-                                        "label",
-                                        {
-                                          key: index,
-                                          staticClass:
-                                            "badge badge-primary ml-1",
-                                        },
-                                        [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t" +
-                                              _vm._s(sasaran.name) +
-                                              "\n\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    }
-                                  ),
-                                  0
-                                )
-                              : _vm._e(),
-                          ]
-                        ),
-                      ]
-                    ),
-                  ]),
+                    },
+                    [
+                      _c("i", { staticClass: "icon-eye" }),
+                      _vm._v(
+                        " Buka data bantuan solidaritas Jalinan\n          "
+                      ),
+                    ]
+                  ),
                 ]
-              },
-            },
-          ]),
-        },
-        [
-          _c(
-            "template",
-            { slot: "button-desktop" },
-            [
-              _vm.$route.params.tipe == "diklat_bkcu"
-                ? [
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["create_diklat_bkcu"]
-                      ? _c(
-                          "router-link",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: {
-                              to: {
-                                name: _vm.kelas + "Create",
-                                params: { tipe: _vm.$route.params.tipe },
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-plus3" }),
-                            _vm._v(" Tambah\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_diklat_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.ubahData(_vm.selectedItem.id)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-pencil5" }),
-                            _vm._v(" Ubah\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_diklat_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalConfirmOpen("status")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-calendar5" }),
-                            _vm._v(" Status\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["destroy_diklat_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalConfirmOpen("hapus")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-bin2" }),
-                            _vm._v(" Hapus\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["index_diklat_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.detail(_vm.selectedItem.id)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-stack2" }),
-                            _vm._v(" Detail\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
+              ),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-md-12 pb-2 d-block d-sm-none" }, [
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block pb-1",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.cairkanSemua()
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-checkbox-checked2" }),
+                    _vm._v(" Cairkan semua\n          "),
                   ]
-                : _vm.$route.params.tipe == "pertemuan_bkcu"
-                ? [
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["create_pertemuan_bkcu"]
-                      ? _c(
-                          "router-link",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: {
-                              to: {
-                                name: _vm.kelas + "Create",
-                                params: { tipe: _vm.$route.params.tipe },
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-plus3" }),
-                            _vm._v(" Tambah\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_pertemuan_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.ubahData(_vm.selectedItem.id)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-pencil5" }),
-                            _vm._v(" Ubah\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_pertemuan_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalConfirmOpen("status")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-calendar5" }),
-                            _vm._v(" Status\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["destroy_pertemuan_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalConfirmOpen("hapus")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-bin2" }),
-                            _vm._v(" Hapus\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["index_pertemuan_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.detail(_vm.selectedItem.id)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-stack2" }),
-                            _vm._v(" Detail\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
+                ),
+                _vm._v(" "),
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block pb-1",
+                    attrs: { disabled: !_vm.selectedItem.cu_id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("cair")
+                      },
+                    },
+                  },
+                  [
+                    _vm.selectedItem.status_klaim_cair > 0 &&
+                    _vm.selectedItem.status_klaim_setuju == 0
+                      ? _c("span", [
+                          _c("i", { staticClass: "icon-cancel-square" }),
+                          _vm._v(" Batal Cairkan\n            "),
+                        ])
+                      : _c("span", [
+                          _c("i", { staticClass: "icon-checkbox-checked" }),
+                          _vm._v(" Cairkan\n            "),
+                        ]),
                   ]
-                : _vm._e(),
-            ],
-            2
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.$route.params.tipe == "diklat_bkcu"
-                ? [
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["create_diklat_bkcu"]
-                      ? _c(
-                          "router-link",
-                          {
-                            staticClass: "btn btn-light btn-block mb-1",
-                            attrs: {
-                              to: {
-                                name: _vm.kelas + "Create",
-                                params: { tipe: _vm.$route.params.tipe },
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-plus3" }),
-                            _vm._v(" Tambah\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_diklat_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-block mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.ubahData(_vm.selectedItem.id)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-pencil5" }),
-                            _vm._v(" Ubah\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_diklat_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-block mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalConfirmOpen("status")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-calendar5" }),
-                            _vm._v(" Status\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["destroy_diklat_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-block mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalConfirmOpen("hapus")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-bin2" }),
-                            _vm._v(" Hapus\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["index_diklat_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-block mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.detail(_vm.selectedItem.id)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-stack2" }),
-                            _vm._v(" Detail\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
+                ),
+                _vm._v(" "),
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block pb-1",
+                    attrs: { disabled: !_vm.selectedItem.cu_id },
+                    on: {
+                      click: function ($event) {
+                        return _vm.bukaData(_vm.selectedItem.cu_id)
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-eye" }),
+                    _vm._v(
+                      " Buka data bantuan solidaritas Jalinan\n          "
+                    ),
                   ]
-                : _vm.$route.params.tipe == "pertemuan_bkcu"
-                ? [
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["create_pertemuan_bkcu"]
-                      ? _c(
-                          "router-link",
-                          {
-                            staticClass: "btn btn-light btn-block mb-1",
-                            attrs: {
-                              to: {
-                                name: _vm.kelas + "Create",
-                                params: { tipe: _vm.$route.params.tipe },
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-plus3" }),
-                            _vm._v(" Tambah\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_pertemuan_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-block mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.ubahData(_vm.selectedItem.id)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-pencil5" }),
-                            _vm._v(" Ubah\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_pertemuan_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-block mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalConfirmOpen("status")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-calendar5" }),
-                            _vm._v(" Status\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["destroy_pertemuan_bkcu"]
+                ),
+              ]),
+              _vm._v(" "),
+              _c(
+                "div",
+                {
+                  staticClass: "col-md-3 col-lg-3 text-right d-none d-sm-block",
+                },
+                [
+                  _c(
+                    "json-excel",
+                    {
+                      staticClass: "btn bg-green-300 btn-icon mb-1",
+                      attrs: {
+                        data: _vm.excel.data,
+                        exportFields: _vm.excel.fields,
+                        meta: _vm.excel.meta,
+                        title: "Data " + _vm.title,
+                        name: _vm.title + ".xls",
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-excel" }),
+                      _vm._v(" Excel"),
+                    ]
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: {
+                        type: "button",
+                        disabled: _vm.itemDataStat === "loading",
+                      },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.fetch()
+                        },
+                      },
+                    },
+                    [_c("i", { staticClass: "icon-sync" })]
+                  ),
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "div",
+                { staticClass: "col-md-12 d-block d-sm-none" },
+                [
+                  _c(
+                    "json-excel",
+                    {
+                      staticClass: "btn bg-green-300 btn-icon btn-block mb-1",
+                      attrs: {
+                        data: _vm.excel.data,
+                        exportFields: _vm.excel.fields,
+                        meta: _vm.excel.meta,
+                        title: "Data " + _vm.title,
+                        name: _vm.title + ".xls",
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-excel" }),
+                      _vm._v(" Excel"),
+                    ]
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: {
+                        type: "button",
+                        disabled: _vm.itemDataStat === "loading",
+                      },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.fetch()
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-sync" }),
+                      _vm._v(" Reload\n          "),
+                    ]
+                  ),
+                ],
+                1
+              ),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c("data-table", {
+            attrs: {
+              items: _vm.itemData,
+              columnData: _vm.columnData,
+              itemDataStat: _vm.itemDataStat,
+            },
+            scopedSlots: _vm._u([
+              {
+                key: "item-desktop",
+                fn: function (props) {
+                  return [
+                    props.item
                       ? _c(
-                          "button",
+                          "tr",
                           {
-                            staticClass: "btn btn-light btn-block mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalConfirmOpen("hapus")
-                              },
+                            staticClass: "text-nowrap",
+                            class: {
+                              "bg-info":
+                                _vm.selectedItem.no_ba === props.item.no_ba,
                             },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-bin2" }),
-                            _vm._v(" Hapus\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["index_pertemuan_bkcu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-block mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
                             on: {
                               click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.detail(_vm.selectedItem.id)
+                                return _vm.selectedRow(props.item)
                               },
                             },
                           },
                           [
-                            _c("i", { staticClass: "icon-stack2" }),
-                            _vm._v(" Detail\n\t\t\t\t"),
+                            _c("td", [_vm._v(_vm._s(props.index + 1))]),
+                            _vm._v(" "),
+                            _c("td", [
+                              props.item.status_klaim_setuju > 0 &&
+                              props.item.status_klaim_cair == 0
+                                ? _c(
+                                    "label",
+                                    { staticClass: "badge badge-danger ml-1" },
+                                    [
+                                      _vm._v(
+                                        "\n              Belum Dicairkan\n            "
+                                      ),
+                                    ]
+                                  )
+                                : props.item.status_klaim_cair > 0 &&
+                                  props.item.status_klaim_setuju == 0
+                                ? _c(
+                                    "label",
+                                    { staticClass: "badge badge-primary ml-1" },
+                                    [
+                                      _vm._v(
+                                        "\n              Sudah Dicairkan\n            "
+                                      ),
+                                    ]
+                                  )
+                                : _c(
+                                    "label",
+                                    { staticClass: "badge badge-warning ml-1" },
+                                    [
+                                      _vm._v(
+                                        "\n              Ada yang belum dicairkan, "
+                                      ),
+                                      _c("br"),
+                                      _vm._v(
+                                        "\n              mohon melihat data klaim\n            "
+                                      ),
+                                    ]
+                                  ),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.no_ba },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.kategori },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: {
+                                    value: props.item.lakilaki,
+                                    valueType: "currency",
+                                  },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: {
+                                    value: props.item.perempuan,
+                                    valueType: "currency",
+                                  },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: {
+                                    value: props.item.meninggal,
+                                    valueType: "currency",
+                                  },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: {
+                                    value: props.item.cacat,
+                                    valueType: "currency",
+                                  },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: {
+                                    value: props.item.tunas_disetujui,
+                                    valueType: "currency",
+                                  },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: {
+                                    value: props.item.lintang_disetujui,
+                                    valueType: "currency",
+                                  },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: {
+                                    value: props.item.tot_disetujui,
+                                    valueType: "currency",
+                                  },
+                                }),
+                              ],
+                              1
+                            ),
                           ]
                         )
                       : _vm._e(),
                   ]
-                : _vm._e(),
-            ],
-            2
-          ),
+                },
+              },
+            ]),
+          }),
         ],
-        2
+        1
       ),
       _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            button: _vm.modalButton,
-            content: _vm.modalContent,
-            color: _vm.modalColor,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+      _c("div", { staticClass: "row" }, [
+        _c("div", { staticClass: "col-lg-6 col-md-6" }, [
+          _c("div", { staticClass: "card card-body bg-blue-400" }, [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c(
+                  "h3",
+                  { staticClass: "mb-0" },
+                  [
+                    _c("check-value", {
+                      attrs: { value: _vm.sumData.cu, valueType: "currency" },
+                    }),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase" }, [
+                  _vm._v("\n              Jumlah CU\n            "),
+                ]),
+              ]),
+              _vm._v(" "),
+              _vm._m(0),
+            ]),
           ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _c("form-status", {
-                attrs: {
-                  kelas: _vm.kelas,
-                  id: _vm.selectedItem.id,
-                  status: _vm.selectedItem.status,
-                  keteranganBatal: _vm.selectedItem.keteranganBatal,
-                },
-                on: { tutup: _vm.modalTutup },
-              }),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c("template", { slot: "modal-body2" }, [
-            _c("h5", [_vm._v("Penjelasan pembatalan diklat")]),
-            _vm._v(" "),
-            _c("div", { staticClass: "card" }, [
-              _c("div", { staticClass: "card-body" }, [
-                _vm._v(
-                  "\n\t\t\t\t\t" + _vm._s(_vm.keteranganBatal) + "\n\t\t\t\t"
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "col-lg-6 col-md-6" }, [
+          _c("div", { staticClass: "card card-body bg-green-400" }, [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c(
+                  "h3",
+                  { staticClass: "mb-0" },
+                  [
+                    _c("check-value", {
+                      attrs: {
+                        value: _vm.sumData.tot_disetujui,
+                        valueType: "currency",
+                      },
+                    }),
+                  ],
+                  1
                 ),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase" }, [
+                  _vm._v("\n              Jumlah Pencairan\n            "),
+                ]),
               ]),
+              _vm._v(" "),
+              _vm._m(1),
             ]),
-            _vm._v(" "),
-            _c("hr"),
-            _vm._v(" "),
-            _c("div", { staticClass: "text-center d-none d-md-block" }, [
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalTutup.apply(null, arguments)
-                    },
-                  },
-                },
-                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-              ),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "col-lg-3 col-md-3" }, [
+          _c("div", { staticClass: "card card-body bg-brown-400" }, [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c(
+                  "h3",
+                  { staticClass: "mb-0" },
+                  [
+                    _c("check-value", {
+                      attrs: {
+                        value: _vm.sumData.lakilaki,
+                        valueType: "currency",
+                      },
+                    }),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase" }, [
+                  _vm._v("\n              jumlah laki-laki\n            "),
+                ]),
+              ]),
+              _vm._v(" "),
+              _vm._m(2),
             ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "d-block d-md-none" }, [
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-block pb-2",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalTutup.apply(null, arguments)
-                    },
-                  },
-                },
-                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-              ),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "col-lg-3 col-md-3" }, [
+          _c("div", { staticClass: "card card-body bg-pink-400" }, [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c(
+                  "h3",
+                  { staticClass: "mb-0" },
+                  [
+                    _c("check-value", {
+                      attrs: {
+                        value: _vm.sumData.perempuan,
+                        valueType: "currency",
+                      },
+                    }),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase" }, [
+                  _vm._v("\n              jumlah perempuan\n            "),
+                ]),
+              ]),
+              _vm._v(" "),
+              _vm._m(3),
             ]),
           ]),
-        ],
-        2
-      ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "col-lg-3 col-md-3" }, [
+          _c("div", { staticClass: "card card-body bg-purple-400" }, [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c(
+                  "h3",
+                  { staticClass: "mb-0" },
+                  [
+                    _c("check-value", {
+                      attrs: {
+                        value: _vm.sumData.cacat,
+                        valueType: "currency",
+                      },
+                    }),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase" }, [
+                  _vm._v("\n              Jumlah Cacat\n            "),
+                ]),
+              ]),
+              _vm._v(" "),
+              _vm._m(4),
+            ]),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "col-lg-3 col-md-3" }, [
+          _c("div", { staticClass: "card card-body bg-grey-400" }, [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c(
+                  "h3",
+                  { staticClass: "mb-0" },
+                  [
+                    _c("check-value", {
+                      attrs: {
+                        value: _vm.sumData.meninggal,
+                        valueType: "currency",
+                      },
+                    }),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase" }, [
+                  _vm._v("\n              Jumlah Meninggal\n            "),
+                ]),
+              ]),
+              _vm._v(" "),
+              _vm._m(5),
+            ]),
+          ]),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          size: _vm.modalSize,
+          button: _vm.modalButton,
+          content: _vm.modalContent,
+          color: _vm.modalColor,
+        },
+        on: {
+          tutup: _vm.modalTutup,
+          confirmOk: _vm.modalConfirmOk,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalTutup,
+        },
+      }),
     ],
     1
   )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c("i", { staticClass: "icon-office icon-3x opacity-75" }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c("i", { staticClass: "icon-square-down icon-3x opacity-75" }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c("i", { staticClass: "icon-man icon-3x opacity-75" }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c("i", { staticClass: "icon-woman icon-3x opacity-75" }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c("i", { staticClass: "icon-accessibility2 icon-3x opacity-75" }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c("i", { staticClass: "icon-person icon-3x opacity-75" }),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/index.vue":
-/*!**********************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/index.vue ***!
-  \**********************************************************/
+/***/ "./resources/assets/js/views/jalinanCair/index.vue":
+/*!*********************************************************!*\
+  !*** ./resources/assets/js/views/jalinanCair/index.vue ***!
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_887136e6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=887136e6& */ "./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=template&id=887136e6&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_2959502e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=2959502e& */ "./resources/assets/js/views/jalinanCair/index.vue?vue&type=template&id=2959502e&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanCair/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2256,8 +1642,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_887136e6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_887136e6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_2959502e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_2959502e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2267,54 +1653,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/index.vue"
+component.options.__file = "resources/assets/js/views/jalinanCair/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/jalinanCair/index.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanCair/index.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=template&id=887136e6&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=template&id=887136e6& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanCair/index.vue?vue&type=template&id=2959502e&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanCair/index.vue?vue&type=template&id=2959502e& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_887136e6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=887136e6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=template&id=887136e6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_887136e6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_2959502e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=2959502e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/index.vue?vue&type=template&id=2959502e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_2959502e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_887136e6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_2959502e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/select.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/select.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/jalinanCair/select.vue":
+/*!**********************************************************!*\
+  !*** ./resources/assets/js/views/jalinanCair/select.vue ***!
+  \**********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _select_vue_vue_type_template_id_30890bd1___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./select.vue?vue&type=template&id=30890bd1& */ "./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=template&id=30890bd1&");
-/* harmony import */ var _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./select.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=script&lang=js&");
+/* harmony import */ var _select_vue_vue_type_template_id_75349450___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./select.vue?vue&type=template&id=75349450& */ "./resources/assets/js/views/jalinanCair/select.vue?vue&type=template&id=75349450&");
+/* harmony import */ var _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./select.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanCair/select.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2325,8 +1711,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _select_vue_vue_type_template_id_30890bd1___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _select_vue_vue_type_template_id_30890bd1___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _select_vue_vue_type_template_id_75349450___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _select_vue_vue_type_template_id_75349450___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2336,54 +1722,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/select.vue"
+component.options.__file = "resources/assets/js/views/jalinanCair/select.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanCair/select.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanCair/select.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/select.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=template&id=30890bd1&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=template&id=30890bd1& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanCair/select.vue?vue&type=template&id=75349450&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanCair/select.vue?vue&type=template&id=75349450& ***!
+  \*****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_30890bd1___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=template&id=30890bd1& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=template&id=30890bd1&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_30890bd1___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_75349450___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=template&id=75349450& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/select.vue?vue&type=template&id=75349450&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_75349450___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_30890bd1___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_75349450___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/table.vue":
-/*!**********************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/table.vue ***!
-  \**********************************************************/
+/***/ "./resources/assets/js/views/jalinanCair/table.vue":
+/*!*********************************************************!*\
+  !*** ./resources/assets/js/views/jalinanCair/table.vue ***!
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_75629989___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=75629989& */ "./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=template&id=75629989&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_3a16f5ac___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=3a16f5ac& */ "./resources/assets/js/views/jalinanCair/table.vue?vue&type=template&id=3a16f5ac&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanCair/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2394,8 +1780,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_75629989___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_75629989___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_3a16f5ac___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_3a16f5ac___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2405,38 +1791,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/table.vue"
+component.options.__file = "resources/assets/js/views/jalinanCair/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/jalinanCair/table.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanCair/table.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=template&id=75629989&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=template&id=75629989& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanCair/table.vue?vue&type=template&id=3a16f5ac&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanCair/table.vue?vue&type=template&id=3a16f5ac& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_75629989___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=75629989& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=template&id=75629989&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_75629989___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_3a16f5ac___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=3a16f5ac& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/table.vue?vue&type=template&id=3a16f5ac&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_3a16f5ac___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_75629989___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_3a16f5ac___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/101.js b/public/js/components/101.js
index da7f8f928..84acc5c31 100644
--- a/public/js/components/101.js
+++ b/public/js/components/101.js
@@ -1,17 +1,19 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[101],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/form.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pengumuman/form.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/kegiatanBKCU/table.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _select_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./select.vue */ "./resources/assets/js/views/kegiatanBKCU/select.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -51,132 +53,70 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
+
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['currentUser', 'state', 'id'],
   components: {
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    selectData: _select_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
   data: function data() {
     return {
-      kelas: 'pengumuman',
-      submited: false,
-      cancelTitle: 'Tutup',
-      cancelIcon: 'icon-cross',
-      cancelState: 'methods'
+      title: 'Kegiatan PUSKOPCUINA',
+      kelas: 'kegiatanBKCU',
+      titleDesc: 'Mengelola data kegiatan PUSKOPCUINA',
+      titleIcon: 'icon-graduation2'
     };
   },
   created: function created() {
     this.fetch();
   },
   watch: {
-    formStat: function formStat(value) {
-      if (value === "success") {
-        if (this.state == 'tambah') {
-          if (this.$route.params.cu == 'semua') {
-            this.form.id_cu = 0;
-          } else {
-            this.form.id_cu = this.$route.params.cu;
-          }
-        }
-      }
+    // check route changes
+    $route: function $route(to, from) {
+      this.fetch();
     }
   },
   methods: {
     fetch: function fetch() {
-      if (this.state == 'ubah') {
-        this.$store.dispatch(this.kelas + '/edit', this.id);
-      } else {
-        this.$store.dispatch(this.kelas + '/create');
+      if (this.$route.params.tipe == 'diklat_bkcu') {
+        this.title = 'Diklat PUSKOPCUINA';
+        this.titleDesc = 'Mengelola data diklat PUSKOPCUINA';
+        this.titleIcon = 'icon-graduation2';
+      } else if (this.$route.params.tipe == 'pertemuan_bkcu') {
+        this.title = 'Pertemuan PUSKOPCUINA';
+        this.titleDesc = 'Mengelola data pertemuan PUSKOPCUINA';
+        this.titleIcon = 'icon-ungroup';
+      } else if (this.$route.meta.mode == 'jalan') {
+        this.title = 'Kegiatan PUSKOPCUINA Berjalan';
+        this.titleDesc = 'Mengelola data kegiatan PUSKOPCUINA berjalan';
+        this.titleIcon = 'icon-feed';
       }
-    },
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.state == 'ubah') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.id, _this.form]);
-          } else {
-            if (_this.currentUser.id_cu != 0) {
-              _this.form.id_cu = _this.currentUser.id_cu;
-            }
-
-            _this.$store.dispatch(_this.kelas + '/store', _this.form);
-          }
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
-    },
-    cancelClick: function cancelClick() {
-      this.$emit('cancelClick');
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pengumuman', {
-    form: 'data',
-    formStat: 'dataStat',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/index.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pengumuman/index.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/pengumuman/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -219,69 +159,98 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
+  props: ['kelas'],
   data: function data() {
     return {
-      title: 'Pengumuman',
-      kelas: 'pengumuman',
-      titleDesc: 'Mengelola data pengumuman',
-      titleIcon: 'icon-megaphone',
-      selectCuPath: 'pengumumanCu'
+      periode: ''
     };
   },
   created: function created() {
-    this.checkUser('index_pengumuman', this.$route.params.cu);
+    this.fetchData();
+  },
+  watch: {
+    '$route': function $route(to, from) {
+      // check current page meta
+      this.fetchData();
+    },
+    modelDataStat: function modelDataStat(value) {
+      if (value === "success") {
+        this.periode = this.$route.params.periode;
+      }
+    }
   },
   methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
+    fetch: function fetch() {
+      this.$router.push({
+        name: this.kelas,
+        params: {
+          periode: this.periode
         }
+      });
+    },
+    fetchData: function fetchData() {
+      if (this.modelData.length == 0) {
+        this.$store.dispatch(this.kelas + '/getPeriode', this.$route.params.tipe);
       }
+
+      this.periode = this.$route.params.periode;
+    },
+    changePeriode: function changePeriode(periode) {
+      this.fetch();
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pengumuman', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
+    modelData: 'periode',
+    modelDataStat: 'periodeStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/table.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pengumuman/table.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/pengumuman/form.vue");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _formStatus_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./formStatus.vue */ "./resources/assets/js/views/kegiatanBKCU/formStatus.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -380,6 +349,207 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -387,32 +557,45 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    formPengumuman: _form_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    formStatus: _formStatus_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
   props: ['title', 'kelas'],
   data: function data() {
     return {
       selectedItem: [],
       query: {
-        order_column: "created_at",
-        order_direction: "desc",
+        order_column: "mulai",
+        order_direction: "asc",
         filter_match: "and",
         limit: 10,
         page: 1
       },
+      dataview: '',
+      isNoButtonRow: '',
       excelDownloadUrl: '',
       columnData: [{
         title: 'No.',
-        name: 'No.',
+        name: 'No.'
+      }, {
+        title: 'Status',
+        name: 'status',
         tipe: 'string',
-        sort: false,
+        sort: true,
         hide: false,
         disable: false
       }, {
-        title: 'Pengumuman',
+        title: 'Kode',
+        name: 'kode_diklat',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Nama',
         name: 'name',
         tipe: 'string',
         sort: true,
@@ -421,15 +604,79 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         filter: true,
         filterDefault: true
       }, {
-        title: 'CU',
-        name: 'cu.name',
+        title: 'Provinsi',
+        name: 'provinces.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kabupaten/Kota',
+        name: 'regencies.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tempat',
+        name: 'tempat.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Periode',
+        name: 'periode',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Mulai',
+        name: 'mulai',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Selesai',
+        name: 'selesai',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Peserta Max',
+        name: 'peserta_max',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Peserta Min',
+        name: 'peserta_min',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Sasaran',
+        name: 'sasaran.sasaran.name',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Tgl. Buat',
+        title: 'Tgl. / Waktu Buat',
         name: 'created_at',
         tipe: 'datetime',
         sort: true,
@@ -437,7 +684,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         disable: false,
         filter: true
       }, {
-        title: 'Tgl. Ubah',
+        title: 'Tgl. / Waktu Ubah',
         name: 'updated_at',
         tipe: 'datetime',
         sort: true,
@@ -445,12 +692,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         disable: false,
         filter: true
       }],
+      keteranganBatal: '',
       state: '',
       modalShow: false,
       modalState: '',
+      modalColor: '',
       modalTitle: '',
       modalContent: '',
-      modalColor: '',
       modalButton: ''
     };
   },
@@ -458,11 +706,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     this.fetch(this.query);
   },
   watch: {
-    // check route changes
     '$route': function $route(to, from) {
+      // check current page meta
       this.fetch(this.query);
     },
-    // when updating data
     updateStat: function updateStat(value) {
       this.modalState = value;
       this.modalButton = 'Ok';
@@ -470,7 +717,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       if (value === "success") {
         this.modalTitle = this.updateMessage.message;
         this.modalContent = '';
-        this.fetch();
+        this.fetch(this.query);
       } else if (value === "fail") {
         this.modalContent = this.updateMessage;
       } else {
@@ -480,28 +727,55 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   methods: {
     fetch: function fetch(params) {
-      if (this.$route.params.cu == 'semua') {
-        this.disableColumnCu(false);
-        this.$store.dispatch(this.kelas + '/index', params);
+      if (this.currentUser.id_cu == 0) {
+        this.dataview = 'list';
+        this.isNoButtonRow = false;
+      } else {
+        this.dataview = 'grid';
+        this.isNoButtonRow = true;
+        this.query.limit = 15;
+      }
+
+      if (this.$route.params.periode == 'semua') {
+        this.$store.dispatch(this.kelas + '/index', [params, this.$route.params.tipe]);
         this.excelDownloadUrl = this.kelas;
+      } else if (this.$route.meta.mode == 'jalan') {
+        this.$store.dispatch(this.kelas + '/indexJalan', params);
+        this.dataview = 'grid';
+        this.isNoButtonRow = true;
+        this.query.limit = 15;
+        this.excelDownloadUrl = this.kelas + '/indexJalan';
       } else {
-        this.disableColumnCu(true);
-        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
-        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
+        this.$store.dispatch(this.kelas + '/indexPeriode', [params, this.$route.params.tipe, this.$route.params.periode]);
+        this.excelDownloadUrl = this.kelas + '/indexPeriode/' + this.$route.params.periode;
       }
     },
-    disableColumnCu: function disableColumnCu(status) {
-      this.columnData[2].disable = status;
-    },
-    resetParams: function resetParams() {
-      this.params.search_column = 'name';
-      this.params.search_query_1 = '';
-      this.extSearchColumn = 'name';
-      this.extSearchQuery1 = '';
-    },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
+    ubahData: function ubahData(id) {
+      this.$router.push({
+        name: this.kelas + 'Edit',
+        params: {
+          id: id
+        }
+      });
+    },
+    detail: function detail(id) {
+      this.$router.push({
+        name: this.kelas + 'Detail',
+        params: {
+          id: id
+        }
+      });
+    },
+    saveStatus: function saveStatus() {
+      var _this = this;
+
+      this.$validator.validateAll('formStatus').then(function (result) {
+        _this.$store.dispatch(_this.kelas + '/updateStatus', [_this.selectedItem.id, _this.formStatus]);
+      });
+    },
     modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
       this.state = state;
@@ -512,21 +786,27 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
       if (state == 'hapus') {
         this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ini?';
         this.modalButton = 'Iya, Hapus';
-      } else if (state == 'ubah') {
+        this.modalColor = '';
+      } else if (state == 'status') {
         this.modalState = 'normal1';
+        this.modalTitle = 'Ubah status ' + this.title + ' ' + this.selectedItem.name + ' ini?';
         this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah ' + this.title;
-        this.modalButton = 'Ok';
-      } else if (state == 'tambah') {
-        this.modalState = 'normal1';
+      } else if (state == 'keteranganBatal') {
+        this.modalState = 'normal2';
+        this.modalTitle = 'Keterangan pembatalan ' + this.title + ' ' + this.selectedItem.name;
         this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah ' + this.title;
-        this.modalButton = 'Ok';
+        this.keteranganBatal = this.selectedItem.keteranganBatal;
       }
     },
+    modalKeteranganBatalOpen: function modalKeteranganBatalOpen(value) {
+      this.modalShow = true;
+      this.modalState = 'normal2';
+      this.modalTitle = 'Keterangan pembatalan ' + this.title + ' ' + this.selectedItem.name;
+      this.modalColor = 'bg-primary';
+      this.keteranganBatal = value;
+    },
     modalTutup: function modalTutup() {
       this.modalShow = false;
       this.$store.dispatch(this.kelas + '/resetUpdateStat');
@@ -535,11 +815,26 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       if (this.state == 'hapus') {
         this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
       }
+    },
+    gridColor: function gridColor(value) {
+      if (value == 1) {
+        return 'border-left-primary-400';
+      } else if (value == 2) {
+        return 'border-left-warning-400';
+      } else if (value == 3) {
+        return 'border-left-secondary-400';
+      } else if (value == 4) {
+        return 'border-left-success-400';
+      } else if (value == 5) {
+        return 'border-left-primary-400';
+      } else if (value == 6) {
+        return 'border-left-danger-400';
+      }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pengumuman', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('kegiatanBKCU', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -549,239 +844,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/form.vue?vue&type=template&id=811815b6&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pengumuman/form.vue?vue&type=template&id=811815b6& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "form" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _vm.errors.any("form") && _vm.submited
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorItem: _vm.errors.items,
-              },
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c(
-          "div",
-          {
-            staticClass: "form-group",
-            class: { "has-error": _vm.errors.has("form.name") },
-          },
-          [
-            _c(
-              "h5",
-              { class: { "text-danger": _vm.errors.has("form.name") } },
-              [
-                _vm.errors.has("form.name")
-                  ? _c("i", { staticClass: "icon-cross2" })
-                  : _vm._e(),
-                _vm._v("\n\t\t\t\tPengumuman:\n\t\t\t"),
-              ]
-            ),
-            _vm._v(" "),
-            _c("textarea", {
-              directives: [
-                {
-                  name: "validate",
-                  rawName: "v-validate",
-                  value: "required|min:5|max:160",
-                  expression: "'required|min:5|max:160'",
-                },
-                {
-                  name: "model",
-                  rawName: "v-model",
-                  value: _vm.form.name,
-                  expression: "form.name",
-                },
-              ],
-              staticClass: "form-control",
-              attrs: {
-                rows: "5",
-                type: "text",
-                name: "name",
-                placeholder: "Silahkan masukkan pengumuman di website anda",
-              },
-              domProps: { value: _vm.form.name },
-              on: {
-                input: function ($event) {
-                  if ($event.target.composing) {
-                    return
-                  }
-                  _vm.$set(_vm.form, "name", $event.target.value)
-                },
-              },
-            }),
-            _vm._v(" "),
-            _vm.errors.has("form.name")
-              ? _c("small", { staticClass: "text-muted text-danger" }, [
-                  _c("i", { staticClass: "icon-arrow-small-right" }),
-                  _vm._v(
-                    " " + _vm._s(_vm.errors.first("form.name")) + "\n\t\t\t"
-                  ),
-                ])
-              : _c("small", { staticClass: "text-muted" }, [
-                  _vm._v(
-                    "Maksimal karakter yang bisa dimunculkan di pengumuman adalah 160 karakter.\n\t\t\t"
-                  ),
-                ]),
-          ]
-        ),
-        _vm._v(" "),
-        _vm.currentUser.id_cu == 0
-          ? _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: { "has-error": _vm.errors.has("form.id_cu") },
-              },
-              [
-                _c(
-                  "h5",
-                  { class: { "text-danger": _vm.errors.has("form.id_cu") } },
-                  [
-                    _vm.errors.has("form.id_cu")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\tCU:\n\t\t\t"),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.form.id_cu,
-                        expression: "form.id_cu",
-                      },
-                      {
-                        name: "validate",
-                        rawName: "v-validate",
-                        value: "required",
-                        expression: "'required'",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      name: "id_cu",
-                      "data-width": "100%",
-                      "data-vv-as": "CU",
-                      disabled: _vm.modelCU.length === 0,
-                    },
-                    on: {
-                      change: function ($event) {
-                        var $$selectedVal = Array.prototype.filter
-                          .call($event.target.options, function (o) {
-                            return o.selected
-                          })
-                          .map(function (o) {
-                            var val = "_value" in o ? o._value : o.value
-                            return val
-                          })
-                        _vm.$set(
-                          _vm.form,
-                          "id_cu",
-                          $event.target.multiple
-                            ? $$selectedVal
-                            : $$selectedVal[0]
-                        )
-                      },
-                    },
-                  },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("Silahkan pilih CU"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "0" } }, [
-                      _vm.currentUser.pus
-                        ? _c("span", [_vm._v(_vm._s(_vm.currentUser.pus.name))])
-                        : _c("span", [_vm._v("PUSKOPCUINA")]),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("----------------"),
-                    ]),
-                    _vm._v(" "),
-                    _vm._l(_vm.modelCU, function (cu, index) {
-                      return _c(
-                        "option",
-                        { key: index, domProps: { value: cu.id } },
-                        [_vm._v(_vm._s(cu.name))]
-                      )
-                    }),
-                  ],
-                  2
-                ),
-                _vm._v(" "),
-                _vm.errors.has("form.id_cu")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("form.id_cu")) +
-                          "\n\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-              ]
-            )
-          : _vm._e(),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("form-button", {
-          attrs: {
-            cancelTitle: _vm.cancelTitle,
-            cancelIcon: _vm.cancelIcon,
-            cancelState: _vm.cancelState,
-            formValidation: "form",
-          },
-          on: { cancelClick: _vm.cancelClick },
-        }),
-      ],
-      1
-    ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/index.vue?vue&type=template&id=d4aa387e&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pengumuman/index.vue?vue&type=template&id=d4aa387e& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=template&id=887136e6&":
+/*!***********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=template&id=887136e6& ***!
+  \***********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -819,14 +885,8 @@ var render = function () {
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.id_cu == 0
-                ? _c("select-cu", {
-                    attrs: {
-                      kelas: _vm.kelas,
-                      path: _vm.selectCuPath,
-                      isPus: true,
-                    },
-                  })
+              _vm.$route.meta.mode != "jalan"
+                ? _c("select-data", { attrs: { kelas: _vm.kelas } })
                 : _vm._e(),
               _vm._v(" "),
               _c("table-data", {
@@ -848,10 +908,220 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/table.vue?vue&type=template&id=4f4618bd&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pengumuman/table.vue?vue&type=template&id=4f4618bd& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=template&id=30890bd1&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=template&id=30890bd1& ***!
+  \************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "card d-none d-md-block d-print-none" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("div", { staticClass: "input-group" }, [
+          _vm._m(0),
+          _vm._v(" "),
+          _c(
+            "select",
+            {
+              directives: [
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.periode,
+                  expression: "periode",
+                },
+              ],
+              staticClass: "form-control",
+              attrs: {
+                name: "periode",
+                "data-width": "100%",
+                disabled: _vm.modelDataStat === "loading",
+              },
+              on: {
+                change: [
+                  function ($event) {
+                    var $$selectedVal = Array.prototype.filter
+                      .call($event.target.options, function (o) {
+                        return o.selected
+                      })
+                      .map(function (o) {
+                        var val = "_value" in o ? o._value : o.value
+                        return val
+                      })
+                    _vm.periode = $event.target.multiple
+                      ? $$selectedVal
+                      : $$selectedVal[0]
+                  },
+                  function ($event) {
+                    return _vm.changePeriode($event.target.value)
+                  },
+                ],
+              },
+            },
+            [
+              _c("option", { attrs: { disabled: "", value: "" } }, [
+                _vm._v("Silahkan pilih periode"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "semua" } }, [_vm._v("Semua")]),
+              _vm._v(" "),
+              _c("option", { attrs: { disabled: "", value: "" } }, [
+                _vm._v("----------------"),
+              ]),
+              _vm._v(" "),
+              _vm._l(_vm.modelData, function (data, index) {
+                return _c("option", { key: index, domProps: { value: data } }, [
+                  _vm._v(_vm._s(data)),
+                ])
+              }),
+            ],
+            2
+          ),
+          _vm._v(" "),
+          _c("div", { staticClass: "input-group-append" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light",
+                attrs: { disabled: _vm.modelDataStat === "loading" },
+                on: { click: _vm.fetchData },
+              },
+              [
+                _c("i", {
+                  staticClass: "icon-sync",
+                  class: { spinner: _vm.modelDataStat === "loading" },
+                }),
+              ]
+            ),
+          ]),
+        ]),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "card d-block d-md-none d-print-none" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("div", { staticClass: "input-group" }, [
+          _vm._m(1),
+          _vm._v(" "),
+          _c(
+            "select",
+            {
+              directives: [
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.periode,
+                  expression: "periode",
+                },
+              ],
+              staticClass: "form-control",
+              attrs: {
+                name: "periode",
+                "data-width": "100%",
+                disabled: _vm.modelDataStat === "loading",
+              },
+              on: {
+                change: [
+                  function ($event) {
+                    var $$selectedVal = Array.prototype.filter
+                      .call($event.target.options, function (o) {
+                        return o.selected
+                      })
+                      .map(function (o) {
+                        var val = "_value" in o ? o._value : o.value
+                        return val
+                      })
+                    _vm.periode = $event.target.multiple
+                      ? $$selectedVal
+                      : $$selectedVal[0]
+                  },
+                  function ($event) {
+                    return _vm.changePeriode($event.target.value)
+                  },
+                ],
+              },
+            },
+            [
+              _c("option", { attrs: { disabled: "", value: "" } }, [
+                _vm._v("Silahkan pilih periode"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "semua" } }, [_vm._v("Semua")]),
+              _vm._v(" "),
+              _c("option", { attrs: { disabled: "", value: "" } }, [
+                _vm._v("----------------"),
+              ]),
+              _vm._v(" "),
+              _vm._l(_vm.modelData, function (data, index) {
+                return _c("option", { key: index, domProps: { value: data } }, [
+                  _vm._v(_vm._s(data)),
+                ])
+              }),
+            ],
+            2
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "pt-2" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-lg btn-block",
+              attrs: { disabled: _vm.modelDataStat === "loading" },
+              on: { click: _vm.fetchData },
+            },
+            [
+              _c("i", {
+                staticClass: "icon-sync",
+                class: { spinner: _vm.modelDataStat === "loading" },
+              }),
+              _vm._v(" Reload\n\t\t\t\t"),
+            ]
+          ),
+        ]),
+      ]),
+    ]),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [
+        _vm._v("Pilih Periode"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Data")]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=template&id=75629989&":
+/*!***********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=template&id=75629989& ***!
+  \***********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -876,7 +1146,8 @@ var render = function () {
             query: _vm.query,
             itemDataStat: _vm.itemDataStat,
             excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
+            isNoButtonRow: _vm.isNoButtonRow,
+            dataview: _vm.dataview,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
@@ -898,23 +1169,66 @@ var render = function () {
                       },
                     },
                     [
-                      !_vm.columnData[0].hide
+                      _c("td", [
+                        _vm._v(
+                          "\n\t\t\t\t\t" +
+                            _vm._s(
+                              props.index +
+                                1 +
+                                (+_vm.itemData.current_page - 1) *
+                                  +_vm.itemData.per_page +
+                                "."
+                            ) +
+                            "\n\t\t\t\t"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
                         ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t"
-                            ),
+                            props.item.status == "6"
+                              ? _c("span", {
+                                  staticStyle: { cursor: "pointer" },
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.statusDiklat(
+                                        props.item.status
+                                      )
+                                    ),
+                                  },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.modalKeteranganBatalOpen(
+                                        props.item.keteranganBatal
+                                      )
+                                    },
+                                  },
+                                })
+                              : _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.statusDiklat(
+                                        props.item.status
+                                      )
+                                    ),
+                                  },
+                                }),
                           ])
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[1].hide
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.kode_diklat },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide
                         ? _c(
                             "td",
                             [
@@ -926,24 +1240,140 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[2].hide && !_vm.columnData[2].disable
+                      !_vm.columnData[4].hide && !_vm.columnData[4].disable
                         ? _c(
                             "td",
                             [
-                              props.item.cu
+                              props.item.provinces
                                 ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.cu.name,
-                                      empty: _vm.columnData[2].groupNoKey,
-                                    },
+                                    attrs: { value: props.item.provinces.name },
                                   })
-                                : _c("span", [_vm._v("PUSKOPCUINA")]),
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[3].hide
+                      !_vm.columnData[5].hide && !_vm.columnData[5].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.regencies
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.regencies.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide && !_vm.columnData[6].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.tempat
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.tempat.name },
+                                  })
+                                : props.item.tipe_tempat == "ONLINE"
+                                ? _c("span", [_vm._v("DILAKSANAKAN ONLINE")])
+                                : _c("span", [
+                                    _vm._v("Belum ditentukan tempat"),
+                                  ]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.periode },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.date(props.item.mulai)
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[9].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.date(props.item.selesai)
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[10].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.peserta_max },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[11].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.peserta_min },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[12].hide
+                        ? _c("td", { staticClass: "text-warp" }, [
+                            props.item.sasaran
+                              ? _c(
+                                  "span",
+                                  _vm._l(
+                                    props.item.sasaran,
+                                    function (sasaran, index) {
+                                      return _c(
+                                        "label",
+                                        {
+                                          key: index,
+                                          staticClass:
+                                            "badge badge-primary ml-1",
+                                        },
+                                        [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t" +
+                                              _vm._s(sasaran.name) +
+                                              "\n\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    }
+                                  ),
+                                  0
+                                )
+                              : _vm._e(),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[13].hide
                         ? _c("td", {
                             domProps: {
                               innerHTML: _vm._s(
@@ -955,7 +1385,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[4].hide
+                      !_vm.columnData[14].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -975,130 +1405,732 @@ var render = function () {
                 ]
               },
             },
+            {
+              key: "item-mobile",
+              fn: function (props) {
+                return [
+                  _c("div", { staticClass: "col-lg-4 col-md-6" }, [
+                    _c(
+                      "div",
+                      {
+                        staticClass: "card cursor-pointer",
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.detail(props.item.id)
+                          },
+                        },
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            staticClass:
+                              "card-header bg-light header-elements-inline",
+                          },
+                          [
+                            _c(
+                              "h6",
+                              { staticClass: "card-title" },
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.kode_diklat },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "header-elements" }, [
+                              _c("span", {
+                                domProps: {
+                                  innerHTML: _vm._s(
+                                    _vm.$options.filters.statusDiklat(
+                                      props.item.status
+                                    )
+                                  ),
+                                },
+                              }),
+                            ]),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "card-body" },
+                          [
+                            props.item.tipe == "diklat_bkcu"
+                              ? [
+                                  props.item.gambar
+                                    ? _c("img", {
+                                        staticClass: "img-fluid wmin-sm",
+                                        attrs: {
+                                          src:
+                                            "/images/diklat/" +
+                                            props.item.gambar +
+                                            ".jpg",
+                                        },
+                                      })
+                                    : _vm._e(),
+                                ]
+                              : props.item.tipe == "pertemuan_bkcu"
+                              ? [
+                                  props.item.gambar
+                                    ? _c("img", {
+                                        staticClass: "img-fluid wmin-sm",
+                                        attrs: {
+                                          src:
+                                            "/images/pertemuan/" +
+                                            props.item.gambar +
+                                            ".jpg",
+                                        },
+                                      })
+                                    : _vm._e(),
+                                ]
+                              : _vm._e(),
+                            _vm._v(" "),
+                            _c("hr"),
+                            _vm._v(" "),
+                            _c("h6", { staticClass: "text-primary" }, [
+                              _vm._v(_vm._s(props.item.name)),
+                            ]),
+                            _vm._v(" "),
+                            props.item.keterangan
+                              ? _c("p", { staticClass: "mb-3" }, [
+                                  _vm._v(
+                                    _vm._s(
+                                      _vm._f("trimString")(
+                                        props.item.keterangan
+                                      )
+                                    )
+                                  ),
+                                ])
+                              : _vm._e(),
+                            _vm._v(" "),
+                            _c("hr"),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "row" }, [
+                              _c("div", { staticClass: "col-sm-6" }, [
+                                _c(
+                                  "ul",
+                                  { staticClass: "list list-unstyled mb-1" },
+                                  [
+                                    _c("li", [
+                                      _vm._v("Mulai: "),
+                                      _c(
+                                        "span",
+                                        { staticClass: "text-muted" },
+                                        [
+                                          _vm._v(
+                                            _vm._s(
+                                              _vm._f("date")(props.item.mulai)
+                                            )
+                                          ),
+                                        ]
+                                      ),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("li", [
+                                      _vm._v("Selesai: "),
+                                      _c(
+                                        "span",
+                                        { staticClass: "text-muted" },
+                                        [
+                                          _vm._v(
+                                            _vm._s(
+                                              _vm._f("date")(props.item.selesai)
+                                            )
+                                          ),
+                                        ]
+                                      ),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("li", [
+                                      _vm._v("Durasi: "),
+                                      _c(
+                                        "span",
+                                        { staticClass: "text-muted" },
+                                        [
+                                          _c("check-value", {
+                                            attrs: { value: props.item.durasi },
+                                          }),
+                                          _vm._v(" jam"),
+                                        ],
+                                        1
+                                      ),
+                                    ]),
+                                  ]
+                                ),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-sm-6" }, [
+                                _c(
+                                  "ul",
+                                  { staticClass: "list list-unstyled mb-1" },
+                                  [
+                                    _c(
+                                      "li",
+                                      [
+                                        _vm._v("Tempat:\n\t\t\t\t\t\t\t\t\t"),
+                                        props.item.tempat
+                                          ? _c("check-value", {
+                                              staticClass: "text-muted",
+                                              attrs: {
+                                                value: props.item.tempat.name,
+                                              },
+                                            })
+                                          : props.item.tipe_tempat == "ONLINE"
+                                          ? _c(
+                                              "span",
+                                              { staticClass: "text-muted" },
+                                              [_vm._v("DILAKSANAKAN ONLINE")]
+                                            )
+                                          : _c(
+                                              "span",
+                                              { staticClass: "text-muted" },
+                                              [
+                                                _vm._v(
+                                                  "Belum ditentukan tempat"
+                                                ),
+                                              ]
+                                            ),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "li",
+                                      [
+                                        _vm._v("Kabupaten/Kota: "),
+                                        props.item.regencies
+                                          ? _c("check-value", {
+                                              staticClass: "text-muted",
+                                              attrs: {
+                                                value:
+                                                  props.item.regencies.name,
+                                              },
+                                            })
+                                          : _c(
+                                              "span",
+                                              { staticClass: "text-muted" },
+                                              [_vm._v("-")]
+                                            ),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "li",
+                                      [
+                                        _vm._v("Provinsi: "),
+                                        props.item.provinces
+                                          ? _c("check-value", {
+                                              staticClass: "text-muted",
+                                              attrs: {
+                                                value:
+                                                  props.item.provinces.name,
+                                              },
+                                            })
+                                          : _c(
+                                              "span",
+                                              { staticClass: "text-muted" },
+                                              [_vm._v("-")]
+                                            ),
+                                      ],
+                                      1
+                                    ),
+                                  ]
+                                ),
+                              ]),
+                            ]),
+                          ],
+                          2
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          {
+                            staticClass:
+                              "card-footer d-sm-flex justify-content-sm-between align-items-sm-center",
+                          },
+                          [
+                            props.item.sasaran
+                              ? _c(
+                                  "span",
+                                  _vm._l(
+                                    props.item.sasaran,
+                                    function (sasaran, index) {
+                                      return _c(
+                                        "label",
+                                        {
+                                          key: index,
+                                          staticClass:
+                                            "badge badge-primary ml-1",
+                                        },
+                                        [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t" +
+                                              _vm._s(sasaran.name) +
+                                              "\n\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    }
+                                  ),
+                                  0
+                                )
+                              : _vm._e(),
+                          ]
+                        ),
+                      ]
+                    ),
+                  ]),
+                ]
+              },
+            },
           ]),
         },
         [
-          _c("template", { slot: "button-desktop" }, [
-            _vm.currentUser.can && _vm.currentUser.can["create_pengumuman"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light mb-1",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("tambah")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-plus3" }),
-                    _vm._v(" Tambah\n\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["update_pengumuman"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("ubah")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-pencil5" }),
-                    _vm._v(" Ubah\n\t\t\t"),
+          _c(
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.$route.params.tipe == "diklat_bkcu"
+                ? [
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["create_diklat_bkcu"]
+                      ? _c(
+                          "router-link",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: {
+                              to: {
+                                name: _vm.kelas + "Create",
+                                params: { tipe: _vm.$route.params.tipe },
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-plus3" }),
+                            _vm._v(" Tambah\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_diklat_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.ubahData(_vm.selectedItem.id)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-pencil5" }),
+                            _vm._v(" Ubah\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_diklat_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalConfirmOpen("status")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-calendar5" }),
+                            _vm._v(" Status\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["destroy_diklat_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalConfirmOpen("hapus")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-bin2" }),
+                            _vm._v(" Hapus\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["index_diklat_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.detail(_vm.selectedItem.id)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-stack2" }),
+                            _vm._v(" Detail\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
                   ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["destroy_pengumuman"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("hapus")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n\t\t\t"),
+                : _vm.$route.params.tipe == "pertemuan_bkcu"
+                ? [
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["create_pertemuan_bkcu"]
+                      ? _c(
+                          "router-link",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: {
+                              to: {
+                                name: _vm.kelas + "Create",
+                                params: { tipe: _vm.$route.params.tipe },
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-plus3" }),
+                            _vm._v(" Tambah\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_pertemuan_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.ubahData(_vm.selectedItem.id)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-pencil5" }),
+                            _vm._v(" Ubah\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_pertemuan_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalConfirmOpen("status")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-calendar5" }),
+                            _vm._v(" Status\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["destroy_pertemuan_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalConfirmOpen("hapus")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-bin2" }),
+                            _vm._v(" Hapus\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["index_pertemuan_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.detail(_vm.selectedItem.id)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-stack2" }),
+                            _vm._v(" Detail\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
                   ]
-                )
-              : _vm._e(),
-          ]),
+                : _vm._e(),
+            ],
+            2
+          ),
           _vm._v(" "),
-          _c("template", { slot: "button-mobile" }, [
-            _vm.currentUser.can && _vm.currentUser.can["create_pengumuman"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block mb-1",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("tambah")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-plus3" }),
-                    _vm._v(" Tambah\n\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["update_pengumuman"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("ubah")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-pencil5" }),
-                    _vm._v(" Ubah\n\t\t\t"),
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.$route.params.tipe == "diklat_bkcu"
+                ? [
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["create_diklat_bkcu"]
+                      ? _c(
+                          "router-link",
+                          {
+                            staticClass: "btn btn-light btn-block mb-1",
+                            attrs: {
+                              to: {
+                                name: _vm.kelas + "Create",
+                                params: { tipe: _vm.$route.params.tipe },
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-plus3" }),
+                            _vm._v(" Tambah\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_diklat_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.ubahData(_vm.selectedItem.id)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-pencil5" }),
+                            _vm._v(" Ubah\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_diklat_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalConfirmOpen("status")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-calendar5" }),
+                            _vm._v(" Status\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["destroy_diklat_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalConfirmOpen("hapus")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-bin2" }),
+                            _vm._v(" Hapus\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["index_diklat_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.detail(_vm.selectedItem.id)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-stack2" }),
+                            _vm._v(" Detail\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
                   ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["destroy_pengumuman"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("hapus")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n\t\t\t"),
+                : _vm.$route.params.tipe == "pertemuan_bkcu"
+                ? [
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["create_pertemuan_bkcu"]
+                      ? _c(
+                          "router-link",
+                          {
+                            staticClass: "btn btn-light btn-block mb-1",
+                            attrs: {
+                              to: {
+                                name: _vm.kelas + "Create",
+                                params: { tipe: _vm.$route.params.tipe },
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-plus3" }),
+                            _vm._v(" Tambah\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_pertemuan_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.ubahData(_vm.selectedItem.id)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-pencil5" }),
+                            _vm._v(" Ubah\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_pertemuan_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalConfirmOpen("status")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-calendar5" }),
+                            _vm._v(" Status\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["destroy_pertemuan_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalConfirmOpen("hapus")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-bin2" }),
+                            _vm._v(" Hapus\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["index_pertemuan_bkcu"]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.detail(_vm.selectedItem.id)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-stack2" }),
+                            _vm._v(" Detail\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
                   ]
-                )
-              : _vm._e(),
-          ]),
+                : _vm._e(),
+            ],
+            2
+          ),
         ],
         2
       ),
@@ -1131,17 +2163,64 @@ var render = function () {
             "template",
             { slot: "modal-body1" },
             [
-              _c("form-pengumuman", {
+              _c("form-status", {
                 attrs: {
-                  currentUser: _vm.currentUser,
-                  state: _vm.state,
+                  kelas: _vm.kelas,
                   id: _vm.selectedItem.id,
+                  status: _vm.selectedItem.status,
+                  keteranganBatal: _vm.selectedItem.keteranganBatal,
                 },
-                on: { cancelClick: _vm.modalTutup },
+                on: { tutup: _vm.modalTutup },
               }),
             ],
             1
           ),
+          _vm._v(" "),
+          _c("template", { slot: "modal-body2" }, [
+            _c("h5", [_vm._v("Penjelasan pembatalan diklat")]),
+            _vm._v(" "),
+            _c("div", { staticClass: "card" }, [
+              _c("div", { staticClass: "card-body" }, [
+                _vm._v(
+                  "\n\t\t\t\t\t" + _vm._s(_vm.keteranganBatal) + "\n\t\t\t\t"
+                ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("hr"),
+            _vm._v(" "),
+            _c("div", { staticClass: "text-center d-none d-md-block" }, [
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalTutup.apply(null, arguments)
+                    },
+                  },
+                },
+                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+              ),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "d-block d-md-none" }, [
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-block pb-2",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalTutup.apply(null, arguments)
+                    },
+                  },
+                },
+                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+              ),
+            ]),
+          ]),
         ],
         2
       ),
@@ -1156,17 +2235,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pengumuman/form.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/pengumuman/form.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/index.vue":
+/*!**********************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/index.vue ***!
+  \**********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_811815b6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=811815b6& */ "./resources/assets/js/views/pengumuman/form.vue?vue&type=template&id=811815b6&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pengumuman/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_887136e6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=887136e6& */ "./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=template&id=887136e6&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1176,9 +2255,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_811815b6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_811815b6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_887136e6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_887136e6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1188,54 +2267,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pengumuman/form.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pengumuman/form.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/pengumuman/form.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pengumuman/form.vue?vue&type=template&id=811815b6&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/pengumuman/form.vue?vue&type=template&id=811815b6& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=template&id=887136e6&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=template&id=887136e6& ***!
+  \*****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_811815b6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=811815b6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/form.vue?vue&type=template&id=811815b6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_811815b6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_887136e6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=887136e6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/index.vue?vue&type=template&id=887136e6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_887136e6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_811815b6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_887136e6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pengumuman/index.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/pengumuman/index.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/select.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/select.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_d4aa387e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=d4aa387e& */ "./resources/assets/js/views/pengumuman/index.vue?vue&type=template&id=d4aa387e&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pengumuman/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _select_vue_vue_type_template_id_30890bd1___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./select.vue?vue&type=template&id=30890bd1& */ "./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=template&id=30890bd1&");
+/* harmony import */ var _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./select.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1245,9 +2324,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_d4aa387e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_d4aa387e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _select_vue_vue_type_template_id_30890bd1___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _select_vue_vue_type_template_id_30890bd1___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1257,54 +2336,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pengumuman/index.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/select.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pengumuman/index.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/pengumuman/index.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pengumuman/index.vue?vue&type=template&id=d4aa387e&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/pengumuman/index.vue?vue&type=template&id=d4aa387e& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=template&id=30890bd1&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=template&id=30890bd1& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_d4aa387e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=d4aa387e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/index.vue?vue&type=template&id=d4aa387e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_d4aa387e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_30890bd1___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=template&id=30890bd1& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/select.vue?vue&type=template&id=30890bd1&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_30890bd1___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_d4aa387e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_30890bd1___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pengumuman/table.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/pengumuman/table.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/table.vue":
+/*!**********************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/table.vue ***!
+  \**********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_4f4618bd___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=4f4618bd& */ "./resources/assets/js/views/pengumuman/table.vue?vue&type=template&id=4f4618bd&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pengumuman/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_75629989___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=75629989& */ "./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=template&id=75629989&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1315,8 +2394,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_4f4618bd___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_4f4618bd___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_75629989___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_75629989___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1326,38 +2405,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pengumuman/table.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pengumuman/table.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/pengumuman/table.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pengumuman/table.vue?vue&type=template&id=4f4618bd&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/pengumuman/table.vue?vue&type=template&id=4f4618bd& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=template&id=75629989&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=template&id=75629989& ***!
+  \*****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4f4618bd___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=4f4618bd& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/table.vue?vue&type=template&id=4f4618bd&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4f4618bd___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_75629989___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=75629989& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/table.vue?vue&type=template&id=75629989&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_75629989___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4f4618bd___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_75629989___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/101.js.LICENSE.txt b/public/js/components/101.js.LICENSE.txt
new file mode 100644
index 000000000..01a78f023
--- /dev/null
+++ b/public/js/components/101.js.LICENSE.txt
@@ -0,0 +1,5 @@
+/*!
+ * vue-truncate-collapsed v1.9.0
+ * (c) 2018-present João Vitor Cavalcante
+ * Released under the MIT License.
+ */
diff --git a/public/js/components/102.js b/public/js/components/102.js
index a139d8ed2..cd2decd15 100644
--- a/public/js/components/102.js
+++ b/public/js/components/102.js
@@ -1,185 +1,23 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[102],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/detail.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/detail.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/form.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pengumuman/form.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _helpers_pusherAuth_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../helpers/pusherAuth.js */ "./resources/assets/js/helpers/pusherAuth.js");
-/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _formCu_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./formCu.vue */ "./resources/assets/js/views/voting/formCu.vue");
-/* harmony import */ var _formKodeSuara_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./formKodeSuara.vue */ "./resources/assets/js/views/voting/formKodeSuara.vue");
-/* harmony import */ var laravel_echo__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! laravel-echo */ "./node_modules/laravel-echo/dist/echo.js");
-/* harmony import */ var pusher_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! pusher-js */ "./node_modules/pusher-js/dist/web/pusher.js");
-/* harmony import */ var pusher_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(pusher_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _qrCode_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./qrCode.vue */ "./resources/assets/js/views/voting/qrCode.vue");
-/* harmony import */ var _qrCodeAll_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./qrCodeAll.vue */ "./resources/assets/js/views/voting/qrCodeAll.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -246,6 +84,105 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 //
 //
 //
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['currentUser', 'state', 'id'],
+  components: {
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
+  },
+  data: function data() {
+    return {
+      kelas: 'pengumuman',
+      submited: false,
+      cancelTitle: 'Tutup',
+      cancelIcon: 'icon-cross',
+      cancelState: 'methods'
+    };
+  },
+  created: function created() {
+    this.fetch();
+  },
+  watch: {
+    formStat: function formStat(value) {
+      if (value === "success") {
+        if (this.state == 'tambah') {
+          if (this.$route.params.cu == 'semua') {
+            this.form.id_cu = 0;
+          } else {
+            this.form.id_cu = this.$route.params.cu;
+          }
+        }
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      if (this.state == 'ubah') {
+        this.$store.dispatch(this.kelas + '/edit', this.id);
+      } else {
+        this.$store.dispatch(this.kelas + '/create');
+      }
+    },
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.state == 'ubah') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.id, _this.form]);
+          } else {
+            if (_this.currentUser.id_cu != 0) {
+              _this.form.id_cu = _this.currentUser.id_cu;
+            }
+
+            _this.$store.dispatch(_this.kelas + '/store', _this.form);
+          }
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
+    cancelClick: function cancelClick() {
+      this.$emit('cancelClick');
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pengumuman', {
+    form: 'data',
+    formStat: 'dataStat',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/index.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pengumuman/index.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/pengumuman/table.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -282,6 +219,75 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 //
 //
 //
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Pengumuman',
+      kelas: 'pengumuman',
+      titleDesc: 'Mengelola data pengumuman',
+      titleIcon: 'icon-megaphone',
+      selectCuPath: 'pengumumanCu'
+    };
+  },
+  created: function created() {
+    this.checkUser('index_pengumuman', this.$route.params.cu);
+  },
+  methods: {
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pengumuman', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/table.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pengumuman/table.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/pengumuman/form.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -374,181 +380,6 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -556,64 +387,32 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_6__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formCu: _formCu_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    formKodeSuara: _formKodeSuara_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_8__["default"],
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
-    qrCode: _qrCode_vue__WEBPACK_IMPORTED_MODULE_14__["default"],
-    qrCodeAll: _qrCodeAll_vue__WEBPACK_IMPORTED_MODULE_15__["default"]
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    formPengumuman: _form_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
+  props: ['title', 'kelas'],
   data: function data() {
     return {
-      title: 'Detail voting',
-      titleDesc: 'Melihat detail data voting',
-      titleIcon: 'icon-stack2',
-      level: 2,
-      level2Title: 'Voting',
-      kelas: 'voting',
-      tabName: 'info',
+      selectedItem: [],
       query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      queryTanggapan: {
-        order_column: "id",
-        order_direction: "asc",
+        order_column: "created_at",
+        order_direction: "desc",
         filter_match: "and",
         limit: 10,
         page: 1
       },
       excelDownloadUrl: '',
-      excelDownloadUrlTanggapan: '',
-      excelUploads: [{
-        enabled: true,
-        url: 'voting/uploadSuara/' + this.$route.params.id,
-        format_url: 'formatVotingSuara.xlsx',
-        button: 'Upload Kode Suara'
-      }],
-      columnDataPilihan: [{
-        title: 'No.'
-      }, {
-        title: 'Nama'
-      }],
-      columnDataTanggapan: [{
-        title: 'No.'
-      }, {
-        title: 'Tanggapan'
-      }],
-      columnDataSuara: [{
+      columnData: [{
         title: 'No.',
-        name: 'No.'
+        name: 'No.',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false
       }, {
-        title: 'Kode',
+        title: 'Pengumuman',
         name: 'name',
         tipe: 'string',
         sort: true,
@@ -621,30 +420,6 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         disable: false,
         filter: true,
         filterDefault: true
-      }, {
-        title: 'Link',
-        name: 'link',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Memilih',
-        name: 'voting_pilihan_id',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Akses',
-        name: 'akses.id',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
       }, {
         title: 'CU',
         name: 'cu.name',
@@ -653,122 +428,50 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         hide: false,
         disable: false,
         filter: true
-      }],
-      columnDataTanggapanSuara: [{
-        title: 'No.',
-        name: 'No.'
-      }, {
-        title: 'Kode',
-        name: 'suara.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Pilihan',
-        name: 'suara.pilihan.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
       }, {
-        title: 'Tanggapan',
-        name: 'tanggapan.name',
-        tipe: 'string',
-        sort: false,
+        title: 'Tgl. Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Keterangan',
-        name: 'keterangan',
-        tipe: 'string',
-        sort: false,
+        title: 'Tgl. Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }],
-      selectedSuara: {},
       state: '',
       modalShow: false,
       modalState: '',
-      modalColor: '',
-      modalSize: '',
       modalTitle: '',
       modalContent: '',
-      modalButton: '',
-      formPilihan: ''
+      modalColor: '',
+      modalButton: ''
     };
   },
   created: function created() {
-    this.fetch();
-  },
-  mounted: function mounted() {
-    var _this = this;
-
-    Object(_helpers_pusherAuth_js__WEBPACK_IMPORTED_MODULE_5__["PusherAuth"])();
-    window.Echo["private"]("voting.channel." + this.$route.params.id).listen('VotingEvent', function (data) {
-      var p;
-
-      var _iterator = _createForOfIteratorHelper(_this.form.pilihan),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          p = _step.value;
-
-          if (p.id == data.voting_pilihan_id) {
-            if (data.skor) {
-              p.skor = data.skor;
-            }
-
-            if (data.skor_tanggapan) {
-              p.skor_tanggapan = data.skor_tanggapan;
-            }
-
-            _this.form.suara_ok += 1;
-            _this.formPilihan = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.orderBy(_this.form.pilihan, 'skor', ['desc']);
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    });
+    this.fetch(this.query);
   },
   watch: {
     // check route changes
-    $route: function $route(to, from) {
-      this.fetch();
-    },
-    formStat: function formStat(value) {
-      if (value === "success") {
-        this.form.link = window.location.origin + '/admins/voting/input';
-        this.formPilihan = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.orderBy(this.form.pilihan, 'skor', ['desc']);
-
-        if (this.form.id_cu == 0) {
-          this.disableColumnCu('false');
-        } else {
-          this.disableColumnCu('true');
-        }
-      }
+    '$route': function $route(to, from) {
+      this.fetch(this.query);
     },
     // when updating data
     updateStat: function updateStat(value) {
       this.modalState = value;
       this.modalButton = 'Ok';
 
-      if (value == "success") {
+      if (value === "success") {
         this.modalTitle = this.updateMessage.message;
         this.modalContent = '';
         this.fetch();
-        this.fetchDataSuara(this.query);
-      } else if (value == "fail") {
+      } else if (value === "fail") {
         this.modalContent = this.updateMessage;
       } else {
         this.modalContent = '';
@@ -776,98 +479,52 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     }
   },
   methods: {
-    fetch: function fetch() {
-      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+    fetch: function fetch(params) {
+      if (this.$route.params.cu == 'semua') {
+        this.disableColumnCu(false);
+        this.$store.dispatch(this.kelas + '/index', params);
+        this.excelDownloadUrl = this.kelas;
+      } else {
+        this.disableColumnCu(true);
+        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
+        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
+      }
     },
-    fetchDataSuara: function fetchDataSuara(params) {
-      this.$store.dispatch(this.kelas + '/indexDataSuara', [params, this.$route.params.id]);
-      this.excelDownloadUrl = this.kelas + '/indexDataSuara/' + this.$route.params.id;
+    disableColumnCu: function disableColumnCu(status) {
+      this.columnData[2].disable = status;
     },
-    fetchDataTanggapan: function fetchDataTanggapan(params) {
-      this.$store.dispatch(this.kelas + '/indexDataTanggapan', [params, this.$route.params.id]);
-      this.excelDownloadUrlTanggapan = this.kelas + '/indexDataTanggapan/' + this.$route.params.id;
+    resetParams: function resetParams() {
+      this.params.search_column = 'name';
+      this.params.search_query_1 = '';
+      this.extSearchColumn = 'name';
+      this.extSearchQuery1 = '';
     },
-    back: function back() {
-      this.$router.push({
-        name: this.kelas,
-        params: {
-          cu: this.form.id_cu
-        }
-      });
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
     },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-
-      if (value == 'info') {
-        this.fetch();
-      } else if (value == 'skor') {
-        this.fetch();
-      } else if (value == 'suara') {
-        this.fetchDataSuara(this.query);
-      } else if (value == 'tanggapan') {
-        this.fetchDataTanggapan(this.queryTanggapan);
-      }
-    },
-    disableColumnCu: function disableColumnCu(status) {
-      this.columnDataSuara[5].disable = status;
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedSuara = item;
-    },
-    selectedRowTanggapan: function selectedRowTanggapan(item) {
-      this.selectedTanggapan = item;
-    },
-    modalOpen: function modalOpen(state) {
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
       this.state = state;
 
-      if (state == 'cu') {
-        this.modalState = 'normal1';
-        this.modalTitle = 'Ubah CU untuk link ' + this.selectedSuara.name + ' ini?';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "";
-      } else if (state == 'status') {
-        this.modalState = 'confirm-tutup';
-
-        if (this.form.status == 0) {
-          this.modalTitle = 'Aktifkan ' + this.form.name + ' ?';
-          this.modalButton = 'Iya, aktifkan';
-        } else {
-          this.modalTitle = 'Tidak aktifkan ' + this.form.name + ' ?';
-          this.modalButton = 'Iya, tidak aktifkan';
-        }
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
 
-        this.modalSize = "";
-      } else if (state == 'qrCode') {
-        this.modalTitle = 'QR Code untuk kode ' + this.selectedSuara.name;
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "";
-      } else if (state == 'qrCodeAll') {
-        this.modalTitle = 'QR Code pada tabel';
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "modal-full";
-      } else if (state == 'qrCodeInput') {
-        this.modalTitle = 'QR Code untuk kode ini';
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "";
-        this.selectedSuara.link = this.form.link;
-      } else if (state == 'tambah_suara') {
-        this.modalTitle = 'Tambah Suara';
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "";
-      } else if (state == 'ubah_suara') {
-        this.modalTitle = 'Ubah suara dengan kode ' + this.selectedSuara.name;
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "";
-      } else if (state == 'hapus_suara') {
+      if (state == 'hapus') {
         this.modalState = 'confirm-tutup';
-        this.modalTitle = 'Hapus suara dengan kode ' + this.selectedSuara.name + ' ?';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
         this.modalButton = 'Iya, Hapus';
+      } else if (state == 'ubah') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah ' + this.title;
+        this.modalButton = 'Ok';
+      } else if (state == 'tambah') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah ' + this.title;
+        this.modalButton = 'Ok';
       }
     },
     modalTutup: function modalTutup() {
@@ -875,22 +532,16 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       this.$store.dispatch(this.kelas + '/resetUpdateStat');
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == "status") {
-        this.$store.dispatch(this.kelas + '/updateStatus', [this.form.id, this.form.id_cu]);
-      } else if (this.state == "hapus_suara") {
-        this.$store.dispatch(this.kelas + '/destroySuara', this.selectedSuara.id);
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
       }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('voting', {
-    form: 'data',
-    formStat: 'dataStat',
-    itemDataSuara: 'dataS3',
-    itemDataSuaraStat: 'dataStatS3',
-    itemDataTanggapan: 'dataS4',
-    itemDataTanggapanStat: 'dataStatS4',
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pengumuman', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
     updateMessage: 'update',
     updateStat: 'updateStat'
   }))
@@ -898,284 +549,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formCu.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/formCu.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['kelas', 'id', 'id_cu'],
-  components: {
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  data: function data() {
-    return {
-      form: {
-        id: '',
-        id_cu: ''
-      },
-      submited: false
-    };
-  },
-  created: function created() {
-    this.form.id = this.id;
-    this.form.id_cu = this.id_cu;
-
-    if (this.currentUser.id_cu === 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    }
-  },
-  watch: {},
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('form').then(function (result) {
-        _this.$store.dispatch(_this.kelas + '/updateSuaraCu', _this.form);
-      });
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['kelas', 'id', 'id_cu', 'selectedItem', 'mode'],
-  components: {
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  data: function data() {
-    return {
-      form: {
-        id: '',
-        voting_id: '',
-        id_cu: '',
-        name: ''
-      },
-      submited: false
-    };
-  },
-  created: function created() {
-    this.form.voting_id = this.id;
-
-    if (this.mode == 'edit') {
-      this.form.id = this.selectedItem.id;
-      this.form.id_cu = this.selectedItem.id_cu;
-      this.form.name = this.selectedItem.name;
-    }
-
-    if (this.currentUser.id_cu === 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    }
-  },
-  watch: {},
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.mode === 'edit') {
-            _this.$store.dispatch(_this.kelas + '/updateSuara', [_this.form.id, _this.form]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/storeSuara', _this.form);
-          }
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/detail.vue?vue&type=template&id=4ecd6f16&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/detail.vue?vue&type=template&id=4ecd6f16& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/form.vue?vue&type=template&id=811815b6&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pengumuman/form.vue?vue&type=template&id=811815b6& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1184,2431 +561,115 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
 var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: _vm.level,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.formStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.form,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.formStat == "success"
-                ? [
-                    _c("div", { staticClass: "card" }, [
-                      _c("div", { staticClass: "nav-tabs-responsive" }, [
-                        _c(
-                          "ul",
-                          {
-                            staticClass:
-                              "nav nav-tabs nav-tabs-solid  bg-light nav-justified mb-0",
-                          },
-                          [
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "info" },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("info")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", { staticClass: "icon-info22 mr-2" }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\tInfo\n\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "suara" },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("suara")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-megaphone mr-2",
-                                  }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\tSuara\n\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "tanggapan" },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("tanggapan")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", { staticClass: "icon-reading mr-2" }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\tTanggapan\n\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "skor" },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("skor")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-equalizer mr-2",
-                                  }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\tSkor\n\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                            ]),
-                          ]
-                        ),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
-                        _c(
-                          "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "info",
-                                expression: "tabName == 'info'",
-                              },
-                            ],
-                          },
-                          [
-                            _c("div", { staticClass: "card" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "card-header bg-white header-elements-inline",
-                                },
-                                [
-                                  _c("h5", { staticClass: "card-title" }, [
-                                    _vm._v("Voting | Status: "),
-                                    _c("span", {
-                                      domProps: {
-                                        innerHTML: _vm._s(
-                                          _vm.$options.filters.checkStatus(
-                                            _vm.form.status
-                                          )
-                                        ),
-                                      },
-                                    }),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "header-elements" },
-                                    [
-                                      _vm.currentUser.can &&
-                                      _vm.currentUser.can["update_voting"]
-                                        ? _c(
-                                            "button",
-                                            {
-                                              staticClass:
-                                                "btn btn-light btn-icon mb-1 mr-1",
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.modalOpen("status")
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c("i", {
-                                                staticClass: "icon-calendar5",
-                                              }),
-                                              _vm._v(
-                                                " Status\n\t\t\t\t\t\t\t\t\t\t"
-                                              ),
-                                            ]
-                                          )
-                                        : _vm._e(),
-                                      _vm._v(" "),
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-icon mb-1",
-                                          attrs: { type: "button" },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.fetch()
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", { staticClass: "icon-sync" }),
-                                          _vm._v(
-                                            " Reload Data\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "card-body" }, [
-                                _c("div", { staticClass: "row" }, [
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-6 form-group" },
-                                    [
-                                      _c("h5", [_vm._v("Nama:")]),
-                                      _vm._v(" "),
-                                      _c("input", {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.name,
-                                            expression: "form.name",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          type: "text",
-                                          name: "name",
-                                          disabled: "",
-                                        },
-                                        domProps: { value: _vm.form.name },
-                                        on: {
-                                          input: function ($event) {
-                                            if ($event.target.composing) {
-                                              return
-                                            }
-                                            _vm.$set(
-                                              _vm.form,
-                                              "name",
-                                              $event.target.value
-                                            )
-                                          },
-                                        },
-                                      }),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm.currentUser.id_cu == 0
-                                    ? _c(
-                                        "div",
-                                        { staticClass: "col-md-6 form-group" },
-                                        [
-                                          _c("h5", [_vm._v("CU:")]),
-                                          _vm._v(" "),
-                                          _vm.form.cu
-                                            ? _c("input", {
-                                                directives: [
-                                                  {
-                                                    name: "model",
-                                                    rawName: "v-model",
-                                                    value: _vm.form.cu.name,
-                                                    expression: "form.cu.name",
-                                                  },
-                                                ],
-                                                staticClass: "form-control",
-                                                attrs: {
-                                                  type: "text",
-                                                  name: "cu",
-                                                  disabled: "",
-                                                },
-                                                domProps: {
-                                                  value: _vm.form.cu.name,
-                                                },
-                                                on: {
-                                                  input: function ($event) {
-                                                    if (
-                                                      $event.target.composing
-                                                    ) {
-                                                      return
-                                                    }
-                                                    _vm.$set(
-                                                      _vm.form.cu,
-                                                      "name",
-                                                      $event.target.value
-                                                    )
-                                                  },
-                                                },
-                                              })
-                                            : _c("input", {
-                                                staticClass: "form-control",
-                                                attrs: {
-                                                  type: "text",
-                                                  name: "cu",
-                                                  value: "PUSKOPCUINA",
-                                                  disabled: "",
-                                                },
-                                              }),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-6 form-group" },
-                                    [
-                                      _c("h5", [_vm._v("Kegiatan:")]),
-                                      _vm._v(" "),
-                                      _vm.form.id_kegiatan != 0
-                                        ? _c("input", {
-                                            directives: [
-                                              {
-                                                name: "model",
-                                                rawName: "v-model",
-                                                value: _vm.form.kegiatan.name,
-                                                expression:
-                                                  "form.kegiatan.name",
-                                              },
-                                            ],
-                                            staticClass: "form-control",
-                                            attrs: {
-                                              type: "text",
-                                              name: "name",
-                                              disabled: "",
-                                            },
-                                            domProps: {
-                                              value: _vm.form.kegiatan.name,
-                                            },
-                                            on: {
-                                              input: function ($event) {
-                                                if ($event.target.composing) {
-                                                  return
-                                                }
-                                                _vm.$set(
-                                                  _vm.form.kegiatan,
-                                                  "name",
-                                                  $event.target.value
-                                                )
-                                              },
-                                            },
-                                          })
-                                        : _c("input", {
-                                            directives: [
-                                              {
-                                                name: "model",
-                                                rawName: "v-model",
-                                                value: _vm.form.name_kegiatan,
-                                                expression:
-                                                  "form.name_kegiatan",
-                                              },
-                                            ],
-                                            staticClass: "form-control",
-                                            attrs: {
-                                              type: "text",
-                                              name: "name",
-                                              disabled: "",
-                                            },
-                                            domProps: {
-                                              value: _vm.form.name_kegiatan,
-                                            },
-                                            on: {
-                                              input: function ($event) {
-                                                if ($event.target.composing) {
-                                                  return
-                                                }
-                                                _vm.$set(
-                                                  _vm.form,
-                                                  "name_kegiatan",
-                                                  $event.target.value
-                                                )
-                                              },
-                                            },
-                                          }),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-6 form-group" },
-                                    [
-                                      _c("h5", [
-                                        _vm._v(
-                                          "Tampilkan Hasil Setelah Melakukan Voting?"
-                                        ),
-                                      ]),
-                                      _vm._v(" "),
-                                      _vm.form.lihat_hasil == 1
-                                        ? _c("input", {
-                                            staticClass: "form-control",
-                                            attrs: {
-                                              type: "text",
-                                              name: "cu",
-                                              value: "Menanmpilkan hasil",
-                                              disabled: "",
-                                            },
-                                          })
-                                        : _c("input", {
-                                            staticClass: "form-control",
-                                            attrs: {
-                                              type: "text",
-                                              name: "cu",
-                                              value: "Tidak menampilkan hasil",
-                                              disabled: "",
-                                            },
-                                          }),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-6 form-group" },
-                                    [
-                                      _c("h5", [_vm._v("Total Suara:")]),
-                                      _vm._v(" "),
-                                      _c("input", {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.suara,
-                                            expression: "form.suara",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          type: "text",
-                                          name: "suara",
-                                          disabled: "",
-                                        },
-                                        domProps: { value: _vm.form.suara },
-                                        on: {
-                                          input: function ($event) {
-                                            if ($event.target.composing) {
-                                              return
-                                            }
-                                            _vm.$set(
-                                              _vm.form,
-                                              "suara",
-                                              $event.target.value
-                                            )
-                                          },
-                                        },
-                                      }),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-6 form-group" },
-                                    [
-                                      _c("h5", [_vm._v("Suara Masuk:")]),
-                                      _vm._v(" "),
-                                      _c("input", {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.suara_ok,
-                                            expression: "form.suara_ok",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          type: "text",
-                                          name: "suara_ok",
-                                          disabled: "",
-                                        },
-                                        domProps: { value: _vm.form.suara_ok },
-                                        on: {
-                                          input: function ($event) {
-                                            if ($event.target.composing) {
-                                              return
-                                            }
-                                            _vm.$set(
-                                              _vm.form,
-                                              "suara_ok",
-                                              $event.target.value
-                                            )
-                                          },
-                                        },
-                                      }),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-6 form-group" },
-                                    [
-                                      _c("h5", [_vm._v("Suara Akses:")]),
-                                      _vm._v(" "),
-                                      _c("input", {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.suara_akses,
-                                            expression: "form.suara_akses",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          type: "text",
-                                          name: "suara_akses",
-                                          disabled: "",
-                                        },
-                                        domProps: {
-                                          value: _vm.form.suara_akses,
-                                        },
-                                        on: {
-                                          input: function ($event) {
-                                            if ($event.target.composing) {
-                                              return
-                                            }
-                                            _vm.$set(
-                                              _vm.form,
-                                              "suara_akses",
-                                              $event.target.value
-                                            )
-                                          },
-                                        },
-                                      }),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "col-md-12" }, [
-                                    _c("h5", [_vm._v("Keterangan:")]),
-                                    _vm._v(" "),
-                                    _vm.form.keterangan
-                                      ? _c(
-                                          "div",
-                                          { staticClass: "card card-body" },
-                                          [
-                                            _c("span", {
-                                              domProps: {
-                                                innerHTML: _vm._s(
-                                                  _vm.form.keterangan
-                                                ),
-                                              },
-                                            }),
-                                          ]
-                                        )
-                                      : _vm._e(),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "col-md-12" }, [
-                                    _c("h5", [_vm._v("Link Suara Input:")]),
-                                    _vm._v(" "),
-                                    _c(
-                                      "div",
-                                      { staticClass: "card card-body" },
-                                      [
-                                        _c("p", [
-                                          _vm._v(
-                                            "Silahkan menggunakan link ini dan memasukkan kode unik yang sudah dibuat "
-                                          ),
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("hr", { staticClass: "mt-1 mb-1" }),
-                                        _vm._v(" "),
-                                        _c(
-                                          "a",
-                                          {
-                                            staticClass: "pointer",
-                                            attrs: {
-                                              href: _vm.form.link,
-                                              target: "_blank",
-                                            },
-                                          },
-                                          [
-                                            _c("check-value", {
-                                              attrs: {
-                                                value:
-                                                  _vm.form.link.substring(8),
-                                                trimLength: 100,
-                                              },
-                                            }),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "button",
-                                          {
-                                            staticClass:
-                                              "btn btn-light btn-block mb-1 mt-2",
-                                            on: {
-                                              click: function ($event) {
-                                                $event.preventDefault()
-                                                return _vm.modalOpen(
-                                                  "qrCodeInput"
-                                                )
-                                              },
-                                            },
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass: "icon-qrcode",
-                                            }),
-                                            _vm._v(
-                                              " Buat QR Code\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        ),
-                                      ]
-                                    ),
-                                  ]),
-                                ]),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "div",
-                              { staticClass: "card" },
-                              [
-                                _c(
-                                  "div",
-                                  {
-                                    staticClass:
-                                      "card-header bg-white header-elements-inline",
-                                  },
-                                  [
-                                    _c("h5", { staticClass: "card-title" }, [
-                                      _vm._v("Pilihan"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("div", {
-                                      staticClass: "header-elements",
-                                    }),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _c("data-table", {
-                                  attrs: {
-                                    items: _vm.form.pilihan,
-                                    columnData: _vm.columnDataPilihan,
-                                    itemDataStat: _vm.formStat,
-                                  },
-                                  scopedSlots: _vm._u(
-                                    [
-                                      {
-                                        key: "item-desktop",
-                                        fn: function (props) {
-                                          return [
-                                            props.item
-                                              ? _c(
-                                                  "tr",
-                                                  {
-                                                    staticClass: "text-nowrap",
-                                                  },
-                                                  [
-                                                    _c("td", [
-                                                      _vm._v(
-                                                        _vm._s(props.index + 1)
-                                                      ),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c("td", [
-                                                      _vm._v(
-                                                        _vm._s(props.item.name)
-                                                      ),
-                                                    ]),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                          ]
-                                        },
-                                      },
-                                    ],
-                                    null,
-                                    false,
-                                    1402944021
-                                  ),
-                                }),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "div",
-                              { staticClass: "card" },
-                              [
-                                _c(
-                                  "div",
-                                  {
-                                    staticClass:
-                                      "card-header bg-white header-elements-inline",
-                                  },
-                                  [
-                                    _c("h5", { staticClass: "card-title" }, [
-                                      _vm._v("Jenis Tanggapan"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("div", {
-                                      staticClass: "header-elements",
-                                    }),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _c("data-table", {
-                                  attrs: {
-                                    items: _vm.form.tanggapan,
-                                    columnData: _vm.columnDataTanggapan,
-                                    itemDataStat: _vm.formStat,
-                                  },
-                                  scopedSlots: _vm._u(
-                                    [
-                                      {
-                                        key: "item-desktop",
-                                        fn: function (props) {
-                                          return [
-                                            props.item
-                                              ? _c(
-                                                  "tr",
-                                                  {
-                                                    staticClass: "text-nowrap",
-                                                  },
-                                                  [
-                                                    _c("td", [
-                                                      _vm._v(
-                                                        _vm._s(props.index + 1)
-                                                      ),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c("td", [
-                                                      _vm._v(
-                                                        _vm._s(props.item.name)
-                                                      ),
-                                                    ]),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                          ]
-                                        },
-                                      },
-                                    ],
-                                    null,
-                                    false,
-                                    1402944021
-                                  ),
-                                }),
-                              ],
-                              1
-                            ),
-                          ]
-                        ),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
-                        _c(
-                          "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "suara",
-                                expression: "tabName == 'suara'",
-                              },
-                            ],
-                          },
-                          [
-                            _c("div", { staticClass: "card card-body" }, [
-                              _c("p", [
-                                _vm._v(
-                                  "Silahkan menggunakan link ini dan memasukkan kode unik yang sudah dibuat dibawah "
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c("hr", { staticClass: "mt-1 mb-1" }),
-                              _vm._v(" "),
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "pointer",
-                                  attrs: {
-                                    href: _vm.form.link,
-                                    target: "_blank",
-                                  },
-                                },
-                                [
-                                  _c("check-value", {
-                                    attrs: {
-                                      value: _vm.form.link.substring(8),
-                                      trimLength: 100,
-                                    },
-                                  }),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "button",
-                                {
-                                  staticClass:
-                                    "btn btn-light btn-block mb-1 mt-2",
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.modalOpen("qrCodeInput")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", { staticClass: "icon-qrcode" }),
-                                  _vm._v(" Buat QR Code\n\t\t\t\t\t\t\t\t"),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "data-viewer",
-                              {
-                                attrs: {
-                                  title: "Suara",
-                                  columnData: _vm.columnDataSuara,
-                                  itemData: _vm.itemDataSuara,
-                                  query: _vm.query,
-                                  itemDataStat: _vm.itemDataSuaraStat,
-                                  excelDownloadUrl: _vm.excelDownloadUrl,
-                                  excelUploads: _vm.excelUploads,
-                                },
-                                on: { fetch: _vm.fetchDataSuara },
-                                scopedSlots: _vm._u(
-                                  [
-                                    {
-                                      key: "item-desktop",
-                                      fn: function (props) {
-                                        return [
-                                          _c(
-                                            "tr",
-                                            {
-                                              staticClass: "text-nowrap",
-                                              class: {
-                                                "bg-info":
-                                                  _vm.selectedSuara.id ==
-                                                  props.item.id,
-                                              },
-                                              on: {
-                                                click: function ($event) {
-                                                  return _vm.selectedRow(
-                                                    props.item
-                                                  )
-                                                },
-                                              },
-                                            },
-                                            [
-                                              !_vm.columnDataSuara[0].hide
-                                                ? _c("td", [
-                                                    _vm._v(
-                                                      "\n\t\t\t\t\t\t\t\t\t\t\t" +
-                                                        _vm._s(
-                                                          props.index +
-                                                            1 +
-                                                            (+_vm.itemDataSuara
-                                                              .current_page -
-                                                              1) *
-                                                              +_vm.itemDataSuara
-                                                                .per_page +
-                                                            "."
-                                                        ) +
-                                                        "\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ])
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              !_vm.columnDataSuara[1].hide
-                                                ? _c(
-                                                    "td",
-                                                    [
-                                                      _c("check-value", {
-                                                        attrs: {
-                                                          value:
-                                                            props.item.name,
-                                                        },
-                                                      }),
-                                                    ],
-                                                    1
-                                                  )
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              !_vm.columnDataSuara[2].hide
-                                                ? _c("td", [
-                                                    _c(
-                                                      "a",
-                                                      {
-                                                        staticClass: "pointer",
-                                                        attrs: {
-                                                          href: props.item.link,
-                                                          target: "_blank",
-                                                        },
-                                                      },
-                                                      [
-                                                        _c("check-value", {
-                                                          attrs: {
-                                                            value:
-                                                              props.item.link.substring(
-                                                                8
-                                                              ),
-                                                            trimLength: 100,
-                                                          },
-                                                        }),
-                                                      ],
-                                                      1
-                                                    ),
-                                                  ])
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              !_vm.columnDataSuara[3].hide
-                                                ? _c("td", [
-                                                    props.item.voting_pilihan_id
-                                                      ? _c(
-                                                          "span",
-                                                          {
-                                                            staticClass:
-                                                              "bg-orange-400 text-highlight",
-                                                          },
-                                                          [
-                                                            _c("i", {
-                                                              staticClass:
-                                                                "icon-check",
-                                                            }),
-                                                          ]
-                                                        )
-                                                      : _c(
-                                                          "span",
-                                                          {
-                                                            staticClass:
-                                                              "bg-teal-300 text-highlight",
-                                                          },
-                                                          [
-                                                            _c("i", {
-                                                              staticClass:
-                                                                "icon-cross3",
-                                                            }),
-                                                          ]
-                                                        ),
-                                                  ])
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              !_vm.columnDataSuara[4].hide
-                                                ? _c("td", [
-                                                    props.item.akses &&
-                                                    props.item.akses.id
-                                                      ? _c(
-                                                          "span",
-                                                          {
-                                                            staticClass:
-                                                              "bg-orange-400 text-highlight",
-                                                          },
-                                                          [
-                                                            _c("i", {
-                                                              staticClass:
-                                                                "icon-check",
-                                                            }),
-                                                          ]
-                                                        )
-                                                      : _c(
-                                                          "span",
-                                                          {
-                                                            staticClass:
-                                                              "bg-teal-300 text-highlight",
-                                                          },
-                                                          [
-                                                            _c("i", {
-                                                              staticClass:
-                                                                "icon-cross3",
-                                                            }),
-                                                          ]
-                                                        ),
-                                                  ])
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              !_vm.columnDataSuara[5].hide &&
-                                              !_vm.columnDataSuara[5].disable
-                                                ? _c(
-                                                    "td",
-                                                    [
-                                                      props.item.cu
-                                                        ? _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item.cu
-                                                                  .name,
-                                                            },
-                                                          })
-                                                        : _c("span", [
-                                                            _vm._v("-"),
-                                                          ]),
-                                                    ],
-                                                    1
-                                                  )
-                                                : _vm._e(),
-                                            ]
-                                          ),
-                                        ]
-                                      },
-                                    },
-                                  ],
-                                  null,
-                                  false,
-                                  607629123
-                                ),
-                              },
-                              [
-                                _c("template", { slot: "button-desktop" }, [
-                                  _vm.form.suara_tipe == 1
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass: "btn btn-light mb-1",
-                                          attrs: {
-                                            disabled: _vm.form.suara_ok > 0,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen(
-                                                "tambah_suara"
-                                              )
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Tambah Suara\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _vm.form.suara_tipe == 1
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass: "btn btn-light mb-1",
-                                          attrs: {
-                                            disabled:
-                                              !_vm.selectedSuara.id ||
-                                              _vm.form.suara_ok > 0,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen("ubah_suara")
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Ubah Suara\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _vm.form.suara_tipe == 1
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass: "btn btn-light mb-1",
-                                          attrs: {
-                                            disabled:
-                                              !_vm.selectedSuara.id ||
-                                              _vm.form.suara_ok > 0,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen(
-                                                "hapus_suara"
-                                              )
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Hapus Suara\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _vm.form.id_cu == 0
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass: "btn btn-light mb-1",
-                                          attrs: {
-                                            disabled:
-                                              !_vm.selectedSuara.id ||
-                                              _vm.form.suara_ok > 0,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen("cu")
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Ubah CU\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light mb-1",
-                                      attrs: {
-                                        disabled: !_vm.selectedSuara.id,
-                                      },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("qrCode")
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-qrcode" }),
-                                      _vm._v(
-                                        " Buat QR Code\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light mb-1",
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("qrCodeAll")
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-qrcode" }),
-                                      _vm._v(
-                                        " QR Code Pada Tabel\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("template", { slot: "button-mobile" }, [
-                                  _vm.form.suara_tipe == 1
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-block mb-1",
-                                          attrs: {
-                                            disabled: _vm.form.suara_ok > 0,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen(
-                                                "tambah_suara"
-                                              )
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Tambah Suara\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _vm.form.suara_tipe == 1
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-block mb-1",
-                                          attrs: {
-                                            disabled:
-                                              !_vm.selectedSuara.id ||
-                                              _vm.form.suara_ok > 0,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen("ubah_suara")
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Ubah Suara\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _vm.form.suara_tipe == 1
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-block mb-1",
-                                          attrs: {
-                                            disabled:
-                                              !_vm.selectedSuara.id ||
-                                              _vm.form.suara_ok > 0,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen(
-                                                "hapus_suara"
-                                              )
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Hapus Suara\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _vm.form.id_cu == 0
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-block mb-1",
-                                          attrs: {
-                                            disabled: !_vm.selectedSuara.id,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen("cu")
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Ubah CU\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-1",
-                                      attrs: {
-                                        disabled: !_vm.selectedSuara.id,
-                                      },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("qrCode")
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-qrcode" }),
-                                      _vm._v(
-                                        " Buat QR Code\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-1",
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("qrCodeAll")
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-qrcode" }),
-                                      _vm._v(
-                                        " QR Code Pada Tabel\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                                ]),
-                              ],
-                              2
-                            ),
-                          ],
-                          1
-                        ),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
-                        _c(
-                          "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "tanggapan",
-                                expression: "tabName == 'tanggapan'",
-                              },
-                            ],
-                          },
-                          [
-                            _c("data-viewer", {
-                              attrs: {
-                                title: "Tanggapan",
-                                columnData: _vm.columnDataTanggapanSuara,
-                                itemData: _vm.itemDataTanggapan,
-                                query: _vm.queryTanggapan,
-                                itemDataStat: _vm.itemDataTanggapanStat,
-                                excelDownloadUrl: _vm.excelDownloadUrlTanggapan,
-                              },
-                              on: { fetch: _vm.fetchDataTanggapan },
-                              scopedSlots: _vm._u(
-                                [
-                                  {
-                                    key: "item-desktop",
-                                    fn: function (props) {
-                                      return [
-                                        _c("tr", [
-                                          !_vm.columnDataTanggapanSuara[0].hide
-                                            ? _c(
-                                                "td",
-                                                { staticClass: "text-nowrap" },
-                                                [
-                                                  _vm._v(
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t" +
-                                                      _vm._s(
-                                                        props.index +
-                                                          1 +
-                                                          (+_vm
-                                                            .itemDataTanggapan
-                                                            .current_page -
-                                                            1) *
-                                                            +_vm
-                                                              .itemDataTanggapan
-                                                              .per_page +
-                                                          "."
-                                                      ) +
-                                                      "\n\t\t\t\t\t\t\t\t\t\t"
-                                                  ),
-                                                ]
-                                              )
-                                            : _vm._e(),
-                                          _vm._v(" "),
-                                          !_vm.columnDataTanggapanSuara[1].hide
-                                            ? _c(
-                                                "td",
-                                                { staticClass: "text-nowrap" },
-                                                [
-                                                  props.item.suara
-                                                    ? _c("check-value", {
-                                                        attrs: {
-                                                          value:
-                                                            props.item.suara
-                                                              .name,
-                                                        },
-                                                      })
-                                                    : _c("span"),
-                                                ],
-                                                1
-                                              )
-                                            : _vm._e(),
-                                          _vm._v(" "),
-                                          !_vm.columnDataTanggapanSuara[2].hide
-                                            ? _c(
-                                                "td",
-                                                { staticClass: "text-nowrap" },
-                                                [
-                                                  props.item.suara &&
-                                                  props.item.suara.pilihan
-                                                    ? _c("check-value", {
-                                                        attrs: {
-                                                          value:
-                                                            props.item.suara
-                                                              .pilihan.name,
-                                                        },
-                                                      })
-                                                    : _c("span"),
-                                                ],
-                                                1
-                                              )
-                                            : _vm._e(),
-                                          _vm._v(" "),
-                                          !_vm.columnDataTanggapanSuara[3].hide
-                                            ? _c(
-                                                "td",
-                                                { staticClass: "text-nowrap" },
-                                                [
-                                                  props.item.tanggapan
-                                                    ? _c("check-value", {
-                                                        attrs: {
-                                                          value:
-                                                            props.item.tanggapan
-                                                              .name,
-                                                        },
-                                                      })
-                                                    : _c("span"),
-                                                ],
-                                                1
-                                              )
-                                            : _vm._e(),
-                                          _vm._v(" "),
-                                          !_vm.columnDataTanggapanSuara[4].hide
-                                            ? _c("td", [
-                                                _vm._v(
-                                                  "\n\t\t\t\t\t\t\t\t\t\t\t" +
-                                                    _vm._s(
-                                                      props.item.keterangan
-                                                    ) +
-                                                    "\n\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ])
-                                            : _vm._e(),
-                                        ]),
-                                      ]
-                                    },
-                                  },
-                                ],
-                                null,
-                                false,
-                                4259077512
-                              ),
-                            }),
-                          ],
-                          1
-                        ),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
-                        _c(
-                          "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "skor",
-                                expression: "tabName == 'skor'",
-                              },
-                            ],
-                          },
-                          [
-                            _vm.form.pilihan
-                              ? _c("div", { staticClass: "card " }, [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass:
-                                        "card-header bg-white header-elements-inline",
-                                    },
-                                    [
-                                      _c("h5", { staticClass: "card-title" }, [
-                                        _vm._v("Perolehan Skor"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c(
-                                        "div",
-                                        { staticClass: "header-elements" },
-                                        [
-                                          _c(
-                                            "button",
-                                            {
-                                              staticClass:
-                                                "btn btn-light btn-icon mb-1",
-                                              attrs: { type: "button" },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.fetch()
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c("i", {
-                                                staticClass: "icon-sync",
-                                              }),
-                                              _vm._v(
-                                                " Reload Data\n\t\t\t\t\t\t\t\t\t\t\t"
-                                              ),
-                                            ]
-                                          ),
-                                        ]
-                                      ),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "card-body" },
-                                    [
-                                      _c(
-                                        "span",
-                                        { staticClass: "badge badge-success" },
-                                        [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\t\tSuara Masuk: " +
-                                              _vm._s(_vm.form.suara_ok) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      ),
-                                      _vm._v(
-                                        " \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                      _c(
-                                        "span",
-                                        { staticClass: "badge badge-primary" },
-                                        [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\t\tTotal Suara: " +
-                                              _vm._s(_vm.form.suara) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      ),
-                                      _vm._v(" "),
-                                      _c("hr"),
-                                      _vm._v(" "),
-                                      _vm._l(
-                                        _vm.formPilihan,
-                                        function (p, index) {
-                                          return _c("div", { key: index }, [
-                                            _c(
-                                              "div",
-                                              { staticClass: "card card-body" },
-                                              [
-                                                _c(
-                                                  "div",
-                                                  { staticClass: "row" },
-                                                  [
-                                                    _c(
-                                                      "div",
-                                                      {
-                                                        staticClass:
-                                                          "col-sm-3 mb-1 mt-1",
-                                                      },
-                                                      [
-                                                        _c("b", [
-                                                          _vm._v(
-                                                            _vm._s(p.name)
-                                                          ),
-                                                        ]),
-                                                      ]
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "div",
-                                                      {
-                                                        staticClass:
-                                                          "col-sm-8 mt-1",
-                                                      },
-                                                      [
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "progress",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "progress-bar-striped bg-success",
-                                                                style: {
-                                                                  width:
-                                                                    Math.round(
-                                                                      (p.skor /
-                                                                        _vm.form
-                                                                          .suara) *
-                                                                        100
-                                                                    ) + "%",
-                                                                },
-                                                              },
-                                                              [
-                                                                _c(
-                                                                  "span",
-                                                                  {
-                                                                    staticClass:
-                                                                      "text-default font-size-lg",
-                                                                  },
-                                                                  [
-                                                                    _vm._v(
-                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                    ),
-                                                                    _c("b", [
-                                                                      _vm._v(
-                                                                        _vm._s(
-                                                                          Math.round(
-                                                                            (p.skor /
-                                                                              _vm
-                                                                                .form
-                                                                                .suara) *
-                                                                              100
-                                                                          ) +
-                                                                            "%"
-                                                                        )
-                                                                      ),
-                                                                    ]),
-                                                                    _vm._v(
-                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                    ),
-                                                                  ]
-                                                                ),
-                                                              ]
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "card card-body mt-2 mb-0",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "row",
-                                                              },
-                                                              [
-                                                                _c(
-                                                                  "div",
-                                                                  {
-                                                                    staticClass:
-                                                                      "col-sm-3 mb-0 mt-0",
-                                                                  },
-                                                                  [
-                                                                    _c("b", [
-                                                                      _vm._v(
-                                                                        "Dengan Tanggapan"
-                                                                      ),
-                                                                    ]),
-                                                                  ]
-                                                                ),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "div",
-                                                                  {
-                                                                    staticClass:
-                                                                      "col-sm-8 mb-0 mt-0",
-                                                                  },
-                                                                  [
-                                                                    _c(
-                                                                      "div",
-                                                                      {
-                                                                        staticClass:
-                                                                          "progress",
-                                                                      },
-                                                                      [
-                                                                        _c(
-                                                                          "div",
-                                                                          {
-                                                                            staticClass:
-                                                                              "progress-bar-striped bg-primary",
-                                                                            style:
-                                                                              {
-                                                                                width:
-                                                                                  Math.round(
-                                                                                    (p.skor_tanggapan /
-                                                                                      p.skor) *
-                                                                                      100
-                                                                                  ) +
-                                                                                  "%",
-                                                                              },
-                                                                          },
-                                                                          [
-                                                                            _c(
-                                                                              "span",
-                                                                              {
-                                                                                staticClass:
-                                                                                  "text-default font-size-lg",
-                                                                              },
-                                                                              [
-                                                                                _vm._v(
-                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                                ),
-                                                                                _c(
-                                                                                  "b",
-                                                                                  [
-                                                                                    _vm._v(
-                                                                                      _vm._s(
-                                                                                        Math.round(
-                                                                                          (p.skor_tanggapan /
-                                                                                            p.skor) *
-                                                                                            100
-                                                                                        ) +
-                                                                                          "%"
-                                                                                      )
-                                                                                    ),
-                                                                                  ]
-                                                                                ),
-                                                                                _vm._v(
-                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                                ),
-                                                                              ]
-                                                                            ),
-                                                                          ]
-                                                                        ),
-                                                                      ]
-                                                                    ),
-                                                                  ]
-                                                                ),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "div",
-                                                                  {
-                                                                    staticClass:
-                                                                      "col-sm-1 mb-0 mt-0",
-                                                                  },
-                                                                  [
-                                                                    _vm._v(
-                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                                        _vm._s(
-                                                                          p.skor_tanggapan
-                                                                        ) +
-                                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                    ),
-                                                                  ]
-                                                                ),
-                                                              ]
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "card card-body mt-1 mb-0",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "row",
-                                                              },
-                                                              [
-                                                                _c(
-                                                                  "div",
-                                                                  {
-                                                                    staticClass:
-                                                                      "col-sm-3 mb-0 mt-0",
-                                                                  },
-                                                                  [
-                                                                    _c("b", [
-                                                                      _vm._v(
-                                                                        "Tanpa Tanggapan"
-                                                                      ),
-                                                                    ]),
-                                                                  ]
-                                                                ),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "div",
-                                                                  {
-                                                                    staticClass:
-                                                                      "col-sm-8 mb-0 mt-0",
-                                                                  },
-                                                                  [
-                                                                    _c(
-                                                                      "div",
-                                                                      {
-                                                                        staticClass:
-                                                                          "progress",
-                                                                      },
-                                                                      [
-                                                                        _c(
-                                                                          "div",
-                                                                          {
-                                                                            staticClass:
-                                                                              "progress-bar-striped bg-warning",
-                                                                            style:
-                                                                              {
-                                                                                width:
-                                                                                  Math.round(
-                                                                                    ((p.skor -
-                                                                                      p.skor_tanggapan) /
-                                                                                      p.skor) *
-                                                                                      100
-                                                                                  ) +
-                                                                                  "%",
-                                                                              },
-                                                                          },
-                                                                          [
-                                                                            _c(
-                                                                              "span",
-                                                                              {
-                                                                                staticClass:
-                                                                                  "text-default font-size-lg",
-                                                                              },
-                                                                              [
-                                                                                _vm._v(
-                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                                ),
-                                                                                _c(
-                                                                                  "b",
-                                                                                  [
-                                                                                    _vm._v(
-                                                                                      _vm._s(
-                                                                                        Math.round(
-                                                                                          ((p.skor -
-                                                                                            p.skor_tanggapan) /
-                                                                                            p.skor) *
-                                                                                            100
-                                                                                        ) +
-                                                                                          "%"
-                                                                                      )
-                                                                                    ),
-                                                                                  ]
-                                                                                ),
-                                                                                _vm._v(
-                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                                ),
-                                                                              ]
-                                                                            ),
-                                                                          ]
-                                                                        ),
-                                                                      ]
-                                                                    ),
-                                                                  ]
-                                                                ),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "div",
-                                                                  {
-                                                                    staticClass:
-                                                                      "col-sm-1 mb-0 mt-0",
-                                                                  },
-                                                                  [
-                                                                    _vm._v(
-                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                                        _vm._s(
-                                                                          p.skor -
-                                                                            p.skor_tanggapan
-                                                                        ) +
-                                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                    ),
-                                                                  ]
-                                                                ),
-                                                              ]
-                                                            ),
-                                                          ]
-                                                        ),
-                                                      ]
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "div",
-                                                      {
-                                                        staticClass:
-                                                          "col-sm-1 mb-1 mt-1",
-                                                      },
-                                                      [
-                                                        _vm._v(
-                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                            _vm._s(p.skor) +
-                                                            " / " +
-                                                            _vm._s(
-                                                              _vm.form.suara
-                                                            ) +
-                                                            "\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                          ])
-                                        }
-                                      ),
-                                    ],
-                                    2
-                                  ),
-                                ])
-                              : _vm._e(),
-                          ]
-                        ),
-                      ]
-                    ),
-                  ]
-                : _vm.formStat == "loading"
-                ? _c("div", [_vm._m(0)])
-                : _c("div", [_vm._m(1)]),
-            ],
-            2
-          ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
-            title: _vm.modalTitle,
-            button: _vm.modalButton,
-            content: _vm.modalContent,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _c("form-cu", {
-                attrs: {
-                  kelas: _vm.kelas,
-                  id: _vm.selectedSuara.id,
-                  id_cu: _vm.selectedSuara.id_cu,
-                },
-                on: { tutup: _vm.modalTutup },
-              }),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body2" },
-            [
-              _vm.state == "qrCode" || _vm.state == "qrCodeInput"
-                ? _c("qr-code", {
-                    attrs: {
-                      selectedItem: _vm.selectedSuara,
-                      title: _vm.form.name,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.state == "qrCodeAll"
-                ? _c("qr-code-all", {
-                    attrs: {
-                      itemData: _vm.itemDataSuara,
-                      title: _vm.form.name,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body3" },
-            [
-              _vm.state == "tambah_suara"
-                ? _c("form-kode-suara", {
-                    attrs: {
-                      kelas: _vm.kelas,
-                      id: _vm.form.id,
-                      id_cu: _vm.form.id_cu,
-                      mode: "store",
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.state == "ubah_suara"
-                ? _c("form-kode-suara", {
-                    attrs: {
-                      kelas: _vm.kelas,
-                      id: _vm.form.id,
-                      id_cu: _vm.form.id_cu,
-                      selectedItem: _vm.selectedSuara,
-                      mode: "edit",
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
-            ],
-            1
-          ),
-        ],
-        2
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h4", [_vm._v("Mohon tunggu...")]),
-        _vm._v(" "),
-        _c("div", { staticClass: "progress" }, [
-          _c(
-            "div",
-            {
-              staticClass:
-                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-              staticStyle: { width: "100%" },
-            },
-            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-          ),
-        ]),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h3", [_vm._v("Oops terjadi kesalahan")]),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formCu.vue?vue&type=template&id=6cbbc09b&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/formCu.vue?vue&type=template&id=6cbbc09b& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("formStatus") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "form",
-        {
-          attrs: { "data-vv-scope": "formStatus" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
-            },
-          },
-        },
-        [
-          _c("div", { staticClass: "form-group" }, [
-            _c("h5", [_vm._v("Pilih CU:")]),
-            _vm._v(" "),
-            _c(
-              "select",
-              {
-                directives: [
-                  {
-                    name: "model",
-                    rawName: "v-model",
-                    value: _vm.form.id_cu,
-                    expression: "form.id_cu",
-                  },
-                ],
-                staticClass: "form-control",
-                attrs: {
-                  name: "status",
-                  "data-width": "100%",
-                  disabled: _vm.modelCUStat === "loading",
-                },
-                on: {
-                  change: function ($event) {
-                    var $$selectedVal = Array.prototype.filter
-                      .call($event.target.options, function (o) {
-                        return o.selected
-                      })
-                      .map(function (o) {
-                        var val = "_value" in o ? o._value : o.value
-                        return val
-                      })
-                    _vm.$set(
-                      _vm.form,
-                      "id_cu",
-                      $event.target.multiple ? $$selectedVal : $$selectedVal[0]
-                    )
-                  },
-                },
-              },
-              [
-                _c("option", { attrs: { disabled: "", value: "" } }, [
-                  _vm._v("Silahkan pilih CU"),
-                ]),
-                _vm._v(" "),
-                _vm._l(_vm.modelCU, function (cu, index) {
-                  return _c(
-                    "option",
-                    { key: index, domProps: { value: cu.id } },
-                    [
-                      _vm._v(
-                        "\n\t\t\t\t\t\t" + _vm._s(cu.name) + "\n\t\t\t\t\t"
-                      ),
-                    ]
-                  )
-                }),
-              ],
-              2
-            ),
-          ]),
-          _vm._v(" "),
-          _c("hr"),
-          _vm._v(" "),
-          _c("div", { staticClass: "text-center d-none d-md-block" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-primary",
-                attrs: { type: "submit", disabled: _vm.form.id_cu == "" },
-              },
-              [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "d-block d-md-none" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-primary btn-block pb-2",
-                attrs: { type: "submit", disabled: _vm.form.id_cu == "" },
-              },
-              [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-            ),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block pb-2",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-          ]),
-        ]
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=template&id=9146f5a0&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=template&id=9146f5a0& ***!
-  \*************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("form") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "form",
-        {
-          attrs: { "data-vv-scope": "form" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
-            },
-          },
-        },
-        [
-          _c(
-            "div",
-            {
-              staticClass: "form-group",
-              class: { "has-error": _vm.errors.has("form.name") },
-            },
-            [
-              _c(
-                "h5",
-                { class: { "text-danger": _vm.errors.has("form.name") } },
-                [
-                  _vm.errors.has("form.name")
-                    ? _c("i", { staticClass: "icon-cross2" })
-                    : _vm._e(),
-                  _vm._v("\n\t\t\t\t\tNama: "),
-                  _c("wajib-badge"),
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c("input", {
-                directives: [
-                  {
-                    name: "validate",
-                    rawName: "v-validate",
-                    value: "required",
-                    expression: "'required'",
-                  },
-                  {
-                    name: "model",
-                    rawName: "v-model",
-                    value: _vm.form.name,
-                    expression: "form.name",
-                  },
-                ],
-                staticClass: "form-control",
-                attrs: {
-                  type: "text",
-                  name: "name",
-                  placeholder: "Silahkan masukkan kode",
-                  "data-vv-as": "Kode",
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "form" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _vm.errors.any("form") && _vm.submited
+          ? _c("message", {
+              attrs: {
+                title: "Oops terjadi kesalahan",
+                errorItem: _vm.errors.items,
+              },
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _c(
+          "div",
+          {
+            staticClass: "form-group",
+            class: { "has-error": _vm.errors.has("form.name") },
+          },
+          [
+            _c(
+              "h5",
+              { class: { "text-danger": _vm.errors.has("form.name") } },
+              [
+                _vm.errors.has("form.name")
+                  ? _c("i", { staticClass: "icon-cross2" })
+                  : _vm._e(),
+                _vm._v("\n\t\t\t\tPengumuman:\n\t\t\t"),
+              ]
+            ),
+            _vm._v(" "),
+            _c("textarea", {
+              directives: [
+                {
+                  name: "validate",
+                  rawName: "v-validate",
+                  value: "required|min:5|max:160",
+                  expression: "'required|min:5|max:160'",
                 },
-                domProps: { value: _vm.form.name },
-                on: {
-                  keydown: function ($event) {
-                    if (
-                      !$event.type.indexOf("key") &&
-                      _vm._k($event.keyCode, "space", 32, $event.key, [
-                        " ",
-                        "Spacebar",
-                      ])
-                    ) {
-                      return null
-                    }
-                    $event.preventDefault()
-                  },
-                  input: function ($event) {
-                    if ($event.target.composing) {
-                      return
-                    }
-                    _vm.$set(_vm.form, "name", $event.target.value)
-                  },
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.form.name,
+                  expression: "form.name",
                 },
-              }),
-              _vm._v(" "),
-              _vm.errors.has("form.name")
-                ? _c("small", { staticClass: "text-muted text-danger" }, [
-                    _c("i", { staticClass: "icon-arrow-small-right" }),
-                    _vm._v(
-                      " " + _vm._s(_vm.errors.first("form.name")) + "\n\t\t\t\t"
-                    ),
-                  ])
-                : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-            ]
-          ),
-          _vm._v(" "),
-          _vm.id_cu == 0
-            ? _c("div", { staticClass: "form-group" }, [
-                _c("h5", [_vm._v("CU:")]),
+              ],
+              staticClass: "form-control",
+              attrs: {
+                rows: "5",
+                type: "text",
+                name: "name",
+                placeholder: "Silahkan masukkan pengumuman di website anda",
+              },
+              domProps: { value: _vm.form.name },
+              on: {
+                input: function ($event) {
+                  if ($event.target.composing) {
+                    return
+                  }
+                  _vm.$set(_vm.form, "name", $event.target.value)
+                },
+              },
+            }),
+            _vm._v(" "),
+            _vm.errors.has("form.name")
+              ? _c("small", { staticClass: "text-muted text-danger" }, [
+                  _c("i", { staticClass: "icon-arrow-small-right" }),
+                  _vm._v(
+                    " " + _vm._s(_vm.errors.first("form.name")) + "\n\t\t\t"
+                  ),
+                ])
+              : _c("small", { staticClass: "text-muted" }, [
+                  _vm._v(
+                    "Maksimal karakter yang bisa dimunculkan di pengumuman adalah 160 karakter.\n\t\t\t"
+                  ),
+                ]),
+          ]
+        ),
+        _vm._v(" "),
+        _vm.currentUser.id_cu == 0
+          ? _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("form.id_cu") },
+              },
+              [
+                _c(
+                  "h5",
+                  { class: { "text-danger": _vm.errors.has("form.id_cu") } },
+                  [
+                    _vm.errors.has("form.id_cu")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\tCU:\n\t\t\t"),
+                  ]
+                ),
                 _vm._v(" "),
                 _c(
                   "select",
@@ -3620,12 +681,19 @@ var render = function () {
                         value: _vm.form.id_cu,
                         expression: "form.id_cu",
                       },
+                      {
+                        name: "validate",
+                        rawName: "v-validate",
+                        value: "required",
+                        expression: "'required'",
+                      },
                     ],
                     staticClass: "form-control",
                     attrs: {
-                      name: "status",
+                      name: "id_cu",
                       "data-width": "100%",
-                      disabled: _vm.modelCUStat === "loading",
+                      "data-vv-as": "CU",
+                      disabled: _vm.modelCU.length === 0,
                     },
                     on: {
                       change: function ($event) {
@@ -3652,75 +720,430 @@ var render = function () {
                       _vm._v("Silahkan pilih CU"),
                     ]),
                     _vm._v(" "),
+                    _c("option", { attrs: { value: "0" } }, [
+                      _vm.currentUser.pus
+                        ? _c("span", [_vm._v(_vm._s(_vm.currentUser.pus.name))])
+                        : _c("span", [_vm._v("PUSKOPCUINA")]),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("----------------"),
+                    ]),
+                    _vm._v(" "),
                     _vm._l(_vm.modelCU, function (cu, index) {
                       return _c(
                         "option",
                         { key: index, domProps: { value: cu.id } },
-                        [
-                          _vm._v(
-                            "\n\t\t\t\t\t\t" + _vm._s(cu.name) + "\n\t\t\t\t\t"
-                          ),
-                        ]
+                        [_vm._v(_vm._s(cu.name))]
                       )
                     }),
                   ],
                   2
                 ),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _c("hr"),
-          _vm._v(" "),
-          _c("div", { staticClass: "text-center d-none d-md-block" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
+                _vm._v(" "),
+                _vm.errors.has("form.id_cu")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("form.id_cu")) +
+                          "\n\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+              ]
+            )
+          : _vm._e(),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("form-button", {
+          attrs: {
+            cancelTitle: _vm.cancelTitle,
+            cancelIcon: _vm.cancelIcon,
+            cancelState: _vm.cancelState,
+            formValidation: "form",
+          },
+          on: { cancelClick: _vm.cancelClick },
+        }),
+      ],
+      1
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/index.vue?vue&type=template&id=d4aa387e&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pengumuman/index.vue?vue&type=template&id=d4aa387e& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.id_cu == 0
+                ? _c("select-cu", {
+                    attrs: {
+                      kelas: _vm.kelas,
+                      path: _vm.selectCuPath,
+                      isPus: true,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("table-data", {
+                attrs: { title: _vm.title, kelas: _vm.kelas },
+              }),
+            ],
+            1
+          ),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/table.vue?vue&type=template&id=4f4618bd&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pengumuman/table.vue?vue&type=template&id=4f4618bd& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c(
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
+          },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
+                      },
+                    },
+                    [
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide && !_vm.columnData[2].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.cu
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.cu.name,
+                                      empty: _vm.columnData[2].groupNoKey,
+                                    },
+                                  })
+                                : _c("span", [_vm._v("PUSKOPCUINA")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
               },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
+            },
+          ]),
+        },
+        [
+          _c("template", { slot: "button-desktop" }, [
+            _vm.currentUser.can && _vm.currentUser.can["create_pengumuman"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light mb-1",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("tambah")
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-plus3" }),
+                    _vm._v(" Tambah\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
             _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-primary",
-                attrs: { type: "submit", disabled: _vm.errors.any("form") },
-              },
-              [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-            ),
+            _vm.currentUser.can && _vm.currentUser.can["update_pengumuman"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("ubah")
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-pencil5" }),
+                    _vm._v(" Ubah\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["destroy_pengumuman"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("hapus")
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
           ]),
           _vm._v(" "),
-          _c("div", { staticClass: "d-block d-md-none" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-primary btn-block pb-2",
-                attrs: { type: "submit", disabled: _vm.errors.any("form") },
-              },
-              [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-            ),
+          _c("template", { slot: "button-mobile" }, [
+            _vm.currentUser.can && _vm.currentUser.can["create_pengumuman"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("tambah")
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-plus3" }),
+                    _vm._v(" Tambah\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
             _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block pb-2",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
+            _vm.currentUser.can && _vm.currentUser.can["update_pengumuman"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("ubah")
+                      },
+                    },
                   },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
+                  [
+                    _c("i", { staticClass: "icon-pencil5" }),
+                    _vm._v(" Ubah\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["destroy_pengumuman"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("hapus")
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+          ]),
+        ],
+        2
+      ),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            button: _vm.modalButton,
+            content: _vm.modalContent,
+            color: _vm.modalColor,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
           ]),
-        ]
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body1" },
+            [
+              _c("form-pengumuman", {
+                attrs: {
+                  currentUser: _vm.currentUser,
+                  state: _vm.state,
+                  id: _vm.selectedItem.id,
+                },
+                on: { cancelClick: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+        ],
+        2
       ),
     ],
     1
@@ -3733,17 +1156,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/detail.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/views/voting/detail.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/pengumuman/form.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/views/pengumuman/form.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _detail_vue_vue_type_template_id_4ecd6f16___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=4ecd6f16& */ "./resources/assets/js/views/voting/detail.vue?vue&type=template&id=4ecd6f16&");
-/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/detail.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_811815b6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=811815b6& */ "./resources/assets/js/views/pengumuman/form.vue?vue&type=template&id=811815b6&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pengumuman/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3753,9 +1176,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _detail_vue_vue_type_template_id_4ecd6f16___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _detail_vue_vue_type_template_id_4ecd6f16___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_811815b6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_811815b6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3765,54 +1188,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/voting/detail.vue"
+component.options.__file = "resources/assets/js/views/pengumuman/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/detail.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/detail.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/pengumuman/form.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/pengumuman/form.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/detail.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/detail.vue?vue&type=template&id=4ecd6f16&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/detail.vue?vue&type=template&id=4ecd6f16& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/pengumuman/form.vue?vue&type=template&id=811815b6&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/pengumuman/form.vue?vue&type=template&id=811815b6& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_4ecd6f16___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=4ecd6f16& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/detail.vue?vue&type=template&id=4ecd6f16&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_4ecd6f16___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_811815b6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=811815b6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/form.vue?vue&type=template&id=811815b6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_811815b6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_4ecd6f16___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_811815b6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/formCu.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/views/voting/formCu.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/pengumuman/index.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/pengumuman/index.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formCu_vue_vue_type_template_id_6cbbc09b___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formCu.vue?vue&type=template&id=6cbbc09b& */ "./resources/assets/js/views/voting/formCu.vue?vue&type=template&id=6cbbc09b&");
-/* harmony import */ var _formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formCu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/formCu.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_d4aa387e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=d4aa387e& */ "./resources/assets/js/views/pengumuman/index.vue?vue&type=template&id=d4aa387e&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pengumuman/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3822,9 +1245,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formCu_vue_vue_type_template_id_6cbbc09b___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formCu_vue_vue_type_template_id_6cbbc09b___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_d4aa387e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_d4aa387e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3834,54 +1257,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/voting/formCu.vue"
+component.options.__file = "resources/assets/js/views/pengumuman/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/formCu.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/formCu.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/pengumuman/index.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/pengumuman/index.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formCu.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/formCu.vue?vue&type=template&id=6cbbc09b&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/formCu.vue?vue&type=template&id=6cbbc09b& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/pengumuman/index.vue?vue&type=template&id=d4aa387e&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/pengumuman/index.vue?vue&type=template&id=d4aa387e& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_6cbbc09b___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCu.vue?vue&type=template&id=6cbbc09b& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formCu.vue?vue&type=template&id=6cbbc09b&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_6cbbc09b___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_d4aa387e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=d4aa387e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/index.vue?vue&type=template&id=d4aa387e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_d4aa387e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_6cbbc09b___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_d4aa387e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/formKodeSuara.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/voting/formKodeSuara.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/views/pengumuman/table.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/pengumuman/table.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formKodeSuara_vue_vue_type_template_id_9146f5a0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKodeSuara.vue?vue&type=template&id=9146f5a0& */ "./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=template&id=9146f5a0&");
-/* harmony import */ var _formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKodeSuara.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_4f4618bd___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=4f4618bd& */ "./resources/assets/js/views/pengumuman/table.vue?vue&type=template&id=4f4618bd&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pengumuman/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3891,9 +1314,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formKodeSuara_vue_vue_type_template_id_9146f5a0___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formKodeSuara_vue_vue_type_template_id_9146f5a0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_4f4618bd___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_4f4618bd___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3903,38 +1326,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/voting/formKodeSuara.vue"
+component.options.__file = "resources/assets/js/views/pengumuman/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/pengumuman/table.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/pengumuman/table.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKodeSuara.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=template&id=9146f5a0&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=template&id=9146f5a0& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/pengumuman/table.vue?vue&type=template&id=4f4618bd&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/pengumuman/table.vue?vue&type=template&id=4f4618bd& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_template_id_9146f5a0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKodeSuara.vue?vue&type=template&id=9146f5a0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=template&id=9146f5a0&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_template_id_9146f5a0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4f4618bd___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=4f4618bd& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pengumuman/table.vue?vue&type=template&id=4f4618bd&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4f4618bd___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_template_id_9146f5a0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4f4618bd___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/103.js b/public/js/components/103.js
index 9c94a6692..434b3ae90 100644
--- a/public/js/components/103.js
+++ b/public/js/components/103.js
@@ -1,14 +1,44 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[103],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/detail.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/detail.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _helpers_pusherAuth_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../helpers/pusherAuth.js */ "./resources/assets/js/helpers/pusherAuth.js");
+/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _formCu_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./formCu.vue */ "./resources/assets/js/views/voting/formCu.vue");
+/* harmony import */ var _formKodeSuara_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./formKodeSuara.vue */ "./resources/assets/js/views/voting/formKodeSuara.vue");
+/* harmony import */ var laravel_echo__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! laravel-echo */ "./node_modules/laravel-echo/dist/echo.js");
+/* harmony import */ var pusher_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! pusher-js */ "./node_modules/pusher-js/dist/web/pusher.js");
+/* harmony import */ var pusher_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(pusher_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _qrCode_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./qrCode.vue */ "./resources/assets/js/views/voting/qrCode.vue");
+/* harmony import */ var _qrCodeAll_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./qrCodeAll.vue */ "./resources/assets/js/views/voting/qrCodeAll.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 //
 //
 //
@@ -34,82 +64,6 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
-  data: function data() {
-    return {
-      image: ''
-    };
-  },
-  props: {
-    image_loc: {
-      type: [String],
-      "default": ''
-    },
-    image_type: {
-      type: [String],
-      "default": '.jpg'
-    },
-    image_temp: {
-      "default": ''
-    },
-    value: {
-      type: [String, File],
-      "default": 'no_image'
-    }
-  },
-  methods: {
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.createImage(files[0]);
-      this.$emit('input', files[0]);
-    },
-    createImage: function createImage(file) {
-      var reader = new FileReader();
-      var vm = this;
-
-      reader.onload = function (e) {
-        vm.image = e.target.result; // this.$emit('input', vm.image)
-      };
-
-      reader.readAsDataURL(file);
-    },
-    close: function close() {
-      this.$emit('input', 'no_image');
-      this.image = '/images/no_image.jpg';
-      this.$refs.fileInput.value = '';
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/form.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelSimo/form.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _helpers_auth__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../helpers/auth */ "./resources/assets/js/helpers/auth.js");
-/* harmony import */ var _helpers_url_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../helpers/url.js */ "./resources/assets/js/helpers/url.js");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -275,679 +229,2956 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_10__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Tambah Artikel SIMO',
-      titleDesc: 'Menambah artikel simo baru',
-      titleIcon: 'icon-plus3',
-      level2Title: 'Artikel SIMO',
-      kelas: 'artikelSimo',
-      id_cu: '',
-      utama: '',
-      UploadAdapter: function UploadAdapter(loader) {
-        var _this = this;
-
-        this.loader = loader;
-
-        this.upload = function () {
-          var body = new FormData();
-          var user = Object(_helpers_auth__WEBPACK_IMPORTED_MODULE_8__["getLocalUser"])();
-          var token = user.token;
-          body.append('gambar', _this.loader.file);
-          return fetch(_helpers_url_js__WEBPACK_IMPORTED_MODULE_9__["url_config"].api_url + 'artikelSimo/upload', {
-            headers: {
-              "Authorization": 'Bearer ' + token
-            },
-            body: body,
-            method: 'POST'
-          }).then(function (response) {
-            return response.json();
-          }).then(function (downloadUrl) {
-            return {
-              "default": downloadUrl
-            };
-          })["catch"](function (error) {
-            console.log(error);
-          });
-        };
-
-        this.abort = function () {
-          console.log('Abort upload.');
-        };
-      },
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      submited: false,
-      submitedKategori: false,
-      submitedPenulis: false
-    };
-  },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
-  created: function created() {
-    if (this.currentUser.id_cu === 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    }
-
-    if (this.$route.meta.mode !== 'edit' && this.form.id_cu === undefined) {
-      this.form.id_cu = this.currentUser.id_cu;
-      this.changeCU(this.currentUser.id_cu);
-    }
-  },
-  watch: {
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.currentUser.id_cu === 0) {
-        if (this.modelCuStat != 'success') {
-          this.$store.dispatch('cu/getHeader');
-        }
-      }
-
-      if (this.$route.meta.mode === 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Artikel SIMO';
-        this.titleDesc = 'Mengubah artikel Simo';
-        this.titleIcon = 'icon-pencil5';
-      } else {
-        this.title = 'Tambah Artikel SIMO';
-        this.titleDesc = 'Menambah artikel Simo';
-        this.titleIcon = 'icon-plus3';
-        this.$store.dispatch(this.kelas + '/create');
-      }
-    },
-    save: function save() {
-      var _this2 = this;
-
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this2.$route.meta.mode === 'edit') {
-            _this2.$store.dispatch(_this2.kelas + '/update', [_this2.$route.params.id, formData]);
-          } else {
-            _this2.$store.dispatch(_this2.kelas + '/store', formData);
-          }
-
-          _this2.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this2.submited = true;
-        }
-      });
-    },
-    back: function back() {
-      this.$router.push({
-        name: this.kelas
-      });
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat === 'success') {
-        this.back();
-      }
-
-      this.modalShow = false;
-      this.submitedKategori = false;
-      this.submitedPenulis = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    },
-    processFile: function processFile(event) {
-      this.form.gambar = event.target.files[0];
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelSimo', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true&":
-/*!********************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true& ***!
-  \********************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, ".document-editor[data-v-28df5362] {\n  border: 1px solid var(--ck-color-base-border);\n  border-radius: var(--ck-border-radius);\n\n  /* Set vertical boundaries for the document editor. */\n  max-height: 700px;\n\n  /* This element is a flex container for easier rendering. */\n  display: flex;\n  flex-flow: column nowrap;\n}\n.document-editor__toolbar[data-v-28df5362] {\n  /* Make sure the toolbar container is always above the editable. */\n  z-index: 1;\n\n  /* Create the illusion of the toolbar floating over the editable. */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.2 );\n\n  /* Use the CKEditor CSS variables to keep the UI consistent. */\n  border-bottom: 1px solid var(--ck-color-toolbar-border);\n}\n\n/* Adjust the look of the toolbar inside the container. */\n.document-editor__toolbar .ck-toolbar[data-v-28df5362] {\n  border: 0;\n  border-radius: 0;\n}\n\n/* Make the editable container look like the inside of a native word processor application. */\n.document-editor__editable-container[data-v-28df5362] {\n  padding: calc( 2 * var(--ck-spacing-large) );\n  background: var(--ck-color-base-foreground);\n\n  /* Make it possible to scroll the \"page\" of the edited content. */\n  overflow-y: scroll;\n}\n.document-editor__editable-container .ck-editor__editable[data-v-28df5362] {\n  /* Set the dimensions of the \"page\". */\n  width: 98%;\n  /* min-height: 21cm; */\n\n  /* Keep the \"page\" off the boundaries of the container. */\n  padding: 1cm 2cm 2cm;\n\n  border: 1px hsl( 0,0%,82.7% ) solid;\n  border-radius: var(--ck-border-radius);\n  background: white;\n\n  /* The \"page\" should cast a slight shadow (3D illusion). */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.1 );\n\n  /* Center the \"page\". */\n  margin: 0 auto;\n}\n\n/* Set the default font for the \"page\" of the content. */\n.document-editor .ck-content[data-v-28df5362],\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-28df5362] {\n  font: 16px/1.6 \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n/* Adjust the headings dropdown to host some larger heading styles. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-28df5362] {\n  line-height: calc( 1.7 * var(--ck-line-height-base) * var(--ck-font-size-base) );\n  min-width: 6em;\n}\n\n/* Scale down all heading previews because they are way too big to be presented in the UI.\nPreserve the relative scale, though. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label[data-v-28df5362] {\n  transform: scale(0.8);\n  transform-origin: left;\n}\n\n/* Set the styles for \"Heading 1\". */\n.document-editor .ck-content h2[data-v-28df5362],\n.document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label[data-v-28df5362] {\n  font-size: 2.18em;\n  font-weight: normal;\n}\n.document-editor .ck-content h2[data-v-28df5362] {\n  line-height: 1.37em;\n  padding-top: .342em;\n  margin-bottom: .142em;\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-28df5362],\n.document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label[data-v-28df5362] {\n  font-size: 1.75em;\n  font-weight: normal;\n  color: hsl( 203, 100%, 50% );\n}\n.document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label[data-v-28df5362] {\n  color: var(--ck-color-list-button-on-text);\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-28df5362] {\n  line-height: 1.86em;\n  padding-top: .171em;\n  margin-bottom: .357em;\n}\n\n/* Set the styles for \"Heading 3\". */\n.document-editor .ck-content h4[data-v-28df5362],\n.document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label[data-v-28df5362] {\n  font-size: 1.31em;\n  font-weight: bold;\n}\n.document-editor .ck-content h4[data-v-28df5362] {\n  line-height: 1.24em;\n  padding-top: .286em;\n  margin-bottom: .952em;\n}\n\n/* Set the styles for \"Paragraph\". */\n.document-editor .ck-content p[data-v-28df5362] {\n  font-size: 1em;\n  line-height: 1.63em;\n  padding-top: .5em;\n  margin-bottom: 1.13em;\n}\n\n/* Make the block quoted text serif with some additional spacing. */\n.document-editor .ck-content blockquote[data-v-28df5362] {\n  font-family: Georgia, serif;\n  margin-left: calc( 2 * var(--ck-spacing-large) );\n  margin-right: calc( 2 * var(--ck-spacing-large) );\n}\n", ""]);
-
-// exports
-
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true&":
-/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true& ***!
-  \************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true&");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body text-center" }, [
-        _vm.image === "" && _vm.image_temp === ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: "/images/no_image.jpg" },
-            })
-          : _vm.image === "" && _vm.image_temp !== ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
-            })
-          : _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image },
-            }),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "row" }, [
-      _c("div", { staticClass: "col-md-10" }, [
-        _c("input", {
-          ref: "fileInput",
-          staticClass: "form-control",
-          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
-          on: { change: _vm.upload },
-        }),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-2" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block",
-            attrs: { type: "button", disabled: _vm.image_temp === "" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.close()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
-        ),
-      ]),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/form.vue?vue&type=template&id=28df5362&scoped=true&":
-/*!*********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelSimo/form.vue?vue&type=template&id=28df5362&scoped=true& ***!
-  \*********************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops, terjadi kesalahan",
-                      errorItem: _vm.errors.items,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "form",
-                {
-                  attrs: {
-                    enctype: "multipart/form-data",
-                    "data-vv-scope": "form",
-                  },
-                  on: {
-                    submit: function ($event) {
-                      $event.preventDefault()
-                      return _vm.save.apply(null, arguments)
-                    },
-                  },
-                },
-                [
-                  _c("div", { staticClass: "card" }, [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.name"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.name"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.name")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tJudul: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|min:5",
-                                    expression: "'required|min:5'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.name,
-                                    expression: "form.name",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "name",
-                                  placeholder:
-                                    "Silahkan masukkan judul artikel",
-                                  "data-vv-as": "Judul",
-                                },
-                                domProps: { value: _vm.form.name },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "name",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.name")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.name")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.utamakan"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_6__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formCu: _formCu_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    formKodeSuara: _formKodeSuara_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_8__["default"],
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
+    qrCode: _qrCode_vue__WEBPACK_IMPORTED_MODULE_14__["default"],
+    qrCodeAll: _qrCodeAll_vue__WEBPACK_IMPORTED_MODULE_15__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Detail voting',
+      titleDesc: 'Melihat detail data voting',
+      titleIcon: 'icon-stack2',
+      level: 2,
+      level2Title: 'Voting',
+      kelas: 'voting',
+      tabName: 'info',
+      query: {
+        order_column: "name",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      queryTanggapan: {
+        order_column: "id",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      excelDownloadUrl: '',
+      excelDownloadUrlTanggapan: '',
+      excelUploads: [{
+        enabled: true,
+        url: 'voting/uploadSuara/' + this.$route.params.id,
+        format_url: 'formatVotingSuara.xlsx',
+        button: 'Upload Kode Suara'
+      }],
+      columnDataPilihan: [{
+        title: 'No.'
+      }, {
+        title: 'Nama'
+      }],
+      columnDataTanggapan: [{
+        title: 'No.'
+      }, {
+        title: 'Tanggapan'
+      }],
+      columnDataSuara: [{
+        title: 'No.',
+        name: 'No.'
+      }, {
+        title: 'Kode',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Link',
+        name: 'link',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Memilih',
+        name: 'voting_pilihan_id',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Akses',
+        name: 'akses.id',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'CU',
+        name: 'cu.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      columnDataTanggapanSuara: [{
+        title: 'No.',
+        name: 'No.'
+      }, {
+        title: 'Kode',
+        name: 'suara.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Pilihan',
+        name: 'suara.pilihan.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Tanggapan',
+        name: 'tanggapan.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Keterangan',
+        name: 'keterangan',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      selectedSuara: {},
+      state: '',
+      modalShow: false,
+      modalState: '',
+      modalColor: '',
+      modalSize: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: '',
+      formPilihan: ''
+    };
+  },
+  created: function created() {
+    this.fetch();
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    Object(_helpers_pusherAuth_js__WEBPACK_IMPORTED_MODULE_5__["PusherAuth"])();
+    window.Echo["private"]("voting.channel." + this.$route.params.id).listen('VotingEvent', function (data) {
+      var p;
+
+      var _iterator = _createForOfIteratorHelper(_this.form.pilihan),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          p = _step.value;
+
+          if (p.id == data.voting_pilihan_id) {
+            if (data.skor) {
+              p.skor = data.skor;
+            }
+
+            if (data.skor_tanggapan) {
+              p.skor_tanggapan = data.skor_tanggapan;
+            }
+
+            _this.form.suara_ok += 1;
+            _this.formPilihan = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.orderBy(_this.form.pilihan, 'skor', ['desc']);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+  },
+  watch: {
+    // check route changes
+    $route: function $route(to, from) {
+      this.fetch();
+    },
+    formStat: function formStat(value) {
+      if (value === "success") {
+        this.form.link = window.location.origin + '/admins/voting/input';
+        this.formPilihan = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.orderBy(this.form.pilihan, 'skor', ['desc']);
+
+        if (this.form.id_cu == 0) {
+          this.disableColumnCu('false');
+        } else {
+          this.disableColumnCu('true');
+        }
+      }
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value == "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.fetch();
+        this.fetchDataSuara(this.query);
+      } else if (value == "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+    },
+    fetchDataSuara: function fetchDataSuara(params) {
+      this.$store.dispatch(this.kelas + '/indexDataSuara', [params, this.$route.params.id]);
+      this.excelDownloadUrl = this.kelas + '/indexDataSuara/' + this.$route.params.id;
+    },
+    fetchDataTanggapan: function fetchDataTanggapan(params) {
+      this.$store.dispatch(this.kelas + '/indexDataTanggapan', [params, this.$route.params.id]);
+      this.excelDownloadUrlTanggapan = this.kelas + '/indexDataTanggapan/' + this.$route.params.id;
+    },
+    back: function back() {
+      this.$router.push({
+        name: this.kelas,
+        params: {
+          cu: this.form.id_cu
+        }
+      });
+    },
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+
+      if (value == 'info') {
+        this.fetch();
+      } else if (value == 'skor') {
+        this.fetch();
+      } else if (value == 'suara') {
+        this.fetchDataSuara(this.query);
+      } else if (value == 'tanggapan') {
+        this.fetchDataTanggapan(this.queryTanggapan);
+      }
+    },
+    disableColumnCu: function disableColumnCu(status) {
+      this.columnDataSuara[5].disable = status;
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedSuara = item;
+    },
+    selectedRowTanggapan: function selectedRowTanggapan(item) {
+      this.selectedTanggapan = item;
+    },
+    modalOpen: function modalOpen(state) {
+      this.modalShow = true;
+      this.state = state;
+
+      if (state == 'cu') {
+        this.modalState = 'normal1';
+        this.modalTitle = 'Ubah CU untuk link ' + this.selectedSuara.name + ' ini?';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "";
+      } else if (state == 'status') {
+        this.modalState = 'confirm-tutup';
+
+        if (this.form.status == 0) {
+          this.modalTitle = 'Aktifkan ' + this.form.name + ' ?';
+          this.modalButton = 'Iya, aktifkan';
+        } else {
+          this.modalTitle = 'Tidak aktifkan ' + this.form.name + ' ?';
+          this.modalButton = 'Iya, tidak aktifkan';
+        }
+
+        this.modalSize = "";
+      } else if (state == 'qrCode') {
+        this.modalTitle = 'QR Code untuk kode ' + this.selectedSuara.name;
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "";
+      } else if (state == 'qrCodeAll') {
+        this.modalTitle = 'QR Code pada tabel';
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "modal-full";
+      } else if (state == 'qrCodeInput') {
+        this.modalTitle = 'QR Code untuk kode ini';
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "";
+        this.selectedSuara.link = this.form.link;
+      } else if (state == 'tambah_suara') {
+        this.modalTitle = 'Tambah Suara';
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "";
+      } else if (state == 'ubah_suara') {
+        this.modalTitle = 'Ubah suara dengan kode ' + this.selectedSuara.name;
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "";
+      } else if (state == 'hapus_suara') {
+        this.modalState = 'confirm-tutup';
+        this.modalTitle = 'Hapus suara dengan kode ' + this.selectedSuara.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == "status") {
+        this.$store.dispatch(this.kelas + '/updateStatus', [this.form.id, this.form.id_cu]);
+      } else if (this.state == "hapus_suara") {
+        this.$store.dispatch(this.kelas + '/destroySuara', this.selectedSuara.id);
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('voting', {
+    form: 'data',
+    formStat: 'dataStat',
+    itemDataSuara: 'dataS3',
+    itemDataSuaraStat: 'dataStatS3',
+    itemDataTanggapan: 'dataS4',
+    itemDataTanggapanStat: 'dataStatS4',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formCu.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/formCu.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['kelas', 'id', 'id_cu'],
+  components: {
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  data: function data() {
+    return {
+      form: {
+        id: '',
+        id_cu: ''
+      },
+      submited: false
+    };
+  },
+  created: function created() {
+    this.form.id = this.id;
+    this.form.id_cu = this.id_cu;
+
+    if (this.currentUser.id_cu === 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    }
+  },
+  watch: {},
+  methods: {
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('form').then(function (result) {
+        _this.$store.dispatch(_this.kelas + '/updateSuaraCu', _this.form);
+      });
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['kelas', 'id', 'id_cu', 'selectedItem', 'mode'],
+  components: {
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  data: function data() {
+    return {
+      form: {
+        id: '',
+        voting_id: '',
+        id_cu: '',
+        name: ''
+      },
+      submited: false
+    };
+  },
+  created: function created() {
+    this.form.voting_id = this.id;
+
+    if (this.mode == 'edit') {
+      this.form.id = this.selectedItem.id;
+      this.form.id_cu = this.selectedItem.id_cu;
+      this.form.name = this.selectedItem.name;
+    }
+
+    if (this.currentUser.id_cu === 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    }
+  },
+  watch: {},
+  methods: {
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.mode === 'edit') {
+            _this.$store.dispatch(_this.kelas + '/updateSuara', [_this.form.id, _this.form]);
+          } else {
+            _this.$store.dispatch(_this.kelas + '/storeSuara', _this.form);
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/detail.vue?vue&type=template&id=4ecd6f16&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/detail.vue?vue&type=template&id=4ecd6f16& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: _vm.level,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.formStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.form,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.formStat == "success"
+                ? [
+                    _c("div", { staticClass: "card" }, [
+                      _c("div", { staticClass: "nav-tabs-responsive" }, [
+                        _c(
+                          "ul",
+                          {
+                            staticClass:
+                              "nav nav-tabs nav-tabs-solid  bg-light nav-justified mb-0",
+                          },
+                          [
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "info" },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("info")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-info22 mr-2" }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\tInfo\n\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "suara" },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("suara")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-megaphone mr-2",
+                                  }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\tSuara\n\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "tanggapan" },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("tanggapan")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-reading mr-2" }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\tTanggapan\n\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
                                 {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.utamakan"),
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "skor" },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("skor")
+                                    },
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.utamakan")
-                                    ? _c("i", { staticClass: "icon-cross2" })
+                                  _c("i", {
+                                    staticClass: "icon-equalizer mr-2",
+                                  }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\tSkor\n\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]),
+                          ]
+                        ),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
+                        attrs: {
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
+                        },
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "info",
+                                expression: "tabName == 'info'",
+                              },
+                            ],
+                          },
+                          [
+                            _c("div", { staticClass: "card" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "card-header bg-white header-elements-inline",
+                                },
+                                [
+                                  _c("h5", { staticClass: "card-title" }, [
+                                    _vm._v("Voting | Status: "),
+                                    _c("span", {
+                                      domProps: {
+                                        innerHTML: _vm._s(
+                                          _vm.$options.filters.checkStatus(
+                                            _vm.form.status
+                                          )
+                                        ),
+                                      },
+                                    }),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "header-elements" },
+                                    [
+                                      _vm.currentUser.can &&
+                                      _vm.currentUser.can["update_voting"]
+                                        ? _c(
+                                            "button",
+                                            {
+                                              staticClass:
+                                                "btn btn-light btn-icon mb-1 mr-1",
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.modalOpen("status")
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c("i", {
+                                                staticClass: "icon-calendar5",
+                                              }),
+                                              _vm._v(
+                                                " Status\n\t\t\t\t\t\t\t\t\t\t"
+                                              ),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                      _vm._v(" "),
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-icon mb-1",
+                                          attrs: { type: "button" },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.fetch()
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", { staticClass: "icon-sync" }),
+                                          _vm._v(
+                                            " Reload Data\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "card-body" }, [
+                                _c("div", { staticClass: "row" }, [
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-6 form-group" },
+                                    [
+                                      _c("h5", [_vm._v("Nama:")]),
+                                      _vm._v(" "),
+                                      _c("input", {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.name,
+                                            expression: "form.name",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          type: "text",
+                                          name: "name",
+                                          disabled: "",
+                                        },
+                                        domProps: { value: _vm.form.name },
+                                        on: {
+                                          input: function ($event) {
+                                            if ($event.target.composing) {
+                                              return
+                                            }
+                                            _vm.$set(
+                                              _vm.form,
+                                              "name",
+                                              $event.target.value
+                                            )
+                                          },
+                                        },
+                                      }),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm.currentUser.id_cu == 0
+                                    ? _c(
+                                        "div",
+                                        { staticClass: "col-md-6 form-group" },
+                                        [
+                                          _c("h5", [_vm._v("CU:")]),
+                                          _vm._v(" "),
+                                          _vm.form.cu
+                                            ? _c("input", {
+                                                directives: [
+                                                  {
+                                                    name: "model",
+                                                    rawName: "v-model",
+                                                    value: _vm.form.cu.name,
+                                                    expression: "form.cu.name",
+                                                  },
+                                                ],
+                                                staticClass: "form-control",
+                                                attrs: {
+                                                  type: "text",
+                                                  name: "cu",
+                                                  disabled: "",
+                                                },
+                                                domProps: {
+                                                  value: _vm.form.cu.name,
+                                                },
+                                                on: {
+                                                  input: function ($event) {
+                                                    if (
+                                                      $event.target.composing
+                                                    ) {
+                                                      return
+                                                    }
+                                                    _vm.$set(
+                                                      _vm.form.cu,
+                                                      "name",
+                                                      $event.target.value
+                                                    )
+                                                  },
+                                                },
+                                              })
+                                            : _c("input", {
+                                                staticClass: "form-control",
+                                                attrs: {
+                                                  type: "text",
+                                                  name: "cu",
+                                                  value: "PUSKOPCUINA",
+                                                  disabled: "",
+                                                },
+                                              }),
+                                        ]
+                                      )
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tUtamakan: "),
-                                  _c("wajib-badge"),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-6 form-group" },
+                                    [
+                                      _c("h5", [_vm._v("Kegiatan:")]),
+                                      _vm._v(" "),
+                                      _vm.form.id_kegiatan != 0
+                                        ? _c("input", {
+                                            directives: [
+                                              {
+                                                name: "model",
+                                                rawName: "v-model",
+                                                value: _vm.form.kegiatan.name,
+                                                expression:
+                                                  "form.kegiatan.name",
+                                              },
+                                            ],
+                                            staticClass: "form-control",
+                                            attrs: {
+                                              type: "text",
+                                              name: "name",
+                                              disabled: "",
+                                            },
+                                            domProps: {
+                                              value: _vm.form.kegiatan.name,
+                                            },
+                                            on: {
+                                              input: function ($event) {
+                                                if ($event.target.composing) {
+                                                  return
+                                                }
+                                                _vm.$set(
+                                                  _vm.form.kegiatan,
+                                                  "name",
+                                                  $event.target.value
+                                                )
+                                              },
+                                            },
+                                          })
+                                        : _c("input", {
+                                            directives: [
+                                              {
+                                                name: "model",
+                                                rawName: "v-model",
+                                                value: _vm.form.name_kegiatan,
+                                                expression:
+                                                  "form.name_kegiatan",
+                                              },
+                                            ],
+                                            staticClass: "form-control",
+                                            attrs: {
+                                              type: "text",
+                                              name: "name",
+                                              disabled: "",
+                                            },
+                                            domProps: {
+                                              value: _vm.form.name_kegiatan,
+                                            },
+                                            on: {
+                                              input: function ($event) {
+                                                if ($event.target.composing) {
+                                                  return
+                                                }
+                                                _vm.$set(
+                                                  _vm.form,
+                                                  "name_kegiatan",
+                                                  $event.target.value
+                                                )
+                                              },
+                                            },
+                                          }),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-6 form-group" },
+                                    [
+                                      _c("h5", [
+                                        _vm._v(
+                                          "Tampilkan Hasil Setelah Melakukan Voting?"
+                                        ),
+                                      ]),
+                                      _vm._v(" "),
+                                      _vm.form.lihat_hasil == 1
+                                        ? _c("input", {
+                                            staticClass: "form-control",
+                                            attrs: {
+                                              type: "text",
+                                              name: "cu",
+                                              value: "Menanmpilkan hasil",
+                                              disabled: "",
+                                            },
+                                          })
+                                        : _c("input", {
+                                            staticClass: "form-control",
+                                            attrs: {
+                                              type: "text",
+                                              name: "cu",
+                                              value: "Tidak menampilkan hasil",
+                                              disabled: "",
+                                            },
+                                          }),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-6 form-group" },
+                                    [
+                                      _c("h5", [_vm._v("Total Suara:")]),
+                                      _vm._v(" "),
+                                      _c("input", {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.suara,
+                                            expression: "form.suara",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          type: "text",
+                                          name: "suara",
+                                          disabled: "",
+                                        },
+                                        domProps: { value: _vm.form.suara },
+                                        on: {
+                                          input: function ($event) {
+                                            if ($event.target.composing) {
+                                              return
+                                            }
+                                            _vm.$set(
+                                              _vm.form,
+                                              "suara",
+                                              $event.target.value
+                                            )
+                                          },
+                                        },
+                                      }),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-6 form-group" },
+                                    [
+                                      _c("h5", [_vm._v("Suara Masuk:")]),
+                                      _vm._v(" "),
+                                      _c("input", {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.suara_ok,
+                                            expression: "form.suara_ok",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          type: "text",
+                                          name: "suara_ok",
+                                          disabled: "",
+                                        },
+                                        domProps: { value: _vm.form.suara_ok },
+                                        on: {
+                                          input: function ($event) {
+                                            if ($event.target.composing) {
+                                              return
+                                            }
+                                            _vm.$set(
+                                              _vm.form,
+                                              "suara_ok",
+                                              $event.target.value
+                                            )
+                                          },
+                                        },
+                                      }),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-6 form-group" },
+                                    [
+                                      _c("h5", [_vm._v("Suara Akses:")]),
+                                      _vm._v(" "),
+                                      _c("input", {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.suara_akses,
+                                            expression: "form.suara_akses",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          type: "text",
+                                          name: "suara_akses",
+                                          disabled: "",
+                                        },
+                                        domProps: {
+                                          value: _vm.form.suara_akses,
+                                        },
+                                        on: {
+                                          input: function ($event) {
+                                            if ($event.target.composing) {
+                                              return
+                                            }
+                                            _vm.$set(
+                                              _vm.form,
+                                              "suara_akses",
+                                              $event.target.value
+                                            )
+                                          },
+                                        },
+                                      }),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "col-md-12" }, [
+                                    _c("h5", [_vm._v("Keterangan:")]),
+                                    _vm._v(" "),
+                                    _vm.form.keterangan
+                                      ? _c(
+                                          "div",
+                                          { staticClass: "card card-body" },
+                                          [
+                                            _c("span", {
+                                              domProps: {
+                                                innerHTML: _vm._s(
+                                                  _vm.form.keterangan
+                                                ),
+                                              },
+                                            }),
+                                          ]
+                                        )
+                                      : _vm._e(),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "col-md-12" }, [
+                                    _c("h5", [_vm._v("Link Suara Input:")]),
+                                    _vm._v(" "),
+                                    _c(
+                                      "div",
+                                      { staticClass: "card card-body" },
+                                      [
+                                        _c("p", [
+                                          _vm._v(
+                                            "Silahkan menggunakan link ini dan memasukkan kode unik yang sudah dibuat "
+                                          ),
+                                        ]),
+                                        _vm._v(" "),
+                                        _c("hr", { staticClass: "mt-1 mb-1" }),
+                                        _vm._v(" "),
+                                        _c(
+                                          "a",
+                                          {
+                                            staticClass: "pointer",
+                                            attrs: {
+                                              href: _vm.form.link,
+                                              target: "_blank",
+                                            },
+                                          },
+                                          [
+                                            _c("check-value", {
+                                              attrs: {
+                                                value:
+                                                  _vm.form.link.substring(8),
+                                                trimLength: 100,
+                                              },
+                                            }),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "button",
+                                          {
+                                            staticClass:
+                                              "btn btn-light btn-block mb-1 mt-2",
+                                            on: {
+                                              click: function ($event) {
+                                                $event.preventDefault()
+                                                return _vm.modalOpen(
+                                                  "qrCodeInput"
+                                                )
+                                              },
+                                            },
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass: "icon-qrcode",
+                                            }),
+                                            _vm._v(
+                                              " Buat QR Code\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        ),
+                                      ]
+                                    ),
+                                  ]),
+                                ]),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "div",
+                              { staticClass: "card" },
+                              [
+                                _c(
+                                  "div",
+                                  {
+                                    staticClass:
+                                      "card-header bg-white header-elements-inline",
+                                  },
+                                  [
+                                    _c("h5", { staticClass: "card-title" }, [
+                                      _vm._v("Pilihan"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("div", {
+                                      staticClass: "header-elements",
+                                    }),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _c("data-table", {
+                                  attrs: {
+                                    items: _vm.form.pilihan,
+                                    columnData: _vm.columnDataPilihan,
+                                    itemDataStat: _vm.formStat,
+                                  },
+                                  scopedSlots: _vm._u(
+                                    [
+                                      {
+                                        key: "item-desktop",
+                                        fn: function (props) {
+                                          return [
+                                            props.item
+                                              ? _c(
+                                                  "tr",
+                                                  {
+                                                    staticClass: "text-nowrap",
+                                                  },
+                                                  [
+                                                    _c("td", [
+                                                      _vm._v(
+                                                        _vm._s(props.index + 1)
+                                                      ),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c("td", [
+                                                      _vm._v(
+                                                        _vm._s(props.item.name)
+                                                      ),
+                                                    ]),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                          ]
+                                        },
+                                      },
+                                    ],
+                                    null,
+                                    false,
+                                    1402944021
+                                  ),
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "div",
+                              { staticClass: "card" },
+                              [
+                                _c(
+                                  "div",
+                                  {
+                                    staticClass:
+                                      "card-header bg-white header-elements-inline",
+                                  },
+                                  [
+                                    _c("h5", { staticClass: "card-title" }, [
+                                      _vm._v("Jenis Tanggapan"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("div", {
+                                      staticClass: "header-elements",
+                                    }),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _c("data-table", {
+                                  attrs: {
+                                    items: _vm.form.tanggapan,
+                                    columnData: _vm.columnDataTanggapan,
+                                    itemDataStat: _vm.formStat,
+                                  },
+                                  scopedSlots: _vm._u(
+                                    [
+                                      {
+                                        key: "item-desktop",
+                                        fn: function (props) {
+                                          return [
+                                            props.item
+                                              ? _c(
+                                                  "tr",
+                                                  {
+                                                    staticClass: "text-nowrap",
+                                                  },
+                                                  [
+                                                    _c("td", [
+                                                      _vm._v(
+                                                        _vm._s(props.index + 1)
+                                                      ),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c("td", [
+                                                      _vm._v(
+                                                        _vm._s(props.item.name)
+                                                      ),
+                                                    ]),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                          ]
+                                        },
+                                      },
+                                    ],
+                                    null,
+                                    false,
+                                    1402944021
+                                  ),
+                                }),
+                              ],
+                              1
+                            ),
+                          ]
+                        ),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
+                        attrs: {
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
+                        },
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "suara",
+                                expression: "tabName == 'suara'",
+                              },
+                            ],
+                          },
+                          [
+                            _c("div", { staticClass: "card card-body" }, [
+                              _c("p", [
+                                _vm._v(
+                                  "Silahkan menggunakan link ini dan memasukkan kode unik yang sudah dibuat dibawah "
+                                ),
+                              ]),
+                              _vm._v(" "),
+                              _c("hr", { staticClass: "mt-1 mb-1" }),
+                              _vm._v(" "),
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "pointer",
+                                  attrs: {
+                                    href: _vm.form.link,
+                                    target: "_blank",
+                                  },
+                                },
+                                [
+                                  _c("check-value", {
+                                    attrs: {
+                                      value: _vm.form.link.substring(8),
+                                      trimLength: 100,
+                                    },
+                                  }),
                                 ],
                                 1
                               ),
                               _vm._v(" "),
                               _c(
-                                "select",
+                                "button",
                                 {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.utamakan,
-                                      expression: "form.utamakan",
+                                  staticClass:
+                                    "btn btn-light btn-block mb-1 mt-2",
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.modalOpen("qrCodeInput")
                                     },
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-qrcode" }),
+                                  _vm._v(" Buat QR Code\n\t\t\t\t\t\t\t\t"),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "data-viewer",
+                              {
+                                attrs: {
+                                  title: "Suara",
+                                  columnData: _vm.columnDataSuara,
+                                  itemData: _vm.itemDataSuara,
+                                  query: _vm.query,
+                                  itemDataStat: _vm.itemDataSuaraStat,
+                                  excelDownloadUrl: _vm.excelDownloadUrl,
+                                  excelUploads: _vm.excelUploads,
+                                },
+                                on: { fetch: _vm.fetchDataSuara },
+                                scopedSlots: _vm._u(
+                                  [
                                     {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
+                                      key: "item-desktop",
+                                      fn: function (props) {
+                                        return [
+                                          _c(
+                                            "tr",
+                                            {
+                                              staticClass: "text-nowrap",
+                                              class: {
+                                                "bg-info":
+                                                  _vm.selectedSuara.id ==
+                                                  props.item.id,
+                                              },
+                                              on: {
+                                                click: function ($event) {
+                                                  return _vm.selectedRow(
+                                                    props.item
+                                                  )
+                                                },
+                                              },
+                                            },
+                                            [
+                                              !_vm.columnDataSuara[0].hide
+                                                ? _c("td", [
+                                                    _vm._v(
+                                                      "\n\t\t\t\t\t\t\t\t\t\t\t" +
+                                                        _vm._s(
+                                                          props.index +
+                                                            1 +
+                                                            (+_vm.itemDataSuara
+                                                              .current_page -
+                                                              1) *
+                                                              +_vm.itemDataSuara
+                                                                .per_page +
+                                                            "."
+                                                        ) +
+                                                        "\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ])
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              !_vm.columnDataSuara[1].hide
+                                                ? _c(
+                                                    "td",
+                                                    [
+                                                      _c("check-value", {
+                                                        attrs: {
+                                                          value:
+                                                            props.item.name,
+                                                        },
+                                                      }),
+                                                    ],
+                                                    1
+                                                  )
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              !_vm.columnDataSuara[2].hide
+                                                ? _c("td", [
+                                                    _c(
+                                                      "a",
+                                                      {
+                                                        staticClass: "pointer",
+                                                        attrs: {
+                                                          href: props.item.link,
+                                                          target: "_blank",
+                                                        },
+                                                      },
+                                                      [
+                                                        _c("check-value", {
+                                                          attrs: {
+                                                            value:
+                                                              props.item.link.substring(
+                                                                8
+                                                              ),
+                                                            trimLength: 100,
+                                                          },
+                                                        }),
+                                                      ],
+                                                      1
+                                                    ),
+                                                  ])
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              !_vm.columnDataSuara[3].hide
+                                                ? _c("td", [
+                                                    props.item.voting_pilihan_id
+                                                      ? _c(
+                                                          "span",
+                                                          {
+                                                            staticClass:
+                                                              "bg-orange-400 text-highlight",
+                                                          },
+                                                          [
+                                                            _c("i", {
+                                                              staticClass:
+                                                                "icon-check",
+                                                            }),
+                                                          ]
+                                                        )
+                                                      : _c(
+                                                          "span",
+                                                          {
+                                                            staticClass:
+                                                              "bg-teal-300 text-highlight",
+                                                          },
+                                                          [
+                                                            _c("i", {
+                                                              staticClass:
+                                                                "icon-cross3",
+                                                            }),
+                                                          ]
+                                                        ),
+                                                  ])
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              !_vm.columnDataSuara[4].hide
+                                                ? _c("td", [
+                                                    props.item.akses &&
+                                                    props.item.akses.id
+                                                      ? _c(
+                                                          "span",
+                                                          {
+                                                            staticClass:
+                                                              "bg-orange-400 text-highlight",
+                                                          },
+                                                          [
+                                                            _c("i", {
+                                                              staticClass:
+                                                                "icon-check",
+                                                            }),
+                                                          ]
+                                                        )
+                                                      : _c(
+                                                          "span",
+                                                          {
+                                                            staticClass:
+                                                              "bg-teal-300 text-highlight",
+                                                          },
+                                                          [
+                                                            _c("i", {
+                                                              staticClass:
+                                                                "icon-cross3",
+                                                            }),
+                                                          ]
+                                                        ),
+                                                  ])
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              !_vm.columnDataSuara[5].hide &&
+                                              !_vm.columnDataSuara[5].disable
+                                                ? _c(
+                                                    "td",
+                                                    [
+                                                      props.item.cu
+                                                        ? _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item.cu
+                                                                  .name,
+                                                            },
+                                                          })
+                                                        : _c("span", [
+                                                            _vm._v("-"),
+                                                          ]),
+                                                    ],
+                                                    1
+                                                  )
+                                                : _vm._e(),
+                                            ]
+                                          ),
+                                        ]
+                                      },
                                     },
                                   ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "utamakan",
-                                    "data-width": "100%",
-                                    "data-vv-as": "utamakan",
-                                  },
-                                  on: {
-                                    change: function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "utamakan",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
+                                  null,
+                                  false,
+                                  607629123
+                                ),
+                              },
+                              [
+                                _c("template", { slot: "button-desktop" }, [
+                                  _vm.form.suara_tipe == 1
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass: "btn btn-light mb-1",
+                                          attrs: {
+                                            disabled: _vm.form.suara_ok > 0,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "tambah_suara"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Tambah Suara\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _vm.form.suara_tipe == 1
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass: "btn btn-light mb-1",
+                                          attrs: {
+                                            disabled:
+                                              !_vm.selectedSuara.id ||
+                                              _vm.form.suara_ok > 0,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen("ubah_suara")
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Ubah Suara\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _vm.form.suara_tipe == 1
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass: "btn btn-light mb-1",
+                                          attrs: {
+                                            disabled:
+                                              !_vm.selectedSuara.id ||
+                                              _vm.form.suara_ok > 0,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "hapus_suara"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Hapus Suara\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _vm.form.id_cu == 0
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass: "btn btn-light mb-1",
+                                          attrs: {
+                                            disabled:
+                                              !_vm.selectedSuara.id ||
+                                              _vm.form.suara_ok > 0,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen("cu")
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Ubah CU\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light mb-1",
+                                      attrs: {
+                                        disabled: !_vm.selectedSuara.id,
+                                      },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen("qrCode")
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-qrcode" }),
+                                      _vm._v(
+                                        " Buat QR Code\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light mb-1",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen("qrCodeAll")
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-qrcode" }),
+                                      _vm._v(
+                                        " QR Code Pada Tabel\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("template", { slot: "button-mobile" }, [
+                                  _vm.form.suara_tipe == 1
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-block mb-1",
+                                          attrs: {
+                                            disabled: _vm.form.suara_ok > 0,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "tambah_suara"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Tambah Suara\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _vm.form.suara_tipe == 1
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-block mb-1",
+                                          attrs: {
+                                            disabled:
+                                              !_vm.selectedSuara.id ||
+                                              _vm.form.suara_ok > 0,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen("ubah_suara")
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Ubah Suara\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _vm.form.suara_tipe == 1
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-block mb-1",
+                                          attrs: {
+                                            disabled:
+                                              !_vm.selectedSuara.id ||
+                                              _vm.form.suara_ok > 0,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "hapus_suara"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Hapus Suara\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _vm.form.id_cu == 0
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-block mb-1",
+                                          attrs: {
+                                            disabled: !_vm.selectedSuara.id,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen("cu")
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Ubah CU\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
                                       )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-1",
+                                      attrs: {
+                                        disabled: !_vm.selectedSuara.id,
+                                      },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen("qrCode")
+                                        },
+                                      },
                                     },
-                                  },
-                                },
+                                    [
+                                      _c("i", { staticClass: "icon-qrcode" }),
+                                      _vm._v(
+                                        " Buat QR Code\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-1",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen("qrCodeAll")
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-qrcode" }),
+                                      _vm._v(
+                                        " QR Code Pada Tabel\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                                ]),
+                              ],
+                              2
+                            ),
+                          ],
+                          1
+                        ),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
+                        attrs: {
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
+                        },
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "tanggapan",
+                                expression: "tabName == 'tanggapan'",
+                              },
+                            ],
+                          },
+                          [
+                            _c("data-viewer", {
+                              attrs: {
+                                title: "Tanggapan",
+                                columnData: _vm.columnDataTanggapanSuara,
+                                itemData: _vm.itemDataTanggapan,
+                                query: _vm.queryTanggapan,
+                                itemDataStat: _vm.itemDataTanggapanStat,
+                                excelDownloadUrl: _vm.excelDownloadUrlTanggapan,
+                              },
+                              on: { fetch: _vm.fetchDataTanggapan },
+                              scopedSlots: _vm._u(
                                 [
+                                  {
+                                    key: "item-desktop",
+                                    fn: function (props) {
+                                      return [
+                                        _c("tr", [
+                                          !_vm.columnDataTanggapanSuara[0].hide
+                                            ? _c(
+                                                "td",
+                                                { staticClass: "text-nowrap" },
+                                                [
+                                                  _vm._v(
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t" +
+                                                      _vm._s(
+                                                        props.index +
+                                                          1 +
+                                                          (+_vm
+                                                            .itemDataTanggapan
+                                                            .current_page -
+                                                            1) *
+                                                            +_vm
+                                                              .itemDataTanggapan
+                                                              .per_page +
+                                                          "."
+                                                      ) +
+                                                      "\n\t\t\t\t\t\t\t\t\t\t"
+                                                  ),
+                                                ]
+                                              )
+                                            : _vm._e(),
+                                          _vm._v(" "),
+                                          !_vm.columnDataTanggapanSuara[1].hide
+                                            ? _c(
+                                                "td",
+                                                { staticClass: "text-nowrap" },
+                                                [
+                                                  props.item.suara
+                                                    ? _c("check-value", {
+                                                        attrs: {
+                                                          value:
+                                                            props.item.suara
+                                                              .name,
+                                                        },
+                                                      })
+                                                    : _c("span"),
+                                                ],
+                                                1
+                                              )
+                                            : _vm._e(),
+                                          _vm._v(" "),
+                                          !_vm.columnDataTanggapanSuara[2].hide
+                                            ? _c(
+                                                "td",
+                                                { staticClass: "text-nowrap" },
+                                                [
+                                                  props.item.suara &&
+                                                  props.item.suara.pilihan
+                                                    ? _c("check-value", {
+                                                        attrs: {
+                                                          value:
+                                                            props.item.suara
+                                                              .pilihan.name,
+                                                        },
+                                                      })
+                                                    : _c("span"),
+                                                ],
+                                                1
+                                              )
+                                            : _vm._e(),
+                                          _vm._v(" "),
+                                          !_vm.columnDataTanggapanSuara[3].hide
+                                            ? _c(
+                                                "td",
+                                                { staticClass: "text-nowrap" },
+                                                [
+                                                  props.item.tanggapan
+                                                    ? _c("check-value", {
+                                                        attrs: {
+                                                          value:
+                                                            props.item.tanggapan
+                                                              .name,
+                                                        },
+                                                      })
+                                                    : _c("span"),
+                                                ],
+                                                1
+                                              )
+                                            : _vm._e(),
+                                          _vm._v(" "),
+                                          !_vm.columnDataTanggapanSuara[4].hide
+                                            ? _c("td", [
+                                                _vm._v(
+                                                  "\n\t\t\t\t\t\t\t\t\t\t\t" +
+                                                    _vm._s(
+                                                      props.item.keterangan
+                                                    ) +
+                                                    "\n\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ])
+                                            : _vm._e(),
+                                        ]),
+                                      ]
+                                    },
+                                  },
+                                ],
+                                null,
+                                false,
+                                4259077512
+                              ),
+                            }),
+                          ],
+                          1
+                        ),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
+                        attrs: {
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
+                        },
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "skor",
+                                expression: "tabName == 'skor'",
+                              },
+                            ],
+                          },
+                          [
+                            _vm.form.pilihan
+                              ? _c("div", { staticClass: "card " }, [
                                   _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [_vm._v("Silahkan pilih tipe")]
+                                    "div",
+                                    {
+                                      staticClass:
+                                        "card-header bg-white header-elements-inline",
+                                    },
+                                    [
+                                      _c("h5", { staticClass: "card-title" }, [
+                                        _vm._v("Perolehan Skor"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c(
+                                        "div",
+                                        { staticClass: "header-elements" },
+                                        [
+                                          _c(
+                                            "button",
+                                            {
+                                              staticClass:
+                                                "btn btn-light btn-icon mb-1",
+                                              attrs: { type: "button" },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.fetch()
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c("i", {
+                                                staticClass: "icon-sync",
+                                              }),
+                                              _vm._v(
+                                                " Reload Data\n\t\t\t\t\t\t\t\t\t\t\t"
+                                              ),
+                                            ]
+                                          ),
+                                        ]
+                                      ),
+                                    ]
                                   ),
                                   _vm._v(" "),
-                                  _c("option", { attrs: { value: "1" } }, [
-                                    _vm._v("Jadikan artikel utama"),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "0" } }, [
-                                    _vm._v("Tidak jadikan artikel utama"),
-                                  ]),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("br"),
-                              _vm._v(" "),
-                              _vm.errors.has("form.utamakan")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
+                                  _c(
+                                    "div",
+                                    { staticClass: "card-body" },
                                     [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
+                                      _c(
+                                        "span",
+                                        { staticClass: "badge badge-success" },
+                                        [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\t\tSuara Masuk: " +
+                                              _vm._s(_vm.form.suara_ok) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      ),
                                       _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.utamakan")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                        " \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t"
                                       ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Gambar Utama:")]),
-                              _vm._v(" "),
-                              _c("app-image-upload", {
-                                attrs: {
-                                  image_loc: "/images/artikel_simo/",
-                                  image_temp: _vm.form.gambar,
-                                },
-                                model: {
-                                  value: _vm.form.gambar,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "gambar", $$v)
-                                  },
-                                  expression: "form.gambar",
-                                },
-                              }),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _vm._m(0),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Ringkasan:")]),
-                              _vm._v(" "),
-                              _c("ckeditor", {
-                                attrs: { type: "classic" },
-                                model: {
-                                  value: _vm.form.ringkasan,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "ringkasan", $$v)
-                                  },
-                                  expression: "form.ringkasan",
-                                },
-                              }),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Isi Artikel:")]),
-                              _vm._v(" "),
-                              _c("ckeditor", {
-                                attrs: {
-                                  type: "classic",
-                                  "upload-adapter": _vm.UploadAdapter,
-                                },
-                                model: {
-                                  value: _vm.form.content,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "content", $$v)
-                                  },
-                                  expression: "form.content",
-                                },
-                              }),
-                            ],
-                            1
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("form-info"),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "card card-body" },
-                    [
-                      _c("form-button", {
-                        attrs: {
-                          cancelState: "methods",
-                          formValidation: "form",
-                        },
-                        on: { cancelClick: _vm.back },
-                      }),
-                    ],
-                    1
-                  ),
-                ],
-                1
-              ),
+                                      _c(
+                                        "span",
+                                        { staticClass: "badge badge-primary" },
+                                        [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\t\tTotal Suara: " +
+                                              _vm._s(_vm.form.suara) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      ),
+                                      _vm._v(" "),
+                                      _c("hr"),
+                                      _vm._v(" "),
+                                      _vm._l(
+                                        _vm.formPilihan,
+                                        function (p, index) {
+                                          return _c("div", { key: index }, [
+                                            _c(
+                                              "div",
+                                              { staticClass: "card card-body" },
+                                              [
+                                                _c(
+                                                  "div",
+                                                  { staticClass: "row" },
+                                                  [
+                                                    _c(
+                                                      "div",
+                                                      {
+                                                        staticClass:
+                                                          "col-sm-3 mb-1 mt-1",
+                                                      },
+                                                      [
+                                                        _c("b", [
+                                                          _vm._v(
+                                                            _vm._s(p.name)
+                                                          ),
+                                                        ]),
+                                                      ]
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "div",
+                                                      {
+                                                        staticClass:
+                                                          "col-sm-8 mt-1",
+                                                      },
+                                                      [
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "progress",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "progress-bar-striped bg-success",
+                                                                style: {
+                                                                  width:
+                                                                    Math.round(
+                                                                      (p.skor /
+                                                                        _vm.form
+                                                                          .suara) *
+                                                                        100
+                                                                    ) + "%",
+                                                                },
+                                                              },
+                                                              [
+                                                                _c(
+                                                                  "span",
+                                                                  {
+                                                                    staticClass:
+                                                                      "text-default font-size-lg",
+                                                                  },
+                                                                  [
+                                                                    _vm._v(
+                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                    ),
+                                                                    _c("b", [
+                                                                      _vm._v(
+                                                                        _vm._s(
+                                                                          Math.round(
+                                                                            (p.skor /
+                                                                              _vm
+                                                                                .form
+                                                                                .suara) *
+                                                                              100
+                                                                          ) +
+                                                                            "%"
+                                                                        )
+                                                                      ),
+                                                                    ]),
+                                                                    _vm._v(
+                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                    ),
+                                                                  ]
+                                                                ),
+                                                              ]
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "card card-body mt-2 mb-0",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "row",
+                                                              },
+                                                              [
+                                                                _c(
+                                                                  "div",
+                                                                  {
+                                                                    staticClass:
+                                                                      "col-sm-3 mb-0 mt-0",
+                                                                  },
+                                                                  [
+                                                                    _c("b", [
+                                                                      _vm._v(
+                                                                        "Dengan Tanggapan"
+                                                                      ),
+                                                                    ]),
+                                                                  ]
+                                                                ),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "div",
+                                                                  {
+                                                                    staticClass:
+                                                                      "col-sm-8 mb-0 mt-0",
+                                                                  },
+                                                                  [
+                                                                    _c(
+                                                                      "div",
+                                                                      {
+                                                                        staticClass:
+                                                                          "progress",
+                                                                      },
+                                                                      [
+                                                                        _c(
+                                                                          "div",
+                                                                          {
+                                                                            staticClass:
+                                                                              "progress-bar-striped bg-primary",
+                                                                            style:
+                                                                              {
+                                                                                width:
+                                                                                  Math.round(
+                                                                                    (p.skor_tanggapan /
+                                                                                      p.skor) *
+                                                                                      100
+                                                                                  ) +
+                                                                                  "%",
+                                                                              },
+                                                                          },
+                                                                          [
+                                                                            _c(
+                                                                              "span",
+                                                                              {
+                                                                                staticClass:
+                                                                                  "text-default font-size-lg",
+                                                                              },
+                                                                              [
+                                                                                _vm._v(
+                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                                ),
+                                                                                _c(
+                                                                                  "b",
+                                                                                  [
+                                                                                    _vm._v(
+                                                                                      _vm._s(
+                                                                                        Math.round(
+                                                                                          (p.skor_tanggapan /
+                                                                                            p.skor) *
+                                                                                            100
+                                                                                        ) +
+                                                                                          "%"
+                                                                                      )
+                                                                                    ),
+                                                                                  ]
+                                                                                ),
+                                                                                _vm._v(
+                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                                ),
+                                                                              ]
+                                                                            ),
+                                                                          ]
+                                                                        ),
+                                                                      ]
+                                                                    ),
+                                                                  ]
+                                                                ),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "div",
+                                                                  {
+                                                                    staticClass:
+                                                                      "col-sm-1 mb-0 mt-0",
+                                                                  },
+                                                                  [
+                                                                    _vm._v(
+                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                                        _vm._s(
+                                                                          p.skor_tanggapan
+                                                                        ) +
+                                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                    ),
+                                                                  ]
+                                                                ),
+                                                              ]
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "card card-body mt-1 mb-0",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "row",
+                                                              },
+                                                              [
+                                                                _c(
+                                                                  "div",
+                                                                  {
+                                                                    staticClass:
+                                                                      "col-sm-3 mb-0 mt-0",
+                                                                  },
+                                                                  [
+                                                                    _c("b", [
+                                                                      _vm._v(
+                                                                        "Tanpa Tanggapan"
+                                                                      ),
+                                                                    ]),
+                                                                  ]
+                                                                ),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "div",
+                                                                  {
+                                                                    staticClass:
+                                                                      "col-sm-8 mb-0 mt-0",
+                                                                  },
+                                                                  [
+                                                                    _c(
+                                                                      "div",
+                                                                      {
+                                                                        staticClass:
+                                                                          "progress",
+                                                                      },
+                                                                      [
+                                                                        _c(
+                                                                          "div",
+                                                                          {
+                                                                            staticClass:
+                                                                              "progress-bar-striped bg-warning",
+                                                                            style:
+                                                                              {
+                                                                                width:
+                                                                                  Math.round(
+                                                                                    ((p.skor -
+                                                                                      p.skor_tanggapan) /
+                                                                                      p.skor) *
+                                                                                      100
+                                                                                  ) +
+                                                                                  "%",
+                                                                              },
+                                                                          },
+                                                                          [
+                                                                            _c(
+                                                                              "span",
+                                                                              {
+                                                                                staticClass:
+                                                                                  "text-default font-size-lg",
+                                                                              },
+                                                                              [
+                                                                                _vm._v(
+                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                                ),
+                                                                                _c(
+                                                                                  "b",
+                                                                                  [
+                                                                                    _vm._v(
+                                                                                      _vm._s(
+                                                                                        Math.round(
+                                                                                          ((p.skor -
+                                                                                            p.skor_tanggapan) /
+                                                                                            p.skor) *
+                                                                                            100
+                                                                                        ) +
+                                                                                          "%"
+                                                                                      )
+                                                                                    ),
+                                                                                  ]
+                                                                                ),
+                                                                                _vm._v(
+                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                                ),
+                                                                              ]
+                                                                            ),
+                                                                          ]
+                                                                        ),
+                                                                      ]
+                                                                    ),
+                                                                  ]
+                                                                ),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "div",
+                                                                  {
+                                                                    staticClass:
+                                                                      "col-sm-1 mb-0 mt-0",
+                                                                  },
+                                                                  [
+                                                                    _vm._v(
+                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                                        _vm._s(
+                                                                          p.skor -
+                                                                            p.skor_tanggapan
+                                                                        ) +
+                                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                    ),
+                                                                  ]
+                                                                ),
+                                                              ]
+                                                            ),
+                                                          ]
+                                                        ),
+                                                      ]
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "div",
+                                                      {
+                                                        staticClass:
+                                                          "col-sm-1 mb-1 mt-1",
+                                                      },
+                                                      [
+                                                        _vm._v(
+                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                            _vm._s(p.skor) +
+                                                            " / " +
+                                                            _vm._s(
+                                                              _vm.form.suara
+                                                            ) +
+                                                            "\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                          ])
+                                        }
+                                      ),
+                                    ],
+                                    2
+                                  ),
+                                ])
+                              : _vm._e(),
+                          ]
+                        ),
+                      ]
+                    ),
+                  ]
+                : _vm.formStat == "loading"
+                ? _c("div", [_vm._m(0)])
+                : _c("div", [_vm._m(1)]),
             ],
-            1
+            2
           ),
         ]),
       ]),
@@ -958,16 +3189,18 @@ var render = function () {
           attrs: {
             show: _vm.modalShow,
             state: _vm.modalState,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
             title: _vm.modalTitle,
+            button: _vm.modalButton,
             content: _vm.modalContent,
-            color: _vm.modalColor,
           },
           on: {
-            batal: _vm.modalTutup,
             tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
             successOk: _vm.modalTutup,
             failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick,
+            backgroundClick: _vm.modalTutup,
           },
         },
         [
@@ -979,9 +3212,13 @@ var render = function () {
             "template",
             { slot: "modal-body1" },
             [
-              _c("form-penulis", {
-                attrs: { id_cu: _vm.id_cu },
-                on: { cancelClick: _vm.modalTutup },
+              _c("form-cu", {
+                attrs: {
+                  kelas: _vm.kelas,
+                  id: _vm.selectedSuara.id,
+                  id_cu: _vm.selectedSuara.id_cu,
+                },
+                on: { tutup: _vm.modalTutup },
               }),
             ],
             1
@@ -991,14 +3228,60 @@ var render = function () {
             "template",
             { slot: "modal-body2" },
             [
-              _c("form-kategori", {
-                attrs: { id_cu: _vm.id_cu },
-                on: { cancelClick: _vm.modalTutup },
-              }),
+              _vm.state == "qrCode" || _vm.state == "qrCodeInput"
+                ? _c("qr-code", {
+                    attrs: {
+                      selectedItem: _vm.selectedSuara,
+                      title: _vm.form.name,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.state == "qrCodeAll"
+                ? _c("qr-code-all", {
+                    attrs: {
+                      itemData: _vm.itemDataSuara,
+                      title: _vm.form.name,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body3" },
+            [
+              _vm.state == "tambah_suara"
+                ? _c("form-kode-suara", {
+                    attrs: {
+                      kelas: _vm.kelas,
+                      id: _vm.form.id,
+                      id_cu: _vm.form.id_cu,
+                      mode: "store",
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.state == "ubah_suara"
+                ? _c("form-kode-suara", {
+                    attrs: {
+                      kelas: _vm.kelas,
+                      id: _vm.form.id,
+                      id_cu: _vm.form.id_cu,
+                      selectedItem: _vm.selectedSuara,
+                      mode: "edit",
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
             ],
             1
           ),
-          _vm._v("]\n\n\t"),
         ],
         2
       ),
@@ -1011,7 +3294,33 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-md-12" }, [_c("br")])
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h4", [_vm._v("Mohon tunggu...")]),
+        _vm._v(" "),
+        _c("div", { staticClass: "progress" }, [
+          _c(
+            "div",
+            {
+              staticClass:
+                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+              staticStyle: { width: "100%" },
+            },
+            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+          ),
+        ]),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h3", [_vm._v("Oops terjadi kesalahan")]),
+      ]),
+    ])
   },
 ]
 render._withStripped = true
@@ -1020,34 +3329,422 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true&":
-/*!***************************************************************************************************************!*\
-  !*** ./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true& ***!
-  \***************************************************************************************************************/
-/*! no static exports found */
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formCu.vue?vue&type=template&id=6cbbc09b&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/formCu.vue?vue&type=template&id=6cbbc09b& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("formStatus") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "form",
+        {
+          attrs: { "data-vv-scope": "formStatus" },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c("div", { staticClass: "form-group" }, [
+            _c("h5", [_vm._v("Pilih CU:")]),
+            _vm._v(" "),
+            _c(
+              "select",
+              {
+                directives: [
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.form.id_cu,
+                    expression: "form.id_cu",
+                  },
+                ],
+                staticClass: "form-control",
+                attrs: {
+                  name: "status",
+                  "data-width": "100%",
+                  disabled: _vm.modelCUStat === "loading",
+                },
+                on: {
+                  change: function ($event) {
+                    var $$selectedVal = Array.prototype.filter
+                      .call($event.target.options, function (o) {
+                        return o.selected
+                      })
+                      .map(function (o) {
+                        var val = "_value" in o ? o._value : o.value
+                        return val
+                      })
+                    _vm.$set(
+                      _vm.form,
+                      "id_cu",
+                      $event.target.multiple ? $$selectedVal : $$selectedVal[0]
+                    )
+                  },
+                },
+              },
+              [
+                _c("option", { attrs: { disabled: "", value: "" } }, [
+                  _vm._v("Silahkan pilih CU"),
+                ]),
+                _vm._v(" "),
+                _vm._l(_vm.modelCU, function (cu, index) {
+                  return _c(
+                    "option",
+                    { key: index, domProps: { value: cu.id } },
+                    [
+                      _vm._v(
+                        "\n\t\t\t\t\t\t" + _vm._s(cu.name) + "\n\t\t\t\t\t"
+                      ),
+                    ]
+                  )
+                }),
+              ],
+              2
+            ),
+          ]),
+          _vm._v(" "),
+          _c("hr"),
+          _vm._v(" "),
+          _c("div", { staticClass: "text-center d-none d-md-block" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-primary",
+                attrs: { type: "submit", disabled: _vm.form.id_cu == "" },
+              },
+              [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "d-block d-md-none" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-primary btn-block pb-2",
+                attrs: { type: "submit", disabled: _vm.form.id_cu == "" },
+              },
+              [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block pb-2",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+          ]),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=template&id=9146f5a0&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=template&id=9146f5a0& ***!
+  \*************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_28df5362_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/style-loader!../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_28df5362_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_28df5362_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_28df5362_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_28df5362_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("form") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "form",
+        {
+          attrs: { "data-vv-scope": "form" },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c(
+            "div",
+            {
+              staticClass: "form-group",
+              class: { "has-error": _vm.errors.has("form.name") },
+            },
+            [
+              _c(
+                "h5",
+                { class: { "text-danger": _vm.errors.has("form.name") } },
+                [
+                  _vm.errors.has("form.name")
+                    ? _c("i", { staticClass: "icon-cross2" })
+                    : _vm._e(),
+                  _vm._v("\n\t\t\t\t\tNama: "),
+                  _c("wajib-badge"),
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c("input", {
+                directives: [
+                  {
+                    name: "validate",
+                    rawName: "v-validate",
+                    value: "required",
+                    expression: "'required'",
+                  },
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.form.name,
+                    expression: "form.name",
+                  },
+                ],
+                staticClass: "form-control",
+                attrs: {
+                  type: "text",
+                  name: "name",
+                  placeholder: "Silahkan masukkan kode",
+                  "data-vv-as": "Kode",
+                },
+                domProps: { value: _vm.form.name },
+                on: {
+                  keydown: function ($event) {
+                    if (
+                      !$event.type.indexOf("key") &&
+                      _vm._k($event.keyCode, "space", 32, $event.key, [
+                        " ",
+                        "Spacebar",
+                      ])
+                    ) {
+                      return null
+                    }
+                    $event.preventDefault()
+                  },
+                  input: function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.$set(_vm.form, "name", $event.target.value)
+                  },
+                },
+              }),
+              _vm._v(" "),
+              _vm.errors.has("form.name")
+                ? _c("small", { staticClass: "text-muted text-danger" }, [
+                    _c("i", { staticClass: "icon-arrow-small-right" }),
+                    _vm._v(
+                      " " + _vm._s(_vm.errors.first("form.name")) + "\n\t\t\t\t"
+                    ),
+                  ])
+                : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+            ]
+          ),
+          _vm._v(" "),
+          _vm.id_cu == 0
+            ? _c("div", { staticClass: "form-group" }, [
+                _c("h5", [_vm._v("CU:")]),
+                _vm._v(" "),
+                _c(
+                  "select",
+                  {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.form.id_cu,
+                        expression: "form.id_cu",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      name: "status",
+                      "data-width": "100%",
+                      disabled: _vm.modelCUStat === "loading",
+                    },
+                    on: {
+                      change: function ($event) {
+                        var $$selectedVal = Array.prototype.filter
+                          .call($event.target.options, function (o) {
+                            return o.selected
+                          })
+                          .map(function (o) {
+                            var val = "_value" in o ? o._value : o.value
+                            return val
+                          })
+                        _vm.$set(
+                          _vm.form,
+                          "id_cu",
+                          $event.target.multiple
+                            ? $$selectedVal
+                            : $$selectedVal[0]
+                        )
+                      },
+                    },
+                  },
+                  [
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("Silahkan pilih CU"),
+                    ]),
+                    _vm._v(" "),
+                    _vm._l(_vm.modelCU, function (cu, index) {
+                      return _c(
+                        "option",
+                        { key: index, domProps: { value: cu.id } },
+                        [
+                          _vm._v(
+                            "\n\t\t\t\t\t\t" + _vm._s(cu.name) + "\n\t\t\t\t\t"
+                          ),
+                        ]
+                      )
+                    }),
+                  ],
+                  2
+                ),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _c("hr"),
+          _vm._v(" "),
+          _c("div", { staticClass: "text-center d-none d-md-block" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-primary",
+                attrs: { type: "submit", disabled: _vm.errors.any("form") },
+              },
+              [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "d-block d-md-none" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-primary btn-block pb-2",
+                attrs: { type: "submit", disabled: _vm.errors.any("form") },
+              },
+              [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block pb-2",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+          ]),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/voting/detail.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/views/voting/detail.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _detail_vue_vue_type_template_id_4ecd6f16___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=4ecd6f16& */ "./resources/assets/js/views/voting/detail.vue?vue&type=template&id=4ecd6f16&");
+/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/detail.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1056,9 +3753,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _detail_vue_vue_type_template_id_4ecd6f16___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _detail_vue_vue_type_template_id_4ecd6f16___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1068,108 +3765,124 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/ImageUpload.vue"
+component.options.__file = "resources/assets/js/views/voting/detail.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/voting/detail.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/detail.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/detail.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/voting/detail.vue?vue&type=template&id=4ecd6f16&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/detail.vue?vue&type=template&id=4ecd6f16& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_4ecd6f16___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=4ecd6f16& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/detail.vue?vue&type=template&id=4ecd6f16&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_4ecd6f16___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_4ecd6f16___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/helpers/form.js":
-/*!*********************************************!*\
-  !*** ./resources/assets/js/helpers/form.js ***!
-  \*********************************************/
-/*! exports provided: toMulipartedForm, objectToFormData */
+/***/ "./resources/assets/js/views/voting/formCu.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/views/voting/formCu.vue ***!
+  \*****************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function toMulipartedForm(form, mode) {
-  if (mode === 'edit' && typeof form.image === 'string') {
-    var temp = JSON.parse(JSON.stringify(form));
-    delete temp.image;
-    return temp;
-  } else {
-    return objectToFormData(form);
-  }
-}
-function objectToFormData(obj, form, namespace) {
-  var fd = form || new FormData();
-  var formKey;
-
-  for (var property in obj) {
-    if (obj.hasOwnProperty(property)) {
-      if (namespace) {
-        formKey = namespace + '[' + property + ']';
-      } else {
-        formKey = property;
-      }
+/* harmony import */ var _formCu_vue_vue_type_template_id_6cbbc09b___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formCu.vue?vue&type=template&id=6cbbc09b& */ "./resources/assets/js/views/voting/formCu.vue?vue&type=template&id=6cbbc09b&");
+/* harmony import */ var _formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formCu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/formCu.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
-      if (obj[property] instanceof Array) {
-        for (var i = 0; i < obj[property].length; i++) {
-          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
-        }
-      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
-        objectToFormData(obj[property], fd, property);
-      } else {
-        fd.append(formKey, obj[property]);
-      }
-    }
-  }
 
-  return fd;
-}
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formCu_vue_vue_type_template_id_6cbbc09b___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formCu_vue_vue_type_template_id_6cbbc09b___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/views/voting/formCu.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelSimo/form.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/artikelSimo/form.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/voting/formCu.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/formCu.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_28df5362_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=28df5362&scoped=true& */ "./resources/assets/js/views/artikelSimo/form.vue?vue&type=template&id=28df5362&scoped=true&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelSimo/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _public_css_admin_ckeditor_document_style_css_vue_type_style_index_0_id_28df5362_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true& */ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formCu.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/voting/formCu.vue?vue&type=template&id=6cbbc09b&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/formCu.vue?vue&type=template&id=6cbbc09b& ***!
+  \************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_6cbbc09b___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCu.vue?vue&type=template&id=6cbbc09b& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formCu.vue?vue&type=template&id=6cbbc09b&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_6cbbc09b___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_6cbbc09b___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/voting/formKodeSuara.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/voting/formKodeSuara.vue ***!
+  \************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _formKodeSuara_vue_vue_type_template_id_9146f5a0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKodeSuara.vue?vue&type=template&id=9146f5a0& */ "./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=template&id=9146f5a0&");
+/* harmony import */ var _formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKodeSuara.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1177,51 +3890,51 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_28df5362_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_28df5362_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formKodeSuara_vue_vue_type_template_id_9146f5a0___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formKodeSuara_vue_vue_type_template_id_9146f5a0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "28df5362",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikelSimo/form.vue"
+component.options.__file = "resources/assets/js/views/voting/formKodeSuara.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelSimo/form.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelSimo/form.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKodeSuara.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelSimo/form.vue?vue&type=template&id=28df5362&scoped=true&":
-/*!***************************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelSimo/form.vue?vue&type=template&id=28df5362&scoped=true& ***!
-  \***************************************************************************************************/
+/***/ "./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=template&id=9146f5a0&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=template&id=9146f5a0& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_28df5362_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=28df5362&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/form.vue?vue&type=template&id=28df5362&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_28df5362_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_template_id_9146f5a0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKodeSuara.vue?vue&type=template&id=9146f5a0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/formKodeSuara.vue?vue&type=template&id=9146f5a0&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_template_id_9146f5a0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_28df5362_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_template_id_9146f5a0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/104.js b/public/js/components/104.js
index 3740203f9..f6a787605 100644
--- a/public/js/components/104.js
+++ b/public/js/components/104.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[104],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/modalImage.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -31,57 +31,63 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    show: {
-      type: Boolean,
-      "default": function _default() {
-        return false;
-      }
-    },
-    content: ''
-  },
   data: function data() {
     return {
-      created: false
+      image: ''
     };
   },
-  mounted: function mounted() {
-    var _this = this;
-
-    document.addEventListener("keydown", function (e) {
-      if (_this.getModalShow && e.keyCode == 27) {
-        _this.tutup();
-      }
-    });
+  props: {
+    image_loc: {
+      type: [String],
+      "default": ''
+    },
+    image_type: {
+      type: [String],
+      "default": '.jpg'
+    },
+    image_temp: {
+      "default": ''
+    },
+    value: {
+      type: [String, File],
+      "default": 'no_image'
+    }
   },
   methods: {
-    backgroundClick: function backgroundClick() {
-      if (this.state !== 'loading') {
-        this.$emit('backgroundClick');
-        this.showDetail = false;
-      }
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.createImage(files[0]);
+      this.$emit('input', files[0]);
     },
-    tutup: function tutup() {
-      if (this.state !== 'loading') this.$emit('tutup');
-    },
-    beforeEnter: function beforeEnter() {
-      this.created = true;
-      document.body.classList.add("modal-open");
+    createImage: function createImage(file) {
+      var reader = new FileReader();
+      var vm = this;
+
+      reader.onload = function (e) {
+        vm.image = e.target.result; // this.$emit('input', vm.image)
+      };
+
+      reader.readAsDataURL(file);
     },
-    afterLeave: function afterLeave() {
-      this.created = false;
-      document.body.classList.remove("modal-open");
+    close: function close() {
+      this.$emit('input', 'no_image');
+      this.image = '/images/no_image.jpg';
+      this.$refs.fileInput.value = '';
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/profile.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/profile.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/form.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelSimo/form.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -89,17 +95,15 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_modalImage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modalImage */ "./resources/assets/js/components/modalImage.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _component_aktivitas__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./_component/aktivitas */ "./resources/assets/js/views/user/_component/aktivitas.vue");
-/* harmony import */ var _aktivis_create__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../aktivis/create */ "./resources/assets/js/views/aktivis/create.vue");
-/* harmony import */ var _aktivis_riwayatContent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../aktivis/riwayatContent */ "./resources/assets/js/views/aktivis/riwayatContent.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _helpers_auth__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../helpers/auth */ "./resources/assets/js/helpers/auth.js");
+/* harmony import */ var _helpers_url_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../helpers/url.js */ "./resources/assets/js/helpers/url.js");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -271,39 +275,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
 
 
 
@@ -316,46 +287,81 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  name: 'UserIndex',
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    appModalImage: _components_modalImage__WEBPACK_IMPORTED_MODULE_4__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    aktivitas: _component_aktivitas__WEBPACK_IMPORTED_MODULE_9__["default"],
-    formIdentitas: _aktivis_create__WEBPACK_IMPORTED_MODULE_10__["default"],
-    formRiwayat: _aktivis_riwayatContent__WEBPACK_IMPORTED_MODULE_11__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_12__["default"]
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_10__["default"]
   },
   data: function data() {
     return {
-      title: 'Profile',
-      kelas: 'user',
-      titleDesc: 'Mengelola data profile',
-      titleIcon: 'icon-user',
-      selectCuPath: 'userCu',
-      tabName: 'password',
-      isAktivitas: false,
-      formPassword: {},
-      formIdentitas: {},
-      formFoto: {},
+      title: 'Tambah Artikel SIMO',
+      titleDesc: 'Menambah artikel simo baru',
+      titleIcon: 'icon-plus3',
+      level2Title: 'Artikel SIMO',
+      kelas: 'artikelSimo',
+      id_cu: '',
+      utama: '',
+      UploadAdapter: function UploadAdapter(loader) {
+        var _this = this;
+
+        this.loader = loader;
+
+        this.upload = function () {
+          var body = new FormData();
+          var user = Object(_helpers_auth__WEBPACK_IMPORTED_MODULE_8__["getLocalUser"])();
+          var token = user.token;
+          body.append('gambar', _this.loader.file);
+          return fetch(_helpers_url_js__WEBPACK_IMPORTED_MODULE_9__["url_config"].api_url + 'artikelSimo/upload', {
+            headers: {
+              "Authorization": 'Bearer ' + token
+            },
+            body: body,
+            method: 'POST'
+          }).then(function (response) {
+            return response.json();
+          }).then(function (downloadUrl) {
+            return {
+              "default": downloadUrl
+            };
+          })["catch"](function (error) {
+            console.log(error);
+          });
+        };
+
+        this.abort = function () {
+          console.log('Abort upload.');
+        };
+      },
       modalShow: false,
       modalState: '',
       modalTitle: '',
       modalColor: '',
       modalContent: '',
-      modalImageShow: false,
-      modalImageContent: '',
-      submited: false
+      submited: false,
+      submitedKategori: false,
+      submitedPenulis: false
     };
   },
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
   created: function created() {
-    this.formFoto.gambar = this.currentUser.gambar;
-    this.formIdentitas.name = this.currentUser.name;
-    this.formIdentitas.email = this.currentUser.email;
+    if (this.currentUser.id_cu === 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    }
+
+    if (this.$route.meta.mode !== 'edit' && this.form.id_cu === undefined) {
+      this.form.id_cu = this.currentUser.id_cu;
+      this.changeCU(this.currentUser.id_cu);
+    }
   },
   watch: {
     updateStat: function updateStat(value) {
@@ -372,29 +378,36 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     }
   },
   methods: {
-    fetchAktivitas: function fetchAktivitas(value) {
-      this.$store.dispatch(this.kelas + '/getActivity', [value, this.currentUser.id]);
-    },
-    saveIdentitas: function saveIdentitas() {
-      var _this = this;
-
-      this.$validator.validateAll('formIdentitas').then(function (result) {
-        if (result) {
-          _this.$store.dispatch(_this.kelas + '/updateIdentitas', [_this.$route.params.id, _this.formIdentitas]);
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
+    fetch: function fetch() {
+      if (this.currentUser.id_cu === 0) {
+        if (this.modelCuStat != 'success') {
+          this.$store.dispatch('cu/getHeader');
         }
-      });
+      }
+
+      if (this.$route.meta.mode === 'edit') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+        this.title = 'Ubah Artikel SIMO';
+        this.titleDesc = 'Mengubah artikel Simo';
+        this.titleIcon = 'icon-pencil5';
+      } else {
+        this.title = 'Tambah Artikel SIMO';
+        this.titleDesc = 'Menambah artikel Simo';
+        this.titleIcon = 'icon-plus3';
+        this.$store.dispatch(this.kelas + '/create');
+      }
     },
-    savePassword: function savePassword() {
+    save: function save() {
       var _this2 = this;
 
-      this.$validator.validateAll('formPassword').then(function (result) {
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      this.$validator.validateAll('form').then(function (result) {
         if (result) {
-          _this2.$store.dispatch(_this2.kelas + '/updatePassword', [_this2.$route.params.id, _this2.formPassword]);
+          if (_this2.$route.meta.mode === 'edit') {
+            _this2.$store.dispatch(_this2.kelas + '/update', [_this2.$route.params.id, formData]);
+          } else {
+            _this2.$store.dispatch(_this2.kelas + '/store', formData);
+          }
 
           _this2.submited = false;
         } else {
@@ -403,153 +416,74 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         }
       });
     },
-    saveFoto: function saveFoto() {
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_5__["toMulipartedForm"])(this.formFoto, 'edit');
-      this.$store.dispatch(this.kelas + '/updateFoto', [this.$route.params.id, formData]);
-    },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-
-      if (value == 'aktivitas' && !this.isAktivitas) {
-        this.isAktivitas = true;
-        this.fetchAktivitas(this.params);
-      }
-    },
-    modalImageBuka: function modalImageBuka(content) {
-      this.modalImageShow = true;
-      this.modalImageContent = content;
+    back: function back() {
+      this.$router.push({
+        name: this.kelas
+      });
     },
     modalTutup: function modalTutup() {
-      this.modalShow = false;
-
-      if (this.tabName == 'foto' || this.tabName == 'email') {} else if (this.tabName == 'password') {
-        this.formPasswordReset();
-        this.currentUser.isChangePassword = 1;
+      if (this.updateStat === 'success') {
+        this.back();
       }
+
+      this.modalShow = false;
+      this.submitedKategori = false;
+      this.submitedPenulis = false;
     },
-    modalImageTutup: function modalImageTutup() {
-      this.modalImageShow = false;
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
     },
-    formPasswordReset: function formPasswordReset() {
-      this.formPassword.password_old = '';
-      this.formPassword.password = '';
-      this.formPassword.password_confirm = '';
+    processFile: function processFile(event) {
+      this.form.gambar = event.target.files[0];
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('user', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelSimo', {
     form: 'data',
     formStat: 'dataStat',
-    activity: 'dataS',
-    activityStat: 'dataStatS',
+    rules: 'rules',
+    options: 'options',
     updateResponse: 'update',
     updateStat: 'updateStat'
-  })),
-  filters: {
-    description: function description(value) {
-      if (value == 'created') {
-        return 'Menambah';
-      } else if (value == 'updated') {
-        return 'Mengubah';
-      } else if (value == 'deleted') {
-        return 'Menghapus';
-      }
-    },
-    subjectType: function subjectType(value) {
-      if (value == 'App\\Aktivis') {
-        return 'Aktivis';
-      } else if (value == 'App\\AktivisAnggotaCu') {
-        return 'Anggota CU Aktivis';
-      } else if (value == 'App\\AktivisKeluarga') {
-        return 'Keluarga Aktivis';
-      } else if (value == 'App\\AktivisOrganisasi') {
-        return 'Organisasi Aktivis';
-      } else if (value == 'App\\AktivisPekerjaan') {
-        return 'Pekerjaan Aktivis';
-      } else if (value == 'App\\AktivisPendidikan') {
-        return 'Pendidikan Aktivis';
-      } else if (value == 'App\\Artikel') {
-        return 'Artikel';
-      } else if (value == 'App\\ArtikelKategori') {
-        return 'Kategori Artikel';
-      } else if (value == 'App\\ArtikelPenulis') {
-        return 'Penulis Artikel';
-      } else if (value == 'App\\Cu') {
-        return 'CU';
-      } else if (value == 'App\\Download') {
-        return 'Download';
-      } else if (value == 'App\\Kegiatan') {
-        return 'Kegiatan';
-      } else if (value == 'App\\KegiatanPanitia') {
-        return 'Panitia Kegiatan';
-      } else if (value == 'App\\KegiatanPeserta') {
-        return 'Peserta Kegiatan';
-      } else if (value == 'App\\KegiatanSasaran') {
-        return 'Sasaran Kegiatan';
-      } else if (value == 'App\\LaporanCu') {
-        return 'Laporan CU';
-      } else if (value == 'App\\LaporanCuDiskusi') {
-        return 'Diskusi Laporan CU';
-      } else if (value == 'App\\LaporanCuDraft') {
-        return 'Draft Laporan CU';
-      } else if (value == 'App\\LaporanTp') {
-        return 'Laporan TP/KP';
-      } else if (value == 'App\\LaporanTpDiskusi') {
-        return 'Diskusi Laporan TP/KP';
-      } else if (value == 'App\\LaporanTpDraft') {
-        return 'Draft Laporan TP/KP';
-      } else if (value == 'App\\MitraLembaga') {
-        return 'Lembaga Mitra';
-      } else if (value == 'App\\MitraOrang') {
-        return 'Mitra Perseorangan';
-      } else if (value == 'App\\Pengumuman') {
-        return 'Pengumuman';
-      } else if (value == 'App\\ProdukCu') {
-        return 'Produk CU';
-      } else if (value == 'App\\Saran') {
-        return 'Saran';
-      } else if (value == 'App\\Tempat') {
-        return 'Tempat';
-      } else if (value == 'App\\Tp') {
-        return 'TP/KP';
-      } else if (value == "App\\User") {
-        return 'User';
-      }
-    }
-  }
+  }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css&":
-/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css& ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true&":
+/*!********************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true& ***!
+  \********************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
 // imports
 
 
 // module
-exports.push([module.i, "\n.modal-mask[data-v-6b47dd05] {\n\tposition: fixed;\n\tz-index: 9998;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: rgba(0, 0, 0, .5);\n\ttransition: opacity .3s ease;\n}\n.modal-show[data-v-6b47dd05] {\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tdisplay: block;\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tz-index: 1050;\n\toutline: 0;\n}\n", ""]);
+exports.push([module.i, ".document-editor[data-v-28df5362] {\n  border: 1px solid var(--ck-color-base-border);\n  border-radius: var(--ck-border-radius);\n\n  /* Set vertical boundaries for the document editor. */\n  max-height: 700px;\n\n  /* This element is a flex container for easier rendering. */\n  display: flex;\n  flex-flow: column nowrap;\n}\n.document-editor__toolbar[data-v-28df5362] {\n  /* Make sure the toolbar container is always above the editable. */\n  z-index: 1;\n\n  /* Create the illusion of the toolbar floating over the editable. */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.2 );\n\n  /* Use the CKEditor CSS variables to keep the UI consistent. */\n  border-bottom: 1px solid var(--ck-color-toolbar-border);\n}\n\n/* Adjust the look of the toolbar inside the container. */\n.document-editor__toolbar .ck-toolbar[data-v-28df5362] {\n  border: 0;\n  border-radius: 0;\n}\n\n/* Make the editable container look like the inside of a native word processor application. */\n.document-editor__editable-container[data-v-28df5362] {\n  padding: calc( 2 * var(--ck-spacing-large) );\n  background: var(--ck-color-base-foreground);\n\n  /* Make it possible to scroll the \"page\" of the edited content. */\n  overflow-y: scroll;\n}\n.document-editor__editable-container .ck-editor__editable[data-v-28df5362] {\n  /* Set the dimensions of the \"page\". */\n  width: 98%;\n  /* min-height: 21cm; */\n\n  /* Keep the \"page\" off the boundaries of the container. */\n  padding: 1cm 2cm 2cm;\n\n  border: 1px hsl( 0,0%,82.7% ) solid;\n  border-radius: var(--ck-border-radius);\n  background: white;\n\n  /* The \"page\" should cast a slight shadow (3D illusion). */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.1 );\n\n  /* Center the \"page\". */\n  margin: 0 auto;\n}\n\n/* Set the default font for the \"page\" of the content. */\n.document-editor .ck-content[data-v-28df5362],\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-28df5362] {\n  font: 16px/1.6 \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n/* Adjust the headings dropdown to host some larger heading styles. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-28df5362] {\n  line-height: calc( 1.7 * var(--ck-line-height-base) * var(--ck-font-size-base) );\n  min-width: 6em;\n}\n\n/* Scale down all heading previews because they are way too big to be presented in the UI.\nPreserve the relative scale, though. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label[data-v-28df5362] {\n  transform: scale(0.8);\n  transform-origin: left;\n}\n\n/* Set the styles for \"Heading 1\". */\n.document-editor .ck-content h2[data-v-28df5362],\n.document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label[data-v-28df5362] {\n  font-size: 2.18em;\n  font-weight: normal;\n}\n.document-editor .ck-content h2[data-v-28df5362] {\n  line-height: 1.37em;\n  padding-top: .342em;\n  margin-bottom: .142em;\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-28df5362],\n.document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label[data-v-28df5362] {\n  font-size: 1.75em;\n  font-weight: normal;\n  color: hsl( 203, 100%, 50% );\n}\n.document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label[data-v-28df5362] {\n  color: var(--ck-color-list-button-on-text);\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-28df5362] {\n  line-height: 1.86em;\n  padding-top: .171em;\n  margin-bottom: .357em;\n}\n\n/* Set the styles for \"Heading 3\". */\n.document-editor .ck-content h4[data-v-28df5362],\n.document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label[data-v-28df5362] {\n  font-size: 1.31em;\n  font-weight: bold;\n}\n.document-editor .ck-content h4[data-v-28df5362] {\n  line-height: 1.24em;\n  padding-top: .286em;\n  margin-bottom: .952em;\n}\n\n/* Set the styles for \"Paragraph\". */\n.document-editor .ck-content p[data-v-28df5362] {\n  font-size: 1em;\n  line-height: 1.63em;\n  padding-top: .5em;\n  margin-bottom: 1.13em;\n}\n\n/* Make the block quoted text serif with some additional spacing. */\n.document-editor .ck-content blockquote[data-v-28df5362] {\n  font-family: Georgia, serif;\n  margin-left: calc( 2 * var(--ck-spacing-large) );\n  margin-right: calc( 2 * var(--ck-spacing-large) );\n}\n", ""]);
 
 // exports
 
 
 /***/ }),
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css&":
-/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css& ***!
-  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true&":
+/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true& ***!
+  \************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 
-var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css&");
+var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true&");
 
 if(typeof content === 'string') content = [[module.i, content, '']];
 
@@ -563,7 +497,7 @@ var options = {"hmr":true}
 options.transform = transform
 options.insertInto = undefined;
 
-var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
 
 if(content.locals) module.exports = content.locals;
 
@@ -571,10 +505,10 @@ if(false) {}
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=template&id=6b47dd05&scoped=true&":
-/*!********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/modalImage.vue?vue&type=template&id=6b47dd05&scoped=true& ***!
-  \********************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -587,77 +521,52 @@ var render = function () {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c("div", [
-    _c(
-      "div",
-      {
-        directives: [
-          {
-            name: "show",
-            rawName: "v-show",
-            value: _vm.created,
-            expression: "created",
-          },
-        ],
-        staticClass: "modal-mask",
-        on: { click: _vm.backgroundClick },
-      },
-      [
+    _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body text-center" }, [
+        _vm.image === "" && _vm.image_temp === ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: "/images/no_image.jpg" },
+            })
+          : _vm.image === "" && _vm.image_temp !== ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
+            })
+          : _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image },
+            }),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "col-md-10" }, [
+        _c("input", {
+          ref: "fileInput",
+          staticClass: "form-control",
+          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
+          on: { change: _vm.upload },
+        }),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-2" }, [
         _c(
-          "transition",
+          "button",
           {
-            attrs: {
-              name: "modal-effect",
-              "enter-active-class": "animated bounceInUp",
-              "leave-active-class": "animated bounceOutDown",
-              mode: "out-in",
+            staticClass: "btn btn-light btn-block",
+            attrs: { type: "button", disabled: _vm.image_temp === "" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.close()
+              },
             },
-            on: { enter: _vm.beforeEnter, "after-leave": _vm.afterLeave },
           },
-          [
-            _vm.show
-              ? _c("div", { staticClass: "modal-show" }, [
-                  _c(
-                    "div",
-                    {
-                      staticClass: "modal-dialog",
-                      on: {
-                        click: function ($event) {
-                          $event.stopPropagation()
-                        },
-                      },
-                    },
-                    [
-                      _c("div", { staticClass: "modal-content" }, [
-                        _c("div", { staticClass: "modal-header" }, [
-                          _c(
-                            "button",
-                            {
-                              staticClass: "close",
-                              attrs: { type: "button" },
-                              on: { click: _vm.tutup },
-                            },
-                            [_vm._v("×")]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "modal-body" }, [
-                          _vm.show
-                            ? _c("img", {
-                                staticClass: "img-responsive center-block",
-                                attrs: { src: _vm.content },
-                              })
-                            : _vm._e(),
-                        ]),
-                      ]),
-                    ]
-                  ),
-                ])
-              : _vm._e(),
-          ]
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
         ),
-      ],
-      1
-    ),
+      ]),
+    ]),
   ])
 }
 var staticRenderFns = []
@@ -667,10 +576,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/profile.vue?vue&type=template&id=3877d7d0&":
-/*!*****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/profile.vue?vue&type=template&id=3877d7d0& ***!
-  \*****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/form.vue?vue&type=template&id=28df5362&scoped=true&":
+/*!*********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelSimo/form.vue?vue&type=template&id=28df5362&scoped=true& ***!
+  \*********************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -690,6 +599,14 @@ var render = function () {
           title: _vm.title,
           titleDesc: _vm.titleDesc,
           titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
         },
       }),
       _vm._v(" "),
@@ -699,717 +616,335 @@ var render = function () {
             "div",
             { staticClass: "content" },
             [
-              _vm.formStat === "fail"
+              _vm.errors.any("form") && _vm.submited
                 ? _c("message", {
                     attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.form,
+                      title: "Oops, terjadi kesalahan",
+                      errorItem: _vm.errors.items,
                     },
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _c("div", { staticClass: "nav-tabs-responsive" }, [
-                _c(
-                  "ul",
-                  { staticClass: "nav nav-tabs nav-tabs-solid bg-light" },
-                  [
-                    _c("li", { staticClass: "nav-item" }, [
-                      _c(
-                        "a",
-                        {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "password" },
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.changeTab("password")
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-pencil5 mr-2" }),
-                          _vm._v(" Ubah Password"),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _vm.currentUser.id_aktivis
-                      ? _c("li", { staticClass: "nav-item" }, [
+              _c(
+                "form",
+                {
+                  attrs: {
+                    enctype: "multipart/form-data",
+                    "data-vv-scope": "form",
+                  },
+                  on: {
+                    submit: function ($event) {
+                      $event.preventDefault()
+                      return _vm.save.apply(null, arguments)
+                    },
+                  },
+                },
+                [
+                  _c("div", { staticClass: "card" }, [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-6" }, [
                           _c(
-                            "a",
+                            "div",
                             {
-                              staticClass: "nav-link",
-                              class: { active: _vm.tabName == "identitas" },
-                              attrs: { href: "#" },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.changeTab("identitas")
-                                },
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.name"),
                               },
                             },
                             [
-                              _c("i", { staticClass: "icon-pencil5 mr-2" }),
-                              _vm._v(" Ubah Identitas"),
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.name"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.name")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tJudul: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|min:5",
+                                    expression: "'required|min:5'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.name,
+                                    expression: "form.name",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "name",
+                                  placeholder:
+                                    "Silahkan masukkan judul artikel",
+                                  "data-vv-as": "Judul",
+                                },
+                                domProps: { value: _vm.form.name },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "name",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.name")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.name")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
                             ]
                           ),
-                        ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.id_aktivis
-                      ? _c("li", { staticClass: "nav-item" }, [
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-6" }, [
                           _c(
-                            "a",
+                            "div",
                             {
-                              staticClass: "nav-link",
-                              class: { active: _vm.tabName == "riwayat" },
-                              attrs: { href: "#" },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.changeTab("riwayat")
-                                },
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.utamakan"),
                               },
                             },
                             [
-                              _c("i", { staticClass: "icon-pencil5 mr-2" }),
-                              _vm._v(" Ubah Riwayat"),
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.utamakan"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.utamakan")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tUtamakan: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.utamakan,
+                                      expression: "form.utamakan",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "utamakan",
+                                    "data-width": "100%",
+                                    "data-vv-as": "utamakan",
+                                  },
+                                  on: {
+                                    change: function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
+                                        )
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "utamakan",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      )
+                                    },
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [_vm._v("Silahkan pilih tipe")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("option", { attrs: { value: "1" } }, [
+                                    _vm._v("Jadikan artikel utama"),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("option", { attrs: { value: "0" } }, [
+                                    _vm._v("Tidak jadikan artikel utama"),
+                                  ]),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("br"),
+                              _vm._v(" "),
+                              _vm.errors.has("form.utamakan")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.utamakan")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
+                                  ]),
                             ]
                           ),
-                        ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _c("li", { staticClass: "nav-item" }, [
-                      _c(
-                        "a",
-                        {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "aktivitas" },
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.changeTab("aktivitas")
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-eye2 mr-2" }),
-                          _vm._v(" Lihat Aktivitas"),
-                        ]
-                      ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Gambar Utama:")]),
+                              _vm._v(" "),
+                              _c("app-image-upload", {
+                                attrs: {
+                                  image_loc: "/images/artikel_simo/",
+                                  image_temp: _vm.form.gambar,
+                                },
+                                model: {
+                                  value: _vm.form.gambar,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "gambar", $$v)
+                                  },
+                                  expression: "form.gambar",
+                                },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _vm._m(0),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Ringkasan:")]),
+                              _vm._v(" "),
+                              _c("ckeditor", {
+                                attrs: { type: "classic" },
+                                model: {
+                                  value: _vm.form.ringkasan,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "ringkasan", $$v)
+                                  },
+                                  expression: "form.ringkasan",
+                                },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Isi Artikel:")]),
+                              _vm._v(" "),
+                              _c("ckeditor", {
+                                attrs: {
+                                  type: "classic",
+                                  "upload-adapter": _vm.UploadAdapter,
+                                },
+                                model: {
+                                  value: _vm.form.content,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "content", $$v)
+                                  },
+                                  expression: "form.content",
+                                },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]),
+                      ]),
                     ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("br"),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
+                  ]),
+                  _vm._v(" "),
+                  _c("form-info"),
+                  _vm._v(" "),
                   _c(
                     "div",
-                    {
-                      directives: [
-                        {
-                          name: "show",
-                          rawName: "v-show",
-                          value: _vm.tabName == "password",
-                          expression: "tabName == 'password'",
-                        },
-                      ],
-                    },
+                    { staticClass: "card card-body" },
                     [
-                      _c(
-                        "form",
-                        {
-                          attrs: { "data-vv-scope": "formPassword" },
-                          on: {
-                            submit: function ($event) {
-                              $event.preventDefault()
-                              return _vm.savePassword.apply(null, arguments)
-                            },
-                          },
+                      _c("form-button", {
+                        attrs: {
+                          cancelState: "methods",
+                          formValidation: "form",
                         },
-                        [
-                          _c("div", { staticClass: "card" }, [
-                            _c("div", { staticClass: "card-header bg-white" }, [
-                              _c("h6", { staticClass: "card-title" }, [
-                                _vm._v("Ubah Password"),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "div",
-                              { staticClass: "card-body" },
-                              [
-                                _c("div", { staticClass: "row" }, [
-                                  _c("div", { staticClass: "col-lg-12" }, [
-                                    _c(
-                                      "div",
-                                      {
-                                        staticClass:
-                                          "alert alert-info alert-styled-left",
-                                      },
-                                      [
-                                        _c(
-                                          "span",
-                                          {
-                                            staticClass: "font-weight-semibold",
-                                          },
-                                          [_vm._v("Informasi!")]
-                                        ),
-                                        _vm._v(
-                                          " Mari menggunakan password dengan tingkat keamanan yang lebih tinggi!! \n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                        _c("br"),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\t\t\tDimana password anda harus minimal terdiri dari 8 karakter yang mengandung minimal 1 huruf besar, 1 huruf kecil dan 1 angka. \n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                        _c("br"),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\t\t\tUsahakan password anda bukan dari tanggal lahir, alamat, nomor telepon/hp dan dari kata yang sering anda gunakan atau mudah diketahui oleh orang lain.\n\t\t\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "col-lg-12" }, [
-                                    _c(
-                                      "div",
-                                      {
-                                        staticClass: "form-group",
-                                        class: {
-                                          "has-error": _vm.errors.has(
-                                            "formPassword.password_old"
-                                          ),
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "h6",
-                                          {
-                                            class: {
-                                              "text-danger": _vm.errors.has(
-                                                "formPassword.password_old"
-                                              ),
-                                            },
-                                          },
-                                          [
-                                            _vm.errors.has(
-                                              "formPassword.password_old"
-                                            )
-                                              ? _c("i", {
-                                                  staticClass: "icon-cross2",
-                                                })
-                                              : _vm._e(),
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\t\t\t\tPassword Saat Ini:\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                            _c("wajib-badge"),
-                                            _vm._v(" "),
-                                            _c("br"),
-                                            _vm._v(" "),
-                                            _c(
-                                              "small",
-                                              { staticClass: "text-muted" },
-                                              [
-                                                _c("i", [
-                                                  _vm._v(
-                                                    "Mengisi password lama anda atau yang saat ini anda gunakan untuk login"
-                                                  ),
-                                                ]),
-                                              ]
-                                            ),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c("input", {
-                                          directives: [
-                                            {
-                                              name: "validate",
-                                              rawName: "v-validate",
-                                              value: "required",
-                                              expression: "'required'",
-                                            },
-                                            {
-                                              name: "model",
-                                              rawName: "v-model",
-                                              value:
-                                                _vm.formPassword.password_old,
-                                              expression:
-                                                "formPassword.password_old",
-                                            },
-                                          ],
-                                          staticClass: "form-control",
-                                          attrs: {
-                                            type: "password",
-                                            name: "password_old",
-                                            placeholder:
-                                              "Silahkan masukkan password",
-                                            "data-vv-as": "Password Lama",
-                                          },
-                                          domProps: {
-                                            value:
-                                              _vm.formPassword.password_old,
-                                          },
-                                          on: {
-                                            input: function ($event) {
-                                              if ($event.target.composing) {
-                                                return
-                                              }
-                                              _vm.$set(
-                                                _vm.formPassword,
-                                                "password_old",
-                                                $event.target.value
-                                              )
-                                            },
-                                          },
-                                        }),
-                                        _vm._v(" "),
-                                        _vm.errors.has(
-                                          "formPassword.password_old"
-                                        )
-                                          ? _c(
-                                              "small",
-                                              {
-                                                staticClass:
-                                                  "text-muted text-danger",
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass:
-                                                    "icon-arrow-small-right",
-                                                }),
-                                                _vm._v(
-                                                  " " +
-                                                    _vm._s(
-                                                      _vm.errors.first(
-                                                        "formPassword.password_old"
-                                                      )
-                                                    ) +
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
-                                            )
-                                          : _c(
-                                              "small",
-                                              { staticClass: "text-muted" },
-                                              [
-                                                _vm._v(
-                                                  " \n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
-                                            ),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "col-lg-6" }, [
-                                    _c(
-                                      "div",
-                                      {
-                                        staticClass: "form-group",
-                                        class: {
-                                          "has-error": _vm.errors.has(
-                                            "formPassword.password"
-                                          ),
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "h6",
-                                          {
-                                            class: {
-                                              "text-danger": _vm.errors.has(
-                                                "formPassword.password"
-                                              ),
-                                            },
-                                          },
-                                          [
-                                            _vm.errors.has(
-                                              "formPassword.password"
-                                            )
-                                              ? _c("i", {
-                                                  staticClass: "icon-cross2",
-                                                })
-                                              : _vm._e(),
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\t\t\t\tPassword Baru: "
-                                            ),
-                                            _c("wajib-badge"),
-                                            _vm._v(" "),
-                                            _c("br"),
-                                            _vm._v(" "),
-                                            _c(
-                                              "small",
-                                              { staticClass: "text-muted" },
-                                              [
-                                                _c("i", [
-                                                  _vm._v(
-                                                    "Minimal 8 karater yang mengandung minimal 1 huruf besar, 1 huruf kecil dan 1 angka"
-                                                  ),
-                                                ]),
-                                              ]
-                                            ),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c("input", {
-                                          directives: [
-                                            {
-                                              name: "validate",
-                                              rawName: "v-validate",
-                                              value:
-                                                "required|min:8|verify_password",
-                                              expression:
-                                                "'required|min:8|verify_password'",
-                                            },
-                                            {
-                                              name: "model",
-                                              rawName: "v-model",
-                                              value: _vm.formPassword.password,
-                                              expression:
-                                                "formPassword.password",
-                                            },
-                                          ],
-                                          ref: "password",
-                                          staticClass: "form-control",
-                                          attrs: {
-                                            type: "password",
-                                            name: "password",
-                                            placeholder:
-                                              "Silahkan masukkan password",
-                                          },
-                                          domProps: {
-                                            value: _vm.formPassword.password,
-                                          },
-                                          on: {
-                                            input: function ($event) {
-                                              if ($event.target.composing) {
-                                                return
-                                              }
-                                              _vm.$set(
-                                                _vm.formPassword,
-                                                "password",
-                                                $event.target.value
-                                              )
-                                            },
-                                          },
-                                        }),
-                                        _vm._v(" "),
-                                        _vm.errors.has("formPassword.password")
-                                          ? _c(
-                                              "small",
-                                              {
-                                                staticClass:
-                                                  "text-muted text-danger",
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass:
-                                                    "icon-arrow-small-right",
-                                                }),
-                                                _vm._v(
-                                                  " " +
-                                                    _vm._s(
-                                                      _vm.errors.first(
-                                                        "formPassword.password"
-                                                      )
-                                                    ) +
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
-                                            )
-                                          : _c(
-                                              "small",
-                                              { staticClass: "text-muted" },
-                                              [
-                                                _vm._v(
-                                                  " \n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
-                                            ),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "col-lg-6" }, [
-                                    _c(
-                                      "div",
-                                      {
-                                        staticClass: "form-group",
-                                        class: {
-                                          "has-error": _vm.errors.has(
-                                            "formPassword.passwordConfirm"
-                                          ),
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "h6",
-                                          {
-                                            class: {
-                                              "text-danger": _vm.errors.has(
-                                                "formPassword.passwordConfirm"
-                                              ),
-                                            },
-                                          },
-                                          [
-                                            _vm.errors.has(
-                                              "formPassword.passwordConfirm"
-                                            )
-                                              ? _c("i", {
-                                                  staticClass: "icon-cross2",
-                                                })
-                                              : _vm._e(),
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\t\t\t\tKonfirmasi Password:\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                            _c("wajib-badge"),
-                                            _vm._v(" "),
-                                            _c("br"),
-                                            _vm._v(" "),
-                                            _c(
-                                              "small",
-                                              { staticClass: "text-muted" },
-                                              [
-                                                _c("i", [
-                                                  _vm._v(
-                                                    "Mengisi ulang password"
-                                                  ),
-                                                ]),
-                                              ]
-                                            ),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c("input", {
-                                          directives: [
-                                            {
-                                              name: "validate",
-                                              rawName: "v-validate",
-                                              value:
-                                                "required|confirmed:password",
-                                              expression:
-                                                "'required|confirmed:password'",
-                                            },
-                                            {
-                                              name: "model",
-                                              rawName: "v-model",
-                                              value:
-                                                _vm.formPassword
-                                                  .password_confirm,
-                                              expression:
-                                                "formPassword.password_confirm",
-                                            },
-                                          ],
-                                          staticClass: "form-control",
-                                          attrs: {
-                                            type: "password",
-                                            name: "passwordConfirm",
-                                            placeholder:
-                                              "Silahkan masukkan password konfirmasi",
-                                            "data-vv-as": "password",
-                                          },
-                                          domProps: {
-                                            value:
-                                              _vm.formPassword.password_confirm,
-                                          },
-                                          on: {
-                                            input: function ($event) {
-                                              if ($event.target.composing) {
-                                                return
-                                              }
-                                              _vm.$set(
-                                                _vm.formPassword,
-                                                "password_confirm",
-                                                $event.target.value
-                                              )
-                                            },
-                                          },
-                                        }),
-                                        _vm._v(" "),
-                                        _vm.errors.has(
-                                          "formPassword.passwordConfirm"
-                                        )
-                                          ? _c(
-                                              "small",
-                                              {
-                                                staticClass:
-                                                  "text-muted text-danger",
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass:
-                                                    "icon-arrow-small-right",
-                                                }),
-                                                _vm._v(
-                                                  " " +
-                                                    _vm._s(
-                                                      _vm.errors.first(
-                                                        "formPassword.passwordConfirm"
-                                                      )
-                                                    ) +
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
-                                            )
-                                          : _c(
-                                              "small",
-                                              { staticClass: "text-muted" },
-                                              [_vm._v(" ")]
-                                            ),
-                                      ]
-                                    ),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("form-info"),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  {
-                                    staticClass:
-                                      "text-center d-none d-md-block",
-                                  },
-                                  [
-                                    _c(
-                                      "button",
-                                      {
-                                        staticClass: "btn btn-primary",
-                                        attrs: { type: "submit" },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-floppy-disk",
-                                        }),
-                                        _vm._v(" Simpan"),
-                                      ]
-                                    ),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "d-block d-md-none" },
-                                  [
-                                    _c(
-                                      "button",
-                                      {
-                                        staticClass:
-                                          "btn btn-primary btn-block pb-2",
-                                        attrs: { type: "submit" },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-floppy-disk",
-                                        }),
-                                        _vm._v(" Simpan"),
-                                      ]
-                                    ),
-                                  ]
-                                ),
-                              ],
-                              1
-                            ),
-                          ]),
-                        ]
-                      ),
-                    ]
+                        on: { cancelClick: _vm.back },
+                      }),
+                    ],
+                    1
                   ),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _vm.tabName == "identitas"
-                    ? _c(
-                        "div",
-                        [
-                          _c("form-identitas", {
-                            attrs: {
-                              mode: "edit_profile",
-                              id_aktivis: _vm.currentUser.id_aktivis,
-                            },
-                          }),
-                        ],
-                        1
-                      )
-                    : _vm._e(),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _vm.tabName == "riwayat"
-                    ? _c(
-                        "div",
-                        [
-                          _c("form-riwayat", {
-                            attrs: {
-                              mode: "edit_profile",
-                              id_aktivis: _vm.currentUser.id_aktivis,
-                              id_cu: _vm.currentUser.id_cu,
-                            },
-                          }),
-                        ],
-                        1
-                      )
-                    : _vm._e(),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _vm.tabName == "aktivitas"
-                    ? _c(
-                        "div",
-                        [
-                          _c("aktivitas", {
-                            attrs: {
-                              activity: _vm.activity,
-                              activityStat: _vm.activityStat,
-                            },
-                            on: { fetchAktivitas: _vm.fetchAktivitas },
-                          }),
-                        ],
-                        1
-                      )
-                    : _vm._e(),
-                ]
+                ],
+                1
               ),
             ],
             1
@@ -1417,55 +952,102 @@ var render = function () {
         ]),
       ]),
       _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          content: _vm.modalContent,
-          color: _vm.modalColor,
-        },
-        on: {
-          batal: _vm.modalTutup,
-          tutup: _vm.modalTutup,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalTutup,
-        },
-      }),
-      _vm._v(" "),
-      _c("app-modal-image", {
-        attrs: { show: _vm.modalImageShow, content: _vm.modalImageContent },
-        on: {
-          tutup: _vm.modalImageTutup,
-          backgroundClick: _vm.modalImageTutup,
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            content: _vm.modalContent,
+            color: _vm.modalColor,
+          },
+          on: {
+            batal: _vm.modalTutup,
+            tutup: _vm.modalTutup,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
+          },
         },
-      }),
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body1" },
+            [
+              _c("form-penulis", {
+                attrs: { id_cu: _vm.id_cu },
+                on: { cancelClick: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body2" },
+            [
+              _c("form-kategori", {
+                attrs: { id_cu: _vm.id_cu },
+                on: { cancelClick: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+          _vm._v("]\n\n\t"),
+        ],
+        2
+      ),
     ],
     1
   )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "col-md-12" }, [_c("br")])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/modalImage.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/modalImage.vue ***!
-  \*******************************************************/
-/*! exports provided: default */
+/***/ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true&":
+/*!***************************************************************************************************************!*\
+  !*** ./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true& ***!
+  \***************************************************************************************************************/
+/*! no static exports found */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _modalImage_vue_vue_type_template_id_6b47dd05_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./modalImage.vue?vue&type=template&id=6b47dd05&scoped=true& */ "./resources/assets/js/components/modalImage.vue?vue&type=template&id=6b47dd05&scoped=true&");
-/* harmony import */ var _modalImage_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modalImage.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/modalImage.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _modalImage_vue_vue_type_style_index_0_id_6b47dd05_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css& */ "./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_28df5362_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/style-loader!../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_28df5362_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_28df5362_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_28df5362_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_28df5362_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/ImageUpload.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue ***!
+  \********************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1473,84 +1055,121 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _modalImage_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _modalImage_vue_vue_type_template_id_6b47dd05_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _modalImage_vue_vue_type_template_id_6b47dd05_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "6b47dd05",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/modalImage.vue"
+component.options.__file = "resources/assets/js/components/ImageUpload.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/modalImage.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/modalImage.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./modalImage.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css&":
-/*!****************************************************************************************************************!*\
-  !*** ./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css& ***!
-  \****************************************************************************************************************/
-/*! no static exports found */
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \***************************************************************************************/
+/*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_style_index_0_id_6b47dd05_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_style_index_0_id_6b47dd05_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_style_index_0_id_6b47dd05_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_style_index_0_id_6b47dd05_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_style_index_0_id_6b47dd05_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/modalImage.vue?vue&type=template&id=6b47dd05&scoped=true&":
-/*!**************************************************************************************************!*\
-  !*** ./resources/assets/js/components/modalImage.vue?vue&type=template&id=6b47dd05&scoped=true& ***!
-  \**************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
+/***/ "./resources/assets/js/helpers/form.js":
+/*!*********************************************!*\
+  !*** ./resources/assets/js/helpers/form.js ***!
+  \*********************************************/
+/*! exports provided: toMulipartedForm, objectToFormData */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_template_id_6b47dd05_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./modalImage.vue?vue&type=template&id=6b47dd05&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=template&id=6b47dd05&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_template_id_6b47dd05_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_template_id_6b47dd05_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function toMulipartedForm(form, mode) {
+  if (mode === 'edit' && typeof form.image === 'string') {
+    var temp = JSON.parse(JSON.stringify(form));
+    delete temp.image;
+    return temp;
+  } else {
+    return objectToFormData(form);
+  }
+}
+function objectToFormData(obj, form, namespace) {
+  var fd = form || new FormData();
+  var formKey;
+
+  for (var property in obj) {
+    if (obj.hasOwnProperty(property)) {
+      if (namespace) {
+        formKey = namespace + '[' + property + ']';
+      } else {
+        formKey = property;
+      }
 
+      if (obj[property] instanceof Array) {
+        for (var i = 0; i < obj[property].length; i++) {
+          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
+        }
+      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
+        objectToFormData(obj[property], fd, property);
+      } else {
+        fd.append(formKey, obj[property]);
+      }
+    }
+  }
 
+  return fd;
+}
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/profile.vue":
-/*!****************************************************!*\
-  !*** ./resources/assets/js/views/user/profile.vue ***!
-  \****************************************************/
+/***/ "./resources/assets/js/views/artikelSimo/form.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/artikelSimo/form.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _profile_vue_vue_type_template_id_3877d7d0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./profile.vue?vue&type=template&id=3877d7d0& */ "./resources/assets/js/views/user/profile.vue?vue&type=template&id=3877d7d0&");
-/* harmony import */ var _profile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./profile.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/profile.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _form_vue_vue_type_template_id_28df5362_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=28df5362&scoped=true& */ "./resources/assets/js/views/artikelSimo/form.vue?vue&type=template&id=28df5362&scoped=true&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelSimo/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _public_css_admin_ckeditor_document_style_css_vue_type_style_index_0_id_28df5362_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true& */ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=28df5362&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
 
 
 
@@ -1558,51 +1177,51 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _profile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _profile_vue_vue_type_template_id_3877d7d0___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _profile_vue_vue_type_template_id_3877d7d0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_28df5362_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_28df5362_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "28df5362",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/user/profile.vue"
+component.options.__file = "resources/assets/js/views/artikelSimo/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/profile.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************!*\
-  !*** ./resources/assets/js/views/user/profile.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************/
+/***/ "./resources/assets/js/views/artikelSimo/form.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelSimo/form.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_profile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./profile.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/profile.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_profile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/profile.vue?vue&type=template&id=3877d7d0&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/user/profile.vue?vue&type=template&id=3877d7d0& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/artikelSimo/form.vue?vue&type=template&id=28df5362&scoped=true&":
+/*!***************************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelSimo/form.vue?vue&type=template&id=28df5362&scoped=true& ***!
+  \***************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_profile_vue_vue_type_template_id_3877d7d0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./profile.vue?vue&type=template&id=3877d7d0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/profile.vue?vue&type=template&id=3877d7d0&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_profile_vue_vue_type_template_id_3877d7d0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_28df5362_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=28df5362&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/form.vue?vue&type=template&id=28df5362&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_28df5362_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_profile_vue_vue_type_template_id_3877d7d0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_28df5362_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/105.js b/public/js/components/105.js
index bbbddbc4f..e9fa65bf5 100644
--- a/public/js/components/105.js
+++ b/public/js/components/105.js
@@ -1,28 +1,14 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[105],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/index.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelSimo/index.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/modalImage.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/artikelSimo/table.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
 //
 //
 //
@@ -45,68 +31,75 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-
-
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+  props: {
+    show: {
+      type: Boolean,
+      "default": function _default() {
+        return false;
+      }
+    },
+    content: ''
   },
   data: function data() {
     return {
-      title: 'Artikel SIMO',
-      kelas: 'artikelSimo',
-      titleDesc: 'Mengelola data artikel SIMO',
-      titleIcon: 'icon-magazine'
+      created: false
     };
   },
-  created: function created() {
-    this.checkUser('index_artikel');
+  mounted: function mounted() {
+    var _this = this;
+
+    document.addEventListener("keydown", function (e) {
+      if (_this.getModalShow && e.keyCode == 27) {
+        _this.tutup();
+      }
+    });
   },
   methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
+    backgroundClick: function backgroundClick() {
+      if (this.state !== 'loading') {
+        this.$emit('backgroundClick');
+        this.showDetail = false;
       }
+    },
+    tutup: function tutup() {
+      if (this.state !== 'loading') this.$emit('tutup');
+    },
+    beforeEnter: function beforeEnter() {
+      this.created = true;
+      document.body.classList.add("modal-open");
+    },
+    afterLeave: function afterLeave() {
+      this.created = false;
+      document.body.classList.remove("modal-open");
     }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelSimo', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
-  }))
+  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/table.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelSimo/table.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/profile.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/profile.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_modalImage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modalImage */ "./resources/assets/js/components/modalImage.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _component_aktivitas__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./_component/aktivitas */ "./resources/assets/js/views/user/_component/aktivitas.vue");
+/* harmony import */ var _aktivis_create__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../aktivis/create */ "./resources/assets/js/views/aktivis/create.vue");
+/* harmony import */ var _aktivis_riwayatContent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../aktivis/riwayatContent */ "./resources/assets/js/views/aktivis/riwayatContent.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -202,181 +195,386 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
+  name: 'UserIndex',
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    appModalImage: _components_modalImage__WEBPACK_IMPORTED_MODULE_4__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    aktivitas: _component_aktivitas__WEBPACK_IMPORTED_MODULE_9__["default"],
+    formIdentitas: _aktivis_create__WEBPACK_IMPORTED_MODULE_10__["default"],
+    formRiwayat: _aktivis_riwayatContent__WEBPACK_IMPORTED_MODULE_11__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_12__["default"]
   },
-  props: ['title', 'kelas'],
   data: function data() {
     return {
-      selectedItem: [],
-      query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      excelDownloadUrl: '',
-      columnData: [{
-        title: 'No.',
-        name: 'No.'
-      }, {
-        title: 'Foto',
-        name: 'gambar',
-        hide: false
-      }, {
-        title: 'Judul',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Utamakan',
-        name: 'utamakan',
-        sort: true,
-        hide: false,
-        disable: false
-      }, {
-        title: 'Tgl. Tulis',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      state: '',
+      title: 'Profile',
+      kelas: 'user',
+      titleDesc: 'Mengelola data profile',
+      titleIcon: 'icon-user',
+      selectCuPath: 'userCu',
+      tabName: 'password',
+      isAktivitas: false,
+      formPassword: {},
+      formIdentitas: {},
+      formFoto: {},
       modalShow: false,
       modalState: '',
       modalTitle: '',
+      modalColor: '',
       modalContent: '',
-      modalButton: ''
+      modalImageShow: false,
+      modalImageContent: '',
+      submited: false
     };
   },
   created: function created() {
-    this.fetch(this.query);
+    this.formFoto.gambar = this.currentUser.gambar;
+    this.formIdentitas.name = this.currentUser.name;
+    this.formIdentitas.email = this.currentUser.email;
   },
   watch: {
-    // check route changes
-    '$route': function $route(to, from) {
-      this.fetch(this.query);
-    },
-    // when updating data
     updateStat: function updateStat(value) {
+      this.modalShow = true;
       this.modalState = value;
-      this.modalButton = 'Ok';
-
-      if (value == "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.fetch();
-      } else if (value == "fail") {
-        this.modalContent = this.updateMessage;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
       } else {
-        this.modalContent = '';
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
       }
     }
   },
   methods: {
-    fetch: function fetch(params) {
-      this.$store.dispatch(this.kelas + '/index', params);
+    fetchAktivitas: function fetchAktivitas(value) {
+      this.$store.dispatch(this.kelas + '/getActivity', [value, this.currentUser.id]);
     },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    ubahData: function ubahData(id) {
-      this.$router.push({
-        name: this.kelas + 'Edit',
-        params: {
-          id: id
+    saveIdentitas: function saveIdentitas() {
+      var _this = this;
+
+      this.$validator.validateAll('formIdentitas').then(function (result) {
+        if (result) {
+          _this.$store.dispatch(_this.kelas + '/updateIdentitas', [_this.$route.params.id, _this.formIdentitas]);
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
         }
       });
     },
-    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.modalState = 'confirm-tutup';
-      this.state = state;
+    savePassword: function savePassword() {
+      var _this2 = this;
 
-      if (isMobile) {
-        this.selectedItem = itemMobile;
-      }
+      this.$validator.validateAll('formPassword').then(function (result) {
+        if (result) {
+          _this2.$store.dispatch(_this2.kelas + '/updatePassword', [_this2.$route.params.id, _this2.formPassword]);
 
-      if (state == 'hapus') {
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-      } else if (state == 'updateUtamakan') {
-        if (this.selectedItem.utamakan == 0) {
-          this.modalTitle = 'Utamakan ' + this.title + ' ' + this.selectedItem.name + ' ?';
-          this.modalButton = 'Iya, utamakan';
+          _this2.submited = false;
         } else {
-          this.modalTitle = 'Tidak utamakan ' + this.title + ' ' + this.selectedItem.name + ' ?';
-          this.modalButton = 'Iya, tidak utamakan';
+          window.scrollTo(0, 0);
+          _this2.submited = true;
         }
+      });
+    },
+    saveFoto: function saveFoto() {
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_5__["toMulipartedForm"])(this.formFoto, 'edit');
+      this.$store.dispatch(this.kelas + '/updateFoto', [this.$route.params.id, formData]);
+    },
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+
+      if (value == 'aktivitas' && !this.isAktivitas) {
+        this.isAktivitas = true;
+        this.fetchAktivitas(this.params);
       }
     },
+    modalImageBuka: function modalImageBuka(content) {
+      this.modalImageShow = true;
+      this.modalImageContent = content;
+    },
     modalTutup: function modalTutup() {
       this.modalShow = false;
-      this.$store.dispatch(this.kelas + '/resetUpdateStat');
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
-      } else if (this.state == "updateUtamakan") {
-        this.$store.dispatch(this.kelas + '/updateUtamakan', this.selectedItem.id);
+
+      if (this.tabName == 'foto' || this.tabName == 'email') {} else if (this.tabName == 'password') {
+        this.formPasswordReset();
+        this.currentUser.isChangePassword = 1;
       }
+    },
+    modalImageTutup: function modalImageTutup() {
+      this.modalImageShow = false;
+    },
+    formPasswordReset: function formPasswordReset() {
+      this.formPassword.password_old = '';
+      this.formPassword.password = '';
+      this.formPassword.password_confirm = '';
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelSimo', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    updateMessage: 'update',
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('user', {
+    form: 'data',
+    formStat: 'dataStat',
+    activity: 'dataS',
+    activityStat: 'dataStatS',
+    updateResponse: 'update',
     updateStat: 'updateStat'
-  }))
+  })),
+  filters: {
+    description: function description(value) {
+      if (value == 'created') {
+        return 'Menambah';
+      } else if (value == 'updated') {
+        return 'Mengubah';
+      } else if (value == 'deleted') {
+        return 'Menghapus';
+      }
+    },
+    subjectType: function subjectType(value) {
+      if (value == 'App\\Aktivis') {
+        return 'Aktivis';
+      } else if (value == 'App\\AktivisAnggotaCu') {
+        return 'Anggota CU Aktivis';
+      } else if (value == 'App\\AktivisKeluarga') {
+        return 'Keluarga Aktivis';
+      } else if (value == 'App\\AktivisOrganisasi') {
+        return 'Organisasi Aktivis';
+      } else if (value == 'App\\AktivisPekerjaan') {
+        return 'Pekerjaan Aktivis';
+      } else if (value == 'App\\AktivisPendidikan') {
+        return 'Pendidikan Aktivis';
+      } else if (value == 'App\\Artikel') {
+        return 'Artikel';
+      } else if (value == 'App\\ArtikelKategori') {
+        return 'Kategori Artikel';
+      } else if (value == 'App\\ArtikelPenulis') {
+        return 'Penulis Artikel';
+      } else if (value == 'App\\Cu') {
+        return 'CU';
+      } else if (value == 'App\\Download') {
+        return 'Download';
+      } else if (value == 'App\\Kegiatan') {
+        return 'Kegiatan';
+      } else if (value == 'App\\KegiatanPanitia') {
+        return 'Panitia Kegiatan';
+      } else if (value == 'App\\KegiatanPeserta') {
+        return 'Peserta Kegiatan';
+      } else if (value == 'App\\KegiatanSasaran') {
+        return 'Sasaran Kegiatan';
+      } else if (value == 'App\\LaporanCu') {
+        return 'Laporan CU';
+      } else if (value == 'App\\LaporanCuDiskusi') {
+        return 'Diskusi Laporan CU';
+      } else if (value == 'App\\LaporanCuDraft') {
+        return 'Draft Laporan CU';
+      } else if (value == 'App\\LaporanTp') {
+        return 'Laporan TP/KP';
+      } else if (value == 'App\\LaporanTpDiskusi') {
+        return 'Diskusi Laporan TP/KP';
+      } else if (value == 'App\\LaporanTpDraft') {
+        return 'Draft Laporan TP/KP';
+      } else if (value == 'App\\MitraLembaga') {
+        return 'Lembaga Mitra';
+      } else if (value == 'App\\MitraOrang') {
+        return 'Mitra Perseorangan';
+      } else if (value == 'App\\Pengumuman') {
+        return 'Pengumuman';
+      } else if (value == 'App\\ProdukCu') {
+        return 'Produk CU';
+      } else if (value == 'App\\Saran') {
+        return 'Saran';
+      } else if (value == 'App\\Tempat') {
+        return 'Tempat';
+      } else if (value == 'App\\Tp') {
+        return 'TP/KP';
+      } else if (value == "App\\User") {
+        return 'User';
+      }
+    }
+  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
-  \*******************************************************/
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css&":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css& ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
-				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
+exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, "\n.modal-mask[data-v-6b47dd05] {\n\tposition: fixed;\n\tz-index: 9998;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: rgba(0, 0, 0, .5);\n\ttransition: opacity .3s ease;\n}\n.modal-show[data-v-6b47dd05] {\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tdisplay: block;\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tz-index: 1050;\n\toutline: 0;\n}\n", ""]);
+
+// exports
 
-//# sourceMappingURL=FileSaver.min.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/index.vue?vue&type=template&id=59ab4d24&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelSimo/index.vue?vue&type=template&id=59ab4d24& ***!
-  \**********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css&":
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css& ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=template&id=6b47dd05&scoped=true&":
+/*!********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/modalImage.vue?vue&type=template&id=6b47dd05&scoped=true& ***!
+  \********************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -388,43 +586,79 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
+  return _c("div", [
+    _c(
+      "div",
+      {
+        directives: [
+          {
+            name: "show",
+            rawName: "v-show",
+            value: _vm.created,
+            expression: "created",
+          },
+        ],
+        staticClass: "modal-mask",
+        on: { click: _vm.backgroundClick },
+      },
+      [
+        _c(
+          "transition",
+          {
+            attrs: {
+              name: "modal-effect",
+              "enter-active-class": "animated bounceInUp",
+              "leave-active-class": "animated bounceOutDown",
+              mode: "out-in",
+            },
+            on: { enter: _vm.beforeEnter, "after-leave": _vm.afterLeave },
+          },
+          [
+            _vm.show
+              ? _c("div", { staticClass: "modal-show" }, [
+                  _c(
+                    "div",
+                    {
+                      staticClass: "modal-dialog",
+                      on: {
+                        click: function ($event) {
+                          $event.stopPropagation()
+                        },
+                      },
                     },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("table-data", {
-                attrs: { title: _vm.title, kelas: _vm.kelas },
-              }),
-            ],
-            1
-          ),
-        ]),
-      ]),
-    ],
-    1
-  )
+                    [
+                      _c("div", { staticClass: "modal-content" }, [
+                        _c("div", { staticClass: "modal-header" }, [
+                          _c(
+                            "button",
+                            {
+                              staticClass: "close",
+                              attrs: { type: "button" },
+                              on: { click: _vm.tutup },
+                            },
+                            [_vm._v("×")]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "modal-body" }, [
+                          _vm.show
+                            ? _c("img", {
+                                staticClass: "img-responsive center-block",
+                                attrs: { src: _vm.content },
+                              })
+                            : _vm._e(),
+                        ]),
+                      ]),
+                    ]
+                  ),
+                ])
+              : _vm._e(),
+          ]
+        ),
+      ],
+      1
+    ),
+  ])
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -433,10 +667,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/table.vue?vue&type=template&id=13468220&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelSimo/table.vue?vue&type=template&id=13468220& ***!
-  \**********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/profile.vue?vue&type=template&id=3877d7d0&":
+/*!*****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/profile.vue?vue&type=template&id=3877d7d0& ***!
+  \*****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -451,322 +685,762 @@ var render = function () {
   return _c(
     "div",
     [
-      _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
-          },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  _c(
-                    "tr",
-                    {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id == props.item.id,
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
-                    },
-                    [
-                      !_vm.columnData[0].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c("td", [
-                            props.item.gambar
-                              ? _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src:
-                                      "/images/artikel_simo/" +
-                                      props.item.gambar +
-                                      "n.jpg",
-                                    width: "40",
-                                  },
-                                })
-                              : _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src: "/images/no_image.jpg",
-                                    width: "40",
-                                  },
-                                }),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.checkStatus(
-                                  props.item.utamakan
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                    ]
-                  ),
-                ]
-              },
-            },
-          ]),
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
         },
-        [
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
           _c(
-            "template",
-            { slot: "button-desktop" },
+            "div",
+            { staticClass: "content" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_artikel_simo"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
+              _vm.formStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.form,
                     },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
+                  })
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_artikel_simo"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
+              _c("div", { staticClass: "nav-tabs-responsive" }, [
+                _c(
+                  "ul",
+                  { staticClass: "nav nav-tabs nav-tabs-solid bg-light" },
+                  [
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "password" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("password")
+                            },
+                          },
                         },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_artikel_simo"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
+                        [
+                          _c("i", { staticClass: "icon-pencil5 mr-2" }),
+                          _vm._v(" Ubah Password"),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _vm.currentUser.id_aktivis
+                      ? _c("li", { staticClass: "nav-item" }, [
+                          _c(
+                            "a",
+                            {
+                              staticClass: "nav-link",
+                              class: { active: _vm.tabName == "identitas" },
+                              attrs: { href: "#" },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.changeTab("identitas")
+                                },
+                              },
+                            },
+                            [
+                              _c("i", { staticClass: "icon-pencil5 mr-2" }),
+                              _vm._v(" Ubah Identitas"),
+                            ]
+                          ),
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.id_aktivis
+                      ? _c("li", { staticClass: "nav-item" }, [
+                          _c(
+                            "a",
+                            {
+                              staticClass: "nav-link",
+                              class: { active: _vm.tabName == "riwayat" },
+                              attrs: { href: "#" },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.changeTab("riwayat")
+                                },
+                              },
+                            },
+                            [
+                              _c("i", { staticClass: "icon-pencil5 mr-2" }),
+                              _vm._v(" Ubah Riwayat"),
+                            ]
+                          ),
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "aktivitas" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("aktivitas")
+                            },
+                          },
                         },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
+                        [
+                          _c("i", { staticClass: "icon-eye2 mr-2" }),
+                          _vm._v(" Lihat Aktivitas"),
+                        ]
+                      ),
+                    ]),
+                  ]
+                ),
+              ]),
               _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["utamakan_artikel_simo"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("updateUtamakan")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pushpin" }),
-                      _vm._v(" "),
-                      _vm.selectedItem.utamakan == 1
-                        ? _c("span", [_vm._v("Tidak Utamakan")])
-                        : _c("span", [_vm._v("Utamakan")]),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_artikel_simo"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
+              _c("br"),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_artikel_simo"]
-                ? _c(
-                    "button",
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _c(
+                    "div",
                     {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.tabName == "password",
+                          expression: "tabName == 'password'",
                         },
-                      },
+                      ],
                     },
                     [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_artikel_simo"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
+                      _c(
+                        "form",
+                        {
+                          attrs: { "data-vv-scope": "formPassword" },
+                          on: {
+                            submit: function ($event) {
+                              $event.preventDefault()
+                              return _vm.savePassword.apply(null, arguments)
+                            },
+                          },
                         },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
+                        [
+                          _c("div", { staticClass: "card" }, [
+                            _c("div", { staticClass: "card-header bg-white" }, [
+                              _c("h6", { staticClass: "card-title" }, [
+                                _vm._v("Ubah Password"),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "div",
+                              { staticClass: "card-body" },
+                              [
+                                _c("div", { staticClass: "row" }, [
+                                  _c("div", { staticClass: "col-lg-12" }, [
+                                    _c(
+                                      "div",
+                                      {
+                                        staticClass:
+                                          "alert alert-info alert-styled-left",
+                                      },
+                                      [
+                                        _c(
+                                          "span",
+                                          {
+                                            staticClass: "font-weight-semibold",
+                                          },
+                                          [_vm._v("Informasi!")]
+                                        ),
+                                        _vm._v(
+                                          " Mari menggunakan password dengan tingkat keamanan yang lebih tinggi!! \n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                        _c("br"),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\t\t\tDimana password anda harus minimal terdiri dari 8 karakter yang mengandung minimal 1 huruf besar, 1 huruf kecil dan 1 angka. \n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                        _c("br"),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\t\t\tUsahakan password anda bukan dari tanggal lahir, alamat, nomor telepon/hp dan dari kata yang sering anda gunakan atau mudah diketahui oleh orang lain.\n\t\t\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "col-lg-12" }, [
+                                    _c(
+                                      "div",
+                                      {
+                                        staticClass: "form-group",
+                                        class: {
+                                          "has-error": _vm.errors.has(
+                                            "formPassword.password_old"
+                                          ),
+                                        },
+                                      },
+                                      [
+                                        _c(
+                                          "h6",
+                                          {
+                                            class: {
+                                              "text-danger": _vm.errors.has(
+                                                "formPassword.password_old"
+                                              ),
+                                            },
+                                          },
+                                          [
+                                            _vm.errors.has(
+                                              "formPassword.password_old"
+                                            )
+                                              ? _c("i", {
+                                                  staticClass: "icon-cross2",
+                                                })
+                                              : _vm._e(),
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\t\t\t\tPassword Saat Ini:\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                            _c("wajib-badge"),
+                                            _vm._v(" "),
+                                            _c("br"),
+                                            _vm._v(" "),
+                                            _c(
+                                              "small",
+                                              { staticClass: "text-muted" },
+                                              [
+                                                _c("i", [
+                                                  _vm._v(
+                                                    "Mengisi password lama anda atau yang saat ini anda gunakan untuk login"
+                                                  ),
+                                                ]),
+                                              ]
+                                            ),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c("input", {
+                                          directives: [
+                                            {
+                                              name: "validate",
+                                              rawName: "v-validate",
+                                              value: "required",
+                                              expression: "'required'",
+                                            },
+                                            {
+                                              name: "model",
+                                              rawName: "v-model",
+                                              value:
+                                                _vm.formPassword.password_old,
+                                              expression:
+                                                "formPassword.password_old",
+                                            },
+                                          ],
+                                          staticClass: "form-control",
+                                          attrs: {
+                                            type: "password",
+                                            name: "password_old",
+                                            placeholder:
+                                              "Silahkan masukkan password",
+                                            "data-vv-as": "Password Lama",
+                                          },
+                                          domProps: {
+                                            value:
+                                              _vm.formPassword.password_old,
+                                          },
+                                          on: {
+                                            input: function ($event) {
+                                              if ($event.target.composing) {
+                                                return
+                                              }
+                                              _vm.$set(
+                                                _vm.formPassword,
+                                                "password_old",
+                                                $event.target.value
+                                              )
+                                            },
+                                          },
+                                        }),
+                                        _vm._v(" "),
+                                        _vm.errors.has(
+                                          "formPassword.password_old"
+                                        )
+                                          ? _c(
+                                              "small",
+                                              {
+                                                staticClass:
+                                                  "text-muted text-danger",
+                                              },
+                                              [
+                                                _c("i", {
+                                                  staticClass:
+                                                    "icon-arrow-small-right",
+                                                }),
+                                                _vm._v(
+                                                  " " +
+                                                    _vm._s(
+                                                      _vm.errors.first(
+                                                        "formPassword.password_old"
+                                                      )
+                                                    ) +
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
+                                            )
+                                          : _c(
+                                              "small",
+                                              { staticClass: "text-muted" },
+                                              [
+                                                _vm._v(
+                                                  " \n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
+                                            ),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "col-lg-6" }, [
+                                    _c(
+                                      "div",
+                                      {
+                                        staticClass: "form-group",
+                                        class: {
+                                          "has-error": _vm.errors.has(
+                                            "formPassword.password"
+                                          ),
+                                        },
+                                      },
+                                      [
+                                        _c(
+                                          "h6",
+                                          {
+                                            class: {
+                                              "text-danger": _vm.errors.has(
+                                                "formPassword.password"
+                                              ),
+                                            },
+                                          },
+                                          [
+                                            _vm.errors.has(
+                                              "formPassword.password"
+                                            )
+                                              ? _c("i", {
+                                                  staticClass: "icon-cross2",
+                                                })
+                                              : _vm._e(),
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\t\t\t\tPassword Baru: "
+                                            ),
+                                            _c("wajib-badge"),
+                                            _vm._v(" "),
+                                            _c("br"),
+                                            _vm._v(" "),
+                                            _c(
+                                              "small",
+                                              { staticClass: "text-muted" },
+                                              [
+                                                _c("i", [
+                                                  _vm._v(
+                                                    "Minimal 8 karater yang mengandung minimal 1 huruf besar, 1 huruf kecil dan 1 angka"
+                                                  ),
+                                                ]),
+                                              ]
+                                            ),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c("input", {
+                                          directives: [
+                                            {
+                                              name: "validate",
+                                              rawName: "v-validate",
+                                              value:
+                                                "required|min:8|verify_password",
+                                              expression:
+                                                "'required|min:8|verify_password'",
+                                            },
+                                            {
+                                              name: "model",
+                                              rawName: "v-model",
+                                              value: _vm.formPassword.password,
+                                              expression:
+                                                "formPassword.password",
+                                            },
+                                          ],
+                                          ref: "password",
+                                          staticClass: "form-control",
+                                          attrs: {
+                                            type: "password",
+                                            name: "password",
+                                            placeholder:
+                                              "Silahkan masukkan password",
+                                          },
+                                          domProps: {
+                                            value: _vm.formPassword.password,
+                                          },
+                                          on: {
+                                            input: function ($event) {
+                                              if ($event.target.composing) {
+                                                return
+                                              }
+                                              _vm.$set(
+                                                _vm.formPassword,
+                                                "password",
+                                                $event.target.value
+                                              )
+                                            },
+                                          },
+                                        }),
+                                        _vm._v(" "),
+                                        _vm.errors.has("formPassword.password")
+                                          ? _c(
+                                              "small",
+                                              {
+                                                staticClass:
+                                                  "text-muted text-danger",
+                                              },
+                                              [
+                                                _c("i", {
+                                                  staticClass:
+                                                    "icon-arrow-small-right",
+                                                }),
+                                                _vm._v(
+                                                  " " +
+                                                    _vm._s(
+                                                      _vm.errors.first(
+                                                        "formPassword.password"
+                                                      )
+                                                    ) +
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
+                                            )
+                                          : _c(
+                                              "small",
+                                              { staticClass: "text-muted" },
+                                              [
+                                                _vm._v(
+                                                  " \n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
+                                            ),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "col-lg-6" }, [
+                                    _c(
+                                      "div",
+                                      {
+                                        staticClass: "form-group",
+                                        class: {
+                                          "has-error": _vm.errors.has(
+                                            "formPassword.passwordConfirm"
+                                          ),
+                                        },
+                                      },
+                                      [
+                                        _c(
+                                          "h6",
+                                          {
+                                            class: {
+                                              "text-danger": _vm.errors.has(
+                                                "formPassword.passwordConfirm"
+                                              ),
+                                            },
+                                          },
+                                          [
+                                            _vm.errors.has(
+                                              "formPassword.passwordConfirm"
+                                            )
+                                              ? _c("i", {
+                                                  staticClass: "icon-cross2",
+                                                })
+                                              : _vm._e(),
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\t\t\t\tKonfirmasi Password:\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                            _c("wajib-badge"),
+                                            _vm._v(" "),
+                                            _c("br"),
+                                            _vm._v(" "),
+                                            _c(
+                                              "small",
+                                              { staticClass: "text-muted" },
+                                              [
+                                                _c("i", [
+                                                  _vm._v(
+                                                    "Mengisi ulang password"
+                                                  ),
+                                                ]),
+                                              ]
+                                            ),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c("input", {
+                                          directives: [
+                                            {
+                                              name: "validate",
+                                              rawName: "v-validate",
+                                              value:
+                                                "required|confirmed:password",
+                                              expression:
+                                                "'required|confirmed:password'",
+                                            },
+                                            {
+                                              name: "model",
+                                              rawName: "v-model",
+                                              value:
+                                                _vm.formPassword
+                                                  .password_confirm,
+                                              expression:
+                                                "formPassword.password_confirm",
+                                            },
+                                          ],
+                                          staticClass: "form-control",
+                                          attrs: {
+                                            type: "password",
+                                            name: "passwordConfirm",
+                                            placeholder:
+                                              "Silahkan masukkan password konfirmasi",
+                                            "data-vv-as": "password",
+                                          },
+                                          domProps: {
+                                            value:
+                                              _vm.formPassword.password_confirm,
+                                          },
+                                          on: {
+                                            input: function ($event) {
+                                              if ($event.target.composing) {
+                                                return
+                                              }
+                                              _vm.$set(
+                                                _vm.formPassword,
+                                                "password_confirm",
+                                                $event.target.value
+                                              )
+                                            },
+                                          },
+                                        }),
+                                        _vm._v(" "),
+                                        _vm.errors.has(
+                                          "formPassword.passwordConfirm"
+                                        )
+                                          ? _c(
+                                              "small",
+                                              {
+                                                staticClass:
+                                                  "text-muted text-danger",
+                                              },
+                                              [
+                                                _c("i", {
+                                                  staticClass:
+                                                    "icon-arrow-small-right",
+                                                }),
+                                                _vm._v(
+                                                  " " +
+                                                    _vm._s(
+                                                      _vm.errors.first(
+                                                        "formPassword.passwordConfirm"
+                                                      )
+                                                    ) +
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
+                                            )
+                                          : _c(
+                                              "small",
+                                              { staticClass: "text-muted" },
+                                              [_vm._v(" ")]
+                                            ),
+                                      ]
+                                    ),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("form-info"),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  {
+                                    staticClass:
+                                      "text-center d-none d-md-block",
+                                  },
+                                  [
+                                    _c(
+                                      "button",
+                                      {
+                                        staticClass: "btn btn-primary",
+                                        attrs: { type: "submit" },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-floppy-disk",
+                                        }),
+                                        _vm._v(" Simpan"),
+                                      ]
+                                    ),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "d-block d-md-none" },
+                                  [
+                                    _c(
+                                      "button",
+                                      {
+                                        staticClass:
+                                          "btn btn-primary btn-block pb-2",
+                                        attrs: { type: "submit" },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-floppy-disk",
+                                        }),
+                                        _vm._v(" Simpan"),
+                                      ]
+                                    ),
+                                  ]
+                                ),
+                              ],
+                              1
+                            ),
+                          ]),
+                        ]
+                      ),
                     ]
-                  )
-                : _vm._e(),
+                  ),
+                ]
+              ),
               _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["utamakan_artikel_simo"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("updateUtamakan")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pushpin" }),
-                      _vm._v(" "),
-                      _vm.selectedItem.utamakan == 1
-                        ? _c("span", [_vm._v("Tidak Utamakan")])
-                        : _c("span", [_vm._v("Utamakan")]),
-                    ]
-                  )
-                : _vm._e(),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _vm.tabName == "identitas"
+                    ? _c(
+                        "div",
+                        [
+                          _c("form-identitas", {
+                            attrs: {
+                              mode: "edit_profile",
+                              id_aktivis: _vm.currentUser.id_aktivis,
+                            },
+                          }),
+                        ],
+                        1
+                      )
+                    : _vm._e(),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _vm.tabName == "riwayat"
+                    ? _c(
+                        "div",
+                        [
+                          _c("form-riwayat", {
+                            attrs: {
+                              mode: "edit_profile",
+                              id_aktivis: _vm.currentUser.id_aktivis,
+                              id_cu: _vm.currentUser.id_cu,
+                            },
+                          }),
+                        ],
+                        1
+                      )
+                    : _vm._e(),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _vm.tabName == "aktivitas"
+                    ? _c(
+                        "div",
+                        [
+                          _c("aktivitas", {
+                            attrs: {
+                              activity: _vm.activity,
+                              activityStat: _vm.activityStat,
+                            },
+                            on: { fetchAktivitas: _vm.fetchAktivitas },
+                          }),
+                        ],
+                        1
+                      )
+                    : _vm._e(),
+                ]
+              ),
             ],
             1
           ),
-        ],
-        2
-      ),
+        ]),
+      ]),
       _vm._v(" "),
       _c("app-modal", {
         attrs: {
           show: _vm.modalShow,
           state: _vm.modalState,
           title: _vm.modalTitle,
-          button: _vm.modalButton,
+          content: _vm.modalContent,
+          color: _vm.modalColor,
         },
         on: {
+          batal: _vm.modalTutup,
           tutup: _vm.modalTutup,
-          confirmOk: _vm.modalConfirmOk,
           successOk: _vm.modalTutup,
           failOk: _vm.modalTutup,
           backgroundClick: _vm.modalTutup,
         },
       }),
+      _vm._v(" "),
+      _c("app-modal-image", {
+        attrs: { show: _vm.modalImageShow, content: _vm.modalImageContent },
+        on: {
+          tutup: _vm.modalImageTutup,
+          backgroundClick: _vm.modalImageTutup,
+        },
+      }),
     ],
     1
   )
@@ -778,18 +1452,20 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelSimo/index.vue":
-/*!*********************************************************!*\
-  !*** ./resources/assets/js/views/artikelSimo/index.vue ***!
-  \*********************************************************/
+/***/ "./resources/assets/js/components/modalImage.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/modalImage.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_59ab4d24___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=59ab4d24& */ "./resources/assets/js/views/artikelSimo/index.vue?vue&type=template&id=59ab4d24&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelSimo/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _modalImage_vue_vue_type_template_id_6b47dd05_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./modalImage.vue?vue&type=template&id=6b47dd05&scoped=true& */ "./resources/assets/js/components/modalImage.vue?vue&type=template&id=6b47dd05&scoped=true&");
+/* harmony import */ var _modalImage_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modalImage.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/modalImage.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _modalImage_vue_vue_type_style_index_0_id_6b47dd05_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css& */ "./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
 
 
 
@@ -797,67 +1473,83 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_59ab4d24___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_59ab4d24___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _modalImage_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _modalImage_vue_vue_type_template_id_6b47dd05_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _modalImage_vue_vue_type_template_id_6b47dd05_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "6b47dd05",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikelSimo/index.vue"
+component.options.__file = "resources/assets/js/components/modalImage.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelSimo/index.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelSimo/index.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/components/modalImage.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/modalImage.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./modalImage.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css&":
+/*!****************************************************************************************************************!*\
+  !*** ./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css& ***!
+  \****************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_style_index_0_id_6b47dd05_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=style&index=0&id=6b47dd05&scoped=true&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_style_index_0_id_6b47dd05_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_style_index_0_id_6b47dd05_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_style_index_0_id_6b47dd05_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_style_index_0_id_6b47dd05_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelSimo/index.vue?vue&type=template&id=59ab4d24&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelSimo/index.vue?vue&type=template&id=59ab4d24& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/components/modalImage.vue?vue&type=template&id=6b47dd05&scoped=true&":
+/*!**************************************************************************************************!*\
+  !*** ./resources/assets/js/components/modalImage.vue?vue&type=template&id=6b47dd05&scoped=true& ***!
+  \**************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_59ab4d24___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=59ab4d24& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/index.vue?vue&type=template&id=59ab4d24&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_59ab4d24___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_template_id_6b47dd05_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./modalImage.vue?vue&type=template&id=6b47dd05&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/modalImage.vue?vue&type=template&id=6b47dd05&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_template_id_6b47dd05_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_59ab4d24___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_modalImage_vue_vue_type_template_id_6b47dd05_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelSimo/table.vue":
-/*!*********************************************************!*\
-  !*** ./resources/assets/js/views/artikelSimo/table.vue ***!
-  \*********************************************************/
+/***/ "./resources/assets/js/views/user/profile.vue":
+/*!****************************************************!*\
+  !*** ./resources/assets/js/views/user/profile.vue ***!
+  \****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_13468220___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=13468220& */ "./resources/assets/js/views/artikelSimo/table.vue?vue&type=template&id=13468220&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelSimo/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _profile_vue_vue_type_template_id_3877d7d0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./profile.vue?vue&type=template&id=3877d7d0& */ "./resources/assets/js/views/user/profile.vue?vue&type=template&id=3877d7d0&");
+/* harmony import */ var _profile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./profile.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/profile.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -867,9 +1559,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_13468220___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_13468220___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _profile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _profile_vue_vue_type_template_id_3877d7d0___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _profile_vue_vue_type_template_id_3877d7d0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -879,38 +1571,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikelSimo/table.vue"
+component.options.__file = "resources/assets/js/views/user/profile.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelSimo/table.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelSimo/table.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/user/profile.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************!*\
+  !*** ./resources/assets/js/views/user/profile.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_profile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./profile.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/profile.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_profile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelSimo/table.vue?vue&type=template&id=13468220&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelSimo/table.vue?vue&type=template&id=13468220& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/user/profile.vue?vue&type=template&id=3877d7d0&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/user/profile.vue?vue&type=template&id=3877d7d0& ***!
+  \***********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_13468220___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=13468220& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/table.vue?vue&type=template&id=13468220&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_13468220___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_profile_vue_vue_type_template_id_3877d7d0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./profile.vue?vue&type=template&id=3877d7d0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/profile.vue?vue&type=template&id=3877d7d0&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_profile_vue_vue_type_template_id_3877d7d0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_13468220___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_profile_vue_vue_type_template_id_3877d7d0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/106.js b/public/js/components/106.js
index f0b4aa015..4f04071fa 100644
--- a/public/js/components/106.js
+++ b/public/js/components/106.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[106],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/index.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelSimo/index.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -12,7 +12,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/asetTetapJenis/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/artikelSimo/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -60,14 +60,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Jenis Aset Tetap',
-      kelas: 'asetTetapJenis',
-      titleDesc: 'Mengelola data jenis aset tetap',
-      titleIcon: 'icon-grid6'
+      title: 'Artikel SIMO',
+      kelas: 'artikelSimo',
+      titleDesc: 'Mengelola data artikel SIMO',
+      titleIcon: 'icon-magazine'
     };
   },
   created: function created() {
-    this.checkUser('index_aset_tetap_jenis', this.$route.params.cu);
+    this.checkUser('index_artikel');
   },
   methods: {
     checkUser: function checkUser(permission, id_cu) {
@@ -75,12 +75,18 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         if (!this.currentUser.can || !this.currentUser.can[permission]) {
           this.$router.push('/notFound');
         }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
       }
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapJenis', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelSimo', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -88,10 +94,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/table.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelSimo/table.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -101,7 +107,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
 /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
 /* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapJenis/form.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -197,16 +202,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -215,8 +210,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   components: {
     DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
     appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    formData: _form_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
   props: ['title', 'kelas'],
   data: function data() {
@@ -232,21 +226,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       excelDownloadUrl: '',
       columnData: [{
         title: 'No.',
-        name: 'No.',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false
+        name: 'No.'
       }, {
-        title: 'Kode',
-        name: 'kode',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Foto',
+        name: 'gambar',
+        hide: false
       }, {
-        title: 'Nama',
+        title: 'Judul',
         name: 'name',
         tipe: 'string',
         sort: true,
@@ -255,38 +241,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         filter: true,
         filterDefault: true
       }, {
-        title: 'Kode Kelompok',
-        name: 'kelompok.kode',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Nama Kelompok',
-        name: 'kelompok.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Keterangan',
-        name: 'keterangan',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Jumlah',
-        name: 'has_aset_tetap_count',
-        tipe: 'numeric',
+        title: 'Utamakan',
+        name: 'utamakan',
         sort: true,
         hide: false,
         disable: false
       }, {
-        title: 'Tgl. Buat',
+        title: 'Tgl. Tulis',
         name: 'created_at',
         tipe: 'datetime',
         sort: true,
@@ -307,8 +268,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       modalState: '',
       modalTitle: '',
       modalContent: '',
-      modalButton: '',
-      modalColor: ''
+      modalButton: ''
     };
   },
   created: function created() {
@@ -324,11 +284,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       this.modalState = value;
       this.modalButton = 'Ok';
 
-      if (value === "success") {
+      if (value == "success") {
         this.modalTitle = this.updateMessage.message;
         this.modalContent = '';
-        this.fetch(this.query);
-      } else if (value === "fail") {
+        this.fetch();
+      } else if (value == "fail") {
         this.modalContent = this.updateMessage;
       } else {
         this.modalContent = '';
@@ -338,13 +298,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   methods: {
     fetch: function fetch(params) {
       this.$store.dispatch(this.kelas + '/index', params);
-      this.excelDownloadUrl = this.kelas;
-    },
-    resetParams: function resetParams() {
-      this.params.search_column = 'name';
-      this.params.search_query_1 = '';
-      this.extSearchColumn = 'name';
-      this.extSearchQuery1 = '';
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
@@ -357,7 +310,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         }
       });
     },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
       this.modalState = 'confirm-tutup';
       this.state = state;
@@ -369,14 +322,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       if (state == 'hapus') {
         this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
         this.modalButton = 'Iya, Hapus';
-      } else if (state == 'tambah') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah jenis aset tetap';
-      } else if (state == 'ubah') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah jenis aset tetap dengan nama: ' + this.selectedItem.name + ' ?';
+      } else if (state == 'updateUtamakan') {
+        if (this.selectedItem.utamakan == 0) {
+          this.modalTitle = 'Utamakan ' + this.title + ' ' + this.selectedItem.name + ' ?';
+          this.modalButton = 'Iya, utamakan';
+        } else {
+          this.modalTitle = 'Tidak utamakan ' + this.title + ' ' + this.selectedItem.name + ' ?';
+          this.modalButton = 'Iya, tidak utamakan';
+        }
       }
     },
     modalTutup: function modalTutup() {
@@ -386,12 +339,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     modalConfirmOk: function modalConfirmOk() {
       if (this.state == 'hapus') {
         this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      } else if (this.state == "updateUtamakan") {
+        this.$store.dispatch(this.kelas + '/updateUtamakan', this.selectedItem.id);
       }
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapJenis', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelSimo', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -418,10 +373,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=template&id=0900d0fc&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=template&id=0900d0fc& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/index.vue?vue&type=template&id=59ab4d24&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelSimo/index.vue?vue&type=template&id=59ab4d24& ***!
+  \**********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -478,10 +433,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=template&id=95ca6704&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=template&id=95ca6704& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/table.vue?vue&type=template&id=13468220&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelSimo/table.vue?vue&type=template&id=13468220& ***!
+  \**********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -505,8 +460,6 @@ var render = function () {
             itemData: _vm.itemData,
             query: _vm.query,
             itemDataStat: _vm.itemDataStat,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
@@ -519,7 +472,7 @@ var render = function () {
                     {
                       staticClass: "text-nowrap",
                       class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
+                        "bg-info": _vm.selectedItem.id == props.item.id,
                       },
                       on: {
                         click: function ($event) {
@@ -531,7 +484,7 @@ var render = function () {
                       !_vm.columnData[0].hide
                         ? _c("td", [
                             _vm._v(
-                              "\n\t\t\t\t\t\t" +
+                              "\n\t\t\t\t\t" +
                                 _vm._s(
                                   props.index +
                                     1 +
@@ -539,21 +492,32 @@ var render = function () {
                                       +_vm.itemData.per_page +
                                     "."
                                 ) +
-                                "\n\t\t\t\t\t"
+                                "\n\t\t\t\t"
                             ),
                           ])
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[1].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.kode },
-                              }),
-                            ],
-                            1
-                          )
+                        ? _c("td", [
+                            props.item.gambar
+                              ? _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src:
+                                      "/images/artikel_simo/" +
+                                      props.item.gambar +
+                                      "n.jpg",
+                                    width: "40",
+                                  },
+                                })
+                              : _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src: "/images/no_image.jpg",
+                                    width: "40",
+                                  },
+                                }),
+                          ])
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[2].hide
@@ -569,52 +533,18 @@ var render = function () {
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[3].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.kelompok
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.kelompok.kode },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.checkStatus(
+                                  props.item.utamakan
+                                )
+                              ),
+                            },
+                          })
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[4].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.kelompok
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.kelompok.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.keterangan },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide
-                        ? _c("td", [
-                            _vm._v(_vm._s(props.item.has_aset_tetap_count)),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide
                         ? _c("td", {
                             domProps: {
                               innerHTML: _vm._s(
@@ -626,7 +556,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[8].hide
+                      !_vm.columnData[5].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -649,180 +579,194 @@ var render = function () {
           ]),
         },
         [
-          _c("template", { slot: "button-desktop" }, [
-            _vm.currentUser.can &&
-            _vm.currentUser.can["create_aset_tetap_jenis"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light mb-1",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("tambah")
+          _c(
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_artikel_simo"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_artikel_simo"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
                       },
                     },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-plus3" }),
-                    _vm._v(" Tambah\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can &&
-            _vm.currentUser.can["update_aset_tetap_jenis"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("ubah")
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_artikel_simo"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
                       },
                     },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-pencil5" }),
-                    _vm._v(" Ubah\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can &&
-            _vm.currentUser.can["destroy_aset_tetap_jenis"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("hapus")
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["utamakan_artikel_simo"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("updateUtamakan")
+                        },
                       },
                     },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-          ]),
+                    [
+                      _c("i", { staticClass: "icon-pushpin" }),
+                      _vm._v(" "),
+                      _vm.selectedItem.utamakan == 1
+                        ? _c("span", [_vm._v("Tidak Utamakan")])
+                        : _c("span", [_vm._v("Utamakan")]),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
           _vm._v(" "),
-          _c("template", { slot: "button-mobile" }, [
-            _vm.currentUser.can &&
-            _vm.currentUser.can["create_aset_tetap_jenis"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("tambah")
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_artikel_simo"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_artikel_simo"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
                       },
                     },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-plus3" }),
-                    _vm._v(" Tambah\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can &&
-            _vm.currentUser.can["update_aset_tetap_jenis"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("ubah")
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_artikel_simo"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
                       },
                     },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-pencil5" }),
-                    _vm._v(" Ubah\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can &&
-            _vm.currentUser.can["destroy_aset_tetap_jenis"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("hapus")
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["utamakan_artikel_simo"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("updateUtamakan")
+                        },
                       },
                     },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-          ]),
-        ],
-        2
-      ),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            color: _vm.modalColor,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            content: _vm.modalContent,
-            button: _vm.modalButton,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t\t"),
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _c("form-data", {
-                attrs: {
-                  kelas: _vm.kelas,
-                  mode: _vm.state,
-                  selected: _vm.selectedItem,
-                },
-                on: { tutup: _vm.modalTutup },
-              }),
+                    [
+                      _c("i", { staticClass: "icon-pushpin" }),
+                      _vm._v(" "),
+                      _vm.selectedItem.utamakan == 1
+                        ? _c("span", [_vm._v("Tidak Utamakan")])
+                        : _c("span", [_vm._v("Utamakan")]),
+                    ]
+                  )
+                : _vm._e(),
             ],
             1
           ),
         ],
         2
       ),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+        },
+        on: {
+          tutup: _vm.modalTutup,
+          confirmOk: _vm.modalConfirmOk,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalTutup,
+        },
+      }),
     ],
     1
   )
@@ -834,17 +778,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapJenis/index.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapJenis/index.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/views/artikelSimo/index.vue":
+/*!*********************************************************!*\
+  !*** ./resources/assets/js/views/artikelSimo/index.vue ***!
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_0900d0fc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=0900d0fc& */ "./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=template&id=0900d0fc&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_59ab4d24___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=59ab4d24& */ "./resources/assets/js/views/artikelSimo/index.vue?vue&type=template&id=59ab4d24&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelSimo/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -855,8 +799,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_0900d0fc___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_0900d0fc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_59ab4d24___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_59ab4d24___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -866,54 +810,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetapJenis/index.vue"
+component.options.__file = "resources/assets/js/views/artikelSimo/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/artikelSimo/index.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelSimo/index.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=template&id=0900d0fc&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=template&id=0900d0fc& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/artikelSimo/index.vue?vue&type=template&id=59ab4d24&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelSimo/index.vue?vue&type=template&id=59ab4d24& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_0900d0fc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=0900d0fc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=template&id=0900d0fc&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_0900d0fc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_59ab4d24___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=59ab4d24& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/index.vue?vue&type=template&id=59ab4d24&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_59ab4d24___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_0900d0fc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_59ab4d24___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapJenis/table.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapJenis/table.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/views/artikelSimo/table.vue":
+/*!*********************************************************!*\
+  !*** ./resources/assets/js/views/artikelSimo/table.vue ***!
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_95ca6704___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=95ca6704& */ "./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=template&id=95ca6704&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_13468220___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=13468220& */ "./resources/assets/js/views/artikelSimo/table.vue?vue&type=template&id=13468220&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelSimo/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -924,8 +868,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_95ca6704___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_95ca6704___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_13468220___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_13468220___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -935,38 +879,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetapJenis/table.vue"
+component.options.__file = "resources/assets/js/views/artikelSimo/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/artikelSimo/table.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelSimo/table.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=template&id=95ca6704&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=template&id=95ca6704& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/artikelSimo/table.vue?vue&type=template&id=13468220&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelSimo/table.vue?vue&type=template&id=13468220& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_95ca6704___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=95ca6704& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=template&id=95ca6704&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_95ca6704___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_13468220___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=13468220& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelSimo/table.vue?vue&type=template&id=13468220&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_13468220___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_95ca6704___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_13468220___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/107.js b/public/js/components/107.js
index e255b3cb4..7c0398ea7 100644
--- a/public/js/components/107.js
+++ b/public/js/components/107.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[107],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/index.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/coa/index.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -12,7 +12,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/coa/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/asetTetapJenis/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -60,14 +60,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'CoA',
-      kelas: 'coa',
-      titleDesc: 'Mengelola data charts of accounts',
-      titleIcon: 'icon-notebook'
+      title: 'Jenis Aset Tetap',
+      kelas: 'asetTetapJenis',
+      titleDesc: 'Mengelola data jenis aset tetap',
+      titleIcon: 'icon-grid6'
     };
   },
   created: function created() {
-    this.checkUser('index_coa', this.$route.params.cu);
+    this.checkUser('index_aset_tetap_jenis', this.$route.params.cu);
   },
   methods: {
     checkUser: function checkUser(permission, id_cu) {
@@ -75,18 +75,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         if (!this.currentUser.can || !this.currentUser.can[permission]) {
           this.$router.push('/notFound');
         }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
       }
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('coa', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapJenis', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -94,10 +88,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/table.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/coa/table.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -107,7 +101,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
 /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
 /* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/coa/form.vue");
+/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapJenis/form.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -210,6 +204,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
 
 
 
@@ -227,10 +223,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     return {
       selectedItem: [],
       query: {
-        order_column: "kode",
+        order_column: "name",
         order_direction: "asc",
         filter_match: "and",
-        limit: 50,
+        limit: 10,
         page: 1
       },
       excelDownloadUrl: '',
@@ -248,48 +244,47 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         sort: true,
         hide: false,
         disable: false,
-        filter: true,
-        filterDefault: true
+        filter: true
       }, {
-        title: 'Name',
+        title: 'Nama',
         name: 'name',
         tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
-        filter: true
+        filter: true,
+        filterDefault: true
       }, {
-        title: 'Tipe',
-        name: 'tipe',
+        title: 'Kode Kelompok',
+        name: 'kelompok.kode',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Level',
-        name: 'level',
+        title: 'Nama Kelompok',
+        name: 'kelompok.name',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Induk',
-        name: 'induk.kode',
+        title: 'Keterangan',
+        name: 'keterangan',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Keterangan',
-        name: 'keterangan',
-        tipe: 'string',
-        sort: false,
+        title: 'Jumlah',
+        name: 'has_aset_tetap_count',
+        tipe: 'numeric',
+        sort: true,
         hide: false,
-        disable: false,
-        filter: false
+        disable: false
       }, {
         title: 'Tgl. Buat',
         name: 'created_at',
@@ -308,14 +303,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         filter: true
       }],
       state: '',
-      formState: '',
-      formModel: {},
       modalShow: false,
       modalState: '',
       modalTitle: '',
-      modalColor: '',
       modalContent: '',
-      modalButton: ''
+      modalButton: '',
+      modalColor: ''
     };
   },
   created: function created() {
@@ -330,7 +323,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     updateStat: function updateStat(value) {
       this.modalState = value;
       this.modalButton = 'Ok';
-      this.selectedItem = {};
 
       if (value === "success") {
         this.modalTitle = this.updateMessage.message;
@@ -348,27 +340,43 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       this.$store.dispatch(this.kelas + '/index', params);
       this.excelDownloadUrl = this.kelas;
     },
+    resetParams: function resetParams() {
+      this.params.search_column = 'name';
+      this.params.search_query_1 = '';
+      this.extSearchColumn = 'name';
+      this.extSearchQuery1 = '';
+    },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    modalOpen: function modalOpen(state) {
+    ubahData: function ubahData(id) {
+      this.$router.push({
+        name: this.kelas + 'Edit',
+        params: {
+          id: id
+        }
+      });
+    },
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
+      this.modalState = 'confirm-tutup';
+      this.state = state;
 
-      if (state == 'create') {
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
+
+      if (state == 'hapus') {
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+      } else if (state == 'tambah') {
         this.modalState = 'normal1';
         this.modalColor = 'bg-primary';
-        this.formState = 'create';
-        this.modalTitle = 'Tambah CoA';
-      } else if (state == 'edit') {
+        this.modalTitle = 'Tambah jenis aset tetap';
+      } else if (state == 'ubah') {
         this.modalState = 'normal1';
         this.modalColor = 'bg-primary';
-        this.formState = 'edit';
-        this.modalTitle = 'Ubah CoA';
-        this.formModel = Object.assign({}, this.selectedItem);
-      } else if (state == 'delete') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = this.modalTitle = 'Hapus CoA ' + this.selectedItem.name + ' ini ?';
+        this.modalTitle = 'Ubah jenis aset tetap dengan nama: ' + this.selectedItem.name + ' ?';
       }
     },
     modalTutup: function modalTutup() {
@@ -376,12 +384,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       this.$store.dispatch(this.kelas + '/resetUpdateStat');
     },
     modalConfirmOk: function modalConfirmOk() {
-      this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      }
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('coa', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapJenis', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -408,10 +418,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/index.vue?vue&type=template&id=524898d6&":
-/*!**************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/coa/index.vue?vue&type=template&id=524898d6& ***!
-  \**************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=template&id=0900d0fc&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=template&id=0900d0fc& ***!
+  \*************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -468,10 +478,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/table.vue?vue&type=template&id=df122ede&":
-/*!**************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/coa/table.vue?vue&type=template&id=df122ede& ***!
-  \**************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=template&id=95ca6704&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=template&id=95ca6704& ***!
+  \*************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -521,7 +531,7 @@ var render = function () {
                       !_vm.columnData[0].hide
                         ? _c("td", [
                             _vm._v(
-                              "\n\t\t\t\t\t" +
+                              "\n\t\t\t\t\t\t" +
                                 _vm._s(
                                   props.index +
                                     1 +
@@ -529,7 +539,7 @@ var render = function () {
                                       +_vm.itemData.per_page +
                                     "."
                                 ) +
-                                "\n\t\t\t\t"
+                                "\n\t\t\t\t\t"
                             ),
                           ])
                         : _vm._e(),
@@ -562,9 +572,11 @@ var render = function () {
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.tipe },
-                              }),
+                              props.item.kelompok
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.kelompok.kode },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
@@ -574,21 +586,9 @@ var render = function () {
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.level },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.induk
+                              props.item.kelompok
                                 ? _c("check-value", {
-                                    attrs: { value: props.item.induk.kode },
+                                    attrs: { value: props.item.kelompok.name },
                                   })
                                 : _c("span", [_vm._v("-")]),
                             ],
@@ -596,7 +596,7 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[6].hide
+                      !_vm.columnData[5].hide
                         ? _c(
                             "td",
                             [
@@ -608,6 +608,12 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
+                      !_vm.columnData[6].hide
+                        ? _c("td", [
+                            _vm._v(_vm._s(props.item.has_aset_tetap_count)),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
                       !_vm.columnData[7].hide
                         ? _c("td", {
                             domProps: {
@@ -644,7 +650,8 @@ var render = function () {
         },
         [
           _c("template", { slot: "button-desktop" }, [
-            _vm.currentUser.can && _vm.currentUser.can["create_coa"]
+            _vm.currentUser.can &&
+            _vm.currentUser.can["create_aset_tetap_jenis"]
               ? _c(
                   "button",
                   {
@@ -652,18 +659,19 @@ var render = function () {
                     on: {
                       click: function ($event) {
                         $event.preventDefault()
-                        return _vm.modalOpen("create")
+                        return _vm.modalOpen("tambah")
                       },
                     },
                   },
                   [
                     _c("i", { staticClass: "icon-plus3" }),
-                    _vm._v(" Tambah\n\t\t\t"),
+                    _vm._v(" Tambah\n\t\t\t\t"),
                   ]
                 )
               : _vm._e(),
             _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["update_coa"]
+            _vm.currentUser.can &&
+            _vm.currentUser.can["update_aset_tetap_jenis"]
               ? _c(
                   "button",
                   {
@@ -672,18 +680,19 @@ var render = function () {
                     on: {
                       click: function ($event) {
                         $event.preventDefault()
-                        return _vm.modalOpen("edit")
+                        return _vm.modalOpen("ubah")
                       },
                     },
                   },
                   [
                     _c("i", { staticClass: "icon-pencil5" }),
-                    _vm._v(" Ubah\n\t\t\t"),
+                    _vm._v(" Ubah\n\t\t\t\t"),
                   ]
                 )
               : _vm._e(),
             _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["destroy_coa"]
+            _vm.currentUser.can &&
+            _vm.currentUser.can["destroy_aset_tetap_jenis"]
               ? _c(
                   "button",
                   {
@@ -692,78 +701,82 @@ var render = function () {
                     on: {
                       click: function ($event) {
                         $event.preventDefault()
-                        return _vm.modalOpen("delete")
+                        return _vm.modalOpen("hapus")
                       },
                     },
                   },
                   [
                     _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n\t\t\t"),
+                    _vm._v(" Hapus\n\t\t\t\t"),
                   ]
                 )
               : _vm._e(),
           ]),
           _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_coa"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
+          _c("template", { slot: "button-mobile" }, [
+            _vm.currentUser.can &&
+            _vm.currentUser.can["create_aset_tetap_jenis"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("tambah")
+                      },
                     },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_coa"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
-                        },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-plus3" }),
+                    _vm._v(" Tambah\n\t\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can &&
+            _vm.currentUser.can["update_aset_tetap_jenis"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("ubah")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_coa"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-pencil5" }),
+                    _vm._v(" Ubah\n\t\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can &&
+            _vm.currentUser.can["destroy_aset_tetap_jenis"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("hapus")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n\t\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+          ]),
         ],
         2
       ),
@@ -773,13 +786,13 @@ var render = function () {
         {
           attrs: {
             show: _vm.modalShow,
+            color: _vm.modalColor,
             state: _vm.modalState,
             title: _vm.modalTitle,
             content: _vm.modalContent,
-            color: _vm.modalColor,
+            button: _vm.modalButton,
           },
           on: {
-            batal: _vm.modalTutup,
             tutup: _vm.modalTutup,
             confirmOk: _vm.modalConfirmOk,
             successOk: _vm.modalTutup,
@@ -789,7 +802,7 @@ var render = function () {
         },
         [
           _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t " + _vm._s(_vm.modalTitle) + "\n\t\t "),
+            _vm._v("\n\t\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t\t"),
           ]),
           _vm._v(" "),
           _c(
@@ -797,7 +810,11 @@ var render = function () {
             { slot: "modal-body1" },
             [
               _c("form-data", {
-                attrs: { formState: _vm.formState, selected: _vm.formModel },
+                attrs: {
+                  kelas: _vm.kelas,
+                  mode: _vm.state,
+                  selected: _vm.selectedItem,
+                },
                 on: { tutup: _vm.modalTutup },
               }),
             ],
@@ -817,17 +834,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/coa/index.vue":
-/*!*************************************************!*\
-  !*** ./resources/assets/js/views/coa/index.vue ***!
-  \*************************************************/
+/***/ "./resources/assets/js/views/asetTetapJenis/index.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapJenis/index.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_524898d6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=524898d6& */ "./resources/assets/js/views/coa/index.vue?vue&type=template&id=524898d6&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/coa/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_0900d0fc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=0900d0fc& */ "./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=template&id=0900d0fc&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -838,8 +855,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_524898d6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_524898d6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_0900d0fc___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_0900d0fc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -849,54 +866,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/coa/index.vue"
+component.options.__file = "resources/assets/js/views/asetTetapJenis/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/coa/index.vue?vue&type=script&lang=js&":
-/*!**************************************************************************!*\
-  !*** ./resources/assets/js/views/coa/index.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/coa/index.vue?vue&type=template&id=524898d6&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/coa/index.vue?vue&type=template&id=524898d6& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=template&id=0900d0fc&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=template&id=0900d0fc& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_524898d6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=524898d6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/index.vue?vue&type=template&id=524898d6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_524898d6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_0900d0fc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=0900d0fc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/index.vue?vue&type=template&id=0900d0fc&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_0900d0fc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_524898d6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_0900d0fc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/coa/table.vue":
-/*!*************************************************!*\
-  !*** ./resources/assets/js/views/coa/table.vue ***!
-  \*************************************************/
+/***/ "./resources/assets/js/views/asetTetapJenis/table.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapJenis/table.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_df122ede___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=df122ede& */ "./resources/assets/js/views/coa/table.vue?vue&type=template&id=df122ede&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/coa/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_95ca6704___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=95ca6704& */ "./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=template&id=95ca6704&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -907,8 +924,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_df122ede___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_df122ede___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_95ca6704___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_95ca6704___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -918,38 +935,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/coa/table.vue"
+component.options.__file = "resources/assets/js/views/asetTetapJenis/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/coa/table.vue?vue&type=script&lang=js&":
-/*!**************************************************************************!*\
-  !*** ./resources/assets/js/views/coa/table.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/coa/table.vue?vue&type=template&id=df122ede&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/coa/table.vue?vue&type=template&id=df122ede& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=template&id=95ca6704&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=template&id=95ca6704& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_df122ede___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=df122ede& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/table.vue?vue&type=template&id=df122ede&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_df122ede___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_95ca6704___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=95ca6704& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/table.vue?vue&type=template&id=95ca6704&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_95ca6704___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_df122ede___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_95ca6704___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/108.js b/public/js/components/108.js
index 888b57b19..1071c1cd1 100644
--- a/public/js/components/108.js
+++ b/public/js/components/108.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[108],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/index.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/errorLog/index.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/index.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/coa/index.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -12,7 +12,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/errorLog/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/coa/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -60,15 +60,33 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Error Log',
-      kelas: 'errorLog',
-      titleDesc: 'Mengelola data error',
-      titleIcon: 'icon-cancel-square2'
+      title: 'CoA',
+      kelas: 'coa',
+      titleDesc: 'Mengelola data charts of accounts',
+      titleIcon: 'icon-notebook'
     };
   },
+  created: function created() {
+    this.checkUser('index_coa', this.$route.params.cu);
+  },
+  methods: {
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    }
+  },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('errorLog', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('coa', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -76,10 +94,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/table.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/errorLog/table.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/table.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/coa/table.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -89,6 +107,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
 /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
 /* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/coa/form.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -191,19 +210,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
 
 
 
@@ -212,71 +219,102 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   components: {
     DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
     appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    formData: _form_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
   props: ['title', 'kelas'],
   data: function data() {
     return {
       selectedItem: [],
       query: {
-        order_column: "created_at",
-        order_direction: "desc",
+        order_column: "kode",
+        order_direction: "asc",
         filter_match: "and",
-        limit: 10,
+        limit: 50,
         page: 1
       },
       excelDownloadUrl: '',
       columnData: [{
         title: 'No.',
-        name: 'No.'
-      }, {
-        title: 'Nama',
-        name: 'user.name',
+        name: 'No.',
         tipe: 'string',
         sort: false,
         hide: false,
+        disable: false
+      }, {
+        title: 'Kode',
+        name: 'kode',
+        tipe: 'string',
+        sort: true,
+        hide: false,
         disable: false,
         filter: true,
         filterDefault: true
       }, {
-        title: 'Lembaga',
-        name: 'user.id_cu',
+        title: 'Name',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tipe',
+        name: 'tipe',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Status',
-        name: 'status',
+        title: 'Level',
+        name: 'level',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'content',
-        name: 'content',
+        title: 'Induk',
+        name: 'induk.kode',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Keterangan',
+        name: 'keterangan',
+        tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: false
       }, {
-        title: 'Tgl. Tulis',
+        title: 'Tgl. Buat',
         name: 'created_at',
         tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
         filter: true
+      }, {
+        title: 'Tgl. Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }],
       state: '',
+      formState: '',
+      formModel: {},
       modalShow: false,
       modalState: '',
       modalTitle: '',
-      modalContent: '',
       modalColor: '',
-      modalSize: '',
+      modalContent: '',
       modalButton: ''
     };
   },
@@ -292,12 +330,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     updateStat: function updateStat(value) {
       this.modalState = value;
       this.modalButton = 'Ok';
+      this.selectedItem = {};
 
-      if (value == "success") {
+      if (value === "success") {
         this.modalTitle = this.updateMessage.message;
         this.modalContent = '';
-        this.fetch();
-      } else if (value == "fail") {
+        this.fetch(this.query);
+      } else if (value === "fail") {
         this.modalContent = this.updateMessage;
       } else {
         this.modalContent = '';
@@ -307,48 +346,42 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   methods: {
     fetch: function fetch(params) {
       this.$store.dispatch(this.kelas + '/index', params);
-      this.excelDownloadUrl = this.kelas + '/index';
+      this.excelDownloadUrl = this.kelas;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    modalOpen: function modalOpen() {
+    modalOpen: function modalOpen(state) {
       this.modalShow = true;
-      this.modalColor = "bg-primary";
-      this.modalSize = 'modal-lg';
-      this.modalState = 'normal1';
-      this.modalTitle = 'Detail ' + this.title;
-      this.modalContent = this.selectedItem.content;
-      this.modalButton = 'Ok';
-    },
-    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.modalState = 'confirm-tutup';
-      this.state = state;
-
-      if (isMobile) {
-        this.selectedItem = itemMobile;
-      }
 
-      if (state == 'hapus') {
+      if (state == 'create') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.formState = 'create';
+        this.modalTitle = 'Tambah CoA';
+      } else if (state == 'edit') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.formState = 'edit';
+        this.modalTitle = 'Ubah CoA';
+        this.formModel = Object.assign({}, this.selectedItem);
+      } else if (state == 'delete') {
+        this.modalState = 'confirm-tutup';
         this.modalColor = '';
-        this.modalSize = '';
-        this.modalTitle = 'Hapus ' + this.title + ' ?';
-        this.modalButton = 'Iya, Hapus';
+        this.modalTitle = this.modalTitle = 'Hapus CoA ' + this.selectedItem.name + ' ini ?';
       }
     },
     modalTutup: function modalTutup() {
       this.modalShow = false;
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
-      }
+      this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('errorLog', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('coa', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -375,10 +408,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/index.vue?vue&type=template&id=216d5a12&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/errorLog/index.vue?vue&type=template&id=216d5a12& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/index.vue?vue&type=template&id=524898d6&":
+/*!**************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/coa/index.vue?vue&type=template&id=524898d6& ***!
+  \**************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -435,10 +468,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/table.vue?vue&type=template&id=49eee1e4&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/errorLog/table.vue?vue&type=template&id=49eee1e4& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/table.vue?vue&type=template&id=df122ede&":
+/*!**************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/coa/table.vue?vue&type=template&id=df122ede& ***!
+  \**************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -463,6 +496,7 @@ var render = function () {
             query: _vm.query,
             itemDataStat: _vm.itemDataStat,
             excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
@@ -475,7 +509,7 @@ var render = function () {
                     {
                       staticClass: "text-nowrap",
                       class: {
-                        "bg-info": _vm.selectedItem.id == props.item.id,
+                        "bg-info": _vm.selectedItem.id === props.item.id,
                       },
                       on: {
                         click: function ($event) {
@@ -504,17 +538,9 @@ var render = function () {
                         ? _c(
                             "td",
                             [
-                              props.item.user && props.item.user.aktivis
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.user.aktivis.name,
-                                    },
-                                  })
-                                : props.item.user
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.user.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
+                              _c("check-value", {
+                                attrs: { value: props.item.kode },
+                              }),
                             ],
                             1
                           )
@@ -524,11 +550,9 @@ var render = function () {
                         ? _c(
                             "td",
                             [
-                              props.item.user && props.item.user.cu
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.user.cu.name },
-                                  })
-                                : _c("span", [_vm._v("PUSKOPCUINA")]),
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
                             ],
                             1
                           )
@@ -539,7 +563,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.status },
+                                attrs: { value: props.item.tipe },
                               }),
                             ],
                             1
@@ -547,16 +571,44 @@ var render = function () {
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[4].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t" +
-                                _vm._s(props.item.content.substring(0, 100)) +
-                                "...\n\t\t\t\t"
-                            ),
-                          ])
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.level },
+                              }),
+                            ],
+                            1
+                          )
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[5].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.induk
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.induk.kode },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.keterangan },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
                         ? _c("td", {
                             domProps: {
                               innerHTML: _vm._s(
@@ -567,6 +619,22 @@ var render = function () {
                             },
                           })
                         : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
                     ]
                   ),
                 ]
@@ -576,25 +644,26 @@ var render = function () {
         },
         [
           _c("template", { slot: "button-desktop" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light mb-1",
-                attrs: { disabled: !_vm.selectedItem.id },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalOpen()
+            _vm.currentUser.can && _vm.currentUser.can["create_coa"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light mb-1",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("create")
+                      },
+                    },
                   },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-stack2" }),
-                _vm._v(" Detail\n\t\t\t"),
-              ]
-            ),
+                  [
+                    _c("i", { staticClass: "icon-plus3" }),
+                    _vm._v(" Tambah\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
             _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["destroy_error_log"]
+            _vm.currentUser.can && _vm.currentUser.can["update_coa"]
               ? _c(
                   "button",
                   {
@@ -603,47 +672,27 @@ var render = function () {
                     on: {
                       click: function ($event) {
                         $event.preventDefault()
-                        return _vm.modalConfirmOpen("hapus")
+                        return _vm.modalOpen("edit")
                       },
                     },
                   },
                   [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n\t\t\t"),
+                    _c("i", { staticClass: "icon-pencil5" }),
+                    _vm._v(" Ubah\n\t\t\t"),
                   ]
                 )
               : _vm._e(),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "button-mobile" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block mb-1",
-                attrs: { disabled: !_vm.selectedItem.id },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalOpen()
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-stack2" }),
-                _vm._v(" Detail\n\t\t\t"),
-              ]
-            ),
             _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["destroy_error_log"]
+            _vm.currentUser.can && _vm.currentUser.can["destroy_coa"]
               ? _c(
                   "button",
                   {
-                    staticClass: "btn btn-light btn-block mb-1",
+                    staticClass: "btn btn-light mb-1",
                     attrs: { disabled: !_vm.selectedItem.id },
                     on: {
                       click: function ($event) {
                         $event.preventDefault()
-                        return _vm.modalConfirmOpen("hapus")
+                        return _vm.modalOpen("delete")
                       },
                     },
                   },
@@ -654,6 +703,67 @@ var render = function () {
                 )
               : _vm._e(),
           ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_coa"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_coa"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_coa"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
         ],
         2
       ),
@@ -665,11 +775,11 @@ var render = function () {
             show: _vm.modalShow,
             state: _vm.modalState,
             title: _vm.modalTitle,
-            button: _vm.modalButton,
-            size: _vm.modalSize,
+            content: _vm.modalContent,
             color: _vm.modalColor,
           },
           on: {
+            batal: _vm.modalTutup,
             tutup: _vm.modalTutup,
             confirmOk: _vm.modalConfirmOk,
             successOk: _vm.modalTutup,
@@ -679,61 +789,20 @@ var render = function () {
         },
         [
           _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+            _vm._v("\n\t\t\t " + _vm._s(_vm.modalTitle) + "\n\t\t "),
           ]),
           _vm._v(" "),
-          _c("template", { slot: "modal-body1" }, [
-            _c("div", [
-              _vm.selectedItem.status == 404
-                ? _c("span", [_c("b", [_vm._v("ERROR 404:")])])
-                : _vm.selectedItem.status == 419
-                ? _c("span", [_c("b", [_vm._v("ERROR 419:")])])
-                : _vm.selectedItem.status == 422
-                ? _c("span", [_c("b", [_vm._v("ERROR 422:")])])
-                : _vm.selectedItem.status == 500
-                ? _c("span", [_c("b", [_vm._v("ERROR 500:")])])
-                : _vm._e(),
-            ]),
-            _vm._v(" "),
-            _c("br"),
-            _vm._v(" "),
-            _c("div", [
-              _c(
-                "pre",
-                {
-                  staticClass:
-                    "pre-scrollable language-markup content-group text-left",
-                },
-                [_c("code", [_vm._v(_vm._s(_vm.selectedItem.content))])]
-              ),
-              _vm._v(" "),
-              _c("hr"),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "text-center d-none d-sm-block" }, [
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light",
-                  attrs: { type: "button" },
-                  on: { click: _vm.modalTutup },
-                },
-                [_vm._v("Ok")]
-              ),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "text-center d-block d-sm-none" }, [
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-block",
-                  attrs: { type: "button" },
-                  on: { click: _vm.modalTutup },
-                },
-                [_vm._v("Ok")]
-              ),
-            ]),
-          ]),
+          _c(
+            "template",
+            { slot: "modal-body1" },
+            [
+              _c("form-data", {
+                attrs: { formState: _vm.formState, selected: _vm.formModel },
+                on: { tutup: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
         ],
         2
       ),
@@ -748,17 +817,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/errorLog/index.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/errorLog/index.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/views/coa/index.vue":
+/*!*************************************************!*\
+  !*** ./resources/assets/js/views/coa/index.vue ***!
+  \*************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_216d5a12___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=216d5a12& */ "./resources/assets/js/views/errorLog/index.vue?vue&type=template&id=216d5a12&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/errorLog/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_524898d6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=524898d6& */ "./resources/assets/js/views/coa/index.vue?vue&type=template&id=524898d6&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/coa/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -769,8 +838,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_216d5a12___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_216d5a12___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_524898d6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_524898d6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -780,54 +849,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/errorLog/index.vue"
+component.options.__file = "resources/assets/js/views/coa/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/errorLog/index.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/errorLog/index.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/coa/index.vue?vue&type=script&lang=js&":
+/*!**************************************************************************!*\
+  !*** ./resources/assets/js/views/coa/index.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/errorLog/index.vue?vue&type=template&id=216d5a12&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/errorLog/index.vue?vue&type=template&id=216d5a12& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/coa/index.vue?vue&type=template&id=524898d6&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/coa/index.vue?vue&type=template&id=524898d6& ***!
+  \********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_216d5a12___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=216d5a12& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/index.vue?vue&type=template&id=216d5a12&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_216d5a12___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_524898d6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=524898d6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/index.vue?vue&type=template&id=524898d6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_524898d6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_216d5a12___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_524898d6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/errorLog/table.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/errorLog/table.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/views/coa/table.vue":
+/*!*************************************************!*\
+  !*** ./resources/assets/js/views/coa/table.vue ***!
+  \*************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_49eee1e4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=49eee1e4& */ "./resources/assets/js/views/errorLog/table.vue?vue&type=template&id=49eee1e4&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/errorLog/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_df122ede___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=df122ede& */ "./resources/assets/js/views/coa/table.vue?vue&type=template&id=df122ede&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/coa/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -838,8 +907,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_49eee1e4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_49eee1e4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_df122ede___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_df122ede___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -849,38 +918,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/errorLog/table.vue"
+component.options.__file = "resources/assets/js/views/coa/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/errorLog/table.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/errorLog/table.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/coa/table.vue?vue&type=script&lang=js&":
+/*!**************************************************************************!*\
+  !*** ./resources/assets/js/views/coa/table.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/errorLog/table.vue?vue&type=template&id=49eee1e4&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/errorLog/table.vue?vue&type=template&id=49eee1e4& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/coa/table.vue?vue&type=template&id=df122ede&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/coa/table.vue?vue&type=template&id=df122ede& ***!
+  \********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_49eee1e4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=49eee1e4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/table.vue?vue&type=template&id=49eee1e4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_49eee1e4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_df122ede___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=df122ede& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/coa/table.vue?vue&type=template&id=df122ede&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_df122ede___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_49eee1e4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_df122ede___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/109.js b/public/js/components/109.js
index d1d2fcf18..1ca998709 100644
--- a/public/js/components/109.js
+++ b/public/js/components/109.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[109],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/index.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/index.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/index.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/errorLog/index.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -12,8 +12,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCuTp.vue */ "./resources/assets/js/components/selectCuTp.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/monitoring/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/errorLog/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -49,13 +48,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -64,39 +56,19 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
     message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    selectData: _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
   data: function data() {
     return {
-      title: 'Monitoring',
-      kelas: 'monitoring',
-      titleDesc: 'Mengelola data monitoring',
-      titleIcon: 'icon-collaboration',
-      selectCuPath: 'monitoringCu'
+      title: 'Error Log',
+      kelas: 'errorLog',
+      titleDesc: 'Mengelola data error',
+      titleIcon: 'icon-cancel-square2'
     };
   },
-  created: function created() {
-    this.checkUser('index_monitoring', this.$route.params.cu);
-  },
-  methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    }
-  },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikel', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('errorLog', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -104,10 +76,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/table.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/table.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/table.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/errorLog/table.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -232,29 +204,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -270,7 +219,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     return {
       selectedItem: [],
       query: {
-        order_column: "perspektif",
+        order_column: "created_at",
         order_direction: "desc",
         filter_match: "and",
         limit: 10,
@@ -281,120 +230,53 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         title: 'No.',
         name: 'No.'
       }, {
-        title: 'Status',
-        name: 'status',
-        hide: false
-      }, {
-        title: 'Rekomendasi',
-        name: 'monitoring_rekom_count',
+        title: 'Nama',
+        name: 'user.name',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
-        filter: false
-      }, {
-        title: 'Tercapai',
-        name: 'monitoring_rekom_ok_count',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Keputusan',
-        name: 'monitoring_pencapaian_count',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Temuan',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
         filter: true,
         filterDefault: true
       }, {
-        title: 'CU',
-        name: 'cu.name',
+        title: 'Lembaga',
+        name: 'user.id_cu',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'TP',
-        name: 'tp.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Jenis',
-        name: 'jenis',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Perspektif',
-        name: 'perspektif',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'PIC CU',
-        name: 'aktivis_cu.name',
+        title: 'Status',
+        name: 'status',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'PIC BKCU',
-        name: 'aktivis_bkcu.name',
-        tipe: 'string',
+        title: 'content',
+        name: 'content',
         sort: false,
         hide: false,
         disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Monitoring',
-        name: 'tanggal',
-        tipe: 'date',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        filter: false
       }, {
-        title: 'Tgl. / Waktu Buat',
+        title: 'Tgl. Tulis',
         name: 'created_at',
         tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
         filter: true
-      }, {
-        title: 'Tgl. / Waktu Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
       }],
       state: '',
       modalShow: false,
       modalState: '',
       modalTitle: '',
       modalContent: '',
+      modalColor: '',
+      modalSize: '',
       modalButton: ''
     };
   },
@@ -424,38 +306,20 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   methods: {
     fetch: function fetch(params) {
-      if (this.$route.params.cu == 'semua') {
-        this.disableColumnCu(false);
-        this.$store.dispatch(this.kelas + '/index', params);
-        this.excelDownloadUrl = this.kelas;
-      } else {
-        this.disableColumnCu(true);
-        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu, this.$route.params.tp]);
-        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu + '/' + this.$route.params.tp;
-      }
-    },
-    disableColumnCu: function disableColumnCu(status) {
-      this.columnData[6].disable = status;
+      this.$store.dispatch(this.kelas + '/index', params);
+      this.excelDownloadUrl = this.kelas + '/index';
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    goTo: function goTo(id, tipe) {
-      if (tipe == 'edit') {
-        this.$router.push({
-          name: this.kelas + 'Edit',
-          params: {
-            id: id
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + 'Detail',
-          params: {
-            id: id
-          }
-        });
-      }
+    modalOpen: function modalOpen() {
+      this.modalShow = true;
+      this.modalColor = "bg-primary";
+      this.modalSize = 'modal-lg';
+      this.modalState = 'normal1';
+      this.modalTitle = 'Detail ' + this.title;
+      this.modalContent = this.selectedItem.content;
+      this.modalButton = 'Ok';
     },
     modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
@@ -467,27 +331,24 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
 
       if (state == 'hapus') {
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
+        this.modalColor = '';
+        this.modalSize = '';
+        this.modalTitle = 'Hapus ' + this.title + ' ?';
         this.modalButton = 'Iya, Hapus';
       }
     },
     modalTutup: function modalTutup() {
       this.modalShow = false;
-      this.$store.dispatch(this.kelas + '/resetUpdateStat');
     },
     modalConfirmOk: function modalConfirmOk() {
       if (this.state == 'hapus') {
         this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
-      } else if (this.state == "updateTerbitkan") {
-        this.$store.dispatch(this.kelas + '/updateTerbitkan', this.selectedItem.id);
-      } else if (this.state == "updateUtamakan") {
-        this.$store.dispatch(this.kelas + '/updateUtamakan', this.selectedItem.id);
       }
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('monitoring', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('errorLog', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -514,10 +375,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/index.vue?vue&type=template&id=4d04f07e&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/index.vue?vue&type=template&id=4d04f07e& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/index.vue?vue&type=template&id=216d5a12&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/errorLog/index.vue?vue&type=template&id=216d5a12& ***!
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -555,14 +416,6 @@ var render = function () {
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _c("select-data", {
-                attrs: {
-                  kelas: _vm.kelas,
-                  path: _vm.selectCuPath,
-                  isPus: false,
-                },
-              }),
-              _vm._v(" "),
               _c("table-data", {
                 attrs: { title: _vm.title, kelas: _vm.kelas },
               }),
@@ -582,10 +435,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/table.vue?vue&type=template&id=06a0257a&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/table.vue?vue&type=template&id=06a0257a& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/table.vue?vue&type=template&id=49eee1e4&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/errorLog/table.vue?vue&type=template&id=49eee1e4& ***!
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -648,206 +501,62 @@ var render = function () {
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[1].hide
-                        ? _c("td", [
-                            _c("div", { staticClass: "progress" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "progress-bar-striped bg-orange",
-                                  style: {
-                                    width:
-                                      Math.round(
-                                        (props.item.monitoring_rekom_ok_count /
-                                          props.item.monitoring_rekom_count) *
-                                          100
-                                      ) + "%",
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "span",
-                                    {
-                                      staticClass: "text-default font-size-lg",
-                                    },
-                                    [
-                                      _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t" +
-                                          _vm._s(
-                                            Math.round(
-                                              (props.item
-                                                .monitoring_rekom_ok_count /
-                                                props.item
-                                                  .monitoring_rekom_count) *
-                                                100
-                                            ) + "%"
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                            ]),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.monitoring_rekom_count,
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.monitoring_rekom_ok_count,
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.monitoring_pencapaian_count,
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide && !_vm.columnData[6].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.cu
+                              props.item.user && props.item.user.aktivis
                                 ? _c("check-value", {
-                                    attrs: { value: props.item.cu.name },
+                                    attrs: {
+                                      value: props.item.user.aktivis.name,
+                                    },
                                   })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.tp
+                                : props.item.user
                                 ? _c("check-value", {
-                                    attrs: { value: props.item.tp.name },
+                                    attrs: { value: props.item.user.name },
                                   })
-                                : props.item.id_tp == 0
-                                ? _c("span", [_vm._v("Semua")])
                                 : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[8].hide
-                        ? _c("td", [
-                            props.item.jenis == "MAYOR"
-                              ? _c(
-                                  "span",
-                                  { staticClass: "badge badge-danger" },
-                                  [_vm._v(_vm._s(props.item.jenis))]
-                                )
-                              : props.item.jenis == "MINOR"
-                              ? _c(
-                                  "span",
-                                  { staticClass: "badge badge-success" },
-                                  [_vm._v(_vm._s(props.item.jenis))]
-                                )
-                              : _vm._e(),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[9].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.perspektif },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[10].hide
+                      !_vm.columnData[2].hide
                         ? _c(
                             "td",
                             [
-                              props.item.aktivis_cu
+                              props.item.user && props.item.user.cu
                                 ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.aktivis_cu.name,
-                                    },
+                                    attrs: { value: props.item.user.cu.name },
                                   })
-                                : _c("span", [_vm._v("-")]),
+                                : _c("span", [_vm._v("PUSKOPCUINA")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[11].hide
+                      !_vm.columnData[3].hide
                         ? _c(
                             "td",
                             [
-                              props.item.aktivis_bkcu
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.aktivis_bkcu.name,
-                                    },
-                                  })
-                                : _c("span", [_vm._v("-")]),
+                              _c("check-value", {
+                                attrs: { value: props.item.status },
+                              }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[12].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.date(props.item.tanggal)
-                              ),
-                            },
-                          })
+                      !_vm.columnData[4].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t" +
+                                _vm._s(props.item.content.substring(0, 100)) +
+                                "...\n\t\t\t\t"
+                            ),
+                          ])
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[13].hide
+                      !_vm.columnData[5].hide
                         ? _c("td", {
                             domProps: {
                               innerHTML: _vm._s(
@@ -858,22 +567,6 @@ var render = function () {
                             },
                           })
                         : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[14].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
                     ]
                   ),
                 ]
@@ -882,199 +575,168 @@ var render = function () {
           ]),
         },
         [
-          _c(
-            "template",
-            { slot: "button-desktop" },
-            [
-              _vm.currentUser.can &&
-              _vm.currentUser.can["create_" + _vm.kelas] &&
-              _vm.currentUser.id_cu == 0
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["update_" + _vm.kelas] &&
-              _vm.currentUser.id_cu == 0
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.goTo(_vm.selectedItem.id, "edit")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.goTo(_vm.selectedItem.id, "detail")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-stack2" }),
-                      _vm._v(" Detail\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["destroy_" + _vm.kelas] &&
-              _vm.currentUser.id_cu == 0
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
+          _c("template", { slot: "button-desktop" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light mb-1",
+                attrs: { disabled: !_vm.selectedItem.id },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalOpen()
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-stack2" }),
+                _vm._v(" Detail\n\t\t\t"),
+              ]
+            ),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["destroy_error_log"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("hapus")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+          ]),
           _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.currentUser.can &&
-              _vm.currentUser.can["create_" + _vm.kelas] &&
-              _vm.currentUser.id_cu == 0
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["update_" + _vm.kelas] &&
-              _vm.currentUser.id_cu == 0
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.goTo(_vm.selectedItem.id, "edit")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.goTo(_vm.selectedItem.id, "detail")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-stack2" }),
-                      _vm._v(" Detail\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["destroy_" + _vm.kelas] &&
-              _vm.currentUser.id_cu == 0
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
+          _c("template", { slot: "button-mobile" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block mb-1",
+                attrs: { disabled: !_vm.selectedItem.id },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalOpen()
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-stack2" }),
+                _vm._v(" Detail\n\t\t\t"),
+              ]
+            ),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["destroy_error_log"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("hapus")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+          ]),
         ],
         2
       ),
       _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          content: _vm.modalContent,
-          button: _vm.modalButton,
-        },
-        on: {
-          tutup: _vm.modalTutup,
-          confirmOk: _vm.modalConfirmOk,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalTutup,
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            button: _vm.modalButton,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
         },
-      }),
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+          _vm._v(" "),
+          _c("template", { slot: "modal-body1" }, [
+            _c("div", [
+              _vm.selectedItem.status == 404
+                ? _c("span", [_c("b", [_vm._v("ERROR 404:")])])
+                : _vm.selectedItem.status == 419
+                ? _c("span", [_c("b", [_vm._v("ERROR 419:")])])
+                : _vm.selectedItem.status == 422
+                ? _c("span", [_c("b", [_vm._v("ERROR 422:")])])
+                : _vm.selectedItem.status == 500
+                ? _c("span", [_c("b", [_vm._v("ERROR 500:")])])
+                : _vm._e(),
+            ]),
+            _vm._v(" "),
+            _c("br"),
+            _vm._v(" "),
+            _c("div", [
+              _c(
+                "pre",
+                {
+                  staticClass:
+                    "pre-scrollable language-markup content-group text-left",
+                },
+                [_c("code", [_vm._v(_vm._s(_vm.selectedItem.content))])]
+              ),
+              _vm._v(" "),
+              _c("hr"),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "text-center d-none d-sm-block" }, [
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light",
+                  attrs: { type: "button" },
+                  on: { click: _vm.modalTutup },
+                },
+                [_vm._v("Ok")]
+              ),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "text-center d-block d-sm-none" }, [
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-block",
+                  attrs: { type: "button" },
+                  on: { click: _vm.modalTutup },
+                },
+                [_vm._v("Ok")]
+              ),
+            ]),
+          ]),
+        ],
+        2
+      ),
     ],
     1
   )
@@ -1086,17 +748,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/index.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/index.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/errorLog/index.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/errorLog/index.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_4d04f07e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=4d04f07e& */ "./resources/assets/js/views/monitoring/index.vue?vue&type=template&id=4d04f07e&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_216d5a12___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=216d5a12& */ "./resources/assets/js/views/errorLog/index.vue?vue&type=template&id=216d5a12&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/errorLog/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1107,8 +769,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_4d04f07e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_4d04f07e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_216d5a12___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_216d5a12___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1118,54 +780,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/monitoring/index.vue"
+component.options.__file = "resources/assets/js/views/errorLog/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/index.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/index.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/errorLog/index.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/errorLog/index.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/index.vue?vue&type=template&id=4d04f07e&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/index.vue?vue&type=template&id=4d04f07e& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/errorLog/index.vue?vue&type=template&id=216d5a12&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/errorLog/index.vue?vue&type=template&id=216d5a12& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_4d04f07e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=4d04f07e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/index.vue?vue&type=template&id=4d04f07e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_4d04f07e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_216d5a12___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=216d5a12& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/index.vue?vue&type=template&id=216d5a12&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_216d5a12___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_4d04f07e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_216d5a12___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/table.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/table.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/errorLog/table.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/errorLog/table.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_06a0257a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=06a0257a& */ "./resources/assets/js/views/monitoring/table.vue?vue&type=template&id=06a0257a&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_49eee1e4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=49eee1e4& */ "./resources/assets/js/views/errorLog/table.vue?vue&type=template&id=49eee1e4&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/errorLog/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1176,8 +838,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_06a0257a___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_06a0257a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_49eee1e4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_49eee1e4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1187,38 +849,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/monitoring/table.vue"
+component.options.__file = "resources/assets/js/views/errorLog/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/table.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/table.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/errorLog/table.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/errorLog/table.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/table.vue?vue&type=template&id=06a0257a&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/table.vue?vue&type=template&id=06a0257a& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/errorLog/table.vue?vue&type=template&id=49eee1e4&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/errorLog/table.vue?vue&type=template&id=49eee1e4& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_06a0257a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=06a0257a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/table.vue?vue&type=template&id=06a0257a&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_06a0257a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_49eee1e4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=49eee1e4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/errorLog/table.vue?vue&type=template&id=49eee1e4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_49eee1e4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_06a0257a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_49eee1e4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/110.js b/public/js/components/110.js
index ccbae02c1..611bd1273 100644
--- a/public/js/components/110.js
+++ b/public/js/components/110.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[110],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/index.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saran/index.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/index.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/index.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -12,7 +12,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/saran/table.vue");
+/* harmony import */ var _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCuTp.vue */ "./resources/assets/js/components/selectCuTp.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/monitoring/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -48,6 +49,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -56,19 +64,39 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
     message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+    selectData: _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
   data: function data() {
     return {
-      title: 'Saran',
-      kelas: 'saran',
-      titleDesc: 'Mengelola data saran',
-      titleIcon: 'icon-lifebuoy'
+      title: 'Monitoring',
+      kelas: 'monitoring',
+      titleDesc: 'Mengelola data monitoring',
+      titleIcon: 'icon-collaboration',
+      selectCuPath: 'monitoringCu'
     };
   },
+  created: function created() {
+    this.checkUser('index_monitoring', this.$route.params.cu);
+  },
+  methods: {
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    }
+  },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('saran', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikel', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -76,10 +104,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/table.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saran/table.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/table.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/table.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -151,6 +179,82 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -166,7 +270,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     return {
       selectedItem: [],
       query: {
-        order_column: "created_at",
+        order_column: "perspektif",
         order_direction: "desc",
         filter_match: "and",
         limit: 10,
@@ -177,8 +281,36 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         title: 'No.',
         name: 'No.'
       }, {
-        title: 'Username',
-        name: 'user.username',
+        title: 'Status',
+        name: 'status',
+        hide: false
+      }, {
+        title: 'Rekomendasi',
+        name: 'monitoring_rekom_count',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Tercapai',
+        name: 'monitoring_rekom_ok_count',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Keputusan',
+        name: 'monitoring_pencapaian_count',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Temuan',
+        name: 'name',
         tipe: 'string',
         sort: true,
         hide: false,
@@ -186,15 +318,63 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         filter: true,
         filterDefault: true
       }, {
-        title: 'content',
-        name: 'content',
+        title: 'CU',
+        name: 'cu.name',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
-        filter: false
+        filter: true
+      }, {
+        title: 'TP',
+        name: 'tp.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Jenis',
+        name: 'jenis',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Perspektif',
+        name: 'perspektif',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'PIC CU',
+        name: 'aktivis_cu.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'PIC BKCU',
+        name: 'aktivis_bkcu.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Monitoring',
+        name: 'tanggal',
+        tipe: 'date',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: 'Tgl. Tulis',
+        title: 'Tgl. / Waktu Buat',
         name: 'created_at',
         tipe: 'datetime',
         sort: true,
@@ -202,7 +382,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         disable: false,
         filter: true
       }, {
-        title: 'Tgl. Ubah',
+        title: 'Tgl. / Waktu Ubah',
         name: 'updated_at',
         tipe: 'datetime',
         sort: true,
@@ -244,12 +424,39 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   methods: {
     fetch: function fetch(params) {
-      this.$store.dispatch(this.kelas + '/index', params);
-      this.excelDownloadUrl = this.kelas;
+      if (this.$route.params.cu == 'semua') {
+        this.disableColumnCu(false);
+        this.$store.dispatch(this.kelas + '/index', params);
+        this.excelDownloadUrl = this.kelas;
+      } else {
+        this.disableColumnCu(true);
+        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu, this.$route.params.tp]);
+        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu + '/' + this.$route.params.tp;
+      }
+    },
+    disableColumnCu: function disableColumnCu(status) {
+      this.columnData[6].disable = status;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
+    goTo: function goTo(id, tipe) {
+      if (tipe == 'edit') {
+        this.$router.push({
+          name: this.kelas + 'Edit',
+          params: {
+            id: id
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.kelas + 'Detail',
+          params: {
+            id: id
+          }
+        });
+      }
+    },
     modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
       this.modalState = 'confirm-tutup';
@@ -271,12 +478,16 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     modalConfirmOk: function modalConfirmOk() {
       if (this.state == 'hapus') {
         this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      } else if (this.state == "updateTerbitkan") {
+        this.$store.dispatch(this.kelas + '/updateTerbitkan', this.selectedItem.id);
+      } else if (this.state == "updateUtamakan") {
+        this.$store.dispatch(this.kelas + '/updateUtamakan', this.selectedItem.id);
       }
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('saran', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('monitoring', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -303,10 +514,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/index.vue?vue&type=template&id=878ffe1e&":
-/*!****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saran/index.vue?vue&type=template&id=878ffe1e& ***!
-  \****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/index.vue?vue&type=template&id=4d04f07e&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/index.vue?vue&type=template&id=4d04f07e& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -344,6 +555,14 @@ var render = function () {
                   })
                 : _vm._e(),
               _vm._v(" "),
+              _c("select-data", {
+                attrs: {
+                  kelas: _vm.kelas,
+                  path: _vm.selectCuPath,
+                  isPus: false,
+                },
+              }),
+              _vm._v(" "),
               _c("table-data", {
                 attrs: { title: _vm.title, kelas: _vm.kelas },
               }),
@@ -363,10 +582,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/table.vue?vue&type=template&id=75d335ed&":
-/*!****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saran/table.vue?vue&type=template&id=75d335ed& ***!
-  \****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/table.vue?vue&type=template&id=06a0257a&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/table.vue?vue&type=template&id=06a0257a& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -429,12 +648,110 @@ var render = function () {
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[1].hide
+                        ? _c("td", [
+                            _c("div", { staticClass: "progress" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "progress-bar-striped bg-orange",
+                                  style: {
+                                    width:
+                                      Math.round(
+                                        (props.item.monitoring_rekom_ok_count /
+                                          props.item.monitoring_rekom_count) *
+                                          100
+                                      ) + "%",
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "span",
+                                    {
+                                      staticClass: "text-default font-size-lg",
+                                    },
+                                    [
+                                      _vm._v(
+                                        "\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t" +
+                                          _vm._s(
+                                            Math.round(
+                                              (props.item
+                                                .monitoring_rekom_ok_count /
+                                                props.item
+                                                  .monitoring_rekom_count) *
+                                                100
+                                            ) + "%"
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                            ]),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.monitoring_rekom_count,
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.monitoring_rekom_ok_count,
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.monitoring_pencapaian_count,
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
                         ? _c(
                             "td",
                             [
-                              props.item.user
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide && !_vm.columnData[6].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.cu
                                 ? _c("check-value", {
-                                    attrs: { value: props.item.user.username },
+                                    attrs: { value: props.item.cu.name },
                                   })
                                 : _c("span", [_vm._v("-")]),
                             ],
@@ -442,19 +759,95 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[2].hide
+                      !_vm.columnData[7].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.tp
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.tp.name },
+                                  })
+                                : props.item.id_tp == 0
+                                ? _c("span", [_vm._v("Semua")])
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c("td", [
+                            props.item.jenis == "MAYOR"
+                              ? _c(
+                                  "span",
+                                  { staticClass: "badge badge-danger" },
+                                  [_vm._v(_vm._s(props.item.jenis))]
+                                )
+                              : props.item.jenis == "MINOR"
+                              ? _c(
+                                  "span",
+                                  { staticClass: "badge badge-success" },
+                                  [_vm._v(_vm._s(props.item.jenis))]
+                                )
+                              : _vm._e(),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[9].hide
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.content },
+                                attrs: { value: props.item.perspektif },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[3].hide
+                      !_vm.columnData[10].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.aktivis_cu
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.aktivis_cu.name,
+                                    },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[11].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.aktivis_bkcu
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.aktivis_bkcu.name,
+                                    },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[12].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.date(props.item.tanggal)
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[13].hide
                         ? _c("td", {
                             domProps: {
                               innerHTML: _vm._s(
@@ -466,7 +859,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[4].hide
+                      !_vm.columnData[14].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -489,49 +882,179 @@ var render = function () {
           ]),
         },
         [
-          _c("template", { slot: "button-desktop" }, [
-            _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("hapus")
+          _c(
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.currentUser.can &&
+              _vm.currentUser.can["create_" + _vm.kelas] &&
+              _vm.currentUser.id_cu == 0
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["update_" + _vm.kelas] &&
+              _vm.currentUser.id_cu == 0
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.goTo(_vm.selectedItem.id, "edit")
+                        },
                       },
                     },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-          ]),
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.goTo(_vm.selectedItem.id, "detail")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-stack2" }),
+                      _vm._v(" Detail\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["destroy_" + _vm.kelas] &&
+              _vm.currentUser.id_cu == 0
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
           _vm._v(" "),
-          _c("template", { slot: "button-mobile" }, [
-            _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("hapus")
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can &&
+              _vm.currentUser.can["create_" + _vm.kelas] &&
+              _vm.currentUser.id_cu == 0
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["update_" + _vm.kelas] &&
+              _vm.currentUser.id_cu == 0
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.goTo(_vm.selectedItem.id, "edit")
+                        },
                       },
                     },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-          ]),
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.goTo(_vm.selectedItem.id, "detail")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-stack2" }),
+                      _vm._v(" Detail\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["destroy_" + _vm.kelas] &&
+              _vm.currentUser.id_cu == 0
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
         ],
         2
       ),
@@ -541,6 +1064,7 @@ var render = function () {
           show: _vm.modalShow,
           state: _vm.modalState,
           title: _vm.modalTitle,
+          content: _vm.modalContent,
           button: _vm.modalButton,
         },
         on: {
@@ -562,17 +1086,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/saran/index.vue":
-/*!***************************************************!*\
-  !*** ./resources/assets/js/views/saran/index.vue ***!
-  \***************************************************/
+/***/ "./resources/assets/js/views/monitoring/index.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/index.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_878ffe1e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=878ffe1e& */ "./resources/assets/js/views/saran/index.vue?vue&type=template&id=878ffe1e&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/saran/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_4d04f07e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=4d04f07e& */ "./resources/assets/js/views/monitoring/index.vue?vue&type=template&id=4d04f07e&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -583,8 +1107,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_878ffe1e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_878ffe1e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_4d04f07e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_4d04f07e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -594,54 +1118,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/saran/index.vue"
+component.options.__file = "resources/assets/js/views/monitoring/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/saran/index.vue?vue&type=script&lang=js&":
-/*!****************************************************************************!*\
-  !*** ./resources/assets/js/views/saran/index.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/index.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/index.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/saran/index.vue?vue&type=template&id=878ffe1e&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/saran/index.vue?vue&type=template&id=878ffe1e& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/index.vue?vue&type=template&id=4d04f07e&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/index.vue?vue&type=template&id=4d04f07e& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_878ffe1e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=878ffe1e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/index.vue?vue&type=template&id=878ffe1e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_878ffe1e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_4d04f07e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=4d04f07e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/index.vue?vue&type=template&id=4d04f07e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_4d04f07e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_878ffe1e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_4d04f07e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/saran/table.vue":
-/*!***************************************************!*\
-  !*** ./resources/assets/js/views/saran/table.vue ***!
-  \***************************************************/
+/***/ "./resources/assets/js/views/monitoring/table.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/table.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_75d335ed___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=75d335ed& */ "./resources/assets/js/views/saran/table.vue?vue&type=template&id=75d335ed&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/saran/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_06a0257a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=06a0257a& */ "./resources/assets/js/views/monitoring/table.vue?vue&type=template&id=06a0257a&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -652,8 +1176,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_75d335ed___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_75d335ed___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_06a0257a___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_06a0257a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -663,38 +1187,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/saran/table.vue"
+component.options.__file = "resources/assets/js/views/monitoring/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/saran/table.vue?vue&type=script&lang=js&":
-/*!****************************************************************************!*\
-  !*** ./resources/assets/js/views/saran/table.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/table.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/table.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/saran/table.vue?vue&type=template&id=75d335ed&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/saran/table.vue?vue&type=template&id=75d335ed& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/table.vue?vue&type=template&id=06a0257a&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/table.vue?vue&type=template&id=06a0257a& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_75d335ed___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=75d335ed& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/table.vue?vue&type=template&id=75d335ed&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_75d335ed___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_06a0257a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=06a0257a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/table.vue?vue&type=template&id=06a0257a&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_06a0257a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_75d335ed___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_06a0257a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/111.js b/public/js/components/111.js
index c00b1a0d1..8dbb1b3e3 100644
--- a/public/js/components/111.js
+++ b/public/js/components/111.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[111],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/index.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKategori/index.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/index.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saran/index.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -12,7 +12,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/suratKategori/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/saran/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -60,34 +60,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Kategori Surat Keluar',
-      kelas: 'suratKategori',
-      titleDesc: 'Mengelola data kategori surat keluar',
-      titleIcon: 'icon-grid6',
-      selectCuPath: 'suratKategoriCu'
+      title: 'Saran',
+      kelas: 'saran',
+      titleDesc: 'Mengelola data saran',
+      titleIcon: 'icon-lifebuoy'
     };
   },
-  created: function created() {
-    this.checkUser('index_surat_kategori', this.$route.params.cu);
-  },
-  methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    }
-  },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKategori', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('saran', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -95,10 +76,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/table.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKategori/table.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/table.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saran/table.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -170,27 +151,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -206,8 +166,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     return {
       selectedItem: [],
       query: {
-        order_column: "name",
-        order_direction: "asc",
+        order_column: "created_at",
+        order_direction: "desc",
         filter_match: "and",
         limit: 10,
         page: 1
@@ -215,14 +175,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       excelDownloadUrl: '',
       columnData: [{
         title: 'No.',
-        name: 'No.',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false
+        name: 'No.'
       }, {
-        title: 'Kode',
-        name: 'name',
+        title: 'Username',
+        name: 'user.username',
         tipe: 'string',
         sort: true,
         hide: false,
@@ -230,22 +186,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         filter: true,
         filterDefault: true
       }, {
-        title: 'Keterangan',
-        name: 'deskripsi',
+        title: 'content',
+        name: 'content',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
-        filter: true
+        filter: false
       }, {
-        title: 'Surat',
-        name: 'has_surat_count',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false
-      }, {
-        title: 'Tgl. Buat',
+        title: 'Tgl. Tulis',
         name: 'created_at',
         tipe: 'datetime',
         sort: true,
@@ -265,6 +214,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       modalShow: false,
       modalState: '',
       modalTitle: '',
+      modalContent: '',
       modalButton: ''
     };
   },
@@ -281,11 +231,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       this.modalState = value;
       this.modalButton = 'Ok';
 
-      if (value === "success") {
+      if (value == "success") {
         this.modalTitle = this.updateMessage.message;
         this.modalContent = '';
-        this.fetch(this.query);
-      } else if (value === "fail") {
+        this.fetch();
+      } else if (value == "fail") {
         this.modalContent = this.updateMessage;
       } else {
         this.modalContent = '';
@@ -294,31 +244,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   methods: {
     fetch: function fetch(params) {
-      if (this.$route.params.cu == 'semua') {
-        this.$store.dispatch(this.kelas + '/index', params);
-        this.excelDownloadUrl = this.kelas;
-      } else {
-        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
-        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
-      }
-    },
-    resetParams: function resetParams() {
-      this.params.search_column = 'name';
-      this.params.search_query_1 = '';
-      this.extSearchColumn = 'name';
-      this.extSearchQuery1 = '';
+      this.$store.dispatch(this.kelas + '/index', params);
+      this.excelDownloadUrl = this.kelas;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    ubahData: function ubahData(id, id_cu) {
-      this.$router.push({
-        name: this.kelas + 'Edit',
-        params: {
-          id: id
-        }
-      });
-    },
     modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
       this.modalState = 'confirm-tutup';
@@ -343,14 +274,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
-    idCu: 'idCu'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'dataS',
-    modelCuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKategori', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('saran', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -377,10 +303,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/index.vue?vue&type=template&id=27253b2e&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKategori/index.vue?vue&type=template&id=27253b2e& ***!
-  \************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/index.vue?vue&type=template&id=878ffe1e&":
+/*!****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saran/index.vue?vue&type=template&id=878ffe1e& ***!
+  \****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -437,10 +363,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/table.vue?vue&type=template&id=b3eed136&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKategori/table.vue?vue&type=template&id=b3eed136& ***!
-  \************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/table.vue?vue&type=template&id=75d335ed&":
+/*!****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saran/table.vue?vue&type=template&id=75d335ed& ***!
+  \****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -465,7 +391,6 @@ var render = function () {
             query: _vm.query,
             itemDataStat: _vm.itemDataStat,
             excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
@@ -478,7 +403,7 @@ var render = function () {
                     {
                       staticClass: "text-nowrap",
                       class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
+                        "bg-info": _vm.selectedItem.id == props.item.id,
                       },
                       on: {
                         click: function ($event) {
@@ -507,9 +432,11 @@ var render = function () {
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
+                              props.item.user
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.user.username },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
@@ -520,7 +447,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.deskripsi },
+                                attrs: { value: props.item.content },
                               }),
                             ],
                             1
@@ -528,10 +455,6 @@ var render = function () {
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[3].hide
-                        ? _c("td", [_vm._v(_vm._s(props.item.has_surat_count))])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
                         ? _c("td", {
                             domProps: {
                               innerHTML: _vm._s(
@@ -543,7 +466,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[5].hide
+                      !_vm.columnData[4].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -566,127 +489,49 @@ var render = function () {
           ]),
         },
         [
-          _c(
-            "template",
-            { slot: "button-desktop" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_surat"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_surat"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_surat"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
+          _c("template", { slot: "button-desktop" }, [
+            _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("hapus")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+          ]),
           _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_surat"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_surat"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
-                        },
+          _c("template", { slot: "button-mobile" }, [
+            _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("hapus")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_surat"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+          ]),
         ],
         2
       ),
@@ -717,17 +562,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKategori/index.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/suratKategori/index.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/saran/index.vue":
+/*!***************************************************!*\
+  !*** ./resources/assets/js/views/saran/index.vue ***!
+  \***************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_27253b2e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=27253b2e& */ "./resources/assets/js/views/suratKategori/index.vue?vue&type=template&id=27253b2e&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratKategori/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_878ffe1e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=878ffe1e& */ "./resources/assets/js/views/saran/index.vue?vue&type=template&id=878ffe1e&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/saran/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -738,8 +583,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_27253b2e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_27253b2e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_878ffe1e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_878ffe1e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -749,54 +594,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/suratKategori/index.vue"
+component.options.__file = "resources/assets/js/views/saran/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKategori/index.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/suratKategori/index.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/saran/index.vue?vue&type=script&lang=js&":
+/*!****************************************************************************!*\
+  !*** ./resources/assets/js/views/saran/index.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKategori/index.vue?vue&type=template&id=27253b2e&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/suratKategori/index.vue?vue&type=template&id=27253b2e& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/saran/index.vue?vue&type=template&id=878ffe1e&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/saran/index.vue?vue&type=template&id=878ffe1e& ***!
+  \**********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_27253b2e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=27253b2e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/index.vue?vue&type=template&id=27253b2e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_27253b2e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_878ffe1e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=878ffe1e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/index.vue?vue&type=template&id=878ffe1e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_878ffe1e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_27253b2e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_878ffe1e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKategori/table.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/suratKategori/table.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/saran/table.vue":
+/*!***************************************************!*\
+  !*** ./resources/assets/js/views/saran/table.vue ***!
+  \***************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_b3eed136___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=b3eed136& */ "./resources/assets/js/views/suratKategori/table.vue?vue&type=template&id=b3eed136&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratKategori/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_75d335ed___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=75d335ed& */ "./resources/assets/js/views/saran/table.vue?vue&type=template&id=75d335ed&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/saran/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -807,8 +652,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_b3eed136___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_b3eed136___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_75d335ed___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_75d335ed___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -818,38 +663,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/suratKategori/table.vue"
+component.options.__file = "resources/assets/js/views/saran/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKategori/table.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/suratKategori/table.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/saran/table.vue?vue&type=script&lang=js&":
+/*!****************************************************************************!*\
+  !*** ./resources/assets/js/views/saran/table.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKategori/table.vue?vue&type=template&id=b3eed136&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/suratKategori/table.vue?vue&type=template&id=b3eed136& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/saran/table.vue?vue&type=template&id=75d335ed&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/saran/table.vue?vue&type=template&id=75d335ed& ***!
+  \**********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_b3eed136___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=b3eed136& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/table.vue?vue&type=template&id=b3eed136&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_b3eed136___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_75d335ed___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=75d335ed& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saran/table.vue?vue&type=template&id=75d335ed&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_75d335ed___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_b3eed136___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_75d335ed___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/112.js b/public/js/components/112.js
index 1da722640..cca78098e 100644
--- a/public/js/components/112.js
+++ b/public/js/components/112.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[112],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/index.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKode/index.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sertifikatKegiatan/index.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sertifikatKegiatan/index.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -11,8 +11,8 @@
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/suratKode/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/sertifikatKegiatan/table.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -46,8 +46,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
 
 
 
@@ -55,39 +53,25 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
   data: function data() {
     return {
-      title: 'Tipe Surat Keluar',
-      kelas: 'suratKode',
-      titleDesc: 'Mengelola data tipe surat keluar',
-      titleIcon: 'icon-grid6',
-      selectCuPath: 'suratKodeCu'
+      title: 'Sertifikat Kegiatan',
+      kelas: 'sertifikatKegiatan',
+      titleDesc: 'Mengelola data sertifikat kegiatan',
+      titleIcon: 'icon-clipboard6'
     };
   },
-  created: function created() {
-    this.checkUser('index_surat', this.$route.params.cu);
-  },
-  methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
+  watch: {
+    // check route changes
+    $route: function $route(to, from) {
+      this.fetch();
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKode', {
+  methods: {},
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('sertifikatKegiatan', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -95,19 +79,21 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/table.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKode/table.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sertifikatKegiatan/table.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sertifikatKegiatan/table.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -194,15 +180,45 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
   props: ['title', 'kelas'],
   data: function data() {
@@ -215,17 +231,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         limit: 10,
         page: 1
       },
+      dataview: '',
+      isNoButtonRow: '',
       excelDownloadUrl: '',
       columnData: [{
         title: 'No.',
-        name: 'No.',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false
+        name: 'No.'
       }, {
-        title: 'Name',
-        name: 'name',
+        title: 'Kode',
+        name: 'kode_sertifikat',
         tipe: 'string',
         sort: true,
         hide: false,
@@ -233,61 +247,36 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         filter: true,
         filterDefault: true
       }, {
-        title: 'Kode',
-        name: 'kode',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Periode',
-        name: 'periode',
+        title: 'Nama',
+        name: 'name',
         tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Surat',
-        name: 'has_surat_count',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false
-      }, {
-        title: 'Tgl. Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
+        sort: false,
         hide: false,
         disable: false,
-        filter: true
+        filter: true,
+        filterDefault: false
       }],
+      keteranganBatal: '',
       state: '',
       modalShow: false,
       modalState: '',
+      modalColor: '',
       modalTitle: '',
+      modalContent: '',
       modalButton: ''
     };
   },
   created: function created() {
     this.fetch(this.query);
   },
+  // updated(){
+  // 	console.log(this.selectedItem);
+  // },
   watch: {
-    // check route changes
     '$route': function $route(to, from) {
+      // check current page meta
       this.fetch(this.query);
     },
-    // when updating data
     updateStat: function updateStat(value) {
       this.modalState = value;
       this.modalButton = 'Ok';
@@ -305,24 +294,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   methods: {
     fetch: function fetch(params) {
-      if (this.$route.params.cu == 'semua') {
-        this.$store.dispatch(this.kelas + '/index', params);
-        this.excelDownloadUrl = this.kelas;
-      } else {
-        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
-        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
-      }
-    },
-    resetParams: function resetParams() {
-      this.params.search_column = 'name';
-      this.params.search_query_1 = '';
-      this.extSearchColumn = 'name';
-      this.extSearchQuery1 = '';
+      this.dataview = 'list';
+      this.isNoButtonRow = false;
+      this.$store.dispatch(this.kelas + '/index', params);
+      this.excelDownloadUrl = this.kelas;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    ubahData: function ubahData(id, id_cu) {
+    ubahData: function ubahData(id) {
       this.$router.push({
         name: this.kelas + 'Edit',
         params: {
@@ -332,7 +312,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     },
     modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
-      this.modalState = 'confirm-tutup';
       this.state = state;
 
       if (isMobile) {
@@ -340,10 +319,28 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
 
       if (state == 'hapus') {
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
+        this.modalState = 'confirm-tutup';
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ini?';
         this.modalButton = 'Iya, Hapus';
+        this.modalColor = '';
+      } else if (state == 'status') {
+        this.modalState = 'normal1';
+        this.modalTitle = 'Ubah status ' + this.title + ' ' + this.selectedItem.name + ' ini?';
+        this.modalColor = 'bg-primary';
+      } else if (state == 'keteranganBatal') {
+        this.modalState = 'normal2';
+        this.modalTitle = 'Keterangan pembatalan ' + this.title + ' ' + this.selectedItem.name;
+        this.modalColor = 'bg-primary';
+        this.keteranganBatal = this.selectedItem.keteranganBatal;
       }
     },
+    modalKeteranganBatalOpen: function modalKeteranganBatalOpen(value) {
+      this.modalShow = true;
+      this.modalState = 'normal2';
+      this.modalTitle = 'Keterangan pembatalan ' + this.title + ' ' + this.selectedItem.name;
+      this.modalColor = 'bg-primary';
+      this.keteranganBatal = value;
+    },
     modalTutup: function modalTutup() {
       this.modalShow = false;
       this.$store.dispatch(this.kelas + '/resetUpdateStat');
@@ -352,16 +349,26 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       if (this.state == 'hapus') {
         this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
       }
+    },
+    gridColor: function gridColor(value) {
+      if (value == 1) {
+        return 'border-left-primary-400';
+      } else if (value == 2) {
+        return 'border-left-warning-400';
+      } else if (value == 3) {
+        return 'border-left-secondary-400';
+      } else if (value == 4) {
+        return 'border-left-success-400';
+      } else if (value == 5) {
+        return 'border-left-primary-400';
+      } else if (value == 6) {
+        return 'border-left-danger-400';
+      }
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
-    idCu: 'idCu'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'dataS',
-    modelCuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKode', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('sertifikatKegiatan', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -388,10 +395,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/index.vue?vue&type=template&id=34835eb0&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKode/index.vue?vue&type=template&id=34835eb0& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sertifikatKegiatan/index.vue?vue&type=template&id=45bb3690&":
+/*!*****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sertifikatKegiatan/index.vue?vue&type=template&id=45bb3690& ***!
+  \*****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -448,10 +455,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/table.vue?vue&type=template&id=c14cf4b8&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKode/table.vue?vue&type=template&id=c14cf4b8& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sertifikatKegiatan/table.vue?vue&type=template&id=d284cc98&":
+/*!*****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sertifikatKegiatan/table.vue?vue&type=template&id=d284cc98& ***!
+  \*****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -476,7 +483,8 @@ var render = function () {
             query: _vm.query,
             itemDataStat: _vm.itemDataStat,
             excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
+            isNoButtonRow: _vm.isNoButtonRow,
+            dataview: _vm.dataview,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
@@ -519,7 +527,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.name },
+                                attrs: { value: props.item.kode_sertifikat },
                               }),
                             ],
                             1
@@ -531,61 +539,128 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.kode },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.periode },
+                                attrs: { value: props.item.name },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c("td", [_vm._v(_vm._s(props.item.has_surat_count))])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
                     ]
                   ),
                 ]
               },
             },
+            {
+              key: "item-mobile",
+              fn: function (props) {
+                return [
+                  _c("div", { staticClass: "col-lg-4 col-md-6" }, [
+                    _c(
+                      "div",
+                      {
+                        staticClass: "card cursor-pointer",
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.ubahData(props.item.id)
+                          },
+                        },
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            staticClass:
+                              "card-header bg-light header-elements-inline",
+                          },
+                          [
+                            _c(
+                              "h6",
+                              { staticClass: "card-title" },
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.kode_sertifikat },
+                                }),
+                              ],
+                              1
+                            ),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "card-body" },
+                          [
+                            [
+                              props.item.gambar
+                                ? _c("img", {
+                                    staticClass: "img-fluid wmin-sm",
+                                    attrs: {
+                                      src:
+                                        "/images/sertifikatKegiatan/" +
+                                        props.item.gambar +
+                                        ".jpg",
+                                    },
+                                  })
+                                : _vm._e(),
+                            ],
+                            _vm._v(" "),
+                            _c("hr"),
+                            _vm._v(" "),
+                            _c("h6", { staticClass: "text-primary" }, [
+                              _vm._v(_vm._s(props.item.nama_sertifikat)),
+                            ]),
+                            _vm._v(" "),
+                            _c("hr"),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "row" }, [
+                              _c("div", { staticClass: "col-sm-6" }, [
+                                _c(
+                                  "ul",
+                                  { staticClass: "list list-unstyled mb-1" },
+                                  [
+                                    _c("li", [
+                                      _vm._v("Kode: "),
+                                      _c(
+                                        "span",
+                                        { staticClass: "text-muted" },
+                                        [
+                                          _vm._v(
+                                            _vm._s(props.item.kode_sertifikat)
+                                          ),
+                                        ]
+                                      ),
+                                    ]),
+                                  ]
+                                ),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-sm-6" }, [
+                                _c(
+                                  "ul",
+                                  { staticClass: "list list-unstyled mb-1" },
+                                  [
+                                    _c("li", [
+                                      _vm._v("Nama: "),
+                                      _c(
+                                        "span",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(_vm._s(props.item.name))]
+                                      ),
+                                    ]),
+                                  ]
+                                ),
+                              ]),
+                            ]),
+                          ],
+                          2
+                        ),
+                      ]
+                    ),
+                  ]),
+                ]
+              },
+            },
           ]),
         },
         [
@@ -593,7 +668,7 @@ var render = function () {
             "template",
             { slot: "button-desktop" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_surat"]
+              _vm.currentUser.can && _vm.currentUser.can["create_diklat_bkcu"]
                 ? _c(
                     "router-link",
                     {
@@ -602,12 +677,12 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
+                      _vm._v(" Tambah\n\t\t\t\t"),
                     ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_surat"]
+              _vm.currentUser.can && _vm.currentUser.can["create_diklat_bkcu"]
                 ? _c(
                     "button",
                     {
@@ -622,12 +697,12 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
+                      _vm._v(" Ubah\n\t\t\t\t"),
                     ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_surat"]
+              _vm.currentUser.can && _vm.currentUser.can["create_diklat_bkcu"]
                 ? _c(
                     "button",
                     {
@@ -642,7 +717,7 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
+                      _vm._v(" Hapus\n\t\t\t\t"),
                     ]
                   )
                 : _vm._e(),
@@ -654,7 +729,7 @@ var render = function () {
             "template",
             { slot: "button-mobile" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_surat"]
+              _vm.currentUser.can && _vm.currentUser.can["create_diklat_bkcu"]
                 ? _c(
                     "router-link",
                     {
@@ -663,12 +738,12 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
+                      _vm._v(" Tambah\n\t\t\t\t"),
                     ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_surat"]
+              _vm.currentUser.can && _vm.currentUser.can["create_diklat_bkcu"]
                 ? _c(
                     "button",
                     {
@@ -683,12 +758,12 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
+                      _vm._v(" Ubah\n\t\t\t\t"),
                     ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_surat"]
+              _vm.currentUser.can && _vm.currentUser.can["create_diklat_bkcu"]
                 ? _c(
                     "button",
                     {
@@ -703,7 +778,7 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
+                      _vm._v(" Hapus\n\t\t\t\t"),
                     ]
                   )
                 : _vm._e(),
@@ -714,21 +789,32 @@ var render = function () {
         2
       ),
       _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-        },
-        on: {
-          tutup: _vm.modalTutup,
-          confirmOk: _vm.modalConfirmOk,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalTutup,
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            button: _vm.modalButton,
+            content: _vm.modalContent,
+            color: _vm.modalColor,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
         },
-      }),
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+        ],
+        2
+      ),
     ],
     1
   )
@@ -740,17 +826,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKode/index.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/suratKode/index.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/sertifikatKegiatan/index.vue":
+/*!****************************************************************!*\
+  !*** ./resources/assets/js/views/sertifikatKegiatan/index.vue ***!
+  \****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_34835eb0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=34835eb0& */ "./resources/assets/js/views/suratKode/index.vue?vue&type=template&id=34835eb0&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratKode/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_45bb3690___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=45bb3690& */ "./resources/assets/js/views/sertifikatKegiatan/index.vue?vue&type=template&id=45bb3690&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/sertifikatKegiatan/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -761,8 +847,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_34835eb0___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_34835eb0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_45bb3690___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_45bb3690___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -772,54 +858,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/suratKode/index.vue"
+component.options.__file = "resources/assets/js/views/sertifikatKegiatan/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKode/index.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/suratKode/index.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/sertifikatKegiatan/index.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/sertifikatKegiatan/index.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sertifikatKegiatan/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKode/index.vue?vue&type=template&id=34835eb0&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/suratKode/index.vue?vue&type=template&id=34835eb0& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/sertifikatKegiatan/index.vue?vue&type=template&id=45bb3690&":
+/*!***********************************************************************************************!*\
+  !*** ./resources/assets/js/views/sertifikatKegiatan/index.vue?vue&type=template&id=45bb3690& ***!
+  \***********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_34835eb0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=34835eb0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/index.vue?vue&type=template&id=34835eb0&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_34835eb0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_45bb3690___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=45bb3690& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sertifikatKegiatan/index.vue?vue&type=template&id=45bb3690&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_45bb3690___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_34835eb0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_45bb3690___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKode/table.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/suratKode/table.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/sertifikatKegiatan/table.vue":
+/*!****************************************************************!*\
+  !*** ./resources/assets/js/views/sertifikatKegiatan/table.vue ***!
+  \****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_c14cf4b8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=c14cf4b8& */ "./resources/assets/js/views/suratKode/table.vue?vue&type=template&id=c14cf4b8&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratKode/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_d284cc98___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=d284cc98& */ "./resources/assets/js/views/sertifikatKegiatan/table.vue?vue&type=template&id=d284cc98&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/sertifikatKegiatan/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -830,8 +916,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_c14cf4b8___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_c14cf4b8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_d284cc98___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_d284cc98___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -841,38 +927,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/suratKode/table.vue"
+component.options.__file = "resources/assets/js/views/sertifikatKegiatan/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKode/table.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/suratKode/table.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/sertifikatKegiatan/table.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/sertifikatKegiatan/table.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sertifikatKegiatan/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKode/table.vue?vue&type=template&id=c14cf4b8&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/suratKode/table.vue?vue&type=template&id=c14cf4b8& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/sertifikatKegiatan/table.vue?vue&type=template&id=d284cc98&":
+/*!***********************************************************************************************!*\
+  !*** ./resources/assets/js/views/sertifikatKegiatan/table.vue?vue&type=template&id=d284cc98& ***!
+  \***********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_c14cf4b8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=c14cf4b8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/table.vue?vue&type=template&id=c14cf4b8&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_c14cf4b8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d284cc98___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=d284cc98& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sertifikatKegiatan/table.vue?vue&type=template&id=d284cc98&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d284cc98___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_c14cf4b8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d284cc98___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/113.js b/public/js/components/113.js
index d049c6ed5..bdf831d05 100644
--- a/public/js/components/113.js
+++ b/public/js/components/113.js
@@ -1,39 +1,24 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[113],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/cariData.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/cariData.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/index.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKategori/index.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/suratKategori/table.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -64,77 +49,65 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 
+
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default.a
-  },
-  props: {
-    itemDataStat: '',
-    isBack: true
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
   data: function data() {
     return {
-      nik: '',
-      isNew: false,
-      isDigit: false,
-      cleaveOption: {
-        number16: {
-          numeral: true,
-          numeralIntegerScale: 16,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        }
-      }
+      title: 'Kategori Surat Keluar',
+      kelas: 'suratKategori',
+      titleDesc: 'Mengelola data kategori surat keluar',
+      titleIcon: 'icon-grid6',
+      selectCuPath: 'suratKategoriCu'
     };
   },
-  mounted: function mounted() {// document.addEventListener("keydown", (e) => {
-    //   if (e.keyCode == 13) {
-    //     if(this.nik != '')
-    //       this.cariData();
-    //   }
-    // });
+  created: function created() {
+    this.checkUser('index_surat', this.$route.params.cu);
   },
   methods: {
-    cariData: function cariData() {
-      if (this.nik.length < 16) {
-        this.isDigit = true;
-      } else {
-        this.isNew = true;
-        this.isDigit = false;
-        this.$emit('cariData', this.nik);
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
       }
-    },
-    resetData: function resetData() {
-      this.nik = '';
-      this.isNew = false;
-      this.$emit('resetData');
-    },
-    back: function back() {
-      this.$emit('back');
     }
-  }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKategori', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
+  }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/form.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/form.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/table.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKategori/table.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _api_aktivis_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../api/aktivis.js */ "./resources/assets/js/api/aktivis.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _create_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./create.vue */ "./resources/assets/js/views/aktivis/create.vue");
-/* harmony import */ var _components_cariData_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/cariData.vue */ "./resources/assets/js/components/cariData.vue");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -191,85 +164,236 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    formCreate: _create_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    cariData: _components_cariData_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
+  props: ['title', 'kelas'],
   data: function data() {
     return {
-      title: '',
-      titleDesc: '',
-      titleIcon: '',
-      kelas: 'aktivis',
-      level2Title: 'Aktivis CU',
-      nik: '',
-      cleaveOption: {
-        number16: {
-          numeral: true,
-          numeralIntegerScale: 16,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        }
-      }
+      selectedItem: [],
+      query: {
+        order_column: "name",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      excelDownloadUrl: '',
+      columnData: [{
+        title: 'No.',
+        name: 'No.',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false
+      }, {
+        title: 'Kode',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Tipe',
+        name: 'kode.name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Keterangan',
+        name: 'deskripsi',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Surat',
+        name: 'has_surat_count',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false
+      }, {
+        title: 'Tgl. Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      state: '',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalButton: ''
     };
   },
   created: function created() {
-    this.resetData();
-
-    if (this.$route.meta.mode === 'edit') {
-      this.title = 'Ubah Identitas ' + this.level2Title;
-      this.titleDesc = 'Mengubah Identitas ' + this.level2Title;
-      this.titleIcon = 'icon-pencil5';
-    } else {
-      this.title = 'Tambah ' + this.level2Title;
-      this.titleDesc = 'Menambah ' + this.level2Title;
-      this.titleIcon = 'icon-plus3';
+    this.fetch(this.query);
+  },
+  watch: {
+    // check route changes
+    '$route': function $route(to, from) {
+      this.fetch(this.query);
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.fetch(this.query);
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
     }
   },
   methods: {
-    cariData: function cariData(nik) {
-      this.nik = nik;
-      this.$store.dispatch(this.kelas + '/cariData', nik);
+    fetch: function fetch(params) {
+      if (this.$route.params.cu == 'semua') {
+        this.$store.dispatch(this.kelas + '/index', params);
+        this.excelDownloadUrl = this.kelas;
+      } else {
+        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
+        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
+      }
     },
-    resetData: function resetData() {
-      this.$store.commit(this.kelas + '/setData', {});
-      this.$store.commit(this.kelas + '/setDataStat', '');
+    resetParams: function resetParams() {
+      this.params.search_column = 'name';
+      this.params.search_query_1 = '';
+      this.extSearchColumn = 'name';
+      this.extSearchQuery1 = '';
     },
-    back: function back() {
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    ubahData: function ubahData(id, id_cu) {
       this.$router.push({
-        name: this.kelas + 'Cu',
+        name: this.kelas + 'Edit',
         params: {
-          cu: this.currentUser.id_cu,
-          tingkat: 'semua'
+          id: id
         }
       });
+    },
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.modalState = 'confirm-tutup';
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
+
+      if (state == 'hapus') {
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
-    itemData: 'data',
-    itemDataStat: 'dataStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
+    idCu: 'idCu'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'dataS',
+    modelCuStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKategori', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/cariData.vue?vue&type=template&id=4b5729f6&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/cariData.vue?vue&type=template&id=4b5729f6& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
+
+//# sourceMappingURL=FileSaver.min.js.map
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/index.vue?vue&type=template&id=27253b2e&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKategori/index.vue?vue&type=template&id=27253b2e& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -281,213 +405,55 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "card card-body" }, [
-    _c("div", { staticClass: "row" }, [
-      _vm._m(0),
-      _vm._v(" "),
-      _c(
-        "div",
-        { staticClass: "col-12 pb-2" },
-        [
-          _c("cleave", {
-            staticClass: "form-control",
-            attrs: {
-              name: "nik",
-              options: _vm.cleaveOption.number16,
-              placeholder:
-                "Silahkan masukkan no. KTP / Nomor Induk Kependudukan (NIK)",
-              disabled: _vm.isNew,
-            },
-            model: {
-              value: _vm.nik,
-              callback: function ($$v) {
-                _vm.nik = $$v
-              },
-              expression: "nik",
-            },
-          }),
-          _vm._v(" "),
-          _vm.isDigit
-            ? _c("small", { staticClass: "text-muted text-danger" }, [
-                _vm._v(
-                  "\n        Maaf, No. KTP anda tidak valid, wajib 16 digit.\n      "
-                ),
-              ])
-            : _vm._e(),
-        ],
-        1
-      ),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-7 col-lg-9 pb-2 d-none d-sm-block" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-primary",
-            attrs: { disabled: _vm.nik == "" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.cariData.apply(null, arguments)
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-search4" }), _vm._v(" Cari")]
-        ),
-        _vm._v(" "),
-        _vm.itemDataStat != ""
-          ? _c(
-              "button",
-              {
-                staticClass: "btn btn-warning",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.resetData.apply(null, arguments)
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-reset" }),
-                _vm._v(" Reset pencarian"),
-              ]
-            )
-          : _vm._e(),
-      ]),
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+        },
+      }),
       _vm._v(" "),
-      _c(
-        "div",
-        { staticClass: "col-md-5 col-lg-3 text-right d-none d-sm-block" },
-        [
-          _vm.isBack
-            ? _c(
-                "button",
-                {
-                  staticClass: "btn btn-light",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.back.apply(null, arguments)
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
                     },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-arrow-left13" }),
-                  _vm._v(" Batal"),
-                ]
-              )
-            : _vm._e(),
-        ]
-      ),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-12 pb-2 d-block d-md-none" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-primary btn-block",
-            attrs: { disabled: _vm.nik == "" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.cariData.apply(null, arguments)
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-search4" }), _vm._v(" Cari")]
-        ),
-        _vm._v(" "),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-warning btn-block mb-1",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.resetData.apply(null, arguments)
-              },
-            },
-          },
-          [
-            _vm.itemDataStat != ""
-              ? _c("i", { staticClass: "icon-reset" })
-              : _vm._e(),
-            _vm._v(" Reset pencarian"),
-          ]
-        ),
-        _vm._v(" "),
-        _vm.isBack
-          ? _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.back.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-arrow-left13" }), _vm._v(" Batal")]
-            )
-          : _vm._e(),
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("table-data", {
+                attrs: { title: _vm.title, kelas: _vm.kelas },
+              }),
+            ],
+            1
+          ),
+        ]),
       ]),
-      _vm._v(" "),
-      _vm.itemDataStat == "loading"
-        ? _c("div", { staticClass: "col-12" }, [
-            _c("hr"),
-            _vm._v(" "),
-            _vm._m(1),
-          ])
-        : _vm._e(),
-    ]),
-  ])
+    ],
+    1
+  )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-12" }, [
-      _c("h6", [
-        _vm._v(
-          "\n        Silahkan masukkan No. KTP / Nomor Induk Kependudukan (NIK)*\n        "
-        ),
-        _c("br"),
-        _vm._v(" "),
-        _c(
-          "span",
-          { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
-          [_vm._v("*pastikan nomor yang dimasukan adalah nomor yang valid!")]
-        ),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/form.vue?vue&type=template&id=eba83eb6&":
-/*!*****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/form.vue?vue&type=template&id=eba83eb6& ***!
-  \*****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/table.vue?vue&type=template&id=b3eed136&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKategori/table.vue?vue&type=template&id=b3eed136& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -502,132 +468,294 @@ var render = function () {
   return _c(
     "div",
     [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
+      _c(
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
           },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.$route.meta.mode == "create"
-                ? _c(
-                    "div",
-                    [
-                      _c("cari-data", {
-                        attrs: { itemDataStat: _vm.itemDataStat, isBack: true },
-                        on: {
-                          cariData: _vm.cariData,
-                          resetData: _vm.resetData,
-                          back: _vm.back,
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
                         },
-                      }),
+                      },
+                    },
+                    [
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
                       _vm._v(" "),
-                      _vm.itemDataStat == "fail"
+                      !_vm.columnData[1].hide
                         ? _c(
-                            "div",
-                            {
-                              staticClass:
-                                "alert bg-success text-white alert-styled-left ",
-                            },
+                            "td",
                             [
-                              _c(
-                                "span",
-                                { staticClass: "font-weight-semibold" },
-                                [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\tNo. KTP tidak terdaftar di SIMO, maka silahkan menambahkan data aktivis baru.\n\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                            ]
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      _vm.itemDataStat == "fail"
-                        ? _c("form-create", {
-                            attrs: { nik: _vm.nik, mode: "create_new" },
-                          })
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.kode
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.kode.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
                         : _vm._e(),
                       _vm._v(" "),
-                      _vm.itemDataStat == "success"
-                        ? _c("div", [_vm._m(0)])
+                      !_vm.columnData[3].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.deskripsi },
+                              }),
+                            ],
+                            1
+                          )
                         : _vm._e(),
                       _vm._v(" "),
-                      _vm.itemDataStat == "success"
-                        ? _c("form-create", { attrs: { mode: "create_old" } })
+                      !_vm.columnData[4].hide
+                        ? _c("td", [_vm._v(_vm._s(props.item.has_surat_count))])
                         : _vm._e(),
-                    ],
-                    1
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
+              },
+            },
+          ]),
+        },
+        [
+          _c(
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_surat"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.$route.meta.mode == "edit"
-                ? _c("form-create", { attrs: { mode: "edit" } })
+              _vm.currentUser.can && _vm.currentUser.can["update_surat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.$route.meta.mode == "createEdit"
-                ? _c("form-create", { attrs: { mode: "createEdit" } })
+              _vm.currentUser.can && _vm.currentUser.can["destroy_surat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
                 : _vm._e(),
             ],
             1
           ),
-        ]),
-      ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_surat"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_surat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_surat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+        },
+        on: {
+          tutup: _vm.modalTutup,
+          confirmOk: _vm.modalConfirmOk,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalTutup,
+        },
+      }),
     ],
     1
   )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      { staticClass: "alert bg-danger text-white alert-styled-left" },
-      [
-        _c("span", { staticClass: "font-weight-semibold" }, [
-          _vm._v(
-            "No. KTP sudah terdaftar di SIMO, maka silahkan melakukan pengubahan. Apabila anda ingin menambahkan pekerjaannya di CU anda maka silahkan ke bagian riwayat pekerjaan untuk menambahkan pekerjaannya.\n\t\t\t\t\t\t\t"
-          ),
-        ]),
-      ]
-    )
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/cariData.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/cariData.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/suratKategori/index.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/suratKategori/index.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _cariData_vue_vue_type_template_id_4b5729f6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cariData.vue?vue&type=template&id=4b5729f6& */ "./resources/assets/js/components/cariData.vue?vue&type=template&id=4b5729f6&");
-/* harmony import */ var _cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cariData.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/cariData.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _index_vue_vue_type_template_id_27253b2e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=27253b2e& */ "./resources/assets/js/views/suratKategori/index.vue?vue&type=template&id=27253b2e&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratKategori/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -636,9 +764,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _cariData_vue_vue_type_template_id_4b5729f6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _cariData_vue_vue_type_template_id_4b5729f6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_27253b2e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_27253b2e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -648,54 +776,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/cariData.vue"
+component.options.__file = "resources/assets/js/views/suratKategori/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/cariData.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/cariData.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/suratKategori/index.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/suratKategori/index.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./cariData.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/cariData.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/cariData.vue?vue&type=template&id=4b5729f6&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/cariData.vue?vue&type=template&id=4b5729f6& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/suratKategori/index.vue?vue&type=template&id=27253b2e&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/suratKategori/index.vue?vue&type=template&id=27253b2e& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_template_id_4b5729f6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./cariData.vue?vue&type=template&id=4b5729f6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/cariData.vue?vue&type=template&id=4b5729f6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_template_id_4b5729f6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_27253b2e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=27253b2e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/index.vue?vue&type=template&id=27253b2e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_27253b2e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_template_id_4b5729f6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_27253b2e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/form.vue":
-/*!****************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/form.vue ***!
-  \****************************************************/
+/***/ "./resources/assets/js/views/suratKategori/table.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/suratKategori/table.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_eba83eb6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=eba83eb6& */ "./resources/assets/js/views/aktivis/form.vue?vue&type=template&id=eba83eb6&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/aktivis/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_b3eed136___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=b3eed136& */ "./resources/assets/js/views/suratKategori/table.vue?vue&type=template&id=b3eed136&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratKategori/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -705,9 +833,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_eba83eb6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_eba83eb6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_b3eed136___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_b3eed136___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -717,38 +845,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/aktivis/form.vue"
+component.options.__file = "resources/assets/js/views/suratKategori/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/form.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/form.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************/
+/***/ "./resources/assets/js/views/suratKategori/table.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/suratKategori/table.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/form.vue?vue&type=template&id=eba83eb6&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/form.vue?vue&type=template&id=eba83eb6& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/suratKategori/table.vue?vue&type=template&id=b3eed136&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/suratKategori/table.vue?vue&type=template&id=b3eed136& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_eba83eb6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=eba83eb6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/form.vue?vue&type=template&id=eba83eb6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_eba83eb6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_b3eed136___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=b3eed136& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/table.vue?vue&type=template&id=b3eed136&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_b3eed136___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_eba83eb6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_b3eed136___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/114.js b/public/js/components/114.js
index c0948974d..e8073f6ed 100644
--- a/public/js/components/114.js
+++ b/public/js/components/114.js
@@ -1,16 +1,28 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[114],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/index.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKode/index.vue?vue&type=script&lang=js& ***!
   \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/suratKode/table.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
 //
 //
 //
@@ -38,60 +50,54 @@ __webpack_require__.r(__webpack_exports__);
 //
 
 
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
-    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  props: {
-    value: {
-      "default": ''
-    },
-    frontText: {
-      "default": ''
-    },
-    trimLength: {
-      "default": 50
-    },
-    valueType: {
-      "default": 'trim'
-    },
-    empty: {
-      "default": '-'
-    }
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
   data: function data() {
     return {
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
+      title: 'Tipe Surat Keluar',
+      kelas: 'suratKode',
+      titleDesc: 'Mengelola data tipe surat keluar',
+      titleIcon: 'icon-grid6',
+      selectCuPath: 'suratKodeCu'
     };
   },
+  created: function created() {
+    this.checkUser('index_surat', this.$route.params.cu);
+  },
   methods: {
-    modalOpen: function modalOpen() {
-      this.modalShow = true;
-      this.modalState = 'content-tutup';
-      this.modalContent = this.value;
-      this.modalButton = 'Tutup';
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-    },
-    strip: function strip(html) {
-      var tmp = document.createElement("DIV");
-      tmp.innerHTML = html;
-      return tmp.textContent || tmp.innerText || "";
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
     }
-  }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKode', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
+  }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/input.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/table.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/input.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKode/table.vue?vue&type=script&lang=js& ***!
   \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -99,7 +105,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
 /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
 /* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -174,49 +180,217 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
     appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
     checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
+  props: ['title', 'kelas'],
   data: function data() {
     return {
-      title: 'Pemilihan',
-      titleDesc: 'Silahkan memasukan kode pemilihan',
-      kelas: 'pemilihan',
-      titleIcon: 'icon-quill4',
-      form: {
-        kode: ''
+      selectedItem: [],
+      query: {
+        order_column: "name",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
       },
-      selectedItem: {},
+      excelDownloadUrl: '',
+      columnData: [{
+        title: 'No.',
+        name: 'No.',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false
+      }, {
+        title: 'Name',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Kode',
+        name: 'kode',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Periode',
+        name: 'periode',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Surat',
+        name: 'has_surat_count',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false
+      }, {
+        title: 'Tgl. Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      state: '',
       modalShow: false,
       modalState: '',
       modalTitle: '',
-      modalColor: '',
-      modalContent: '',
       modalButton: ''
     };
   },
-  created: function created() {},
-  watch: {},
+  created: function created() {
+    this.fetch(this.query);
+  },
+  watch: {
+    // check route changes
+    '$route': function $route(to, from) {
+      this.fetch(this.query);
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.fetch(this.query);
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
+    }
+  },
   methods: {
-    save: function save() {
-      window.location.href = window.location.origin + '/admins/pemilihan/pilih/' + this.form.kode;
+    fetch: function fetch(params) {
+      if (this.$route.params.cu == 'semua') {
+        this.$store.dispatch(this.kelas + '/index', params);
+        this.excelDownloadUrl = this.kelas;
+      } else {
+        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
+        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
+      }
+    },
+    resetParams: function resetParams() {
+      this.params.search_column = 'name';
+      this.params.search_query_1 = '';
+      this.extSearchColumn = 'name';
+      this.extSearchQuery1 = '';
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    ubahData: function ubahData(id, id_cu) {
+      this.$router.push({
+        name: this.kelas + 'Edit',
+        params: {
+          id: id
+        }
+      });
+    },
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.modalState = 'confirm-tutup';
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
+
+      if (state == 'hapus') {
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      }
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('voting', {}))
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
+    idCu: 'idCu'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'dataS',
+    modelCuStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKode', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
+
+//# sourceMappingURL=FileSaver.min.js.map
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/index.vue?vue&type=template&id=34835eb0&":
 /*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKode/index.vue?vue&type=template&id=34835eb0& ***!
   \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -231,90 +405,38 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c(
     "div",
-    { staticStyle: { display: "inline-block" } },
     [
-      _vm.value
-        ? _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm.valueType == "trim"
-              ? _c(
-                  "span",
-                  { staticStyle: { display: "inline-block" } },
-                  [
-                    _c("truncate", {
-                      staticStyle: { display: "inline-block" },
-                      attrs: {
-                        "action-class": "badge bg-blue",
-                        clamp: "selengkapnya >",
-                        length: _vm.trimLength,
-                        less: "< kembali",
-                        text: _vm.frontText + " " + _vm.value,
-                      },
-                    }),
-                  ],
-                  1
-                )
-              : _vm.valueType == "modal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light",
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen()
-                        },
-                      },
-                    },
-                    [_vm._v("\n          Lihat\n      ")]
-                  ),
-                ])
-              : _vm.valueType == "currency"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(
-                        _vm._f("currency")(_vm.value, "", 0, {
-                          thousandsSeparator: ".",
-                        })
-                      )
-                  ),
-                ])
-              : _vm.valueType == "percentage"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("percentage")(_vm.value, 2))
-                  ),
-                ])
-              : _vm.valueType == "decimal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("round")(_vm.value, 2))
-                  ),
-                ])
-              : _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
-                ]),
-          ])
-        : _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
-          ]),
-      _vm._v(" "),
-      _c("app-modal", {
+      _c("page-header", {
         attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
         },
-        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
       }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("table-data", {
+                attrs: { title: _vm.title, kelas: _vm.kelas },
+              }),
+            ],
+            1
+          ),
+        ]),
+      ]),
     ],
     1
   )
@@ -326,9 +448,9 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/input.vue?vue&type=template&id=e97de1c2&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/table.vue?vue&type=template&id=c14cf4b8&":
 /*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/input.vue?vue&type=template&id=e97de1c2& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKode/table.vue?vue&type=template&id=c14cf4b8& ***!
   \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -341,161 +463,295 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _vm._m(0),
-    _vm._v(" "),
-    _c("div", [
-      _c("div", { staticClass: "page-header" }, [
-        _c(
-          "div",
-          { staticClass: "page-header-content header-elements-md-inline" },
-          [
-            _c("div", { staticClass: "page-title d-flex" }, [
-              _c("h4", [
-                _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-                _vm._v(" "),
-                _c("span", { staticClass: "font-weight-semibold" }, [
-                  _vm._v(_vm._s(_vm.title)),
-                ]),
-                _vm._v(" "),
-                _c("small", { staticClass: "d-block text-muted" }, [
-                  _vm._v(_vm._s(_vm.titleDesc)),
-                ]),
-              ]),
-            ]),
-          ]
-        ),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "page-content pt-0" }, [
-      _c("div", { staticClass: "content-wrapper" }, [
-        _c("div", { staticClass: "content" }, [
-          _c(
-            "form",
+  return _c(
+    "div",
+    [
+      _c(
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
+          },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
             {
-              attrs: {
-                enctype: "multipart/form-data",
-                "data-vv-scope": "form",
-              },
-              on: {
-                submit: function ($event) {
-                  $event.preventDefault()
-                  return _vm.save.apply(null, arguments)
-                },
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
+                      },
+                    },
+                    [
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.kode },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.periode },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c("td", [_vm._v(_vm._s(props.item.has_surat_count))])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
               },
             },
+          ]),
+        },
+        [
+          _c(
+            "template",
+            { slot: "button-desktop" },
             [
-              _c("div", { staticClass: "card card-body" }, [
-                _c("div", { staticClass: "row" }, [
-                  _c("div", { staticClass: "col-md-12" }, [
-                    _c("div", { staticClass: "form-group" }, [
-                      _c("h5", [_vm._v("Silahkan masukan kode voting")]),
-                      _vm._v(" "),
-                      _c("input", {
-                        directives: [
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required",
-                            expression: "'required'",
-                          },
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.kode,
-                            expression: "form.kode",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          type: "text",
-                          name: "kode",
-                          placeholder: "Silahkan masukkan kode voting",
-                          "data-vv-as": "kode",
+              _vm.currentUser.can && _vm.currentUser.can["create_surat"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_surat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_surat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
                         },
-                        domProps: { value: _vm.form.kode },
-                        on: {
-                          input: function ($event) {
-                            if ($event.target.composing) {
-                              return
-                            }
-                            _vm.$set(_vm.form, "kode", $event.target.value)
-                          },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_surat"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_surat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
                         },
-                      }),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "col-md-12" }, [
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-primary btn-block pb-2",
-                        attrs: {
-                          type: "submit",
-                          disabled: _vm.errors.any("form"),
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_surat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
                         },
                       },
-                      [
-                        _c("i", { class: _vm.titleIcon }),
-                        _vm._v(" Ok\n\t\t\t\t\t\t\t\t"),
-                      ]
-                    ),
-                  ]),
-                ]),
-              ]),
-            ]
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
           ),
-        ]),
-      ]),
-    ]),
-  ])
+        ],
+        2
+      ),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+        },
+        on: {
+          tutup: _vm.modalTutup,
+          confirmOk: _vm.modalConfirmOk,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalTutup,
+        },
+      }),
+    ],
+    1
+  )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      { staticClass: "navbar navbar-expand-lg navbar-dark bg-indigo" },
-      [
-        _c("div", { staticClass: "navbar-brand wmin-0 mr-0" }, [
-          _c("a", { staticClass: "d-inline-block", attrs: { href: "#" } }, [
-            _c("img", { attrs: { src: "/images/simo.png" } }),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("div", [
-          _c("span", { staticClass: "navbar-text ml-lg-3 mr-lg-auto" }, [
-            _c("span", { staticClass: "badge bg-success-400" }, [
-              _vm._v("PUSKOPCUINA \n\t\t\t\t"),
-            ]),
-          ]),
-        ]),
-      ]
-    )
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue":
+/***/ "./resources/assets/js/views/suratKode/index.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue ***!
+  !*** ./resources/assets/js/views/suratKode/index.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _index_vue_vue_type_template_id_34835eb0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=34835eb0& */ "./resources/assets/js/views/suratKode/index.vue?vue&type=template&id=34835eb0&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratKode/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -504,9 +760,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_34835eb0___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_34835eb0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -516,54 +772,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/checkValue.vue"
+component.options.__file = "resources/assets/js/views/suratKode/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/suratKode/index.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/suratKode/index.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/***/ "./resources/assets/js/views/suratKode/index.vue?vue&type=template&id=34835eb0&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  !*** ./resources/assets/js/views/suratKode/index.vue?vue&type=template&id=34835eb0& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_34835eb0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=34835eb0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/index.vue?vue&type=template&id=34835eb0&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_34835eb0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_34835eb0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/input.vue":
+/***/ "./resources/assets/js/views/suratKode/table.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/input.vue ***!
+  !*** ./resources/assets/js/views/suratKode/table.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _input_vue_vue_type_template_id_e97de1c2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./input.vue?vue&type=template&id=e97de1c2& */ "./resources/assets/js/views/pemilihan/input.vue?vue&type=template&id=e97de1c2&");
-/* harmony import */ var _input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./input.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/input.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_c14cf4b8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=c14cf4b8& */ "./resources/assets/js/views/suratKode/table.vue?vue&type=template&id=c14cf4b8&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratKode/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -573,9 +829,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _input_vue_vue_type_template_id_e97de1c2___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _input_vue_vue_type_template_id_e97de1c2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_c14cf4b8___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_c14cf4b8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -585,38 +841,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pemilihan/input.vue"
+component.options.__file = "resources/assets/js/views/suratKode/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/input.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/suratKode/table.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/input.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/suratKode/table.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./input.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/input.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/input.vue?vue&type=template&id=e97de1c2&":
+/***/ "./resources/assets/js/views/suratKode/table.vue?vue&type=template&id=c14cf4b8&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/input.vue?vue&type=template&id=e97de1c2& ***!
+  !*** ./resources/assets/js/views/suratKode/table.vue?vue&type=template&id=c14cf4b8& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_template_id_e97de1c2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./input.vue?vue&type=template&id=e97de1c2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/input.vue?vue&type=template&id=e97de1c2&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_template_id_e97de1c2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_c14cf4b8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=c14cf4b8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/table.vue?vue&type=template&id=c14cf4b8&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_c14cf4b8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_template_id_e97de1c2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_c14cf4b8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/115.js b/public/js/components/115.js
index 94650db54..67ddd4ab1 100644
--- a/public/js/components/115.js
+++ b/public/js/components/115.js
@@ -1,16 +1,43 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[115],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/cariData.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/cariData.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -36,62 +63,64 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
-    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default.a
   },
   props: {
-    value: {
-      "default": ''
-    },
-    frontText: {
-      "default": ''
-    },
-    trimLength: {
-      "default": 50
-    },
-    valueType: {
-      "default": 'trim'
-    },
-    empty: {
-      "default": '-'
-    }
+    itemDataStat: '',
+    isBack: true
   },
   data: function data() {
     return {
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
+      nik: '',
+      isNew: false,
+      isDigit: false,
+      cleaveOption: {
+        number16: {
+          numeral: true,
+          numeralIntegerScale: 16,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        }
+      }
     };
   },
+  mounted: function mounted() {// document.addEventListener("keydown", (e) => {
+    //   if (e.keyCode == 13) {
+    //     if(this.nik != '')
+    //       this.cariData();
+    //   }
+    // });
+  },
   methods: {
-    modalOpen: function modalOpen() {
-      this.modalShow = true;
-      this.modalState = 'content-tutup';
-      this.modalContent = this.value;
-      this.modalButton = 'Tutup';
+    cariData: function cariData() {
+      if (this.nik.length < 16) {
+        this.isDigit = true;
+      } else {
+        this.isNew = true;
+        this.isDigit = false;
+        this.$emit('cariData', this.nik);
+      }
     },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
+    resetData: function resetData() {
+      this.nik = '';
+      this.isNew = false;
+      this.$emit('resetData');
     },
-    strip: function strip(html) {
-      var tmp = document.createElement("DIV");
-      tmp.innerHTML = html;
-      return tmp.textContent || tmp.innerText || "";
+    back: function back() {
+      this.$emit('back');
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/input.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/form.vue?vue&type=script&lang=js&":
 /*!*************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/input.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/form.vue?vue&type=script&lang=js& ***!
   \*************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -99,9 +128,13 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _api_aktivis_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../api/aktivis.js */ "./resources/assets/js/api/aktivis.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _create_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./create.vue */ "./resources/assets/js/views/aktivis/create.vue");
+/* harmony import */ var _components_cariData_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/cariData.vue */ "./resources/assets/js/components/cariData.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -158,66 +191,85 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
+
+
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    formCreate: _create_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    cariData: _components_cariData_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a
   },
   data: function data() {
     return {
-      title: 'Voting',
-      titleDesc: 'Silahkan memasukan kode voting',
-      kelas: 'voting',
-      titleIcon: 'icon-point-up',
-      form: {
-        kode: ''
-      },
-      selectedItem: {},
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      modalButton: ''
+      title: '',
+      titleDesc: '',
+      titleIcon: '',
+      kelas: 'aktivis',
+      level2Title: 'Aktivis CU',
+      nik: '',
+      cleaveOption: {
+        number16: {
+          numeral: true,
+          numeralIntegerScale: 16,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        }
+      }
     };
   },
-  created: function created() {},
-  watch: {},
+  created: function created() {
+    this.resetData();
+
+    if (this.$route.meta.mode === 'edit') {
+      this.title = 'Ubah Identitas ' + this.level2Title;
+      this.titleDesc = 'Mengubah Identitas ' + this.level2Title;
+      this.titleIcon = 'icon-pencil5';
+    } else {
+      this.title = 'Tambah ' + this.level2Title;
+      this.titleDesc = 'Menambah ' + this.level2Title;
+      this.titleIcon = 'icon-plus3';
+    }
+  },
   methods: {
-    save: function save() {
-      window.location.href = window.location.origin + '/admins/voting/pilih/' + this.form.kode;
+    cariData: function cariData(nik) {
+      this.nik = nik;
+      this.$store.dispatch(this.kelas + '/cariData', nik);
+    },
+    resetData: function resetData() {
+      this.$store.commit(this.kelas + '/setData', {});
+      this.$store.commit(this.kelas + '/setDataStat', '');
+    },
+    back: function back() {
+      this.$router.push({
+        name: this.kelas + 'Cu',
+        params: {
+          cu: this.currentUser.id_cu,
+          tingkat: 'semua'
+        }
+      });
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('voting', {}))
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
+    itemData: 'data',
+    itemDataStat: 'dataStat'
+  }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/cariData.vue?vue&type=template&id=4b5729f6&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/cariData.vue?vue&type=template&id=4b5729f6& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -229,106 +281,212 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    { staticStyle: { display: "inline-block" } },
-    [
-      _vm.value
-        ? _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm.valueType == "trim"
-              ? _c(
-                  "span",
-                  { staticStyle: { display: "inline-block" } },
-                  [
-                    _c("truncate", {
-                      staticStyle: { display: "inline-block" },
-                      attrs: {
-                        "action-class": "badge bg-blue",
-                        clamp: "selengkapnya >",
-                        length: _vm.trimLength,
-                        less: "< kembali",
-                        text: _vm.frontText + " " + _vm.value,
-                      },
-                    }),
-                  ],
-                  1
-                )
-              : _vm.valueType == "modal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light",
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen()
-                        },
-                      },
+  return _c("div", { staticClass: "card card-body" }, [
+    _c("div", { staticClass: "row" }, [
+      _vm._m(0),
+      _vm._v(" "),
+      _c(
+        "div",
+        { staticClass: "col-12 pb-2" },
+        [
+          _c("cleave", {
+            staticClass: "form-control",
+            attrs: {
+              name: "nik",
+              options: _vm.cleaveOption.number16,
+              placeholder:
+                "Silahkan masukkan no. KTP / Nomor Induk Kependudukan (NIK)",
+              disabled: _vm.isNew,
+            },
+            model: {
+              value: _vm.nik,
+              callback: function ($$v) {
+                _vm.nik = $$v
+              },
+              expression: "nik",
+            },
+          }),
+          _vm._v(" "),
+          _vm.isDigit
+            ? _c("small", { staticClass: "text-muted text-danger" }, [
+                _vm._v(
+                  "\n        Maaf, No. KTP anda tidak valid, wajib 16 digit.\n      "
+                ),
+              ])
+            : _vm._e(),
+        ],
+        1
+      ),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-7 col-lg-9 pb-2 d-none d-sm-block" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-primary",
+            attrs: { disabled: _vm.nik == "" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.cariData.apply(null, arguments)
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-search4" }), _vm._v(" Cari")]
+        ),
+        _vm._v(" "),
+        _vm.itemDataStat != ""
+          ? _c(
+              "button",
+              {
+                staticClass: "btn btn-warning",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.resetData.apply(null, arguments)
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-reset" }),
+                _vm._v(" Reset pencarian"),
+              ]
+            )
+          : _vm._e(),
+      ]),
+      _vm._v(" "),
+      _c(
+        "div",
+        { staticClass: "col-md-5 col-lg-3 text-right d-none d-sm-block" },
+        [
+          _vm.isBack
+            ? _c(
+                "button",
+                {
+                  staticClass: "btn btn-light",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.back.apply(null, arguments)
                     },
-                    [_vm._v("\n          Lihat\n      ")]
-                  ),
-                ])
-              : _vm.valueType == "currency"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(
-                        _vm._f("currency")(_vm.value, "", 0, {
-                          thousandsSeparator: ".",
-                        })
-                      )
-                  ),
-                ])
-              : _vm.valueType == "percentage"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("percentage")(_vm.value, 2))
-                  ),
-                ])
-              : _vm.valueType == "decimal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("round")(_vm.value, 2))
-                  ),
-                ])
-              : _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
-                ]),
-          ])
-        : _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
-          ]),
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-arrow-left13" }),
+                  _vm._v(" Batal"),
+                ]
+              )
+            : _vm._e(),
+        ]
+      ),
       _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
-        },
-        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
-      }),
-    ],
-    1
-  )
+      _c("div", { staticClass: "col-12 pb-2 d-block d-md-none" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-primary btn-block",
+            attrs: { disabled: _vm.nik == "" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.cariData.apply(null, arguments)
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-search4" }), _vm._v(" Cari")]
+        ),
+        _vm._v(" "),
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-warning btn-block mb-1",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.resetData.apply(null, arguments)
+              },
+            },
+          },
+          [
+            _vm.itemDataStat != ""
+              ? _c("i", { staticClass: "icon-reset" })
+              : _vm._e(),
+            _vm._v(" Reset pencarian"),
+          ]
+        ),
+        _vm._v(" "),
+        _vm.isBack
+          ? _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.back.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-arrow-left13" }), _vm._v(" Batal")]
+            )
+          : _vm._e(),
+      ]),
+      _vm._v(" "),
+      _vm.itemDataStat == "loading"
+        ? _c("div", { staticClass: "col-12" }, [
+            _c("hr"),
+            _vm._v(" "),
+            _vm._m(1),
+          ])
+        : _vm._e(),
+    ]),
+  ])
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "col-12" }, [
+      _c("h6", [
+        _vm._v(
+          "\n        Silahkan masukkan No. KTP / Nomor Induk Kependudukan (NIK)*\n        "
+        ),
+        _c("br"),
+        _vm._v(" "),
+        _c(
+          "span",
+          { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
+          [_vm._v("*pastikan nomor yang dimasukan adalah nomor yang valid!")]
+        ),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/input.vue?vue&type=template&id=38aa1715&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/form.vue?vue&type=template&id=eba83eb6&":
 /*!*****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/input.vue?vue&type=template&id=38aa1715& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/form.vue?vue&type=template&id=eba83eb6& ***!
   \*****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -341,116 +499,98 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _vm._m(0),
-    _vm._v(" "),
-    _c("div", [
-      _c("div", { staticClass: "page-header" }, [
-        _c(
-          "div",
-          { staticClass: "page-header-content header-elements-md-inline" },
-          [
-            _c("div", { staticClass: "page-title d-flex" }, [
-              _c("h4", [
-                _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-                _vm._v(" "),
-                _c("span", { staticClass: "font-weight-semibold" }, [
-                  _vm._v(_vm._s(_vm.title)),
-                ]),
-                _vm._v(" "),
-                _c("small", { staticClass: "d-block text-muted" }, [
-                  _vm._v(_vm._s(_vm.titleDesc)),
-                ]),
-              ]),
-            ]),
-          ]
-        ),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "page-content pt-0" }, [
-      _c("div", { staticClass: "content-wrapper" }, [
-        _c("div", { staticClass: "content" }, [
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
           _c(
-            "form",
-            {
-              attrs: {
-                enctype: "multipart/form-data",
-                "data-vv-scope": "form",
-              },
-              on: {
-                submit: function ($event) {
-                  $event.preventDefault()
-                  return _vm.save.apply(null, arguments)
-                },
-              },
-            },
+            "div",
+            { staticClass: "content" },
             [
-              _c("div", { staticClass: "card card-body" }, [
-                _c("div", { staticClass: "row" }, [
-                  _c("div", { staticClass: "col-md-12" }, [
-                    _c("div", { staticClass: "form-group" }, [
-                      _c("h5", [_vm._v("Silahkan masukan kode voting")]),
-                      _vm._v(" "),
-                      _c("input", {
-                        directives: [
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required",
-                            expression: "'required'",
-                          },
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.kode,
-                            expression: "form.kode",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          type: "text",
-                          name: "kode",
-                          placeholder: "Silahkan masukkan kode voting",
-                          "data-vv-as": "kode",
-                        },
-                        domProps: { value: _vm.form.kode },
+              _vm.$route.meta.mode == "create"
+                ? _c(
+                    "div",
+                    [
+                      _c("cari-data", {
+                        attrs: { itemDataStat: _vm.itemDataStat, isBack: true },
                         on: {
-                          input: function ($event) {
-                            if ($event.target.composing) {
-                              return
-                            }
-                            _vm.$set(_vm.form, "kode", $event.target.value)
-                          },
+                          cariData: _vm.cariData,
+                          resetData: _vm.resetData,
+                          back: _vm.back,
                         },
                       }),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "col-md-12" }, [
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-primary btn-block pb-2",
-                        attrs: {
-                          type: "submit",
-                          disabled: _vm.errors.any("form"),
-                        },
-                      },
-                      [
-                        _c("i", { class: _vm.titleIcon }),
-                        _vm._v(" Ok\n\t\t\t\t\t\t\t\t"),
-                      ]
-                    ),
-                  ]),
-                ]),
-              ]),
-            ]
+                      _vm._v(" "),
+                      _vm.itemDataStat == "fail"
+                        ? _c(
+                            "div",
+                            {
+                              staticClass:
+                                "alert bg-success text-white alert-styled-left ",
+                            },
+                            [
+                              _c(
+                                "span",
+                                { staticClass: "font-weight-semibold" },
+                                [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\tNo. KTP tidak terdaftar di SIMO, maka silahkan menambahkan data aktivis baru.\n\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _vm.itemDataStat == "fail"
+                        ? _c("form-create", {
+                            attrs: { nik: _vm.nik, mode: "create_new" },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _vm.itemDataStat == "success"
+                        ? _c("div", [_vm._m(0)])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _vm.itemDataStat == "success"
+                        ? _c("form-create", { attrs: { mode: "create_old" } })
+                        : _vm._e(),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.$route.meta.mode == "edit"
+                ? _c("form-create", { attrs: { mode: "edit" } })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.$route.meta.mode == "createEdit"
+                ? _c("form-create", { attrs: { mode: "createEdit" } })
+                : _vm._e(),
+            ],
+            1
           ),
         ]),
       ]),
-    ]),
-  ])
+    ],
+    1
+  )
 }
 var staticRenderFns = [
   function () {
@@ -459,20 +599,12 @@ var staticRenderFns = [
     var _c = _vm._self._c || _h
     return _c(
       "div",
-      { staticClass: "navbar navbar-expand-lg navbar-dark bg-indigo" },
+      { staticClass: "alert bg-danger text-white alert-styled-left" },
       [
-        _c("div", { staticClass: "navbar-brand wmin-0 mr-0" }, [
-          _c("a", { staticClass: "d-inline-block", attrs: { href: "#" } }, [
-            _c("img", { attrs: { src: "/images/simo.png" } }),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("div", [
-          _c("span", { staticClass: "navbar-text ml-lg-3 mr-lg-auto" }, [
-            _c("span", { staticClass: "badge bg-success-400" }, [
-              _vm._v("PUSKOPCUINA \n\t\t\t\t"),
-            ]),
-          ]),
+        _c("span", { staticClass: "font-weight-semibold" }, [
+          _vm._v(
+            "No. KTP sudah terdaftar di SIMO, maka silahkan melakukan pengubahan. Apabila anda ingin menambahkan pekerjaannya di CU anda maka silahkan ke bagian riwayat pekerjaan untuk menambahkan pekerjaannya.\n\t\t\t\t\t\t\t"
+          ),
         ]),
       ]
     )
@@ -484,17 +616,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/components/cariData.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/cariData.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* harmony import */ var _cariData_vue_vue_type_template_id_4b5729f6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cariData.vue?vue&type=template&id=4b5729f6& */ "./resources/assets/js/components/cariData.vue?vue&type=template&id=4b5729f6&");
+/* harmony import */ var _cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cariData.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/cariData.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -504,9 +636,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _cariData_vue_vue_type_template_id_4b5729f6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _cariData_vue_vue_type_template_id_4b5729f6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -516,54 +648,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/checkValue.vue"
+component.options.__file = "resources/assets/js/components/cariData.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/cariData.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/cariData.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./cariData.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/cariData.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/components/cariData.vue?vue&type=template&id=4b5729f6&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/cariData.vue?vue&type=template&id=4b5729f6& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_template_id_4b5729f6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./cariData.vue?vue&type=template&id=4b5729f6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/cariData.vue?vue&type=template&id=4b5729f6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_template_id_4b5729f6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_template_id_4b5729f6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/input.vue":
+/***/ "./resources/assets/js/views/aktivis/form.vue":
 /*!****************************************************!*\
-  !*** ./resources/assets/js/views/voting/input.vue ***!
+  !*** ./resources/assets/js/views/aktivis/form.vue ***!
   \****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _input_vue_vue_type_template_id_38aa1715___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./input.vue?vue&type=template&id=38aa1715& */ "./resources/assets/js/views/voting/input.vue?vue&type=template&id=38aa1715&");
-/* harmony import */ var _input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./input.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/input.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_eba83eb6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=eba83eb6& */ "./resources/assets/js/views/aktivis/form.vue?vue&type=template&id=eba83eb6&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/aktivis/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -573,9 +705,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _input_vue_vue_type_template_id_38aa1715___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _input_vue_vue_type_template_id_38aa1715___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_eba83eb6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_eba83eb6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -585,38 +717,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/voting/input.vue"
+component.options.__file = "resources/assets/js/views/aktivis/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/input.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/aktivis/form.vue?vue&type=script&lang=js&":
 /*!*****************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/input.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/aktivis/form.vue?vue&type=script&lang=js& ***!
   \*****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./input.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/input.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/input.vue?vue&type=template&id=38aa1715&":
+/***/ "./resources/assets/js/views/aktivis/form.vue?vue&type=template&id=eba83eb6&":
 /*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/input.vue?vue&type=template&id=38aa1715& ***!
+  !*** ./resources/assets/js/views/aktivis/form.vue?vue&type=template&id=eba83eb6& ***!
   \***********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_template_id_38aa1715___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./input.vue?vue&type=template&id=38aa1715& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/input.vue?vue&type=template&id=38aa1715&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_template_id_38aa1715___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_eba83eb6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=eba83eb6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/form.vue?vue&type=template&id=eba83eb6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_eba83eb6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_template_id_38aa1715___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_eba83eb6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/116.js b/public/js/components/116.js
index 4e3817180..1c6f5894c 100644
--- a/public/js/components/116.js
+++ b/public/js/components/116.js
@@ -89,10 +89,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/pilih.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/pilih.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/input.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/input.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -174,176 +174,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -356,14 +186,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Voting',
-      titleDesc: 'Silahkan memilih',
-      kelas: 'voting',
-      titleIcon: 'icon-point-up',
-      formPilihan: {
-        voting_id: '',
-        voting_pilihan_id: '',
-        name: ''
+      title: 'Pemilihan',
+      titleDesc: 'Silahkan memasukan kode pemilihan',
+      kelas: 'pemilihan',
+      titleIcon: 'icon-quill4',
+      form: {
+        kode: ''
       },
       selectedItem: {},
       modalShow: false,
@@ -374,81 +202,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       modalButton: ''
     };
   },
-  created: function created() {
-    this.fetch();
-  },
-  watch: {
-    // check route changes
-    $route: function $route(to, from) {
-      this.fetch();
-    },
-    itemDataStat: function itemDataStat(value) {
-      if (value == "success") {
-        if (this.form) {
-          this.title = this.itemData.name;
-        }
-      }
-    },
-    formStat: function formStat(value) {
-      if (value == "success") {
-        if (this.itemData.lihat_hasil == 1) {
-          if (this.form.voting_pilihan_id != null) {
-            this.fetchSuara();
-          }
-        }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = 'Ok';
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.fetch();
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = '';
-      }
-    }
-  },
+  created: function created() {},
+  watch: {},
   methods: {
-    fetch: function fetch() {
-      this.$store.dispatch(this.kelas + '/indexPilihan', this.$route.params.name);
-    },
-    fetchSuara: function fetchSuara() {
-      this.$store.dispatch(this.kelas + '/indexSuara', this.itemData.id);
-    },
-    modalConfirmOpen: function modalConfirmOpen(state) {
-      this.modalShow = true;
-      this.modalState = 'normal1';
-      this.modalColor = 'bg-primary';
-      this.formPilihan.voting_pilihan_id = state.id;
-      this.formPilihan.voting_id = this.itemData.id;
-      this.formPilihan.name = this.form.name;
-      this.selectedItem = state;
-      this.modalTitle = 'Pilih ' + state.name + ' ?';
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-      this.$store.dispatch(this.kelas + '/resetUpdateStat');
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      this.formPilihan.tanggapan = this.itemData.tanggapan;
-      this.$store.dispatch(this.kelas + '/storePilihan', this.formPilihan);
+    save: function save() {
+      window.location.href = window.location.origin + '/admins/pemilihan/pilih/' + this.form.kode;
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('voting', {
-    form: 'data',
-    formStat: 'dataStat',
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    itemData2: 'dataS2',
-    itemDataStat2: 'dataStatS2',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  }))
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('voting', {}))
 });
 
 /***/ }),
@@ -565,10 +326,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/pilih.vue?vue&type=template&id=5667113d&":
-/*!*****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/pilih.vue?vue&type=template&id=5667113d& ***!
-  \*****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/input.vue?vue&type=template&id=e97de1c2&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/input.vue?vue&type=template&id=e97de1c2& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -580,51 +341,107 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c(
-        "div",
-        { staticClass: "navbar navbar-expand-lg navbar-dark bg-indigo" },
-        [
-          _vm._m(0),
-          _vm._v(" "),
-          _c("div", [
-            _c("span", { staticClass: "navbar-text ml-lg-3 mr-lg-auto" }, [
-              _c("span", { staticClass: "badge bg-success-400" }, [
-                _vm._v("PUSKOPCUINA - \n\t\t\t\t\t"),
-                _vm.itemData.cu
-                  ? _c("span", [
-                      _vm._v(
-                        "\n\t\t\t\t\t\t- " +
-                          _vm._s(_vm.itemData.cu.name) +
-                          "\n\t\t\t\t\t"
-                      ),
-                    ])
-                  : _vm._e(),
+  return _c("div", [
+    _vm._m(0),
+    _vm._v(" "),
+    _c("div", [
+      _c("div", { staticClass: "page-header" }, [
+        _c(
+          "div",
+          { staticClass: "page-header-content header-elements-md-inline" },
+          [
+            _c("div", { staticClass: "page-title d-flex" }, [
+              _c("h4", [
+                _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+                _vm._v(" "),
+                _c("span", { staticClass: "font-weight-semibold" }, [
+                  _vm._v(_vm._s(_vm.title)),
+                ]),
+                _vm._v(" "),
+                _c("small", { staticClass: "d-block text-muted" }, [
+                  _vm._v(_vm._s(_vm.titleDesc)),
+                ]),
               ]),
             ]),
-          ]),
-        ]
-      ),
-      _vm._v(" "),
-      _c("div", [
-        _c("div", { staticClass: "page-header" }, [
+          ]
+        ),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "page-content pt-0" }, [
+      _c("div", { staticClass: "content-wrapper" }, [
+        _c("div", { staticClass: "content" }, [
           _c(
-            "div",
-            { staticClass: "page-header-content header-elements-md-inline" },
+            "form",
+            {
+              attrs: {
+                enctype: "multipart/form-data",
+                "data-vv-scope": "form",
+              },
+              on: {
+                submit: function ($event) {
+                  $event.preventDefault()
+                  return _vm.save.apply(null, arguments)
+                },
+              },
+            },
             [
-              _c("div", { staticClass: "page-title d-flex" }, [
-                _c("h4", [
-                  _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-                  _vm._v(" "),
-                  _c("span", { staticClass: "font-weight-semibold" }, [
-                    _vm._v(_vm._s(_vm.itemData.name)),
+              _c("div", { staticClass: "card card-body" }, [
+                _c("div", { staticClass: "row" }, [
+                  _c("div", { staticClass: "col-md-12" }, [
+                    _c("div", { staticClass: "form-group" }, [
+                      _c("h5", [_vm._v("Silahkan masukan kode voting")]),
+                      _vm._v(" "),
+                      _c("input", {
+                        directives: [
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required",
+                            expression: "'required'",
+                          },
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.kode,
+                            expression: "form.kode",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          type: "text",
+                          name: "kode",
+                          placeholder: "Silahkan masukkan kode voting",
+                          "data-vv-as": "kode",
+                        },
+                        domProps: { value: _vm.form.kode },
+                        on: {
+                          input: function ($event) {
+                            if ($event.target.composing) {
+                              return
+                            }
+                            _vm.$set(_vm.form, "kode", $event.target.value)
+                          },
+                        },
+                      }),
+                    ]),
                   ]),
                   _vm._v(" "),
-                  _c("small", { staticClass: "d-block text-muted" }, [
-                    _vm._v("Selamat datang "),
-                    _c("i", [_vm._v(_vm._s(_vm.form.name) + " ")]),
+                  _c("div", { staticClass: "col-md-12" }, [
+                    _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-primary btn-block pb-2",
+                        attrs: {
+                          type: "submit",
+                          disabled: _vm.errors.any("form"),
+                        },
+                      },
+                      [
+                        _c("i", { class: _vm.titleIcon }),
+                        _vm._v(" Ok\n\t\t\t\t\t\t\t\t"),
+                      ]
+                    ),
                   ]),
                 ]),
               ]),
@@ -632,556 +449,33 @@ var render = function () {
           ),
         ]),
       ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemDataStat == "success"
-                ? _c("div", [
-                    _vm.form
-                      ? _c("div", [
-                          _vm.itemData.keterangan
-                            ? _c("div", { staticClass: "card card-body" }, [
-                                _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(_vm.itemData.keterangan),
-                                  },
-                                }),
-                              ])
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _vm.form.voting_pilihan_id == null
-                            ? _c("div", [
-                                _c(
-                                  "div",
-                                  { staticClass: "row" },
-                                  _vm._l(
-                                    _vm.itemData.pilihan,
-                                    function (item, index) {
-                                      return _c(
-                                        "div",
-                                        {
-                                          key: index,
-                                          staticClass: "col-md-12 mb-2",
-                                        },
-                                        [
-                                          _c(
-                                            "button",
-                                            {
-                                              staticClass:
-                                                "btn btn-light btn-block",
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.modalConfirmOpen(
-                                                    item
-                                                  )
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c(
-                                                "h5",
-                                                { staticClass: "card-title" },
-                                                [_vm._v(_vm._s(item.name))]
-                                              ),
-                                            ]
-                                          ),
-                                        ]
-                                      )
-                                    }
-                                  ),
-                                  0
-                                ),
-                              ])
-                            : _vm.form.voting_pilihan_id != null
-                            ? _c("div", [
-                                _vm._m(1),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "card " }, [
-                                  _vm._m(2),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "card-body" }, [
-                                    _c(
-                                      "div",
-                                      { staticClass: "card border-primary" },
-                                      [
-                                        _c(
-                                          "div",
-                                          {
-                                            staticClass:
-                                              "card-header bg-primary",
-                                          },
-                                          [
-                                            _c(
-                                              "h5",
-                                              { staticClass: "card-title" },
-                                              [
-                                                _vm._v(
-                                                  _vm._s(_vm.form.pilihan.name)
-                                                ),
-                                              ]
-                                            ),
-                                          ]
-                                        ),
-                                      ]
-                                    ),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _vm.form.tanggapan.length > 0
-                                  ? _c("div", { staticClass: "card" }, [
-                                      _vm._m(3),
-                                      _vm._v(" "),
-                                      _c(
-                                        "div",
-                                        { staticClass: "card-body" },
-                                        _vm._l(
-                                          _vm.form.tanggapan,
-                                          function (item, index) {
-                                            return _c("div", { key: index }, [
-                                              _c("h5", [
-                                                _vm._v(
-                                                  _vm._s(item.tanggapan.name)
-                                                ),
-                                              ]),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass: "card card-body",
-                                                },
-                                                [
-                                                  _c("span", {
-                                                    domProps: {
-                                                      innerHTML: _vm._s(
-                                                        item.keterangan
-                                                      ),
-                                                    },
-                                                  }),
-                                                ]
-                                              ),
-                                            ])
-                                          }
-                                        ),
-                                        0
-                                      ),
-                                    ])
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.itemData.lihat_hasil == 1
-                                  ? _c("div", { staticClass: "card" }, [
-                                      _vm._m(4),
-                                      _vm._v(" "),
-                                      _c(
-                                        "div",
-                                        { staticClass: "card-body" },
-                                        _vm._l(
-                                          _vm.itemData2,
-                                          function (p, index) {
-                                            return _c("div", { key: index }, [
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass: "card card-body",
-                                                },
-                                                [
-                                                  _c(
-                                                    "div",
-                                                    { staticClass: "row" },
-                                                    [
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "col-sm-3 mb-1 mt-1",
-                                                        },
-                                                        [
-                                                          _c("b", [
-                                                            _vm._v(
-                                                              _vm._s(p.name)
-                                                            ),
-                                                          ]),
-                                                        ]
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "col-sm-8 mb-1 mt-1",
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "progress",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "progress-bar-striped bg-success",
-                                                                  style: {
-                                                                    width:
-                                                                      Math.round(
-                                                                        (p.skor /
-                                                                          _vm
-                                                                            .itemData
-                                                                            .suara) *
-                                                                          100
-                                                                      ) + "%",
-                                                                  },
-                                                                },
-                                                                [
-                                                                  _c(
-                                                                    "span",
-                                                                    {
-                                                                      staticClass:
-                                                                        "text-default font-size-lg",
-                                                                    },
-                                                                    [
-                                                                      _vm._v(
-                                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                      ),
-                                                                      _c("b", [
-                                                                        _vm._v(
-                                                                          _vm._s(
-                                                                            Math.round(
-                                                                              (p.skor /
-                                                                                _vm
-                                                                                  .itemData
-                                                                                  .suara) *
-                                                                                100
-                                                                            ) +
-                                                                              "%"
-                                                                          )
-                                                                        ),
-                                                                      ]),
-                                                                      _vm._v(
-                                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                      ),
-                                                                    ]
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                            ]
-                                                          ),
-                                                        ]
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "col-sm-1 mb-1 mt-1",
-                                                        },
-                                                        [
-                                                          _vm._v(
-                                                            "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                              _vm._s(p.skor) +
-                                                              " / " +
-                                                              _vm._s(
-                                                                _vm.itemData
-                                                                  .suara
-                                                              ) +
-                                                              "\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                          ),
-                                                        ]
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ])
-                                          }
-                                        ),
-                                        0
-                                      ),
-                                    ])
-                                  : _vm._e(),
-                              ])
-                            : _vm._e(),
-                        ])
-                      : _c("div", [_vm._m(5)]),
-                  ])
-                : _vm.itemDataStat == "loading"
-                ? _c("div", [_vm._m(6)])
-                : _c("div", [_vm._m(7)]),
-            ],
-            1
-          ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            size: "modal-lg",
-            color: _vm.modalColor,
-            button: _vm.modalButton,
-            content: _vm.modalContent,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "modal-body1" }, [
-            _c("div", { staticClass: "card" }, [
-              _c("div", { staticClass: "card-header bg-white" }, [
-                _c("h5", { staticClass: "card-title" }, [
-                  _vm._v(_vm._s(_vm.title)),
-                ]),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "card" }, [
-              _c("div", { staticClass: "card-header bg-success" }, [
-                _c("b", [_vm._v("PILIHAN ANDA ADALAH")]),
-                _vm._v(" "),
-                _c("h5", { staticClass: "card-title" }, [
-                  _vm._v(_vm._s(_vm.selectedItem.name)),
-                ]),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c(
-              "div",
-              { staticClass: "card card-body" },
-              _vm._l(_vm.itemData.tanggapan, function (item, index) {
-                return _c(
-                  "div",
-                  { key: index, staticClass: "form-group mb-0" },
-                  [
-                    _c("h5", [_vm._v(_vm._s(item.name) + ":")]),
-                    _vm._v(" "),
-                    _c("textarea", {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: item.keterangan,
-                          expression: "item.keterangan",
-                        },
-                      ],
-                      staticClass: "form-control",
-                      attrs: { rows: "4" },
-                      domProps: { value: item.keterangan },
-                      on: {
-                        input: function ($event) {
-                          if ($event.target.composing) {
-                            return
-                          }
-                          _vm.$set(item, "keterangan", $event.target.value)
-                        },
-                      },
-                    }),
-                    _vm._v(" "),
-                    _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                  ]
-                )
-              }),
-              0
-            ),
-            _vm._v(" "),
-            _c("div", [
-              _c("div", { staticClass: "alert bg-warning alert-styled-left" }, [
-                _c("h6", [
-                  _vm._v(
-                    "Pastikan anda memilih dengan benar, anda tidak bisa melakukan voting ulang lagi apabila salah memilih."
-                  ),
-                ]),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "text-center d-none d-md-block" }, [
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalTutup.apply(null, arguments)
-                    },
-                  },
-                },
-                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-              ),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-primary",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalConfirmOk.apply(null, arguments)
-                    },
-                  },
-                },
-                [_c("i", { staticClass: "icon-check" }), _vm._v(" Pilih")]
-              ),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "d-block d-md-none" }, [
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-primary btn-block pb-2",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalConfirmOk.apply(null, arguments)
-                    },
-                  },
-                },
-                [_c("i", { staticClass: "icon-check" }), _vm._v(" Pilih")]
-              ),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-block pb-2",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalTutup.apply(null, arguments)
-                    },
-                  },
-                },
-                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-              ),
-            ]),
-          ]),
-        ],
-        2
-      ),
-    ],
-    1
-  )
+    ]),
+  ])
 }
 var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "navbar-brand wmin-0 mr-0" }, [
-      _c("a", { staticClass: "d-inline-block", attrs: { href: "#" } }, [
-        _c("img", { attrs: { src: "/images/simo.png" } }),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card bg-success text-white card-body" }, [
-      _c("h3", [
-        _c("i", { staticClass: "icon-check" }),
-        _vm._v(" Terima Kasih Sudah Melakukan Voting"),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Pilihan Anda Adalah")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [
-        _vm._v("Tanggapan Anda Adalah"),
-      ]),
-    ])
-  },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
     return _c(
       "div",
-      { staticClass: "card-header bg-white header-elements-inline" },
-      [_c("h5", { staticClass: "card-title" }, [_vm._v("Perolehan Skor")])]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card card-body" }, [
-      _c("h5", [
-        _c("b", [_vm._v("Selamat Datang!")]),
-        _vm._v(" "),
-        _c("br"),
-        _vm._v(" Saat ini masih belum terdapat voting"),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h4", [_vm._v("Mohon tunggu...")]),
+      { staticClass: "navbar navbar-expand-lg navbar-dark bg-indigo" },
+      [
+        _c("div", { staticClass: "navbar-brand wmin-0 mr-0" }, [
+          _c("a", { staticClass: "d-inline-block", attrs: { href: "#" } }, [
+            _c("img", { attrs: { src: "/images/simo.png" } }),
+          ]),
+        ]),
         _vm._v(" "),
-        _c("div", { staticClass: "progress" }, [
-          _c(
-            "div",
-            {
-              staticClass:
-                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-              staticStyle: { width: "100%" },
-            },
-            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-          ),
+        _c("div", [
+          _c("span", { staticClass: "navbar-text ml-lg-3 mr-lg-auto" }, [
+            _c("span", { staticClass: "badge bg-success-400" }, [
+              _vm._v("PUSKOPCUINA \n\t\t\t\t"),
+            ]),
+          ]),
         ]),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h3", [_vm._v("Oops terjadi kesalahan")]),
-      ]),
-    ])
+      ]
+    )
   },
 ]
 render._withStripped = true
@@ -1259,17 +553,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/pilih.vue":
-/*!****************************************************!*\
-  !*** ./resources/assets/js/views/voting/pilih.vue ***!
-  \****************************************************/
+/***/ "./resources/assets/js/views/pemilihan/input.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/input.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pilih_vue_vue_type_template_id_5667113d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pilih.vue?vue&type=template&id=5667113d& */ "./resources/assets/js/views/voting/pilih.vue?vue&type=template&id=5667113d&");
-/* harmony import */ var _pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pilih.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/pilih.vue?vue&type=script&lang=js&");
+/* harmony import */ var _input_vue_vue_type_template_id_e97de1c2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./input.vue?vue&type=template&id=e97de1c2& */ "./resources/assets/js/views/pemilihan/input.vue?vue&type=template&id=e97de1c2&");
+/* harmony import */ var _input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./input.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/input.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1279,9 +573,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pilih_vue_vue_type_template_id_5667113d___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pilih_vue_vue_type_template_id_5667113d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _input_vue_vue_type_template_id_e97de1c2___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _input_vue_vue_type_template_id_e97de1c2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1291,38 +585,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/voting/pilih.vue"
+component.options.__file = "resources/assets/js/views/pemilihan/input.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/pilih.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/pilih.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/input.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/input.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./pilih.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/pilih.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./input.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/input.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/pilih.vue?vue&type=template&id=5667113d&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/pilih.vue?vue&type=template&id=5667113d& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/input.vue?vue&type=template&id=e97de1c2&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/input.vue?vue&type=template&id=e97de1c2& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_template_id_5667113d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./pilih.vue?vue&type=template&id=5667113d& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/pilih.vue?vue&type=template&id=5667113d&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_template_id_5667113d___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_template_id_e97de1c2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./input.vue?vue&type=template&id=e97de1c2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/input.vue?vue&type=template&id=e97de1c2&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_template_id_e97de1c2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_template_id_5667113d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_template_id_e97de1c2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/117.js b/public/js/components/117.js
index f35dcfb22..784b8be7a 100644
--- a/public/js/components/117.js
+++ b/public/js/components/117.js
@@ -1,594 +1,16 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[117],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['title', 'icon', 'color', 'count']
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_countWidget_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/countWidget.vue */ "./resources/assets/js/components/countWidget.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _anggotaCu_cariData__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../anggotaCu/cariData */ "./resources/assets/js/views/anggotaCu/cariData.vue");
-/* harmony import */ var _components_identitas_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/identitas.vue */ "./resources/assets/js/components/identitas.vue");
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
 //
 //
 //
@@ -614,6 +36,78 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 //
 //
 //
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
+    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  props: {
+    value: {
+      "default": ''
+    },
+    frontText: {
+      "default": ''
+    },
+    trimLength: {
+      "default": 50
+    },
+    valueType: {
+      "default": 'trim'
+    },
+    empty: {
+      "default": '-'
+    }
+  },
+  data: function data() {
+    return {
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: ''
+    };
+  },
+  methods: {
+    modalOpen: function modalOpen() {
+      this.modalShow = true;
+      this.modalState = 'content-tutup';
+      this.modalContent = this.value;
+      this.modalButton = 'Tutup';
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    strip: function strip(html) {
+      var tmp = document.createElement("DIV");
+      tmp.innerHTML = html;
+      return tmp.textContent || tmp.innerText || "";
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/input.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/input.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -684,396 +178,46 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default.a,
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    countWidget: _components_countWidget_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    cariData: _anggotaCu_cariData__WEBPACK_IMPORTED_MODULE_12__["default"],
-    identitas: _components_identitas_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_14__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_15__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_17__["default"]
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
   data: function data() {
     return {
-      title: 'Tambah Bantuan Solidaritas Jalinan',
-      titleDesc: 'Menambah bantuan solidaritas Jalinan',
-      titleIcon: 'icon-plus3',
-      level2Title: 'Bantuan Solidaritas Jalinan',
-      kelas: 'jalinanKlaim',
-      isEdit: false,
-      nik: '',
-      statusNIK: 'tidak',
-      anggota_cu_cu_id: '',
-      cu_id: '',
-      tipe: '',
-      tabName: 'ktp',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        number16: {
-          numeral: true,
-          numeralIntegerScale: 16,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
+      title: 'Voting',
+      titleDesc: 'Silahkan memasukan kode voting',
+      kelas: 'voting',
+      titleIcon: 'icon-point-up',
+      form: {
+        kode: ''
       },
       selectedItem: {},
-      columnData: [{
-        title: 'No.'
-      }, {
-        title: 'No. Rek'
-      }, {
-        title: 'Nama'
-      }, {
-        title: 'Jenis'
-      }, {
-        title: 'Saldo Awal'
-      }, {
-        title: 'Lama Pinjaman (Bulan)'
-      }, {
-        title: 'Lama Sisa Pinjaman (Bulan)'
-      }, {
-        title: 'Tgl. Buat'
-      }, {
-        title: 'Usia Saat Membuka'
-      }],
-      selectedItemCu: '',
-      itemDataCu: [],
-      itemDataProduk: [],
-      itemDataCuStat: 'success',
       modalShow: false,
       modalState: '',
       modalTitle: '',
       modalColor: '',
       modalContent: '',
-      submited: false
+      modalButton: ''
     };
   },
-  created: function created() {
-    if (this.currentUser.id_cu == 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    }
-
-    this.fetch();
-  },
-  watch: {
-    // check route changes
-    '$route': function $route(to, from) {
-      this.fetch();
-    },
-    itemDataStat: function itemDataStat(value) {
-      if (value == "success") {
-        this.itemDataCu = [];
-        this.itemDataProduk = []; // cu
-
-        if (this.itemData) {
-          if (this.itemData.anggota_cu_cu) {
-            var valData;
-
-            var _iterator = _createForOfIteratorHelper(this.itemData.anggota_cu_cu),
-                _step;
-
-            try {
-              for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                valData = _step.value;
-                this.itemDataCu.push(valData);
-              }
-            } catch (err) {
-              _iterator.e(err);
-            } finally {
-              _iterator.f();
-            }
-          } // get form
-
-
-          this.fetchForm();
-        }
-      }
-    },
-    formStat: function formStat(value) {
-      if (value == 'success') {
-        if (this.$route.meta.mode == 'koreksi') {
-          if (this.form.status_klaim == 5 || this.form.status_klaim == 6) {
-            this.form.id_koreksi = this.form.id;
-            this.form.status_klaim = 7;
-            this.form.id = '';
-          } else {
-            this.form.status_klaim = 1;
-          }
-        }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    }
-  },
+  created: function created() {},
+  watch: {},
   methods: {
-    fetch: function fetch() {
-      this.resetData();
-
-      if (this.$route.meta.mode == 'edit') {
-        this.title = 'Ubah Bantuan Solidaritas Jalinan';
-        this.titleDesc = 'Mengubah bantuan solidaritas Jalinan';
-        this.titleIcon = 'icon-pencil5';
-        this.cariData(this.$route.params.nik);
-      } else if (this.$route.meta.mode == 'koreksi') {
-        this.title = 'Koreksi Bantuan Solidaritas Jalinan';
-        this.titleDesc = 'Mengoreksi bantuan solidaritas Jalinan';
-        this.titleIcon = 'icon-pencil5';
-        this.cariData(this.$route.params.nik);
-      } else {
-        this.title = 'Tambah Bantuan Solidaritas Jalinan';
-        this.titleDesc = 'Menambah Bantuan Solidaritas Jalinan';
-        this.titleIcon = 'icon-plus3';
-        this.isEdit = false;
-
-        if (this.$route.meta.mode == 'createNIK') {
-          this.cariData(this.$route.params.nik);
-          this.isEdit = true;
-        } else if (this.$route.meta.mode == 'createId') {
-          this.cariDataId(this.$route.params.id);
-          this.isEdit = true;
-        }
-      }
-    },
-    fetchForm: function fetchForm() {
-      if (this.$route.meta.mode == 'edit' || this.$route.meta.mode == 'koreksi') {
-        this.$store.dispatch(this.kelas + '/edit', [this.$route.params.nik, this.$route.params.cu, this.$route.params.tipe]);
-        this.isEdit = true;
-        this.anggota_cu_cu_id = this.$route.params.cu;
-        this.tipe = this.$route.params.tipe;
-      }
-    },
-    cariData: function cariData(nik) {
-      this.nik = nik;
-      this.$store.dispatch(this.kelas + '/cariData', nik);
-    },
-    cariDataId: function cariDataId(id) {
-      this.$store.dispatch(this.kelas + '/cariDataId', id);
-    },
-    changeStatusNIK: function changeStatusNIK(value) {
-      this.nik == '';
-      this.statusNIK = value;
-      this.$store.dispatch(this.kelas + '/resetData');
-    },
-    nikNew: function nikNew(value) {
-      this.nik = value;
-      this.$store.dispatch(this.kelas + '/cariData', value);
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-    },
-    changeTipe: function changeTipe(value) {
-      if (value == 'cacat') {
-        this.form.tunas_diajukan = 0;
-      }
-
-      this.$store.dispatch(this.kelas + '/resetForm');
-    },
-    changeCU: function changeCU(value) {
-      this.$store.dispatch('anggotaCu/resetDataProduk');
-      this.$store.dispatch(this.kelas + '/resetForm');
-    },
-    cekData: function cekData() {
-      var _nik = '';
-
-      if (this.$route.meta.mode === 'edit') {
-        _nik = this.$route.params.nik;
-      } else if (this.$route.meta.mode === 'createId') {
-        _nik = this.itemData.nik;
-      } else {
-        _nik = this.nik;
-      }
-
-      var _cu = '';
-      _cu = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.itemDataCu, {
-        'id': parseInt(this.anggota_cu_cu_id, 10)
-      });
-      this.cu_id = _cu.cu_id;
-      this.$store.dispatch(this.kelas + '/edit', [_nik, _cu.id, this.tipe]);
-      this.$store.dispatch('anggotaCu/indexProduk', [this.itemData.id, _cu.cu_id]); // this.$store.dispatch(this.kelas + '/getKlaimLama',[_nik,_cu.id]);
-    },
-    resetData: function resetData() {
-      this.itemDataCu = [];
-      this.itemDataProduk = [];
-      this.$store.commit(this.kelas + '/setData2', {});
-      this.$store.commit(this.kelas + '/setDataStat2', '');
-      this.$store.dispatch('anggotaCu/resetDataProduk');
-      this.$store.dispatch(this.kelas + '/resetForm');
-    },
-    classCu: function classCu() {
-      if (this.currentUser.id_cu == 0) {
-        return 'col-8';
-      } else {
-        return 'col-12';
-      }
-    },
     save: function save() {
-      var _this = this;
-
-      this.form.anggota_cu_id = this.itemData.id;
-      this.form.anggota_cu_cu_id = this.anggota_cu_cu_id;
-      this.form.tipe = this.tipe;
-      this.form.cu_id = this.cu_id;
-
-      if (this.tipe == 'CACAT') {
-        this.form.tunas_diajukan = 0;
-      }
-
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_16__["toMulipartedForm"])(this.form, this.$route.meta.mode);
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.form.id) {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.form.id, formData]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/store', formData);
-          }
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
-    },
-    back: function back() {
-      if (this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: 'semua',
-            tp: 'semua'
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.currentUser.id_cu,
-            tp: 'semua'
-          }
-        });
-      }
-    },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {},
-    modalConfirmOk: function modalConfirmOk() {},
-    modalTutup: function modalTutup() {
-      if (this.updateStat === 'success') {
-        this.back();
-      }
-
-      this.modalShow = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
+      window.location.href = window.location.origin + '/admins/voting/pilih/' + this.form.kode;
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanKlaim', {
-    itemData: 'data2',
-    itemDataStat: 'dataStat2',
-    message: 'message',
-    messageStat: 'messageStat',
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
-    dataProduk: 'dataProduk',
-    dataProdukStat: 'dataProdukStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'headerDataS',
-    modelCuStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('provinces', {
-    modelProvinces: 'dataS',
-    modelProvincesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('regencies', {
-    modelRegencies: 'dataS',
-    modelRegenciesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('districts', {
-    modelDistricts: 'dataS',
-    modelDistrictsStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('villages', {
-    modelVillages: 'dataS',
-    modelVillagesStat: 'dataStatS'
-  }))
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('voting', {}))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1087,24 +231,92 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c(
     "div",
-    { staticClass: "card card-body has-bg-image", class: _vm.color },
+    { staticStyle: { display: "inline-block" } },
     [
-      _c("div", { staticClass: "media" }, [
-        _c("div", { staticClass: "media-body" }, [
-          _vm.count
-            ? _c("h3", { staticClass: "mb-0" }, [_vm._v(_vm._s(_vm.count))])
-            : _vm._e(),
-          _vm._v(" "),
-          _c("span", { staticClass: "text-uppercase font-size-xs" }, [
-            _vm._v(_vm._s(_vm.title)),
+      _vm.value
+        ? _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm.valueType == "trim"
+              ? _c(
+                  "span",
+                  { staticStyle: { display: "inline-block" } },
+                  [
+                    _c("truncate", {
+                      staticStyle: { display: "inline-block" },
+                      attrs: {
+                        "action-class": "badge bg-blue",
+                        clamp: "selengkapnya >",
+                        length: _vm.trimLength,
+                        less: "< kembali",
+                        text: _vm.frontText + " " + _vm.value,
+                      },
+                    }),
+                  ],
+                  1
+                )
+              : _vm.valueType == "modal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light",
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen()
+                        },
+                      },
+                    },
+                    [_vm._v("\n          Lihat\n      ")]
+                  ),
+                ])
+              : _vm.valueType == "currency"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(
+                        _vm._f("currency")(_vm.value, "", 0, {
+                          thousandsSeparator: ".",
+                        })
+                      )
+                  ),
+                ])
+              : _vm.valueType == "percentage"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("percentage")(_vm.value, 2))
+                  ),
+                ])
+              : _vm.valueType == "decimal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("round")(_vm.value, 2))
+                  ),
+                ])
+              : _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
+                ]),
+          ])
+        : _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
           ]),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "ml-3 align-self-center" }, [
-          _c("i", { staticClass: "icon-3x opacity-75", class: _vm.icon }),
-        ]),
-      ]),
-    ]
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+          content: _vm.modalContent,
+        },
+        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
+      }),
+    ],
+    1
   )
 }
 var staticRenderFns = []
@@ -1114,10 +326,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=template&id=a5ee5ada&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=template&id=a5ee5ada& ***!
-  \**********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/input.vue?vue&type=template&id=38aa1715&":
+/*!*****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/input.vue?vue&type=template&id=38aa1715& ***!
+  \*****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1129,3200 +341,141 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
+  return _c("div", [
+    _vm._m(0),
+    _vm._v(" "),
+    _c("div", [
+      _c("div", { staticClass: "page-header" }, [
+        _c(
+          "div",
+          { staticClass: "page-header-content header-elements-md-inline" },
+          [
+            _c("div", { staticClass: "page-title d-flex" }, [
+              _c("h4", [
+                _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+                _vm._v(" "),
+                _c("span", { staticClass: "font-weight-semibold" }, [
+                  _vm._v(_vm._s(_vm.title)),
+                ]),
+                _vm._v(" "),
+                _c("small", { staticClass: "d-block text-muted" }, [
+                  _vm._v(_vm._s(_vm.titleDesc)),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "page-content pt-0" }, [
+      _c("div", { staticClass: "content-wrapper" }, [
+        _c("div", { staticClass: "content" }, [
           _c(
-            "div",
-            { staticClass: "content" },
+            "form",
+            {
+              attrs: {
+                enctype: "multipart/form-data",
+                "data-vv-scope": "form",
+              },
+              on: {
+                submit: function ($event) {
+                  $event.preventDefault()
+                  return _vm.save.apply(null, arguments)
+                },
+              },
+            },
             [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops, terjadi kesalahan",
-                      errorItem: _vm.errors.items,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              !_vm.isEdit
-                ? _c("cari-data", {
-                    attrs: { itemDataStat: _vm.itemDataStat, isBack: true },
-                    on: {
-                      cariData: _vm.cariData,
-                      changeStatusNIK: _vm.changeStatusNIK,
-                      nikNew: _vm.nikNew,
-                      resetData: _vm.resetData,
-                      back: _vm.back,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemDataStat == "fail"
-                ? _c(
-                    "div",
-                    {
-                      staticClass:
-                        "alert bg-danger text-white alert-styled-left ",
-                    },
-                    [
-                      _vm.currentUser.can["create_anggota_cu"]
-                        ? _c("span", { staticClass: "font-weight-semibold" }, [
-                            _vm._v(
-                              "No. KTP anggota CU tidak terdaftar di SIMO, silahkan menambahkan terlebih dahulu data anggota dengan menekan tombol tambah anggota CU dibawah.\n\t\t\t\t\t"
-                            ),
-                          ])
-                        : _c("span", [
-                            _vm._v(
-                              "\n\t\t\t\t\t\tNo. KTP anggota CU tidak terdaftar di SIMO, silahkan meminta user yang memiliki akses untuk menambah anggota CU untuk menambahkan terlebih dahulu data anggota atau meminta akses untuk menambah anggota CU kepada user lain yang bisa mengelola data user.\n\t\t\t\t\t"
-                            ),
-                          ]),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemDataStat == "fail" &&
-              _vm.currentUser.can["create_anggota_cu"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-lg btn-block",
-                      attrs: {
-                        type: "button",
-                        to: {
-                          name: "anggotaCuCreateJalinan",
-                          params: { nik: _vm.nik, statusNIK: _vm.statusNIK },
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus22" }),
-                      _vm._v(" Tambah Anggota CU\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemDataStat == "success" && _vm.itemData
-                ? _c("div", [
-                    _c("div", { staticClass: "card" }, [
-                      _vm._m(0),
+              _c("div", { staticClass: "card card-body" }, [
+                _c("div", { staticClass: "row" }, [
+                  _c("div", { staticClass: "col-md-12" }, [
+                    _c("div", { staticClass: "form-group" }, [
+                      _c("h5", [_vm._v("Silahkan masukan kode voting")]),
                       _vm._v(" "),
-                      _c(
-                        "div",
-                        { staticClass: "card-body" },
-                        [
-                          _c("identitas", {
-                            attrs: { itemData: _vm.itemData },
-                          }),
+                      _c("input", {
+                        directives: [
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required",
+                            expression: "'required'",
+                          },
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.kode,
+                            expression: "form.kode",
+                          },
                         ],
-                        1
-                      ),
+                        staticClass: "form-control",
+                        attrs: {
+                          type: "text",
+                          name: "kode",
+                          placeholder: "Silahkan masukkan kode voting",
+                          "data-vv-as": "kode",
+                        },
+                        domProps: { value: _vm.form.kode },
+                        on: {
+                          input: function ($event) {
+                            if ($event.target.composing) {
+                              return
+                            }
+                            _vm.$set(_vm.form, "kode", $event.target.value)
+                          },
+                        },
+                      }),
                     ]),
-                    _vm._v(" "),
+                  ]),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "col-md-12" }, [
                     _c(
-                      "form",
+                      "button",
                       {
-                        attrs: { "data-vv-scope": "form" },
-                        on: {
-                          submit: function ($event) {
-                            $event.preventDefault()
-                            return _vm.save.apply(null, arguments)
-                          },
+                        staticClass: "btn btn-primary btn-block pb-2",
+                        attrs: {
+                          type: "submit",
+                          disabled: _vm.errors.any("form"),
                         },
                       },
                       [
-                        _c("div", { staticClass: "card card-body" }, [
-                          _c("div", { staticClass: "row" }, [
-                            _c("div", { staticClass: "col-md-5 mb-2" }, [
-                              _c("div", { staticClass: "input-group" }, [
-                                _vm._m(1),
-                                _vm._v(" "),
-                                _c(
-                                  "select",
-                                  {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: _vm.anggota_cu_cu_id,
-                                        expression: "anggota_cu_cu_id",
-                                      },
-                                    ],
-                                    staticClass: "form-control",
-                                    attrs: {
-                                      name: "anggota_cu_cu_id",
-                                      "data-width": "100%",
-                                      disabled:
-                                        _vm.itemData.anggota_cu_cu.length ==
-                                          0 || _vm.$route.meta.mode == "edit",
-                                    },
-                                    on: {
-                                      change: [
-                                        function ($event) {
-                                          var $$selectedVal =
-                                            Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function (o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function (o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                          _vm.anggota_cu_cu_id = $event.target
-                                            .multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        },
-                                        function ($event) {
-                                          return _vm.changeCU(
-                                            $event.target.value
-                                          )
-                                        },
-                                      ],
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "option",
-                                      { attrs: { disabled: "", value: "" } },
-                                      [
-                                        _vm.itemData === "loading"
-                                          ? _c("span", [
-                                              _vm._v("Mohon tunggu..."),
-                                            ])
-                                          : _c("span", [
-                                              _vm._v(
-                                                "Silahkan pilih keanggotaan CU"
-                                              ),
-                                            ]),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm._l(
-                                      _vm.itemData.anggota_cu_cu,
-                                      function (anggota_cu_cu, index) {
-                                        return _c(
-                                          "option",
-                                          {
-                                            key: index,
-                                            domProps: {
-                                              value: anggota_cu_cu.id,
-                                            },
-                                          },
-                                          [
-                                            _vm._v(
-                                              "CU " +
-                                                _vm._s(anggota_cu_cu.cu.name) +
-                                                " " +
-                                                _vm._s(
-                                                  anggota_cu_cu.tp
-                                                    ? " | " +
-                                                        anggota_cu_cu.tp.name
-                                                    : ""
-                                                ) +
-                                                " | No. BA: " +
-                                                _vm._s(anggota_cu_cu.no_ba) +
-                                                " | Tanggal Jadi Anggota: "
-                                            ),
-                                            anggota_cu_cu.tanggal_masuk
-                                              ? _c("span", {
-                                                  domProps: {
-                                                    innerHTML: _vm._s(
-                                                      _vm.$options.filters.date(
-                                                        anggota_cu_cu.tanggal_masuk
-                                                      )
-                                                    ),
-                                                  },
-                                                })
-                                              : _vm._e(),
-                                          ]
-                                        )
-                                      }
-                                    ),
-                                  ],
-                                  2
-                                ),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "col-md-5 mb-2" }, [
-                              _c("div", { staticClass: "input-group" }, [
-                                _vm._m(2),
-                                _vm._v(" "),
-                                _c(
-                                  "select",
-                                  {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: _vm.tipe,
-                                        expression: "tipe",
-                                      },
-                                    ],
-                                    staticClass: "form-control",
-                                    attrs: { name: "tipe" },
-                                    on: {
-                                      change: [
-                                        function ($event) {
-                                          var $$selectedVal =
-                                            Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function (o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function (o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                          _vm.tipe = $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        },
-                                        function ($event) {
-                                          return _vm.changeTipe(
-                                            $event.target.value
-                                          )
-                                        },
-                                      ],
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "option",
-                                      { attrs: { disabled: "", value: "" } },
-                                      [_vm._v("Silahkan pilih tipe")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "option",
-                                      { attrs: { value: "CACAT" } },
-                                      [_vm._v("Cacat")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "option",
-                                      { attrs: { value: "MENINGGAL" } },
-                                      [_vm._v("Meninggal")]
-                                    ),
-                                  ]
-                                ),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "col-md-2" }, [
-                              _c(
-                                "button",
-                                {
-                                  staticClass: "btn btn-light btn-block",
-                                  attrs: { type: "button" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.cekData()
-                                    },
-                                  },
-                                },
-                                [_vm._v("Cek Data")]
-                              ),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _vm.formStat == ""
-                          ? _c(
-                              "div",
-                              { staticClass: "card card-body" },
-                              [
-                                _c("form-button", {
-                                  attrs: {
-                                    isSingleButton: true,
-                                    cancelState: "methods",
-                                  },
-                                  on: { cancelClick: _vm.back },
-                                }),
-                              ],
-                              1
-                            )
-                          : _vm._e(),
-                        _vm._v(" "),
-                        (_vm.$route.meta.mode == "create" ||
-                          _vm.$route.meta.mode == "createNIK") &&
-                        _vm.formStat == "success" &&
-                        _vm.form.id
-                          ? _c("div", [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "alert bg-warning text-white alert-styled-left",
-                                },
-                                [
-                                  _c(
-                                    "span",
-                                    { staticClass: "font-weight-semibold" },
-                                    [
-                                      _vm._v(
-                                        "Anggota ini sudah mengajukan Bantuan Solidaritas Jalinan  "
-                                      ),
-                                      _c("b", [
-                                        _vm._v(
-                                          "pada tanggal " +
-                                            _vm._s(
-                                              _vm.$options.filters.date(
-                                                _vm.form.created_at
-                                              )
-                                            )
-                                        ),
-                                      ]),
-                                      _vm._v(" dengan "),
-                                      _c("b", [
-                                        _vm._v(
-                                          "status " +
-                                            _vm._s(
-                                              _vm.$options.filters.statusJalinan(
-                                                _vm.form.status_klaim
-                                              )
-                                            )
-                                        ),
-                                      ]),
-                                      _vm._v(
-                                        ", mohon periksa kembali.\n\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                { staticClass: "card card-body" },
-                                [
-                                  _c("form-button", {
-                                    attrs: {
-                                      isSingleButton: true,
-                                      cancelState: "methods",
-                                    },
-                                    on: { cancelClick: _vm.back },
-                                  }),
-                                ],
-                                1
-                              ),
-                            ])
-                          : _c("div", [
-                              _vm.formStat == "success"
-                                ? _c(
-                                    "div",
-                                    [
-                                      _vm.dataProdukStat == "success"
-                                        ? _c(
-                                            "div",
-                                            { staticClass: "card" },
-                                            [
-                                              _vm._m(3),
-                                              _vm._v(" "),
-                                              _c("data-table", {
-                                                attrs: {
-                                                  items: _vm.dataProduk,
-                                                  columnData: _vm.columnData,
-                                                  itemDataStat:
-                                                    _vm.dataProdukStat,
-                                                },
-                                                scopedSlots: _vm._u(
-                                                  [
-                                                    {
-                                                      key: "item-desktop",
-                                                      fn: function (props) {
-                                                        return [
-                                                          props.item
-                                                            ? _c(
-                                                                "tr",
-                                                                {
-                                                                  staticClass:
-                                                                    "text-nowrap",
-                                                                  class: {
-                                                                    "bg-info":
-                                                                      _vm
-                                                                        .selectedItem
-                                                                        .id ===
-                                                                      props.item
-                                                                        .id,
-                                                                  },
-                                                                  on: {
-                                                                    click:
-                                                                      function (
-                                                                        $event
-                                                                      ) {
-                                                                        return _vm.selectedRow(
-                                                                          props.item
-                                                                        )
-                                                                      },
-                                                                  },
-                                                                },
-                                                                [
-                                                                  _c("td", [
-                                                                    _vm._v(
-                                                                      _vm._s(
-                                                                        props.index +
-                                                                          1
-                                                                      )
-                                                                    ),
-                                                                  ]),
-                                                                  _vm._v(" "),
-                                                                  _c(
-                                                                    "td",
-                                                                    [
-                                                                      _c(
-                                                                        "check-value",
-                                                                        {
-                                                                          attrs:
-                                                                            {
-                                                                              value:
-                                                                                props
-                                                                                  .item
-                                                                                  .no_rek,
-                                                                            },
-                                                                        }
-                                                                      ),
-                                                                    ],
-                                                                    1
-                                                                  ),
-                                                                  _vm._v(" "),
-                                                                  _c(
-                                                                    "td",
-                                                                    [
-                                                                      props.item
-                                                                        .produk_cu
-                                                                        ? _c(
-                                                                            "check-value",
-                                                                            {
-                                                                              attrs:
-                                                                                {
-                                                                                  value:
-                                                                                    props
-                                                                                      .item
-                                                                                      .produk_cu
-                                                                                      .name,
-                                                                                },
-                                                                            }
-                                                                          )
-                                                                        : _c(
-                                                                            "span",
-                                                                            [
-                                                                              _vm._v(
-                                                                                "-"
-                                                                              ),
-                                                                            ]
-                                                                          ),
-                                                                    ],
-                                                                    1
-                                                                  ),
-                                                                  _vm._v(" "),
-                                                                  _c(
-                                                                    "td",
-                                                                    [
-                                                                      props.item
-                                                                        .produk_cu
-                                                                        ? _c(
-                                                                            "check-value",
-                                                                            {
-                                                                              attrs:
-                                                                                {
-                                                                                  value:
-                                                                                    props
-                                                                                      .item
-                                                                                      .produk_cu
-                                                                                      .tipe,
-                                                                                },
-                                                                            }
-                                                                          )
-                                                                        : _c(
-                                                                            "span",
-                                                                            [
-                                                                              _vm._v(
-                                                                                "-"
-                                                                              ),
-                                                                            ]
-                                                                          ),
-                                                                    ],
-                                                                    1
-                                                                  ),
-                                                                  _vm._v(" "),
-                                                                  _c(
-                                                                    "td",
-                                                                    [
-                                                                      _c(
-                                                                        "check-value",
-                                                                        {
-                                                                          attrs:
-                                                                            {
-                                                                              value:
-                                                                                props
-                                                                                  .item
-                                                                                  .saldo,
-                                                                              valueType:
-                                                                                "currency",
-                                                                            },
-                                                                        }
-                                                                      ),
-                                                                    ],
-                                                                    1
-                                                                  ),
-                                                                  _vm._v(" "),
-                                                                  _c(
-                                                                    "td",
-                                                                    [
-                                                                      _c(
-                                                                        "check-value",
-                                                                        {
-                                                                          attrs:
-                                                                            {
-                                                                              value:
-                                                                                props
-                                                                                  .item
-                                                                                  .lama_pinjaman,
-                                                                            },
-                                                                        }
-                                                                      ),
-                                                                    ],
-                                                                    1
-                                                                  ),
-                                                                  _vm._v(" "),
-                                                                  _c(
-                                                                    "td",
-                                                                    [
-                                                                      _c(
-                                                                        "check-value",
-                                                                        {
-                                                                          attrs:
-                                                                            {
-                                                                              value:
-                                                                                props
-                                                                                  .item
-                                                                                  .lama_sisa_pinjaman,
-                                                                            },
-                                                                        }
-                                                                      ),
-                                                                    ],
-                                                                    1
-                                                                  ),
-                                                                  _vm._v(" "),
-                                                                  _c("td", [
-                                                                    props.item
-                                                                      .tanggal
-                                                                      ? _c(
-                                                                          "span",
-                                                                          {
-                                                                            domProps:
-                                                                              {
-                                                                                innerHTML:
-                                                                                  _vm._s(
-                                                                                    _vm.$options.filters.date(
-                                                                                      props
-                                                                                        .item
-                                                                                        .tanggal
-                                                                                    )
-                                                                                  ),
-                                                                              },
-                                                                          }
-                                                                        )
-                                                                      : _c(
-                                                                          "span",
-                                                                          [
-                                                                            _vm._v(
-                                                                              "-"
-                                                                            ),
-                                                                          ]
-                                                                        ),
-                                                                  ]),
-                                                                  _vm._v(" "),
-                                                                  _c("td", [
-                                                                    props.item
-                                                                      .tanggal
-                                                                      ? _c(
-                                                                          "span",
-                                                                          {
-                                                                            domProps:
-                                                                              {
-                                                                                innerHTML:
-                                                                                  _vm._s(
-                                                                                    _vm.$options.filters.ageDiff(
-                                                                                      props
-                                                                                        .item
-                                                                                        .tanggal,
-                                                                                      _vm
-                                                                                        .itemData
-                                                                                        .tanggal_lahir
-                                                                                    )
-                                                                                  ),
-                                                                              },
-                                                                          }
-                                                                        )
-                                                                      : _c(
-                                                                          "span",
-                                                                          [
-                                                                            _vm._v(
-                                                                              "-"
-                                                                            ),
-                                                                          ]
-                                                                        ),
-                                                                  ]),
-                                                                ]
-                                                              )
-                                                            : _vm._e(),
-                                                        ]
-                                                      },
-                                                    },
-                                                  ],
-                                                  null,
-                                                  false,
-                                                  2413839719
-                                                ),
-                                              }),
-                                            ],
-                                            1
-                                          )
-                                        : _vm._e(),
-                                      _vm._v(" "),
-                                      _c("div", { staticClass: "card" }, [
-                                        _vm._m(4),
-                                        _vm._v(" "),
-                                        _c(
-                                          "div",
-                                          { staticClass: "card-body" },
-                                          [
-                                            _c("div", { staticClass: "row" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "col-md-3" },
-                                                [
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass: "form-group",
-                                                      class: {
-                                                        "has-error":
-                                                          _vm.errors.has(
-                                                            "form.kategori_penyakit"
-                                                          ),
-                                                      },
-                                                    },
-                                                    [
-                                                      _c(
-                                                        "h6",
-                                                        {
-                                                          class: {
-                                                            "text-danger":
-                                                              _vm.errors.has(
-                                                                "form.kategori_penyakit"
-                                                              ),
-                                                          },
-                                                        },
-                                                        [
-                                                          _vm.errors.has(
-                                                            "form.kategori_penyakit"
-                                                          )
-                                                            ? _c("i", {
-                                                                staticClass:
-                                                                  "icon-cross2",
-                                                              })
-                                                            : _vm._e(),
-                                                          _vm._v(
-                                                            "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tKategori Penyakit/Penyebab: "
-                                                          ),
-                                                          _c("wajib-badge"),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "select",
-                                                        {
-                                                          directives: [
-                                                            {
-                                                              name: "model",
-                                                              rawName:
-                                                                "v-model",
-                                                              value:
-                                                                _vm.form
-                                                                  .kategori_penyakit,
-                                                              expression:
-                                                                "form.kategori_penyakit",
-                                                            },
-                                                            {
-                                                              name: "validate",
-                                                              rawName:
-                                                                "v-validate",
-                                                              value: "required",
-                                                              expression:
-                                                                "'required'",
-                                                            },
-                                                          ],
-                                                          staticClass:
-                                                            "form-control",
-                                                          attrs: {
-                                                            name: "kategori_penyakit",
-                                                            "data-width":
-                                                              "100%",
-                                                            "data-vv-as":
-                                                              "Kategori penyakit",
-                                                          },
-                                                          on: {
-                                                            change: function (
-                                                              $event
-                                                            ) {
-                                                              var $$selectedVal =
-                                                                Array.prototype.filter
-                                                                  .call(
-                                                                    $event
-                                                                      .target
-                                                                      .options,
-                                                                    function (
-                                                                      o
-                                                                    ) {
-                                                                      return o.selected
-                                                                    }
-                                                                  )
-                                                                  .map(
-                                                                    function (
-                                                                      o
-                                                                    ) {
-                                                                      var val =
-                                                                        "_value" in
-                                                                        o
-                                                                          ? o._value
-                                                                          : o.value
-                                                                      return val
-                                                                    }
-                                                                  )
-                                                              _vm.$set(
-                                                                _vm.form,
-                                                                "kategori_penyakit",
-                                                                $event.target
-                                                                  .multiple
-                                                                  ? $$selectedVal
-                                                                  : $$selectedVal[0]
-                                                              )
-                                                            },
-                                                          },
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                disabled: "",
-                                                                value: "",
-                                                              },
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                "Silahkan pilih kategori penyakit"
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value: "asma",
-                                                              },
-                                                            },
-                                                            [_vm._v("Asma")]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value:
-                                                                  "demam berdarah",
-                                                              },
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                "Demam Berdarah"
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value:
-                                                                  "diabetes melitus",
-                                                              },
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                "Diabetes Melitus"
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value: "diare",
-                                                              },
-                                                            },
-                                                            [_vm._v("Diare")]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value: "ginjal",
-                                                              },
-                                                            },
-                                                            [_vm._v("Ginjal")]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value:
-                                                                  "hepatitis",
-                                                              },
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                "Hepatitis"
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value:
-                                                                  "hipertensi",
-                                                              },
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                "Hipertensi"
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value:
-                                                                  "jantung",
-                                                              },
-                                                            },
-                                                            [_vm._v("Jantung")]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value: "kanker",
-                                                              },
-                                                            },
-                                                            [_vm._v("Kanker")]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value: "liver",
-                                                              },
-                                                            },
-                                                            [_vm._v("Liver")]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value: "maag",
-                                                              },
-                                                            },
-                                                            [_vm._v("Maag")]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value:
-                                                                  "paru-paru",
-                                                              },
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                "Paru-paru"
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value: "stroke",
-                                                              },
-                                                            },
-                                                            [_vm._v("Stroke")]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value: "tbc",
-                                                              },
-                                                            },
-                                                            [_vm._v("TBC")]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value: "tumor",
-                                                              },
-                                                            },
-                                                            [_vm._v("Tumor")]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value:
-                                                                  "malaria",
-                                                              },
-                                                            },
-                                                            [_vm._v("Malaria")]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value:
-                                                                  "kecelakaan",
-                                                              },
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                "Kecelakaan"
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value:
-                                                                  "komplikasi",
-                                                              },
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                "Komplikasi"
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "option",
-                                                            {
-                                                              attrs: {
-                                                                value:
-                                                                  "lain-lain",
-                                                              },
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                "Lain-lain"
-                                                              ),
-                                                            ]
-                                                          ),
-                                                        ]
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _vm.errors.has(
-                                                        "form.kategori_penyakit"
-                                                      )
-                                                        ? _c(
-                                                            "small",
-                                                            {
-                                                              staticClass:
-                                                                "text-muted text-danger",
-                                                            },
-                                                            [
-                                                              _c("i", {
-                                                                staticClass:
-                                                                  "icon-arrow-small-right",
-                                                              }),
-                                                              _vm._v(
-                                                                " " +
-                                                                  _vm._s(
-                                                                    _vm.errors.first(
-                                                                      "form.kategori_penyakit"
-                                                                    )
-                                                                  ) +
-                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                              ),
-                                                            ]
-                                                          )
-                                                        : _c(
-                                                            "small",
-                                                            {
-                                                              staticClass:
-                                                                "text-muted",
-                                                            },
-                                                            [_vm._v(" ")]
-                                                          ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                { staticClass: "col-md-3" },
-                                                [
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass: "form-group",
-                                                      class: {
-                                                        "has-error":
-                                                          _vm.errors.has(
-                                                            "form.tanggal_mati"
-                                                          ),
-                                                      },
-                                                    },
-                                                    [
-                                                      _c(
-                                                        "h6",
-                                                        {
-                                                          class: {
-                                                            "text-danger":
-                                                              _vm.errors.has(
-                                                                "form.tanggal_mati"
-                                                              ),
-                                                          },
-                                                        },
-                                                        [
-                                                          _vm.errors.has(
-                                                            "form.tanggal_mati"
-                                                          )
-                                                            ? _c("i", {
-                                                                staticClass:
-                                                                  "icon-cross2",
-                                                              })
-                                                            : _vm._e(),
-                                                          _vm._v(
-                                                            "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tTgl. Cacat/Meninggal: "
-                                                          ),
-                                                          _c("wajib-badge"),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c("date-picker", {
-                                                        attrs: {
-                                                          defaultDate:
-                                                            _vm.form
-                                                              .tanggal_mati,
-                                                        },
-                                                        on: {
-                                                          dateSelected:
-                                                            function ($event) {
-                                                              _vm.form.tanggal_mati =
-                                                                $event
-                                                            },
-                                                        },
-                                                      }),
-                                                      _vm._v(" "),
-                                                      _c("input", {
-                                                        directives: [
-                                                          {
-                                                            name: "model",
-                                                            rawName: "v-model",
-                                                            value:
-                                                              _vm.form
-                                                                .tanggal_mati,
-                                                            expression:
-                                                              "form.tanggal_mati",
-                                                          },
-                                                          {
-                                                            name: "show",
-                                                            rawName: "v-show",
-                                                            value: false,
-                                                            expression: "false",
-                                                          },
-                                                          {
-                                                            name: "validate",
-                                                            rawName:
-                                                              "v-validate",
-                                                            value: "required",
-                                                            expression:
-                                                              "'required'",
-                                                          },
-                                                        ],
-                                                        attrs: {
-                                                          "data-vv-as":
-                                                            "Tgl. cacat/meninggal",
-                                                        },
-                                                        domProps: {
-                                                          value:
-                                                            _vm.form
-                                                              .tanggal_mati,
-                                                        },
-                                                        on: {
-                                                          input: function (
-                                                            $event
-                                                          ) {
-                                                            if (
-                                                              $event.target
-                                                                .composing
-                                                            ) {
-                                                              return
-                                                            }
-                                                            _vm.$set(
-                                                              _vm.form,
-                                                              "tanggal_mati",
-                                                              $event.target
-                                                                .value
-                                                            )
-                                                          },
-                                                        },
-                                                      }),
-                                                      _vm._v(" "),
-                                                      _vm.errors.has(
-                                                        "form.tanggal_mati"
-                                                      )
-                                                        ? _c(
-                                                            "small",
-                                                            {
-                                                              staticClass:
-                                                                "text-muted text-danger",
-                                                            },
-                                                            [
-                                                              _c("i", {
-                                                                staticClass:
-                                                                  "icon-arrow-small-right",
-                                                              }),
-                                                              _vm._v(
-                                                                " " +
-                                                                  _vm._s(
-                                                                    _vm.errors.first(
-                                                                      "form.tanggal_mati"
-                                                                    )
-                                                                  ) +
-                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                              ),
-                                                            ]
-                                                          )
-                                                        : _c(
-                                                            "small",
-                                                            {
-                                                              staticClass:
-                                                                "text-muted",
-                                                            },
-                                                            [_vm._v(" ")]
-                                                          ),
-                                                    ],
-                                                    1
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                { staticClass: "col-md-3" },
-                                                [
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass: "form-group",
-                                                    },
-                                                    [
-                                                      _c("h6", [
-                                                        _vm._v(
-                                                          "Keterangan Cacat/Meninggal:"
-                                                        ),
-                                                      ]),
-                                                      _vm._v(" "),
-                                                      _c("input", {
-                                                        directives: [
-                                                          {
-                                                            name: "model",
-                                                            rawName: "v-model",
-                                                            value:
-                                                              _vm.form
-                                                                .keterangan_mati,
-                                                            expression:
-                                                              "form.keterangan_mati",
-                                                          },
-                                                        ],
-                                                        staticClass:
-                                                          "form-control",
-                                                        attrs: {
-                                                          type: "text",
-                                                          name: "keterangan_mati",
-                                                          placeholder:
-                                                            "Silahkan masukkan keterangan cacat/meninggal",
-                                                        },
-                                                        domProps: {
-                                                          value:
-                                                            _vm.form
-                                                              .keterangan_mati,
-                                                        },
-                                                        on: {
-                                                          input: function (
-                                                            $event
-                                                          ) {
-                                                            if (
-                                                              $event.target
-                                                                .composing
-                                                            ) {
-                                                              return
-                                                            }
-                                                            _vm.$set(
-                                                              _vm.form,
-                                                              "keterangan_mati",
-                                                              $event.target
-                                                                .value
-                                                            )
-                                                          },
-                                                        },
-                                                      }),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                { staticClass: "col-md-3" },
-                                                [
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass: "form-group",
-                                                    },
-                                                    [
-                                                      _c(
-                                                        "h6",
-                                                        {
-                                                          class: {
-                                                            "text-danger":
-                                                              _vm.errors.has(
-                                                                "form.tanggal_mati"
-                                                              ),
-                                                          },
-                                                        },
-                                                        [
-                                                          _vm.errors.has(
-                                                            "form.tanggal_mati"
-                                                          )
-                                                            ? _c("i", {
-                                                                staticClass:
-                                                                  "icon-cross2",
-                                                              })
-                                                            : _vm._e(),
-                                                          _vm._v(
-                                                            "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tKeterangan Lain:\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                          ),
-                                                        ]
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c("input", {
-                                                        directives: [
-                                                          {
-                                                            name: "model",
-                                                            rawName: "v-model",
-                                                            value:
-                                                              _vm.form
-                                                                .keterangan,
-                                                            expression:
-                                                              "form.keterangan",
-                                                          },
-                                                        ],
-                                                        staticClass:
-                                                          "form-control",
-                                                        attrs: {
-                                                          type: "text",
-                                                          name: "keterangan",
-                                                          placeholder:
-                                                            "Silahkan masukkan keterangan lain",
-                                                        },
-                                                        domProps: {
-                                                          value:
-                                                            _vm.form.keterangan,
-                                                        },
-                                                        on: {
-                                                          input: function (
-                                                            $event
-                                                          ) {
-                                                            if (
-                                                              $event.target
-                                                                .composing
-                                                            ) {
-                                                              return
-                                                            }
-                                                            _vm.$set(
-                                                              _vm.form,
-                                                              "keterangan",
-                                                              $event.target
-                                                                .value
-                                                            )
-                                                          },
-                                                        },
-                                                      }),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _vm.formStat == "success" &&
-                                              _vm.tipe != "CACAT"
-                                                ? _c(
-                                                    "div",
-                                                    { staticClass: "col-md-6" },
-                                                    [
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "form-group",
-                                                          class: {
-                                                            "has-error":
-                                                              _vm.errors.has(
-                                                                "form.tunas_diajukan"
-                                                              ),
-                                                          },
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "h5",
-                                                            [
-                                                              _vm._v(
-                                                                "Nilai pengajuan bantuan solidaritas TUNAS "
-                                                              ),
-                                                              _c("wajib-badge"),
-                                                            ],
-                                                            1
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c("cleave", {
-                                                            directives: [
-                                                              {
-                                                                name: "validate",
-                                                                rawName:
-                                                                  "v-validate",
-                                                                value:
-                                                                  "required",
-                                                                expression:
-                                                                  "'required'",
-                                                              },
-                                                            ],
-                                                            staticClass:
-                                                              "form-control",
-                                                            attrs: {
-                                                              name: "tunas_diajukan",
-                                                              options:
-                                                                _vm.cleaveOption
-                                                                  .numeric,
-                                                              placeholder:
-                                                                "Silahkan masukkan jumlah nilai pengajuan bantuan solidaritas TUNAS",
-                                                              "data-vv-as":
-                                                                "Nilai pengajuan bantuan solidaritas TUNAS",
-                                                            },
-                                                            model: {
-                                                              value:
-                                                                _vm.form
-                                                                  .tunas_diajukan,
-                                                              callback:
-                                                                function ($$v) {
-                                                                  _vm.$set(
-                                                                    _vm.form,
-                                                                    "tunas_diajukan",
-                                                                    $$v
-                                                                  )
-                                                                },
-                                                              expression:
-                                                                "form.tunas_diajukan",
-                                                            },
-                                                          }),
-                                                          _vm._v(" "),
-                                                          _vm.errors.has(
-                                                            "form.tunas_diajukan"
-                                                          )
-                                                            ? _c(
-                                                                "small",
-                                                                {
-                                                                  staticClass:
-                                                                    "text-muted text-danger",
-                                                                },
-                                                                [
-                                                                  _c("i", {
-                                                                    staticClass:
-                                                                      "icon-arrow-small-right",
-                                                                  }),
-                                                                  _vm._v(
-                                                                    " " +
-                                                                      _vm._s(
-                                                                        _vm.errors.first(
-                                                                          "form.tunas_diajukan"
-                                                                        )
-                                                                      ) +
-                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                  ),
-                                                                ]
-                                                              )
-                                                            : _c(
-                                                                "small",
-                                                                {
-                                                                  staticClass:
-                                                                    "text-muted",
-                                                                },
-                                                                [_vm._v(" ")]
-                                                              ),
-                                                        ],
-                                                        1
-                                                      ),
-                                                    ]
-                                                  )
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                { staticClass: "col-md-6" },
-                                                [
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass: "form-group",
-                                                      class: {
-                                                        "has-error":
-                                                          _vm.errors.has(
-                                                            "form.lintang_diajukan"
-                                                          ),
-                                                      },
-                                                    },
-                                                    [
-                                                      _c(
-                                                        "h5",
-                                                        [
-                                                          _vm._v(
-                                                            "Nilai pengajuan bantuan solidaritas LINTANG "
-                                                          ),
-                                                          _c("wajib-badge"),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c("cleave", {
-                                                        directives: [
-                                                          {
-                                                            name: "validate",
-                                                            rawName:
-                                                              "v-validate",
-                                                            value: "required",
-                                                            expression:
-                                                              "'required'",
-                                                          },
-                                                        ],
-                                                        staticClass:
-                                                          "form-control",
-                                                        attrs: {
-                                                          name: "lintang_diajukan",
-                                                          options:
-                                                            _vm.cleaveOption
-                                                              .numeric,
-                                                          placeholder:
-                                                            "Silahkan masukkan jumlah nilai pengajuan bantuan solidaritas LINTANG",
-                                                          "data-vv-as":
-                                                            "Nilai pengajuan bantuan solidaritas LINTANG",
-                                                        },
-                                                        model: {
-                                                          value:
-                                                            _vm.form
-                                                              .lintang_diajukan,
-                                                          callback: function (
-                                                            $$v
-                                                          ) {
-                                                            _vm.$set(
-                                                              _vm.form,
-                                                              "lintang_diajukan",
-                                                              $$v
-                                                            )
-                                                          },
-                                                          expression:
-                                                            "form.lintang_diajukan",
-                                                        },
-                                                      }),
-                                                      _vm._v(" "),
-                                                      _vm.errors.has(
-                                                        "form.lintang_diajukan"
-                                                      )
-                                                        ? _c(
-                                                            "small",
-                                                            {
-                                                              staticClass:
-                                                                "text-muted text-danger",
-                                                            },
-                                                            [
-                                                              _c("i", {
-                                                                staticClass:
-                                                                  "icon-arrow-small-right",
-                                                              }),
-                                                              _vm._v(
-                                                                " " +
-                                                                  _vm._s(
-                                                                    _vm.errors.first(
-                                                                      "form.lintang_diajukan"
-                                                                    )
-                                                                  ) +
-                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                              ),
-                                                            ]
-                                                          )
-                                                        : _c(
-                                                            "small",
-                                                            {
-                                                              staticClass:
-                                                                "text-muted",
-                                                            },
-                                                            [_vm._v(" ")]
-                                                          ),
-                                                    ],
-                                                    1
-                                                  ),
-                                                ]
-                                              ),
-                                            ]),
-                                          ]
-                                        ),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("div", { staticClass: "card" }, [
-                                        _vm._m(5),
-                                        _vm._v(" "),
-                                        _c(
-                                          "div",
-                                          { staticClass: "card-body" },
-                                          [
-                                            _c(
-                                              "div",
-                                              {
-                                                staticClass:
-                                                  "nav-tabs-responsive mb-3",
-                                              },
-                                              [
-                                                _c(
-                                                  "ul",
-                                                  {
-                                                    staticClass:
-                                                      "nav nav-tabs nav-tabs-solid  bg-light",
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "li",
-                                                      {
-                                                        staticClass: "nav-item",
-                                                      },
-                                                      [
-                                                        _c(
-                                                          "a",
-                                                          {
-                                                            staticClass:
-                                                              "nav-link",
-                                                            class: {
-                                                              active:
-                                                                _vm.tabName ==
-                                                                "ktp",
-                                                            },
-                                                            attrs: {
-                                                              href: "#",
-                                                            },
-                                                            on: {
-                                                              click: function (
-                                                                $event
-                                                              ) {
-                                                                $event.preventDefault()
-                                                                return _vm.changeTab(
-                                                                  "ktp"
-                                                                )
-                                                              },
-                                                            },
-                                                          },
-                                                          [
-                                                            _c("i", {
-                                                              staticClass:
-                                                                "icon-vcard mr-2",
-                                                            }),
-                                                            _vm._v(
-                                                              " Identitas diri (Kartu tanda penduduk (KTP) atau Surat Keterangan Kependudukan) "
-                                                            ),
-                                                          ]
-                                                        ),
-                                                      ]
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _vm.tipe == "MENINGGAL"
-                                                      ? _c(
-                                                          "li",
-                                                          {
-                                                            staticClass:
-                                                              "nav-item",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "a",
-                                                              {
-                                                                staticClass:
-                                                                  "nav-link",
-                                                                class: {
-                                                                  active:
-                                                                    _vm.tabName ==
-                                                                    "meninggal",
-                                                                },
-                                                                attrs: {
-                                                                  href: "#",
-                                                                },
-                                                                on: {
-                                                                  click:
-                                                                    function (
-                                                                      $event
-                                                                    ) {
-                                                                      $event.preventDefault()
-                                                                      return _vm.changeTab(
-                                                                        "meninggal"
-                                                                      )
-                                                                    },
-                                                                },
-                                                              },
-                                                              [
-                                                                _c("i", {
-                                                                  staticClass:
-                                                                    "icon-person mr-2",
-                                                                }),
-                                                                _vm._v(
-                                                                  " Keterangan meninggal dunia"
-                                                                ),
-                                                              ]
-                                                            ),
-                                                          ]
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "li",
-                                                      {
-                                                        staticClass: "nav-item",
-                                                      },
-                                                      [
-                                                        _c(
-                                                          "a",
-                                                          {
-                                                            staticClass:
-                                                              "nav-link",
-                                                            class: {
-                                                              active:
-                                                                _vm.tabName ==
-                                                                "spma",
-                                                            },
-                                                            attrs: {
-                                                              href: "#",
-                                                            },
-                                                            on: {
-                                                              click: function (
-                                                                $event
-                                                              ) {
-                                                                $event.preventDefault()
-                                                                return _vm.changeTab(
-                                                                  "spma"
-                                                                )
-                                                              },
-                                                            },
-                                                          },
-                                                          [
-                                                            _c("i", {
-                                                              staticClass:
-                                                                "icon-magazine mr-2",
-                                                            }),
-                                                            _vm._v(
-                                                              " Surat Permohonan Menjadi Anggota "
-                                                            ),
-                                                          ]
-                                                        ),
-                                                      ]
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _vm.tipe == "MENINGGAL"
-                                                      ? _c(
-                                                          "li",
-                                                          {
-                                                            staticClass:
-                                                              "nav-item",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "a",
-                                                              {
-                                                                staticClass:
-                                                                  "nav-link",
-                                                                class: {
-                                                                  active:
-                                                                    _vm.tabName ==
-                                                                    "bukusimpanan",
-                                                                },
-                                                                attrs: {
-                                                                  href: "#",
-                                                                },
-                                                                on: {
-                                                                  click:
-                                                                    function (
-                                                                      $event
-                                                                    ) {
-                                                                      $event.preventDefault()
-                                                                      return _vm.changeTab(
-                                                                        "bukusimpanan"
-                                                                      )
-                                                                    },
-                                                                },
-                                                              },
-                                                              [
-                                                                _c("i", {
-                                                                  staticClass:
-                                                                    "icon-credit-card mr-2",
-                                                                }),
-                                                                _vm._v(
-                                                                  " Buku Simpanan "
-                                                                ),
-                                                              ]
-                                                            ),
-                                                          ]
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "li",
-                                                      {
-                                                        staticClass: "nav-item",
-                                                      },
-                                                      [
-                                                        _c(
-                                                          "a",
-                                                          {
-                                                            staticClass:
-                                                              "nav-link",
-                                                            class: {
-                                                              active:
-                                                                _vm.tabName ==
-                                                                "bukupinjaman",
-                                                            },
-                                                            attrs: {
-                                                              href: "#",
-                                                            },
-                                                            on: {
-                                                              click: function (
-                                                                $event
-                                                              ) {
-                                                                $event.preventDefault()
-                                                                return _vm.changeTab(
-                                                                  "bukupinjaman"
-                                                                )
-                                                              },
-                                                            },
-                                                          },
-                                                          [
-                                                            _c("i", {
-                                                              staticClass:
-                                                                "icon-credit-card2 mr-2",
-                                                            }),
-                                                            _vm._v(
-                                                              " Buku Pinjaman "
-                                                            ),
-                                                          ]
-                                                        ),
-                                                      ]
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "li",
-                                                      {
-                                                        staticClass: "nav-item",
-                                                      },
-                                                      [
-                                                        _c(
-                                                          "a",
-                                                          {
-                                                            staticClass:
-                                                              "nav-link",
-                                                            class: {
-                                                              active:
-                                                                _vm.tabName ==
-                                                                "pinjaman",
-                                                            },
-                                                            attrs: {
-                                                              href: "#",
-                                                            },
-                                                            on: {
-                                                              click: function (
-                                                                $event
-                                                              ) {
-                                                                $event.preventDefault()
-                                                                return _vm.changeTab(
-                                                                  "pinjaman"
-                                                                )
-                                                              },
-                                                            },
-                                                          },
-                                                          [
-                                                            _c("i", {
-                                                              staticClass:
-                                                                "icon-clipboard3 mr-2",
-                                                            }),
-                                                            _vm._v(
-                                                              " Permohonan dan perjanjian pinjaman"
-                                                            ),
-                                                          ]
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "transition",
-                                              {
-                                                attrs: {
-                                                  "enter-active-class":
-                                                    "animated fadeIn",
-                                                  mode: "out-in",
-                                                },
-                                              },
-                                              [
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    directives: [
-                                                      {
-                                                        name: "show",
-                                                        rawName: "v-show",
-                                                        value:
-                                                          _vm.tabName ==
-                                                          "meninggal",
-                                                        expression:
-                                                          "tabName == 'meninggal'",
-                                                      },
-                                                    ],
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "div",
-                                                      {
-                                                        staticClass:
-                                                          "form-group",
-                                                      },
-                                                      [
-                                                        _c("h5", [
-                                                          _vm._v(
-                                                            "Keterangan meninggal dunia:"
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("app-image-upload", {
-                                                          attrs: {
-                                                            image_loc:
-                                                              "/images/jalinan/",
-                                                            image_temp:
-                                                              _vm.form
-                                                                .dokumen_meninggal,
-                                                          },
-                                                          model: {
-                                                            value:
-                                                              _vm.form
-                                                                .dokumen_meninggal,
-                                                            callback: function (
-                                                              $$v
-                                                            ) {
-                                                              _vm.$set(
-                                                                _vm.form,
-                                                                "dokumen_meninggal",
-                                                                $$v
-                                                              )
-                                                            },
-                                                            expression:
-                                                              "form.dokumen_meninggal",
-                                                          },
-                                                        }),
-                                                      ],
-                                                      1
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "transition",
-                                              {
-                                                attrs: {
-                                                  "enter-active-class":
-                                                    "animated fadeIn",
-                                                  mode: "out-in",
-                                                },
-                                              },
-                                              [
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    directives: [
-                                                      {
-                                                        name: "show",
-                                                        rawName: "v-show",
-                                                        value:
-                                                          _vm.tabName == "ktp",
-                                                        expression:
-                                                          "tabName == 'ktp'",
-                                                      },
-                                                    ],
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "div",
-                                                      {
-                                                        staticClass:
-                                                          "form-group",
-                                                      },
-                                                      [
-                                                        _c("h5", [
-                                                          _vm._v(
-                                                            "Identitas diri (Kartu tanda penduduk (KTP) atau Surat Keterangan Kependudukan) :"
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("app-image-upload", {
-                                                          attrs: {
-                                                            image_loc:
-                                                              "/images/jalinan/",
-                                                            image_temp:
-                                                              _vm.form
-                                                                .dokumen_ktp,
-                                                          },
-                                                          model: {
-                                                            value:
-                                                              _vm.form
-                                                                .dokumen_ktp,
-                                                            callback: function (
-                                                              $$v
-                                                            ) {
-                                                              _vm.$set(
-                                                                _vm.form,
-                                                                "dokumen_ktp",
-                                                                $$v
-                                                              )
-                                                            },
-                                                            expression:
-                                                              "form.dokumen_ktp",
-                                                          },
-                                                        }),
-                                                      ],
-                                                      1
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "transition",
-                                              {
-                                                attrs: {
-                                                  "enter-active-class":
-                                                    "animated fadeIn",
-                                                  mode: "out-in",
-                                                },
-                                              },
-                                              [
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    directives: [
-                                                      {
-                                                        name: "show",
-                                                        rawName: "v-show",
-                                                        value:
-                                                          _vm.tabName == "spma",
-                                                        expression:
-                                                          "tabName == 'spma'",
-                                                      },
-                                                    ],
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "div",
-                                                      { staticClass: "row" },
-                                                      [
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Surat Permohonan Menjadi Anggota 1:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .spma_1,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .spma_1,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "spma_1",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.spma_1",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Surat Permohonan Menjadi Anggota 2:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .spma_2,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .spma_2,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "spma_2",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.spma_2",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "transition",
-                                              {
-                                                attrs: {
-                                                  "enter-active-class":
-                                                    "animated fadeIn",
-                                                  mode: "out-in",
-                                                },
-                                              },
-                                              [
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    directives: [
-                                                      {
-                                                        name: "show",
-                                                        rawName: "v-show",
-                                                        value:
-                                                          _vm.tabName ==
-                                                          "bukusimpanan",
-                                                        expression:
-                                                          "tabName == 'bukusimpanan'",
-                                                      },
-                                                    ],
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "div",
-                                                      { staticClass: "row" },
-                                                      [
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Buku Simpanan 1:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .buku_simpanan_1,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .buku_simpanan_1,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "buku_simpanan_1",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.buku_simpanan_1",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Buku Simpanan 2:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .buku_simpanan_2,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .buku_simpanan_2,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "buku_simpanan_2",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.buku_simpanan_2",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Buku Simpanan 3:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .buku_simpanan_3,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .buku_simpanan_3,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "buku_simpanan_3",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.buku_simpanan_3",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Buku Simpanan 4:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .buku_simpanan_4,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .buku_simpanan_4,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "buku_simpanan_4",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.buku_simpanan_4",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Buku Simpanan 5:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .buku_simpanan_5,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .buku_simpanan_5,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "buku_simpanan_5",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.buku_simpanan_5",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "transition",
-                                              {
-                                                attrs: {
-                                                  "enter-active-class":
-                                                    "animated fadeIn",
-                                                  mode: "out-in",
-                                                },
-                                              },
-                                              [
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    directives: [
-                                                      {
-                                                        name: "show",
-                                                        rawName: "v-show",
-                                                        value:
-                                                          _vm.tabName ==
-                                                          "bukupinjaman",
-                                                        expression:
-                                                          "tabName == 'bukupinjaman'",
-                                                      },
-                                                    ],
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "div",
-                                                      { staticClass: "row" },
-                                                      [
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Buku Pinjaman 1:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .buku_pinjaman_1,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .buku_pinjaman_1,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "buku_pinjaman_1",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.buku_pinjaman_1",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Buku Pinjaman 2:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .buku_pinjaman_2,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .buku_pinjaman_2,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "buku_pinjaman_2",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.buku_pinjaman_2",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Buku Pinjaman 3:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .buku_pinjaman_3,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .buku_pinjaman_3,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "buku_pinjaman_3",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.buku_pinjaman_3",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "transition",
-                                              {
-                                                attrs: {
-                                                  "enter-active-class":
-                                                    "animated fadeIn",
-                                                  mode: "out-in",
-                                                },
-                                              },
-                                              [
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    directives: [
-                                                      {
-                                                        name: "show",
-                                                        rawName: "v-show",
-                                                        value:
-                                                          _vm.tabName ==
-                                                          "pinjaman",
-                                                        expression:
-                                                          "tabName == 'pinjaman'",
-                                                      },
-                                                    ],
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "div",
-                                                      { staticClass: "row" },
-                                                      [
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Dokumen Pinjaman 1:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .dokumen_pinjaman_1,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .dokumen_pinjaman_1,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "dokumen_pinjaman_1",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.dokumen_pinjaman_1",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Dokumen Pinjaman 2:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .dokumen_pinjaman_2,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .dokumen_pinjaman_2,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "dokumen_pinjaman_2",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.dokumen_pinjaman_2",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Dokumen Pinjaman 3:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .dokumen_pinjaman_3,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .dokumen_pinjaman_3,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "dokumen_pinjaman_3",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.dokumen_pinjaman_3",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Dokumen Pinjaman 4:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .dokumen_pinjaman_4,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .dokumen_pinjaman_4,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "dokumen_pinjaman_4",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.dokumen_pinjaman_4",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Dokumen Pinjaman 5:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .dokumen_pinjaman_5,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .dokumen_pinjaman_5,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "dokumen_pinjaman_5",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.dokumen_pinjaman_5",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "form-group",
-                                                              },
-                                                              [
-                                                                _c("h5", [
-                                                                  _vm._v(
-                                                                    "Dokumen Pinjaman 6:"
-                                                                  ),
-                                                                ]),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "app-image-upload",
-                                                                  {
-                                                                    attrs: {
-                                                                      image_loc:
-                                                                        "/images/jalinan/",
-                                                                      image_temp:
-                                                                        _vm.form
-                                                                          .dokumen_pinjaman_6,
-                                                                    },
-                                                                    model: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .dokumen_pinjaman_6,
-                                                                      callback:
-                                                                        function (
-                                                                          $$v
-                                                                        ) {
-                                                                          _vm.$set(
-                                                                            _vm.form,
-                                                                            "dokumen_pinjaman_6",
-                                                                            $$v
-                                                                          )
-                                                                        },
-                                                                      expression:
-                                                                        "form.dokumen_pinjaman_6",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                          ],
-                                          1
-                                        ),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("form-info"),
-                                      _vm._v(" "),
-                                      _c(
-                                        "div",
-                                        { staticClass: "card card-body" },
-                                        [
-                                          _c("form-button", {
-                                            attrs: {
-                                              cancelState: "methods",
-                                              formValidation: "form",
-                                            },
-                                            on: { cancelClick: _vm.back },
-                                          }),
-                                        ],
-                                        1
-                                      ),
-                                    ],
-                                    1
-                                  )
-                                : _vm._e(),
-                            ]),
+                        _c("i", { class: _vm.titleIcon }),
+                        _vm._v(" Ok\n\t\t\t\t\t\t\t\t"),
                       ]
                     ),
-                  ])
-                : _vm._e(),
-            ],
-            1
+                  ]),
+                ]),
+              ]),
+            ]
           ),
         ]),
       ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            content: _vm.modalContent,
-            color: _vm.modalColor,
-          },
-          on: {
-            batal: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            tutup: _vm.modalTutup,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "modal-body1" }),
-          _vm._v(" "),
-          _c("template", { slot: "modal-body2" }),
-        ],
-        2
-      ),
-    ],
-    1
-  )
+    ]),
+  ])
 }
 var staticRenderFns = [
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Identitas")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [
-        _vm._v("Keanggotaan CU"),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Tipe")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Daftar Produk")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [
-        _vm._v("Form Bantuan Solidaritas "),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Dokumen")]),
-    ])
+    return _c(
+      "div",
+      { staticClass: "navbar navbar-expand-lg navbar-dark bg-indigo" },
+      [
+        _c("div", { staticClass: "navbar-brand wmin-0 mr-0" }, [
+          _c("a", { staticClass: "d-inline-block", attrs: { href: "#" } }, [
+            _c("img", { attrs: { src: "/images/simo.png" } }),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("div", [
+          _c("span", { staticClass: "navbar-text ml-lg-3 mr-lg-auto" }, [
+            _c("span", { staticClass: "badge bg-success-400" }, [
+              _vm._v("PUSKOPCUINA \n\t\t\t\t"),
+            ]),
+          ]),
+        ]),
+      ]
+    )
   },
 ]
 render._withStripped = true
@@ -4331,17 +484,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/countWidget.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/components/countWidget.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./countWidget.vue?vue&type=template&id=b9608b28& */ "./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&");
-/* harmony import */ var _countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./countWidget.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&");
+/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4351,9 +504,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4363,54 +516,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/countWidget.vue"
+component.options.__file = "resources/assets/js/components/checkValue.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./countWidget.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./countWidget.vue?vue&type=template&id=b9608b28& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanKlaim/form.vue":
-/*!*********************************************************!*\
-  !*** ./resources/assets/js/views/jalinanKlaim/form.vue ***!
-  \*********************************************************/
+/***/ "./resources/assets/js/views/voting/input.vue":
+/*!****************************************************!*\
+  !*** ./resources/assets/js/views/voting/input.vue ***!
+  \****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_a5ee5ada___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=a5ee5ada& */ "./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=template&id=a5ee5ada&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _input_vue_vue_type_template_id_38aa1715___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./input.vue?vue&type=template&id=38aa1715& */ "./resources/assets/js/views/voting/input.vue?vue&type=template&id=38aa1715&");
+/* harmony import */ var _input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./input.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/input.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4420,9 +573,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_a5ee5ada___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_a5ee5ada___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _input_vue_vue_type_template_id_38aa1715___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _input_vue_vue_type_template_id_38aa1715___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4432,38 +585,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanKlaim/form.vue"
+component.options.__file = "resources/assets/js/views/voting/input.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/voting/input.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/input.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./input.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/input.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=template&id=a5ee5ada&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=template&id=a5ee5ada& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/voting/input.vue?vue&type=template&id=38aa1715&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/input.vue?vue&type=template&id=38aa1715& ***!
+  \***********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_a5ee5ada___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=a5ee5ada& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=template&id=a5ee5ada&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_a5ee5ada___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_template_id_38aa1715___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./input.vue?vue&type=template&id=38aa1715& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/input.vue?vue&type=template&id=38aa1715&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_template_id_38aa1715___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_a5ee5ada___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_template_id_38aa1715___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/118.js b/public/js/components/118.js
index 412158e4b..17f80b41c 100644
--- a/public/js/components/118.js
+++ b/public/js/components/118.js
@@ -1,33 +1,16 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[118],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
   \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
 //
 //
 //
@@ -54,297 +37,77 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 
+
 /* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
+    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
   props: {
-    title: {
-      "default": ''
-    },
-    titleIcon: {
+    value: {
       "default": ''
     },
-    titleDesc: {
+    frontText: {
       "default": ''
     },
-    level: {
-      "default": 1
+    trimLength: {
+      "default": 50
     },
-    level2Title: {
-      "default": ''
+    valueType: {
+      "default": 'trim'
     },
-    level2Route: {
-      "default": ''
+    empty: {
+      "default": '-'
     }
   },
+  data: function data() {
+    return {
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: ''
+    };
+  },
   methods: {
-    level2Back: function level2Back() {
-      this.$emit('level2Back');
-    },
-    route1: function route1() {
-      if (this.btn1RouteParams) {
-        this.$router.push({
-          name: this.btn1Route,
-          params: {
-            cu: this.btn1RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn1Route
-        });
-      }
+    modalOpen: function modalOpen() {
+      this.modalShow = true;
+      this.modalState = 'content-tutup';
+      this.modalContent = this.value;
+      this.modalButton = 'Tutup';
     },
-    route2: function route2() {
-      if (this.btn2RouteParams) {
-        this.$router.push({
-          name: this.btn2Route,
-          params: {
-            cu: this.btn2RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn2Route
-        });
-      }
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
     },
-    route3: function route3() {
-      if (this.btn3RouteParams) {
-        this.$router.push({
-          name: this.btn3Route,
-          params: {
-            cu: this.btn3RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn3Route
-        });
-      }
+    strip: function strip(html) {
+      var tmp = document.createElement("DIV");
+      tmp.innerHTML = html;
+      return tmp.textContent || tmp.innerText || "";
     }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
+  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/changelog.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sistem/changelog.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/pilih.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/pilih.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -581,6215 +344,845 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_0__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Changelog',
-      titleDesc: 'Sejarah penambahan fitur dan perbaikan pada sistem',
-      titleIcon: 'icon-list'
-    };
-  },
-  created: function created() {
-    window.scrollTo(0, 0);
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
-            [
-              _vm.level === 1
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
-                        },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/changelog.vue?vue&type=template&id=1bfa1552&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sistem/changelog.vue?vue&type=template&id=1bfa1552& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _vm._m(0),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "page-content pt-0" }, [
-      _c("div", { staticClass: "content-wrapper" }, [
-        _c("div", { staticClass: "content" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card-group-control card-group-control-right",
-              attrs: { id: "accordion-control-right" },
-            },
-            [
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v344" },
-                      },
-                      [
-                        _vm._v("Version 3.4.4"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 26 Januari 2022"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse show",
-                    attrs: {
-                      id: "v344",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi meningkatkan fungsi dari fitur voting dan pemilihan\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur link voting dan pemilihan secara custom"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur pengisian tanggapan untuk voting"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur pemilihan lebih dari satu calon untuk 1 link"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug tampilan pada bagian voting dan pemilihan"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: { "data-toggle": "collapse", href: "#v343" },
-                      },
-                      [
-                        _vm._v("Version 3.4.3"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 9 Oktober 2021"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v343",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi menambahkan fitur migrasi data anggota dari ESCETE ke SIMO dan peningkatan pada perhitungan iuran Jalinan\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur upload file CSV data anggota dari ESCETE"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan metode perhitungan untuk iuran Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug tampilan pada bagian Diklat dan Pertemuan"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: { "data-toggle": "collapse", href: "#v342" },
-                      },
-                      [
-                        _vm._v("Version 3.4.2"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 17 Juli 2021"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v342",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi menambahkan fitur arsip yaitu dokumen digital\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur agar CU bisa mengakses dokumen digital dari PUSKOPCUINA"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur untuk bisa mengelola dokumen digital masing-masing CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug tampilan pada beberapa bagian"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: { "data-toggle": "collapse", href: "#v341" },
-                      },
-                      [
-                        _vm._v("Version 3.4.1"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 5 Juni 2021"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v341",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi menambahkan informasi riwayat bantuan solidaritas pada klain Jalinan, informasi tambahan pada aktivis seperti penghargaan, pelanggaran dan lainnya, dan memperbaiki bug di voting dan pemilihan\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur untuk bisa melihat riwayat bantuan solidaritas pada bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur informasi tambahan pada riwayat aktivis yang bisa mencakup informasi penghargaan, pelanggaran, dan lainnya"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug jumlah karakter untuk judul/pertanyaan pada voting dan pemilihan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug tampilan pada pertanyaan"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug tampilan pada activity log dan aktivitas user"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: { "data-toggle": "collapse", href: "#v340" },
-                      },
-                      [
-                        _vm._v("Version 3.4.0"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 22 Mei 2021"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v340",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi memperbaiki bug voting dan pemilihan serta menambahkan versi awal / prototipe dari fitur iuran jalinan\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada voting yang membuat skor tidak muncul secara real time walaupun secara database data tersimpan tapi tidak muncul di tampilan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug tampilan pada form penambahan calon di pemilihan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan prototipe fitur iuran jalinan untuk dicoba secara internal dengan data sesungguhnya"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: { "data-toggle": "collapse", href: "#v339" },
-                      },
-                      [
-                        _vm._v("Version 3.3.9"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 15 Mei 2021"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v339",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi menambahkan fitur untuk voting dan perbaikan pada pemilihan\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur untuk melakukan voting yang dapat digunakan untuk melakukan pengambilan suara pada sebuah keputusan di kegiatan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur untuk melakukan download file excel pada daftar suara di pemilihan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [_vm._v("Perbaikan tampilan pada pemilihan")]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: { "data-toggle": "collapse", href: "#v338" },
-                      },
-                      [
-                        _vm._v("Version 3.3.8"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 25 April 2021"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v338",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi mengenai perubahan sistem untuk menyesuaikan dengan perubahan nama lembaga dan alamat domain. Serta ada perbaikan pada beberapa bagian\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Pengubahan nama Puskopdit BKCU Kalimantan menjadi PUSKOPCUINA di keseluruhan sistem"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Pengubahan domain dari puskopditbkcukalimantan.org ke puskopcuina.org"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada Pemilihan yang membuat tidak bisa menambahkan pemilihan baru jika belum terdapat data"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada Aktivis yang menampilkan informasi pekerjaan aktif yang salah pada aktivis yang juga menjabat di PUSKOPCUINA"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada Aktivis yang menampilkan label kosong mengenai nama ibu, nama ahli waris dan kontak ahli waris"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada DIKLAT yang memungkinkan CU mendaftarkan peserta walaupun sudah mencapai maksimal peserta keseluruhan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada Bantuan Solidaritas Jalinan pada koreksi dokumen tidak lengkap"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: { "data-toggle": "collapse", href: "#v337" },
-                      },
-                      [
-                        _vm._v("Version 3.3.7"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 4 Februari 2021"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v337",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi menawarkan perbaikan pada bantuan solidaritas Jalinan dan menawarkan fitur baru yaitu pemilihan pengurus dan pengawas\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur untuk melakukan pemilihan untuk aktivis CU yang bisa digunakan untuk melaksanakan pemilihan online untuk pengurus dan pengawas"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur untuk melihat informasi bantuan solidaritas Jalinan secara detail bagi CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur pada lihat bantuan solidaritas dan analisis bantuan solidaritas untuk bagian dokumen hanya menampilkan dokumen yang dilampirkan/diupload saja. Apabila tidak ada dokumen maka tombol untuk melihat dokumen tersebut tidak muncul"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur pada analisis bantuan solidaritas yaitu melakukan penolakan bantuan solidaritas terhadap bantuan solidaritas yang salah pilih atau salah input dan berhasil masuk sampai ke bagian menunggu dari proses bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada Bantuan Solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [_vm._v("Perbaikan bug pada hak akses")]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug tampilan dibeberapa bagian"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: { "data-toggle": "collapse", href: "#v336" },
-                      },
-                      [
-                        _vm._v("Version 3.3.6"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 4 Januari 2021"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v336",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi menawarkan peningkatan performa, keamanan dan perbaikan bug\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur untuk membuat QR Code secara banyak pada aset tetap"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Pengoptimalisasian akses aplikasi menjadi lebih cepat khususnya dalam jaringan internet yang lambat"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan sistem keamanan terhadap serangan DDoS"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan pada pengubahan hak akses user"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug tampilan dibeberapa bagian"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: { "data-toggle": "collapse", href: "#v335" },
-                      },
-                      [
-                        _vm._v("Version 3.3.5"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 24 Oktober 2020"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v335",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi menawarkan perbaikan dan peningkatan pada self assesment dan penambahan fitur untuk mengisi dan mengupload transaksi anggota CU\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan download excel untuk hasil self assesment untuk masing-masing perspektif"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan dan perbaikan pada update data secara real time untuk self assesment"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur upload excel transaksi simpanan dan pinjaman anggota CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur mengisi transaksi simpanan dan pinjaman anggota CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug tampilan dibeberapa bagian"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: { "data-toggle": "collapse", href: "#v334" },
-                      },
-                      [
-                        _vm._v("Version 3.3.4"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 12 Oktober 2020"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v334",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi menawarkan penambahan pada bagian tata kelola\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v("Penambahan upload bukti pada monitoring"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur real time data update di monitoring dimana ketika dilakukan penambahan di salah satu perangkat, maka di perangkat lain otomatis akan muncul perubahannya"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan tombol simpan draft untuk masing-masing perspektif pada seft assesment yang memungkinkan untuk melakukan penyimpanan di tiap bagian per perspektif"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan sistem upload anggota CU dengan excel"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug tampilan dibeberapa bagian"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: { "data-toggle": "collapse", href: "#v333" },
-                      },
-                      [
-                        _vm._v("Version 3.3.3"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 18 September 2020"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v333",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi menawarkan perbaikan dan peningkatan pada bantuan solidaritas Jalinan, notifikasi, dan anggota CU\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan upload foto buku simpanan, buku pinjaman anggota CU, dan surat permohonan menjadi anggota yang akan melakukan Bantuan Solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Penambahan fitur untuk mutasi anggota CU"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan sistem notifikasi yang menampilkan notifikasi secara real time"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan sistem upload anggota CU dengan excel"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug pada notifikasi monitoring"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: { "data-toggle": "collapse", href: "#v332" },
-                      },
-                      [
-                        _vm._v("Version 3.3.2"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 27 Agustus 2020"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v332",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi menawarkan peningkatan fungsi pemakaian pada beberapa bagian dan juga meningkatkan kecepatan dalam penyaluran update versi SIMO\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan dalam kecepatan untuk menyalurkan update versi SIMO kepada para pengguna"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan pada fitur upload data anggota cu"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan kategori pekerjaan di aktivis yaitu kolektor dan kelompok inti"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan informasi mutasi transaksi untuk simpanan dan pinjaman anggota cu pada form analisa bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perubahan pada format surat untuk Jalinan"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada bagian self assesment agar ketika BKCU melakukan penilaian maka CU tidak dapat melakukan pengubahan data lagi"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug pada beberapa tempat"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: { "data-toggle": "collapse", href: "#v331" },
-                      },
-                      [
-                        _vm._v("Version 3.3.1"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 1 Juli 2020"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v331",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini fokus pada peningkatan pada pengelolaan data user dan peningkatan pada tampilan secara umum.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan halaman activity log yang berguna untuk menampilkan aktivitas semua user"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan pada tampilan informasi aktivitas user"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan pada tampilan pemilihan hak akses user"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan pada pembuatan user dan pengubahan password yang mengharuskan password menggunakan password yang kuat"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Peningkatan komponen dasar pada tampilan"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [_vm._v("Perbaikan pada pemilihan tanggal")]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug pada beberapa tempat"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "text-default collapsed",
-                        attrs: {
-                          "data-toggle": "collapse",
-                          href: "#v330",
-                          "aria-expanded": "false",
-                        },
-                      },
-                      [
-                        _vm._v("Version 3.3.0"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" /  19 Juni 2020"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v330",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini merupakan perbaikan beberapa hal pada bagian diklat BKCU dan pertemuan BKCU.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug tombol daftar peserta dibagian diklat dan pertemuan BKCU yang tidak muncul"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug tombol-tombol pada tabel peserta dibagian diklat dan pertemuan BKCU yang tidak muncul pada perangkat mobile"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menghilangkan pengisian nama pada nametag, tanggal datang dan tanggal pulang apabila diklat ataupun pertemuan bersifat online pada form pendaftaran peserta"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Mengubah cara pengisian tanggal untuk semua form dari menulis manual sekarang selain menulis manual bisa juga memilih dari kalender yang akan muncul ketika di klik"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug tampilan pada form self assesment"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v329" },
-                      },
-                      [
-                        _vm._v("Version 3.2.9"),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 23 Mei 2020"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v329",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini memperkenalkan diklat BKCU Online, serta menambahkan fitur pada pertemuan BKCU dan memperbaiki bug pada bagian pengumuman\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Menambah fitur diklat online pada diklat BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah fitur pemberian dan pengumpulan tugas pada diklat BKCU dan pertemuan BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah fitur menandai pertanyaan sudah terjawab dan komentar pertanyaan menjadi jawaban pada diklat BKCU dan pertemuan BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug dan tampilan pada diklat BKCU dan pertemuan BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada bagian pengumuman untuk user BKCU"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v328" },
-                      },
-                      [
-                        _vm._v("Version 3.2.8 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 2 Mei 2020"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v328",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini memperkenalkan pertemuan BKCU yang dapat digunakan untuk mendata dan menyelenggarakan pertemuan baik itu offline maupun online serta beberapa perbaikan dan peningkatan pada diklat BKCU dan notifikasi\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Menambah pertemuan BKCU untuk mengelola semua pertemuan yang dilaksanakan BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah fitur untuk bisa melakukan dan mengikuti pertemuan BKCU secara online di dalam pertemuan online ini terdapat fitur distribusi materi, penerimaan tanggapan beserta komentar dan persetujuan, dan pendataan peserta"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah fitur untuk melakukan perhitungan jumlah CU yang mendaftar, jumlah cu yang hadir, dan jumlah tanggapan pada bagian Pertemuan BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Meningkatkan pengalaman penggunaan notifikasi dan kecepatan akses notifikasi"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambahkan dukungan notifikasi pada bagian monitoring"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambahkan dukungan notifikasi pada bagian self assesment access"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambahkan dukungan notifikasi pada bagian bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambahkan dukungan notifikasi pada bagian pertemuan BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Memperbaiki bug tampilan pada bagian Diklat BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Memperbaiki bug pada saat mengubah data panitia/fasilitator pada bagian Diklat BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Memperbaiki bug pada saat mengubah keanggota CU pada bagian Anggota CU"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v327" },
-                      },
-                      [
-                        _vm._v("Version 3.2.7 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 24 April 2020"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v327",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini memperkenalkan form monitoring cu dan perbaikan pada anggota CU\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Menambah form monitoring CU yang berguna untuk mendata kegiatan monitoring PUSKOPCUINA di CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah fitur untuk mengubah No. KTP / NIK data anggota CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Memperbaiki bug pada menampilkan data keanggota CU di tabel Anggota CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Memperbaiki bug pada penambahan data anggota apabila tidak memiliki No. KTP / NIK"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah validasi pada pembuatan username user simo yang melarang adanya username dengan spasi"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v326" },
-                      },
-                      [
-                        _vm._v("Version 3.2.6 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 5 April 2020"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v326",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini meningkatkan dan memperbaiki self assesment\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Menambahkan fitur simpan draft pada pengisian self assesment ACCESS"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambahkan fitur simpan draft pada penilaian self assesment ACCESS"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambahkan fitur pemeriksaan duplikasi data penilaian self assesment ACCESS"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Memperbaiki bug tampilan pada form pengisian self assesment ACCESS"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Memperbaiki bug tampilan pada perhitungan P.E.A.R.L.S"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Memperbaiki bug tampilan pada halaman public website bagian slider berita utama"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Memperbaiki bug hak akses pada menu aset tetap"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v325" },
-                      },
-                      [
-                        _vm._v("Version 3.2.5 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 17 Maret 2020"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v325",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini meningkatkan dan memperbaiki laporan bantuan solidaritas Jalinan\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Memperbaiki laporan bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Merubah penamaan menu laporan bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Merubah cara pencarian laporan bantuan solidaritas Jalinan menjadi lebih mendetail dan fleksibel"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambahkan fitur untuk mengubah identitas dan produk anggota CU yang mengajukan bantuan solidaritas Jalinan yang hanya bisa dilakukan oleh staf Jalinan PUSKOPCUINA guna memperbaiki kesalahan penginputan data anggota CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug pada perhitungan P.E.A.R.L.S."),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada tampilan peserta di Diklat BKCU"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v324" },
-                      },
-                      [
-                        _vm._v("Version 3.2.4 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 4 Maret 2020"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v324",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini merubah cara pengisian self assesment ACCESS Branding dan perubahan laporan pada Bantuan Solidaritas Jalinan\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Merubah cara pengisian self assesment ACCESS Branding dimana pengisian periode harus sesuai dengan periode yang sudah ada pada laporan perkembangan CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menyambungkan data self assesment ACCESS Branding dengan laporan perkembangan CU untuk informasi PEARLS"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Merubah laporan bantuan solidaritas Jalinan pencairan per-cu menjadi laporan bantuan solidaritas berdasarkan status yang akan menampilkan laporan bantuan solidaritas Jalinan sesuai dengan status bantuan solidaritas pada saat tersebut "
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada penambahan bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada koreksi Bantuan Solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada self assesment ACCESS Branding"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug pada indikator PEARLS di R7"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada tabel indikator PEARLS di dashboard"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v323" },
-                      },
-                      [
-                        _vm._v("Version 3.2.3 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 24 Februari 2020"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v323",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini menambahkan self assesment ACCESS Branding, catalog diklat di website publik BKCU Kalimantan dan koreksi bantuan solidaritas Jalinan\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan form pengisian self assesment ACCESS Branding untuk CU dan penilaian dari PUSKOPCUINA"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur koreksi untuk Bantuan Solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan catalog diklat di website publik BKCU Kalimantan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur untuk memasukkan foto utama pada masing-masing diklat"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Merubah menu Keuangan menjadi Tata Kelola"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug masih bisa menghapus data anggota yang sudah bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada riwayat profil user yang tidak bisa diubah"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug peserta yang sama bisa mendaftar 2 kali pada diklat BKCU"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v322" },
-                      },
-                      [
-                        _vm._v("Version 3.2.2 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 19 Desember 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v322",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini menambah surat pada Bantuan Solidaritas Jalinan, upload dokumen pada Bantuan Solidaritas Jalinan, QR Code pada Aset Tetap dan perbaikan beberapa bug.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan upload dokumen untuk memenuhi kebutuhan pengajuan Bantuan Solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan pemilahan data bantuan solidaritas berdasarkan TP"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan surat pada bagian Bantuan Solidaritas Jalinan yang terdiri dari surat dokument tidak lengkap, surat penolakan bantuan solidaritas dan surat pencairan klaim"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan informasi nomor surat dan tanggal surat untuk surat pada bagian Bantuan Solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur ketika logout otomatis maka akan kembali ke halaman terakhir yang dibuka sebelum."
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur membuat QR Code untuk aset tetap."
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada mengajukan bantuan solidaritas melalui menu anggota CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug error navigasi pada anggota CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug pada import anggota CU"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada laporan Bantuan Solidaritas Jalinan terkait jumlah anggota pada jenis kelamin Laki-laki"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada tombol penyelesaian bantuan solidaritas pada Bantuan Solidaritas Jalinan"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v321" },
-                      },
-                      [
-                        _vm._v("Version 3.2.1 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 3 Desember 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v321",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini memperbaiki beberapa bug tampilan data\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada menampilkan data detail laporan CU untuk akun aset bermasalah"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug pada menampilkan data anggota"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada menampilkan data pembeli dan penanggungjawab di aset tetap"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada menampilkan data panitia dalam gerakan untuk diklat"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v320" },
-                      },
-                      [
-                        _vm._v("Version 3.2.0 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 1 Desember 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v320",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini menambah beberapa fitur baru serta melakukan perbaikan bug, error dan peningkatan performa.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Menambah fitur auto reload file terbaru dari server apabila terdapat update dan menambahkan tombol hard reload apabila fitur auto reload gagal berfungsi."
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah fitur untuk membuatkan NIK sementara kepada anggota CU yang tidak bisa ditemukan/punya NIK lagi agar tetap bisa menginput data untuk anggota CU dan bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah informasi jumlah aktivis pertingkatan (manajemen, pengurus, dsb) pada bagian CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah tombol refresh pada bagian notifikasi untuk mendapatkan notifikasi terbaru sesuai keinginan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Mengubah cara mengambil data notifikasi dari setiap perpindahan halaman menjadi setiap 15 menit"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah fitur di profile masing-masing user untuk bisa mengubah data identitas dan riwayat sendiri"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah informasi no. KK, nama ibu, suku, dan pekerjaan pada form anggota CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Mengubah tampilan informasi verifikator bantuan solidaritas Jalinan "
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Optimalisasi pengambilan data bantuan solidaritas Jalinan dan data anggota CU ke server menjadi lebih ringkas dan cepat "
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Meningkatkan cara pengisian pekerjaan aktivis menjadi lebih mudah dimengerti"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Memindahkan menu untuk tabel draft hasil upload excel untuk anggota CU, laporan statistik CU, dan laporan statistik TP ke halaman masing-masing bagian terkait"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada saat menampilkan aktivis yang aktif dan tidak aktif"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug pada tombol anggota keluar"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug download excel semua data anggota CU tidak memunculkan sesuai CU tapi semua CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug download excel anggota CU kolom No. BA dan tanggal jadi anggota"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug download excel anggota CU dan aktivis kolom No. KTP digit terakhir hilang"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug tampilan persentase laju inflasi dan harga pasar"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada saat menambah diskusi untuk laporan TP"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada saat membuka dialog box dan menekan tombol back di browser maka tidak bisa scroll halamannya"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada penambahan kode jenis aset tetap dan kelompok aset tetap"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada searching di detail diklat BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug user tidak otomatis terkirim ke halaman login"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [_vm._v("Perbaikan bug gambar user error")]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v319" },
-                      },
-                      [
-                        _vm._v("Version 3.1.9 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 26 Oktober 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v319",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini fokus pada perbaikan di bagian anggota CU, user, aktivis dan bantuan solidaritas jalinan\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Menambah fitur migrasi data anggota CU dari sistem lain melalui excel"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah informasi tanggal target dan tujuan pada produk anggota CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada menampilkan data anggota CU di bagian sudah keluar dan sudah meninggal"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perubahan pada bagian input No. BA yang hanya memperbolehkan menginput angka saja"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan foto user yang tidak muncul"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug tampilan pada informasi jabatan, pendidikan dan organisasi pada bagian aktivis"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug mengubah identitas pada anggota CU yang sudah keluar dan meninggal"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v318" },
-                      },
-                      [
-                        _vm._v("Version 3.1.8 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 18 Oktober 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v318",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini fokus pada perbaikan di bagian aktivis, penambahan tampilan pada form analisis bantuan solidaritas Jalinan, perubahan tampilan pada daftar produk dan pelayanan CU dan perubahan pada informasi user\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan informasi user yang melakukan verifikasi pada masing-masing bantuan solidaritas Jalinan pada form analisis bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perubahan tampilan daftar produk dan pelayanan CU menjadi lebih ringkas"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perubahan user yang sudah menngikuti data aktivis yang tersambung pada masing-masing user"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug informasi TP pada aktivis tidak muncul ketika menginput data aktivis"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada informasi TP ketika melakukan export excel data CU"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v317" },
-                      },
-                      [
-                        _vm._v("Version 3.1.7 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 16 Oktober 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v317",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini fokus pada penambahan dan perbaikan pada bagian anggota CU, Bantuan Solidaritas Jalinan dan penambahan fitur baru untuk pengelolaan aset tetap lembaga, mengabungkan informasi data aktivis dengan user.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur verifikasi pengajuan Bantuan Solidaritas Jalinan oleh pengurus, pengawas dan manajemen"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Penambahan fitur data aktivis pada user"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan informasi asal TP/KP pada Anggota CU dan Bantuan Solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan pengelolaan aset tetap untuk lembaga"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug tampilan pada Bantuan Solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [_vm._v("Perbaikan bug tampilan pada User")]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug tampilan pada Anggota CU"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v316" },
-                      },
-                      [
-                        _vm._v("Version 3.1.6 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 28 September 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v316",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini fokus pada penambahan dan perbaikan pada bagian anggota CU dan Bantuan Solidaritas Jalinan.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan informasi usia dan nama pada panel analisa klaim"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan informasi bantuan solidaritas pada panel selesai klaim"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan kategori anggota CU yang meninggal"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada form penambahan bantuan solidaritas Jalinan yang tidak menampilkan data produk dengan benar"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menggabungkan menu tambah pada masing-masing bagian menjadi 1 sub-menu"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan waktu time-out aplikasi menjadi 12 jam"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Pengubahan tampilan form pada profil user"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v315" },
-                      },
-                      [
-                        _vm._v("Version 3.1.5 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 23 September 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v315",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini fokus pada perbaikan beberapa bug\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan informasi data produk pada saat menambah bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan informasi jabatan pada identitas anggota CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan input tanggal yang menyebabkan format tanggal salah"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah fitur untuk mengeluarkan anggota / mendata anggota keluar"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah pemberitahuan apabila versi SIMO yang dijalankan di CLIENT tidak sesuai dengan versi yang ada di SERVER agar segera melakukan Hard Reload agar mendapatkan versi terbaru"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah informasi error menjadi lebih mudah untuk dimengerti"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v314" },
-                      },
-                      [
-                        _vm._v("Version 3.1.4 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 19 September 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v314",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini fokus pada fitur bantuan solidaritas Jalinan\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan pengalaman penambahan data bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah fitur analisa bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah fitur pencairan bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah laporan pencairan bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah laporan bantuan solidaritas Jalinan berdasarkan penyebab"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah laporan bantuan solidaritas Jalinan berdasarkan usia"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah laporan bantuan solidaritas Jalinan berdasarkan lama menjadi anggota"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Memperbaiki beberapa bug pada proses bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Menambah bagian berita dan ucapan ulang tahun CU pada halaman Dashboard"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Memperbaiki bug data aktivis tidak muncul pada saat mendaftar diklat"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v313" },
-                      },
-                      [
-                        _vm._v("Version 3.1.3 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 6 September 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v313",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini fokus pada peningkatan pada data aktivis, anggota CU dan bantuan solidaritas Jalinan\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan pengalaman penambahan data aktivis"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan bagian aktivis tidak aktif/bekerja yang mengakomodir informasi aktivis yang sudah mengundurkan diri, berhenti, pensiun dan meninggal"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan riwayat diklat secara input manual dan pada data aktivis"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Riwayat diklat terkoneksi dengan data diklat pada SIMO (khusus untuk aktivis yang mendaftar diklat di SIMO)"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Memunculkan foto anggota CU pada tabel"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Memperbaiki beberapa bug pada proses bantuan solidaritas Jalinan"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v312" },
-                      },
-                      [
-                        _vm._v("Version 3.1.2 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 24 Agustus 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v312",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini lebih kepada perbaikan bug-bug yang ada pada fitur-fitur yang sudah ada serta peningkatan pengalaman penoperasian pada beberapa bagian.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug di penambahan anggota CU dan produk anggota CU "
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug di penambahan bantuan solidaritas Jalinan "
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug di penambahan data aktivis baru "
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug di pengubahan data panitia/fasilitator pada bagian diklat "
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug di isi kolom laporan PEARLS yang tidak sesuai dengan judul kolom "
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada perhitungan jumlah anggota perorang dalam gerakan yang disajikan di halaman publik website BKCU Kalimantan "
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Mengubah cara penyajian informasi error kepada user yang lebih mudah dimengerti "
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v311" },
-                      },
-                      [
-                        _vm._v("Version 3.1.1 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 16 Juli 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v311",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Perbaikan bug pada perhitungan laporan PEARLS dan penambahan field baru untuk mitra\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug dana gedung yang tidak muncul di pengubahan data PEARLS utk E9"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada saat menambahkan laporan TP"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan field bidang untuk mitra perseorangan dan lembaga"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v310" },
-                      },
-                      [
-                        _vm._v("Version 3.1.0 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 26 April 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v310",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Mengenalkan fitur pengelolaan data anggota CU perorangan yang memungkinkan gerakan PUSKOPCUINA untuk memiliki data secara mendetail anggota CU Perorangan yang akan memudahkan dalam mengetahui persebaran anggota, perilaku anggota dan menjadi database anggota terbesar dalam gerakan. \n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          " \n                    Pada versi ini juga terdapat integrasi dengan Jalinan untuk proses bantuan solidaritas dengan data anggota CU perorangan dan data produk CU yang diperkenalkan pada versi sebelumnya. Dengan begitu bantuan solidaritas Jalinan diharapkan akan lebih akurat. Dan terdapat pondasi dasar untuk integrasi perhitungan iuran Jalinan.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur mengelola data anggota CU perorangan yang terdiri dari identitas, simpanan dan pinjaman yang terintegrasi dengan fitur data produk CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur proses bantuan solidaritas Jalinan yang terintegrasi dengan data anggota CU Perorangan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada dashboard dalam penyajian data"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug dan peningkatan performa keseluruhan aplikasi"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v309" },
-                      },
-                      [
-                        _vm._v("Version 3.0.9 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 20 Februari 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v309",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini berfokus pada perbaikan di beberapa bagian dan penambahan fitur pelaporan error/\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur rekam semua error yang terjadi pada sistem agar memudahkan pengembang untuk melakukan troubleshooting dan perbaikan bug pada error yang terjadi"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan penampilan data produk dan pelayanan CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada dashboard dalam penyajian data"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan pada redirect login user"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v308" },
-                      },
-                      [
-                        _vm._v("Version 3.0.8 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 8 Februari 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v308",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini berfokus pada perbaikan data aktivis dan penambahan fitur pada aktivis\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Pengubahan cara menambah data aktivis, dimana pengguna mesti mengisikan dan melakukan pencarian berdasarkan no. KTP (NIK) untuk memastikan apakah aktivis tersebut sudah ada di dalam SIMO, jika ada maka pengguna tinggal melakukan pengubahan data sedangkan apabila data NIK aktivis tidak ada di dalam SIMO maka pengguna bisa langsung menambahkan data aktivis baru"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada perhitungan data aktivis di dashboard"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada download semua data di excel untuk aktivis"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v307" },
-                      },
-                      [
-                        _vm._v("Version 3.0.7 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 29 Januari 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v307",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini berfokus pada perbaikan artikel, aktivis dan peningkatan pada diklat BKCU.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan pada halaman aktivis dalam menampilkan data aktivis yang tanggal selesai sudah melewati tanggal hari ini tapi statusnya masih bekerja"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [_vm._v("Perbaikan pada pengubahan artikel")]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan untuk menampilkan artikel pada halaman website publik CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan untuk notifikasi pada diklat BKCU"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan tampilan pada halaman detail Diklat BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan tampilan pada pencarian data untuk semua halaman yang memiliki fitur pencarian data"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v306" },
-                      },
-                      [
-                        _vm._v("Version 3.0.6 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 25 Januari 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v306",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini berfokus pada perbaikan pada halaman produk CU dan perbaikan pada halaman diklat BKCU.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [_vm._v("Penambahan field tipe produk CU")]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perubahan tampilan daftar produk CU pada halaman Produk CU dari tabel menjadi card yang memudahkan dalam melihat informasi terkait produk CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perubahan tampilan daftar diklat pada halaman Diklat BKCU dari tabel menjadi card yang memudahkan dalam melihat informasi terkait diklat yang tersedia"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan widget Diklat BKCU pada halaman dashboard"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan widget peserta Diklat BKCU pada halaman dashboard"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan widget aktivitas perubahan data organisasi pada halaman dashboard"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [_vm._v("Perbaikan bug modal logout")]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v305" },
-                      },
-                      [
-                        _vm._v("Version 3.0.5 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 22 Januari 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v305",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update versi ini berfokus pada perbaikan untuk proses penambahan dan pendaftaran Diklat BKCU, profile user dan penambahan widget untuk halaman dashboard.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan visualisasi pada penambahan panitia Diklat BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan visualisasi pada penambahan peserta Diklat BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug untuk penambahan peserta Diklat BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur untuk melihat aktivitas masing-masing user"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur untuk mengubah nama dan email masing-masing user"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug pada ubah password di profile"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan widget navigasi halaman pada halaman dashboard"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan widget Diklat BKCU pada halaman dashboard"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan widget peserta Diklat BKCU pada halaman dashboard"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan widget aktivitas perubahan data organisasi pada halaman dashboard"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan widget jumlah data organisasi pada halaman dashboard"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada penampilan informasi error pada modal"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v304" },
-                      },
-                      [
-                        _vm._v("Version 3.0.4 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 13 Januari 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v304",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update untuk versi ini berfokus pada penyelesaian/perbaikan pada fitur diklat BKCU dan pendaftaran peserta diklat BKCU, perbaikan pada laporan gerakan dan laporan statistik CU, peningkatan kecepatan dan keamanan dengan menggunakan layanan dari pihak ketiga, dan perbaikan serta peningkatan sistem secara keseluruhan agar pengalaman pengoperasian lebih konsisten, cepat dan menyenangkan.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada fitur data panitia dan fasilitator pada saat menambah Diklat BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada fitur daftar Diklat BKCU pada halaman Detail Diklat BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan perhitungan laporan gerakan"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Pengubahan format dan jenis informasi yang ditampilkan pada halaman laporan gerakan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada laporan CU ketika menambah data"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada perhitungan P.E.A.R.L.S. CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Pengubahan tampilan dalam pencarian data CU agak lebih mudah dipahami."
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan waktu idle pada user yang terlogin di SIMO dari awalnya kurang dari 1 jam menjadi 3 jam"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan keamanan dan kecepatan transfer data dengan menggunakan CDN dari cloudflare yang menyediakan peningkatan kecepatan loading halaman dan data, perlindungan dari serangan DDos, bots jahat dan intrusi-intrusi jahat lainnya, menambahkan satu lapisan perlindungan tambahan dengan menggunakan DNS cloudflare yang terenkripsi. Keterangan lebih lanjut mengenai cloudflare bisa dilihat "
-                          ),
-                          _c(
-                            "a",
-                            {
-                              attrs: {
-                                href: "https://www.cloudflare.com/learning/what-is-cloudflare/",
-                                target: "_blank",
-                              },
-                            },
-                            [_vm._v("di website cloudflare")]
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v303" },
-                      },
-                      [
-                        _vm._v("Version 3.0.3 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 9 Januari 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v303",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update untuk versi ini lebih pada perbaikan bug dan error yang ditemukan pada versi sebelumnya ketika sudah live di server production. Selain itu juga penambahan beberapa fitur yang belum sempat terimplementasikan pada versi sebelumnya\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur data panitia dan fasilitator pada saat menambah Diklat BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur daftar Diklat BKCU pada halaman Detail Diklat BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [_vm._v("Perbaikan bug pada download excel")]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug pada form laporan CU"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug pada form P.E.A.R.L.S. CU"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug pada notifikasi laporan"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug pada upload gambar Penulis Artikel dan Tp"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v302" },
-                      },
-                      [
-                        _vm._v("Version 3.0.2 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 4 Januari 2019"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v302",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Voting',
+      titleDesc: 'Silahkan memilih',
+      kelas: 'voting',
+      titleIcon: 'icon-point-up',
+      formPilihan: {
+        voting_id: '',
+        voting_pilihan_id: '',
+        name: ''
+      },
+      selectedItem: {},
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      modalButton: ''
+    };
+  },
+  created: function created() {
+    this.fetch();
+  },
+  watch: {
+    // check route changes
+    $route: function $route(to, from) {
+      this.fetch();
+    },
+    itemDataStat: function itemDataStat(value) {
+      if (value == "success") {
+        if (this.form) {
+          this.title = this.itemData.name;
+        }
+      }
+    },
+    formStat: function formStat(value) {
+      if (value == "success") {
+        if (this.itemData.lihat_hasil == 1) {
+          if (this.form.voting_pilihan_id != null) {
+            this.fetchSuara();
+          }
+        }
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.fetch();
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + '/indexPilihan', this.$route.params.name);
+    },
+    fetchSuara: function fetchSuara() {
+      this.$store.dispatch(this.kelas + '/indexSuara', this.itemData.id);
+    },
+    modalConfirmOpen: function modalConfirmOpen(state) {
+      this.modalShow = true;
+      this.modalState = 'normal1';
+      this.modalColor = 'bg-primary';
+      this.formPilihan.voting_pilihan_id = state.id;
+      this.formPilihan.voting_id = this.itemData.id;
+      this.formPilihan.name = this.form.name;
+      this.selectedItem = state;
+      this.modalTitle = 'Pilih ' + state.name + ' ?';
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      this.formPilihan.tanggapan = this.itemData.tanggapan;
+      this.$store.dispatch(this.kelas + '/storePilihan', this.formPilihan);
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('voting', {
+    form: 'data',
+    formStat: 'dataStat',
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    itemData2: 'dataS2',
+    itemDataStat2: 'dataStatS2',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticStyle: { display: "inline-block" } },
+    [
+      _vm.value
+        ? _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm.valueType == "trim"
+              ? _c(
+                  "span",
+                  { staticStyle: { display: "inline-block" } },
                   [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update untuk versi ini lebih pada perbaikan bug dan error yang ditemukan pada versi sebelumnya ketika sudah live di server production. Selain itu juga penambahan beberapa fitur yang belum sempat terimplementasikan pada versi sebelumnya\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan cara menambah hak akses dan peran untuk hak akses user"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug tambah dan ubah data untuk pengumuman"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug dalam mengambil list CU untuk masing-masing halaman"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug pada detail laporan CU"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v301" },
+                    _c("truncate", {
+                      staticStyle: { display: "inline-block" },
+                      attrs: {
+                        "action-class": "badge bg-blue",
+                        clamp: "selengkapnya >",
+                        length: _vm.trimLength,
+                        less: "< kembali",
+                        text: _vm.frontText + " " + _vm.value,
                       },
-                      [
-                        _vm._v("Version 3.0.1 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 31 Desember 2018"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v301",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Update untuk versi ini lebih pada perbaikan bug dan error yang ditemukan pada versi sebelumnya ketika sudah live di server production. Selain itu juga penambahan beberapa fitur yang belum sempat terimplementasikan pada versi sebelumnya\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v(
-                            'Perbaikan bug subdomain dan domain ketika menambahkan "www" didepan alamat website'
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur untuk menuliskan saran terhadap aplikasi ini"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur mengelola pengumuman untuk masing-masing CU yang akan otomatis muncul di website publik di subdomain masing-masing CU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan bug hak akses user yang selalu menampilkan hak akses untuk CU dan tidak bisa untuk BKCU"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Optimalisasi aplikasi dengan mengurangi beberapa panggilan data ke server yang redundan"
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v300" },
+                    }),
+                  ],
+                  1
+                )
+              : _vm.valueType == "modal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light",
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen()
+                        },
                       },
-                      [
-                        _vm._v("Version 3.0.0 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 27 Desember 2018"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v300",
-                      "data-parent": "#accordion-control-right",
                     },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Pada versi ini SIMO yang berbasis sepenuhnya PHP dengan framework laravel telah berubah menjadi Single Page Application (SPA) berbasis javascript dengan framework Vue.js yang menawarkan pengalaman interaksi desktop pada browser.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Tampilan keseluruhan pada SIMO juga telah berubah. Menawarkan tampilan yang terinspirasi dari Material design dan Cupertino design yang menghasilkan sebuah aplikasi berbasis web yang interaktif dan menarik\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Pengolahan data juga telah berubah untuk menyesuaikan dengan transaksi data berbasis API yang menawarkan kecepatan dan reliabilitas serta kemudahan untuk pengembangan lebih lanjut.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "row mb-3" }, [
-                        _c("div", { staticClass: "col-sm-6" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v(
-                                "Frontend PHP menjadi Javascript Single Page Application dari Vue.js yang menawarkan:\n                            "
-                              ),
-                              _c("ul", [
-                                _c("li", [
-                                  _vm._v("Transaksi data berbasis API"),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [_vm._v("Keamanan dengan JWT Auth")]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Kecepatan pengoperasian karena hanya 1 kali saja loading asset aplikasi, sisanya adalah loading data dari server"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Peningkatan interaksi dan animasi pada pengoperasian"
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan fitur publikasi website bagi CU, dimana masing-masing user CU telah diberikan halaman website tersendiri yang berisi informasi standar sebuah website perusahaan dan dapat dioleh sendiri dengan fitur:\n                            "
-                              ),
-                              _c("ul", [
-                                _c("li", [
-                                  _vm._v(
-                                    "Memiliki subdomain khusus untuk masing-masing CU"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [_vm._v("Menambah artikel")]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v("Menambah data produk dan pelayanan"),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Menambah informasi lembaga seperti misi, visi, nilai-nilai, sejarah dan slogan"
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-sm-6" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan input data pada laporan sampai dengan laporan per TP/KP dari masing-masing CU yang otomatis akan dikonsolidasikan"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan 2 indikator baru pada perhitungan P.E.A.R.L.S"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan visualisasi dan analisis data pada laporan keuangan di detail laporan"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan upload excel pada laporan Cu dan Laporan Tp"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan fitur filter data yang mampu mendukung pencarian secara lebih mendetail"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahaan fitur manajemen user kepada masing-masing CU"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan field-field baru untuk informasi CU seperti npwp, situ, siusp, izin operasional dan lainnya"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v("Perbaikan bug dan peningkatan performa"),
-                            ]),
-                          ]),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v213" },
-                      },
-                      [
-                        _vm._v("Version 2.1.3 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 20 April 2017"),
-                        ]),
-                      ]
-                    ),
-                  ]),
+                    [_vm._v("\n          Lihat\n      ")]
+                  ),
+                ])
+              : _vm.valueType == "currency"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(
+                        _vm._f("currency")(_vm.value, "", 0, {
+                          thousandsSeparator: ".",
+                        })
+                      )
+                  ),
+                ])
+              : _vm.valueType == "percentage"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("percentage")(_vm.value, 2))
+                  ),
+                ])
+              : _vm.valueType == "decimal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("round")(_vm.value, 2))
+                  ),
+                ])
+              : _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
                 ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v213",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v("Pada versi ini "),
-                        _c("b", [_vm._v("AdminBKCU")]),
-                        _vm._v(" berubah nama menjadi "),
-                        _c("b", [_vm._v("SIMO")]),
-                        _vm._v(" yang merupakan singkatan dari "),
-                        _c("b", [_vm._v("S")]),
-                        _vm._v("istem "),
-                        _c("b", [_vm._v("I")]),
-                        _vm._v("nformasi "),
-                        _c("b", [_vm._v("M")]),
-                        _vm._v("anajemen "),
-                        _c("b", [_vm._v("O")]),
-                        _vm._v(
-                          "rganisasi. Pemilihan nama ini adalah didasarkan dari fitur yang ditawarkan oleh aplikasi ini yaitu memanajemen informasi dari organisasi (bukan bidang organisasi, melainkan organisasi dalam artian PUSKOPCUINA dan CU Primer anggota).\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Dalam versi ini terdapat 2 bagian baru yang ditambahkan di aplikasi ini yaitu bagian "
-                        ),
-                        _c("b", [_vm._v("Diklat")]),
-                        _vm._v(" dan bagian "),
-                        _c("b", [_vm._v("Staf")]),
-                        _vm._v(
-                          ". Kedua bagian tersebut merupakan pengembangan dari bagian "
-                        ),
-                        _c("b", [_vm._v("Kegiatan")]),
-                        _vm._v(" yang sekarang menjadi "),
-                        _c("b", [_vm._v("Diklat")]),
-                        _vm._v(
-                          " dengan penambahan fitur informasi yang lebih mendetail serta fitur pendaftaran peserta. Kemudian bagian "
-                        ),
-                        _c("b", [_vm._v("Staf")]),
-                        _vm._v(
-                          " juga ditambahkan beberapa fitur agak dapat saling berinteraksi dengan bagian "
-                        ),
-                        _c("b", [_vm._v("Diklat")]),
-                        _vm._v(", karena peserta adalah berasal dari bagian "),
-                        _c("b", [_vm._v("Staf")]),
-                        _vm._v(" "),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Selain itu juga terdapat banyak penambahan serta perbaikan pada aplikasi yang memberikan peningkatan performa, stabilitas, serta pengalaman menggunakan aplikasi ini.\n                    "
-                        ),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(
-                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "row mb-3" }, [
-                        _c("div", { staticClass: "col-sm-6" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v("AdminBKCU berubah nama menjadi SIMO"),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan bagian Diklat yang berfungsi:\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [
-                                  _vm._v(
-                                    "Data diklat yang dilaksanakan oleh PUSKOPCUINA"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Daftar diklat yang bisa dilakukan langsung melalui program oleh CU Primer anggota"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v("Data tempat dilaksanakan diklat"),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Penambahan widget kegiatan terdekat, kegiatan berjalan dan kalender pada dashboard"
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan bagian Staf yang berfungsi:\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [
-                                  _vm._v("Data staf dalam gerakan PUSKOPCUINA"),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Komunikasi data antara bagian Staf dengan bagian Diklat"
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-sm-6" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v(
-                                "Perubahan navigasi website dimana panel navigasi yang versi sebelumnya berada di tepi kiri menjadi berada di atas"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Pengubahan semua tabel kecuali tabel bagian laporan CU menjadi tabel yang responsive/mobile friendly"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan bagian Panduan untuk memberikan petunjuk pengoperasian aplikasi ini"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v("Perbaikan rumusan laporan P.E.A.R.L.S."),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v("Perbaikan integrasi plugin upload foto"),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v("Perbaikan bug dan peningkatan performa"),
-                            ]),
-                          ]),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
+          ])
+        : _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
+          ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+          content: _vm.modalContent,
+        },
+        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
+      }),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/pilih.vue?vue&type=template&id=5667113d&":
+/*!*****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/pilih.vue?vue&type=template&id=5667113d& ***!
+  \*****************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c(
+        "div",
+        { staticClass: "navbar navbar-expand-lg navbar-dark bg-indigo" },
+        [
+          _vm._m(0),
+          _vm._v(" "),
+          _c("div", [
+            _c("span", { staticClass: "navbar-text ml-lg-3 mr-lg-auto" }, [
+              _c("span", { staticClass: "badge bg-success-400" }, [
+                _vm._v("PUSKOPCUINA - \n\t\t\t\t\t"),
+                _vm.itemData.cu
+                  ? _c("span", [
+                      _vm._v(
+                        "\n\t\t\t\t\t\t- " +
+                          _vm._s(_vm.itemData.cu.name) +
+                          "\n\t\t\t\t\t"
+                      ),
+                    ])
+                  : _vm._e(),
               ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v212" },
-                      },
-                      [
-                        _vm._v("Version 2.1.2 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 11 Maret 2017"),
-                        ]),
-                      ]
-                    ),
+            ]),
+          ]),
+        ]
+      ),
+      _vm._v(" "),
+      _c("div", [
+        _c("div", { staticClass: "page-header" }, [
+          _c(
+            "div",
+            { staticClass: "page-header-content header-elements-md-inline" },
+            [
+              _c("div", { staticClass: "page-title d-flex" }, [
+                _c("h4", [
+                  _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+                  _vm._v(" "),
+                  _c("span", { staticClass: "font-weight-semibold" }, [
+                    _vm._v(_vm._s(_vm.itemData.name)),
                   ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v212",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Penambahan fitur bagian laporan P.E.A.R.L.S Berikut adalah rincian perubahan pada versi ini"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", { staticClass: "list" }, [
-                        _c("li", [
-                          _vm._v("Upgrade template AdminLte ke versi 2.3.12"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perubahan model navigasi panel samping"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan plugin Mathjax untuk menampilkan kalkulasi perhitungan"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Penambahan fitur melihat detail perhitungan laporan P.E.A.R.L.S"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Perbaikan rumus perhitungan laporan P.E.A.R.L.S"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug dan peningkatan performa"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v211" },
-                      },
-                      [
-                        _vm._v("Version 2.1.1 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 14 Februari 2017"),
-                        ]),
-                      ]
-                    ),
+                  _vm._v(" "),
+                  _c("small", { staticClass: "d-block text-muted" }, [
+                    _vm._v("Selamat datang "),
+                    _c("i", [_vm._v(_vm._s(_vm.form.name) + " ")]),
                   ]),
                 ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
+              ]),
+            ]
+          ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
                     attrs: {
-                      id: "v211",
-                      "data-parent": "#accordion-control-right",
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
                     },
-                  },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Penambahan fitur bagian laporan CU serta fitur diskusi pada laporan CU Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "row mb-3" }, [
-                        _c("div", { staticClass: "col-sm-4" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v(
-                                "Upgrade laravel versi 5.2 ke versi 5.3 yang menawarkan:\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [_vm._v("Support Vue.js")]),
-                                _vm._v(" "),
-                                _c("li", [_vm._v("Fitur sistem notifikasi")]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Penyederhanaan struktur folder project"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Pembagian rute akses website menjadi dua yaitu untuk akses ke web dan akses melalui aplikasi selain web (API)"
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan bagian laporan CU yang berfungsi:\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [
-                                  _vm._v(
-                                    "Menampung dan mengolah data laporan keuangan CU menjadi laporan perkembangan CU serta analisis P.E.A.R.L.S"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Menampilkan laporan CU dalam tabel interaktif serta grafik"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Input data laporan melalui upload excel "
-                                  ),
-                                  _c(
-                                    "small",
-                                    { staticClass: "label bg-yellow" },
-                                    [_vm._v("beta")]
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-sm-4" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan bagian laporan CU yang berfungsi:\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [
-                                  _vm._v(
-                                    "Menampilkan pertumbuhan perakun perperiode pada masing-masing laporan"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Menampilkan panel overview kondisi CU berdasarkan laporan terbaru"
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataStat == "success"
+                ? _c("div", [
+                    _vm.form
+                      ? _c("div", [
+                          _vm.itemData.keterangan
+                            ? _c("div", { staticClass: "card card-body" }, [
+                                _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(_vm.itemData.keterangan),
+                                  },
+                                }),
+                              ])
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _vm.form.voting_pilihan_id == null
+                            ? _c("div", [
+                                _c(
+                                  "div",
+                                  { staticClass: "row" },
+                                  _vm._l(
+                                    _vm.itemData.pilihan,
+                                    function (item, index) {
+                                      return _c(
+                                        "div",
+                                        {
+                                          key: index,
+                                          staticClass: "col-md-12 mb-2",
+                                        },
+                                        [
+                                          _c(
+                                            "button",
+                                            {
+                                              staticClass:
+                                                "btn btn-light btn-block",
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.modalConfirmOpen(
+                                                    item
+                                                  )
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c(
+                                                "h5",
+                                                { staticClass: "card-title" },
+                                                [_vm._v(_vm._s(item.name))]
+                                              ),
+                                            ]
+                                          ),
+                                        ]
+                                      )
+                                    }
                                   ),
-                                ]),
+                                  0
+                                ),
+                              ])
+                            : _vm.form.voting_pilihan_id != null
+                            ? _c("div", [
+                                _vm._m(1),
                                 _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Penambahan fitur pada input data laporan melalui upload excel "
-                                  ),
-                                  _c(
-                                    "small",
-                                    { staticClass: "label bg-yellow" },
-                                    [_vm._v("beta 2")]
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan fitur sistem notifikasi yang berfungsi:\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [
-                                  _vm._v(
-                                    "Memberikan pemberitahuan mengenai laporan CU yang masuk, diubah, dan dihapus"
-                                  ),
+                                _c("div", { staticClass: "card " }, [
+                                  _vm._m(2),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "card-body" }, [
+                                    _c(
+                                      "div",
+                                      { staticClass: "card border-primary" },
+                                      [
+                                        _c(
+                                          "div",
+                                          {
+                                            staticClass:
+                                              "card-header bg-primary",
+                                          },
+                                          [
+                                            _c(
+                                              "h5",
+                                              { staticClass: "card-title" },
+                                              [
+                                                _vm._v(
+                                                  _vm._s(_vm.form.pilihan.name)
+                                                ),
+                                              ]
+                                            ),
+                                          ]
+                                        ),
+                                      ]
+                                    ),
+                                  ]),
                                 ]),
                                 _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Memberikan pemberitahuan mengenai diskusi laporan CU yang masuk, diubah, dan dihapus"
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-sm-4" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan bagian diskusi laporan CU yang berfungsi:\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [
-                                  _vm._v(
-                                    "Memberikan masukkan kepada CU bahwa laporan telah diterima/diperiksa"
-                                  ),
-                                ]),
+                                _vm.form.tanggapan.length > 0
+                                  ? _c("div", { staticClass: "card" }, [
+                                      _vm._m(3),
+                                      _vm._v(" "),
+                                      _c(
+                                        "div",
+                                        { staticClass: "card-body" },
+                                        _vm._l(
+                                          _vm.form.tanggapan,
+                                          function (item, index) {
+                                            return _c("div", { key: index }, [
+                                              _c("h5", [
+                                                _vm._v(
+                                                  _vm._s(item.tanggapan.name)
+                                                ),
+                                              ]),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass: "card card-body",
+                                                },
+                                                [
+                                                  _c("span", {
+                                                    domProps: {
+                                                      innerHTML: _vm._s(
+                                                        item.keterangan
+                                                      ),
+                                                    },
+                                                  }),
+                                                ]
+                                              ),
+                                            ])
+                                          }
+                                        ),
+                                        0
+                                      ),
+                                    ])
+                                  : _vm._e(),
                                 _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Memberikan masukkan/pertanyaan terhadap laporan CU yang telah diterima/diperiksa"
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan bagian revisi laporan CU yang berfungsi Menampilkan data apa saja yang telah diubah"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan fitur mengubah foto profil admin pada bagian admin"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v("Perbaikan bug dan peningkatan performa"),
-                            ]),
-                          ]),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v210" },
-                      },
-                      [
-                        _vm._v("Version 2.1.0 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 9 Desember 2016"),
-                        ]),
-                      ]
-                    ),
-                  ]),
+                                _vm.itemData.lihat_hasil == 1
+                                  ? _c("div", { staticClass: "card" }, [
+                                      _vm._m(4),
+                                      _vm._v(" "),
+                                      _c(
+                                        "div",
+                                        { staticClass: "card-body" },
+                                        _vm._l(
+                                          _vm.itemData2,
+                                          function (p, index) {
+                                            return _c("div", { key: index }, [
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass: "card card-body",
+                                                },
+                                                [
+                                                  _c(
+                                                    "div",
+                                                    { staticClass: "row" },
+                                                    [
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "col-sm-3 mb-1 mt-1",
+                                                        },
+                                                        [
+                                                          _c("b", [
+                                                            _vm._v(
+                                                              _vm._s(p.name)
+                                                            ),
+                                                          ]),
+                                                        ]
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "col-sm-8 mb-1 mt-1",
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "progress",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "progress-bar-striped bg-success",
+                                                                  style: {
+                                                                    width:
+                                                                      Math.round(
+                                                                        (p.skor /
+                                                                          _vm
+                                                                            .itemData
+                                                                            .suara) *
+                                                                          100
+                                                                      ) + "%",
+                                                                  },
+                                                                },
+                                                                [
+                                                                  _c(
+                                                                    "span",
+                                                                    {
+                                                                      staticClass:
+                                                                        "text-default font-size-lg",
+                                                                    },
+                                                                    [
+                                                                      _vm._v(
+                                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                      ),
+                                                                      _c("b", [
+                                                                        _vm._v(
+                                                                          _vm._s(
+                                                                            Math.round(
+                                                                              (p.skor /
+                                                                                _vm
+                                                                                  .itemData
+                                                                                  .suara) *
+                                                                                100
+                                                                            ) +
+                                                                              "%"
+                                                                          )
+                                                                        ),
+                                                                      ]),
+                                                                      _vm._v(
+                                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                      ),
+                                                                    ]
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                        ]
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "col-sm-1 mb-1 mt-1",
+                                                        },
+                                                        [
+                                                          _vm._v(
+                                                            "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                              _vm._s(p.skor) +
+                                                              " / " +
+                                                              _vm._s(
+                                                                _vm.itemData
+                                                                  .suara
+                                                              ) +
+                                                              "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                          ),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ])
+                                          }
+                                        ),
+                                        0
+                                      ),
+                                    ])
+                                  : _vm._e(),
+                              ])
+                            : _vm._e(),
+                        ])
+                      : _c("div", [_vm._m(5)]),
+                  ])
+                : _vm.itemDataStat == "loading"
+                ? _c("div", [_vm._m(6)])
+                : _c("div", [_vm._m(7)]),
+            ],
+            1
+          ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            size: "modal-lg",
+            color: _vm.modalColor,
+            button: _vm.modalButton,
+            content: _vm.modalContent,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+          _vm._v(" "),
+          _c("template", { slot: "modal-body1" }, [
+            _c("div", { staticClass: "card" }, [
+              _c("div", { staticClass: "card-header bg-white" }, [
+                _c("h5", { staticClass: "card-title" }, [
+                  _vm._v(_vm._s(_vm.title)),
                 ]),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "card" }, [
+              _c("div", { staticClass: "card-header bg-success" }, [
+                _c("b", [_vm._v("PILIHAN ANDA ADALAH")]),
                 _vm._v(" "),
-                _c(
+                _c("h5", { staticClass: "card-title" }, [
+                  _vm._v(_vm._s(_vm.selectedItem.name)),
+                ]),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c(
+              "div",
+              { staticClass: "card card-body" },
+              _vm._l(_vm.itemData.tanggapan, function (item, index) {
+                return _c(
                   "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v210",
-                      "data-parent": "#accordion-control-right",
-                    },
-                  },
+                  { key: index, staticClass: "form-group mb-0" },
                   [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Penambahan fitur bagian laporan CU yang berfungsi untuk menampilkan perkembangan Credit Union diserta dengan perhitungan analisis P.E.A.R.L.S serta upgrade sistem utama aplikasi dari versi 4.2 ke versi 5.2 dan peningkatan fitur-fitur pada plugin yang dipakai. Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "row mb-3" }, [
-                        _c("div", { staticClass: "col-sm-4" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v(
-                                "Upgrade laravel versi 4.2 ke versi 5.2 yang menawarkan:\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [_vm._v("Support PHP 7")]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    'Peningkatan keamanan dengan "middleware"'
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v("Peningkatan eksekusi kode program"),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Penambahan dukungan terhadap plugin-plugin"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Proteksi semua input terhadap serangan SQL injection"
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan bagian laporan CU yang berfungsi:\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [
-                                  _vm._v(
-                                    "Menampung dan mengolah data laporan keuangan CU menjadi laporan perkembangan CU serta analisis P.E.A.R.L.S"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Menampilkan laporan CU dalam tabel interaktif serta grafik"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Input data laporan melalui upload excel "
-                                  ),
-                                  _c(
-                                    "small",
-                                    { staticClass: "label bg-yellow" },
-                                    [_vm._v("beta")]
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-sm-4" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan bagian TP CU untuk mendata informasi TP tiap CU secara lebih mendetail"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan bagian admin untuk CU yang memungkinkan staf CU untuk:\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [
-                                  _vm._v("Mengisi / mengubah profil dari CU"),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Menambah, mengubah dan menghapus data TP di CU"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Menambah, mengubah dan menghapus laporan CU"
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan fitur dan perubahan penggunaan pada Datatable"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan fitur text editor untuk bagian artikel"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v("Penambahan fitur pada bagian admin"),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v("Pengubahan struktur navigasi sidebar"),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-sm-4" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan fitur validator untuk validasi input"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penggunaan input mask untuk pengisian tanggal serta pengisian angka"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penggunaan pace untuk animasi loading resource dan request ajax"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penggantian Plugin ACL entrust dengan kodeine untuk integrasi lebih lanjut dengan laravel ACL"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Menghapus plugin flickering untuk akses ke flickr"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v("Perbaikan bug dan peningkatan performa"),
-                            ]),
-                          ]),
-                        ]),
-                      ]),
-                    ]),
+                    _c("h5", [_vm._v(_vm._s(item.name) + ":")]),
+                    _vm._v(" "),
+                    _c("textarea", {
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: item.keterangan,
+                          expression: "item.keterangan",
+                        },
+                      ],
+                      staticClass: "form-control",
+                      attrs: { rows: "4" },
+                      domProps: { value: item.keterangan },
+                      on: {
+                        input: function ($event) {
+                          if ($event.target.composing) {
+                            return
+                          }
+                          _vm.$set(item, "keterangan", $event.target.value)
+                        },
+                      },
+                    }),
+                    _vm._v(" "),
+                    _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
                   ]
-                ),
+                )
+              }),
+              0
+            ),
+            _vm._v(" "),
+            _c("div", [
+              _c("div", { staticClass: "alert bg-warning alert-styled-left" }, [
+                _c("h6", [
+                  _vm._v(
+                    "Pastikan anda memilih dengan benar, anda tidak bisa melakukan voting ulang lagi apabila salah memilih."
+                  ),
+                ]),
               ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "text-center d-none d-md-block" }, [
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalTutup.apply(null, arguments)
+                    },
+                  },
+                },
+                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+              ),
               _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v201" },
-                      },
-                      [
-                        _vm._v("Version 2.0.1 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 2 Januari 2016"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v201",
-                      "data-parent": "#accordion-control-right",
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-primary",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalConfirmOk.apply(null, arguments)
                     },
                   },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Pengubahan penggunaan rich text editor dari CKeditor menjadi Summernote. Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("ul", [
-                        _c("li", [
-                          _vm._v("Penggantian CKeditor menjadi Summernote"),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Pengubahan cara penanganan gambar pada Summernote"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Peningkatan penanganan upload gambar dengan metode baru yang diperkenalkan\n                        pada versi Intervention Image v2.x"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [_vm._v("Penambahan halaman version")]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v("Perbaikan bug dan peningkatan performa"),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
+                },
+                [_c("i", { staticClass: "icon-check" }), _vm._v(" Pilih")]
+              ),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "d-block d-md-none" }, [
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-primary btn-block pb-2",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalConfirmOk.apply(null, arguments)
+                    },
+                  },
+                },
+                [_c("i", { staticClass: "icon-check" }), _vm._v(" Pilih")]
+              ),
               _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-header" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "collapsed text-default",
-                        attrs: { "data-toggle": "collapse", href: "#v200" },
-                      },
-                      [
-                        _vm._v("Version 2.0.0 "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" / 31 Desember 2015"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    staticClass: "collapse",
-                    attrs: {
-                      id: "v200",
-                      "data-parent": "#accordion-control-right",
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-block pb-2",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalTutup.apply(null, arguments)
                     },
                   },
-                  [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Rombak ulang keseluruhan tampilan admin menjadi lebih mudah di operasikan, lebih "
-                        ),
-                        _c("i", [_vm._v("responsive/mobile friendly")]),
-                        _vm._v(
-                          " dan pengubahan code php pada controller dan model untuk peningkatan performa dan konsistensi pada tiap pengoperasian. Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "row mb-3" }, [
-                        _c("div", { staticClass: "col-sm-6" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v(
-                                "Pengalaman penggunaan dengan desain yang lebih modern dan responsive"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v("Sidebar yang fleksibel dan responsive"),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [_vm._v("Upgrade bootstrap v3.3.2")]),
-                            _vm._v(" "),
-                            _c("li", [_vm._v("Upgrade font-awesome v4.5.0")]),
-                            _vm._v(" "),
-                            _c("li", [_vm._v("Upgrade Datatables v1.10.10")]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v("Upgrade Image Intervention v2.x"),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [_vm._v("Upgrade Jquery v2.1.3 ")]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan fitur pada semua tabel di halaman kelola yaitu\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [
-                                  _vm._v(
-                                    "Tabel menjadi responsive dan dapat menyesuaikan di hampir semua ukuran layar.\n                                      maka apabila layar terlalu kecil untuk kolom, kolom otomatis akan disembunyikan dan\n                                      akan muncul tombol untuk menampilkan kolom yang telah di sembunyikan tersebut"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Warp text pada masing-masing cell di kolom untuk pemanfaatan ruang kosong pada cell"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Colum priority pada kolom hapus,ubah dan detail membuat kolom tersebut tidak akan\n                                      tersembunyi apabila ukuran layar terlalu kecil untuk semua tabel"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Pengubahan cara berinteraksi pada tiap tabel agar lebih konsisten"
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Peningkatan cara mengangani error dan penyampaian informasi error yang lebih informatif dan akurat"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v("Peningkatan penanganan upload gambar"),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan halaman detail staf untuk pemberian informasi lengkap mengenai staf"
-                              ),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-sm-6" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan fitur pada semua form di halaman tambah dan ubah yaitu\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [
-                                  _vm._v(
-                                    "Peningkatan desain yang lebih modern dan lebih jelas fungsinya"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Penggunaan input mask pada pengisian tanggal untuk mempermudah pengisian tanggal"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Peningkatan pada CKeditor dengan menambahkan fitur responsive pada gambar"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Penggunaan laravel validation pada input text untuk menginformasikan bagian yang bermasalah"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Peningkatan visualisasi dan informasi yang disampaikan pada bagian pemberitahuan setelah melakukan penyimpanan atau pengubahan data"
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Peningkatan halaman admin (kelola admin,tambah admin, ubah admin) yaitu\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [
-                                  _vm._v("Pengubahan cara mengubah password"),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Penambahan tipe admin untuk membedakan admin BKCU dan admin CU Primer"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Menyatukan tipe admin CU Primer dengan data CU Primer yang dipilih"
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Perbaikan error routing pada beberapa halaman"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v("Perbaikan error pada controller"),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [_vm._v("Perbaikan error pada model")]),
-                          ]),
-                        ]),
-                      ]),
-                      _vm._v(" "),
-                      _c("hr"),
-                      _vm._v(" "),
-                      _c("p", { staticClass: "mb-3" }, [
-                        _vm._v(
-                          "Rombak ulang seluruh halaman pada website publik dengan tampilan yang lebih bersih, modern,\n                    responsive/mobile friendly dan visualisasi yang lebih bai k. Pada update kali ini semua\n                    bagian pada halaman telah di desain ulang menyesuaikan tema halaman dengan warna dasar putih\n                    dan biru serta background yang dapat disesuaikan dengan keadaan/event yang sedang berlangsung.\n                    Serta penambahan halaman CU untuk melakukan pengubahan dan penambahan data pada data CU Primer.\n                    Berikut adalah rincian perubahan pada versi ini:"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "row mb-3" }, [
-                        _c("div", { staticClass: "col-sm-6" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan plugin javascript yaitu:\n                              "
-                              ),
-                              _c("ul", [
-                                _c("li", [_vm._v("jquery.fitvids")]),
-                                _vm._v(" "),
-                                _c("li", [_vm._v("nivo-lightbox")]),
-                                _vm._v(" "),
-                                _c("li", [_vm._v("jquery.isotope")]),
-                                _vm._v(" "),
-                                _c("li", [_vm._v("jquery.appear")]),
-                                _vm._v(" "),
-                                _c("li", [_vm._v("count.to")]),
-                                _vm._v(" "),
-                                _c("li", [_vm._v("jquery.textillate")]),
-                                _vm._v(" "),
-                                _c("li", [_vm._v("jquery.lettering")]),
-                                _vm._v(" "),
-                                _c("li", [_vm._v("jquery.easypiechart")]),
-                                _vm._v(" "),
-                                _c("li", [_vm._v("jquery.nicescroll")]),
-                                _vm._v(" "),
-                                _c("li", [_vm._v("jquery.parallax")]),
-                                _vm._v(" "),
-                                _c("li", [_vm._v("jquery.slicknav")]),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [_vm._v("Upgrade bootstrap v3.3.2")]),
-                            _vm._v(" "),
-                            _c("li", [_vm._v("Upgrade font-awesome v4.5.0")]),
-                            _vm._v(" "),
-                            _c("li", [_vm._v("Upgrade Jquery v2.1.4")]),
-                            _vm._v(" "),
-                            _c("li", [_vm._v("Upgrade plugin google maps")]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penghapusan plugin social network sharing"
-                              ),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-sm-6" }, [
-                          _c("ul", { staticClass: "list" }, [
-                            _c("li", [
-                              _vm._v(
-                                "Pengubahan fitur sharing social network, tidak bergantung pada plugin lagi tapi\n                          dibangun 1-1 sesuai guidelines dari sharing API masing-masing social network"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Penambahan animasi melalui css pada beberapa komponen halaman"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Peningkatan carousel pada halaman utama untuk artikel pilihan menjadi lebih elegan\n                              dan informatif"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Peningkatan zoom foto/gambar di seluruh halaman dengan menggunakan lightbox"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Peningkatan menu yang lebih responsive dengan tampilan yang lebih rapi dan bersih"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Peningkatan pengalaman membaca artikel dengan tulisan serta layout yang lebih nyaman di mata"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _vm._v(
-                                "Peningkatan pengalaman berinteraksi dan konsistensi desain secara keseluruhan pada semua halaman."
-                              ),
-                            ]),
-                          ]),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-            ]
+                },
+                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+              ),
+            ]),
+          ]),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "navbar-brand wmin-0 mr-0" }, [
+      _c("a", { staticClass: "d-inline-block", attrs: { href: "#" } }, [
+        _c("img", { attrs: { src: "/images/simo.png" } }),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card bg-success text-white card-body" }, [
+      _c("h3", [
+        _c("i", { staticClass: "icon-check" }),
+        _vm._v(" Terima Kasih Sudah Melakukan Voting"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Pilihan Anda Adalah")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [
+        _vm._v("Tanggapan Anda Adalah"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      { staticClass: "card-header bg-white header-elements-inline" },
+      [_c("h5", { staticClass: "card-title" }, [_vm._v("Perolehan Skor")])]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card card-body" }, [
+      _c("h5", [
+        _c("b", [_vm._v("Selamat Datang!")]),
+        _vm._v(" "),
+        _c("br"),
+        _vm._v(" Saat ini masih belum terdapat voting"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h4", [_vm._v("Mohon tunggu...")]),
+        _vm._v(" "),
+        _c("div", { staticClass: "progress" }, [
+          _c(
+            "div",
+            {
+              staticClass:
+                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+              staticStyle: { width: "100%" },
+            },
+            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
           ),
         ]),
       ]),
     ])
   },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h3", [_vm._v("Oops terjadi kesalahan")]),
+      ]),
+    ])
+  },
 ]
 render._withStripped = true
 
@@ -6797,17 +1190,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
+/***/ "./resources/assets/js/components/checkValue.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  !*** ./resources/assets/js/components/checkValue.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -6817,9 +1210,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -6829,54 +1222,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
+component.options.__file = "resources/assets/js/components/checkValue.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/sistem/changelog.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/sistem/changelog.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/voting/pilih.vue":
+/*!****************************************************!*\
+  !*** ./resources/assets/js/views/voting/pilih.vue ***!
+  \****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _changelog_vue_vue_type_template_id_1bfa1552___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./changelog.vue?vue&type=template&id=1bfa1552& */ "./resources/assets/js/views/sistem/changelog.vue?vue&type=template&id=1bfa1552&");
-/* harmony import */ var _changelog_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./changelog.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/sistem/changelog.vue?vue&type=script&lang=js&");
+/* harmony import */ var _pilih_vue_vue_type_template_id_5667113d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pilih.vue?vue&type=template&id=5667113d& */ "./resources/assets/js/views/voting/pilih.vue?vue&type=template&id=5667113d&");
+/* harmony import */ var _pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pilih.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/pilih.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -6886,9 +1279,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _changelog_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _changelog_vue_vue_type_template_id_1bfa1552___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _changelog_vue_vue_type_template_id_1bfa1552___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pilih_vue_vue_type_template_id_5667113d___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pilih_vue_vue_type_template_id_5667113d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -6898,38 +1291,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/sistem/changelog.vue"
+component.options.__file = "resources/assets/js/views/voting/pilih.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/sistem/changelog.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/sistem/changelog.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/voting/pilih.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/pilih.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_changelog_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./changelog.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/changelog.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_changelog_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./pilih.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/pilih.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/sistem/changelog.vue?vue&type=template&id=1bfa1552&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/sistem/changelog.vue?vue&type=template&id=1bfa1552& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/voting/pilih.vue?vue&type=template&id=5667113d&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/pilih.vue?vue&type=template&id=5667113d& ***!
+  \***********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_changelog_vue_vue_type_template_id_1bfa1552___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./changelog.vue?vue&type=template&id=1bfa1552& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/changelog.vue?vue&type=template&id=1bfa1552&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_changelog_vue_vue_type_template_id_1bfa1552___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_template_id_5667113d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./pilih.vue?vue&type=template&id=5667113d& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/pilih.vue?vue&type=template&id=5667113d&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_template_id_5667113d___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_changelog_vue_vue_type_template_id_1bfa1552___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_template_id_5667113d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/119.js b/public/js/components/119.js
index feaaeb27d..e57038161 100644
--- a/public/js/components/119.js
+++ b/public/js/components/119.js
@@ -1,21 +1,78 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[119],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['title', 'icon', 'color', 'count']
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_countWidget_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/countWidget.vue */ "./resources/assets/js/components/countWidget.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _anggotaCu_cariData__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../anggotaCu/cariData */ "./resources/assets/js/views/anggotaCu/cariData.vue");
+/* harmony import */ var _components_identitas_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/identitas.vue */ "./resources/assets/js/components/identitas.vue");
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 //
 //
 //
@@ -53,104 +110,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    title: {
-      "default": ''
-    },
-    titleIcon: {
-      "default": ''
-    },
-    titleDesc: {
-      "default": ''
-    },
-    level: {
-      "default": 1
-    },
-    level2Title: {
-      "default": ''
-    },
-    level2Route: {
-      "default": ''
-    }
-  },
-  methods: {
-    level2Back: function level2Back() {
-      this.$emit('level2Back');
-    },
-    route1: function route1() {
-      if (this.btn1RouteParams) {
-        this.$router.push({
-          name: this.btn1Route,
-          params: {
-            cu: this.btn1RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn1Route
-        });
-      }
-    },
-    route2: function route2() {
-      if (this.btn2RouteParams) {
-        this.$router.push({
-          name: this.btn2Route,
-          params: {
-            cu: this.btn2RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn2Route
-        });
-      }
-    },
-    route3: function route3() {
-      if (this.btn3RouteParams) {
-        this.$router.push({
-          name: this.btn3Route,
-          params: {
-            cu: this.btn3RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn3Route
-        });
-      }
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/notification.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sistem/notification.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -434,1307 +393,1831 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Notifikasi',
-      kelas: 'notification',
-      titleDesc: 'Melihat semua notifikasi',
-      titleIcon: 'icon-bell2',
-      state: '',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalSize: '',
-      modalColor: '',
-      modalButton: '',
-      modalContent: '',
-      tabName: 'semua'
-    };
-  },
-  created: function created() {
-    this.fetch();
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.fetch();
-    },
-    // when updating data
-    markNotifStat: function markNotifStat(value) {
-      this.modalState = value;
-      this.modalButton = 'Ok';
-
-      if (value === "success") {
-        this.modalTitle = "Notifikasi berhasil ditandai";
-        this.modalContent = '';
-        this.fetch();
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      this.$store.dispatch(this.kelas + '/getAll');
-    },
-    goToPage: function goToPage(notif) {
-      if (notif.data.tipe == 'laporanCu') {
-        this.$router.push({
-          name: 'laporanCuDetail',
-          params: {
-            id: notif.data.url
-          }
-        });
-      } else if (notif.data.tipe == 'laporanTp') {
-        this.$router.push({
-          name: 'laporanTpDetail',
-          params: {
-            id: notif.data.url
-          }
-        });
-      } else if (notif.data.tipe == 'diklatBKCU') {
-        this.$router.push({
-          name: 'diklatBKCUDetail',
-          params: {
-            id: notif.data.url
-          }
-        });
-      } else if (notif.data.tipe == 'pertemuanBKCU') {
-        this.$router.push({
-          name: 'pertemuanBKCUDetail',
-          params: {
-            id: notif.data.url
-          }
-        });
-      }
-
-      this.$store.dispatch('notification/markRead', notif.id);
-    },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-    },
-    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.modalState = 'confirm-tutup';
-      this.state = state;
-
-      if (isMobile) {
-        this.selectedItem = itemMobile;
-      }
-
-      if (state == 'tandai') {
-        this.modalTitle = 'Tandai semua ' + this.title + ' sudah dibaca?';
-        this.modalButton = 'Iya, Tandai semua';
-      }
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      // execute destroy
-      if (this.state == 'tandai') {
-        this.$store.dispatch(this.kelas + '/markAllRead');
-      }
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('notification', {
-    notification: 'dataS',
-    notifStat: 'dataStatS',
-    unreadNotification: 'unreadNotification',
-    markNotifStat: 'markNotifStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
-            [
-              _vm.level === 1
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
-                        },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/notification.vue?vue&type=template&id=6c10fef8&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sistem/notification.vue?vue&type=template&id=6c10fef8& ***!
-  \************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-container" }, [
-        _c("div", { staticClass: "page-content" }, [
-          _c("div", { staticClass: "content-wrapper" }, [
-            _c("div", { staticClass: "card card-body d-print-none" }, [
-              _c("div", { staticClass: "row" }, [
-                _c("div", { staticClass: "col-sm-10 d-none d-sm-block" }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon",
-                      attrs: {
-                        type: "button",
-                        disabled:
-                          _vm.markNotifStat === "loading" ||
-                          _vm.unreadNotification == 0,
-                      },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("tandai")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-checkbox-checked" }),
-                      _vm._v(" Tandai sudah baca semua\n\t\t\t\t\t\t\t\t"),
-                    ]
-                  ),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  { staticClass: "col-sm-2 text-right d-none d-sm-block" },
-                  [
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light btn-icon",
-                        attrs: {
-                          type: "button",
-                          disabled: _vm.notifStat == "loading",
-                        },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.fetch()
-                          },
-                        },
-                      },
-                      [
-                        _c("i", {
-                          staticClass: "icon-sync",
-                          class: { spinner: _vm.notifStat === "loading" },
-                        }),
-                      ]
-                    ),
-                  ]
-                ),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-sm-12 d-block d-sm-none" }, [
-                  _c(
-                    "button",
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default.a,
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    countWidget: _components_countWidget_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
+    cariData: _anggotaCu_cariData__WEBPACK_IMPORTED_MODULE_12__["default"],
+    identitas: _components_identitas_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_14__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_15__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_17__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Tambah Bantuan Solidaritas Jalinan',
+      titleDesc: 'Menambah bantuan solidaritas Jalinan',
+      titleIcon: 'icon-plus3',
+      level2Title: 'Bantuan Solidaritas Jalinan',
+      kelas: 'jalinanKlaim',
+      isEdit: false,
+      nik: '',
+      statusNIK: 'tidak',
+      anggota_cu_cu_id: '',
+      cu_id: '',
+      tipe: '',
+      tabName: 'ktp',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        number16: {
+          numeral: true,
+          numeralIntegerScale: 16,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      selectedItem: {},
+      columnData: [{
+        title: 'No.'
+      }, {
+        title: 'No. Rek'
+      }, {
+        title: 'Nama'
+      }, {
+        title: 'Jenis'
+      }, {
+        title: 'Saldo Awal'
+      }, {
+        title: 'Lama Pinjaman (Bulan)'
+      }, {
+        title: 'Lama Sisa Pinjaman (Bulan)'
+      }, {
+        title: 'Tgl. Buat'
+      }, {
+        title: 'Usia Saat Membuka'
+      }],
+      selectedItemCu: '',
+      itemDataCu: [],
+      itemDataProduk: [],
+      itemDataCuStat: 'success',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      submited: false
+    };
+  },
+  created: function created() {
+    if (this.currentUser.id_cu == 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    }
+
+    this.fetch();
+  },
+  watch: {
+    // check route changes
+    '$route': function $route(to, from) {
+      this.fetch();
+    },
+    itemDataStat: function itemDataStat(value) {
+      if (value == "success") {
+        this.itemDataCu = [];
+        this.itemDataProduk = []; // cu
+
+        if (this.itemData) {
+          if (this.itemData.anggota_cu_cu) {
+            var valData;
+
+            var _iterator = _createForOfIteratorHelper(this.itemData.anggota_cu_cu),
+                _step;
+
+            try {
+              for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                valData = _step.value;
+                this.itemDataCu.push(valData);
+              }
+            } catch (err) {
+              _iterator.e(err);
+            } finally {
+              _iterator.f();
+            }
+          } // get form
+
+
+          this.fetchForm();
+        }
+      }
+    },
+    formStat: function formStat(value) {
+      if (value == 'success') {
+        if (this.$route.meta.mode == 'koreksi') {
+          if (this.form.status_klaim == 5 || this.form.status_klaim == 6) {
+            this.form.id_koreksi = this.form.id;
+            this.form.status_klaim = 7;
+            this.form.id = '';
+          } else {
+            this.form.status_klaim = 1;
+          }
+        }
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      this.resetData();
+
+      if (this.$route.meta.mode == 'edit') {
+        this.title = 'Ubah Bantuan Solidaritas Jalinan';
+        this.titleDesc = 'Mengubah bantuan solidaritas Jalinan';
+        this.titleIcon = 'icon-pencil5';
+        this.cariData(this.$route.params.nik);
+      } else if (this.$route.meta.mode == 'koreksi') {
+        this.title = 'Koreksi Bantuan Solidaritas Jalinan';
+        this.titleDesc = 'Mengoreksi bantuan solidaritas Jalinan';
+        this.titleIcon = 'icon-pencil5';
+        this.cariData(this.$route.params.nik);
+      } else {
+        this.title = 'Tambah Bantuan Solidaritas Jalinan';
+        this.titleDesc = 'Menambah Bantuan Solidaritas Jalinan';
+        this.titleIcon = 'icon-plus3';
+        this.isEdit = false;
+
+        if (this.$route.meta.mode == 'createNIK') {
+          this.cariData(this.$route.params.nik);
+          this.isEdit = true;
+        } else if (this.$route.meta.mode == 'createId') {
+          this.cariDataId(this.$route.params.id);
+          this.isEdit = true;
+        }
+      }
+    },
+    fetchForm: function fetchForm() {
+      if (this.$route.meta.mode == 'edit' || this.$route.meta.mode == 'koreksi') {
+        this.$store.dispatch(this.kelas + '/edit', [this.$route.params.nik, this.$route.params.cu, this.$route.params.tipe]);
+        this.isEdit = true;
+        this.anggota_cu_cu_id = this.$route.params.cu;
+        this.tipe = this.$route.params.tipe;
+      }
+    },
+    cariData: function cariData(nik) {
+      this.nik = nik;
+      this.$store.dispatch(this.kelas + '/cariData', nik);
+    },
+    cariDataId: function cariDataId(id) {
+      this.$store.dispatch(this.kelas + '/cariDataId', id);
+    },
+    changeStatusNIK: function changeStatusNIK(value) {
+      this.nik == '';
+      this.statusNIK = value;
+      this.$store.dispatch(this.kelas + '/resetData');
+    },
+    nikNew: function nikNew(value) {
+      this.nik = value;
+      this.$store.dispatch(this.kelas + '/cariData', value);
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+    },
+    changeTipe: function changeTipe(value) {
+      if (value == 'cacat') {
+        this.form.tunas_diajukan = 0;
+      }
+
+      this.$store.dispatch(this.kelas + '/resetForm');
+    },
+    changeCU: function changeCU(value) {
+      this.$store.dispatch('anggotaCu/resetDataProduk');
+      this.$store.dispatch(this.kelas + '/resetForm');
+    },
+    cekData: function cekData() {
+      var _nik = '';
+
+      if (this.$route.meta.mode === 'edit') {
+        _nik = this.$route.params.nik;
+      } else if (this.$route.meta.mode === 'createId') {
+        _nik = this.itemData.nik;
+      } else {
+        _nik = this.nik;
+      }
+
+      var _cu = '';
+      _cu = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.itemDataCu, {
+        'id': parseInt(this.anggota_cu_cu_id, 10)
+      });
+      this.cu_id = _cu.cu_id;
+      this.$store.dispatch(this.kelas + '/edit', [_nik, _cu.id, this.tipe]);
+      this.$store.dispatch('anggotaCu/indexProduk', [this.itemData.id, _cu.cu_id]); // this.$store.dispatch(this.kelas + '/getKlaimLama',[_nik,_cu.id]);
+    },
+    resetData: function resetData() {
+      this.itemDataCu = [];
+      this.itemDataProduk = [];
+      this.$store.commit(this.kelas + '/setData2', {});
+      this.$store.commit(this.kelas + '/setDataStat2', '');
+      this.$store.dispatch('anggotaCu/resetDataProduk');
+      this.$store.dispatch(this.kelas + '/resetForm');
+    },
+    classCu: function classCu() {
+      if (this.currentUser.id_cu == 0) {
+        return 'col-8';
+      } else {
+        return 'col-12';
+      }
+    },
+    save: function save() {
+      var _this = this;
+
+      this.form.anggota_cu_id = this.itemData.id;
+      this.form.anggota_cu_cu_id = this.anggota_cu_cu_id;
+      this.form.tipe = this.tipe;
+      this.form.cu_id = this.cu_id;
+
+      if (this.tipe == 'CACAT') {
+        this.form.tunas_diajukan = 0;
+      }
+
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_16__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.form.id) {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.form.id, formData]);
+          } else {
+            _this.$store.dispatch(_this.kelas + '/store', formData);
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
+    back: function back() {
+      if (this.currentUser.id_cu == 0) {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: 'semua',
+            tp: 'semua'
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.currentUser.id_cu,
+            tp: 'semua'
+          }
+        });
+      }
+    },
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {},
+    modalConfirmOk: function modalConfirmOk() {},
+    modalTutup: function modalTutup() {
+      if (this.updateStat === 'success') {
+        this.back();
+      }
+
+      this.modalShow = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanKlaim', {
+    itemData: 'data2',
+    itemDataStat: 'dataStat2',
+    message: 'message',
+    messageStat: 'messageStat',
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
+    dataProduk: 'dataProduk',
+    dataProdukStat: 'dataProdukStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'headerDataS',
+    modelCuStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('provinces', {
+    modelProvinces: 'dataS',
+    modelProvincesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('regencies', {
+    modelRegencies: 'dataS',
+    modelRegenciesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('districts', {
+    modelDistricts: 'dataS',
+    modelDistrictsStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('villages', {
+    modelVillages: 'dataS',
+    modelVillagesStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticClass: "card card-body has-bg-image", class: _vm.color },
+    [
+      _c("div", { staticClass: "media" }, [
+        _c("div", { staticClass: "media-body" }, [
+          _vm.count
+            ? _c("h3", { staticClass: "mb-0" }, [_vm._v(_vm._s(_vm.count))])
+            : _vm._e(),
+          _vm._v(" "),
+          _c("span", { staticClass: "text-uppercase font-size-xs" }, [
+            _vm._v(_vm._s(_vm.title)),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "ml-3 align-self-center" }, [
+          _c("i", { staticClass: "icon-3x opacity-75", class: _vm.icon }),
+        ]),
+      ]),
+    ]
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=template&id=a5ee5ada&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=template&id=a5ee5ada& ***!
+  \**********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops, terjadi kesalahan",
+                      errorItem: _vm.errors.items,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              !_vm.isEdit
+                ? _c("cari-data", {
+                    attrs: { itemDataStat: _vm.itemDataStat, isBack: true },
+                    on: {
+                      cariData: _vm.cariData,
+                      changeStatusNIK: _vm.changeStatusNIK,
+                      nikNew: _vm.nikNew,
+                      resetData: _vm.resetData,
+                      back: _vm.back,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataStat == "fail"
+                ? _c(
+                    "div",
                     {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: {
-                        type: "button",
-                        disabled:
-                          _vm.markNotifStat === "loading" ||
-                          _vm.unreadNotification == 0,
-                      },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("tandai")
-                        },
-                      },
+                      staticClass:
+                        "alert bg-danger text-white alert-styled-left ",
                     },
                     [
-                      _c("i", { staticClass: "icon-checkbox-checked" }),
-                      _vm._v(" Tandai sudah baca semua\n\t\t\t\t\t\t\t\t"),
+                      _vm.currentUser.can["create_anggota_cu"]
+                        ? _c("span", { staticClass: "font-weight-semibold" }, [
+                            _vm._v(
+                              "No. KTP anggota CU tidak terdaftar di SIMO, silahkan menambahkan terlebih dahulu data anggota dengan menekan tombol tambah anggota CU dibawah.\n\t\t\t\t\t"
+                            ),
+                          ])
+                        : _c("span", [
+                            _vm._v(
+                              "\n\t\t\t\t\t\tNo. KTP anggota CU tidak terdaftar di SIMO, silahkan meminta user yang memiliki akses untuk menambah anggota CU untuk menambahkan terlebih dahulu data anggota atau meminta akses untuk menambah anggota CU kepada user lain yang bisa mengelola data user.\n\t\t\t\t\t"
+                            ),
+                          ]),
                     ]
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "button",
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataStat == "fail" &&
+              _vm.currentUser.can["create_anggota_cu"]
+                ? _c(
+                    "router-link",
                     {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { type: "button" },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.fetch()
+                      staticClass: "btn btn-light btn-lg btn-block",
+                      attrs: {
+                        type: "button",
+                        to: {
+                          name: "anggotaCuCreateJalinan",
+                          params: { nik: _vm.nik, statusNIK: _vm.statusNIK },
                         },
                       },
                     },
                     [
-                      _c("i", {
-                        staticClass: "icon-sync",
-                        class: { spinner: _vm.notifStat === "loading" },
-                      }),
-                      _vm._v(" Reload\n\t\t\t\t\t\t\t\t"),
+                      _c("i", { staticClass: "icon-plus22" }),
+                      _vm._v(" Tambah Anggota CU\n\t\t\t\t"),
                     ]
-                  ),
-                ]),
-              ]),
-            ]),
-            _vm._v(" "),
-            _vm._m(0),
-            _vm._v(" "),
-            _vm.notifStat == "loading"
-              ? _c("div", [_vm._m(1)])
-              : _c("div", [
-                  _vm.notification && _vm.notification.length > 0
-                    ? _c(
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataStat == "success" && _vm.itemData
+                ? _c("div", [
+                    _c("div", { staticClass: "card" }, [
+                      _vm._m(0),
+                      _vm._v(" "),
+                      _c(
                         "div",
+                        { staticClass: "card-body" },
                         [
-                          _c(
-                            "div",
-                            { staticClass: "nav-tabs-responsive mb-3" },
-                            [
-                              _c(
-                                "ul",
-                                {
-                                  staticClass:
-                                    "nav nav-tabs nav-tabs-solid bg-light",
-                                },
-                                [
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active: _vm.tabName == "semua",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab("semua")
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-table2 mr-2",
-                                        }),
-                                        _vm._v(" Semua"),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active: _vm.tabName == "laporanCu",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab("laporanCu")
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-stats-bars2 mr-2",
-                                        }),
-                                        _vm._v(" Laporan CU"),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active: _vm.tabName == "diklatBKCU",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab("diklatBKCU")
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-graduation2 mr-2",
-                                        }),
-                                        _vm._v(" Diklat BKCU"),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active:
-                                            _vm.tabName == "pertemuanBKCU",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab(
-                                              "pertemuanBKCU"
-                                            )
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-ungroup mr-2",
-                                        }),
-                                        _vm._v(" Pertemuan BKCU"),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
+                          _c("identitas", {
+                            attrs: { itemData: _vm.itemData },
+                          }),
+                        ],
+                        1
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c(
+                      "form",
+                      {
+                        attrs: { "data-vv-scope": "form" },
+                        on: {
+                          submit: function ($event) {
+                            $event.preventDefault()
+                            return _vm.save.apply(null, arguments)
+                          },
+                        },
+                      },
+                      [
+                        _c("div", { staticClass: "card card-body" }, [
+                          _c("div", { staticClass: "row" }, [
+                            _c("div", { staticClass: "col-md-5 mb-2" }, [
+                              _c("div", { staticClass: "input-group" }, [
+                                _vm._m(1),
+                                _vm._v(" "),
+                                _c(
+                                  "select",
+                                  {
+                                    directives: [
                                       {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active:
-                                            _vm.tabName == "selfAssesment",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab(
-                                              "selfAssesment"
-                                            )
-                                          },
-                                        },
+                                        name: "model",
+                                        rawName: "v-model",
+                                        value: _vm.anggota_cu_cu_id,
+                                        expression: "anggota_cu_cu_id",
                                       },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-reading mr-2",
-                                        }),
-                                        _vm._v(" Self Assesment ACCESS"),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active: _vm.tabName == "monitoring",
+                                    ],
+                                    staticClass: "form-control",
+                                    attrs: {
+                                      name: "anggota_cu_cu_id",
+                                      "data-width": "100%",
+                                      disabled:
+                                        _vm.itemData.anggota_cu_cu.length ==
+                                          0 || _vm.$route.meta.mode == "edit",
+                                    },
+                                    on: {
+                                      change: [
+                                        function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
+                                              )
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.anggota_cu_cu_id = $event.target
+                                            .multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
                                         },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab("monitoring")
-                                          },
+                                        function ($event) {
+                                          return _vm.changeCU(
+                                            $event.target.value
+                                          )
                                         },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass:
-                                            "icon-collaboration mr-2",
-                                        }),
-                                        _vm._v(" Monitoring"),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("li", { staticClass: "nav-item" }, [
+                                      ],
+                                    },
+                                  },
+                                  [
                                     _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active: _vm.tabName == "klaimJALINAN",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab("klaimJALINAN")
-                                          },
-                                        },
-                                      },
+                                      "option",
+                                      { attrs: { disabled: "", value: "" } },
                                       [
-                                        _c("i", {
-                                          staticClass:
-                                            "icon-accessibility2 mr-2",
-                                        }),
-                                        _vm._v(" Bantuan Solidaritas Jalinan"),
+                                        _vm.itemData === "loading"
+                                          ? _c("span", [
+                                              _vm._v("Mohon tunggu..."),
+                                            ])
+                                          : _c("span", [
+                                              _vm._v(
+                                                "Silahkan pilih keanggotaan CU"
+                                              ),
+                                            ]),
                                       ]
-                                    ),
-                                  ]),
-                                ]
-                              ),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "transition",
-                            {
-                              attrs: {
-                                "enter-active-class": "animated fadeIn",
-                                mode: "out-in",
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  directives: [
-                                    {
-                                      name: "show",
-                                      rawName: "v-show",
-                                      value: _vm.tabName == "semua",
-                                      expression: "tabName == 'semua'",
-                                    },
-                                  ],
-                                  staticClass: "row",
-                                },
-                                _vm._l(
-                                  _vm.notification,
-                                  function (notif, index) {
-                                    return _c(
-                                      "div",
-                                      { key: index, staticClass: "col-md-6" },
-                                      [
-                                        _c(
-                                          "div",
-                                          {
-                                            staticClass: "card",
-                                            class: {
-                                              "text-muted":
-                                                notif.read_at != null,
-                                            },
-                                            staticStyle: { cursor: "pointer" },
-                                            on: {
-                                              click: function ($event) {
-                                                $event.preventDefault()
-                                                return _vm.goToPage(notif)
-                                              },
-                                            },
-                                          },
-                                          [
-                                            _c(
-                                              "div",
-                                              {
-                                                staticClass:
-                                                  "card-header bg-white header-elements-inline",
-                                              },
-                                              [
-                                                _c(
-                                                  "span",
-                                                  { staticClass: "card-title" },
-                                                  [
-                                                    notif.data.tipe ==
-                                                      "laporanCu" ||
-                                                    notif.data.tipe ==
-                                                      "laporanTp"
-                                                      ? _c("span", [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-stats-bars2",
-                                                          }),
-                                                          _vm._v(
-                                                            " Laporan Statistik CU"
-                                                          ),
-                                                        ])
-                                                      : notif.data.tipe ==
-                                                        "diklatBKCU"
-                                                      ? _c("span", [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-graduation2",
-                                                          }),
-                                                          _vm._v(
-                                                            " Diklat BKCU"
-                                                          ),
-                                                        ])
-                                                      : notif.data.tipe ==
-                                                        "pertemuanBKCU"
-                                                      ? _c("span", [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-ungroup",
-                                                          }),
-                                                          _vm._v(
-                                                            " Pertemuan BKCU"
-                                                          ),
-                                                        ])
-                                                      : notif.data.tipe ==
-                                                        "selfAssesment"
-                                                      ? _c("span", [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-reading",
-                                                          }),
-                                                          _vm._v(
-                                                            " Self Assesment ACCESS"
-                                                          ),
-                                                        ])
-                                                      : notif.data.tipe ==
-                                                        "monitoring"
-                                                      ? _c("span", [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-collaboration",
-                                                          }),
-                                                          _vm._v(" Monitoring"),
-                                                        ])
-                                                      : notif.data.tipe ==
-                                                        "klaimJALINAN"
-                                                      ? _c("span", [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-accessibility2",
-                                                          }),
-                                                          _vm._v(
-                                                            " Bantuan Solidaritas Jalinan"
-                                                          ),
-                                                        ])
-                                                      : _c("span", [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-bubble-notification",
-                                                          }),
-                                                          _vm._v(" Notifikasi"),
-                                                        ]),
-                                                  ]
-                                                ),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    staticClass:
-                                                      "header-elements",
-                                                  },
-                                                  [
-                                                    _vm._v(
-                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                        _vm._s(
-                                                          _vm._f(
-                                                            "relativeHour"
-                                                          )(notif.created_at)
-                                                        ) +
-                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "div",
-                                              { staticClass: "card-body" },
-                                              [
-                                                _vm._v(
-                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                    _vm._s(notif.data.message) +
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm._l(
+                                      _vm.itemData.anggota_cu_cu,
+                                      function (anggota_cu_cu, index) {
+                                        return _c(
+                                          "option",
+                                          {
+                                            key: index,
+                                            domProps: {
+                                              value: anggota_cu_cu.id,
+                                            },
+                                          },
+                                          [
+                                            _vm._v(
+                                              "CU " +
+                                                _vm._s(anggota_cu_cu.cu.name) +
+                                                " " +
+                                                _vm._s(
+                                                  anggota_cu_cu.tp
+                                                    ? " | " +
+                                                        anggota_cu_cu.tp.name
+                                                    : ""
+                                                ) +
+                                                " | No. BA: " +
+                                                _vm._s(anggota_cu_cu.no_ba) +
+                                                " | Tanggal Jadi Anggota: "
                                             ),
+                                            anggota_cu_cu.tanggal_masuk
+                                              ? _c("span", {
+                                                  domProps: {
+                                                    innerHTML: _vm._s(
+                                                      _vm.$options.filters.date(
+                                                        anggota_cu_cu.tanggal_masuk
+                                                      )
+                                                    ),
+                                                  },
+                                                })
+                                              : _vm._e(),
                                           ]
-                                        ),
-                                      ]
-                                    )
-                                  }
-                                ),
-                                0
-                              ),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "transition",
-                            {
-                              attrs: {
-                                "enter-active-class": "animated fadeIn",
-                                mode: "out-in",
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  directives: [
-                                    {
-                                      name: "show",
-                                      rawName: "v-show",
-                                      value: _vm.tabName == "laporanCu",
-                                      expression: "tabName == 'laporanCu'",
-                                    },
+                                        )
+                                      }
+                                    ),
                                   ],
-                                },
-                                _vm._l(
-                                  _vm.notification,
-                                  function (notif, index) {
-                                    return _c("div", { key: index }, [
-                                      notif.data.tipe == "laporanCu"
-                                        ? _c(
-                                            "div",
-                                            {
-                                              staticClass: "card",
-                                              class: {
-                                                "text-muted":
-                                                  notif.read_at != null,
-                                              },
-                                              staticStyle: {
-                                                cursor: "pointer",
-                                              },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.goToPage(notif)
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "card-header bg-white header-elements-inline",
-                                                },
-                                                [
-                                                  _c(
-                                                    "span",
-                                                    {
-                                                      staticClass: "card-title",
-                                                    },
-                                                    [
-                                                      _c("i", {
-                                                        staticClass:
-                                                          "icon-stats-bars2",
-                                                      }),
-                                                      _vm._v(
-                                                        " Laporan Statistik CU\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]
-                                                  ),
-                                                  _vm._v(" "),
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass:
-                                                        "header-elements",
-                                                    },
-                                                    [
-                                                      _vm._v(
-                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                          _vm._s(
-                                                            _vm._f(
-                                                              "relativeHour"
-                                                            )(notif.created_at)
-                                                          ) +
-                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-body" },
-                                                [
-                                                  _vm._v(
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                      _vm._s(
-                                                        notif.data.message
-                                                      ) +
-                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                  ),
-                                                ]
-                                              ),
-                                            ]
+                                  2
+                                ),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "col-md-5 mb-2" }, [
+                              _c("div", { staticClass: "input-group" }, [
+                                _vm._m(2),
+                                _vm._v(" "),
+                                _c(
+                                  "select",
+                                  {
+                                    directives: [
+                                      {
+                                        name: "model",
+                                        rawName: "v-model",
+                                        value: _vm.tipe,
+                                        expression: "tipe",
+                                      },
+                                    ],
+                                    staticClass: "form-control",
+                                    attrs: { name: "tipe" },
+                                    on: {
+                                      change: [
+                                        function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
+                                              )
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.tipe = $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        },
+                                        function ($event) {
+                                          return _vm.changeTipe(
+                                            $event.target.value
                                           )
-                                        : _vm._e(),
-                                    ])
-                                  }
+                                        },
+                                      ],
+                                    },
+                                  },
+                                  [
+                                    _c(
+                                      "option",
+                                      { attrs: { disabled: "", value: "" } },
+                                      [_vm._v("Silahkan pilih tipe")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "option",
+                                      { attrs: { value: "CACAT" } },
+                                      [_vm._v("Cacat")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "option",
+                                      { attrs: { value: "MENINGGAL" } },
+                                      [_vm._v("Meninggal")]
+                                    ),
+                                  ]
                                 ),
-                                0
-                              ),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "transition",
-                            {
-                              attrs: {
-                                "enter-active-class": "animated fadeIn",
-                                mode: "out-in",
-                              },
-                            },
-                            [
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "col-md-2" }, [
                               _c(
-                                "div",
+                                "button",
                                 {
-                                  directives: [
-                                    {
-                                      name: "show",
-                                      rawName: "v-show",
-                                      value: _vm.tabName == "diklatBKCU",
-                                      expression: "tabName == 'diklatBKCU'",
+                                  staticClass: "btn btn-light btn-block",
+                                  attrs: { type: "button" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.cekData()
                                     },
-                                  ],
+                                  },
                                 },
-                                _vm._l(
-                                  _vm.notification,
-                                  function (notif, index) {
-                                    return _c("div", { key: index }, [
-                                      notif.data.tipe == "diklatBKCU"
-                                        ? _c(
-                                            "div",
-                                            {
-                                              staticClass: "card",
-                                              class: {
-                                                "text-muted":
-                                                  notif.read_at != null,
-                                              },
-                                              staticStyle: {
-                                                cursor: "pointer",
-                                              },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.goToPage(notif)
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "card-header bg-white header-elements-inline",
-                                                },
-                                                [
-                                                  _c(
-                                                    "span",
-                                                    {
-                                                      staticClass: "card-title",
-                                                    },
-                                                    [
-                                                      _c("i", {
-                                                        staticClass:
-                                                          "icon-graduation2",
-                                                      }),
-                                                      _vm._v(
-                                                        " Diklat BKCU\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]
-                                                  ),
-                                                  _vm._v(" "),
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass:
-                                                        "header-elements",
-                                                    },
-                                                    [
-                                                      _vm._v(
-                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                          _vm._s(
-                                                            _vm._f(
-                                                              "relativeHour"
-                                                            )(notif.created_at)
-                                                          ) +
-                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-body" },
-                                                [
-                                                  _vm._v(
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                      _vm._s(
-                                                        notif.data.message
-                                                      ) +
-                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                  ),
-                                                ]
-                                              ),
-                                            ]
-                                          )
-                                        : _vm._e(),
-                                    ])
-                                  }
-                                ),
-                                0
+                                [_vm._v("Cek Data")]
                               ),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "transition",
-                            {
-                              attrs: {
-                                "enter-active-class": "animated fadeIn",
-                                mode: "out-in",
-                              },
-                            },
-                            [
+                            ]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _vm.formStat == ""
+                          ? _c(
+                              "div",
+                              { staticClass: "card card-body" },
+                              [
+                                _c("form-button", {
+                                  attrs: {
+                                    isSingleButton: true,
+                                    cancelState: "methods",
+                                  },
+                                  on: { cancelClick: _vm.back },
+                                }),
+                              ],
+                              1
+                            )
+                          : _vm._e(),
+                        _vm._v(" "),
+                        (_vm.$route.meta.mode == "create" ||
+                          _vm.$route.meta.mode == "createNIK") &&
+                        _vm.formStat == "success" &&
+                        _vm.form.id
+                          ? _c("div", [
                               _c(
                                 "div",
                                 {
-                                  directives: [
-                                    {
-                                      name: "show",
-                                      rawName: "v-show",
-                                      value: _vm.tabName == "pertemuanBKCU",
-                                      expression: "tabName == 'pertemuanBKCU'",
-                                    },
-                                  ],
+                                  staticClass:
+                                    "alert bg-warning text-white alert-styled-left",
                                 },
-                                _vm._l(
-                                  _vm.notification,
-                                  function (notif, index) {
-                                    return _c("div", { key: index }, [
-                                      notif.data.tipe == "pertemuanBKCU"
-                                        ? _c(
-                                            "div",
-                                            {
-                                              staticClass: "card",
-                                              class: {
-                                                "text-muted":
-                                                  notif.read_at != null,
-                                              },
-                                              staticStyle: {
-                                                cursor: "pointer",
-                                              },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.goToPage(notif)
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "card-header bg-white header-elements-inline",
-                                                },
-                                                [
-                                                  _c(
-                                                    "span",
-                                                    {
-                                                      staticClass: "card-title",
-                                                    },
-                                                    [
-                                                      _c("i", {
-                                                        staticClass:
-                                                          "icon-ungroup2",
-                                                      }),
-                                                      _vm._v(
-                                                        " Pertemuan BKCU\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]
-                                                  ),
-                                                  _vm._v(" "),
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass:
-                                                        "header-elements",
-                                                    },
-                                                    [
-                                                      _vm._v(
-                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                          _vm._s(
-                                                            _vm._f(
-                                                              "relativeHour"
-                                                            )(notif.created_at)
-                                                          ) +
-                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-body" },
-                                                [
-                                                  _vm._v(
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                      _vm._s(
-                                                        notif.data.message
-                                                      ) +
-                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                  ),
-                                                ]
-                                              ),
-                                            ]
-                                          )
-                                        : _vm._e(),
-                                    ])
-                                  }
-                                ),
-                                0
+                                [
+                                  _c(
+                                    "span",
+                                    { staticClass: "font-weight-semibold" },
+                                    [
+                                      _vm._v(
+                                        "Anggota ini sudah mengajukan Bantuan Solidaritas Jalinan  "
+                                      ),
+                                      _c("b", [
+                                        _vm._v(
+                                          "pada tanggal " +
+                                            _vm._s(
+                                              _vm.$options.filters.date(
+                                                _vm.form.created_at
+                                              )
+                                            )
+                                        ),
+                                      ]),
+                                      _vm._v(" dengan "),
+                                      _c("b", [
+                                        _vm._v(
+                                          "status " +
+                                            _vm._s(
+                                              _vm.$options.filters.statusJalinan(
+                                                _vm.form.status_klaim
+                                              )
+                                            )
+                                        ),
+                                      ]),
+                                      _vm._v(
+                                        ", mohon periksa kembali.\n\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                                ]
                               ),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "transition",
-                            {
-                              attrs: {
-                                "enter-active-class": "animated fadeIn",
-                                mode: "out-in",
-                              },
-                            },
-                            [
+                              _vm._v(" "),
                               _c(
                                 "div",
-                                {
-                                  directives: [
-                                    {
-                                      name: "show",
-                                      rawName: "v-show",
-                                      value: _vm.tabName == "selfAssesment",
-                                      expression: "tabName == 'selfAssesment'",
+                                { staticClass: "card card-body" },
+                                [
+                                  _c("form-button", {
+                                    attrs: {
+                                      isSingleButton: true,
+                                      cancelState: "methods",
                                     },
-                                  ],
-                                },
-                                _vm._l(
-                                  _vm.notification,
-                                  function (notif, index) {
-                                    return _c("div", { key: index }, [
-                                      notif.data.tipe == "selfAssesment"
+                                    on: { cancelClick: _vm.back },
+                                  }),
+                                ],
+                                1
+                              ),
+                            ])
+                          : _c("div", [
+                              _vm.formStat == "success"
+                                ? _c(
+                                    "div",
+                                    [
+                                      _vm.dataProdukStat == "success"
                                         ? _c(
                                             "div",
-                                            {
-                                              staticClass: "card",
-                                              class: {
-                                                "text-muted":
-                                                  notif.read_at != null,
-                                              },
-                                              staticStyle: {
-                                                cursor: "pointer",
-                                              },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.goToPage(notif)
-                                                },
-                                              },
-                                            },
+                                            { staticClass: "card" },
                                             [
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "card-header bg-white header-elements-inline",
+                                              _vm._m(3),
+                                              _vm._v(" "),
+                                              _c("data-table", {
+                                                attrs: {
+                                                  items: _vm.dataProduk,
+                                                  columnData: _vm.columnData,
+                                                  itemDataStat:
+                                                    _vm.dataProdukStat,
                                                 },
-                                                [
-                                                  _c(
-                                                    "span",
-                                                    {
-                                                      staticClass: "card-title",
-                                                    },
-                                                    [
-                                                      _c("i", {
-                                                        staticClass:
-                                                          "icon-reading",
-                                                      }),
-                                                      _vm._v(
-                                                        " Self Assesment ACCESS\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]
-                                                  ),
-                                                  _vm._v(" "),
-                                                  _c(
-                                                    "div",
+                                                scopedSlots: _vm._u(
+                                                  [
                                                     {
-                                                      staticClass:
-                                                        "header-elements",
+                                                      key: "item-desktop",
+                                                      fn: function (props) {
+                                                        return [
+                                                          props.item
+                                                            ? _c(
+                                                                "tr",
+                                                                {
+                                                                  staticClass:
+                                                                    "text-nowrap",
+                                                                  class: {
+                                                                    "bg-info":
+                                                                      _vm
+                                                                        .selectedItem
+                                                                        .id ===
+                                                                      props.item
+                                                                        .id,
+                                                                  },
+                                                                  on: {
+                                                                    click:
+                                                                      function (
+                                                                        $event
+                                                                      ) {
+                                                                        return _vm.selectedRow(
+                                                                          props.item
+                                                                        )
+                                                                      },
+                                                                  },
+                                                                },
+                                                                [
+                                                                  _c("td", [
+                                                                    _vm._v(
+                                                                      _vm._s(
+                                                                        props.index +
+                                                                          1
+                                                                      )
+                                                                    ),
+                                                                  ]),
+                                                                  _vm._v(" "),
+                                                                  _c(
+                                                                    "td",
+                                                                    [
+                                                                      _c(
+                                                                        "check-value",
+                                                                        {
+                                                                          attrs:
+                                                                            {
+                                                                              value:
+                                                                                props
+                                                                                  .item
+                                                                                  .no_rek,
+                                                                            },
+                                                                        }
+                                                                      ),
+                                                                    ],
+                                                                    1
+                                                                  ),
+                                                                  _vm._v(" "),
+                                                                  _c(
+                                                                    "td",
+                                                                    [
+                                                                      props.item
+                                                                        .produk_cu
+                                                                        ? _c(
+                                                                            "check-value",
+                                                                            {
+                                                                              attrs:
+                                                                                {
+                                                                                  value:
+                                                                                    props
+                                                                                      .item
+                                                                                      .produk_cu
+                                                                                      .name,
+                                                                                },
+                                                                            }
+                                                                          )
+                                                                        : _c(
+                                                                            "span",
+                                                                            [
+                                                                              _vm._v(
+                                                                                "-"
+                                                                              ),
+                                                                            ]
+                                                                          ),
+                                                                    ],
+                                                                    1
+                                                                  ),
+                                                                  _vm._v(" "),
+                                                                  _c(
+                                                                    "td",
+                                                                    [
+                                                                      props.item
+                                                                        .produk_cu
+                                                                        ? _c(
+                                                                            "check-value",
+                                                                            {
+                                                                              attrs:
+                                                                                {
+                                                                                  value:
+                                                                                    props
+                                                                                      .item
+                                                                                      .produk_cu
+                                                                                      .tipe,
+                                                                                },
+                                                                            }
+                                                                          )
+                                                                        : _c(
+                                                                            "span",
+                                                                            [
+                                                                              _vm._v(
+                                                                                "-"
+                                                                              ),
+                                                                            ]
+                                                                          ),
+                                                                    ],
+                                                                    1
+                                                                  ),
+                                                                  _vm._v(" "),
+                                                                  _c(
+                                                                    "td",
+                                                                    [
+                                                                      _c(
+                                                                        "check-value",
+                                                                        {
+                                                                          attrs:
+                                                                            {
+                                                                              value:
+                                                                                props
+                                                                                  .item
+                                                                                  .saldo,
+                                                                              valueType:
+                                                                                "currency",
+                                                                            },
+                                                                        }
+                                                                      ),
+                                                                    ],
+                                                                    1
+                                                                  ),
+                                                                  _vm._v(" "),
+                                                                  _c(
+                                                                    "td",
+                                                                    [
+                                                                      _c(
+                                                                        "check-value",
+                                                                        {
+                                                                          attrs:
+                                                                            {
+                                                                              value:
+                                                                                props
+                                                                                  .item
+                                                                                  .lama_pinjaman,
+                                                                            },
+                                                                        }
+                                                                      ),
+                                                                    ],
+                                                                    1
+                                                                  ),
+                                                                  _vm._v(" "),
+                                                                  _c(
+                                                                    "td",
+                                                                    [
+                                                                      _c(
+                                                                        "check-value",
+                                                                        {
+                                                                          attrs:
+                                                                            {
+                                                                              value:
+                                                                                props
+                                                                                  .item
+                                                                                  .lama_sisa_pinjaman,
+                                                                            },
+                                                                        }
+                                                                      ),
+                                                                    ],
+                                                                    1
+                                                                  ),
+                                                                  _vm._v(" "),
+                                                                  _c("td", [
+                                                                    props.item
+                                                                      .tanggal
+                                                                      ? _c(
+                                                                          "span",
+                                                                          {
+                                                                            domProps:
+                                                                              {
+                                                                                innerHTML:
+                                                                                  _vm._s(
+                                                                                    _vm.$options.filters.date(
+                                                                                      props
+                                                                                        .item
+                                                                                        .tanggal
+                                                                                    )
+                                                                                  ),
+                                                                              },
+                                                                          }
+                                                                        )
+                                                                      : _c(
+                                                                          "span",
+                                                                          [
+                                                                            _vm._v(
+                                                                              "-"
+                                                                            ),
+                                                                          ]
+                                                                        ),
+                                                                  ]),
+                                                                  _vm._v(" "),
+                                                                  _c("td", [
+                                                                    props.item
+                                                                      .tanggal
+                                                                      ? _c(
+                                                                          "span",
+                                                                          {
+                                                                            domProps:
+                                                                              {
+                                                                                innerHTML:
+                                                                                  _vm._s(
+                                                                                    _vm.$options.filters.ageDiff(
+                                                                                      props
+                                                                                        .item
+                                                                                        .tanggal,
+                                                                                      _vm
+                                                                                        .itemData
+                                                                                        .tanggal_lahir
+                                                                                    )
+                                                                                  ),
+                                                                              },
+                                                                          }
+                                                                        )
+                                                                      : _c(
+                                                                          "span",
+                                                                          [
+                                                                            _vm._v(
+                                                                              "-"
+                                                                            ),
+                                                                          ]
+                                                                        ),
+                                                                  ]),
+                                                                ]
+                                                              )
+                                                            : _vm._e(),
+                                                        ]
+                                                      },
                                                     },
-                                                    [
-                                                      _vm._v(
-                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                          _vm._s(
-                                                            _vm._f(
-                                                              "relativeHour"
-                                                            )(notif.created_at)
-                                                          ) +
-                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-body" },
-                                                [
-                                                  _vm._v(
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                      _vm._s(
-                                                        notif.data.message
-                                                      ) +
-                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                  ),
-                                                ]
-                                              ),
-                                            ]
+                                                  ],
+                                                  null,
+                                                  false,
+                                                  2413839719
+                                                ),
+                                              }),
+                                            ],
+                                            1
                                           )
                                         : _vm._e(),
-                                    ])
-                                  }
-                                ),
-                                0
-                              ),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "transition",
-                            {
-                              attrs: {
-                                "enter-active-class": "animated fadeIn",
-                                mode: "out-in",
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  directives: [
-                                    {
-                                      name: "show",
-                                      rawName: "v-show",
-                                      value: _vm.tabName == "monitoring",
-                                      expression: "tabName == 'monitoring'",
-                                    },
-                                  ],
-                                },
-                                _vm._l(
-                                  _vm.notification,
-                                  function (notif, index) {
-                                    return _c("div", { key: index }, [
-                                      notif.data.tipe == "monitoring"
-                                        ? _c(
-                                            "div",
-                                            {
-                                              staticClass: "card",
-                                              class: {
-                                                "text-muted":
-                                                  notif.read_at != null,
-                                              },
-                                              staticStyle: {
-                                                cursor: "pointer",
-                                              },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.goToPage(notif)
-                                                },
-                                              },
-                                            },
-                                            [
+                                      _vm._v(" "),
+                                      _c("div", { staticClass: "card" }, [
+                                        _vm._m(4),
+                                        _vm._v(" "),
+                                        _c(
+                                          "div",
+                                          { staticClass: "card-body" },
+                                          [
+                                            _c("div", { staticClass: "row" }, [
                                               _c(
                                                 "div",
-                                                {
-                                                  staticClass:
-                                                    "card-header bg-white header-elements-inline",
-                                                },
+                                                { staticClass: "col-md-3" },
                                                 [
-                                                  _c(
-                                                    "span",
-                                                    {
-                                                      staticClass: "card-title",
-                                                    },
-                                                    [
-                                                      _c("i", {
-                                                        staticClass:
-                                                          "icon-collaboration",
-                                                      }),
-                                                      _vm._v(
-                                                        " Monitoring\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]
-                                                  ),
-                                                  _vm._v(" "),
                                                   _c(
                                                     "div",
                                                     {
-                                                      staticClass:
-                                                        "header-elements",
+                                                      staticClass: "form-group",
+                                                      class: {
+                                                        "has-error":
+                                                          _vm.errors.has(
+                                                            "form.kategori_penyakit"
+                                                          ),
+                                                      },
                                                     },
                                                     [
-                                                      _vm._v(
-                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                          _vm._s(
-                                                            _vm._f(
-                                                              "relativeHour"
-                                                            )(notif.created_at)
-                                                          ) +
-                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      _c(
+                                                        "h6",
+                                                        {
+                                                          class: {
+                                                            "text-danger":
+                                                              _vm.errors.has(
+                                                                "form.kategori_penyakit"
+                                                              ),
+                                                          },
+                                                        },
+                                                        [
+                                                          _vm.errors.has(
+                                                            "form.kategori_penyakit"
+                                                          )
+                                                            ? _c("i", {
+                                                                staticClass:
+                                                                  "icon-cross2",
+                                                              })
+                                                            : _vm._e(),
+                                                          _vm._v(
+                                                            "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tKategori Penyakit/Penyebab: "
+                                                          ),
+                                                          _c("wajib-badge"),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "select",
+                                                        {
+                                                          directives: [
+                                                            {
+                                                              name: "model",
+                                                              rawName:
+                                                                "v-model",
+                                                              value:
+                                                                _vm.form
+                                                                  .kategori_penyakit,
+                                                              expression:
+                                                                "form.kategori_penyakit",
+                                                            },
+                                                            {
+                                                              name: "validate",
+                                                              rawName:
+                                                                "v-validate",
+                                                              value: "required",
+                                                              expression:
+                                                                "'required'",
+                                                            },
+                                                          ],
+                                                          staticClass:
+                                                            "form-control",
+                                                          attrs: {
+                                                            name: "kategori_penyakit",
+                                                            "data-width":
+                                                              "100%",
+                                                            "data-vv-as":
+                                                              "Kategori penyakit",
+                                                          },
+                                                          on: {
+                                                            change: function (
+                                                              $event
+                                                            ) {
+                                                              var $$selectedVal =
+                                                                Array.prototype.filter
+                                                                  .call(
+                                                                    $event
+                                                                      .target
+                                                                      .options,
+                                                                    function (
+                                                                      o
+                                                                    ) {
+                                                                      return o.selected
+                                                                    }
+                                                                  )
+                                                                  .map(
+                                                                    function (
+                                                                      o
+                                                                    ) {
+                                                                      var val =
+                                                                        "_value" in
+                                                                        o
+                                                                          ? o._value
+                                                                          : o.value
+                                                                      return val
+                                                                    }
+                                                                  )
+                                                              _vm.$set(
+                                                                _vm.form,
+                                                                "kategori_penyakit",
+                                                                $event.target
+                                                                  .multiple
+                                                                  ? $$selectedVal
+                                                                  : $$selectedVal[0]
+                                                              )
+                                                            },
+                                                          },
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                disabled: "",
+                                                                value: "",
+                                                              },
+                                                            },
+                                                            [
+                                                              _vm._v(
+                                                                "Silahkan pilih kategori penyakit"
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value: "asma",
+                                                              },
+                                                            },
+                                                            [_vm._v("Asma")]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value:
+                                                                  "demam berdarah",
+                                                              },
+                                                            },
+                                                            [
+                                                              _vm._v(
+                                                                "Demam Berdarah"
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value:
+                                                                  "diabetes melitus",
+                                                              },
+                                                            },
+                                                            [
+                                                              _vm._v(
+                                                                "Diabetes Melitus"
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value: "diare",
+                                                              },
+                                                            },
+                                                            [_vm._v("Diare")]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value: "ginjal",
+                                                              },
+                                                            },
+                                                            [_vm._v("Ginjal")]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value:
+                                                                  "hepatitis",
+                                                              },
+                                                            },
+                                                            [
+                                                              _vm._v(
+                                                                "Hepatitis"
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value:
+                                                                  "hipertensi",
+                                                              },
+                                                            },
+                                                            [
+                                                              _vm._v(
+                                                                "Hipertensi"
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value:
+                                                                  "jantung",
+                                                              },
+                                                            },
+                                                            [_vm._v("Jantung")]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value: "kanker",
+                                                              },
+                                                            },
+                                                            [_vm._v("Kanker")]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value: "liver",
+                                                              },
+                                                            },
+                                                            [_vm._v("Liver")]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value: "maag",
+                                                              },
+                                                            },
+                                                            [_vm._v("Maag")]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value:
+                                                                  "paru-paru",
+                                                              },
+                                                            },
+                                                            [
+                                                              _vm._v(
+                                                                "Paru-paru"
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value: "stroke",
+                                                              },
+                                                            },
+                                                            [_vm._v("Stroke")]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value: "tbc",
+                                                              },
+                                                            },
+                                                            [_vm._v("TBC")]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value: "tumor",
+                                                              },
+                                                            },
+                                                            [_vm._v("Tumor")]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value:
+                                                                  "malaria",
+                                                              },
+                                                            },
+                                                            [_vm._v("Malaria")]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value:
+                                                                  "kecelakaan",
+                                                              },
+                                                            },
+                                                            [
+                                                              _vm._v(
+                                                                "Kecelakaan"
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value:
+                                                                  "komplikasi",
+                                                              },
+                                                            },
+                                                            [
+                                                              _vm._v(
+                                                                "Komplikasi"
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "option",
+                                                            {
+                                                              attrs: {
+                                                                value:
+                                                                  "lain-lain",
+                                                              },
+                                                            },
+                                                            [
+                                                              _vm._v(
+                                                                "Lain-lain"
+                                                              ),
+                                                            ]
+                                                          ),
+                                                        ]
                                                       ),
+                                                      _vm._v(" "),
+                                                      _vm.errors.has(
+                                                        "form.kategori_penyakit"
+                                                      )
+                                                        ? _c(
+                                                            "small",
+                                                            {
+                                                              staticClass:
+                                                                "text-muted text-danger",
+                                                            },
+                                                            [
+                                                              _c("i", {
+                                                                staticClass:
+                                                                  "icon-arrow-small-right",
+                                                              }),
+                                                              _vm._v(
+                                                                " " +
+                                                                  _vm._s(
+                                                                    _vm.errors.first(
+                                                                      "form.kategori_penyakit"
+                                                                    )
+                                                                  ) +
+                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                              ),
+                                                            ]
+                                                          )
+                                                        : _c(
+                                                            "small",
+                                                            {
+                                                              staticClass:
+                                                                "text-muted",
+                                                            },
+                                                            [_vm._v(" ")]
+                                                          ),
                                                     ]
                                                   ),
                                                 ]
@@ -1742,146 +2225,2015 @@ var render = function () {
                                               _vm._v(" "),
                                               _c(
                                                 "div",
-                                                { staticClass: "card-body" },
+                                                { staticClass: "col-md-3" },
                                                 [
-                                                  _vm._v(
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                      _vm._s(
-                                                        notif.data.message
-                                                      ) +
-                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass: "form-group",
+                                                      class: {
+                                                        "has-error":
+                                                          _vm.errors.has(
+                                                            "form.tanggal_mati"
+                                                          ),
+                                                      },
+                                                    },
+                                                    [
+                                                      _c(
+                                                        "h6",
+                                                        {
+                                                          class: {
+                                                            "text-danger":
+                                                              _vm.errors.has(
+                                                                "form.tanggal_mati"
+                                                              ),
+                                                          },
+                                                        },
+                                                        [
+                                                          _vm.errors.has(
+                                                            "form.tanggal_mati"
+                                                          )
+                                                            ? _c("i", {
+                                                                staticClass:
+                                                                  "icon-cross2",
+                                                              })
+                                                            : _vm._e(),
+                                                          _vm._v(
+                                                            "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tTgl. Cacat/Meninggal: "
+                                                          ),
+                                                          _c("wajib-badge"),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c("date-picker", {
+                                                        attrs: {
+                                                          defaultDate:
+                                                            _vm.form
+                                                              .tanggal_mati,
+                                                        },
+                                                        on: {
+                                                          dateSelected:
+                                                            function ($event) {
+                                                              _vm.form.tanggal_mati =
+                                                                $event
+                                                            },
+                                                        },
+                                                      }),
+                                                      _vm._v(" "),
+                                                      _c("input", {
+                                                        directives: [
+                                                          {
+                                                            name: "model",
+                                                            rawName: "v-model",
+                                                            value:
+                                                              _vm.form
+                                                                .tanggal_mati,
+                                                            expression:
+                                                              "form.tanggal_mati",
+                                                          },
+                                                          {
+                                                            name: "show",
+                                                            rawName: "v-show",
+                                                            value: false,
+                                                            expression: "false",
+                                                          },
+                                                          {
+                                                            name: "validate",
+                                                            rawName:
+                                                              "v-validate",
+                                                            value: "required",
+                                                            expression:
+                                                              "'required'",
+                                                          },
+                                                        ],
+                                                        attrs: {
+                                                          "data-vv-as":
+                                                            "Tgl. cacat/meninggal",
+                                                        },
+                                                        domProps: {
+                                                          value:
+                                                            _vm.form
+                                                              .tanggal_mati,
+                                                        },
+                                                        on: {
+                                                          input: function (
+                                                            $event
+                                                          ) {
+                                                            if (
+                                                              $event.target
+                                                                .composing
+                                                            ) {
+                                                              return
+                                                            }
+                                                            _vm.$set(
+                                                              _vm.form,
+                                                              "tanggal_mati",
+                                                              $event.target
+                                                                .value
+                                                            )
+                                                          },
+                                                        },
+                                                      }),
+                                                      _vm._v(" "),
+                                                      _vm.errors.has(
+                                                        "form.tanggal_mati"
+                                                      )
+                                                        ? _c(
+                                                            "small",
+                                                            {
+                                                              staticClass:
+                                                                "text-muted text-danger",
+                                                            },
+                                                            [
+                                                              _c("i", {
+                                                                staticClass:
+                                                                  "icon-arrow-small-right",
+                                                              }),
+                                                              _vm._v(
+                                                                " " +
+                                                                  _vm._s(
+                                                                    _vm.errors.first(
+                                                                      "form.tanggal_mati"
+                                                                    )
+                                                                  ) +
+                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                              ),
+                                                            ]
+                                                          )
+                                                        : _c(
+                                                            "small",
+                                                            {
+                                                              staticClass:
+                                                                "text-muted",
+                                                            },
+                                                            [_vm._v(" ")]
+                                                          ),
+                                                    ],
+                                                    1
                                                   ),
                                                 ]
                                               ),
-                                            ]
-                                          )
-                                        : _vm._e(),
-                                    ])
-                                  }
-                                ),
-                                0
-                              ),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "transition",
-                            {
-                              attrs: {
-                                "enter-active-class": "animated fadeIn",
-                                mode: "out-in",
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  directives: [
-                                    {
-                                      name: "show",
-                                      rawName: "v-show",
-                                      value: _vm.tabName == "klaimJALINAN",
-                                      expression: "tabName == 'klaimJALINAN'",
-                                    },
-                                  ],
-                                },
-                                _vm._l(
-                                  _vm.notification,
-                                  function (notif, index) {
-                                    return _c("div", { key: index }, [
-                                      notif.data.tipe == "klaimJALINAN"
-                                        ? _c(
-                                            "div",
-                                            {
-                                              staticClass: "card",
-                                              class: {
-                                                "text-muted":
-                                                  notif.read_at != null,
-                                              },
-                                              staticStyle: {
-                                                cursor: "pointer",
-                                              },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.goToPage(notif)
-                                                },
-                                              },
-                                            },
-                                            [
+                                              _vm._v(" "),
                                               _c(
                                                 "div",
-                                                {
-                                                  staticClass:
-                                                    "card-header bg-white header-elements-inline",
-                                                },
+                                                { staticClass: "col-md-3" },
                                                 [
                                                   _c(
-                                                    "span",
+                                                    "div",
                                                     {
-                                                      staticClass: "card-title",
+                                                      staticClass: "form-group",
                                                     },
                                                     [
-                                                      _c("i", {
+                                                      _c("h6", [
+                                                        _vm._v(
+                                                          "Keterangan Cacat/Meninggal:"
+                                                        ),
+                                                      ]),
+                                                      _vm._v(" "),
+                                                      _c("input", {
+                                                        directives: [
+                                                          {
+                                                            name: "model",
+                                                            rawName: "v-model",
+                                                            value:
+                                                              _vm.form
+                                                                .keterangan_mati,
+                                                            expression:
+                                                              "form.keterangan_mati",
+                                                          },
+                                                        ],
                                                         staticClass:
-                                                          "icon-accessibility2",
+                                                          "form-control",
+                                                        attrs: {
+                                                          type: "text",
+                                                          name: "keterangan_mati",
+                                                          placeholder:
+                                                            "Silahkan masukkan keterangan cacat/meninggal",
+                                                        },
+                                                        domProps: {
+                                                          value:
+                                                            _vm.form
+                                                              .keterangan_mati,
+                                                        },
+                                                        on: {
+                                                          input: function (
+                                                            $event
+                                                          ) {
+                                                            if (
+                                                              $event.target
+                                                                .composing
+                                                            ) {
+                                                              return
+                                                            }
+                                                            _vm.$set(
+                                                              _vm.form,
+                                                              "keterangan_mati",
+                                                              $event.target
+                                                                .value
+                                                            )
+                                                          },
+                                                        },
                                                       }),
-                                                      _vm._v(
-                                                        " Bantuan Solidaritas Jalinan\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
                                                     ]
                                                   ),
-                                                  _vm._v(" "),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                { staticClass: "col-md-3" },
+                                                [
                                                   _c(
                                                     "div",
                                                     {
-                                                      staticClass:
-                                                        "header-elements",
+                                                      staticClass: "form-group",
                                                     },
                                                     [
-                                                      _vm._v(
-                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                          _vm._s(
-                                                            _vm._f(
-                                                              "relativeHour"
-                                                            )(notif.created_at)
-                                                          ) +
-                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      _c(
+                                                        "h6",
+                                                        {
+                                                          class: {
+                                                            "text-danger":
+                                                              _vm.errors.has(
+                                                                "form.tanggal_mati"
+                                                              ),
+                                                          },
+                                                        },
+                                                        [
+                                                          _vm.errors.has(
+                                                            "form.tanggal_mati"
+                                                          )
+                                                            ? _c("i", {
+                                                                staticClass:
+                                                                  "icon-cross2",
+                                                              })
+                                                            : _vm._e(),
+                                                          _vm._v(
+                                                            "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tKeterangan Lain:\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                          ),
+                                                        ]
                                                       ),
+                                                      _vm._v(" "),
+                                                      _c("input", {
+                                                        directives: [
+                                                          {
+                                                            name: "model",
+                                                            rawName: "v-model",
+                                                            value:
+                                                              _vm.form
+                                                                .keterangan,
+                                                            expression:
+                                                              "form.keterangan",
+                                                          },
+                                                        ],
+                                                        staticClass:
+                                                          "form-control",
+                                                        attrs: {
+                                                          type: "text",
+                                                          name: "keterangan",
+                                                          placeholder:
+                                                            "Silahkan masukkan keterangan lain",
+                                                        },
+                                                        domProps: {
+                                                          value:
+                                                            _vm.form.keterangan,
+                                                        },
+                                                        on: {
+                                                          input: function (
+                                                            $event
+                                                          ) {
+                                                            if (
+                                                              $event.target
+                                                                .composing
+                                                            ) {
+                                                              return
+                                                            }
+                                                            _vm.$set(
+                                                              _vm.form,
+                                                              "keterangan",
+                                                              $event.target
+                                                                .value
+                                                            )
+                                                          },
+                                                        },
+                                                      }),
                                                     ]
                                                   ),
                                                 ]
                                               ),
                                               _vm._v(" "),
+                                              _vm.formStat == "success" &&
+                                              _vm.tipe != "CACAT"
+                                                ? _c(
+                                                    "div",
+                                                    { staticClass: "col-md-6" },
+                                                    [
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "form-group",
+                                                          class: {
+                                                            "has-error":
+                                                              _vm.errors.has(
+                                                                "form.tunas_diajukan"
+                                                              ),
+                                                          },
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "h5",
+                                                            [
+                                                              _vm._v(
+                                                                "Nilai pengajuan bantuan solidaritas TUNAS "
+                                                              ),
+                                                              _c("wajib-badge"),
+                                                            ],
+                                                            1
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c("cleave", {
+                                                            directives: [
+                                                              {
+                                                                name: "validate",
+                                                                rawName:
+                                                                  "v-validate",
+                                                                value:
+                                                                  "required",
+                                                                expression:
+                                                                  "'required'",
+                                                              },
+                                                            ],
+                                                            staticClass:
+                                                              "form-control",
+                                                            attrs: {
+                                                              name: "tunas_diajukan",
+                                                              options:
+                                                                _vm.cleaveOption
+                                                                  .numeric,
+                                                              placeholder:
+                                                                "Silahkan masukkan jumlah nilai pengajuan bantuan solidaritas TUNAS",
+                                                              "data-vv-as":
+                                                                "Nilai pengajuan bantuan solidaritas TUNAS",
+                                                            },
+                                                            model: {
+                                                              value:
+                                                                _vm.form
+                                                                  .tunas_diajukan,
+                                                              callback:
+                                                                function ($$v) {
+                                                                  _vm.$set(
+                                                                    _vm.form,
+                                                                    "tunas_diajukan",
+                                                                    $$v
+                                                                  )
+                                                                },
+                                                              expression:
+                                                                "form.tunas_diajukan",
+                                                            },
+                                                          }),
+                                                          _vm._v(" "),
+                                                          _vm.errors.has(
+                                                            "form.tunas_diajukan"
+                                                          )
+                                                            ? _c(
+                                                                "small",
+                                                                {
+                                                                  staticClass:
+                                                                    "text-muted text-danger",
+                                                                },
+                                                                [
+                                                                  _c("i", {
+                                                                    staticClass:
+                                                                      "icon-arrow-small-right",
+                                                                  }),
+                                                                  _vm._v(
+                                                                    " " +
+                                                                      _vm._s(
+                                                                        _vm.errors.first(
+                                                                          "form.tunas_diajukan"
+                                                                        )
+                                                                      ) +
+                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                  ),
+                                                                ]
+                                                              )
+                                                            : _c(
+                                                                "small",
+                                                                {
+                                                                  staticClass:
+                                                                    "text-muted",
+                                                                },
+                                                                [_vm._v(" ")]
+                                                              ),
+                                                        ],
+                                                        1
+                                                      ),
+                                                    ]
+                                                  )
+                                                : _vm._e(),
+                                              _vm._v(" "),
                                               _c(
                                                 "div",
-                                                { staticClass: "card-body" },
+                                                { staticClass: "col-md-6" },
                                                 [
-                                                  _vm._v(
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                      _vm._s(
-                                                        notif.data.message
-                                                      ) +
-                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass: "form-group",
+                                                      class: {
+                                                        "has-error":
+                                                          _vm.errors.has(
+                                                            "form.lintang_diajukan"
+                                                          ),
+                                                      },
+                                                    },
+                                                    [
+                                                      _c(
+                                                        "h5",
+                                                        [
+                                                          _vm._v(
+                                                            "Nilai pengajuan bantuan solidaritas LINTANG "
+                                                          ),
+                                                          _c("wajib-badge"),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c("cleave", {
+                                                        directives: [
+                                                          {
+                                                            name: "validate",
+                                                            rawName:
+                                                              "v-validate",
+                                                            value: "required",
+                                                            expression:
+                                                              "'required'",
+                                                          },
+                                                        ],
+                                                        staticClass:
+                                                          "form-control",
+                                                        attrs: {
+                                                          name: "lintang_diajukan",
+                                                          options:
+                                                            _vm.cleaveOption
+                                                              .numeric,
+                                                          placeholder:
+                                                            "Silahkan masukkan jumlah nilai pengajuan bantuan solidaritas LINTANG",
+                                                          "data-vv-as":
+                                                            "Nilai pengajuan bantuan solidaritas LINTANG",
+                                                        },
+                                                        model: {
+                                                          value:
+                                                            _vm.form
+                                                              .lintang_diajukan,
+                                                          callback: function (
+                                                            $$v
+                                                          ) {
+                                                            _vm.$set(
+                                                              _vm.form,
+                                                              "lintang_diajukan",
+                                                              $$v
+                                                            )
+                                                          },
+                                                          expression:
+                                                            "form.lintang_diajukan",
+                                                        },
+                                                      }),
+                                                      _vm._v(" "),
+                                                      _vm.errors.has(
+                                                        "form.lintang_diajukan"
+                                                      )
+                                                        ? _c(
+                                                            "small",
+                                                            {
+                                                              staticClass:
+                                                                "text-muted text-danger",
+                                                            },
+                                                            [
+                                                              _c("i", {
+                                                                staticClass:
+                                                                  "icon-arrow-small-right",
+                                                              }),
+                                                              _vm._v(
+                                                                " " +
+                                                                  _vm._s(
+                                                                    _vm.errors.first(
+                                                                      "form.lintang_diajukan"
+                                                                    )
+                                                                  ) +
+                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                              ),
+                                                            ]
+                                                          )
+                                                        : _c(
+                                                            "small",
+                                                            {
+                                                              staticClass:
+                                                                "text-muted",
+                                                            },
+                                                            [_vm._v(" ")]
+                                                          ),
+                                                    ],
+                                                    1
                                                   ),
                                                 ]
                                               ),
-                                            ]
-                                          )
-                                        : _vm._e(),
-                                    ])
-                                  }
-                                ),
-                                0
-                              ),
-                            ]
-                          ),
-                        ],
-                        1
-                      )
-                    : _c("div", [_vm._m(2)]),
-                ]),
-          ]),
+                                            ]),
+                                          ]
+                                        ),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("div", { staticClass: "card" }, [
+                                        _vm._m(5),
+                                        _vm._v(" "),
+                                        _c(
+                                          "div",
+                                          { staticClass: "card-body" },
+                                          [
+                                            _c(
+                                              "div",
+                                              {
+                                                staticClass:
+                                                  "nav-tabs-responsive mb-3",
+                                              },
+                                              [
+                                                _c(
+                                                  "ul",
+                                                  {
+                                                    staticClass:
+                                                      "nav nav-tabs nav-tabs-solid  bg-light",
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "li",
+                                                      {
+                                                        staticClass: "nav-item",
+                                                      },
+                                                      [
+                                                        _c(
+                                                          "a",
+                                                          {
+                                                            staticClass:
+                                                              "nav-link",
+                                                            class: {
+                                                              active:
+                                                                _vm.tabName ==
+                                                                "ktp",
+                                                            },
+                                                            attrs: {
+                                                              href: "#",
+                                                            },
+                                                            on: {
+                                                              click: function (
+                                                                $event
+                                                              ) {
+                                                                $event.preventDefault()
+                                                                return _vm.changeTab(
+                                                                  "ktp"
+                                                                )
+                                                              },
+                                                            },
+                                                          },
+                                                          [
+                                                            _c("i", {
+                                                              staticClass:
+                                                                "icon-vcard mr-2",
+                                                            }),
+                                                            _vm._v(
+                                                              " Identitas diri (Kartu tanda penduduk (KTP) atau Surat Keterangan Kependudukan) "
+                                                            ),
+                                                          ]
+                                                        ),
+                                                      ]
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _vm.tipe == "MENINGGAL"
+                                                      ? _c(
+                                                          "li",
+                                                          {
+                                                            staticClass:
+                                                              "nav-item",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "a",
+                                                              {
+                                                                staticClass:
+                                                                  "nav-link",
+                                                                class: {
+                                                                  active:
+                                                                    _vm.tabName ==
+                                                                    "meninggal",
+                                                                },
+                                                                attrs: {
+                                                                  href: "#",
+                                                                },
+                                                                on: {
+                                                                  click:
+                                                                    function (
+                                                                      $event
+                                                                    ) {
+                                                                      $event.preventDefault()
+                                                                      return _vm.changeTab(
+                                                                        "meninggal"
+                                                                      )
+                                                                    },
+                                                                },
+                                                              },
+                                                              [
+                                                                _c("i", {
+                                                                  staticClass:
+                                                                    "icon-person mr-2",
+                                                                }),
+                                                                _vm._v(
+                                                                  " Keterangan meninggal dunia"
+                                                                ),
+                                                              ]
+                                                            ),
+                                                          ]
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "li",
+                                                      {
+                                                        staticClass: "nav-item",
+                                                      },
+                                                      [
+                                                        _c(
+                                                          "a",
+                                                          {
+                                                            staticClass:
+                                                              "nav-link",
+                                                            class: {
+                                                              active:
+                                                                _vm.tabName ==
+                                                                "spma",
+                                                            },
+                                                            attrs: {
+                                                              href: "#",
+                                                            },
+                                                            on: {
+                                                              click: function (
+                                                                $event
+                                                              ) {
+                                                                $event.preventDefault()
+                                                                return _vm.changeTab(
+                                                                  "spma"
+                                                                )
+                                                              },
+                                                            },
+                                                          },
+                                                          [
+                                                            _c("i", {
+                                                              staticClass:
+                                                                "icon-magazine mr-2",
+                                                            }),
+                                                            _vm._v(
+                                                              " Surat Permohonan Menjadi Anggota "
+                                                            ),
+                                                          ]
+                                                        ),
+                                                      ]
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _vm.tipe == "MENINGGAL"
+                                                      ? _c(
+                                                          "li",
+                                                          {
+                                                            staticClass:
+                                                              "nav-item",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "a",
+                                                              {
+                                                                staticClass:
+                                                                  "nav-link",
+                                                                class: {
+                                                                  active:
+                                                                    _vm.tabName ==
+                                                                    "bukusimpanan",
+                                                                },
+                                                                attrs: {
+                                                                  href: "#",
+                                                                },
+                                                                on: {
+                                                                  click:
+                                                                    function (
+                                                                      $event
+                                                                    ) {
+                                                                      $event.preventDefault()
+                                                                      return _vm.changeTab(
+                                                                        "bukusimpanan"
+                                                                      )
+                                                                    },
+                                                                },
+                                                              },
+                                                              [
+                                                                _c("i", {
+                                                                  staticClass:
+                                                                    "icon-credit-card mr-2",
+                                                                }),
+                                                                _vm._v(
+                                                                  " Buku Simpanan "
+                                                                ),
+                                                              ]
+                                                            ),
+                                                          ]
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "li",
+                                                      {
+                                                        staticClass: "nav-item",
+                                                      },
+                                                      [
+                                                        _c(
+                                                          "a",
+                                                          {
+                                                            staticClass:
+                                                              "nav-link",
+                                                            class: {
+                                                              active:
+                                                                _vm.tabName ==
+                                                                "bukupinjaman",
+                                                            },
+                                                            attrs: {
+                                                              href: "#",
+                                                            },
+                                                            on: {
+                                                              click: function (
+                                                                $event
+                                                              ) {
+                                                                $event.preventDefault()
+                                                                return _vm.changeTab(
+                                                                  "bukupinjaman"
+                                                                )
+                                                              },
+                                                            },
+                                                          },
+                                                          [
+                                                            _c("i", {
+                                                              staticClass:
+                                                                "icon-credit-card2 mr-2",
+                                                            }),
+                                                            _vm._v(
+                                                              " Buku Pinjaman "
+                                                            ),
+                                                          ]
+                                                        ),
+                                                      ]
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "li",
+                                                      {
+                                                        staticClass: "nav-item",
+                                                      },
+                                                      [
+                                                        _c(
+                                                          "a",
+                                                          {
+                                                            staticClass:
+                                                              "nav-link",
+                                                            class: {
+                                                              active:
+                                                                _vm.tabName ==
+                                                                "pinjaman",
+                                                            },
+                                                            attrs: {
+                                                              href: "#",
+                                                            },
+                                                            on: {
+                                                              click: function (
+                                                                $event
+                                                              ) {
+                                                                $event.preventDefault()
+                                                                return _vm.changeTab(
+                                                                  "pinjaman"
+                                                                )
+                                                              },
+                                                            },
+                                                          },
+                                                          [
+                                                            _c("i", {
+                                                              staticClass:
+                                                                "icon-clipboard3 mr-2",
+                                                            }),
+                                                            _vm._v(
+                                                              " Permohonan dan perjanjian pinjaman"
+                                                            ),
+                                                          ]
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "transition",
+                                              {
+                                                attrs: {
+                                                  "enter-active-class":
+                                                    "animated fadeIn",
+                                                  mode: "out-in",
+                                                },
+                                              },
+                                              [
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    directives: [
+                                                      {
+                                                        name: "show",
+                                                        rawName: "v-show",
+                                                        value:
+                                                          _vm.tabName ==
+                                                          "meninggal",
+                                                        expression:
+                                                          "tabName == 'meninggal'",
+                                                      },
+                                                    ],
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "div",
+                                                      {
+                                                        staticClass:
+                                                          "form-group",
+                                                      },
+                                                      [
+                                                        _c("h5", [
+                                                          _vm._v(
+                                                            "Keterangan meninggal dunia:"
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("app-image-upload", {
+                                                          attrs: {
+                                                            image_loc:
+                                                              "/images/jalinan/",
+                                                            image_temp:
+                                                              _vm.form
+                                                                .dokumen_meninggal,
+                                                          },
+                                                          model: {
+                                                            value:
+                                                              _vm.form
+                                                                .dokumen_meninggal,
+                                                            callback: function (
+                                                              $$v
+                                                            ) {
+                                                              _vm.$set(
+                                                                _vm.form,
+                                                                "dokumen_meninggal",
+                                                                $$v
+                                                              )
+                                                            },
+                                                            expression:
+                                                              "form.dokumen_meninggal",
+                                                          },
+                                                        }),
+                                                      ],
+                                                      1
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "transition",
+                                              {
+                                                attrs: {
+                                                  "enter-active-class":
+                                                    "animated fadeIn",
+                                                  mode: "out-in",
+                                                },
+                                              },
+                                              [
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    directives: [
+                                                      {
+                                                        name: "show",
+                                                        rawName: "v-show",
+                                                        value:
+                                                          _vm.tabName == "ktp",
+                                                        expression:
+                                                          "tabName == 'ktp'",
+                                                      },
+                                                    ],
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "div",
+                                                      {
+                                                        staticClass:
+                                                          "form-group",
+                                                      },
+                                                      [
+                                                        _c("h5", [
+                                                          _vm._v(
+                                                            "Identitas diri (Kartu tanda penduduk (KTP) atau Surat Keterangan Kependudukan) :"
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("app-image-upload", {
+                                                          attrs: {
+                                                            image_loc:
+                                                              "/images/jalinan/",
+                                                            image_temp:
+                                                              _vm.form
+                                                                .dokumen_ktp,
+                                                          },
+                                                          model: {
+                                                            value:
+                                                              _vm.form
+                                                                .dokumen_ktp,
+                                                            callback: function (
+                                                              $$v
+                                                            ) {
+                                                              _vm.$set(
+                                                                _vm.form,
+                                                                "dokumen_ktp",
+                                                                $$v
+                                                              )
+                                                            },
+                                                            expression:
+                                                              "form.dokumen_ktp",
+                                                          },
+                                                        }),
+                                                      ],
+                                                      1
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "transition",
+                                              {
+                                                attrs: {
+                                                  "enter-active-class":
+                                                    "animated fadeIn",
+                                                  mode: "out-in",
+                                                },
+                                              },
+                                              [
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    directives: [
+                                                      {
+                                                        name: "show",
+                                                        rawName: "v-show",
+                                                        value:
+                                                          _vm.tabName == "spma",
+                                                        expression:
+                                                          "tabName == 'spma'",
+                                                      },
+                                                    ],
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "div",
+                                                      { staticClass: "row" },
+                                                      [
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Surat Permohonan Menjadi Anggota 1:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .spma_1,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .spma_1,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "spma_1",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.spma_1",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Surat Permohonan Menjadi Anggota 2:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .spma_2,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .spma_2,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "spma_2",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.spma_2",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "transition",
+                                              {
+                                                attrs: {
+                                                  "enter-active-class":
+                                                    "animated fadeIn",
+                                                  mode: "out-in",
+                                                },
+                                              },
+                                              [
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    directives: [
+                                                      {
+                                                        name: "show",
+                                                        rawName: "v-show",
+                                                        value:
+                                                          _vm.tabName ==
+                                                          "bukusimpanan",
+                                                        expression:
+                                                          "tabName == 'bukusimpanan'",
+                                                      },
+                                                    ],
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "div",
+                                                      { staticClass: "row" },
+                                                      [
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Buku Simpanan 1:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .buku_simpanan_1,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .buku_simpanan_1,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "buku_simpanan_1",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.buku_simpanan_1",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Buku Simpanan 2:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .buku_simpanan_2,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .buku_simpanan_2,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "buku_simpanan_2",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.buku_simpanan_2",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Buku Simpanan 3:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .buku_simpanan_3,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .buku_simpanan_3,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "buku_simpanan_3",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.buku_simpanan_3",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Buku Simpanan 4:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .buku_simpanan_4,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .buku_simpanan_4,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "buku_simpanan_4",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.buku_simpanan_4",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Buku Simpanan 5:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .buku_simpanan_5,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .buku_simpanan_5,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "buku_simpanan_5",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.buku_simpanan_5",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "transition",
+                                              {
+                                                attrs: {
+                                                  "enter-active-class":
+                                                    "animated fadeIn",
+                                                  mode: "out-in",
+                                                },
+                                              },
+                                              [
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    directives: [
+                                                      {
+                                                        name: "show",
+                                                        rawName: "v-show",
+                                                        value:
+                                                          _vm.tabName ==
+                                                          "bukupinjaman",
+                                                        expression:
+                                                          "tabName == 'bukupinjaman'",
+                                                      },
+                                                    ],
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "div",
+                                                      { staticClass: "row" },
+                                                      [
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Buku Pinjaman 1:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .buku_pinjaman_1,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .buku_pinjaman_1,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "buku_pinjaman_1",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.buku_pinjaman_1",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Buku Pinjaman 2:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .buku_pinjaman_2,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .buku_pinjaman_2,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "buku_pinjaman_2",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.buku_pinjaman_2",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Buku Pinjaman 3:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .buku_pinjaman_3,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .buku_pinjaman_3,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "buku_pinjaman_3",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.buku_pinjaman_3",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "transition",
+                                              {
+                                                attrs: {
+                                                  "enter-active-class":
+                                                    "animated fadeIn",
+                                                  mode: "out-in",
+                                                },
+                                              },
+                                              [
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    directives: [
+                                                      {
+                                                        name: "show",
+                                                        rawName: "v-show",
+                                                        value:
+                                                          _vm.tabName ==
+                                                          "pinjaman",
+                                                        expression:
+                                                          "tabName == 'pinjaman'",
+                                                      },
+                                                    ],
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "div",
+                                                      { staticClass: "row" },
+                                                      [
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Dokumen Pinjaman 1:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .dokumen_pinjaman_1,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .dokumen_pinjaman_1,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "dokumen_pinjaman_1",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.dokumen_pinjaman_1",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Dokumen Pinjaman 2:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .dokumen_pinjaman_2,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .dokumen_pinjaman_2,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "dokumen_pinjaman_2",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.dokumen_pinjaman_2",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Dokumen Pinjaman 3:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .dokumen_pinjaman_3,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .dokumen_pinjaman_3,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "dokumen_pinjaman_3",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.dokumen_pinjaman_3",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Dokumen Pinjaman 4:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .dokumen_pinjaman_4,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .dokumen_pinjaman_4,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "dokumen_pinjaman_4",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.dokumen_pinjaman_4",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Dokumen Pinjaman 5:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .dokumen_pinjaman_5,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .dokumen_pinjaman_5,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "dokumen_pinjaman_5",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.dokumen_pinjaman_5",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "form-group",
+                                                              },
+                                                              [
+                                                                _c("h5", [
+                                                                  _vm._v(
+                                                                    "Dokumen Pinjaman 6:"
+                                                                  ),
+                                                                ]),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "app-image-upload",
+                                                                  {
+                                                                    attrs: {
+                                                                      image_loc:
+                                                                        "/images/jalinan/",
+                                                                      image_temp:
+                                                                        _vm.form
+                                                                          .dokumen_pinjaman_6,
+                                                                    },
+                                                                    model: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .dokumen_pinjaman_6,
+                                                                      callback:
+                                                                        function (
+                                                                          $$v
+                                                                        ) {
+                                                                          _vm.$set(
+                                                                            _vm.form,
+                                                                            "dokumen_pinjaman_6",
+                                                                            $$v
+                                                                          )
+                                                                        },
+                                                                      expression:
+                                                                        "form.dokumen_pinjaman_6",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                          ],
+                                          1
+                                        ),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("form-info"),
+                                      _vm._v(" "),
+                                      _c(
+                                        "div",
+                                        { staticClass: "card card-body" },
+                                        [
+                                          _c("form-button", {
+                                            attrs: {
+                                              cancelState: "methods",
+                                              formValidation: "form",
+                                            },
+                                            on: { cancelClick: _vm.back },
+                                          }),
+                                        ],
+                                        1
+                                      ),
+                                    ],
+                                    1
+                                  )
+                                : _vm._e(),
+                            ]),
+                      ]
+                    ),
+                  ])
+                : _vm._e(),
+            ],
+            1
+          ),
         ]),
       ]),
       _vm._v(" "),
@@ -1892,25 +4244,26 @@ var render = function () {
             show: _vm.modalShow,
             state: _vm.modalState,
             title: _vm.modalTitle,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
-            button: _vm.modalButton,
             content: _vm.modalContent,
+            color: _vm.modalColor,
           },
           on: {
+            batal: _vm.modalTutup,
             confirmOk: _vm.modalConfirmOk,
             tutup: _vm.modalTutup,
             successOk: _vm.modalTutup,
             failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
           },
         },
         [
           _c("template", { slot: "modal-title" }, [
-            _vm._v(_vm._s(_vm.modalTitle)),
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
           ]),
           _vm._v(" "),
           _c("template", { slot: "modal-body1" }),
+          _vm._v(" "),
+          _c("template", { slot: "modal-body2" }),
         ],
         2
       ),
@@ -1923,37 +4276,17 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      { staticClass: "alert bg-info text-white alert-styled-left " },
-      [
-        _c("span", { staticClass: "font-weight-semibold" }, [
-          _vm._v(
-            "Notifikasi yang ditampilkan adalah notifikasi selama 3 bulan terakhir.\n\t\t\t\t\t\t"
-          ),
-        ]),
-      ]
-    )
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Identitas")]),
+    ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h4", [_vm._v("Mohon tunggu...")]),
-        _vm._v(" "),
-        _c("div", { staticClass: "progress" }, [
-          _c(
-            "div",
-            {
-              staticClass:
-                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-              staticStyle: { width: "100%" },
-            },
-            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-          ),
-        ]),
+    return _c("span", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [
+        _vm._v("Keanggotaan CU"),
       ]),
     ])
   },
@@ -1961,12 +4294,36 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h3", [_vm._v("Belum terdapat notifikasi apapun...")]),
+    return _c("span", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Tipe")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Daftar Produk")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [
+        _vm._v("Form Bantuan Solidaritas "),
       ]),
     ])
   },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Dokumen")]),
+    ])
+  },
 ]
 render._withStripped = true
 
@@ -1974,17 +4331,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/components/countWidget.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/components/countWidget.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* harmony import */ var _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./countWidget.vue?vue&type=template&id=b9608b28& */ "./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&");
+/* harmony import */ var _countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./countWidget.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1994,9 +4351,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2006,54 +4363,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
+component.options.__file = "resources/assets/js/components/countWidget.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./countWidget.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./countWidget.vue?vue&type=template&id=b9608b28& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/sistem/notification.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/sistem/notification.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/jalinanKlaim/form.vue":
+/*!*********************************************************!*\
+  !*** ./resources/assets/js/views/jalinanKlaim/form.vue ***!
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _notification_vue_vue_type_template_id_6c10fef8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./notification.vue?vue&type=template&id=6c10fef8& */ "./resources/assets/js/views/sistem/notification.vue?vue&type=template&id=6c10fef8&");
-/* harmony import */ var _notification_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./notification.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/sistem/notification.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_a5ee5ada___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=a5ee5ada& */ "./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=template&id=a5ee5ada&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2063,9 +4420,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _notification_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _notification_vue_vue_type_template_id_6c10fef8___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _notification_vue_vue_type_template_id_6c10fef8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_a5ee5ada___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_a5ee5ada___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2075,38 +4432,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/sistem/notification.vue"
+component.options.__file = "resources/assets/js/views/jalinanKlaim/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/sistem/notification.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/sistem/notification.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_notification_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./notification.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/notification.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_notification_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/sistem/notification.vue?vue&type=template&id=6c10fef8&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/sistem/notification.vue?vue&type=template&id=6c10fef8& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=template&id=a5ee5ada&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=template&id=a5ee5ada& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_notification_vue_vue_type_template_id_6c10fef8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./notification.vue?vue&type=template&id=6c10fef8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/notification.vue?vue&type=template&id=6c10fef8&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_notification_vue_vue_type_template_id_6c10fef8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_a5ee5ada___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=a5ee5ada& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/form.vue?vue&type=template&id=a5ee5ada&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_a5ee5ada___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_notification_vue_vue_type_template_id_6c10fef8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_a5ee5ada___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/120.js b/public/js/components/120.js
index f39dd8599..3727aedce 100644
--- a/public/js/components/120.js
+++ b/public/js/components/120.js
@@ -1,19 +1,15 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[120],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/index.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/index.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/artikel/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -56,74 +52,93 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
+//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Artikel',
-      kelas: 'artikel',
-      titleDesc: 'Mengelola data artikel',
-      titleIcon: 'icon-magazine',
-      selectCuPath: 'artikelCu'
-    };
-  },
-  created: function created() {
-    this.checkUser('index_artikel', this.$route.params.cu);
+  props: {
+    title: {
+      "default": ''
+    },
+    titleIcon: {
+      "default": ''
+    },
+    titleDesc: {
+      "default": ''
+    },
+    level: {
+      "default": 1
+    },
+    level2Title: {
+      "default": ''
+    },
+    level2Route: {
+      "default": ''
+    }
   },
   methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
+    level2Back: function level2Back() {
+      this.$emit('level2Back');
+    },
+    route1: function route1() {
+      if (this.btn1RouteParams) {
+        this.$router.push({
+          name: this.btn1Route,
+          params: {
+            cu: this.btn1RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn1Route
+        });
+      }
+    },
+    route2: function route2() {
+      if (this.btn2RouteParams) {
+        this.$router.push({
+          name: this.btn2Route,
+          params: {
+            cu: this.btn2RouteParams
           }
-        }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn2Route
+        });
+      }
+    },
+    route3: function route3() {
+      if (this.btn3RouteParams) {
+        this.$router.push({
+          name: this.btn3Route,
+          params: {
+            cu: this.btn3RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn3Route
+        });
       }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikel', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/table.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/table.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/changelog.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sistem/changelog.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 //
 //
 //
@@ -240,757 +255,6657 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  props: ['title', 'kelas'],
-  data: function data() {
-    return {
-      selectedItem: [],
-      query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      excelDownloadUrl: '',
-      columnData: [{
-        title: 'No.',
-        name: 'No.'
-      }, {
-        title: 'Foto',
-        name: 'gambar',
-        hide: false
-      }, {
-        title: 'Judul',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Kategori',
-        name: 'kategori.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Penulis',
-        name: 'penulis.name',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'CU',
-        name: 'cu.name',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Terbitkan',
-        name: 'terbitkan',
-        sort: true,
-        hide: false,
-        disable: false
-      }, {
-        title: 'Utamakan',
-        name: 'utamakan',
-        sort: true,
-        hide: false,
-        disable: false
-      }, {
-        title: 'Tgl. Tulis',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      state: '',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
-    };
-  },
-  created: function created() {
-    this.fetch(this.query);
-  },
-  watch: {
-    // check route changes
-    '$route': function $route(to, from) {
-      this.fetch(this.query);
-    },
-    // when updating data
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = 'Ok';
-
-      if (value == "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.fetch();
-      } else if (value == "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = '';
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch(params) {
-      if (this.$route.params.cu == 'semua') {
-        this.disableColumnCu(false);
-        this.$store.dispatch(this.kelas + '/index', params);
-        this.excelDownloadUrl = this.kelas;
-      } else {
-        this.disableColumnCu(true);
-        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
-        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
-      }
-    },
-    disableColumnCu: function disableColumnCu(status) {
-      this.columnData[5].disable = status;
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    ubahData: function ubahData(id, id_cu) {
-      this.$router.push({
-        name: this.kelas + 'Edit',
-        params: {
-          id: id
-        }
-      });
-    },
-    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.modalState = 'confirm-tutup';
-      this.state = state;
-
-      if (isMobile) {
-        this.selectedItem = itemMobile;
-      }
-
-      if (state == 'hapus') {
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-      } else if (state == 'updateTerbitkan') {
-        if (this.selectedItem.terbitkan == 0) {
-          this.modalTitle = 'Terbitkan ' + this.title + ' ' + this.selectedItem.name + ' ?';
-          this.modalButton = 'Iya, terbitkan';
-        } else {
-          this.modalTitle = 'Tidak terbitkan ' + this.title + ' ' + this.selectedItem.name + ' ?';
-          this.modalButton = 'Iya, tidak terbitkan';
-        }
-      } else if (state == 'updateUtamakan') {
-        if (this.selectedItem.utamakan == 0) {
-          this.modalTitle = 'Utamakan ' + this.title + ' ' + this.selectedItem.name + ' ?';
-          this.modalButton = 'Iya, utamakan';
-        } else {
-          this.modalTitle = 'Tidak utamakan ' + this.title + ' ' + this.selectedItem.name + ' ?';
-          this.modalButton = 'Iya, tidak utamakan';
-        }
-      }
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-      this.$store.dispatch(this.kelas + '/resetUpdateStat');
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
-      } else if (this.state == "updateTerbitkan") {
-        this.$store.dispatch(this.kelas + '/updateTerbitkan', this.selectedItem.id);
-      } else if (this.state == "updateUtamakan") {
-        this.$store.dispatch(this.kelas + '/updateUtamakan', this.selectedItem.id);
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
-    idCu: 'idCu'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'dataS',
-    modelCuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikel', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelKategori', {
-    modelKategori: 'data',
-    modelKategoriStat: 'dataStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelPenulis', {
-    modelPenulis: 'data',
-    modelPenulisStat: 'dataStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/index.vue?vue&type=template&id=47768de8&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/index.vue?vue&type=template&id=47768de8& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.id_cu == 0
-                ? _c("select-cu", {
-                    attrs: {
-                      kelas: _vm.kelas,
-                      path: _vm.selectCuPath,
-                      isPus: true,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("table-data", {
-                attrs: { title: _vm.title, kelas: _vm.kelas },
-              }),
-            ],
-            1
-          ),
-        ]),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/table.vue?vue&type=template&id=d44023f0&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/table.vue?vue&type=template&id=d44023f0& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-          },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  _c(
-                    "tr",
-                    {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id == props.item.id,
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
-                    },
-                    [
-                      !_vm.columnData[0].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c("td", [
-                            props.item.gambar
-                              ? _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src:
-                                      "/images/artikel/" +
-                                      props.item.gambar +
-                                      "n.jpg",
-                                    width: "40",
-                                  },
-                                })
-                              : _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src: "/images/no_image.jpg",
-                                    width: "40",
-                                  },
-                                }),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.kategori
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.kategori.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide && !_vm.columnData[4].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.penulis
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.penulis.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide && !_vm.columnData[5].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.cu
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.cu.name },
-                                  })
-                                : _c("span", [_vm._v("PUSKOPCUINA")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.checkStatus(
-                                  props.item.terbitkan
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.checkStatus(
-                                  props.item.utamakan
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[8].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[9].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                    ]
-                  ),
-                ]
-              },
-            },
-          ]),
-        },
-        [
-          _c(
-            "template",
-            { slot: "button-desktop" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(
-                            _vm.selectedItem.id,
-                            _vm.selectedItem.id_cu
-                          )
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["terbitkan_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("updateTerbitkan")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-file-upload" }),
-                      _vm._v(" "),
-                      _vm.selectedItem.terbitkan == 1
-                        ? _c("span", [_vm._v("Tidak Terbitkan")])
-                        : _c("span", [_vm._v("Terbitkan")]),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["utamakan_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("updateUtamakan")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pushpin" }),
-                      _vm._v(" "),
-                      _vm.selectedItem.utamakan == 1
-                        ? _c("span", [_vm._v("Tidak Utamakan")])
-                        : _c("span", [_vm._v("Utamakan")]),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(
-                            _vm.selectedItem.id,
-                            _vm.selectedItem.id_cu
-                          )
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["terbitkan_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("updateTerbitkan")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-file-upload" }),
-                      _vm._v(" "),
-                      _vm.selectedItem.terbitkan == 1
-                        ? _c("span", [_vm._v("Tidak Terbitkan")])
-                        : _c("span", [_vm._v("Terbitkan")]),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["utamakan_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("updateUtamakan")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pushpin" }),
-                      _vm._v(" "),
-                      _vm.selectedItem.utamakan == 1
-                        ? _c("span", [_vm._v("Tidak Utamakan")])
-                        : _c("span", [_vm._v("Utamakan")]),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
-        ],
-        2
-      ),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          content: _vm.modalContent,
-          button: _vm.modalButton,
-        },
-        on: {
-          tutup: _vm.modalTutup,
-          confirmOk: _vm.modalConfirmOk,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalTutup,
-        },
-      }),
-    ],
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_0__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Changelog',
+      titleDesc: 'Sejarah penambahan fitur dan perbaikan pada sistem',
+      titleIcon: 'icon-list'
+    };
+  },
+  created: function created() {
+    window.scrollTo(0, 0);
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            [
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
+                          },
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/changelog.vue?vue&type=template&id=1bfa1552&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sistem/changelog.vue?vue&type=template&id=1bfa1552& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+        },
+      }),
+      _vm._v(" "),
+      _vm._m(0),
+    ],
     1
   )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "page-content pt-0" }, [
+      _c("div", { staticClass: "content-wrapper" }, [
+        _c("div", { staticClass: "content" }, [
+          _c(
+            "div",
+            {
+              staticClass: "card-group-control card-group-control-right",
+              attrs: { id: "accordion-control-right" },
+            },
+            [
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v345" },
+                      },
+                      [
+                        _vm._v("Version 3.4.5"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 24 April 2022"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse show",
+                    attrs: {
+                      id: "v345",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi menambahkan fitur e-sertifikat, pendataan surat masuk dan keluar\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v("Penambahan fitur e-sertifikat pada kegiatan"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [_vm._v("Penambahan fitur surat keluar")]),
+                        _vm._v(" "),
+                        _c("li", [_vm._v("Penambahan fitur surat masuk")]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan informasi pengelola di bagian profil di website public"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Peningkatan performa migrasi data ESCETE"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada bagian kegiatan dan migrasi data ESCETE"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v344" },
+                      },
+                      [
+                        _vm._v("Version 3.4.4"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 26 Januari 2022"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v344",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi meningkatkan fungsi dari fitur voting dan pemilihan\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur link voting dan pemilihan secara custom"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur pengisian tanggapan untuk voting"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur pemilihan lebih dari satu calon untuk 1 link"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug tampilan pada bagian voting dan pemilihan"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v343" },
+                      },
+                      [
+                        _vm._v("Version 3.4.3"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 9 Oktober 2021"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v343",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi menambahkan fitur migrasi data anggota dari ESCETE ke SIMO dan peningkatan pada perhitungan iuran Jalinan\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur upload file CSV data anggota dari ESCETE"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan metode perhitungan untuk iuran Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug tampilan pada bagian Diklat dan Pertemuan"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v342" },
+                      },
+                      [
+                        _vm._v("Version 3.4.2"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 17 Juli 2021"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v342",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi menambahkan fitur arsip yaitu dokumen digital\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur agar CU bisa mengakses dokumen digital dari PUSKOPCUINA"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur untuk bisa mengelola dokumen digital masing-masing CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug tampilan pada beberapa bagian"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v341" },
+                      },
+                      [
+                        _vm._v("Version 3.4.1"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 5 Juni 2021"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v341",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi menambahkan informasi riwayat bantuan solidaritas pada klain Jalinan, informasi tambahan pada aktivis seperti penghargaan, pelanggaran dan lainnya, dan memperbaiki bug di voting dan pemilihan\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur untuk bisa melihat riwayat bantuan solidaritas pada bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur informasi tambahan pada riwayat aktivis yang bisa mencakup informasi penghargaan, pelanggaran, dan lainnya"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug jumlah karakter untuk judul/pertanyaan pada voting dan pemilihan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug tampilan pada pertanyaan"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug tampilan pada activity log dan aktivitas user"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v340" },
+                      },
+                      [
+                        _vm._v("Version 3.4.0"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 22 Mei 2021"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v340",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi memperbaiki bug voting dan pemilihan serta menambahkan versi awal / prototipe dari fitur iuran jalinan\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada voting yang membuat skor tidak muncul secara real time walaupun secara database data tersimpan tapi tidak muncul di tampilan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug tampilan pada form penambahan calon di pemilihan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan prototipe fitur iuran jalinan untuk dicoba secara internal dengan data sesungguhnya"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v339" },
+                      },
+                      [
+                        _vm._v("Version 3.3.9"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 15 Mei 2021"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v339",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi menambahkan fitur untuk voting dan perbaikan pada pemilihan\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur untuk melakukan voting yang dapat digunakan untuk melakukan pengambilan suara pada sebuah keputusan di kegiatan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur untuk melakukan download file excel pada daftar suara di pemilihan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [_vm._v("Perbaikan tampilan pada pemilihan")]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v338" },
+                      },
+                      [
+                        _vm._v("Version 3.3.8"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 25 April 2021"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v338",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi mengenai perubahan sistem untuk menyesuaikan dengan perubahan nama lembaga dan alamat domain. Serta ada perbaikan pada beberapa bagian\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Pengubahan nama Puskopdit BKCU Kalimantan menjadi PUSKOPCUINA di keseluruhan sistem"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Pengubahan domain dari puskopditbkcukalimantan.org ke puskopcuina.org"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada Pemilihan yang membuat tidak bisa menambahkan pemilihan baru jika belum terdapat data"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada Aktivis yang menampilkan informasi pekerjaan aktif yang salah pada aktivis yang juga menjabat di PUSKOPCUINA"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada Aktivis yang menampilkan label kosong mengenai nama ibu, nama ahli waris dan kontak ahli waris"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada DIKLAT yang memungkinkan CU mendaftarkan peserta walaupun sudah mencapai maksimal peserta keseluruhan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada Bantuan Solidaritas Jalinan pada koreksi dokumen tidak lengkap"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v337" },
+                      },
+                      [
+                        _vm._v("Version 3.3.7"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 4 Februari 2021"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v337",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi menawarkan perbaikan pada bantuan solidaritas Jalinan dan menawarkan fitur baru yaitu pemilihan pengurus dan pengawas\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur untuk melakukan pemilihan untuk aktivis CU yang bisa digunakan untuk melaksanakan pemilihan online untuk pengurus dan pengawas"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur untuk melihat informasi bantuan solidaritas Jalinan secara detail bagi CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur pada lihat bantuan solidaritas dan analisis bantuan solidaritas untuk bagian dokumen hanya menampilkan dokumen yang dilampirkan/diupload saja. Apabila tidak ada dokumen maka tombol untuk melihat dokumen tersebut tidak muncul"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur pada analisis bantuan solidaritas yaitu melakukan penolakan bantuan solidaritas terhadap bantuan solidaritas yang salah pilih atau salah input dan berhasil masuk sampai ke bagian menunggu dari proses bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada Bantuan Solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [_vm._v("Perbaikan bug pada hak akses")]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug tampilan dibeberapa bagian"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v336" },
+                      },
+                      [
+                        _vm._v("Version 3.3.6"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 4 Januari 2021"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v336",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi menawarkan peningkatan performa, keamanan dan perbaikan bug\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur untuk membuat QR Code secara banyak pada aset tetap"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Pengoptimalisasian akses aplikasi menjadi lebih cepat khususnya dalam jaringan internet yang lambat"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan sistem keamanan terhadap serangan DDoS"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan pada pengubahan hak akses user"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug tampilan dibeberapa bagian"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v335" },
+                      },
+                      [
+                        _vm._v("Version 3.3.5"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 24 Oktober 2020"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v335",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi menawarkan perbaikan dan peningkatan pada self assesment dan penambahan fitur untuk mengisi dan mengupload transaksi anggota CU\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan download excel untuk hasil self assesment untuk masing-masing perspektif"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan dan perbaikan pada update data secara real time untuk self assesment"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur upload excel transaksi simpanan dan pinjaman anggota CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur mengisi transaksi simpanan dan pinjaman anggota CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug tampilan dibeberapa bagian"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v334" },
+                      },
+                      [
+                        _vm._v("Version 3.3.4"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 12 Oktober 2020"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v334",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi menawarkan penambahan pada bagian tata kelola\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v("Penambahan upload bukti pada monitoring"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur real time data update di monitoring dimana ketika dilakukan penambahan di salah satu perangkat, maka di perangkat lain otomatis akan muncul perubahannya"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan tombol simpan draft untuk masing-masing perspektif pada seft assesment yang memungkinkan untuk melakukan penyimpanan di tiap bagian per perspektif"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan sistem upload anggota CU dengan excel"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug tampilan dibeberapa bagian"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v333" },
+                      },
+                      [
+                        _vm._v("Version 3.3.3"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 18 September 2020"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v333",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi menawarkan perbaikan dan peningkatan pada bantuan solidaritas Jalinan, notifikasi, dan anggota CU\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan upload foto buku simpanan, buku pinjaman anggota CU, dan surat permohonan menjadi anggota yang akan melakukan Bantuan Solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Penambahan fitur untuk mutasi anggota CU"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan sistem notifikasi yang menampilkan notifikasi secara real time"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan sistem upload anggota CU dengan excel"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug pada notifikasi monitoring"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v332" },
+                      },
+                      [
+                        _vm._v("Version 3.3.2"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 27 Agustus 2020"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v332",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi menawarkan peningkatan fungsi pemakaian pada beberapa bagian dan juga meningkatkan kecepatan dalam penyaluran update versi SIMO\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan dalam kecepatan untuk menyalurkan update versi SIMO kepada para pengguna"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan pada fitur upload data anggota cu"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan kategori pekerjaan di aktivis yaitu kolektor dan kelompok inti"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan informasi mutasi transaksi untuk simpanan dan pinjaman anggota cu pada form analisa bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perubahan pada format surat untuk Jalinan"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada bagian self assesment agar ketika BKCU melakukan penilaian maka CU tidak dapat melakukan pengubahan data lagi"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug pada beberapa tempat"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: { "data-toggle": "collapse", href: "#v331" },
+                      },
+                      [
+                        _vm._v("Version 3.3.1"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 1 Juli 2020"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v331",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini fokus pada peningkatan pada pengelolaan data user dan peningkatan pada tampilan secara umum.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan halaman activity log yang berguna untuk menampilkan aktivitas semua user"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan pada tampilan informasi aktivitas user"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan pada tampilan pemilihan hak akses user"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan pada pembuatan user dan pengubahan password yang mengharuskan password menggunakan password yang kuat"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Peningkatan komponen dasar pada tampilan"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [_vm._v("Perbaikan pada pemilihan tanggal")]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug pada beberapa tempat"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "text-default collapsed",
+                        attrs: {
+                          "data-toggle": "collapse",
+                          href: "#v330",
+                          "aria-expanded": "false",
+                        },
+                      },
+                      [
+                        _vm._v("Version 3.3.0"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" /  19 Juni 2020"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v330",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini merupakan perbaikan beberapa hal pada bagian diklat BKCU dan pertemuan BKCU.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug tombol daftar peserta dibagian diklat dan pertemuan BKCU yang tidak muncul"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug tombol-tombol pada tabel peserta dibagian diklat dan pertemuan BKCU yang tidak muncul pada perangkat mobile"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menghilangkan pengisian nama pada nametag, tanggal datang dan tanggal pulang apabila diklat ataupun pertemuan bersifat online pada form pendaftaran peserta"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Mengubah cara pengisian tanggal untuk semua form dari menulis manual sekarang selain menulis manual bisa juga memilih dari kalender yang akan muncul ketika di klik"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug tampilan pada form self assesment"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v329" },
+                      },
+                      [
+                        _vm._v("Version 3.2.9"),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 23 Mei 2020"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v329",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini memperkenalkan diklat BKCU Online, serta menambahkan fitur pada pertemuan BKCU dan memperbaiki bug pada bagian pengumuman\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Menambah fitur diklat online pada diklat BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah fitur pemberian dan pengumpulan tugas pada diklat BKCU dan pertemuan BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah fitur menandai pertanyaan sudah terjawab dan komentar pertanyaan menjadi jawaban pada diklat BKCU dan pertemuan BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug dan tampilan pada diklat BKCU dan pertemuan BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada bagian pengumuman untuk user BKCU"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v328" },
+                      },
+                      [
+                        _vm._v("Version 3.2.8 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 2 Mei 2020"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v328",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini memperkenalkan pertemuan BKCU yang dapat digunakan untuk mendata dan menyelenggarakan pertemuan baik itu offline maupun online serta beberapa perbaikan dan peningkatan pada diklat BKCU dan notifikasi\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Menambah pertemuan BKCU untuk mengelola semua pertemuan yang dilaksanakan BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah fitur untuk bisa melakukan dan mengikuti pertemuan BKCU secara online di dalam pertemuan online ini terdapat fitur distribusi materi, penerimaan tanggapan beserta komentar dan persetujuan, dan pendataan peserta"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah fitur untuk melakukan perhitungan jumlah CU yang mendaftar, jumlah cu yang hadir, dan jumlah tanggapan pada bagian Pertemuan BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Meningkatkan pengalaman penggunaan notifikasi dan kecepatan akses notifikasi"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambahkan dukungan notifikasi pada bagian monitoring"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambahkan dukungan notifikasi pada bagian self assesment access"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambahkan dukungan notifikasi pada bagian bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambahkan dukungan notifikasi pada bagian pertemuan BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Memperbaiki bug tampilan pada bagian Diklat BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Memperbaiki bug pada saat mengubah data panitia/fasilitator pada bagian Diklat BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Memperbaiki bug pada saat mengubah keanggota CU pada bagian Anggota CU"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v327" },
+                      },
+                      [
+                        _vm._v("Version 3.2.7 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 24 April 2020"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v327",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini memperkenalkan form monitoring cu dan perbaikan pada anggota CU\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Menambah form monitoring CU yang berguna untuk mendata kegiatan monitoring PUSKOPCUINA di CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah fitur untuk mengubah No. KTP / NIK data anggota CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Memperbaiki bug pada menampilkan data keanggota CU di tabel Anggota CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Memperbaiki bug pada penambahan data anggota apabila tidak memiliki No. KTP / NIK"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah validasi pada pembuatan username user simo yang melarang adanya username dengan spasi"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v326" },
+                      },
+                      [
+                        _vm._v("Version 3.2.6 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 5 April 2020"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v326",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini meningkatkan dan memperbaiki self assesment\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Menambahkan fitur simpan draft pada pengisian self assesment ACCESS"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambahkan fitur simpan draft pada penilaian self assesment ACCESS"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambahkan fitur pemeriksaan duplikasi data penilaian self assesment ACCESS"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Memperbaiki bug tampilan pada form pengisian self assesment ACCESS"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Memperbaiki bug tampilan pada perhitungan P.E.A.R.L.S"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Memperbaiki bug tampilan pada halaman public website bagian slider berita utama"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Memperbaiki bug hak akses pada menu aset tetap"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v325" },
+                      },
+                      [
+                        _vm._v("Version 3.2.5 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 17 Maret 2020"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v325",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini meningkatkan dan memperbaiki laporan bantuan solidaritas Jalinan\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Memperbaiki laporan bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Merubah penamaan menu laporan bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Merubah cara pencarian laporan bantuan solidaritas Jalinan menjadi lebih mendetail dan fleksibel"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambahkan fitur untuk mengubah identitas dan produk anggota CU yang mengajukan bantuan solidaritas Jalinan yang hanya bisa dilakukan oleh staf Jalinan PUSKOPCUINA guna memperbaiki kesalahan penginputan data anggota CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug pada perhitungan P.E.A.R.L.S."),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada tampilan peserta di Diklat BKCU"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v324" },
+                      },
+                      [
+                        _vm._v("Version 3.2.4 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 4 Maret 2020"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v324",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini merubah cara pengisian self assesment ACCESS Branding dan perubahan laporan pada Bantuan Solidaritas Jalinan\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Merubah cara pengisian self assesment ACCESS Branding dimana pengisian periode harus sesuai dengan periode yang sudah ada pada laporan perkembangan CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menyambungkan data self assesment ACCESS Branding dengan laporan perkembangan CU untuk informasi PEARLS"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Merubah laporan bantuan solidaritas Jalinan pencairan per-cu menjadi laporan bantuan solidaritas berdasarkan status yang akan menampilkan laporan bantuan solidaritas Jalinan sesuai dengan status bantuan solidaritas pada saat tersebut "
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada penambahan bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada koreksi Bantuan Solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada self assesment ACCESS Branding"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug pada indikator PEARLS di R7"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada tabel indikator PEARLS di dashboard"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v323" },
+                      },
+                      [
+                        _vm._v("Version 3.2.3 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 24 Februari 2020"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v323",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini menambahkan self assesment ACCESS Branding, catalog diklat di website publik BKCU Kalimantan dan koreksi bantuan solidaritas Jalinan\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan form pengisian self assesment ACCESS Branding untuk CU dan penilaian dari PUSKOPCUINA"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur koreksi untuk Bantuan Solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan catalog diklat di website publik BKCU Kalimantan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur untuk memasukkan foto utama pada masing-masing diklat"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Merubah menu Keuangan menjadi Tata Kelola"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug masih bisa menghapus data anggota yang sudah bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada riwayat profil user yang tidak bisa diubah"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug peserta yang sama bisa mendaftar 2 kali pada diklat BKCU"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v322" },
+                      },
+                      [
+                        _vm._v("Version 3.2.2 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 19 Desember 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v322",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini menambah surat pada Bantuan Solidaritas Jalinan, upload dokumen pada Bantuan Solidaritas Jalinan, QR Code pada Aset Tetap dan perbaikan beberapa bug.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan upload dokumen untuk memenuhi kebutuhan pengajuan Bantuan Solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan pemilahan data bantuan solidaritas berdasarkan TP"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan surat pada bagian Bantuan Solidaritas Jalinan yang terdiri dari surat dokument tidak lengkap, surat penolakan bantuan solidaritas dan surat pencairan klaim"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan informasi nomor surat dan tanggal surat untuk surat pada bagian Bantuan Solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur ketika logout otomatis maka akan kembali ke halaman terakhir yang dibuka sebelum."
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur membuat QR Code untuk aset tetap."
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada mengajukan bantuan solidaritas melalui menu anggota CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug error navigasi pada anggota CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug pada import anggota CU"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada laporan Bantuan Solidaritas Jalinan terkait jumlah anggota pada jenis kelamin Laki-laki"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada tombol penyelesaian bantuan solidaritas pada Bantuan Solidaritas Jalinan"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v321" },
+                      },
+                      [
+                        _vm._v("Version 3.2.1 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 3 Desember 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v321",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini memperbaiki beberapa bug tampilan data\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada menampilkan data detail laporan CU untuk akun aset bermasalah"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug pada menampilkan data anggota"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada menampilkan data pembeli dan penanggungjawab di aset tetap"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada menampilkan data panitia dalam gerakan untuk diklat"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v320" },
+                      },
+                      [
+                        _vm._v("Version 3.2.0 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 1 Desember 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v320",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini menambah beberapa fitur baru serta melakukan perbaikan bug, error dan peningkatan performa.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Menambah fitur auto reload file terbaru dari server apabila terdapat update dan menambahkan tombol hard reload apabila fitur auto reload gagal berfungsi."
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah fitur untuk membuatkan NIK sementara kepada anggota CU yang tidak bisa ditemukan/punya NIK lagi agar tetap bisa menginput data untuk anggota CU dan bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah informasi jumlah aktivis pertingkatan (manajemen, pengurus, dsb) pada bagian CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah tombol refresh pada bagian notifikasi untuk mendapatkan notifikasi terbaru sesuai keinginan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Mengubah cara mengambil data notifikasi dari setiap perpindahan halaman menjadi setiap 15 menit"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah fitur di profile masing-masing user untuk bisa mengubah data identitas dan riwayat sendiri"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah informasi no. KK, nama ibu, suku, dan pekerjaan pada form anggota CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Mengubah tampilan informasi verifikator bantuan solidaritas Jalinan "
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Optimalisasi pengambilan data bantuan solidaritas Jalinan dan data anggota CU ke server menjadi lebih ringkas dan cepat "
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Meningkatkan cara pengisian pekerjaan aktivis menjadi lebih mudah dimengerti"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Memindahkan menu untuk tabel draft hasil upload excel untuk anggota CU, laporan statistik CU, dan laporan statistik TP ke halaman masing-masing bagian terkait"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada saat menampilkan aktivis yang aktif dan tidak aktif"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug pada tombol anggota keluar"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug download excel semua data anggota CU tidak memunculkan sesuai CU tapi semua CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug download excel anggota CU kolom No. BA dan tanggal jadi anggota"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug download excel anggota CU dan aktivis kolom No. KTP digit terakhir hilang"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug tampilan persentase laju inflasi dan harga pasar"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada saat menambah diskusi untuk laporan TP"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada saat membuka dialog box dan menekan tombol back di browser maka tidak bisa scroll halamannya"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada penambahan kode jenis aset tetap dan kelompok aset tetap"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada searching di detail diklat BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug user tidak otomatis terkirim ke halaman login"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [_vm._v("Perbaikan bug gambar user error")]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v319" },
+                      },
+                      [
+                        _vm._v("Version 3.1.9 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 26 Oktober 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v319",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini fokus pada perbaikan di bagian anggota CU, user, aktivis dan bantuan solidaritas jalinan\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Menambah fitur migrasi data anggota CU dari sistem lain melalui excel"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah informasi tanggal target dan tujuan pada produk anggota CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada menampilkan data anggota CU di bagian sudah keluar dan sudah meninggal"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perubahan pada bagian input No. BA yang hanya memperbolehkan menginput angka saja"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan foto user yang tidak muncul"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug tampilan pada informasi jabatan, pendidikan dan organisasi pada bagian aktivis"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug mengubah identitas pada anggota CU yang sudah keluar dan meninggal"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v318" },
+                      },
+                      [
+                        _vm._v("Version 3.1.8 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 18 Oktober 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v318",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini fokus pada perbaikan di bagian aktivis, penambahan tampilan pada form analisis bantuan solidaritas Jalinan, perubahan tampilan pada daftar produk dan pelayanan CU dan perubahan pada informasi user\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan informasi user yang melakukan verifikasi pada masing-masing bantuan solidaritas Jalinan pada form analisis bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perubahan tampilan daftar produk dan pelayanan CU menjadi lebih ringkas"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perubahan user yang sudah menngikuti data aktivis yang tersambung pada masing-masing user"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug informasi TP pada aktivis tidak muncul ketika menginput data aktivis"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada informasi TP ketika melakukan export excel data CU"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v317" },
+                      },
+                      [
+                        _vm._v("Version 3.1.7 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 16 Oktober 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v317",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini fokus pada penambahan dan perbaikan pada bagian anggota CU, Bantuan Solidaritas Jalinan dan penambahan fitur baru untuk pengelolaan aset tetap lembaga, mengabungkan informasi data aktivis dengan user.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur verifikasi pengajuan Bantuan Solidaritas Jalinan oleh pengurus, pengawas dan manajemen"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Penambahan fitur data aktivis pada user"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan informasi asal TP/KP pada Anggota CU dan Bantuan Solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan pengelolaan aset tetap untuk lembaga"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug tampilan pada Bantuan Solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [_vm._v("Perbaikan bug tampilan pada User")]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug tampilan pada Anggota CU"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v316" },
+                      },
+                      [
+                        _vm._v("Version 3.1.6 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 28 September 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v316",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini fokus pada penambahan dan perbaikan pada bagian anggota CU dan Bantuan Solidaritas Jalinan.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan informasi usia dan nama pada panel analisa klaim"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan informasi bantuan solidaritas pada panel selesai klaim"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan kategori anggota CU yang meninggal"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada form penambahan bantuan solidaritas Jalinan yang tidak menampilkan data produk dengan benar"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menggabungkan menu tambah pada masing-masing bagian menjadi 1 sub-menu"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan waktu time-out aplikasi menjadi 12 jam"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Pengubahan tampilan form pada profil user"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v315" },
+                      },
+                      [
+                        _vm._v("Version 3.1.5 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 23 September 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v315",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini fokus pada perbaikan beberapa bug\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan informasi data produk pada saat menambah bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan informasi jabatan pada identitas anggota CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan input tanggal yang menyebabkan format tanggal salah"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah fitur untuk mengeluarkan anggota / mendata anggota keluar"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah pemberitahuan apabila versi SIMO yang dijalankan di CLIENT tidak sesuai dengan versi yang ada di SERVER agar segera melakukan Hard Reload agar mendapatkan versi terbaru"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah informasi error menjadi lebih mudah untuk dimengerti"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v314" },
+                      },
+                      [
+                        _vm._v("Version 3.1.4 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 19 September 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v314",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini fokus pada fitur bantuan solidaritas Jalinan\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan pengalaman penambahan data bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah fitur analisa bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah fitur pencairan bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah laporan pencairan bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah laporan bantuan solidaritas Jalinan berdasarkan penyebab"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah laporan bantuan solidaritas Jalinan berdasarkan usia"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah laporan bantuan solidaritas Jalinan berdasarkan lama menjadi anggota"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Memperbaiki beberapa bug pada proses bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Menambah bagian berita dan ucapan ulang tahun CU pada halaman Dashboard"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Memperbaiki bug data aktivis tidak muncul pada saat mendaftar diklat"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v313" },
+                      },
+                      [
+                        _vm._v("Version 3.1.3 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 6 September 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v313",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini fokus pada peningkatan pada data aktivis, anggota CU dan bantuan solidaritas Jalinan\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan pengalaman penambahan data aktivis"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan bagian aktivis tidak aktif/bekerja yang mengakomodir informasi aktivis yang sudah mengundurkan diri, berhenti, pensiun dan meninggal"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan riwayat diklat secara input manual dan pada data aktivis"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Riwayat diklat terkoneksi dengan data diklat pada SIMO (khusus untuk aktivis yang mendaftar diklat di SIMO)"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Memunculkan foto anggota CU pada tabel"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Memperbaiki beberapa bug pada proses bantuan solidaritas Jalinan"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v312" },
+                      },
+                      [
+                        _vm._v("Version 3.1.2 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 24 Agustus 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v312",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini lebih kepada perbaikan bug-bug yang ada pada fitur-fitur yang sudah ada serta peningkatan pengalaman penoperasian pada beberapa bagian.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug di penambahan anggota CU dan produk anggota CU "
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug di penambahan bantuan solidaritas Jalinan "
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug di penambahan data aktivis baru "
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug di pengubahan data panitia/fasilitator pada bagian diklat "
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug di isi kolom laporan PEARLS yang tidak sesuai dengan judul kolom "
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada perhitungan jumlah anggota perorang dalam gerakan yang disajikan di halaman publik website BKCU Kalimantan "
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Mengubah cara penyajian informasi error kepada user yang lebih mudah dimengerti "
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v311" },
+                      },
+                      [
+                        _vm._v("Version 3.1.1 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 16 Juli 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v311",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Perbaikan bug pada perhitungan laporan PEARLS dan penambahan field baru untuk mitra\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug dana gedung yang tidak muncul di pengubahan data PEARLS utk E9"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada saat menambahkan laporan TP"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan field bidang untuk mitra perseorangan dan lembaga"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v310" },
+                      },
+                      [
+                        _vm._v("Version 3.1.0 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 26 April 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v310",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Mengenalkan fitur pengelolaan data anggota CU perorangan yang memungkinkan gerakan PUSKOPCUINA untuk memiliki data secara mendetail anggota CU Perorangan yang akan memudahkan dalam mengetahui persebaran anggota, perilaku anggota dan menjadi database anggota terbesar dalam gerakan. \n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          " \n                    Pada versi ini juga terdapat integrasi dengan Jalinan untuk proses bantuan solidaritas dengan data anggota CU perorangan dan data produk CU yang diperkenalkan pada versi sebelumnya. Dengan begitu bantuan solidaritas Jalinan diharapkan akan lebih akurat. Dan terdapat pondasi dasar untuk integrasi perhitungan iuran Jalinan.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur mengelola data anggota CU perorangan yang terdiri dari identitas, simpanan dan pinjaman yang terintegrasi dengan fitur data produk CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur proses bantuan solidaritas Jalinan yang terintegrasi dengan data anggota CU Perorangan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada dashboard dalam penyajian data"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug dan peningkatan performa keseluruhan aplikasi"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v309" },
+                      },
+                      [
+                        _vm._v("Version 3.0.9 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 20 Februari 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v309",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini berfokus pada perbaikan di beberapa bagian dan penambahan fitur pelaporan error/\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur rekam semua error yang terjadi pada sistem agar memudahkan pengembang untuk melakukan troubleshooting dan perbaikan bug pada error yang terjadi"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan penampilan data produk dan pelayanan CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada dashboard dalam penyajian data"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan pada redirect login user"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v308" },
+                      },
+                      [
+                        _vm._v("Version 3.0.8 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 8 Februari 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v308",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini berfokus pada perbaikan data aktivis dan penambahan fitur pada aktivis\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Pengubahan cara menambah data aktivis, dimana pengguna mesti mengisikan dan melakukan pencarian berdasarkan no. KTP (NIK) untuk memastikan apakah aktivis tersebut sudah ada di dalam SIMO, jika ada maka pengguna tinggal melakukan pengubahan data sedangkan apabila data NIK aktivis tidak ada di dalam SIMO maka pengguna bisa langsung menambahkan data aktivis baru"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada perhitungan data aktivis di dashboard"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada download semua data di excel untuk aktivis"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v307" },
+                      },
+                      [
+                        _vm._v("Version 3.0.7 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 29 Januari 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v307",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini berfokus pada perbaikan artikel, aktivis dan peningkatan pada diklat BKCU.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan pada halaman aktivis dalam menampilkan data aktivis yang tanggal selesai sudah melewati tanggal hari ini tapi statusnya masih bekerja"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [_vm._v("Perbaikan pada pengubahan artikel")]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan untuk menampilkan artikel pada halaman website publik CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan untuk notifikasi pada diklat BKCU"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan tampilan pada halaman detail Diklat BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan tampilan pada pencarian data untuk semua halaman yang memiliki fitur pencarian data"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v306" },
+                      },
+                      [
+                        _vm._v("Version 3.0.6 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 25 Januari 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v306",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini berfokus pada perbaikan pada halaman produk CU dan perbaikan pada halaman diklat BKCU.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [_vm._v("Penambahan field tipe produk CU")]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perubahan tampilan daftar produk CU pada halaman Produk CU dari tabel menjadi card yang memudahkan dalam melihat informasi terkait produk CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perubahan tampilan daftar diklat pada halaman Diklat BKCU dari tabel menjadi card yang memudahkan dalam melihat informasi terkait diklat yang tersedia"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan widget Diklat BKCU pada halaman dashboard"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan widget peserta Diklat BKCU pada halaman dashboard"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan widget aktivitas perubahan data organisasi pada halaman dashboard"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [_vm._v("Perbaikan bug modal logout")]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v305" },
+                      },
+                      [
+                        _vm._v("Version 3.0.5 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 22 Januari 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v305",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update versi ini berfokus pada perbaikan untuk proses penambahan dan pendaftaran Diklat BKCU, profile user dan penambahan widget untuk halaman dashboard.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan visualisasi pada penambahan panitia Diklat BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan visualisasi pada penambahan peserta Diklat BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug untuk penambahan peserta Diklat BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur untuk melihat aktivitas masing-masing user"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur untuk mengubah nama dan email masing-masing user"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug pada ubah password di profile"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan widget navigasi halaman pada halaman dashboard"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan widget Diklat BKCU pada halaman dashboard"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan widget peserta Diklat BKCU pada halaman dashboard"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan widget aktivitas perubahan data organisasi pada halaman dashboard"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan widget jumlah data organisasi pada halaman dashboard"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada penampilan informasi error pada modal"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v304" },
+                      },
+                      [
+                        _vm._v("Version 3.0.4 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 13 Januari 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v304",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update untuk versi ini berfokus pada penyelesaian/perbaikan pada fitur diklat BKCU dan pendaftaran peserta diklat BKCU, perbaikan pada laporan gerakan dan laporan statistik CU, peningkatan kecepatan dan keamanan dengan menggunakan layanan dari pihak ketiga, dan perbaikan serta peningkatan sistem secara keseluruhan agar pengalaman pengoperasian lebih konsisten, cepat dan menyenangkan.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada fitur data panitia dan fasilitator pada saat menambah Diklat BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada fitur daftar Diklat BKCU pada halaman Detail Diklat BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan perhitungan laporan gerakan"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Pengubahan format dan jenis informasi yang ditampilkan pada halaman laporan gerakan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada laporan CU ketika menambah data"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada perhitungan P.E.A.R.L.S. CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Pengubahan tampilan dalam pencarian data CU agak lebih mudah dipahami."
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan waktu idle pada user yang terlogin di SIMO dari awalnya kurang dari 1 jam menjadi 3 jam"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan keamanan dan kecepatan transfer data dengan menggunakan CDN dari cloudflare yang menyediakan peningkatan kecepatan loading halaman dan data, perlindungan dari serangan DDos, bots jahat dan intrusi-intrusi jahat lainnya, menambahkan satu lapisan perlindungan tambahan dengan menggunakan DNS cloudflare yang terenkripsi. Keterangan lebih lanjut mengenai cloudflare bisa dilihat "
+                          ),
+                          _c(
+                            "a",
+                            {
+                              attrs: {
+                                href: "https://www.cloudflare.com/learning/what-is-cloudflare/",
+                                target: "_blank",
+                              },
+                            },
+                            [_vm._v("di website cloudflare")]
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v303" },
+                      },
+                      [
+                        _vm._v("Version 3.0.3 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 9 Januari 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v303",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update untuk versi ini lebih pada perbaikan bug dan error yang ditemukan pada versi sebelumnya ketika sudah live di server production. Selain itu juga penambahan beberapa fitur yang belum sempat terimplementasikan pada versi sebelumnya\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur data panitia dan fasilitator pada saat menambah Diklat BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur daftar Diklat BKCU pada halaman Detail Diklat BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [_vm._v("Perbaikan bug pada download excel")]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug pada form laporan CU"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug pada form P.E.A.R.L.S. CU"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug pada notifikasi laporan"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug pada upload gambar Penulis Artikel dan Tp"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v302" },
+                      },
+                      [
+                        _vm._v("Version 3.0.2 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 4 Januari 2019"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v302",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update untuk versi ini lebih pada perbaikan bug dan error yang ditemukan pada versi sebelumnya ketika sudah live di server production. Selain itu juga penambahan beberapa fitur yang belum sempat terimplementasikan pada versi sebelumnya\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan cara menambah hak akses dan peran untuk hak akses user"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug tambah dan ubah data untuk pengumuman"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug dalam mengambil list CU untuk masing-masing halaman"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug pada detail laporan CU"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v301" },
+                      },
+                      [
+                        _vm._v("Version 3.0.1 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 31 Desember 2018"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v301",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Update untuk versi ini lebih pada perbaikan bug dan error yang ditemukan pada versi sebelumnya ketika sudah live di server production. Selain itu juga penambahan beberapa fitur yang belum sempat terimplementasikan pada versi sebelumnya\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v(
+                            'Perbaikan bug subdomain dan domain ketika menambahkan "www" didepan alamat website'
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur untuk menuliskan saran terhadap aplikasi ini"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur mengelola pengumuman untuk masing-masing CU yang akan otomatis muncul di website publik di subdomain masing-masing CU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan bug hak akses user yang selalu menampilkan hak akses untuk CU dan tidak bisa untuk BKCU"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Optimalisasi aplikasi dengan mengurangi beberapa panggilan data ke server yang redundan"
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v300" },
+                      },
+                      [
+                        _vm._v("Version 3.0.0 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 27 Desember 2018"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v300",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Pada versi ini SIMO yang berbasis sepenuhnya PHP dengan framework laravel telah berubah menjadi Single Page Application (SPA) berbasis javascript dengan framework Vue.js yang menawarkan pengalaman interaksi desktop pada browser.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Tampilan keseluruhan pada SIMO juga telah berubah. Menawarkan tampilan yang terinspirasi dari Material design dan Cupertino design yang menghasilkan sebuah aplikasi berbasis web yang interaktif dan menarik\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Pengolahan data juga telah berubah untuk menyesuaikan dengan transaksi data berbasis API yang menawarkan kecepatan dan reliabilitas serta kemudahan untuk pengembangan lebih lanjut.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "row mb-3" }, [
+                        _c("div", { staticClass: "col-sm-6" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v(
+                                "Frontend PHP menjadi Javascript Single Page Application dari Vue.js yang menawarkan:\n                            "
+                              ),
+                              _c("ul", [
+                                _c("li", [
+                                  _vm._v("Transaksi data berbasis API"),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [_vm._v("Keamanan dengan JWT Auth")]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Kecepatan pengoperasian karena hanya 1 kali saja loading asset aplikasi, sisanya adalah loading data dari server"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Peningkatan interaksi dan animasi pada pengoperasian"
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan fitur publikasi website bagi CU, dimana masing-masing user CU telah diberikan halaman website tersendiri yang berisi informasi standar sebuah website perusahaan dan dapat dioleh sendiri dengan fitur:\n                            "
+                              ),
+                              _c("ul", [
+                                _c("li", [
+                                  _vm._v(
+                                    "Memiliki subdomain khusus untuk masing-masing CU"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [_vm._v("Menambah artikel")]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v("Menambah data produk dan pelayanan"),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Menambah informasi lembaga seperti misi, visi, nilai-nilai, sejarah dan slogan"
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-sm-6" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan input data pada laporan sampai dengan laporan per TP/KP dari masing-masing CU yang otomatis akan dikonsolidasikan"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan 2 indikator baru pada perhitungan P.E.A.R.L.S"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan visualisasi dan analisis data pada laporan keuangan di detail laporan"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan upload excel pada laporan Cu dan Laporan Tp"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan fitur filter data yang mampu mendukung pencarian secara lebih mendetail"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahaan fitur manajemen user kepada masing-masing CU"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan field-field baru untuk informasi CU seperti npwp, situ, siusp, izin operasional dan lainnya"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v("Perbaikan bug dan peningkatan performa"),
+                            ]),
+                          ]),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v213" },
+                      },
+                      [
+                        _vm._v("Version 2.1.3 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 20 April 2017"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v213",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v("Pada versi ini "),
+                        _c("b", [_vm._v("AdminBKCU")]),
+                        _vm._v(" berubah nama menjadi "),
+                        _c("b", [_vm._v("SIMO")]),
+                        _vm._v(" yang merupakan singkatan dari "),
+                        _c("b", [_vm._v("S")]),
+                        _vm._v("istem "),
+                        _c("b", [_vm._v("I")]),
+                        _vm._v("nformasi "),
+                        _c("b", [_vm._v("M")]),
+                        _vm._v("anajemen "),
+                        _c("b", [_vm._v("O")]),
+                        _vm._v(
+                          "rganisasi. Pemilihan nama ini adalah didasarkan dari fitur yang ditawarkan oleh aplikasi ini yaitu memanajemen informasi dari organisasi (bukan bidang organisasi, melainkan organisasi dalam artian PUSKOPCUINA dan CU Primer anggota).\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Dalam versi ini terdapat 2 bagian baru yang ditambahkan di aplikasi ini yaitu bagian "
+                        ),
+                        _c("b", [_vm._v("Diklat")]),
+                        _vm._v(" dan bagian "),
+                        _c("b", [_vm._v("Staf")]),
+                        _vm._v(
+                          ". Kedua bagian tersebut merupakan pengembangan dari bagian "
+                        ),
+                        _c("b", [_vm._v("Kegiatan")]),
+                        _vm._v(" yang sekarang menjadi "),
+                        _c("b", [_vm._v("Diklat")]),
+                        _vm._v(
+                          " dengan penambahan fitur informasi yang lebih mendetail serta fitur pendaftaran peserta. Kemudian bagian "
+                        ),
+                        _c("b", [_vm._v("Staf")]),
+                        _vm._v(
+                          " juga ditambahkan beberapa fitur agak dapat saling berinteraksi dengan bagian "
+                        ),
+                        _c("b", [_vm._v("Diklat")]),
+                        _vm._v(", karena peserta adalah berasal dari bagian "),
+                        _c("b", [_vm._v("Staf")]),
+                        _vm._v(" "),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Selain itu juga terdapat banyak penambahan serta perbaikan pada aplikasi yang memberikan peningkatan performa, stabilitas, serta pengalaman menggunakan aplikasi ini.\n                    "
+                        ),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(
+                          "\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "row mb-3" }, [
+                        _c("div", { staticClass: "col-sm-6" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v("AdminBKCU berubah nama menjadi SIMO"),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan bagian Diklat yang berfungsi:\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [
+                                  _vm._v(
+                                    "Data diklat yang dilaksanakan oleh PUSKOPCUINA"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Daftar diklat yang bisa dilakukan langsung melalui program oleh CU Primer anggota"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v("Data tempat dilaksanakan diklat"),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Penambahan widget kegiatan terdekat, kegiatan berjalan dan kalender pada dashboard"
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan bagian Staf yang berfungsi:\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [
+                                  _vm._v("Data staf dalam gerakan PUSKOPCUINA"),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Komunikasi data antara bagian Staf dengan bagian Diklat"
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-sm-6" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v(
+                                "Perubahan navigasi website dimana panel navigasi yang versi sebelumnya berada di tepi kiri menjadi berada di atas"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Pengubahan semua tabel kecuali tabel bagian laporan CU menjadi tabel yang responsive/mobile friendly"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan bagian Panduan untuk memberikan petunjuk pengoperasian aplikasi ini"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v("Perbaikan rumusan laporan P.E.A.R.L.S."),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v("Perbaikan integrasi plugin upload foto"),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v("Perbaikan bug dan peningkatan performa"),
+                            ]),
+                          ]),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v212" },
+                      },
+                      [
+                        _vm._v("Version 2.1.2 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 11 Maret 2017"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v212",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Penambahan fitur bagian laporan P.E.A.R.L.S Berikut adalah rincian perubahan pada versi ini"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", { staticClass: "list" }, [
+                        _c("li", [
+                          _vm._v("Upgrade template AdminLte ke versi 2.3.12"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perubahan model navigasi panel samping"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan plugin Mathjax untuk menampilkan kalkulasi perhitungan"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Penambahan fitur melihat detail perhitungan laporan P.E.A.R.L.S"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Perbaikan rumus perhitungan laporan P.E.A.R.L.S"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug dan peningkatan performa"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v211" },
+                      },
+                      [
+                        _vm._v("Version 2.1.1 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 14 Februari 2017"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v211",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Penambahan fitur bagian laporan CU serta fitur diskusi pada laporan CU Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "row mb-3" }, [
+                        _c("div", { staticClass: "col-sm-4" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v(
+                                "Upgrade laravel versi 5.2 ke versi 5.3 yang menawarkan:\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [_vm._v("Support Vue.js")]),
+                                _vm._v(" "),
+                                _c("li", [_vm._v("Fitur sistem notifikasi")]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Penyederhanaan struktur folder project"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Pembagian rute akses website menjadi dua yaitu untuk akses ke web dan akses melalui aplikasi selain web (API)"
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan bagian laporan CU yang berfungsi:\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [
+                                  _vm._v(
+                                    "Menampung dan mengolah data laporan keuangan CU menjadi laporan perkembangan CU serta analisis P.E.A.R.L.S"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Menampilkan laporan CU dalam tabel interaktif serta grafik"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Input data laporan melalui upload excel "
+                                  ),
+                                  _c(
+                                    "small",
+                                    { staticClass: "label bg-yellow" },
+                                    [_vm._v("beta")]
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-sm-4" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan bagian laporan CU yang berfungsi:\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [
+                                  _vm._v(
+                                    "Menampilkan pertumbuhan perakun perperiode pada masing-masing laporan"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Menampilkan panel overview kondisi CU berdasarkan laporan terbaru"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Penambahan fitur pada input data laporan melalui upload excel "
+                                  ),
+                                  _c(
+                                    "small",
+                                    { staticClass: "label bg-yellow" },
+                                    [_vm._v("beta 2")]
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan fitur sistem notifikasi yang berfungsi:\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [
+                                  _vm._v(
+                                    "Memberikan pemberitahuan mengenai laporan CU yang masuk, diubah, dan dihapus"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Memberikan pemberitahuan mengenai diskusi laporan CU yang masuk, diubah, dan dihapus"
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-sm-4" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan bagian diskusi laporan CU yang berfungsi:\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [
+                                  _vm._v(
+                                    "Memberikan masukkan kepada CU bahwa laporan telah diterima/diperiksa"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Memberikan masukkan/pertanyaan terhadap laporan CU yang telah diterima/diperiksa"
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan bagian revisi laporan CU yang berfungsi Menampilkan data apa saja yang telah diubah"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan fitur mengubah foto profil admin pada bagian admin"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v("Perbaikan bug dan peningkatan performa"),
+                            ]),
+                          ]),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v210" },
+                      },
+                      [
+                        _vm._v("Version 2.1.0 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 9 Desember 2016"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v210",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Penambahan fitur bagian laporan CU yang berfungsi untuk menampilkan perkembangan Credit Union diserta dengan perhitungan analisis P.E.A.R.L.S serta upgrade sistem utama aplikasi dari versi 4.2 ke versi 5.2 dan peningkatan fitur-fitur pada plugin yang dipakai. Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "row mb-3" }, [
+                        _c("div", { staticClass: "col-sm-4" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v(
+                                "Upgrade laravel versi 4.2 ke versi 5.2 yang menawarkan:\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [_vm._v("Support PHP 7")]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    'Peningkatan keamanan dengan "middleware"'
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v("Peningkatan eksekusi kode program"),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Penambahan dukungan terhadap plugin-plugin"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Proteksi semua input terhadap serangan SQL injection"
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan bagian laporan CU yang berfungsi:\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [
+                                  _vm._v(
+                                    "Menampung dan mengolah data laporan keuangan CU menjadi laporan perkembangan CU serta analisis P.E.A.R.L.S"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Menampilkan laporan CU dalam tabel interaktif serta grafik"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Input data laporan melalui upload excel "
+                                  ),
+                                  _c(
+                                    "small",
+                                    { staticClass: "label bg-yellow" },
+                                    [_vm._v("beta")]
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-sm-4" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan bagian TP CU untuk mendata informasi TP tiap CU secara lebih mendetail"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan bagian admin untuk CU yang memungkinkan staf CU untuk:\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [
+                                  _vm._v("Mengisi / mengubah profil dari CU"),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Menambah, mengubah dan menghapus data TP di CU"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Menambah, mengubah dan menghapus laporan CU"
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan fitur dan perubahan penggunaan pada Datatable"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan fitur text editor untuk bagian artikel"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v("Penambahan fitur pada bagian admin"),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v("Pengubahan struktur navigasi sidebar"),
+                            ]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-sm-4" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan fitur validator untuk validasi input"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penggunaan input mask untuk pengisian tanggal serta pengisian angka"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penggunaan pace untuk animasi loading resource dan request ajax"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penggantian Plugin ACL entrust dengan kodeine untuk integrasi lebih lanjut dengan laravel ACL"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Menghapus plugin flickering untuk akses ke flickr"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v("Perbaikan bug dan peningkatan performa"),
+                            ]),
+                          ]),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v201" },
+                      },
+                      [
+                        _vm._v("Version 2.0.1 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 2 Januari 2016"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v201",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Pengubahan penggunaan rich text editor dari CKeditor menjadi Summernote. Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("ul", [
+                        _c("li", [
+                          _vm._v("Penggantian CKeditor menjadi Summernote"),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Pengubahan cara penanganan gambar pada Summernote"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Peningkatan penanganan upload gambar dengan metode baru yang diperkenalkan\n                        pada versi Intervention Image v2.x"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [_vm._v("Penambahan halaman version")]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v("Perbaikan bug dan peningkatan performa"),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-header" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "collapsed text-default",
+                        attrs: { "data-toggle": "collapse", href: "#v200" },
+                      },
+                      [
+                        _vm._v("Version 2.0.0 "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" / 31 Desember 2015"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    staticClass: "collapse",
+                    attrs: {
+                      id: "v200",
+                      "data-parent": "#accordion-control-right",
+                    },
+                  },
+                  [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Rombak ulang keseluruhan tampilan admin menjadi lebih mudah di operasikan, lebih "
+                        ),
+                        _c("i", [_vm._v("responsive/mobile friendly")]),
+                        _vm._v(
+                          " dan pengubahan code php pada controller dan model untuk peningkatan performa dan konsistensi pada tiap pengoperasian. Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "row mb-3" }, [
+                        _c("div", { staticClass: "col-sm-6" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v(
+                                "Pengalaman penggunaan dengan desain yang lebih modern dan responsive"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v("Sidebar yang fleksibel dan responsive"),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [_vm._v("Upgrade bootstrap v3.3.2")]),
+                            _vm._v(" "),
+                            _c("li", [_vm._v("Upgrade font-awesome v4.5.0")]),
+                            _vm._v(" "),
+                            _c("li", [_vm._v("Upgrade Datatables v1.10.10")]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v("Upgrade Image Intervention v2.x"),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [_vm._v("Upgrade Jquery v2.1.3 ")]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan fitur pada semua tabel di halaman kelola yaitu\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [
+                                  _vm._v(
+                                    "Tabel menjadi responsive dan dapat menyesuaikan di hampir semua ukuran layar.\n                                      maka apabila layar terlalu kecil untuk kolom, kolom otomatis akan disembunyikan dan\n                                      akan muncul tombol untuk menampilkan kolom yang telah di sembunyikan tersebut"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Warp text pada masing-masing cell di kolom untuk pemanfaatan ruang kosong pada cell"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Colum priority pada kolom hapus,ubah dan detail membuat kolom tersebut tidak akan\n                                      tersembunyi apabila ukuran layar terlalu kecil untuk semua tabel"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Pengubahan cara berinteraksi pada tiap tabel agar lebih konsisten"
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Peningkatan cara mengangani error dan penyampaian informasi error yang lebih informatif dan akurat"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v("Peningkatan penanganan upload gambar"),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan halaman detail staf untuk pemberian informasi lengkap mengenai staf"
+                              ),
+                            ]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-sm-6" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan fitur pada semua form di halaman tambah dan ubah yaitu\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [
+                                  _vm._v(
+                                    "Peningkatan desain yang lebih modern dan lebih jelas fungsinya"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Penggunaan input mask pada pengisian tanggal untuk mempermudah pengisian tanggal"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Peningkatan pada CKeditor dengan menambahkan fitur responsive pada gambar"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Penggunaan laravel validation pada input text untuk menginformasikan bagian yang bermasalah"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Peningkatan visualisasi dan informasi yang disampaikan pada bagian pemberitahuan setelah melakukan penyimpanan atau pengubahan data"
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Peningkatan halaman admin (kelola admin,tambah admin, ubah admin) yaitu\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [
+                                  _vm._v("Pengubahan cara mengubah password"),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Penambahan tipe admin untuk membedakan admin BKCU dan admin CU Primer"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Menyatukan tipe admin CU Primer dengan data CU Primer yang dipilih"
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Perbaikan error routing pada beberapa halaman"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v("Perbaikan error pada controller"),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [_vm._v("Perbaikan error pada model")]),
+                          ]),
+                        ]),
+                      ]),
+                      _vm._v(" "),
+                      _c("hr"),
+                      _vm._v(" "),
+                      _c("p", { staticClass: "mb-3" }, [
+                        _vm._v(
+                          "Rombak ulang seluruh halaman pada website publik dengan tampilan yang lebih bersih, modern,\n                    responsive/mobile friendly dan visualisasi yang lebih bai k. Pada update kali ini semua\n                    bagian pada halaman telah di desain ulang menyesuaikan tema halaman dengan warna dasar putih\n                    dan biru serta background yang dapat disesuaikan dengan keadaan/event yang sedang berlangsung.\n                    Serta penambahan halaman CU untuk melakukan pengubahan dan penambahan data pada data CU Primer.\n                    Berikut adalah rincian perubahan pada versi ini:"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "row mb-3" }, [
+                        _c("div", { staticClass: "col-sm-6" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan plugin javascript yaitu:\n                              "
+                              ),
+                              _c("ul", [
+                                _c("li", [_vm._v("jquery.fitvids")]),
+                                _vm._v(" "),
+                                _c("li", [_vm._v("nivo-lightbox")]),
+                                _vm._v(" "),
+                                _c("li", [_vm._v("jquery.isotope")]),
+                                _vm._v(" "),
+                                _c("li", [_vm._v("jquery.appear")]),
+                                _vm._v(" "),
+                                _c("li", [_vm._v("count.to")]),
+                                _vm._v(" "),
+                                _c("li", [_vm._v("jquery.textillate")]),
+                                _vm._v(" "),
+                                _c("li", [_vm._v("jquery.lettering")]),
+                                _vm._v(" "),
+                                _c("li", [_vm._v("jquery.easypiechart")]),
+                                _vm._v(" "),
+                                _c("li", [_vm._v("jquery.nicescroll")]),
+                                _vm._v(" "),
+                                _c("li", [_vm._v("jquery.parallax")]),
+                                _vm._v(" "),
+                                _c("li", [_vm._v("jquery.slicknav")]),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [_vm._v("Upgrade bootstrap v3.3.2")]),
+                            _vm._v(" "),
+                            _c("li", [_vm._v("Upgrade font-awesome v4.5.0")]),
+                            _vm._v(" "),
+                            _c("li", [_vm._v("Upgrade Jquery v2.1.4")]),
+                            _vm._v(" "),
+                            _c("li", [_vm._v("Upgrade plugin google maps")]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penghapusan plugin social network sharing"
+                              ),
+                            ]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-sm-6" }, [
+                          _c("ul", { staticClass: "list" }, [
+                            _c("li", [
+                              _vm._v(
+                                "Pengubahan fitur sharing social network, tidak bergantung pada plugin lagi tapi\n                          dibangun 1-1 sesuai guidelines dari sharing API masing-masing social network"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Penambahan animasi melalui css pada beberapa komponen halaman"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Peningkatan carousel pada halaman utama untuk artikel pilihan menjadi lebih elegan\n                              dan informatif"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Peningkatan zoom foto/gambar di seluruh halaman dengan menggunakan lightbox"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Peningkatan menu yang lebih responsive dengan tampilan yang lebih rapi dan bersih"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Peningkatan pengalaman membaca artikel dengan tulisan serta layout yang lebih nyaman di mata"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _vm._v(
+                                "Peningkatan pengalaman berinteraksi dan konsistensi desain secara keseluruhan pada semua halaman."
+                              ),
+                            ]),
+                          ]),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+            ]
+          ),
+        ]),
+      ]),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/index.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/views/artikel/index.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_47768de8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=47768de8& */ "./resources/assets/js/views/artikel/index.vue?vue&type=template&id=47768de8&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikel/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -999,9 +6914,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_47768de8___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_47768de8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1011,54 +6926,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikel/index.vue"
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/index.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/views/artikel/index.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/index.vue?vue&type=template&id=47768de8&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikel/index.vue?vue&type=template&id=47768de8& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_47768de8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=47768de8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/index.vue?vue&type=template&id=47768de8&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_47768de8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_47768de8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/table.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/views/artikel/table.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/sistem/changelog.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/sistem/changelog.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_d44023f0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=d44023f0& */ "./resources/assets/js/views/artikel/table.vue?vue&type=template&id=d44023f0&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikel/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _changelog_vue_vue_type_template_id_1bfa1552___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./changelog.vue?vue&type=template&id=1bfa1552& */ "./resources/assets/js/views/sistem/changelog.vue?vue&type=template&id=1bfa1552&");
+/* harmony import */ var _changelog_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./changelog.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/sistem/changelog.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1068,9 +6983,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_d44023f0___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_d44023f0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _changelog_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _changelog_vue_vue_type_template_id_1bfa1552___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _changelog_vue_vue_type_template_id_1bfa1552___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1080,38 +6995,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikel/table.vue"
+component.options.__file = "resources/assets/js/views/sistem/changelog.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/table.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/views/artikel/table.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/sistem/changelog.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/sistem/changelog.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_changelog_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./changelog.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/changelog.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_changelog_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/table.vue?vue&type=template&id=d44023f0&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikel/table.vue?vue&type=template&id=d44023f0& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/sistem/changelog.vue?vue&type=template&id=1bfa1552&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/sistem/changelog.vue?vue&type=template&id=1bfa1552& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d44023f0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=d44023f0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/table.vue?vue&type=template&id=d44023f0&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d44023f0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_changelog_vue_vue_type_template_id_1bfa1552___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./changelog.vue?vue&type=template&id=1bfa1552& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/changelog.vue?vue&type=template&id=1bfa1552&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_changelog_vue_vue_type_template_id_1bfa1552___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d44023f0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_changelog_vue_vue_type_template_id_1bfa1552___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/121.js b/public/js/components/121.js
index e3e235772..97c6e8a0e 100644
--- a/public/js/components/121.js
+++ b/public/js/components/121.js
@@ -1,19 +1,15 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[121],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/index.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelKategori/index.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/artikelKategori/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -56,68 +52,99 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
+//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Kategori Artikel',
-      kelas: 'artikelKategori',
-      titleDesc: 'Mengelola data kategori artikel',
-      titleIcon: 'icon-grid6',
-      selectCuPath: 'artikelKategoriCu'
-    };
-  },
-  created: function created() {
-    this.checkUser('index_artikel_kategori', this.$route.params.cu);
+  props: {
+    title: {
+      "default": ''
+    },
+    titleIcon: {
+      "default": ''
+    },
+    titleDesc: {
+      "default": ''
+    },
+    level: {
+      "default": 1
+    },
+    level2Title: {
+      "default": ''
+    },
+    level2Route: {
+      "default": ''
+    }
   },
   methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
+    level2Back: function level2Back() {
+      this.$emit('level2Back');
+    },
+    route1: function route1() {
+      if (this.btn1RouteParams) {
+        this.$router.push({
+          name: this.btn1Route,
+          params: {
+            cu: this.btn1RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn1Route
+        });
+      }
+    },
+    route2: function route2() {
+      if (this.btn2RouteParams) {
+        this.$router.push({
+          name: this.btn2Route,
+          params: {
+            cu: this.btn2RouteParams
           }
-        }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn2Route
+        });
+      }
+    },
+    route3: function route3() {
+      if (this.btn3RouteParams) {
+        this.$router.push({
+          name: this.btn3Route,
+          params: {
+            cu: this.btn3RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn3Route
+        });
       }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelKategori', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/table.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelKategori/table.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/notification.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sistem/notification.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -205,156 +232,294 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
-  props: ['title', 'kelas'],
   data: function data() {
     return {
-      selectedItem: [],
-      query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      excelDownloadUrl: '',
-      columnData: [{
-        title: 'No.',
-        name: 'No.',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Keterangan',
-        name: 'deskripsi',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'CU',
-        name: 'cu.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Artikel',
-        name: 'has_artikel_count',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false
-      }, {
-        title: 'Tgl. Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
+      title: 'Notifikasi',
+      kelas: 'notification',
+      titleDesc: 'Melihat semua notifikasi',
+      titleIcon: 'icon-bell2',
       state: '',
       modalShow: false,
       modalState: '',
       modalTitle: '',
-      modalButton: ''
+      modalSize: '',
+      modalColor: '',
+      modalButton: '',
+      modalContent: '',
+      tabName: 'semua'
     };
   },
   created: function created() {
-    this.fetch(this.query);
+    this.fetch();
   },
   watch: {
-    // check route changes
     '$route': function $route(to, from) {
-      this.fetch(this.query);
+      // check current page meta
+      this.fetch();
     },
     // when updating data
-    updateStat: function updateStat(value) {
+    markNotifStat: function markNotifStat(value) {
       this.modalState = value;
       this.modalButton = 'Ok';
 
       if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.fetch(this.query);
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
+        this.modalTitle = "Notifikasi berhasil ditandai";
         this.modalContent = '';
+        this.fetch();
       }
     }
   },
   methods: {
-    fetch: function fetch(params) {
-      if (this.$route.params.cu == 'semua') {
-        this.disableColumnCu(false);
-        this.$store.dispatch(this.kelas + '/index', params);
-        this.excelDownloadUrl = this.kelas;
-      } else {
-        this.disableColumnCu(true);
-        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
-        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
-      }
-    },
-    disableColumnCu: function disableColumnCu(status) {
-      this.columnData[3].disable = status;
-    },
-    resetParams: function resetParams() {
-      this.params.search_column = 'name';
-      this.params.search_query_1 = '';
-      this.extSearchColumn = 'name';
-      this.extSearchQuery1 = '';
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + '/getAll');
     },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    ubahData: function ubahData(id, id_cu) {
-      this.$router.push({
-        name: this.kelas + 'Edit',
-        params: {
-          id: id
-        }
-      });
+    goToPage: function goToPage(notif) {
+      if (notif.data.tipe == 'laporanCu') {
+        this.$router.push({
+          name: 'laporanCuDetail',
+          params: {
+            id: notif.data.url
+          }
+        });
+      } else if (notif.data.tipe == 'laporanTp') {
+        this.$router.push({
+          name: 'laporanTpDetail',
+          params: {
+            id: notif.data.url
+          }
+        });
+      } else if (notif.data.tipe == 'diklatBKCU') {
+        this.$router.push({
+          name: 'diklatBKCUDetail',
+          params: {
+            id: notif.data.url
+          }
+        });
+      } else if (notif.data.tipe == 'pertemuanBKCU') {
+        this.$router.push({
+          name: 'pertemuanBKCUDetail',
+          params: {
+            id: notif.data.url
+          }
+        });
+      }
+
+      this.$store.dispatch('notification/markRead', notif.id);
     },
-    lihatArtikel: function lihatArtikel(id, id_cu) {
-      this.$store.dispatch('artikelKategori/resetDataStat');
-      this.$router.push({
-        name: 'artikelFilterKategoriCu',
-        params: {
-          cu: id_cu,
-          kategori: id
-        }
-      });
+    changeTab: function changeTab(value) {
+      this.tabName = value;
     },
     modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
@@ -365,42 +530,37 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         this.selectedItem = itemMobile;
       }
 
-      if (state == 'hapus') {
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
+      if (state == 'tandai') {
+        this.modalTitle = 'Tandai semua ' + this.title + ' sudah dibaca?';
+        this.modalButton = 'Iya, Tandai semua';
       }
     },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-      this.$store.dispatch(this.kelas + '/resetUpdateStat');
-    },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      // execute destroy
+      if (this.state == 'tandai') {
+        this.$store.dispatch(this.kelas + '/markAllRead');
       }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
-    idCu: 'idCu'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'dataS',
-    modelCuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelKategori', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('notification', {
+    notification: 'dataS',
+    notifStat: 'dataStatS',
+    unreadNotification: 'unreadNotification',
+    markNotifStat: 'markNotifStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/index.vue?vue&type=template&id=81ee1edc&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelKategori/index.vue?vue&type=template&id=81ee1edc& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -412,53 +572,109 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
           _c(
             "div",
-            { staticClass: "content" },
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
             [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.id_cu == 0
-                ? _c("select-cu", {
-                    attrs: {
-                      kelas: _vm.kelas,
-                      path: _vm.selectCuPath,
-                      isPus: true,
-                    },
-                  })
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
+                          },
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
                 : _vm._e(),
               _vm._v(" "),
-              _c("table-data", {
-                attrs: { title: _vm.title, kelas: _vm.kelas },
-              }),
-            ],
-            1
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
           ),
-        ]),
-      ]),
-    ],
-    1
-  )
+        ]
+      ),
+    ]),
+  ])
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -467,10 +683,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/table.vue?vue&type=template&id=78a4258e&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelKategori/table.vue?vue&type=template&id=78a4258e& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/notification.vue?vue&type=template&id=6c10fef8&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sistem/notification.vue?vue&type=template&id=6c10fef8& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -485,305 +701,1291 @@ var render = function () {
   return _c(
     "div",
     [
-      _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
-          },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-container" }, [
+        _c("div", { staticClass: "page-content" }, [
+          _c("div", { staticClass: "content-wrapper" }, [
+            _c("div", { staticClass: "card card-body d-print-none" }, [
+              _c("div", { staticClass: "row" }, [
+                _c("div", { staticClass: "col-sm-10 d-none d-sm-block" }, [
                   _c(
-                    "tr",
+                    "button",
                     {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      staticClass: "btn btn-light btn-icon",
+                      attrs: {
+                        type: "button",
+                        disabled:
+                          _vm.markNotifStat === "loading" ||
+                          _vm.unreadNotification == 0,
                       },
                       on: {
                         click: function ($event) {
-                          return _vm.selectedRow(props.item)
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("tandai")
                         },
                       },
                     },
                     [
-                      !_vm.columnData[0].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.deskripsi },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.cu
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.cu.name,
-                                      empty: _vm.columnData[3].groupNoKey,
-                                    },
-                                  })
-                                : _c("span", [_vm._v("PUSKOPCUINA")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c("td", [
-                            _vm._v(_vm._s(props.item.has_artikel_count)),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
+                      _c("i", { staticClass: "icon-checkbox-checked" }),
+                      _vm._v(" Tandai sudah baca semua\n\t\t\t\t\t\t\t\t"),
                     ]
                   ),
-                ]
-              },
-            },
-          ]),
-        },
-        [
-          _c(
-            "template",
-            { slot: "button-desktop" },
-            [
-              _vm.currentUser.can &&
-              _vm.currentUser.can["create_artikel_kategori"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["update_artikel_kategori"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
+                ]),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  { staticClass: "col-sm-2 text-right d-none d-sm-block" },
+                  [
+                    _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-light btn-icon",
+                        attrs: {
+                          type: "button",
+                          disabled: _vm.notifStat == "loading",
                         },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["destroy_artikel_kategori"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.fetch()
+                          },
                         },
                       },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.currentUser.can &&
-              _vm.currentUser.can["create_artikel_kategori"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["update_artikel_kategori"]
-                ? _c(
+                      [
+                        _c("i", {
+                          staticClass: "icon-sync",
+                          class: { spinner: _vm.notifStat === "loading" },
+                        }),
+                      ]
+                    ),
+                  ]
+                ),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-sm-12 d-block d-sm-none" }, [
+                  _c(
                     "button",
                     {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: {
+                        type: "button",
+                        disabled:
+                          _vm.markNotifStat === "loading" ||
+                          _vm.unreadNotification == 0,
+                      },
                       on: {
                         click: function ($event) {
                           $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
+                          return _vm.modalConfirmOpen("tandai")
                         },
                       },
                     },
                     [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
+                      _c("i", { staticClass: "icon-checkbox-checked" }),
+                      _vm._v(" Tandai sudah baca semua\n\t\t\t\t\t\t\t\t"),
                     ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["destroy_artikel_kategori"]
-                ? _c(
+                  ),
+                  _vm._v(" "),
+                  _c(
                     "button",
                     {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { type: "button" },
                       on: {
                         click: function ($event) {
                           $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
+                          return _vm.fetch()
                         },
                       },
                     },
                     [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
+                      _c("i", {
+                        staticClass: "icon-sync",
+                        class: { spinner: _vm.notifStat === "loading" },
+                      }),
+                      _vm._v(" Reload\n\t\t\t\t\t\t\t\t"),
                     ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
+                  ),
+                ]),
+              ]),
+            ]),
+            _vm._v(" "),
+            _vm._m(0),
+            _vm._v(" "),
+            _vm.notifStat == "loading"
+              ? _c("div", [_vm._m(1)])
+              : _c("div", [
+                  _vm.notification && _vm.notification.length > 0
+                    ? _c(
+                        "div",
+                        [
+                          _c(
+                            "div",
+                            { staticClass: "nav-tabs-responsive mb-3" },
+                            [
+                              _c(
+                                "ul",
+                                {
+                                  staticClass:
+                                    "nav nav-tabs nav-tabs-solid bg-light",
+                                },
+                                [
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active: _vm.tabName == "semua",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab("semua")
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-table2 mr-2",
+                                        }),
+                                        _vm._v(" Semua"),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active: _vm.tabName == "laporanCu",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab("laporanCu")
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-stats-bars2 mr-2",
+                                        }),
+                                        _vm._v(" Laporan CU"),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active: _vm.tabName == "diklatBKCU",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab("diklatBKCU")
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-graduation2 mr-2",
+                                        }),
+                                        _vm._v(" Diklat BKCU"),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active:
+                                            _vm.tabName == "pertemuanBKCU",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab(
+                                              "pertemuanBKCU"
+                                            )
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-ungroup mr-2",
+                                        }),
+                                        _vm._v(" Pertemuan BKCU"),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active:
+                                            _vm.tabName == "selfAssesment",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab(
+                                              "selfAssesment"
+                                            )
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-reading mr-2",
+                                        }),
+                                        _vm._v(" Self Assesment ACCESS"),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active: _vm.tabName == "monitoring",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab("monitoring")
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass:
+                                            "icon-collaboration mr-2",
+                                        }),
+                                        _vm._v(" Monitoring"),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active: _vm.tabName == "klaimJALINAN",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab("klaimJALINAN")
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass:
+                                            "icon-accessibility2 mr-2",
+                                        }),
+                                        _vm._v(" Bantuan Solidaritas Jalinan"),
+                                      ]
+                                    ),
+                                  ]),
+                                ]
+                              ),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "transition",
+                            {
+                              attrs: {
+                                "enter-active-class": "animated fadeIn",
+                                mode: "out-in",
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  directives: [
+                                    {
+                                      name: "show",
+                                      rawName: "v-show",
+                                      value: _vm.tabName == "semua",
+                                      expression: "tabName == 'semua'",
+                                    },
+                                  ],
+                                  staticClass: "row",
+                                },
+                                _vm._l(
+                                  _vm.notification,
+                                  function (notif, index) {
+                                    return _c(
+                                      "div",
+                                      { key: index, staticClass: "col-md-6" },
+                                      [
+                                        _c(
+                                          "div",
+                                          {
+                                            staticClass: "card",
+                                            class: {
+                                              "text-muted":
+                                                notif.read_at != null,
+                                            },
+                                            staticStyle: { cursor: "pointer" },
+                                            on: {
+                                              click: function ($event) {
+                                                $event.preventDefault()
+                                                return _vm.goToPage(notif)
+                                              },
+                                            },
+                                          },
+                                          [
+                                            _c(
+                                              "div",
+                                              {
+                                                staticClass:
+                                                  "card-header bg-white header-elements-inline",
+                                              },
+                                              [
+                                                _c(
+                                                  "span",
+                                                  { staticClass: "card-title" },
+                                                  [
+                                                    notif.data.tipe ==
+                                                      "laporanCu" ||
+                                                    notif.data.tipe ==
+                                                      "laporanTp"
+                                                      ? _c("span", [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-stats-bars2",
+                                                          }),
+                                                          _vm._v(
+                                                            " Laporan Statistik CU"
+                                                          ),
+                                                        ])
+                                                      : notif.data.tipe ==
+                                                        "diklatBKCU"
+                                                      ? _c("span", [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-graduation2",
+                                                          }),
+                                                          _vm._v(
+                                                            " Diklat BKCU"
+                                                          ),
+                                                        ])
+                                                      : notif.data.tipe ==
+                                                        "pertemuanBKCU"
+                                                      ? _c("span", [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-ungroup",
+                                                          }),
+                                                          _vm._v(
+                                                            " Pertemuan BKCU"
+                                                          ),
+                                                        ])
+                                                      : notif.data.tipe ==
+                                                        "selfAssesment"
+                                                      ? _c("span", [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-reading",
+                                                          }),
+                                                          _vm._v(
+                                                            " Self Assesment ACCESS"
+                                                          ),
+                                                        ])
+                                                      : notif.data.tipe ==
+                                                        "monitoring"
+                                                      ? _c("span", [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-collaboration",
+                                                          }),
+                                                          _vm._v(" Monitoring"),
+                                                        ])
+                                                      : notif.data.tipe ==
+                                                        "klaimJALINAN"
+                                                      ? _c("span", [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-accessibility2",
+                                                          }),
+                                                          _vm._v(
+                                                            " Bantuan Solidaritas Jalinan"
+                                                          ),
+                                                        ])
+                                                      : _c("span", [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-bubble-notification",
+                                                          }),
+                                                          _vm._v(" Notifikasi"),
+                                                        ]),
+                                                  ]
+                                                ),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    staticClass:
+                                                      "header-elements",
+                                                  },
+                                                  [
+                                                    _vm._v(
+                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                        _vm._s(
+                                                          _vm._f(
+                                                            "relativeHour"
+                                                          )(notif.created_at)
+                                                        ) +
+                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "div",
+                                              { staticClass: "card-body" },
+                                              [
+                                                _vm._v(
+                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                    _vm._s(notif.data.message) +
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
+                                            ),
+                                          ]
+                                        ),
+                                      ]
+                                    )
+                                  }
+                                ),
+                                0
+                              ),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "transition",
+                            {
+                              attrs: {
+                                "enter-active-class": "animated fadeIn",
+                                mode: "out-in",
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  directives: [
+                                    {
+                                      name: "show",
+                                      rawName: "v-show",
+                                      value: _vm.tabName == "laporanCu",
+                                      expression: "tabName == 'laporanCu'",
+                                    },
+                                  ],
+                                },
+                                _vm._l(
+                                  _vm.notification,
+                                  function (notif, index) {
+                                    return _c("div", { key: index }, [
+                                      notif.data.tipe == "laporanCu"
+                                        ? _c(
+                                            "div",
+                                            {
+                                              staticClass: "card",
+                                              class: {
+                                                "text-muted":
+                                                  notif.read_at != null,
+                                              },
+                                              staticStyle: {
+                                                cursor: "pointer",
+                                              },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.goToPage(notif)
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "card-header bg-white header-elements-inline",
+                                                },
+                                                [
+                                                  _c(
+                                                    "span",
+                                                    {
+                                                      staticClass: "card-title",
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-stats-bars2",
+                                                      }),
+                                                      _vm._v(
+                                                        " Laporan Statistik CU\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass:
+                                                        "header-elements",
+                                                    },
+                                                    [
+                                                      _vm._v(
+                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                          _vm._s(
+                                                            _vm._f(
+                                                              "relativeHour"
+                                                            )(notif.created_at)
+                                                          ) +
+                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-body" },
+                                                [
+                                                  _vm._v(
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                      _vm._s(
+                                                        notif.data.message
+                                                      ) +
+                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                  ),
+                                                ]
+                                              ),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                    ])
+                                  }
+                                ),
+                                0
+                              ),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "transition",
+                            {
+                              attrs: {
+                                "enter-active-class": "animated fadeIn",
+                                mode: "out-in",
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  directives: [
+                                    {
+                                      name: "show",
+                                      rawName: "v-show",
+                                      value: _vm.tabName == "diklatBKCU",
+                                      expression: "tabName == 'diklatBKCU'",
+                                    },
+                                  ],
+                                },
+                                _vm._l(
+                                  _vm.notification,
+                                  function (notif, index) {
+                                    return _c("div", { key: index }, [
+                                      notif.data.tipe == "diklatBKCU"
+                                        ? _c(
+                                            "div",
+                                            {
+                                              staticClass: "card",
+                                              class: {
+                                                "text-muted":
+                                                  notif.read_at != null,
+                                              },
+                                              staticStyle: {
+                                                cursor: "pointer",
+                                              },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.goToPage(notif)
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "card-header bg-white header-elements-inline",
+                                                },
+                                                [
+                                                  _c(
+                                                    "span",
+                                                    {
+                                                      staticClass: "card-title",
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-graduation2",
+                                                      }),
+                                                      _vm._v(
+                                                        " Diklat BKCU\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass:
+                                                        "header-elements",
+                                                    },
+                                                    [
+                                                      _vm._v(
+                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                          _vm._s(
+                                                            _vm._f(
+                                                              "relativeHour"
+                                                            )(notif.created_at)
+                                                          ) +
+                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-body" },
+                                                [
+                                                  _vm._v(
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                      _vm._s(
+                                                        notif.data.message
+                                                      ) +
+                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                  ),
+                                                ]
+                                              ),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                    ])
+                                  }
+                                ),
+                                0
+                              ),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "transition",
+                            {
+                              attrs: {
+                                "enter-active-class": "animated fadeIn",
+                                mode: "out-in",
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  directives: [
+                                    {
+                                      name: "show",
+                                      rawName: "v-show",
+                                      value: _vm.tabName == "pertemuanBKCU",
+                                      expression: "tabName == 'pertemuanBKCU'",
+                                    },
+                                  ],
+                                },
+                                _vm._l(
+                                  _vm.notification,
+                                  function (notif, index) {
+                                    return _c("div", { key: index }, [
+                                      notif.data.tipe == "pertemuanBKCU"
+                                        ? _c(
+                                            "div",
+                                            {
+                                              staticClass: "card",
+                                              class: {
+                                                "text-muted":
+                                                  notif.read_at != null,
+                                              },
+                                              staticStyle: {
+                                                cursor: "pointer",
+                                              },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.goToPage(notif)
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "card-header bg-white header-elements-inline",
+                                                },
+                                                [
+                                                  _c(
+                                                    "span",
+                                                    {
+                                                      staticClass: "card-title",
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-ungroup2",
+                                                      }),
+                                                      _vm._v(
+                                                        " Pertemuan BKCU\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass:
+                                                        "header-elements",
+                                                    },
+                                                    [
+                                                      _vm._v(
+                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                          _vm._s(
+                                                            _vm._f(
+                                                              "relativeHour"
+                                                            )(notif.created_at)
+                                                          ) +
+                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-body" },
+                                                [
+                                                  _vm._v(
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                      _vm._s(
+                                                        notif.data.message
+                                                      ) +
+                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                  ),
+                                                ]
+                                              ),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                    ])
+                                  }
+                                ),
+                                0
+                              ),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "transition",
+                            {
+                              attrs: {
+                                "enter-active-class": "animated fadeIn",
+                                mode: "out-in",
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  directives: [
+                                    {
+                                      name: "show",
+                                      rawName: "v-show",
+                                      value: _vm.tabName == "selfAssesment",
+                                      expression: "tabName == 'selfAssesment'",
+                                    },
+                                  ],
+                                },
+                                _vm._l(
+                                  _vm.notification,
+                                  function (notif, index) {
+                                    return _c("div", { key: index }, [
+                                      notif.data.tipe == "selfAssesment"
+                                        ? _c(
+                                            "div",
+                                            {
+                                              staticClass: "card",
+                                              class: {
+                                                "text-muted":
+                                                  notif.read_at != null,
+                                              },
+                                              staticStyle: {
+                                                cursor: "pointer",
+                                              },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.goToPage(notif)
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "card-header bg-white header-elements-inline",
+                                                },
+                                                [
+                                                  _c(
+                                                    "span",
+                                                    {
+                                                      staticClass: "card-title",
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-reading",
+                                                      }),
+                                                      _vm._v(
+                                                        " Self Assesment ACCESS\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass:
+                                                        "header-elements",
+                                                    },
+                                                    [
+                                                      _vm._v(
+                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                          _vm._s(
+                                                            _vm._f(
+                                                              "relativeHour"
+                                                            )(notif.created_at)
+                                                          ) +
+                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-body" },
+                                                [
+                                                  _vm._v(
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                      _vm._s(
+                                                        notif.data.message
+                                                      ) +
+                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                  ),
+                                                ]
+                                              ),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                    ])
+                                  }
+                                ),
+                                0
+                              ),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "transition",
+                            {
+                              attrs: {
+                                "enter-active-class": "animated fadeIn",
+                                mode: "out-in",
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  directives: [
+                                    {
+                                      name: "show",
+                                      rawName: "v-show",
+                                      value: _vm.tabName == "monitoring",
+                                      expression: "tabName == 'monitoring'",
+                                    },
+                                  ],
+                                },
+                                _vm._l(
+                                  _vm.notification,
+                                  function (notif, index) {
+                                    return _c("div", { key: index }, [
+                                      notif.data.tipe == "monitoring"
+                                        ? _c(
+                                            "div",
+                                            {
+                                              staticClass: "card",
+                                              class: {
+                                                "text-muted":
+                                                  notif.read_at != null,
+                                              },
+                                              staticStyle: {
+                                                cursor: "pointer",
+                                              },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.goToPage(notif)
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "card-header bg-white header-elements-inline",
+                                                },
+                                                [
+                                                  _c(
+                                                    "span",
+                                                    {
+                                                      staticClass: "card-title",
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-collaboration",
+                                                      }),
+                                                      _vm._v(
+                                                        " Monitoring\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass:
+                                                        "header-elements",
+                                                    },
+                                                    [
+                                                      _vm._v(
+                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                          _vm._s(
+                                                            _vm._f(
+                                                              "relativeHour"
+                                                            )(notif.created_at)
+                                                          ) +
+                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-body" },
+                                                [
+                                                  _vm._v(
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                      _vm._s(
+                                                        notif.data.message
+                                                      ) +
+                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                  ),
+                                                ]
+                                              ),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                    ])
+                                  }
+                                ),
+                                0
+                              ),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "transition",
+                            {
+                              attrs: {
+                                "enter-active-class": "animated fadeIn",
+                                mode: "out-in",
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  directives: [
+                                    {
+                                      name: "show",
+                                      rawName: "v-show",
+                                      value: _vm.tabName == "klaimJALINAN",
+                                      expression: "tabName == 'klaimJALINAN'",
+                                    },
+                                  ],
+                                },
+                                _vm._l(
+                                  _vm.notification,
+                                  function (notif, index) {
+                                    return _c("div", { key: index }, [
+                                      notif.data.tipe == "klaimJALINAN"
+                                        ? _c(
+                                            "div",
+                                            {
+                                              staticClass: "card",
+                                              class: {
+                                                "text-muted":
+                                                  notif.read_at != null,
+                                              },
+                                              staticStyle: {
+                                                cursor: "pointer",
+                                              },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.goToPage(notif)
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "card-header bg-white header-elements-inline",
+                                                },
+                                                [
+                                                  _c(
+                                                    "span",
+                                                    {
+                                                      staticClass: "card-title",
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-accessibility2",
+                                                      }),
+                                                      _vm._v(
+                                                        " Bantuan Solidaritas Jalinan\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass:
+                                                        "header-elements",
+                                                    },
+                                                    [
+                                                      _vm._v(
+                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                          _vm._s(
+                                                            _vm._f(
+                                                              "relativeHour"
+                                                            )(notif.created_at)
+                                                          ) +
+                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-body" },
+                                                [
+                                                  _vm._v(
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                      _vm._s(
+                                                        notif.data.message
+                                                      ) +
+                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                  ),
+                                                ]
+                                              ),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                    ])
+                                  }
+                                ),
+                                0
+                              ),
+                            ]
+                          ),
+                        ],
+                        1
+                      )
+                    : _c("div", [_vm._m(2)]),
+                ]),
+          ]),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
+            button: _vm.modalButton,
+            content: _vm.modalContent,
+          },
+          on: {
+            confirmOk: _vm.modalConfirmOk,
+            tutup: _vm.modalTutup,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v(_vm._s(_vm.modalTitle)),
+          ]),
+          _vm._v(" "),
+          _c("template", { slot: "modal-body1" }),
         ],
         2
       ),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-        },
-        on: {
-          tutup: _vm.modalTutup,
-          confirmOk: _vm.modalConfirmOk,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalTutup,
-        },
-      }),
     ],
     1
   )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      { staticClass: "alert bg-info text-white alert-styled-left " },
+      [
+        _c("span", { staticClass: "font-weight-semibold" }, [
+          _vm._v(
+            "Notifikasi yang ditampilkan adalah notifikasi selama 3 bulan terakhir.\n\t\t\t\t\t\t"
+          ),
+        ]),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h4", [_vm._v("Mohon tunggu...")]),
+        _vm._v(" "),
+        _c("div", { staticClass: "progress" }, [
+          _c(
+            "div",
+            {
+              staticClass:
+                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+              staticStyle: { width: "100%" },
+            },
+            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+          ),
+        ]),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h3", [_vm._v("Belum terdapat notifikasi apapun...")]),
+      ]),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelKategori/index.vue":
-/*!*************************************************************!*\
-  !*** ./resources/assets/js/views/artikelKategori/index.vue ***!
-  \*************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_81ee1edc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=81ee1edc& */ "./resources/assets/js/views/artikelKategori/index.vue?vue&type=template&id=81ee1edc&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelKategori/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -792,9 +1994,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_81ee1edc___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_81ee1edc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -804,54 +2006,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikelKategori/index.vue"
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelKategori/index.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelKategori/index.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelKategori/index.vue?vue&type=template&id=81ee1edc&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelKategori/index.vue?vue&type=template&id=81ee1edc& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_81ee1edc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=81ee1edc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/index.vue?vue&type=template&id=81ee1edc&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_81ee1edc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_81ee1edc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelKategori/table.vue":
-/*!*************************************************************!*\
-  !*** ./resources/assets/js/views/artikelKategori/table.vue ***!
-  \*************************************************************/
+/***/ "./resources/assets/js/views/sistem/notification.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/sistem/notification.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_78a4258e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=78a4258e& */ "./resources/assets/js/views/artikelKategori/table.vue?vue&type=template&id=78a4258e&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelKategori/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _notification_vue_vue_type_template_id_6c10fef8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./notification.vue?vue&type=template&id=6c10fef8& */ "./resources/assets/js/views/sistem/notification.vue?vue&type=template&id=6c10fef8&");
+/* harmony import */ var _notification_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./notification.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/sistem/notification.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -861,9 +2063,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_78a4258e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_78a4258e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _notification_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _notification_vue_vue_type_template_id_6c10fef8___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _notification_vue_vue_type_template_id_6c10fef8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -873,38 +2075,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikelKategori/table.vue"
+component.options.__file = "resources/assets/js/views/sistem/notification.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelKategori/table.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelKategori/table.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/sistem/notification.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/sistem/notification.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_notification_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./notification.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/notification.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_notification_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelKategori/table.vue?vue&type=template&id=78a4258e&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelKategori/table.vue?vue&type=template&id=78a4258e& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/views/sistem/notification.vue?vue&type=template&id=6c10fef8&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/sistem/notification.vue?vue&type=template&id=6c10fef8& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_78a4258e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=78a4258e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/table.vue?vue&type=template&id=78a4258e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_78a4258e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_notification_vue_vue_type_template_id_6c10fef8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./notification.vue?vue&type=template&id=6c10fef8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/notification.vue?vue&type=template&id=6c10fef8&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_notification_vue_vue_type_template_id_6c10fef8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_78a4258e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_notification_vue_vue_type_template_id_6c10fef8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/122.js b/public/js/components/122.js
index 91d2695bf..d9c8132d7 100644
--- a/public/js/components/122.js
+++ b/public/js/components/122.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[122],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/index.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelPenulis/index.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/index.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/index.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -13,7 +13,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 /* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/artikelPenulis/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/artikel/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -56,8 +56,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
 
 
 
@@ -72,15 +70,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Penulis Artikel',
-      kelas: 'artikelPenulis',
-      titleDesc: 'Mengelola data penulis artikel',
-      titleIcon: 'icon-pencil6',
-      selectCuPath: 'artikelPenulisCu'
+      title: 'Artikel',
+      kelas: 'artikel',
+      titleDesc: 'Mengelola data artikel',
+      titleIcon: 'icon-magazine',
+      selectCuPath: 'artikelCu'
     };
   },
   created: function created() {
-    this.checkUser('index_artikel_penulis', this.$route.params.cu);
+    this.checkUser('index_artikel', this.$route.params.cu);
   },
   methods: {
     checkUser: function checkUser(permission, id_cu) {
@@ -99,7 +97,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelPenulis', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikel', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -107,10 +105,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/table.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelPenulis/table.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/table.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/table.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -211,6 +209,37 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -241,7 +270,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         name: 'gambar',
         hide: false
       }, {
-        title: 'Nama',
+        title: 'Judul',
         name: 'name',
         tipe: 'string',
         sort: true,
@@ -250,30 +279,43 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         filter: true,
         filterDefault: true
       }, {
-        title: 'Profil',
-        name: 'deskripsi',
+        title: 'Kategori',
+        name: 'kategori.name',
         tipe: 'string',
-        sort: true,
+        sort: false,
         hide: false,
-        disable: false
+        disable: false,
+        filter: true
+      }, {
+        title: 'Penulis',
+        name: 'penulis.name',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
         title: 'CU',
         name: 'cu.name',
-        sort: true,
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Artikel',
-        name: 'has_artikel_count',
-        tipe: 'string',
+        title: 'Terbitkan',
+        name: 'terbitkan',
         sort: true,
         hide: false,
-        disable: false,
-        filter: true
+        disable: false
+      }, {
+        title: 'Utamakan',
+        name: 'utamakan',
+        sort: true,
+        hide: false,
+        disable: false
       }, {
-        title: 'Tgl. Buat',
+        title: 'Tgl. Tulis',
         name: 'created_at',
+        tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
@@ -281,6 +323,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }, {
         title: 'Tgl. Ubah',
         name: 'updated_at',
+        tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
@@ -290,6 +333,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       modalShow: false,
       modalState: '',
       modalTitle: '',
+      modalContent: '',
       modalButton: ''
     };
   },
@@ -306,11 +350,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       this.modalState = value;
       this.modalButton = 'Ok';
 
-      if (value === "success") {
+      if (value == "success") {
         this.modalTitle = this.updateMessage.message;
         this.modalContent = '';
         this.fetch();
-      } else if (value === "fail") {
+      } else if (value == "fail") {
         this.modalContent = this.updateMessage;
       } else {
         this.modalContent = '';
@@ -330,13 +374,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
     },
     disableColumnCu: function disableColumnCu(status) {
-      this.columnData[4].disable = status;
-    },
-    resetParams: function resetParams() {
-      this.params.search_column = 'name';
-      this.params.search_query_1 = '';
-      this.extSearchColumn = 'name';
-      this.extSearchQuery1 = '';
+      this.columnData[5].disable = status;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
@@ -349,16 +387,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         }
       });
     },
-    lihatArtikel: function lihatArtikel(id, id_cu) {
-      this.$store.dispatch(this.kelas + '/resetDataStat');
-      this.$router.push({
-        name: 'artikelFilterPenulisCu',
-        params: {
-          cu: id_cu,
-          penulis: id
-        }
-      });
-    },
     modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
       this.modalState = 'confirm-tutup';
@@ -371,6 +399,22 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       if (state == 'hapus') {
         this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
         this.modalButton = 'Iya, Hapus';
+      } else if (state == 'updateTerbitkan') {
+        if (this.selectedItem.terbitkan == 0) {
+          this.modalTitle = 'Terbitkan ' + this.title + ' ' + this.selectedItem.name + ' ?';
+          this.modalButton = 'Iya, terbitkan';
+        } else {
+          this.modalTitle = 'Tidak terbitkan ' + this.title + ' ' + this.selectedItem.name + ' ?';
+          this.modalButton = 'Iya, tidak terbitkan';
+        }
+      } else if (state == 'updateUtamakan') {
+        if (this.selectedItem.utamakan == 0) {
+          this.modalTitle = 'Utamakan ' + this.title + ' ' + this.selectedItem.name + ' ?';
+          this.modalButton = 'Iya, utamakan';
+        } else {
+          this.modalTitle = 'Tidak utamakan ' + this.title + ' ' + this.selectedItem.name + ' ?';
+          this.modalButton = 'Iya, tidak utamakan';
+        }
       }
     },
     modalTutup: function modalTutup() {
@@ -380,30 +424,40 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     modalConfirmOk: function modalConfirmOk() {
       if (this.state == 'hapus') {
         this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      } else if (this.state == "updateTerbitkan") {
+        this.$store.dispatch(this.kelas + '/updateTerbitkan', this.selectedItem.id);
+      } else if (this.state == "updateUtamakan") {
+        this.$store.dispatch(this.kelas + '/updateUtamakan', this.selectedItem.id);
       }
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
     idCu: 'idCu'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
     modelCu: 'dataS',
     modelCuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelPenulis', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikel', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
     updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelKategori', {
+    modelKategori: 'data',
+    modelKategoriStat: 'dataStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelPenulis', {
+    modelPenulis: 'data',
+    modelPenulisStat: 'dataStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/index.vue?vue&type=template&id=ea9c6bf8&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelPenulis/index.vue?vue&type=template&id=ea9c6bf8& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/index.vue?vue&type=template&id=47768de8&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/index.vue?vue&type=template&id=47768de8& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -470,10 +524,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/table.vue?vue&type=template&id=444cff00&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelPenulis/table.vue?vue&type=template&id=444cff00& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/table.vue?vue&type=template&id=d44023f0&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/table.vue?vue&type=template&id=d44023f0& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -498,7 +552,6 @@ var render = function () {
             query: _vm.query,
             itemDataStat: _vm.itemDataStat,
             excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
@@ -511,7 +564,7 @@ var render = function () {
                     {
                       staticClass: "text-nowrap",
                       class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
+                        "bg-info": _vm.selectedItem.id == props.item.id,
                       },
                       on: {
                         click: function ($event) {
@@ -543,7 +596,7 @@ var render = function () {
                                   staticClass: "img-rounded img-fluid wmin-sm",
                                   attrs: {
                                     src:
-                                      "/images/penulis/" +
+                                      "/images/artikel/" +
                                       props.item.gambar +
                                       "n.jpg",
                                     width: "40",
@@ -571,13 +624,15 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[3].hide
+                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.deskripsi },
-                              }),
+                              props.item.kategori
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.kategori.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
@@ -587,30 +642,55 @@ var render = function () {
                         ? _c(
                             "td",
                             [
-                              props.item.cu
+                              props.item.penulis
                                 ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.cu.name,
-                                      empty: _vm.columnData[4].groupNoKey,
-                                    },
+                                    attrs: { value: props.item.penulis.name },
                                   })
-                                : _c("span", [
-                                    _vm._v(
-                                      _vm._s(_vm.columnData[4].groupNoKey)
-                                    ),
-                                  ]),
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c("td", [
-                            _vm._v(_vm._s(props.item.has_artikel_count)),
-                          ])
+                      !_vm.columnData[5].hide && !_vm.columnData[5].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.cu
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.cu.name },
+                                  })
+                                : _c("span", [_vm._v("PUSKOPCUINA")]),
+                            ],
+                            1
+                          )
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[6].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.checkStatus(
+                                  props.item.terbitkan
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.checkStatus(
+                                  props.item.utamakan
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
                         ? _c("td", {
                             domProps: {
                               innerHTML: _vm._s(
@@ -622,7 +702,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[7].hide
+                      !_vm.columnData[9].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -649,8 +729,7 @@ var render = function () {
             "template",
             { slot: "button-desktop" },
             [
-              _vm.currentUser.can &&
-              _vm.currentUser.can["create_artikel_penulis"]
+              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
                 ? _c(
                     "router-link",
                     {
@@ -664,8 +743,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["update_artikel_penulis"]
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
                 ? _c(
                     "button",
                     {
@@ -674,7 +752,10 @@ var render = function () {
                       on: {
                         click: function ($event) {
                           $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
+                          return _vm.ubahData(
+                            _vm.selectedItem.id,
+                            _vm.selectedItem.id_cu
+                          )
                         },
                       },
                     },
@@ -685,8 +766,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["destroy_artikel_penulis"]
+              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
                 ? _c(
                     "button",
                     {
@@ -705,6 +785,54 @@ var render = function () {
                     ]
                   )
                 : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["terbitkan_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("updateTerbitkan")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-upload" }),
+                      _vm._v(" "),
+                      _vm.selectedItem.terbitkan == 1
+                        ? _c("span", [_vm._v("Tidak Terbitkan")])
+                        : _c("span", [_vm._v("Terbitkan")]),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["utamakan_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("updateUtamakan")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pushpin" }),
+                      _vm._v(" "),
+                      _vm.selectedItem.utamakan == 1
+                        ? _c("span", [_vm._v("Tidak Utamakan")])
+                        : _c("span", [_vm._v("Utamakan")]),
+                    ]
+                  )
+                : _vm._e(),
             ],
             1
           ),
@@ -713,8 +841,7 @@ var render = function () {
             "template",
             { slot: "button-mobile" },
             [
-              _vm.currentUser.can &&
-              _vm.currentUser.can["create_artikel_penulis"]
+              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
                 ? _c(
                     "router-link",
                     {
@@ -728,8 +855,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["update_artikel_penulis"]
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
                 ? _c(
                     "button",
                     {
@@ -738,7 +864,10 @@ var render = function () {
                       on: {
                         click: function ($event) {
                           $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
+                          return _vm.ubahData(
+                            _vm.selectedItem.id,
+                            _vm.selectedItem.id_cu
+                          )
                         },
                       },
                     },
@@ -749,8 +878,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["destroy_artikel_penulis"]
+              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
                 ? _c(
                     "button",
                     {
@@ -769,6 +897,54 @@ var render = function () {
                     ]
                   )
                 : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["terbitkan_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("updateTerbitkan")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-upload" }),
+                      _vm._v(" "),
+                      _vm.selectedItem.terbitkan == 1
+                        ? _c("span", [_vm._v("Tidak Terbitkan")])
+                        : _c("span", [_vm._v("Terbitkan")]),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["utamakan_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("updateUtamakan")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pushpin" }),
+                      _vm._v(" "),
+                      _vm.selectedItem.utamakan == 1
+                        ? _c("span", [_vm._v("Tidak Utamakan")])
+                        : _c("span", [_vm._v("Utamakan")]),
+                    ]
+                  )
+                : _vm._e(),
             ],
             1
           ),
@@ -781,6 +957,7 @@ var render = function () {
           show: _vm.modalShow,
           state: _vm.modalState,
           title: _vm.modalTitle,
+          content: _vm.modalContent,
           button: _vm.modalButton,
         },
         on: {
@@ -802,17 +979,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelPenulis/index.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/artikelPenulis/index.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/views/artikel/index.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/views/artikel/index.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_ea9c6bf8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=ea9c6bf8& */ "./resources/assets/js/views/artikelPenulis/index.vue?vue&type=template&id=ea9c6bf8&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelPenulis/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_47768de8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=47768de8& */ "./resources/assets/js/views/artikel/index.vue?vue&type=template&id=47768de8&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikel/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -823,8 +1000,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_ea9c6bf8___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_ea9c6bf8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_47768de8___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_47768de8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -834,54 +1011,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikelPenulis/index.vue"
+component.options.__file = "resources/assets/js/views/artikel/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelPenulis/index.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelPenulis/index.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/artikel/index.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/views/artikel/index.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelPenulis/index.vue?vue&type=template&id=ea9c6bf8&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelPenulis/index.vue?vue&type=template&id=ea9c6bf8& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/artikel/index.vue?vue&type=template&id=47768de8&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikel/index.vue?vue&type=template&id=47768de8& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ea9c6bf8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=ea9c6bf8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/index.vue?vue&type=template&id=ea9c6bf8&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ea9c6bf8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_47768de8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=47768de8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/index.vue?vue&type=template&id=47768de8&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_47768de8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ea9c6bf8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_47768de8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelPenulis/table.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/artikelPenulis/table.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/views/artikel/table.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/views/artikel/table.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_444cff00___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=444cff00& */ "./resources/assets/js/views/artikelPenulis/table.vue?vue&type=template&id=444cff00&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelPenulis/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_d44023f0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=d44023f0& */ "./resources/assets/js/views/artikel/table.vue?vue&type=template&id=d44023f0&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikel/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -892,8 +1069,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_444cff00___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_444cff00___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_d44023f0___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_d44023f0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -903,38 +1080,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikelPenulis/table.vue"
+component.options.__file = "resources/assets/js/views/artikel/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelPenulis/table.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelPenulis/table.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/artikel/table.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/views/artikel/table.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelPenulis/table.vue?vue&type=template&id=444cff00&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelPenulis/table.vue?vue&type=template&id=444cff00& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/artikel/table.vue?vue&type=template&id=d44023f0&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikel/table.vue?vue&type=template&id=d44023f0& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_444cff00___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=444cff00& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/table.vue?vue&type=template&id=444cff00&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_444cff00___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d44023f0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=d44023f0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/table.vue?vue&type=template&id=d44023f0&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d44023f0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_444cff00___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d44023f0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/123.js b/public/js/components/123.js
index 8a3bec444..9bcbe1a83 100644
--- a/public/js/components/123.js
+++ b/public/js/components/123.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[123],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/index.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/index.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/index.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelKategori/index.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -13,7 +13,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 /* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/dokumen/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/artikelKategori/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -56,7 +56,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
 
 
 
@@ -71,18 +70,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Dokumen',
-      kelas: 'dokumen',
-      titleDesc: 'Mengelola data dokumen',
-      titleIcon: 'icon-books',
-      selectCuPath: 'dokumenCu'
+      title: 'Kategori Artikel',
+      kelas: 'artikelKategori',
+      titleDesc: 'Mengelola data kategori artikel',
+      titleIcon: 'icon-grid6',
+      selectCuPath: 'artikelKategoriCu'
     };
   },
   created: function created() {
-    // if(this.$route.meta.mode != 'gerakanPublik'){
-    // 	this.checkUser('index_dokumen',this.$route.params.cu);
-    // }
-    this.checkMode();
+    this.checkUser('index_artikel_kategori', this.$route.params.cu);
   },
   methods: {
     checkUser: function checkUser(permission, id_cu) {
@@ -97,20 +93,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
           }
         }
       }
-    },
-    checkMode: function checkMode() {
-      if (this.$route.meta.mode == 'gerakanPublik') {
-        this.title = 'Dokumen Gerakan & Publik';
-        this.titleDesc = 'Mengelola data dokumen gerakan & publik';
-      } else {
-        this.title = 'Dokumen';
-        this.titleDesc = 'Mengelola data dokumen';
-      }
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumen', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelKategori', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -118,10 +105,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/table.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/table.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/table.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelKategori/table.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -131,8 +118,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
 /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
 /* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");
-/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_4__);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -220,48 +205,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -286,7 +229,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       excelDownloadUrl: '',
       columnData: [{
         title: 'No.',
-        name: 'No.'
+        name: 'No.',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false
       }, {
         title: 'Nama',
         name: 'name',
@@ -297,41 +244,28 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         filter: true,
         filterDefault: true
       }, {
-        title: 'Kategori',
-        name: 'kategori.name',
+        title: 'Keterangan',
+        name: 'deskripsi',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
-      }, {
-        title: 'Status',
-        name: 'status',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
       }, {
         title: 'CU',
         name: 'cu.name',
+        tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Keterangan',
-        name: 'keterangan',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tipe',
-        name: 'tipe',
+        title: 'Artikel',
+        name: 'has_artikel_count',
+        tipe: 'numeric',
         sort: true,
         hide: false,
-        disable: false,
-        filter: true
+        disable: false
       }, {
         title: 'Tgl. Buat',
         name: 'created_at',
@@ -353,7 +287,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       modalShow: false,
       modalState: '',
       modalTitle: '',
-      modalContent: '',
       modalButton: ''
     };
   },
@@ -370,11 +303,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       this.modalState = value;
       this.modalButton = 'Ok';
 
-      if (value == "success") {
+      if (value === "success") {
         this.modalTitle = this.updateMessage.message;
         this.modalContent = '';
-        this.fetch();
-      } else if (value == "fail") {
+        this.fetch(this.query);
+      } else if (value === "fail") {
         this.modalContent = this.updateMessage;
       } else {
         this.modalContent = '';
@@ -383,35 +316,29 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   methods: {
     fetch: function fetch(params) {
-      if (this.$route.meta.mode != 'gerakanPublik') {
-        if (this.$route.params.cu == 'semua') {
-          this.disableColumnCu(false);
-          this.$store.dispatch(this.kelas + '/index', params);
-          this.excelDownloadUrl = this.kelas;
-        } else {
-          this.disableColumnCu(true);
-          this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
-          this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
-        }
+      if (this.$route.params.cu == 'semua') {
+        this.disableColumnCu(false);
+        this.$store.dispatch(this.kelas + '/index', params);
+        this.excelDownloadUrl = this.kelas;
       } else {
-        if (this.$route.params.cu == 'semua') {
-          this.disableColumnCu(false);
-          this.$store.dispatch(this.kelas + '/indexGerakanPublik', params);
-          this.excelDownloadUrl = this.kelas;
-        } else {
-          this.disableColumnCu(true);
-          this.$store.dispatch(this.kelas + '/indexGerakanPublikCu', [params, this.$route.params.cu]);
-          this.excelDownloadUrl = this.kelas + '/indexGerakanPublikCu/' + this.$route.params.cu;
-        }
+        this.disableColumnCu(true);
+        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
+        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
       }
     },
     disableColumnCu: function disableColumnCu(status) {
-      this.columnData[4].disable = status;
+      this.columnData[3].disable = status;
+    },
+    resetParams: function resetParams() {
+      this.params.search_column = 'name';
+      this.params.search_query_1 = '';
+      this.extSearchColumn = 'name';
+      this.extSearchQuery1 = '';
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    ubahData: function ubahData(id) {
+    ubahData: function ubahData(id, id_cu) {
       this.$router.push({
         name: this.kelas + 'Edit',
         params: {
@@ -419,7 +346,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         }
       });
     },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+    lihatArtikel: function lihatArtikel(id, id_cu) {
+      this.$store.dispatch('artikelKategori/resetDataStat');
+      this.$router.push({
+        name: 'artikelFilterKategoriCu',
+        params: {
+          cu: id_cu,
+          kategori: id
+        }
+      });
+    },
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
       this.modalState = 'confirm-tutup';
       this.state = state;
@@ -441,13 +378,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       if (this.state == 'hapus') {
         this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
       }
-    },
-    downloadMateri: function downloadMateri(filename) {
-      axios.get('/api/download_folder/' + filename + '/dokumen', {
-        responseType: 'blob'
-      }).then(function (response) {
-        file_saver__WEBPACK_IMPORTED_MODULE_4___default.a.saveAs(response.data, filename);
-      });
     }
   },
   computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
@@ -457,7 +387,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
     modelCu: 'dataS',
     modelCuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumen', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelKategori', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -467,10 +397,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/index.vue?vue&type=template&id=c3ea39be&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/index.vue?vue&type=template&id=c3ea39be& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/index.vue?vue&type=template&id=81ee1edc&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelKategori/index.vue?vue&type=template&id=81ee1edc& ***!
+  \**************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -537,10 +467,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/table.vue?vue&type=template&id=57a6181d&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/table.vue?vue&type=template&id=57a6181d& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/table.vue?vue&type=template&id=78a4258e&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelKategori/table.vue?vue&type=template&id=78a4258e& ***!
+  \**************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -565,6 +495,7 @@ var render = function () {
             query: _vm.query,
             itemDataStat: _vm.itemDataStat,
             excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
@@ -577,7 +508,7 @@ var render = function () {
                     {
                       staticClass: "text-nowrap",
                       class: {
-                        "bg-info": _vm.selectedItem.id == props.item.id,
+                        "bg-info": _vm.selectedItem.id === props.item.id,
                       },
                       on: {
                         click: function ($event) {
@@ -614,39 +545,28 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[2].hide && !_vm.columnData[2].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.kategori
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.kategori.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
+                      !_vm.columnData[2].hide
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.status },
+                                attrs: { value: props.item.deskripsi },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[4].hide && !_vm.columnData[4].disable
+                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
                         ? _c(
                             "td",
                             [
                               props.item.cu
                                 ? _c("check-value", {
-                                    attrs: { value: props.item.cu.name },
+                                    attrs: {
+                                      value: props.item.cu.name,
+                                      empty: _vm.columnData[3].groupNoKey,
+                                    },
                                   })
                                 : _c("span", [_vm._v("PUSKOPCUINA")]),
                             ],
@@ -654,31 +574,13 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.keterangan },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.tipe },
-                              }),
-                            ],
-                            1
-                          )
+                      !_vm.columnData[4].hide
+                        ? _c("td", [
+                            _vm._v(_vm._s(props.item.has_artikel_count)),
+                          ])
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[7].hide
+                      !_vm.columnData[5].hide
                         ? _c("td", {
                             domProps: {
                               innerHTML: _vm._s(
@@ -690,7 +592,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[8].hide
+                      !_vm.columnData[6].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -717,68 +619,23 @@ var render = function () {
             "template",
             { slot: "button-desktop" },
             [
-              _vm.$route.meta.mode != "gerakanPublik"
-                ? [
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["create_" + _vm.kelas]
-                      ? _c(
-                          "router-link",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { to: { name: _vm.kelas + "Create" } },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-plus3" }),
-                            _vm._v(" Tambah\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_" + _vm.kelas]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.ubahData(_vm.selectedItem.id)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-pencil5" }),
-                            _vm._v(" Ubah\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["destroy_" + _vm.kelas]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalOpen("hapus")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-bin2" }),
-                            _vm._v(" Hapus\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                  ]
+              _vm.currentUser.can &&
+              _vm.currentUser.can["create_artikel_kategori"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.selectedItem.format == "upload"
+              _vm.currentUser.can &&
+              _vm.currentUser.can["update_artikel_kategori"]
                 ? _c(
                     "button",
                     {
@@ -787,112 +644,62 @@ var render = function () {
                       on: {
                         click: function ($event) {
                           $event.preventDefault()
-                          return _vm.downloadMateri(_vm.selectedItem.filename)
+                          return _vm.ubahData(_vm.selectedItem.id)
                         },
                       },
                     },
                     [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat\n\t\t\t"),
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
                     ]
                   )
-                : _vm.selectedItem.format == "link"
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["destroy_artikel_kategori"]
                 ? _c(
-                    "a",
+                    "button",
                     {
                       staticClass: "btn btn-light mb-1",
-                      attrs: {
-                        type: "button",
-                        href: _vm.selectedItem.link,
-                        target: "_blank",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
                       },
                     },
                     [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat\n\t\t\t"),
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
                     ]
                   )
-                : _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { type: "button", disabled: "" },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat\n\t\t\t"),
-                    ]
-                  ),
+                : _vm._e(),
             ],
-            2
+            1
           ),
           _vm._v(" "),
           _c(
             "template",
             { slot: "button-mobile" },
             [
-              _vm.$route.meta.mode != "gerakanPublik"
-                ? [
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["create_" + _vm.kelas]
-                      ? _c(
-                          "router-link",
-                          {
-                            staticClass: "btn btn-light btn-block mb-1",
-                            attrs: { to: { name: _vm.kelas + "Create" } },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-plus3" }),
-                            _vm._v(" Tambah\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_" + _vm.kelas]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-block mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.ubahData(_vm.selectedItem.id)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-pencil5" }),
-                            _vm._v(" Ubah\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["destroy_" + _vm.kelas]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-block mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalOpen("hapus")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-bin2" }),
-                            _vm._v(" Hapus\n\t\t\t\t"),
-                          ]
-                        )
-                      : _vm._e(),
-                  ]
+              _vm.currentUser.can &&
+              _vm.currentUser.can["create_artikel_kategori"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.selectedItem.format == "upload"
+              _vm.currentUser.can &&
+              _vm.currentUser.can["update_artikel_kategori"]
                 ? _c(
                     "button",
                     {
@@ -901,44 +708,39 @@ var render = function () {
                       on: {
                         click: function ($event) {
                           $event.preventDefault()
-                          return _vm.downloadMateri(_vm.selectedItem.filename)
+                          return _vm.ubahData(_vm.selectedItem.id)
                         },
                       },
                     },
                     [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat\n\t\t\t"),
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
                     ]
                   )
-                : _vm.selectedItem.format == "link"
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["destroy_artikel_kategori"]
                 ? _c(
-                    "a",
+                    "button",
                     {
                       staticClass: "btn btn-light btn-block mb-1",
-                      attrs: {
-                        type: "button",
-                        href: _vm.selectedItem.link,
-                        target: "_blank",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
                       },
                     },
                     [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat\n\t\t\t"),
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
                     ]
                   )
-                : _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { type: "button", disabled: "" },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat\n\t\t\t"),
-                    ]
-                  ),
+                : _vm._e(),
             ],
-            2
+            1
           ),
         ],
         2
@@ -949,7 +751,6 @@ var render = function () {
           show: _vm.modalShow,
           state: _vm.modalState,
           title: _vm.modalTitle,
-          content: _vm.modalContent,
           button: _vm.modalButton,
         },
         on: {
@@ -971,17 +772,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumen/index.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/views/dokumen/index.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/artikelKategori/index.vue":
+/*!*************************************************************!*\
+  !*** ./resources/assets/js/views/artikelKategori/index.vue ***!
+  \*************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_c3ea39be___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=c3ea39be& */ "./resources/assets/js/views/dokumen/index.vue?vue&type=template&id=c3ea39be&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumen/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_81ee1edc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=81ee1edc& */ "./resources/assets/js/views/artikelKategori/index.vue?vue&type=template&id=81ee1edc&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelKategori/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -992,8 +793,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_c3ea39be___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_c3ea39be___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_81ee1edc___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_81ee1edc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1003,54 +804,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/dokumen/index.vue"
+component.options.__file = "resources/assets/js/views/artikelKategori/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumen/index.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumen/index.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/artikelKategori/index.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelKategori/index.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumen/index.vue?vue&type=template&id=c3ea39be&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumen/index.vue?vue&type=template&id=c3ea39be& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/artikelKategori/index.vue?vue&type=template&id=81ee1edc&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelKategori/index.vue?vue&type=template&id=81ee1edc& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_c3ea39be___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=c3ea39be& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/index.vue?vue&type=template&id=c3ea39be&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_c3ea39be___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_81ee1edc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=81ee1edc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/index.vue?vue&type=template&id=81ee1edc&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_81ee1edc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_c3ea39be___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_81ee1edc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumen/table.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/views/dokumen/table.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/artikelKategori/table.vue":
+/*!*************************************************************!*\
+  !*** ./resources/assets/js/views/artikelKategori/table.vue ***!
+  \*************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_57a6181d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=57a6181d& */ "./resources/assets/js/views/dokumen/table.vue?vue&type=template&id=57a6181d&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumen/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_78a4258e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=78a4258e& */ "./resources/assets/js/views/artikelKategori/table.vue?vue&type=template&id=78a4258e&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelKategori/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1061,8 +862,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_57a6181d___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_57a6181d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_78a4258e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_78a4258e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1072,38 +873,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/dokumen/table.vue"
+component.options.__file = "resources/assets/js/views/artikelKategori/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumen/table.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumen/table.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/artikelKategori/table.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelKategori/table.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumen/table.vue?vue&type=template&id=57a6181d&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumen/table.vue?vue&type=template&id=57a6181d& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/artikelKategori/table.vue?vue&type=template&id=78a4258e&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelKategori/table.vue?vue&type=template&id=78a4258e& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_57a6181d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=57a6181d& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/table.vue?vue&type=template&id=57a6181d&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_57a6181d___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_78a4258e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=78a4258e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/table.vue?vue&type=template&id=78a4258e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_78a4258e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_57a6181d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_78a4258e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/124.js b/public/js/components/124.js
index 29cd31845..6e4763d7e 100644
--- a/public/js/components/124.js
+++ b/public/js/components/124.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[124],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/index.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumenKategori/index.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/index.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelPenulis/index.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -13,7 +13,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 /* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/dokumenKategori/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/artikelPenulis/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -56,6 +56,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
 
 
 
@@ -70,15 +72,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Kategori Dokumen',
-      kelas: 'dokumenKategori',
-      titleDesc: 'Mengelola data kategori dokumen',
-      titleIcon: 'icon-grid6',
-      selectCuPath: 'dokumenKategoriCu'
+      title: 'Penulis Artikel',
+      kelas: 'artikelPenulis',
+      titleDesc: 'Mengelola data penulis artikel',
+      titleIcon: 'icon-pencil6',
+      selectCuPath: 'artikelPenulisCu'
     };
   },
   created: function created() {
-    this.checkUser('index_dokumen_kategori', this.$route.params.cu);
+    this.checkUser('index_artikel_penulis', this.$route.params.cu);
   },
   methods: {
     checkUser: function checkUser(permission, id_cu) {
@@ -97,7 +99,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumenKategori', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelPenulis', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -105,10 +107,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/table.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumenKategori/table.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/table.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelPenulis/table.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -205,6 +207,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
 
 
 
@@ -229,11 +235,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       excelDownloadUrl: '',
       columnData: [{
         title: 'No.',
-        name: 'No.',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false
+        name: 'No.'
+      }, {
+        title: 'Foto',
+        name: 'gambar',
+        hide: false
       }, {
         title: 'Nama',
         name: 'name',
@@ -244,32 +250,30 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         filter: true,
         filterDefault: true
       }, {
-        title: 'Keterangan',
+        title: 'Profil',
         name: 'deskripsi',
         tipe: 'string',
-        sort: false,
+        sort: true,
         hide: false,
-        disable: false,
-        filter: true
+        disable: false
       }, {
         title: 'CU',
         name: 'cu.name',
-        tipe: 'string',
-        sort: false,
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Dokumen',
-        name: 'has_dokumen_count',
-        tipe: 'numeric',
+        title: 'Artikel',
+        name: 'has_artikel_count',
+        tipe: 'string',
         sort: true,
         hide: false,
-        disable: false
+        disable: false,
+        filter: true
       }, {
         title: 'Tgl. Buat',
         name: 'created_at',
-        tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
@@ -277,7 +281,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }, {
         title: 'Tgl. Ubah',
         name: 'updated_at',
-        tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
@@ -306,7 +309,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       if (value === "success") {
         this.modalTitle = this.updateMessage.message;
         this.modalContent = '';
-        this.fetch(this.query);
+        this.fetch();
       } else if (value === "fail") {
         this.modalContent = this.updateMessage;
       } else {
@@ -327,7 +330,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
     },
     disableColumnCu: function disableColumnCu(status) {
-      this.columnData[3].disable = status;
+      this.columnData[4].disable = status;
     },
     resetParams: function resetParams() {
       this.params.search_column = 'name';
@@ -346,13 +349,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         }
       });
     },
-    lihatDokumen: function lihatDokumen(id, id_cu) {
-      this.$store.dispatch('dokumenKategori/resetDataStat');
+    lihatArtikel: function lihatArtikel(id, id_cu) {
+      this.$store.dispatch(this.kelas + '/resetDataStat');
       this.$router.push({
-        name: 'dokumenFilterKategoriCu',
+        name: 'artikelFilterPenulisCu',
         params: {
           cu: id_cu,
-          kategori: id
+          penulis: id
         }
       });
     },
@@ -387,7 +390,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
     modelCu: 'dataS',
     modelCuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumenKategori', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelPenulis', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -397,10 +400,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/index.vue?vue&type=template&id=82bb94b2&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumenKategori/index.vue?vue&type=template&id=82bb94b2& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/index.vue?vue&type=template&id=ea9c6bf8&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelPenulis/index.vue?vue&type=template&id=ea9c6bf8& ***!
+  \*************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -467,10 +470,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/table.vue?vue&type=template&id=783d6aa3&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumenKategori/table.vue?vue&type=template&id=783d6aa3& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/table.vue?vue&type=template&id=444cff00&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelPenulis/table.vue?vue&type=template&id=444cff00& ***!
+  \*************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -534,6 +537,29 @@ var render = function () {
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[1].hide
+                        ? _c("td", [
+                            props.item.gambar
+                              ? _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src:
+                                      "/images/penulis/" +
+                                      props.item.gambar +
+                                      "n.jpg",
+                                    width: "40",
+                                  },
+                                })
+                              : _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src: "/images/no_image.jpg",
+                                    width: "40",
+                                  },
+                                }),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
                         ? _c(
                             "td",
                             [
@@ -545,7 +571,7 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[2].hide
+                      !_vm.columnData[3].hide
                         ? _c(
                             "td",
                             [
@@ -557,7 +583,7 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
+                      !_vm.columnData[4].hide && !_vm.columnData[4].disable
                         ? _c(
                             "td",
                             [
@@ -565,22 +591,26 @@ var render = function () {
                                 ? _c("check-value", {
                                     attrs: {
                                       value: props.item.cu.name,
-                                      empty: _vm.columnData[3].groupNoKey,
+                                      empty: _vm.columnData[4].groupNoKey,
                                     },
                                   })
-                                : _c("span", [_vm._v("PUSKOPCUINA")]),
+                                : _c("span", [
+                                    _vm._v(
+                                      _vm._s(_vm.columnData[4].groupNoKey)
+                                    ),
+                                  ]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[4].hide
+                      !_vm.columnData[5].hide
                         ? _c("td", [
-                            _vm._v(_vm._s(props.item.has_dokumen_count)),
+                            _vm._v(_vm._s(props.item.has_artikel_count)),
                           ])
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[5].hide
+                      !_vm.columnData[6].hide
                         ? _c("td", {
                             domProps: {
                               innerHTML: _vm._s(
@@ -592,7 +622,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[6].hide
+                      !_vm.columnData[7].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -620,7 +650,7 @@ var render = function () {
             { slot: "button-desktop" },
             [
               _vm.currentUser.can &&
-              _vm.currentUser.can["create_dokumen_kategori"]
+              _vm.currentUser.can["create_artikel_penulis"]
                 ? _c(
                     "router-link",
                     {
@@ -635,7 +665,7 @@ var render = function () {
                 : _vm._e(),
               _vm._v(" "),
               _vm.currentUser.can &&
-              _vm.currentUser.can["update_dokumen_kategori"]
+              _vm.currentUser.can["update_artikel_penulis"]
                 ? _c(
                     "button",
                     {
@@ -656,7 +686,7 @@ var render = function () {
                 : _vm._e(),
               _vm._v(" "),
               _vm.currentUser.can &&
-              _vm.currentUser.can["destroy_dokumen_kategori"]
+              _vm.currentUser.can["destroy_artikel_penulis"]
                 ? _c(
                     "button",
                     {
@@ -684,7 +714,7 @@ var render = function () {
             { slot: "button-mobile" },
             [
               _vm.currentUser.can &&
-              _vm.currentUser.can["create_dokumen_kategori"]
+              _vm.currentUser.can["create_artikel_penulis"]
                 ? _c(
                     "router-link",
                     {
@@ -699,7 +729,7 @@ var render = function () {
                 : _vm._e(),
               _vm._v(" "),
               _vm.currentUser.can &&
-              _vm.currentUser.can["update_dokumen_kategori"]
+              _vm.currentUser.can["update_artikel_penulis"]
                 ? _c(
                     "button",
                     {
@@ -720,7 +750,7 @@ var render = function () {
                 : _vm._e(),
               _vm._v(" "),
               _vm.currentUser.can &&
-              _vm.currentUser.can["destroy_dokumen_kategori"]
+              _vm.currentUser.can["destroy_artikel_penulis"]
                 ? _c(
                     "button",
                     {
@@ -772,17 +802,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumenKategori/index.vue":
-/*!*************************************************************!*\
-  !*** ./resources/assets/js/views/dokumenKategori/index.vue ***!
-  \*************************************************************/
+/***/ "./resources/assets/js/views/artikelPenulis/index.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/artikelPenulis/index.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_82bb94b2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=82bb94b2& */ "./resources/assets/js/views/dokumenKategori/index.vue?vue&type=template&id=82bb94b2&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumenKategori/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_ea9c6bf8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=ea9c6bf8& */ "./resources/assets/js/views/artikelPenulis/index.vue?vue&type=template&id=ea9c6bf8&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelPenulis/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -793,8 +823,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_82bb94b2___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_82bb94b2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_ea9c6bf8___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_ea9c6bf8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -804,54 +834,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/dokumenKategori/index.vue"
+component.options.__file = "resources/assets/js/views/artikelPenulis/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumenKategori/index.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumenKategori/index.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/artikelPenulis/index.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelPenulis/index.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumenKategori/index.vue?vue&type=template&id=82bb94b2&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumenKategori/index.vue?vue&type=template&id=82bb94b2& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/views/artikelPenulis/index.vue?vue&type=template&id=ea9c6bf8&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelPenulis/index.vue?vue&type=template&id=ea9c6bf8& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_82bb94b2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=82bb94b2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/index.vue?vue&type=template&id=82bb94b2&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_82bb94b2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ea9c6bf8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=ea9c6bf8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/index.vue?vue&type=template&id=ea9c6bf8&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ea9c6bf8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_82bb94b2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ea9c6bf8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumenKategori/table.vue":
-/*!*************************************************************!*\
-  !*** ./resources/assets/js/views/dokumenKategori/table.vue ***!
-  \*************************************************************/
+/***/ "./resources/assets/js/views/artikelPenulis/table.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/artikelPenulis/table.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_783d6aa3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=783d6aa3& */ "./resources/assets/js/views/dokumenKategori/table.vue?vue&type=template&id=783d6aa3&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumenKategori/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_444cff00___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=444cff00& */ "./resources/assets/js/views/artikelPenulis/table.vue?vue&type=template&id=444cff00&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelPenulis/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -862,8 +892,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_783d6aa3___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_783d6aa3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_444cff00___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_444cff00___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -873,38 +903,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/dokumenKategori/table.vue"
+component.options.__file = "resources/assets/js/views/artikelPenulis/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumenKategori/table.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumenKategori/table.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/artikelPenulis/table.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelPenulis/table.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumenKategori/table.vue?vue&type=template&id=783d6aa3&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumenKategori/table.vue?vue&type=template&id=783d6aa3& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/views/artikelPenulis/table.vue?vue&type=template&id=444cff00&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelPenulis/table.vue?vue&type=template&id=444cff00& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_783d6aa3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=783d6aa3& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/table.vue?vue&type=template&id=783d6aa3&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_783d6aa3___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_444cff00___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=444cff00& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/table.vue?vue&type=template&id=444cff00&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_444cff00___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_783d6aa3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_444cff00___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/125.js b/public/js/components/125.js
index 3a636e746..b7298b359 100644
--- a/public/js/components/125.js
+++ b/public/js/components/125.js
@@ -1,293 +1,25 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[125],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/detail.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/detail.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/index.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/index.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _helpers_pusherAuth_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../helpers/pusherAuth.js */ "./resources/assets/js/helpers/pusherAuth.js");
-/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var laravel_echo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! laravel-echo */ "./node_modules/laravel-echo/dist/echo.js");
-/* harmony import */ var pusher_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! pusher-js */ "./node_modules/pusher-js/dist/web/pusher.js");
-/* harmony import */ var pusher_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(pusher_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _voting_qrCode_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../voting/qrCode.vue */ "./resources/assets/js/views/voting/qrCode.vue");
-/* harmony import */ var _voting_qrCodeAll_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../voting/qrCodeAll.vue */ "./resources/assets/js/views/voting/qrCodeAll.vue");
-/* harmony import */ var _formKodeSuara_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./formKodeSuara.vue */ "./resources/assets/js/views/pemilihan/formKodeSuara.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/dokumen/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -325,6 +57,88 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 //
 //
 //
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Dokumen',
+      kelas: 'dokumen',
+      titleDesc: 'Mengelola data dokumen',
+      titleIcon: 'icon-books',
+      selectCuPath: 'dokumenCu'
+    };
+  },
+  created: function created() {
+    // if(this.$route.meta.mode != 'gerakanPublik'){
+    // 	this.checkUser('index_dokumen',this.$route.params.cu);
+    // }
+    this.checkMode();
+  },
+  methods: {
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    },
+    checkMode: function checkMode() {
+      if (this.$route.meta.mode == 'gerakanPublik') {
+        this.title = 'Dokumen Gerakan & Publik';
+        this.titleDesc = 'Mengelola data dokumen gerakan & publik';
+      } else {
+        this.title = 'Dokumen';
+        this.titleDesc = 'Mengelola data dokumen';
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumen', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/table.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/table.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");
+/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_4__);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -452,38 +266,16 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 
 
-
-
-
-
-
-
-
-
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_6__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_8__["default"],
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    qrCode: _voting_qrCode_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
-    qrCodeAll: _voting_qrCodeAll_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
-    formKodeSuara: _formKodeSuara_vue__WEBPACK_IMPORTED_MODULE_14__["default"]
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
+  props: ['title', 'kelas'],
   data: function data() {
     return {
-      title: 'Detail Pemilihan',
-      titleDesc: 'Melihat detail data pemilihan',
-      titleIcon: 'icon-stack2',
-      level: 2,
-      level2Title: 'Pemilihan',
-      kelas: 'pemilihan',
-      tabName: 'info',
+      selectedItem: [],
       query: {
         order_column: "name",
         order_direction: "asc",
@@ -492,34 +284,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         page: 1
       },
       excelDownloadUrl: '',
-      excelUploads: [{
-        enabled: true,
-        url: 'pemilihan/uploadSuara/' + this.$route.params.id,
-        format_url: 'formatPemilihanSuara.xlsx',
-        button: 'Upload Kode Suara'
-      }],
-      columnDataCalon: [{
-        title: 'No. Urut'
-      }, {
-        title: 'Foto'
-      }, {
-        title: 'Nama'
-      }, {
-        title: 'Tanggal Lahir'
-      }, {
-        title: 'Tempat Lahir'
-      }, {
-        title: 'Status'
-      }, {
-        title: 'Pendidikan'
-      }],
-      itemDataCalon: [],
-      itemDataCalonStat: 'success',
-      columnDataSuara: [{
+      columnData: [{
         title: 'No.',
         name: 'No.'
       }, {
-        title: 'Kode',
+        title: 'Nama',
         name: 'name',
         tipe: 'string',
         sort: true,
@@ -528,114 +297,73 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         filter: true,
         filterDefault: true
       }, {
-        title: 'Link',
-        name: 'link',
+        title: 'Kategori',
+        name: 'kategori.name',
         tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Status',
+        name: 'status',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Memilih',
-        name: 'pemilihan_calon_id',
-        tipe: 'string',
+        title: 'CU',
+        name: 'cu.name',
         sort: false,
         hide: false,
         disable: false,
-        filter: false
+        filter: true
       }, {
-        title: 'Akses',
-        name: 'pemilihan_id',
-        tipe: 'string',
+        title: 'Keterangan',
+        name: 'keterangan',
         sort: false,
         hide: false,
         disable: false,
-        filter: false
+        filter: true
+      }, {
+        title: 'Tipe',
+        name: 'tipe',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }],
-      selectedSuara: {},
       state: '',
       modalShow: false,
       modalState: '',
-      modalColor: '',
-      modalSize: '',
       modalTitle: '',
       modalContent: '',
-      modalButton: '',
-      formCalon: ''
+      modalButton: ''
     };
   },
   created: function created() {
-    this.fetch();
-  },
-  mounted: function mounted() {
-    var _this = this;
-
-    Object(_helpers_pusherAuth_js__WEBPACK_IMPORTED_MODULE_5__["PusherAuth"])();
-    window.Echo["private"]("pemilihan.channel." + this.$route.params.id).listen('PemilihanEvent', function (data) {
-      var p;
-
-      var _iterator = _createForOfIteratorHelper(_this.form.calon),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          p = _step.value;
-
-          if (p.pivot.id == data.pemilihan_calon_id) {
-            p.pivot.skor = data.skor; // this.form.suara_ok += 1;
-
-            _this.formCalon = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.orderBy(_this.form.calon, 'pivot.skor', ['desc']);
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    });
+    this.fetch(this.query);
   },
   watch: {
     // check route changes
-    $route: function $route(to, from) {
-      this.fetch();
-    },
-    formStat: function formStat(value) {
-      if (value === "success") {
-        this.form.link = window.location.origin + '/admins/pemilihan/input';
-        var valCalon;
-        this.itemDataCalon = [];
-
-        var _iterator2 = _createForOfIteratorHelper(this.form.calon),
-            _step2;
-
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            valCalon = _step2.value;
-            var formData = {};
-            formData.aktivis_id = valCalon.id;
-            formData.no_urut = valCalon.pivot.no_urut;
-            formData.name = valCalon.name;
-            formData.gambar = valCalon.gambar;
-            formData.tanggal_lahir = valCalon.tanggal_lahir;
-            formData.tempat_lahir = valCalon.tempat_lahir;
-            formData.status = valCalon.status;
-
-            if (valCalon.pendidikan_tertinggi) {
-              formData.pendidikan = valCalon.pendidikan_tertinggi.tingkat + ' ' + valCalon.pendidikan_tertinggi.name;
-            } else {
-              formData.pendidikan = "";
-            }
-
-            this.itemDataCalon.push(formData);
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
-
-        this.formCalon = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.orderBy(this.form.calon, 'pivot.skor', ['desc']);
-      }
+    '$route': function $route(to, from) {
+      this.fetch(this.query);
     },
     // when updating data
     updateStat: function updateStat(value) {
@@ -645,12 +373,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       if (value == "success") {
         this.modalTitle = this.updateMessage.message;
         this.modalContent = '';
-
-        if (this.tabName == 'suara') {
-          this.fetchDataSuara(this.query);
-        } else {
-          this.fetch();
-        }
+        this.fetch();
       } else if (value == "fail") {
         this.modalContent = this.updateMessage;
       } else {
@@ -659,78 +382,54 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     }
   },
   methods: {
-    fetch: function fetch() {
-      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+    fetch: function fetch(params) {
+      if (this.$route.meta.mode != 'gerakanPublik') {
+        if (this.$route.params.cu == 'semua') {
+          this.disableColumnCu(false);
+          this.$store.dispatch(this.kelas + '/index', params);
+          this.excelDownloadUrl = this.kelas;
+        } else {
+          this.disableColumnCu(true);
+          this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
+          this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
+        }
+      } else {
+        if (this.$route.params.cu == 'semua') {
+          this.disableColumnCu(false);
+          this.$store.dispatch(this.kelas + '/indexGerakanPublik', params);
+          this.excelDownloadUrl = this.kelas;
+        } else {
+          this.disableColumnCu(true);
+          this.$store.dispatch(this.kelas + '/indexGerakanPublikCu', [params, this.$route.params.cu]);
+          this.excelDownloadUrl = this.kelas + '/indexGerakanPublikCu/' + this.$route.params.cu;
+        }
+      }
     },
-    fetchDataSuara: function fetchDataSuara(params) {
-      this.$store.dispatch(this.kelas + '/indexDataSuara', [params, this.$route.params.id]);
-      this.excelDownloadUrl = this.kelas + '/indexDataSuara/' + this.$route.params.id;
+    disableColumnCu: function disableColumnCu(status) {
+      this.columnData[4].disable = status;
     },
-    back: function back() {
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    ubahData: function ubahData(id) {
       this.$router.push({
-        name: this.kelas,
+        name: this.kelas + 'Edit',
         params: {
-          cu: this.form.id_cu
+          id: id
         }
       });
     },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-
-      if (value == 'info') {
-        this.fetch();
-      } else if (value == 'skor') {
-        this.fetch();
-      } else if (value == 'suara') {
-        this.fetchDataSuara(this.query);
-      }
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedSuara = item;
-    },
-    modalOpen: function modalOpen(state) {
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
+      this.modalState = 'confirm-tutup';
       this.state = state;
 
-      if (state == 'status') {
-        this.modalState = 'confirm-tutup';
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
 
-        if (this.form.status == 0) {
-          this.modalTitle = 'Aktifkan ' + this.form.name + ' ?';
-          this.modalButton = 'Iya, aktifkan';
-        } else {
-          this.modalTitle = 'Tidak aktifkan ' + this.form.name + ' ?';
-          this.modalButton = 'Iya, tidak aktifkan';
-        }
-      } else if (state == 'qrCode') {
-        this.modalTitle = 'QR Code untuk kode ' + this.selectedSuara.name;
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "";
-      } else if (state == 'qrCodeAll') {
-        this.modalTitle = 'QR Code pada tabel';
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "modal-full";
-      } else if (state == 'qrCodeInput') {
-        this.modalTitle = 'QR Code untuk kode ini';
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "";
-        this.selectedSuara.link = this.form.link;
-      } else if (state == 'tambah_suara') {
-        this.modalTitle = 'Tambah Suara';
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "";
-      } else if (state == 'ubah_suara') {
-        this.modalTitle = 'Ubah suara dengan kode ' + this.selectedSuara.name;
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "";
-      } else if (state == 'hapus_suara') {
-        this.modalState = 'confirm-tutup';
-        this.modalTitle = 'Hapus suara dengan kode ' + this.selectedSuara.name + ' ?';
+      if (state == 'hapus') {
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
         this.modalButton = 'Iya, Hapus';
       }
     },
@@ -739,172 +438,39 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       this.$store.dispatch(this.kelas + '/resetUpdateStat');
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == "status") {
-        this.$store.dispatch(this.kelas + '/updateStatus', [this.form.id, this.form.id_cu]);
-      } else if (this.state == "hapus_suara") {
-        this.$store.dispatch(this.kelas + '/destroySuara', this.selectedSuara.id);
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('pemilihan', {
-    form: 'data',
-    formStat: 'dataStat',
-    itemDataSuara: 'dataS3',
-    itemDataSuaraStat: 'dataStatS3',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['kelas', 'id', 'id_cu', 'selectedItem', 'mode'],
-  components: {
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  data: function data() {
-    return {
-      form: {
-        id: '',
-        pemilihan_id: '',
-        id_cu: '',
-        name: ''
-      },
-      submited: false
-    };
-  },
-  created: function created() {
-    this.form.pemilihan_id = this.id;
-
-    if (this.mode == 'edit') {
-      this.form.id = this.selectedItem.id;
-      this.form.id_cu = this.selectedItem.id_cu;
-      this.form.name = this.selectedItem.name;
-    }
-
-    if (this.currentUser.id_cu === 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
       }
-    }
-  },
-  watch: {},
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.mode === 'edit') {
-            _this.$store.dispatch(_this.kelas + '/updateSuara', [_this.form.id, _this.form]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/storeSuara', _this.form);
-          }
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
     },
-    tutup: function tutup() {
-      this.$emit('tutup');
+    downloadMateri: function downloadMateri(filename) {
+      axios.get('/api/download_folder/' + filename + '/dokumen', {
+        responseType: 'blob'
+      }).then(function (response) {
+        file_saver__WEBPACK_IMPORTED_MODULE_4___default.a.saveAs(response.data, filename);
+      });
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
+    idCu: 'idCu'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
+    modelCu: 'dataS',
+    modelCuStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumen', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/detail.vue?vue&type=template&id=4f15784c&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/detail.vue?vue&type=template&id=4f15784c& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/index.vue?vue&type=template&id=c3ea39be&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/index.vue?vue&type=template&id=c3ea39be& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -924,14 +490,6 @@ var render = function () {
           title: _vm.title,
           titleDesc: _vm.titleDesc,
           titleIcon: _vm.titleIcon,
-          level: _vm.level,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
         },
       }),
       _vm._v(" "),
@@ -941,1625 +499,48 @@ var render = function () {
             "div",
             { staticClass: "content" },
             [
-              _vm.formStat === "fail"
+              _vm.itemDataStat === "fail"
                 ? _c("message", {
                     attrs: {
                       title: "Oops terjadi kesalahan:",
-                      errorData: _vm.form,
+                      errorData: _vm.itemData,
                     },
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _vm.formStat == "success"
-                ? [
-                    _c("div", { staticClass: "card" }, [
-                      _c("div", { staticClass: "nav-tabs-responsive" }, [
-                        _c(
-                          "ul",
-                          {
-                            staticClass:
-                              "nav nav-tabs nav-tabs-solid  bg-light nav-justified mb-0",
-                          },
-                          [
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "info" },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("info")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", { staticClass: "icon-info22 mr-2" }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\tInfo\n\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "suara" },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("suara")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-megaphone mr-2",
-                                  }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\tSuara\n\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "skor" },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("skor")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-equalizer mr-2",
-                                  }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\tSkor\n\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                            ]),
-                          ]
-                        ),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
-                        _c(
-                          "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "info",
-                                expression: "tabName == 'info'",
-                              },
-                            ],
-                          },
-                          [
-                            _c("div", { staticClass: "card" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "card-header bg-white header-elements-inline",
-                                },
-                                [
-                                  _c("h5", { staticClass: "card-title" }, [
-                                    _vm._v("Pemilihan | Status: "),
-                                    _c("span", {
-                                      domProps: {
-                                        innerHTML: _vm._s(
-                                          _vm.$options.filters.checkStatus(
-                                            _vm.form.status
-                                          )
-                                        ),
-                                      },
-                                    }),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "header-elements" },
-                                    [
-                                      _vm.currentUser.can &&
-                                      _vm.currentUser.can["update_pemilihan"]
-                                        ? _c(
-                                            "button",
-                                            {
-                                              staticClass:
-                                                "btn btn-light btn-icon mb-1 mr-1",
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.modalOpen("status")
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c("i", {
-                                                staticClass: "icon-calendar5",
-                                              }),
-                                              _vm._v(
-                                                " Status\n\t\t\t\t\t\t\t\t\t\t"
-                                              ),
-                                            ]
-                                          )
-                                        : _vm._e(),
-                                      _vm._v(" "),
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-icon mb-1",
-                                          attrs: { type: "button" },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.fetch()
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", { staticClass: "icon-sync" }),
-                                          _vm._v(
-                                            " Reload Data\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "card-body" }, [
-                                _c("div", { staticClass: "row" }, [
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-6 form-group" },
-                                    [
-                                      _c("h5", [_vm._v("Nama:")]),
-                                      _vm._v(" "),
-                                      _c("input", {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.name,
-                                            expression: "form.name",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          type: "text",
-                                          name: "name",
-                                          disabled: "",
-                                        },
-                                        domProps: { value: _vm.form.name },
-                                        on: {
-                                          input: function ($event) {
-                                            if ($event.target.composing) {
-                                              return
-                                            }
-                                            _vm.$set(
-                                              _vm.form,
-                                              "name",
-                                              $event.target.value
-                                            )
-                                          },
-                                        },
-                                      }),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm.currentUser.id_cu == 0
-                                    ? _c(
-                                        "div",
-                                        { staticClass: "col-md-6 form-group" },
-                                        [
-                                          _c("h5", [_vm._v("CU:")]),
-                                          _vm._v(" "),
-                                          _vm.form.cu
-                                            ? _c("input", {
-                                                directives: [
-                                                  {
-                                                    name: "model",
-                                                    rawName: "v-model",
-                                                    value: _vm.form.cu.name,
-                                                    expression: "form.cu.name",
-                                                  },
-                                                ],
-                                                staticClass: "form-control",
-                                                attrs: {
-                                                  type: "text",
-                                                  name: "cu",
-                                                  disabled: "",
-                                                },
-                                                domProps: {
-                                                  value: _vm.form.cu.name,
-                                                },
-                                                on: {
-                                                  input: function ($event) {
-                                                    if (
-                                                      $event.target.composing
-                                                    ) {
-                                                      return
-                                                    }
-                                                    _vm.$set(
-                                                      _vm.form.cu,
-                                                      "name",
-                                                      $event.target.value
-                                                    )
-                                                  },
-                                                },
-                                              })
-                                            : _c("input", {
-                                                staticClass: "form-control",
-                                                attrs: {
-                                                  type: "text",
-                                                  name: "cu",
-                                                  value: "PUSKOPCUINA",
-                                                  disabled: "",
-                                                },
-                                              }),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-6 form-group" },
-                                    [
-                                      _c("h5", [_vm._v("Tingkat:")]),
-                                      _vm._v(" "),
-                                      _c("input", {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.tingkat,
-                                            expression: "form.tingkat",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          type: "text",
-                                          name: "tingkat",
-                                          disabled: "",
-                                        },
-                                        domProps: { value: _vm.form.tingkat },
-                                        on: {
-                                          input: function ($event) {
-                                            if ($event.target.composing) {
-                                              return
-                                            }
-                                            _vm.$set(
-                                              _vm.form,
-                                              "tingkat",
-                                              $event.target.value
-                                            )
-                                          },
-                                        },
-                                      }),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-6 form-group" },
-                                    [
-                                      _c("h5", [_vm._v("Total Suara:")]),
-                                      _vm._v(" "),
-                                      _c("input", {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.suara,
-                                            expression: "form.suara",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          type: "text",
-                                          name: "suara",
-                                          disabled: "",
-                                        },
-                                        domProps: { value: _vm.form.suara },
-                                        on: {
-                                          input: function ($event) {
-                                            if ($event.target.composing) {
-                                              return
-                                            }
-                                            _vm.$set(
-                                              _vm.form,
-                                              "suara",
-                                              $event.target.value
-                                            )
-                                          },
-                                        },
-                                      }),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-6 form-group" },
-                                    [
-                                      _c("h5", [_vm._v("Suara Masuk:")]),
-                                      _vm._v(" "),
-                                      _c("input", {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.suara_ok,
-                                            expression: "form.suara_ok",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          type: "text",
-                                          name: "suara_ok",
-                                          disabled: "",
-                                        },
-                                        domProps: { value: _vm.form.suara_ok },
-                                        on: {
-                                          input: function ($event) {
-                                            if ($event.target.composing) {
-                                              return
-                                            }
-                                            _vm.$set(
-                                              _vm.form,
-                                              "suara_ok",
-                                              $event.target.value
-                                            )
-                                          },
-                                        },
-                                      }),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-6 form-group" },
-                                    [
-                                      _c("h5", [_vm._v("Suara Akses:")]),
-                                      _vm._v(" "),
-                                      _c("input", {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.suara_akses,
-                                            expression: "form.suara_akses",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          type: "text",
-                                          name: "suara_akses",
-                                          disabled: "",
-                                        },
-                                        domProps: {
-                                          value: _vm.form.suara_akses,
-                                        },
-                                        on: {
-                                          input: function ($event) {
-                                            if ($event.target.composing) {
-                                              return
-                                            }
-                                            _vm.$set(
-                                              _vm.form,
-                                              "suara_akses",
-                                              $event.target.value
-                                            )
-                                          },
-                                        },
-                                      }),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "col-md-6" }, [
-                                    _c("div", { staticClass: "form-group" }, [
-                                      _c("h5", [_vm._v("Pemilih Minimum:")]),
-                                      _vm._v(" "),
-                                      _c("input", {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.pemilihan_min,
-                                            expression: "form.pemilihan_min",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          type: "text",
-                                          name: "tingkat",
-                                          disabled: "",
-                                        },
-                                        domProps: {
-                                          value: _vm.form.pemilihan_min,
-                                        },
-                                        on: {
-                                          input: function ($event) {
-                                            if ($event.target.composing) {
-                                              return
-                                            }
-                                            _vm.$set(
-                                              _vm.form,
-                                              "pemilihan_min",
-                                              $event.target.value
-                                            )
-                                          },
-                                        },
-                                      }),
-                                    ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "col-md-6" }, [
-                                    _c("div", { staticClass: "form-group" }, [
-                                      _c("h5", [_vm._v("Pemilih Maximum:")]),
-                                      _vm._v(" "),
-                                      _c("input", {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.pemilihan_max,
-                                            expression: "form.pemilihan_max",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          type: "text",
-                                          name: "tingkat",
-                                          disabled: "",
-                                        },
-                                        domProps: {
-                                          value: _vm.form.pemilihan_max,
-                                        },
-                                        on: {
-                                          input: function ($event) {
-                                            if ($event.target.composing) {
-                                              return
-                                            }
-                                            _vm.$set(
-                                              _vm.form,
-                                              "pemilihan_max",
-                                              $event.target.value
-                                            )
-                                          },
-                                        },
-                                      }),
-                                    ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "col-md-12" }, [
-                                    _c("h5", [_vm._v("Link Suara Input:")]),
-                                    _vm._v(" "),
-                                    _c(
-                                      "div",
-                                      { staticClass: "card card-body" },
-                                      [
-                                        _c("p", [
-                                          _vm._v(
-                                            "Silahkan menggunakan link ini dan memasukkan kode unik yang sudah dibuat "
-                                          ),
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("hr", { staticClass: "mt-1 mb-1" }),
-                                        _vm._v(" "),
-                                        _c(
-                                          "a",
-                                          {
-                                            staticClass: "pointer",
-                                            attrs: {
-                                              href: _vm.form.link,
-                                              target: "_blank",
-                                            },
-                                          },
-                                          [
-                                            _c("check-value", {
-                                              attrs: {
-                                                value:
-                                                  _vm.form.link.substring(8),
-                                                trimLength: 100,
-                                              },
-                                            }),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "button",
-                                          {
-                                            staticClass:
-                                              "btn btn-light btn-block mb-1 mt-2",
-                                            on: {
-                                              click: function ($event) {
-                                                $event.preventDefault()
-                                                return _vm.modalOpen(
-                                                  "qrCodeInput"
-                                                )
-                                              },
-                                            },
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass: "icon-qrcode",
-                                            }),
-                                            _vm._v(
-                                              " Buat QR Code\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        ),
-                                      ]
-                                    ),
-                                  ]),
-                                ]),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "div",
-                              { staticClass: "card" },
-                              [
-                                _c(
-                                  "div",
-                                  {
-                                    staticClass:
-                                      "card-header bg-white header-elements-inline",
-                                  },
-                                  [
-                                    _c("h5", { staticClass: "card-title" }, [
-                                      _vm._v("Calon"),
-                                    ]),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _c("data-table", {
-                                  attrs: {
-                                    items: _vm.itemDataCalon,
-                                    columnData: _vm.columnDataCalon,
-                                    itemDataStat: _vm.itemDataCalonStat,
-                                  },
-                                  scopedSlots: _vm._u(
-                                    [
-                                      {
-                                        key: "item-desktop",
-                                        fn: function (props) {
-                                          return [
-                                            props.item
-                                              ? _c(
-                                                  "tr",
-                                                  {
-                                                    staticClass: "text-nowrap",
-                                                  },
-                                                  [
-                                                    _c("td", [
-                                                      _vm._v(
-                                                        _vm._s(
-                                                          props.item.no_urut
-                                                        )
-                                                      ),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c("td", [
-                                                      props.item.gambar
-                                                        ? _c("img", {
-                                                            staticClass:
-                                                              "img-rounded img-fluid wmin-sm",
-                                                            attrs: {
-                                                              src:
-                                                                "/images/aktivis/" +
-                                                                props.item
-                                                                  .gambar +
-                                                                "n.jpg",
-                                                              width: "35px",
-                                                            },
-                                                          })
-                                                        : _c("img", {
-                                                            staticClass:
-                                                              "img-rounded img-fluid wmin-sm",
-                                                            attrs: {
-                                                              src: "/images/no_image.jpg",
-                                                              width: "35px",
-                                                            },
-                                                          }),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c("td", [
-                                                      _vm._v(
-                                                        _vm._s(props.item.name)
-                                                      ),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c("td", [
-                                                      _vm._v(
-                                                        _vm._s(
-                                                          props.item
-                                                            .tanggal_lahir
-                                                        )
-                                                      ),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c("td", [
-                                                      _vm._v(
-                                                        _vm._s(
-                                                          props.item
-                                                            .tempat_lahir
-                                                        )
-                                                      ),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c("td", [
-                                                      _vm._v(
-                                                        _vm._s(
-                                                          props.item.status
-                                                        )
-                                                      ),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c("td", [
-                                                      _vm._v(
-                                                        _vm._s(
-                                                          props.item.pendidikan
-                                                        )
-                                                      ),
-                                                    ]),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                          ]
-                                        },
-                                      },
-                                    ],
-                                    null,
-                                    false,
-                                    1882918558
-                                  ),
-                                }),
-                              ],
-                              1
-                            ),
-                          ]
-                        ),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
-                        _c(
-                          "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "suara",
-                                expression: "tabName == 'suara'",
-                              },
-                            ],
-                          },
-                          [
-                            _c("div", { staticClass: "card card-body" }, [
-                              _c("p", [
-                                _vm._v(
-                                  "Silahkan menggunakan link ini dan memasukkan kode unik yang sudah dibuat dibawah "
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c("hr", { staticClass: "mt-1 mb-1" }),
-                              _vm._v(" "),
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "pointer",
-                                  attrs: {
-                                    href: _vm.form.link,
-                                    target: "_blank",
-                                  },
-                                },
-                                [
-                                  _c("check-value", {
-                                    attrs: {
-                                      value: _vm.form.link.substring(8),
-                                      trimLength: 100,
-                                    },
-                                  }),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "button",
-                                {
-                                  staticClass:
-                                    "btn btn-light btn-block mb-1 mt-2",
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.modalOpen("qrCodeInput")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", { staticClass: "icon-qrcode" }),
-                                  _vm._v(" Buat QR Code\n\t\t\t\t\t\t\t\t"),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "data-viewer",
-                              {
-                                attrs: {
-                                  title: "Suara",
-                                  columnData: _vm.columnDataSuara,
-                                  itemData: _vm.itemDataSuara,
-                                  query: _vm.query,
-                                  itemDataStat: _vm.itemDataSuaraStat,
-                                  excelDownloadUrl: _vm.excelDownloadUrl,
-                                  excelUploads: _vm.excelUploads,
-                                },
-                                on: { fetch: _vm.fetchDataSuara },
-                                scopedSlots: _vm._u(
-                                  [
-                                    {
-                                      key: "item-desktop",
-                                      fn: function (props) {
-                                        return [
-                                          _c(
-                                            "tr",
-                                            {
-                                              staticClass: "text-nowrap",
-                                              class: {
-                                                "bg-info":
-                                                  _vm.selectedSuara.id ==
-                                                  props.item.id,
-                                              },
-                                              on: {
-                                                click: function ($event) {
-                                                  return _vm.selectedRow(
-                                                    props.item
-                                                  )
-                                                },
-                                              },
-                                            },
-                                            [
-                                              !_vm.columnDataSuara[0].hide
-                                                ? _c("td", [
-                                                    _vm._v(
-                                                      "\n\t\t\t\t\t\t\t\t\t\t\t" +
-                                                        _vm._s(
-                                                          props.index +
-                                                            1 +
-                                                            (+_vm.itemDataSuara
-                                                              .current_page -
-                                                              1) *
-                                                              +_vm.itemDataSuara
-                                                                .per_page +
-                                                            "."
-                                                        ) +
-                                                        "\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ])
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              !_vm.columnDataSuara[1].hide
-                                                ? _c(
-                                                    "td",
-                                                    [
-                                                      _c("check-value", {
-                                                        attrs: {
-                                                          value:
-                                                            props.item.name,
-                                                        },
-                                                      }),
-                                                    ],
-                                                    1
-                                                  )
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              !_vm.columnDataSuara[2].hide
-                                                ? _c("td", [
-                                                    _c(
-                                                      "a",
-                                                      {
-                                                        staticClass: "pointer",
-                                                        attrs: {
-                                                          href: props.item.link,
-                                                          target: "_blank",
-                                                        },
-                                                      },
-                                                      [
-                                                        _c("check-value", {
-                                                          attrs: {
-                                                            value:
-                                                              props.item.link.substring(
-                                                                8
-                                                              ),
-                                                            trimLength: 100,
-                                                          },
-                                                        }),
-                                                      ],
-                                                      1
-                                                    ),
-                                                  ])
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              !_vm.columnDataSuara[3].hide
-                                                ? _c("td", [
-                                                    props.item
-                                                      .pemilihan_calon_id
-                                                      ? _c(
-                                                          "span",
-                                                          {
-                                                            staticClass:
-                                                              "bg-orange-400 text-highlight",
-                                                          },
-                                                          [
-                                                            _c("i", {
-                                                              staticClass:
-                                                                "icon-check",
-                                                            }),
-                                                          ]
-                                                        )
-                                                      : _c(
-                                                          "span",
-                                                          {
-                                                            staticClass:
-                                                              "bg-teal-300 text-highlight",
-                                                          },
-                                                          [
-                                                            _c("i", {
-                                                              staticClass:
-                                                                "icon-cross3",
-                                                            }),
-                                                          ]
-                                                        ),
-                                                  ])
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              !_vm.columnDataSuara[4].hide
-                                                ? _c("td", [
-                                                    props.item.akses &&
-                                                    props.item.akses.id
-                                                      ? _c(
-                                                          "span",
-                                                          {
-                                                            staticClass:
-                                                              "bg-orange-400 text-highlight",
-                                                          },
-                                                          [
-                                                            _c("i", {
-                                                              staticClass:
-                                                                "icon-check",
-                                                            }),
-                                                          ]
-                                                        )
-                                                      : _c(
-                                                          "span",
-                                                          {
-                                                            staticClass:
-                                                              "bg-teal-300 text-highlight",
-                                                          },
-                                                          [
-                                                            _c("i", {
-                                                              staticClass:
-                                                                "icon-cross3",
-                                                            }),
-                                                          ]
-                                                        ),
-                                                  ])
-                                                : _vm._e(),
-                                            ]
-                                          ),
-                                        ]
-                                      },
-                                    },
-                                  ],
-                                  null,
-                                  false,
-                                  1873918937
-                                ),
-                              },
-                              [
-                                _c("template", { slot: "button-desktop" }, [
-                                  _vm.form.suara_tipe == 1
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass: "btn btn-light mb-1",
-                                          attrs: {
-                                            disabled: _vm.form.suara_ok > 0,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen(
-                                                "tambah_suara"
-                                              )
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Tambah Suara\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _vm.form.suara_tipe == 1
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass: "btn btn-light mb-1",
-                                          attrs: {
-                                            disabled:
-                                              !_vm.selectedSuara.id ||
-                                              _vm.form.suara_ok > 0,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen("ubah_suara")
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Ubah Suara\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _vm.form.suara_tipe == 1
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass: "btn btn-light mb-1",
-                                          attrs: {
-                                            disabled:
-                                              !_vm.selectedSuara.id ||
-                                              _vm.form.suara_ok > 0,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen(
-                                                "hapus_suara"
-                                              )
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Hapus Suara\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light mb-1",
-                                      attrs: {
-                                        disabled: !_vm.selectedSuara.id,
-                                      },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("qrCode")
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-qrcode" }),
-                                      _vm._v(
-                                        " Buat QR Code\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light mb-1",
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("qrCodeAll")
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-qrcode" }),
-                                      _vm._v(
-                                        " QR Code Pada Tabel\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("template", { slot: "button-mobile" }, [
-                                  _vm.form.suara_tipe == 1
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-block mb-1",
-                                          attrs: {
-                                            disabled: _vm.form.suara_ok > 0,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen(
-                                                "tambah_suara"
-                                              )
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Tambah Suara\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _vm.form.suara_tipe == 1
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-block mb-1",
-                                          attrs: {
-                                            disabled:
-                                              !_vm.selectedSuara.id ||
-                                              _vm.form.suara_ok > 0,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen("ubah_suara")
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Ubah Suara\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _vm.form.suara_tipe == 1
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-block mb-1",
-                                          attrs: {
-                                            disabled:
-                                              !_vm.selectedSuara.id ||
-                                              _vm.form.suara_ok > 0,
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen(
-                                                "hapus_suara"
-                                              )
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-pencil5",
-                                          }),
-                                          _vm._v(
-                                            " Hapus Suara\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-1",
-                                      attrs: {
-                                        disabled: !_vm.selectedSuara.id,
-                                      },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("qrCode")
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-qrcode" }),
-                                      _vm._v(
-                                        " Buat QR Code\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-1",
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("qrCodeAll")
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-qrcode" }),
-                                      _vm._v(
-                                        " QR Code Pada Tabel\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                                ]),
-                              ],
-                              2
-                            ),
-                          ],
-                          1
-                        ),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
-                        _c(
-                          "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "skor",
-                                expression: "tabName == 'skor'",
-                              },
-                            ],
-                          },
-                          [
-                            _vm.form.calon
-                              ? _c("div", { staticClass: "card " }, [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass:
-                                        "card-header bg-white header-elements-inline",
-                                    },
-                                    [
-                                      _c("h5", { staticClass: "card-title" }, [
-                                        _vm._v("Perolehan Skor"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c(
-                                        "div",
-                                        { staticClass: "header-elements" },
-                                        [
-                                          _c(
-                                            "button",
-                                            {
-                                              staticClass:
-                                                "btn btn-light btn-icon mb-1",
-                                              attrs: { type: "button" },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.fetch()
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c("i", {
-                                                staticClass: "icon-sync",
-                                              }),
-                                              _vm._v(
-                                                " Reload Data\n\t\t\t\t\t\t\t\t\t\t"
-                                              ),
-                                            ]
-                                          ),
-                                        ]
-                                      ),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "card-body" },
-                                    _vm._l(_vm.formCalon, function (p, index) {
-                                      return _c("div", { key: index }, [
-                                        _c(
-                                          "div",
-                                          { staticClass: "card card-body" },
-                                          [
-                                            _c("div", { staticClass: "row" }, [
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "col-sm-3 mb-1 mt-1",
-                                                },
-                                                [
-                                                  _c(
-                                                    "div",
-                                                    { staticClass: "row" },
-                                                    [
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass: "col-4",
-                                                        },
-                                                        [
-                                                          p.gambar
-                                                            ? _c("img", {
-                                                                staticClass:
-                                                                  "img-rounded img-fluid wmin-sm",
-                                                                attrs: {
-                                                                  src:
-                                                                    "/images/aktivis/" +
-                                                                    p.gambar +
-                                                                    "n.jpg",
-                                                                  width: "35px",
-                                                                },
-                                                              })
-                                                            : _c("img", {
-                                                                staticClass:
-                                                                  "img-rounded img-fluid wmin-sm",
-                                                                attrs: {
-                                                                  src: "/images/no_image.jpg",
-                                                                  width: "35px",
-                                                                },
-                                                              }),
-                                                        ]
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass: "col-8",
-                                                        },
-                                                        [
-                                                          p.pivot
-                                                            ? _c(
-                                                                "span",
-                                                                {
-                                                                  staticClass:
-                                                                    "badge badge-success",
-                                                                },
-                                                                [
-                                                                  _vm._v(
-                                                                    "No. Urut " +
-                                                                      _vm._s(
-                                                                        p.pivot
-                                                                          .no_urut
-                                                                      )
-                                                                  ),
-                                                                ]
-                                                              )
-                                                            : _vm._e(),
-                                                          _vm._v(" "),
-                                                          _c("br"),
-                                                          _vm._v(" "),
-                                                          _c("b", [
-                                                            _vm._v(
-                                                              _vm._s(p.name)
-                                                            ),
-                                                          ]),
-                                                        ]
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "col-sm-8 mb-1 mt-1",
-                                                },
-                                                [
-                                                  _c(
-                                                    "div",
-                                                    { staticClass: "progress" },
-                                                    [
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "progress-bar-striped bg-success",
-                                                          style: {
-                                                            width:
-                                                              Math.round(
-                                                                (p.pivot.skor /
-                                                                  _vm.form
-                                                                    .suara) *
-                                                                  100
-                                                              ) + "%",
-                                                          },
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "span",
-                                                            {
-                                                              staticClass:
-                                                                "text-default font-size-lg",
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                              ),
-                                                              _c("b", [
-                                                                _vm._v(
-                                                                  _vm._s(
-                                                                    Math.round(
-                                                                      (p.pivot
-                                                                        .skor /
-                                                                        _vm.form
-                                                                          .suara) *
-                                                                        100
-                                                                    ) + "%"
-                                                                  )
-                                                                ),
-                                                              ]),
-                                                              _vm._v(
-                                                                "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                              ),
-                                                            ]
-                                                          ),
-                                                        ]
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "col-sm-1 mb-1 mt-1",
-                                                },
-                                                [
-                                                  _c("b", [
-                                                    _vm._v(
-                                                      _vm._s(p.pivot.skor) +
-                                                        " / " +
-                                                        _vm._s(_vm.form.suara)
-                                                    ),
-                                                  ]),
-                                                ]
-                                              ),
-                                            ]),
-                                          ]
-                                        ),
-                                      ])
-                                    }),
-                                    0
-                                  ),
-                                ])
-                              : _vm._e(),
-                          ]
-                        ),
-                      ]
-                    ),
-                  ]
-                : _vm.formStat == "loading"
-                ? _c("div", [_vm._m(0)])
-                : _c("div", [_vm._m(1)]),
-            ],
-            2
-          ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
-            title: _vm.modalTitle,
-            button: _vm.modalButton,
-            content: _vm.modalContent,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "modal-body1" }),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body2" },
-            [
-              _vm.state == "qrCode" || _vm.state == "qrCodeInput"
-                ? _c("qr-code", {
-                    attrs: {
-                      selectedItem: _vm.selectedSuara,
-                      title: _vm.form.name,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.state == "qrCodeAll"
-                ? _c("qr-code-all", {
-                    attrs: {
-                      itemData: _vm.itemDataSuara,
-                      title: _vm.form.name,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body3" },
-            [
-              _vm.state == "tambah_suara"
-                ? _c("form-kode-suara", {
+              _vm.currentUser.id_cu == 0
+                ? _c("select-cu", {
                     attrs: {
                       kelas: _vm.kelas,
-                      id: _vm.form.id,
-                      id_cu: _vm.form.id_cu,
-                      mode: "store",
+                      path: _vm.selectCuPath,
+                      isPus: true,
                     },
-                    on: { tutup: _vm.modalTutup },
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _vm.state == "ubah_suara"
-                ? _c("form-kode-suara", {
-                    attrs: {
-                      kelas: _vm.kelas,
-                      id: _vm.form.id,
-                      id_cu: _vm.form.id_cu,
-                      selectedItem: _vm.selectedSuara,
-                      mode: "edit",
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
+              _c("table-data", {
+                attrs: { title: _vm.title, kelas: _vm.kelas },
+              }),
             ],
             1
           ),
-        ],
-        2
-      ),
+        ]),
+      ]),
     ],
     1
   )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h4", [_vm._v("Mohon tunggu...")]),
-        _vm._v(" "),
-        _c("div", { staticClass: "progress" }, [
-          _c(
-            "div",
-            {
-              staticClass:
-                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-              staticStyle: { width: "100%" },
-            },
-            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-          ),
-        ]),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h3", [_vm._v("Oops terjadi kesalahan")]),
-      ]),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=template&id=2a27d33a&":
-/*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=template&id=2a27d33a& ***!
-  \****************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/table.vue?vue&type=template&id=57a6181d&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/table.vue?vue&type=template&id=57a6181d& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -2574,156 +555,411 @@ var render = function () {
   return _c(
     "div",
     [
-      _vm.errors.any("form") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
       _c(
-        "form",
+        "data-viewer",
         {
-          attrs: { "data-vv-scope": "form" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
-            },
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
           },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id == props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
+                      },
+                    },
+                    [
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide && !_vm.columnData[2].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.kategori
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.kategori.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.status },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide && !_vm.columnData[4].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.cu
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.cu.name },
+                                  })
+                                : _c("span", [_vm._v("PUSKOPCUINA")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.keterangan },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.tipe },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
+              },
+            },
+          ]),
         },
         [
           _c(
-            "div",
-            {
-              staticClass: "form-group",
-              class: { "has-error": _vm.errors.has("form.name") },
-            },
+            "template",
+            { slot: "button-desktop" },
             [
-              _c(
-                "h5",
-                { class: { "text-danger": _vm.errors.has("form.name") } },
-                [
-                  _vm.errors.has("form.name")
-                    ? _c("i", { staticClass: "icon-cross2" })
-                    : _vm._e(),
-                  _vm._v("\n\t\t\t\t\tNama: "),
-                  _c("wajib-badge"),
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c("input", {
-                directives: [
-                  {
-                    name: "validate",
-                    rawName: "v-validate",
-                    value: "required",
-                    expression: "'required'",
-                  },
-                  {
-                    name: "model",
-                    rawName: "v-model",
-                    value: _vm.form.name,
-                    expression: "form.name",
-                  },
-                ],
-                staticClass: "form-control",
-                attrs: {
-                  type: "text",
-                  name: "name",
-                  placeholder: "Silahkan masukkan kode",
-                  "data-vv-as": "Kode",
-                },
-                domProps: { value: _vm.form.name },
-                on: {
-                  keydown: function ($event) {
-                    if (
-                      !$event.type.indexOf("key") &&
-                      _vm._k($event.keyCode, "space", 32, $event.key, [
-                        " ",
-                        "Spacebar",
-                      ])
-                    ) {
-                      return null
-                    }
-                    $event.preventDefault()
-                  },
-                  input: function ($event) {
-                    if ($event.target.composing) {
-                      return
-                    }
-                    _vm.$set(_vm.form, "name", $event.target.value)
-                  },
-                },
-              }),
+              _vm.$route.meta.mode != "gerakanPublik"
+                ? [
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["create_" + _vm.kelas]
+                      ? _c(
+                          "router-link",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { to: { name: _vm.kelas + "Create" } },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-plus3" }),
+                            _vm._v(" Tambah\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_" + _vm.kelas]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.ubahData(_vm.selectedItem.id)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-pencil5" }),
+                            _vm._v(" Ubah\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["destroy_" + _vm.kelas]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalOpen("hapus")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-bin2" }),
+                            _vm._v(" Hapus\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                  ]
+                : _vm._e(),
               _vm._v(" "),
-              _vm.errors.has("form.name")
-                ? _c("small", { staticClass: "text-muted text-danger" }, [
-                    _c("i", { staticClass: "icon-arrow-small-right" }),
-                    _vm._v(
-                      " " + _vm._s(_vm.errors.first("form.name")) + "\n\t\t\t\t"
-                    ),
-                  ])
-                : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-            ]
+              _vm.selectedItem.format == "upload"
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.downloadMateri(_vm.selectedItem.filename)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat\n\t\t\t"),
+                    ]
+                  )
+                : _vm.selectedItem.format == "link"
+                ? _c(
+                    "a",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: {
+                        type: "button",
+                        href: _vm.selectedItem.link,
+                        target: "_blank",
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat\n\t\t\t"),
+                    ]
+                  )
+                : _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { type: "button", disabled: "" },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat\n\t\t\t"),
+                    ]
+                  ),
+            ],
+            2
           ),
           _vm._v(" "),
-          _c("hr"),
-          _vm._v(" "),
-          _c("div", { staticClass: "text-center d-none d-md-block" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-primary",
-                attrs: { type: "submit", disabled: _vm.errors.any("form") },
-              },
-              [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "d-block d-md-none" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-primary btn-block pb-2",
-                attrs: { type: "submit", disabled: _vm.errors.any("form") },
-              },
-              [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-            ),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block pb-2",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-          ]),
-        ]
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.$route.meta.mode != "gerakanPublik"
+                ? [
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["create_" + _vm.kelas]
+                      ? _c(
+                          "router-link",
+                          {
+                            staticClass: "btn btn-light btn-block mb-1",
+                            attrs: { to: { name: _vm.kelas + "Create" } },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-plus3" }),
+                            _vm._v(" Tambah\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_" + _vm.kelas]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.ubahData(_vm.selectedItem.id)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-pencil5" }),
+                            _vm._v(" Ubah\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["destroy_" + _vm.kelas]
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalOpen("hapus")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-bin2" }),
+                            _vm._v(" Hapus\n\t\t\t\t"),
+                          ]
+                        )
+                      : _vm._e(),
+                  ]
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.selectedItem.format == "upload"
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.downloadMateri(_vm.selectedItem.filename)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat\n\t\t\t"),
+                    ]
+                  )
+                : _vm.selectedItem.format == "link"
+                ? _c(
+                    "a",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: {
+                        type: "button",
+                        href: _vm.selectedItem.link,
+                        target: "_blank",
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat\n\t\t\t"),
+                    ]
+                  )
+                : _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { type: "button", disabled: "" },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat\n\t\t\t"),
+                    ]
+                  ),
+            ],
+            2
+          ),
+        ],
+        2
       ),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          content: _vm.modalContent,
+          button: _vm.modalButton,
+        },
+        on: {
+          tutup: _vm.modalTutup,
+          confirmOk: _vm.modalConfirmOk,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalTutup,
+        },
+      }),
     ],
     1
   )
@@ -2735,17 +971,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/detail.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/detail.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/dokumen/index.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/views/dokumen/index.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _detail_vue_vue_type_template_id_4f15784c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=4f15784c& */ "./resources/assets/js/views/pemilihan/detail.vue?vue&type=template&id=4f15784c&");
-/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/detail.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_c3ea39be___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=c3ea39be& */ "./resources/assets/js/views/dokumen/index.vue?vue&type=template&id=c3ea39be&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumen/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2755,9 +991,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _detail_vue_vue_type_template_id_4f15784c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _detail_vue_vue_type_template_id_4f15784c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_c3ea39be___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_c3ea39be___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2767,54 +1003,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pemilihan/detail.vue"
+component.options.__file = "resources/assets/js/views/dokumen/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/detail.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/detail.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/dokumen/index.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/views/dokumen/index.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/detail.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/detail.vue?vue&type=template&id=4f15784c&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/detail.vue?vue&type=template&id=4f15784c& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/dokumen/index.vue?vue&type=template&id=c3ea39be&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/dokumen/index.vue?vue&type=template&id=c3ea39be& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_4f15784c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=4f15784c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/detail.vue?vue&type=template&id=4f15784c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_4f15784c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_c3ea39be___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=c3ea39be& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/index.vue?vue&type=template&id=c3ea39be&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_c3ea39be___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_4f15784c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_c3ea39be___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/formKodeSuara.vue":
-/*!***************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/formKodeSuara.vue ***!
-  \***************************************************************/
+/***/ "./resources/assets/js/views/dokumen/table.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/views/dokumen/table.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formKodeSuara_vue_vue_type_template_id_2a27d33a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKodeSuara.vue?vue&type=template&id=2a27d33a& */ "./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=template&id=2a27d33a&");
-/* harmony import */ var _formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKodeSuara.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_57a6181d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=57a6181d& */ "./resources/assets/js/views/dokumen/table.vue?vue&type=template&id=57a6181d&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumen/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2824,9 +1060,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formKodeSuara_vue_vue_type_template_id_2a27d33a___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formKodeSuara_vue_vue_type_template_id_2a27d33a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_57a6181d___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_57a6181d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2836,38 +1072,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pemilihan/formKodeSuara.vue"
+component.options.__file = "resources/assets/js/views/dokumen/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/dokumen/table.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/views/dokumen/table.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKodeSuara.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=template&id=2a27d33a&":
-/*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=template&id=2a27d33a& ***!
-  \**********************************************************************************************/
+/***/ "./resources/assets/js/views/dokumen/table.vue?vue&type=template&id=57a6181d&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/dokumen/table.vue?vue&type=template&id=57a6181d& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_template_id_2a27d33a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKodeSuara.vue?vue&type=template&id=2a27d33a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=template&id=2a27d33a&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_template_id_2a27d33a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_57a6181d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=57a6181d& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/table.vue?vue&type=template&id=57a6181d&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_57a6181d___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_template_id_2a27d33a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_57a6181d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/126.js b/public/js/components/126.js
index bcd088c30..e9753922b 100644
--- a/public/js/components/126.js
+++ b/public/js/components/126.js
@@ -1,60 +1,19 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[126],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/identitas.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/identitas.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['itemData']
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/pilih.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/pilih.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/index.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumenKategori/index.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _identitas__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./identitas */ "./resources/assets/js/views/pemilihan/identitas.vue");
+/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/dokumenKategori/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -97,6 +56,74 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Kategori Dokumen',
+      kelas: 'dokumenKategori',
+      titleDesc: 'Mengelola data kategori dokumen',
+      titleIcon: 'icon-grid6',
+      selectCuPath: 'dokumenKategoriCu'
+    };
+  },
+  created: function created() {
+    this.checkUser('index_dokumen_kategori', this.$route.params.cu);
+  },
+  methods: {
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumenKategori', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/table.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumenKategori/table.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -178,242 +205,100 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    identitas: _identitas__WEBPACK_IMPORTED_MODULE_4__["default"]
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
+  props: ['title', 'kelas'],
   data: function data() {
     return {
-      title: 'Pilih',
-      kelas: 'pemilihan',
-      titleDesc: 'Pemilihan',
-      titleIcon: 'icon-quill4',
-      formPilihan: {
-        pemilihan_id: '',
-        pemilihan_calon_id: '',
-        no_urut: '',
-        name: ''
+      selectedItem: [],
+      query: {
+        order_column: "name",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
       },
-      formMulti: [],
-      selectedItem: {},
-      selectedItemMulti: [],
+      excelDownloadUrl: '',
+      columnData: [{
+        title: 'No.',
+        name: 'No.',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Keterangan',
+        name: 'deskripsi',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'CU',
+        name: 'cu.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Dokumen',
+        name: 'has_dokumen_count',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false
+      }, {
+        title: 'Tgl. Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      state: '',
       modalShow: false,
       modalState: '',
-      modalSize: '',
       modalTitle: '',
-      modalColor: '',
-      modalContent: '',
       modalButton: ''
     };
   },
   created: function created() {
-    this.fetch();
+    this.fetch(this.query);
   },
   watch: {
     // check route changes
-    $route: function $route(to, from) {
-      this.fetch();
-    },
-    itemDataStat: function itemDataStat(value) {
-      if (value == "success") {}
-    },
-    formStat: function formStat(value) {
-      if (value == "success") {
-        if (this.form.pemilihan_calon_id != null) {
-          if (this.itemData) {
-            if (this.itemData.pemilihan_max > 1) {
-              this.fetchCalonTerpilih(this.form.id);
-            }
-          }
-        }
-      }
+    '$route': function $route(to, from) {
+      this.fetch(this.query);
     },
+    // when updating data
     updateStat: function updateStat(value) {
       this.modalState = value;
       this.modalButton = 'Ok';
@@ -421,7 +306,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       if (value === "success") {
         this.modalTitle = this.updateMessage.message;
         this.modalContent = '';
-        this.fetch();
+        this.fetch(this.query);
       } else if (value === "fail") {
         this.modalContent = this.updateMessage;
       } else {
@@ -430,73 +315,81 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     }
   },
   methods: {
-    fetch: function fetch() {
-      this.$store.dispatch(this.kelas + '/indexCalon', this.$route.params.name);
+    fetch: function fetch(params) {
+      if (this.$route.params.cu == 'semua') {
+        this.disableColumnCu(false);
+        this.$store.dispatch(this.kelas + '/index', params);
+        this.excelDownloadUrl = this.kelas;
+      } else {
+        this.disableColumnCu(true);
+        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
+        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
+      }
+    },
+    disableColumnCu: function disableColumnCu(status) {
+      this.columnData[3].disable = status;
     },
-    fetchCalonTerpilih: function fetchCalonTerpilih(id) {
-      this.$store.dispatch(this.kelas + '/indexCalonTerpilih', id);
+    resetParams: function resetParams() {
+      this.params.search_column = 'name';
+      this.params.search_query_1 = '';
+      this.extSearchColumn = 'name';
+      this.extSearchQuery1 = '';
     },
-    multi: function multi(item) {
-      if (!this.formMulti.some(function (data) {
-        return data.pemilihan_calon_id == item.pivot.id;
-      })) {
-        if (this.formMulti.length < this.itemData.pemilihan_max) {
-          this.formMulti.push({
-            'pemilihan_calon_id': item.pivot.id,
-            'no_urut': item.pivot.no_urut,
-            'pemilihan_id': this.itemData.id,
-            'name': this.form.name,
-            'data': item
-          });
-        } else {
-          this.modalShow = true;
-          this.modalState = 'tutup';
-          this.modalTitle = 'Maaf anda tidak bisa memilih lebih dari ' + this.itemData.pemilihan_max + ' calon.';
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    ubahData: function ubahData(id, id_cu) {
+      this.$router.push({
+        name: this.kelas + 'Edit',
+        params: {
+          id: id
         }
-      } else {
-        this.formMulti = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.reject(this.formMulti, function (el) {
-          return el.pemilihan_calon_id == item.pivot.id;
-        });
-      }
+      });
     },
-    modalConfirmOpen: function modalConfirmOpen(state) {
-      this.modalShow = true;
-      this.modalState = 'normal1';
-      this.modalColor = 'bg-primary';
-      this.modalSize = '';
-      this.formPilihan.pemilihan_calon_id = state.pivot.id;
-      this.formPilihan.no_urut = state.pivot.no_urut;
-      this.formPilihan.pemilihan_id = this.itemData.id;
-      this.formPilihan.name = this.form.name;
-      this.selectedItem = state;
-      this.modalTitle = 'Pilih ' + this.selectedItem.name + ' ?';
+    lihatDokumen: function lihatDokumen(id, id_cu) {
+      this.$store.dispatch('dokumenKategori/resetDataStat');
+      this.$router.push({
+        name: 'dokumenFilterKategoriCu',
+        params: {
+          cu: id_cu,
+          kategori: id
+        }
+      });
     },
-    modalOpen: function modalOpen() {
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
-      this.modalState = 'normal2';
-      this.modalColor = 'bg-primary';
-      this.modalTitle = 'Simpan pilihan anda?';
-      this.modalSize = "modal-full";
+      this.modalState = 'confirm-tutup';
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
+
+      if (state == 'hapus') {
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+      }
     },
     modalTutup: function modalTutup() {
       this.modalShow = false;
       this.$store.dispatch(this.kelas + '/resetUpdateStat');
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.itemData.pemilihan_max == 1) {
-        this.$store.dispatch(this.kelas + '/storePilihan', this.formPilihan);
-      } else {
-        this.$store.dispatch(this.kelas + '/storeMultiPilihan', this.formMulti);
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
       }
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pemilihan', {
-    form: 'data',
-    formStat: 'dataStat',
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
+    idCu: 'idCu'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'dataS',
+    modelCuStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumenKategori', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
-    itemData2: 'dataS2',
-    itemDataStat2: 'dataStatS2',
     updateMessage: 'update',
     updateStat: 'updateStat'
   }))
@@ -504,101 +397,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/identitas.vue?vue&type=template&id=4637c83c&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/identitas.vue?vue&type=template&id=4637c83c& ***!
-  \************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "media flex-column flex-sm-row mt-0 mb-0" }, [
-    _c("div", { staticClass: "mr-sm-3 mb-2 mb-sm-0" }, [
-      _c("div", { staticClass: "card-img-actions" }, [
-        _vm.itemData.gambar
-          ? _c("img", {
-              staticClass: "img-fluid img-preview rounded",
-              attrs: { src: "/images/aktivis/" + _vm.itemData.gambar + ".jpg" },
-            })
-          : _c("img", {
-              staticClass: "img-fluid img-preview rounded",
-              attrs: { src: "/images/no_image.jpg" },
-            }),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "media-body" }, [
-      _c("ul", { staticClass: "list list-unstyled mb-0" }, [
-        _c("li", [
-          _c("b", [_vm._v("Gender:")]),
-          _vm._v(" " + _vm._s(_vm.itemData.kelamin)),
-        ]),
-        _vm._v(" "),
-        _c("li", [
-          _c("b", [_vm._v("Agama:")]),
-          _vm._v(" " + _vm._s(_vm.itemData.agama)),
-        ]),
-        _vm._v(" "),
-        _c("li", [
-          _c("b", [_vm._v("Usia:")]),
-          _vm._v(" "),
-          _vm.itemData.tanggal_lahir
-            ? _c("span", {
-                domProps: {
-                  innerHTML: _vm._s(
-                    _vm.$options.filters.age(_vm.itemData.tanggal_lahir)
-                  ),
-                },
-              })
-            : _vm._e(),
-          _vm._v(" tahun\n      "),
-        ]),
-        _vm._v(" "),
-        _c("li", [
-          _c("b", [_vm._v("Tempat Lahir:")]),
-          _vm._v(" " + _vm._s(_vm.itemData.tempat_lahir)),
-        ]),
-        _vm._v(" "),
-        _c("li", [
-          _c("b", [_vm._v("Status:")]),
-          _vm._v(" " + _vm._s(_vm.itemData.status)),
-        ]),
-        _vm._v(" "),
-        _c("li", [
-          _c("b", [_vm._v("Pendidikan:")]),
-          _vm._v(" "),
-          _vm.itemData.pendidikan_tertinggi
-            ? _c("span", [
-                _vm._v(
-                  _vm._s(_vm.itemData.pendidikan_tertinggi.tingkat) +
-                    " " +
-                    _vm._s(_vm.itemData.pendidikan_tertinggi.name)
-                ),
-              ])
-            : _vm._e(),
-        ]),
-      ]),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/pilih.vue?vue&type=template&id=ae03ed72&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/pilih.vue?vue&type=template&id=ae03ed72& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/index.vue?vue&type=template&id=82bb94b2&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumenKategori/index.vue?vue&type=template&id=82bb94b2& ***!
+  \**************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -613,55 +415,13 @@ var render = function () {
   return _c(
     "div",
     [
-      _c(
-        "div",
-        { staticClass: "navbar navbar-expand-lg navbar-dark bg-indigo" },
-        [
-          _vm._m(0),
-          _vm._v(" "),
-          _c("div", [
-            _c("span", { staticClass: "navbar-text ml-lg-3 mr-lg-auto" }, [
-              _c("span", { staticClass: "badge bg-success-400" }, [
-                _vm._v("PUSKOPCUINA \n\t\t\t\t\t"),
-                _vm.itemData.cu
-                  ? _c("span", [
-                      _vm._v(
-                        "\n\t\t\t\t\t\t- " +
-                          _vm._s(_vm.itemData.cu.name) +
-                          "\n\t\t\t\t\t"
-                      ),
-                    ])
-                  : _vm._e(),
-              ]),
-            ]),
-          ]),
-        ]
-      ),
-      _vm._v(" "),
-      _c("div", [
-        _c("div", { staticClass: "page-header" }, [
-          _c(
-            "div",
-            { staticClass: "page-header-content header-elements-md-inline" },
-            [
-              _c("div", { staticClass: "page-title d-flex" }, [
-                _c("h4", [
-                  _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-                  _vm._v(" "),
-                  _c("span", { staticClass: "font-weight-semibold" }, [
-                    _vm._v(_vm._s(_vm.itemData.name)),
-                  ]),
-                  _vm._v(" "),
-                  _c("small", { staticClass: "d-block text-muted" }, [
-                    _vm._v("Selamat datang "),
-                    _c("i", [_vm._v(_vm._s(_vm.form.name) + " ")]),
-                  ]),
-                ]),
-              ]),
-            ]
-          ),
-        ]),
-      ]),
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+        },
+      }),
       _vm._v(" "),
       _c("div", { staticClass: "page-content pt-0" }, [
         _c("div", { staticClass: "content-wrapper" }, [
@@ -678,887 +438,351 @@ var render = function () {
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _vm.itemDataStat == "success"
-                ? _c("div", [
-                    _vm.form
-                      ? _c("div", [
-                          _vm.form.pemilihan_calon_id == null
-                            ? _c("div", [
-                                _c("div", { staticClass: "card card-body" }, [
-                                  _c("h5", [
-                                    _c("b", [_vm._v("Selamat Datang!")]),
-                                    _vm._v(" "),
-                                    _c("br"),
-                                    _c("br"),
-                                    _vm._v(
-                                      " Silahkan memilih calon dengan menekan tombol \n\t\t\t\t\t\t\t\t"
-                                    ),
-                                    _vm._m(1),
-                                    _vm._v(
-                                      " \n\t\t\t\t\t\t\t\tpada masing-masing kartu calon dibawah ini.\n\t\t\t\t\t\t\t\t"
-                                    ),
-                                    _vm.itemData.pemilihan_max > 1
-                                      ? _c("span", [
-                                          _c("br"),
-                                          _c("br"),
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\tDan menekan \n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                          _vm._m(2),
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\tuntuk membatalkan pilihan.\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                          _c("hr"),
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\tDan kemudian menekan tombol \n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                          _vm._m(3),
-                                          _vm._v(
-                                            " \n\t\t\t\t\t\t\t\t\tyang berada di bagian paling bawah dari halaman ini untuk menyimpan pilihan anda. \n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                          _c("hr"),
-                                          _vm._v(" "),
-                                          _vm._m(4),
-                                        ])
-                                      : _vm._e(),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "row" },
-                                  [
-                                    _vm._l(
-                                      _vm.itemData.calon,
-                                      function (item, index) {
-                                        return _c(
-                                          "div",
-                                          {
-                                            key: index,
-                                            staticClass: "col-md-6 col-lg-4",
-                                          },
-                                          [
-                                            _c(
-                                              "div",
-                                              {
-                                                staticClass: "card",
-                                                class: {
-                                                  "border-success":
-                                                    _vm.formMulti.some(
-                                                      function (data) {
-                                                        return (
-                                                          data.pemilihan_calon_id ==
-                                                          item.pivot.id
-                                                        )
-                                                      }
-                                                    ),
-                                                },
-                                              },
-                                              [
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    staticClass:
-                                                      "card-header bg-white header-elements-inline",
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "h5",
-                                                      {
-                                                        staticClass:
-                                                          "card-title",
-                                                      },
-                                                      [
-                                                        _vm._v(
-                                                          _vm._s(item.name)
-                                                        ),
-                                                      ]
-                                                    ),
-                                                    _vm._v(" "),
-                                                    item.pivot
-                                                      ? _c(
-                                                          "span",
-                                                          {
-                                                            staticClass:
-                                                              "badge badge-success",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "h6",
-                                                              {
-                                                                staticClass:
-                                                                  "mb-0",
-                                                              },
-                                                              [
-                                                                _vm._v(
-                                                                  "No. Urut " +
-                                                                    _vm._s(
-                                                                      item.pivot
-                                                                        .no_urut
-                                                                    )
-                                                                ),
-                                                              ]
-                                                            ),
-                                                          ]
-                                                        )
-                                                      : _vm._e(),
-                                                  ]
-                                                ),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "div",
-                                                  { staticClass: "card-body" },
-                                                  [
-                                                    _c("identitas", {
-                                                      attrs: { itemData: item },
-                                                    }),
-                                                  ],
-                                                  1
-                                                ),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    staticClass: "card-footer",
-                                                  },
-                                                  [
-                                                    _vm.itemData
-                                                      .pemilihan_min == 1 &&
-                                                    _vm.itemData
-                                                      .pemilihan_max == 1
-                                                      ? _c(
-                                                          "button",
-                                                          {
-                                                            staticClass:
-                                                              "btn btn-primary btn-block mb-1",
-                                                            on: {
-                                                              click: function (
-                                                                $event
-                                                              ) {
-                                                                $event.preventDefault()
-                                                                return _vm.modalConfirmOpen(
-                                                                  item
-                                                                )
-                                                              },
-                                                            },
-                                                          },
-                                                          [
-                                                            _c("i", {
-                                                              staticClass:
-                                                                "icon-check",
-                                                            }),
-                                                            _vm._v(
-                                                              " PILIH\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                            ),
-                                                          ]
-                                                        )
-                                                      : [
-                                                          _vm.formMulti.some(
-                                                            function (data) {
-                                                              return (
-                                                                data.pemilihan_calon_id ==
-                                                                item.pivot.id
-                                                              )
-                                                            }
-                                                          )
-                                                            ? _c(
-                                                                "button",
-                                                                {
-                                                                  staticClass:
-                                                                    "btn btn-success btn-block mb-1",
-                                                                  on: {
-                                                                    click:
-                                                                      function (
-                                                                        $event
-                                                                      ) {
-                                                                        $event.preventDefault()
-                                                                        return _vm.multi(
-                                                                          item
-                                                                        )
-                                                                      },
-                                                                  },
-                                                                },
-                                                                [
-                                                                  _c("i", {
-                                                                    staticClass:
-                                                                      "icon-check",
-                                                                  }),
-                                                                  _vm._v(
-                                                                    " TERPILIH\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                  ),
-                                                                ]
-                                                              )
-                                                            : _c(
-                                                                "button",
-                                                                {
-                                                                  staticClass:
-                                                                    "btn btn-primary btn-block mb-1",
-                                                                  on: {
-                                                                    click:
-                                                                      function (
-                                                                        $event
-                                                                      ) {
-                                                                        $event.preventDefault()
-                                                                        return _vm.multi(
-                                                                          item
-                                                                        )
-                                                                      },
-                                                                  },
-                                                                },
-                                                                [
-                                                                  _c("i", {
-                                                                    staticClass:
-                                                                      "icon-check",
-                                                                  }),
-                                                                  _vm._v(
-                                                                    " PILIH\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                        ],
-                                                  ],
-                                                  2
-                                                ),
-                                              ]
-                                            ),
-                                          ]
-                                        )
-                                      }
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.itemData.pemilihan_max > 1
-                                      ? _c(
-                                          "div",
-                                          { staticClass: "col-md-12" },
-                                          [
-                                            _c(
-                                              "div",
-                                              { staticClass: "card card-body" },
-                                              [
-                                                _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-primary btn-block mb-1",
-                                                    attrs: {
-                                                      disabled:
-                                                        _vm.formMulti.length <
-                                                        _vm.itemData
-                                                          .pemilihan_min,
-                                                    },
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.modalOpen()
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass:
-                                                        "icon-floppy-disk",
-                                                    }),
-                                                    _vm._v(
-                                                      " SIMPAN PILIHAN\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                          ]
-                                        )
-                                      : _vm._e(),
-                                  ],
-                                  2
-                                ),
-                              ])
-                            : _vm.form.pemilihan_calon_id != null
-                            ? _c("div", [
-                                _vm._m(5),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "card" }, [
-                                  _vm._m(6),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "card-body" }, [
-                                    _vm.itemData.pemilihan_max == 1
-                                      ? _c(
-                                          "div",
-                                          {
-                                            staticClass: "card border-primary",
-                                          },
-                                          [
-                                            _c(
-                                              "div",
-                                              {
-                                                staticClass:
-                                                  "card-header bg-primary header-elements-inline",
-                                              },
-                                              [
-                                                _c(
-                                                  "h5",
-                                                  { staticClass: "card-title" },
-                                                  [
-                                                    _vm._v(
-                                                      _vm._s(
-                                                        _vm.form.calon.aktivis
-                                                          .name
-                                                      )
-                                                    ),
-                                                  ]
-                                                ),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "span",
-                                                  {
-                                                    staticClass:
-                                                      "badge badge-success",
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "h6",
-                                                      { staticClass: "mb-0" },
-                                                      [
-                                                        _vm._v(
-                                                          "No. Urut " +
-                                                            _vm._s(
-                                                              _vm.form.calon
-                                                                .no_urut
-                                                            )
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "div",
-                                              { staticClass: "card-body" },
-                                              [
-                                                _c("identitas", {
-                                                  attrs: {
-                                                    itemData:
-                                                      _vm.form.calon.aktivis,
-                                                  },
-                                                }),
-                                              ],
-                                              1
-                                            ),
-                                          ]
-                                        )
-                                      : _c(
-                                          "div",
-                                          { staticClass: "row" },
-                                          _vm._l(
-                                            _vm.itemData2,
-                                            function (item, index) {
-                                              return _c(
-                                                "div",
-                                                {
-                                                  key: index,
-                                                  staticClass: "col-md-4",
-                                                },
-                                                [
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass:
-                                                        "card border-primary",
-                                                    },
-                                                    [
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "card-header bg-primary header-elements-inline",
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "h5",
-                                                            {
-                                                              staticClass:
-                                                                "card-title",
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                _vm._s(
-                                                                  item.calon
-                                                                    .aktivis
-                                                                    .name
-                                                                )
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "span",
-                                                            {
-                                                              staticClass:
-                                                                "badge badge-success",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "h6",
-                                                                {
-                                                                  staticClass:
-                                                                    "mb-0",
-                                                                },
-                                                                [
-                                                                  _vm._v(
-                                                                    "No. Urut " +
-                                                                      _vm._s(
-                                                                        item
-                                                                          .calon
-                                                                          .no_urut
-                                                                      )
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                            ]
-                                                          ),
-                                                        ]
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "card-body",
-                                                        },
-                                                        [
-                                                          _c("identitas", {
-                                                            attrs: {
-                                                              itemData:
-                                                                item.calon
-                                                                  .aktivis,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              )
-                                            }
-                                          ),
-                                          0
-                                        ),
-                                  ]),
-                                ]),
-                              ])
-                            : _vm._e(),
-                        ])
-                      : _c("div", [_vm._m(7)]),
-                  ])
-                : _vm.itemDataStat == "loading"
-                ? _c("div", [_vm._m(8)])
-                : _c("div", [_vm._m(9)]),
+              _vm.currentUser.id_cu == 0
+                ? _c("select-cu", {
+                    attrs: {
+                      kelas: _vm.kelas,
+                      path: _vm.selectCuPath,
+                      isPus: true,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("table-data", {
+                attrs: { title: _vm.title, kelas: _vm.kelas },
+              }),
             ],
             1
           ),
         ]),
       ]),
-      _vm._v(" "),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/table.vue?vue&type=template&id=783d6aa3&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumenKategori/table.vue?vue&type=template&id=783d6aa3& ***!
+  \**************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
       _c(
-        "app-modal",
+        "data-viewer",
         {
           attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            size: _vm.modalSize,
-            title: _vm.modalTitle,
-            button: _vm.modalButton,
-            color: _vm.modalColor,
-            content: _vm.modalContent,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
           },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
+                      },
+                    },
+                    [
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.deskripsi },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.cu
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.cu.name,
+                                      empty: _vm.columnData[3].groupNoKey,
+                                    },
+                                  })
+                                : _c("span", [_vm._v("PUSKOPCUINA")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c("td", [
+                            _vm._v(_vm._s(props.item.has_dokumen_count)),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
+              },
+            },
+          ]),
         },
         [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "modal-body1" }, [
-            _c("div", { staticClass: "card" }, [
-              _c(
-                "div",
-                { staticClass: "card-header bg-white header-elements-inline" },
-                [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _vm._v(_vm._s(_vm.selectedItem.name)),
-                  ]),
-                  _vm._v(" "),
-                  _vm.selectedItem.pivot
-                    ? _c("span", { staticClass: "badge badge-success" }, [
-                        _c("h6", { staticClass: "mb-0" }, [
-                          _vm._v(
-                            "No. Urut " + _vm._s(_vm.selectedItem.pivot.no_urut)
-                          ),
-                        ]),
-                      ])
-                    : _vm._e(),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "div",
-                { staticClass: "card-body" },
-                [_c("identitas", { attrs: { itemData: _vm.selectedItem } })],
-                1
-              ),
-            ]),
-            _vm._v(" "),
-            _c("div", [
-              _c("div", { staticClass: "alert bg-warning alert-styled-left" }, [
-                _c("h6", [
-                  _vm._v(
-                    "Pastikan anda memilih dengan benar, anda tidak bisa melakukan pemilihan ulang lagi apabila salah memilih."
-                  ),
-                ]),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "text-center d-none d-md-block" }, [
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalTutup.apply(null, arguments)
+          _c(
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.currentUser.can &&
+              _vm.currentUser.can["create_dokumen_kategori"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
                     },
-                  },
-                },
-                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-              ),
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
               _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-primary",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalConfirmOk.apply(null, arguments)
-                    },
-                  },
-                },
-                [_c("i", { staticClass: "icon-check" }), _vm._v(" Pilih")]
-              ),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "d-block d-md-none" }, [
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-primary btn-block pb-2",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalConfirmOk.apply(null, arguments)
+              _vm.currentUser.can &&
+              _vm.currentUser.can["update_dokumen_kategori"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
+                      },
                     },
-                  },
-                },
-                [_c("i", { staticClass: "icon-check" }), _vm._v(" Pilih")]
-              ),
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
               _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-block pb-2",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalTutup.apply(null, arguments)
-                    },
-                  },
-                },
-                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-              ),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "modal-body2" }, [
-            _c(
-              "div",
-              { staticClass: "row" },
-              _vm._l(_vm.formMulti, function (item, index) {
-                return _c("div", { key: index, staticClass: "col-lg-4" }, [
-                  _c("div", { staticClass: "card" }, [
-                    _c(
-                      "div",
-                      {
-                        staticClass:
-                          "card-header bg-white header-elements-inline",
-                      },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(_vm._s(item.data.name)),
-                        ]),
-                        _vm._v(" "),
-                        item.data.pivot
-                          ? _c("span", { staticClass: "badge badge-success" }, [
-                              _c("h6", { staticClass: "mb-0" }, [
-                                _vm._v(
-                                  "No. Urut " + _vm._s(item.data.pivot.no_urut)
-                                ),
-                              ]),
-                            ])
-                          : _vm._e(),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "div",
-                      { staticClass: "card-body" },
-                      [_c("identitas", { attrs: { itemData: item.data } })],
-                      1
-                    ),
-                  ]),
-                ])
-              }),
-              0
-            ),
-            _vm._v(" "),
-            _c("div", [
-              _vm.formMulti.length < _vm.itemData.pemilihan_max
+              _vm.currentUser.can &&
+              _vm.currentUser.can["destroy_dokumen_kategori"]
                 ? _c(
-                    "div",
-                    { staticClass: "alert bg-warning alert-styled-left" },
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
                     [
-                      _c("h6", [
-                        _vm._v(
-                          "Anda masih bisa memilih " +
-                            _vm._s(
-                              _vm.itemData.pemilihan_max - _vm.formMulti.length
-                            ) +
-                            " calon lagi, apakah yakin akan melanjutkan?"
-                        ),
-                      ]),
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
                     ]
                   )
-                : _c(
-                    "div",
-                    { staticClass: "alert bg-warning alert-styled-left" },
+                : _vm._e(),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can &&
+              _vm.currentUser.can["create_dokumen_kategori"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
                     [
-                      _c("h6", [
-                        _vm._v(
-                          "Pastikan anda memilih dengan benar, anda tidak bisa melakukan pemilihan ulang lagi apabila salah memilih."
-                        ),
-                      ]),
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
                     ]
-                  ),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "text-center d-none d-md-block" }, [
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalTutup.apply(null, arguments)
-                    },
-                  },
-                },
-                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-              ),
+                  )
+                : _vm._e(),
               _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-primary",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalConfirmOk.apply(null, arguments)
-                    },
-                  },
-                },
-                [_c("i", { staticClass: "icon-check" }), _vm._v(" Ok")]
-              ),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "d-block d-md-none" }, [
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-primary btn-block pb-2",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalConfirmOk.apply(null, arguments)
+              _vm.currentUser.can &&
+              _vm.currentUser.can["update_dokumen_kategori"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
+                      },
                     },
-                  },
-                },
-                [_c("i", { staticClass: "icon-check" }), _vm._v(" Ok")]
-              ),
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
               _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-block pb-2",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalTutup.apply(null, arguments)
+              _vm.currentUser.can &&
+              _vm.currentUser.can["destroy_dokumen_kategori"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
                     },
-                  },
-                },
-                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-              ),
-            ]),
-          ]),
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
         ],
         2
       ),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+        },
+        on: {
+          tutup: _vm.modalTutup,
+          confirmOk: _vm.modalConfirmOk,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalTutup,
+        },
+      }),
     ],
     1
   )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "navbar-brand wmin-0 mr-0" }, [
-      _c("a", { staticClass: "d-inline-block", attrs: { href: "#" } }, [
-        _c("img", { attrs: { src: "/images/simo.png" } }),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("button", { staticClass: "btn btn-primary btn-sm" }, [
-      _c("i", { staticClass: "icon-check" }),
-      _vm._v(" PILIH\n\t\t\t\t\t\t\t\t"),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("button", { staticClass: "btn btn-success btn-sm" }, [
-      _c("i", { staticClass: "icon-check" }),
-      _vm._v(" TERPILIH\n\t\t\t\t\t\t\t\t\t"),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("button", { staticClass: "btn btn-primary btn-sm" }, [
-      _c("i", { staticClass: "icon-floppy-disk" }),
-      _vm._v(" SIMPAN PILIHAN\n\t\t\t\t\t\t\t\t\t"),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("b", [
-      _vm._v("Jika tidak menekan tombol \n\t\t\t\t\t\t\t\t\t\t"),
-      _c("button", { staticClass: "btn btn-primary btn-sm" }, [
-        _c("i", { staticClass: "icon-floppy-disk" }),
-        _vm._v(" SIMPAN PILIHAN\n\t\t\t\t\t\t\t\t\t\t"),
-      ]),
-      _vm._v(" \n\t\t\t\t\t\t\t\t\t\t maka pilihan anda belum tersimpan"),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card bg-success text-white card-body" }, [
-      _c("h3", [
-        _c("i", { staticClass: "icon-check" }),
-        _vm._v(" Terima Kasih Sudah Melakukan Pemilihan"),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Pilihan Anda Adalah")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card card-body" }, [
-      _c("h5", [
-        _c("b", [_vm._v("Selamat Datang!")]),
-        _vm._v(" "),
-        _c("br"),
-        _vm._v(" Saat ini masih belum terdapat pemilihan"),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h4", [_vm._v("Mohon tunggu...")]),
-        _vm._v(" "),
-        _c("div", { staticClass: "progress" }, [
-          _c(
-            "div",
-            {
-              staticClass:
-                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-              staticStyle: { width: "100%" },
-            },
-            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-          ),
-        ]),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h3", [_vm._v("Oops terjadi kesalahan")]),
-      ]),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/identitas.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/identitas.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/dokumenKategori/index.vue":
+/*!*************************************************************!*\
+  !*** ./resources/assets/js/views/dokumenKategori/index.vue ***!
+  \*************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _identitas_vue_vue_type_template_id_4637c83c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./identitas.vue?vue&type=template&id=4637c83c& */ "./resources/assets/js/views/pemilihan/identitas.vue?vue&type=template&id=4637c83c&");
-/* harmony import */ var _identitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./identitas.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/identitas.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_82bb94b2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=82bb94b2& */ "./resources/assets/js/views/dokumenKategori/index.vue?vue&type=template&id=82bb94b2&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumenKategori/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1568,9 +792,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _identitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _identitas_vue_vue_type_template_id_4637c83c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _identitas_vue_vue_type_template_id_4637c83c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_82bb94b2___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_82bb94b2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1580,54 +804,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pemilihan/identitas.vue"
+component.options.__file = "resources/assets/js/views/dokumenKategori/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/identitas.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/identitas.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/dokumenKategori/index.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/dokumenKategori/index.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_identitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./identitas.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/identitas.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_identitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/identitas.vue?vue&type=template&id=4637c83c&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/identitas.vue?vue&type=template&id=4637c83c& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/dokumenKategori/index.vue?vue&type=template&id=82bb94b2&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/dokumenKategori/index.vue?vue&type=template&id=82bb94b2& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_identitas_vue_vue_type_template_id_4637c83c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./identitas.vue?vue&type=template&id=4637c83c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/identitas.vue?vue&type=template&id=4637c83c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_identitas_vue_vue_type_template_id_4637c83c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_82bb94b2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=82bb94b2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/index.vue?vue&type=template&id=82bb94b2&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_82bb94b2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_identitas_vue_vue_type_template_id_4637c83c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_82bb94b2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/pilih.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/pilih.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/dokumenKategori/table.vue":
+/*!*************************************************************!*\
+  !*** ./resources/assets/js/views/dokumenKategori/table.vue ***!
+  \*************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pilih_vue_vue_type_template_id_ae03ed72___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pilih.vue?vue&type=template&id=ae03ed72& */ "./resources/assets/js/views/pemilihan/pilih.vue?vue&type=template&id=ae03ed72&");
-/* harmony import */ var _pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pilih.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/pilih.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_783d6aa3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=783d6aa3& */ "./resources/assets/js/views/dokumenKategori/table.vue?vue&type=template&id=783d6aa3&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumenKategori/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1637,9 +861,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pilih_vue_vue_type_template_id_ae03ed72___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pilih_vue_vue_type_template_id_ae03ed72___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_783d6aa3___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_783d6aa3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1649,38 +873,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pemilihan/pilih.vue"
+component.options.__file = "resources/assets/js/views/dokumenKategori/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/pilih.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/pilih.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/dokumenKategori/table.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/dokumenKategori/table.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./pilih.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/pilih.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/pilih.vue?vue&type=template&id=ae03ed72&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/pilih.vue?vue&type=template&id=ae03ed72& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/dokumenKategori/table.vue?vue&type=template&id=783d6aa3&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/dokumenKategori/table.vue?vue&type=template&id=783d6aa3& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_template_id_ae03ed72___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./pilih.vue?vue&type=template&id=ae03ed72& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/pilih.vue?vue&type=template&id=ae03ed72&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_template_id_ae03ed72___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_783d6aa3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=783d6aa3& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/table.vue?vue&type=template&id=783d6aa3&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_783d6aa3___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_template_id_ae03ed72___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_783d6aa3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/127.js b/public/js/components/127.js
index 8bcfd6590..65530934f 100644
--- a/public/js/components/127.js
+++ b/public/js/components/127.js
@@ -1,25 +1,43 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[127],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/index.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/index.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/detail.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/detail.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/pemilihan/table.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _helpers_pusherAuth_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../helpers/pusherAuth.js */ "./resources/assets/js/helpers/pusherAuth.js");
+/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var laravel_echo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! laravel-echo */ "./node_modules/laravel-echo/dist/echo.js");
+/* harmony import */ var pusher_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! pusher-js */ "./node_modules/pusher-js/dist/web/pusher.js");
+/* harmony import */ var pusher_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(pusher_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _voting_qrCode_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../voting/qrCode.vue */ "./resources/assets/js/views/voting/qrCode.vue");
+/* harmony import */ var _voting_qrCodeAll_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../voting/qrCodeAll.vue */ "./resources/assets/js/views/voting/qrCodeAll.vue");
+/* harmony import */ var _formKodeSuara_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./formKodeSuara.vue */ "./resources/assets/js/views/pemilihan/formKodeSuara.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 //
 //
 //
@@ -56,82 +74,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Pemilihan',
-      kelas: 'pemilihan',
-      titleDesc: 'Mengelola data pemilihan',
-      titleIcon: 'icon-quill4',
-      selectCuPath: 'pemilihanCu'
-    };
-  },
-  created: function created() {
-    this.checkUser('index_pemilihan', this.$route.params.cu);
-  },
-  watch: {
-    // check route changes
-    $route: function $route(to, from) {
-      this.fetch();
-    }
-  },
-  methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pemilihan', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/table.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/table.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -225,528 +167,2312 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  props: ['title', 'kelas'],
-  data: function data() {
-    return {
-      selectedItem: [],
-      query: {
-        order_column: "created_at",
-        order_direction: "desc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      isNoButtonRow: '',
-      excelDownloadUrl: '',
-      columnData: [{
-        title: 'No.',
-        name: 'No.'
-      }, {
-        title: 'Status',
-        name: 'status',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'CU',
-        name: 'cu.name',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tingkat',
-        name: 'tingkat',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Suara',
-        name: 'suara',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Suara Ok',
-        name: 'suara_ok',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      keteranganBatal: '',
-      state: '',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
-    };
-  },
-  created: function created() {
-    this.fetch(this.query);
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.fetch(this.query);
-    },
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = 'Ok';
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.fetch(this.query);
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = '';
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch(params) {
-      if (this.$route.params.cu == 'semua') {
-        this.disableColumnCu(false);
-        this.$store.dispatch(this.kelas + '/index', params);
-        this.excelDownloadUrl = this.kelas;
-      } else {
-        this.disableColumnCu(true);
-        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
-        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
-      }
-    },
-    disableColumnCu: function disableColumnCu(status) {
-      this.columnData[3].disable = status;
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    detail: function detail(id) {
-      this.$router.push({
-        name: this.kelas + 'Detail',
-        params: {
-          id: id
-        }
-      });
-    },
-    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.modalState = 'confirm-tutup';
-      this.state = state;
-
-      if (isMobile) {
-        this.selectedItem = itemMobile;
-      }
-
-      if (state == 'hapus') {
-        if (this.selectedItem.status == 1) {
-          this.modalState = 'fail';
-          this.modalButton = 'Ok';
-          this.modalTitle = 'Tidak bisa menghapus ' + this.title + ' ' + this.selectedItem.name + ' !';
-          this.modalContent = 'Maaf tidak bisa menghapus ' + this.title + ' ini karena statusnya sedang aktif';
-        } else {
-          this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ini?';
-          this.modalButton = 'Iya, Hapus';
-          this.modalColor = '';
-        }
-      } else if (state == 'status') {
-        if (this.selectedItem.status == 0) {
-          this.modalTitle = 'Aktifkan ' + this.selectedItem.name + ' ?';
-          this.modalButton = 'Iya, aktifkan';
-        } else {
-          this.modalTitle = 'Tidak aktifkan ' + this.selectedItem.name + ' ?';
-          this.modalButton = 'Iya, tidak aktifkan';
-        }
-      }
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-      this.$store.dispatch(this.kelas + '/resetUpdateStat');
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
-      } else if (this.state == "status") {
-        this.$store.dispatch(this.kelas + '/updateStatus', [this.selectedItem.id, this.selectedItem.id_cu]);
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('pemilihan', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/index.vue?vue&type=template&id=153dc7b2&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/index.vue?vue&type=template&id=153dc7b2& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.id_cu == 0
-                ? _c("select-cu", {
-                    attrs: {
-                      kelas: _vm.kelas,
-                      path: _vm.selectCuPath,
-                      isPus: true,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("table-data", {
-                attrs: { title: _vm.title, kelas: _vm.kelas },
-              }),
-            ],
-            1
-          ),
-        ]),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/table.vue?vue&type=template&id=a2075dba&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/table.vue?vue&type=template&id=a2075dba& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_6__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_8__["default"],
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
+    qrCode: _voting_qrCode_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
+    qrCodeAll: _voting_qrCodeAll_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
+    formKodeSuara: _formKodeSuara_vue__WEBPACK_IMPORTED_MODULE_14__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Detail Pemilihan',
+      titleDesc: 'Melihat detail data pemilihan',
+      titleIcon: 'icon-stack2',
+      level: 2,
+      level2Title: 'Pemilihan',
+      kelas: 'pemilihan',
+      tabName: 'info',
+      query: {
+        order_column: "name",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      excelDownloadUrl: '',
+      excelUploads: [{
+        enabled: true,
+        url: 'pemilihan/uploadSuara/' + this.$route.params.id,
+        format_url: 'formatPemilihanSuara.xlsx',
+        button: 'Upload Kode Suara'
+      }],
+      columnDataCalon: [{
+        title: 'No. Urut'
+      }, {
+        title: 'Foto'
+      }, {
+        title: 'Nama'
+      }, {
+        title: 'Tanggal Lahir'
+      }, {
+        title: 'Tempat Lahir'
+      }, {
+        title: 'Status'
+      }, {
+        title: 'Pendidikan'
+      }],
+      itemDataCalon: [],
+      itemDataCalonStat: 'success',
+      columnDataSuara: [{
+        title: 'No.',
+        name: 'No.'
+      }, {
+        title: 'Kode',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Link',
+        name: 'link',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Memilih',
+        name: 'pemilihan_calon_id',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Akses',
+        name: 'pemilihan_id',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }],
+      selectedSuara: {},
+      state: '',
+      modalShow: false,
+      modalState: '',
+      modalColor: '',
+      modalSize: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: '',
+      formCalon: ''
+    };
+  },
+  created: function created() {
+    this.fetch();
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    Object(_helpers_pusherAuth_js__WEBPACK_IMPORTED_MODULE_5__["PusherAuth"])();
+    window.Echo["private"]("pemilihan.channel." + this.$route.params.id).listen('PemilihanEvent', function (data) {
+      var p;
+
+      var _iterator = _createForOfIteratorHelper(_this.form.calon),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          p = _step.value;
+
+          if (p.pivot.id == data.pemilihan_calon_id) {
+            p.pivot.skor = data.skor; // this.form.suara_ok += 1;
+
+            _this.formCalon = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.orderBy(_this.form.calon, 'pivot.skor', ['desc']);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+  },
+  watch: {
+    // check route changes
+    $route: function $route(to, from) {
+      this.fetch();
+    },
+    formStat: function formStat(value) {
+      if (value === "success") {
+        this.form.link = window.location.origin + '/admins/pemilihan/input';
+        var valCalon;
+        this.itemDataCalon = [];
+
+        var _iterator2 = _createForOfIteratorHelper(this.form.calon),
+            _step2;
+
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            valCalon = _step2.value;
+            var formData = {};
+            formData.aktivis_id = valCalon.id;
+            formData.no_urut = valCalon.pivot.no_urut;
+            formData.name = valCalon.name;
+            formData.gambar = valCalon.gambar;
+            formData.tanggal_lahir = valCalon.tanggal_lahir;
+            formData.tempat_lahir = valCalon.tempat_lahir;
+            formData.status = valCalon.status;
+
+            if (valCalon.pendidikan_tertinggi) {
+              formData.pendidikan = valCalon.pendidikan_tertinggi.tingkat + ' ' + valCalon.pendidikan_tertinggi.name;
+            } else {
+              formData.pendidikan = "";
+            }
+
+            this.itemDataCalon.push(formData);
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+
+        this.formCalon = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.orderBy(this.form.calon, 'pivot.skor', ['desc']);
+      }
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value == "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+
+        if (this.tabName == 'suara') {
+          this.fetchDataSuara(this.query);
+        } else {
+          this.fetch();
+        }
+      } else if (value == "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+    },
+    fetchDataSuara: function fetchDataSuara(params) {
+      this.$store.dispatch(this.kelas + '/indexDataSuara', [params, this.$route.params.id]);
+      this.excelDownloadUrl = this.kelas + '/indexDataSuara/' + this.$route.params.id;
+    },
+    back: function back() {
+      this.$router.push({
+        name: this.kelas,
+        params: {
+          cu: this.form.id_cu
+        }
+      });
+    },
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+
+      if (value == 'info') {
+        this.fetch();
+      } else if (value == 'skor') {
+        this.fetch();
+      } else if (value == 'suara') {
+        this.fetchDataSuara(this.query);
+      }
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedSuara = item;
+    },
+    modalOpen: function modalOpen(state) {
+      this.modalShow = true;
+      this.state = state;
+
+      if (state == 'status') {
+        this.modalState = 'confirm-tutup';
+
+        if (this.form.status == 0) {
+          this.modalTitle = 'Aktifkan ' + this.form.name + ' ?';
+          this.modalButton = 'Iya, aktifkan';
+        } else {
+          this.modalTitle = 'Tidak aktifkan ' + this.form.name + ' ?';
+          this.modalButton = 'Iya, tidak aktifkan';
+        }
+      } else if (state == 'qrCode') {
+        this.modalTitle = 'QR Code untuk kode ' + this.selectedSuara.name;
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "";
+      } else if (state == 'qrCodeAll') {
+        this.modalTitle = 'QR Code pada tabel';
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "modal-full";
+      } else if (state == 'qrCodeInput') {
+        this.modalTitle = 'QR Code untuk kode ini';
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "";
+        this.selectedSuara.link = this.form.link;
+      } else if (state == 'tambah_suara') {
+        this.modalTitle = 'Tambah Suara';
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "";
+      } else if (state == 'ubah_suara') {
+        this.modalTitle = 'Ubah suara dengan kode ' + this.selectedSuara.name;
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "";
+      } else if (state == 'hapus_suara') {
+        this.modalState = 'confirm-tutup';
+        this.modalTitle = 'Hapus suara dengan kode ' + this.selectedSuara.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == "status") {
+        this.$store.dispatch(this.kelas + '/updateStatus', [this.form.id, this.form.id_cu]);
+      } else if (this.state == "hapus_suara") {
+        this.$store.dispatch(this.kelas + '/destroySuara', this.selectedSuara.id);
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('pemilihan', {
+    form: 'data',
+    formStat: 'dataStat',
+    itemDataSuara: 'dataS3',
+    itemDataSuaraStat: 'dataStatS3',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['kelas', 'id', 'id_cu', 'selectedItem', 'mode'],
+  components: {
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  data: function data() {
+    return {
+      form: {
+        id: '',
+        pemilihan_id: '',
+        id_cu: '',
+        name: ''
+      },
+      submited: false
+    };
+  },
+  created: function created() {
+    this.form.pemilihan_id = this.id;
+
+    if (this.mode == 'edit') {
+      this.form.id = this.selectedItem.id;
+      this.form.id_cu = this.selectedItem.id_cu;
+      this.form.name = this.selectedItem.name;
+    }
+
+    if (this.currentUser.id_cu === 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    }
+  },
+  watch: {},
+  methods: {
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.mode === 'edit') {
+            _this.$store.dispatch(_this.kelas + '/updateSuara', [_this.form.id, _this.form]);
+          } else {
+            _this.$store.dispatch(_this.kelas + '/storeSuara', _this.form);
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/detail.vue?vue&type=template&id=4f15784c&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/detail.vue?vue&type=template&id=4f15784c& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
     "div",
     [
-      _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-            isNoButtonRow: _vm.isNoButtonRow,
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: _vm.level,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
           },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  _c(
-                    "tr",
-                    {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.formStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.form,
                     },
-                    [
-                      _c("td", [
-                        _vm._v(
-                          "\n\t\t\t\t\t" +
-                            _vm._s(
-                              props.index +
-                                1 +
-                                (+_vm.itemData.current_page - 1) *
-                                  +_vm.itemData.per_page +
-                                "."
-                            ) +
-                            "\n\t\t\t\t"
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.formStat == "success"
+                ? [
+                    _c("div", { staticClass: "card" }, [
+                      _c("div", { staticClass: "nav-tabs-responsive" }, [
+                        _c(
+                          "ul",
+                          {
+                            staticClass:
+                              "nav nav-tabs nav-tabs-solid  bg-light nav-justified mb-0",
+                          },
+                          [
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "info" },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("info")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-info22 mr-2" }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\tInfo\n\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "suara" },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("suara")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-megaphone mr-2",
+                                  }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\tSuara\n\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "skor" },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("skor")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-equalizer mr-2",
+                                  }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\tSkor\n\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]),
+                          ]
                         ),
                       ]),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.checkStatus(
-                                  props.item.status
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.cu
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.cu.name },
-                                  })
-                                : _c("span", [_vm._v("PUSKOPCUINA")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.tingkat },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.suara },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.suara_ok },
-                              }),
+                    ]),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
+                        attrs: {
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
+                        },
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "info",
+                                expression: "tabName == 'info'",
+                              },
                             ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
+                          },
+                          [
+                            _c("div", { staticClass: "card" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "card-header bg-white header-elements-inline",
+                                },
+                                [
+                                  _c("h5", { staticClass: "card-title" }, [
+                                    _vm._v("Pemilihan | Status: "),
+                                    _c("span", {
+                                      domProps: {
+                                        innerHTML: _vm._s(
+                                          _vm.$options.filters.checkStatus(
+                                            _vm.form.status
+                                          )
+                                        ),
+                                      },
+                                    }),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "header-elements" },
+                                    [
+                                      _vm.currentUser.can &&
+                                      _vm.currentUser.can["update_pemilihan"]
+                                        ? _c(
+                                            "button",
+                                            {
+                                              staticClass:
+                                                "btn btn-light btn-icon mb-1 mr-1",
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.modalOpen("status")
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c("i", {
+                                                staticClass: "icon-calendar5",
+                                              }),
+                                              _vm._v(
+                                                " Status\n\t\t\t\t\t\t\t\t\t\t"
+                                              ),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                      _vm._v(" "),
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-icon mb-1",
+                                          attrs: { type: "button" },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.fetch()
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", { staticClass: "icon-sync" }),
+                                          _vm._v(
+                                            " Reload Data\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      ),
+                                    ]
+                                  ),
+                                ]
                               ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[8].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
+                              _vm._v(" "),
+                              _c("div", { staticClass: "card-body" }, [
+                                _c("div", { staticClass: "row" }, [
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-6 form-group" },
+                                    [
+                                      _c("h5", [_vm._v("Nama:")]),
+                                      _vm._v(" "),
+                                      _c("input", {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.name,
+                                            expression: "form.name",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          type: "text",
+                                          name: "name",
+                                          disabled: "",
+                                        },
+                                        domProps: { value: _vm.form.name },
+                                        on: {
+                                          input: function ($event) {
+                                            if ($event.target.composing) {
+                                              return
+                                            }
+                                            _vm.$set(
+                                              _vm.form,
+                                              "name",
+                                              $event.target.value
+                                            )
+                                          },
+                                        },
+                                      }),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm.currentUser.id_cu == 0
+                                    ? _c(
+                                        "div",
+                                        { staticClass: "col-md-6 form-group" },
+                                        [
+                                          _c("h5", [_vm._v("CU:")]),
+                                          _vm._v(" "),
+                                          _vm.form.cu
+                                            ? _c("input", {
+                                                directives: [
+                                                  {
+                                                    name: "model",
+                                                    rawName: "v-model",
+                                                    value: _vm.form.cu.name,
+                                                    expression: "form.cu.name",
+                                                  },
+                                                ],
+                                                staticClass: "form-control",
+                                                attrs: {
+                                                  type: "text",
+                                                  name: "cu",
+                                                  disabled: "",
+                                                },
+                                                domProps: {
+                                                  value: _vm.form.cu.name,
+                                                },
+                                                on: {
+                                                  input: function ($event) {
+                                                    if (
+                                                      $event.target.composing
+                                                    ) {
+                                                      return
+                                                    }
+                                                    _vm.$set(
+                                                      _vm.form.cu,
+                                                      "name",
+                                                      $event.target.value
+                                                    )
+                                                  },
+                                                },
+                                              })
+                                            : _c("input", {
+                                                staticClass: "form-control",
+                                                attrs: {
+                                                  type: "text",
+                                                  name: "cu",
+                                                  value: "PUSKOPCUINA",
+                                                  disabled: "",
+                                                },
+                                              }),
+                                        ]
                                       )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-6 form-group" },
+                                    [
+                                      _c("h5", [_vm._v("Tingkat:")]),
+                                      _vm._v(" "),
+                                      _c("input", {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.tingkat,
+                                            expression: "form.tingkat",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          type: "text",
+                                          name: "tingkat",
+                                          disabled: "",
+                                        },
+                                        domProps: { value: _vm.form.tingkat },
+                                        on: {
+                                          input: function ($event) {
+                                            if ($event.target.composing) {
+                                              return
+                                            }
+                                            _vm.$set(
+                                              _vm.form,
+                                              "tingkat",
+                                              $event.target.value
+                                            )
+                                          },
+                                        },
+                                      }),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-6 form-group" },
+                                    [
+                                      _c("h5", [_vm._v("Total Suara:")]),
+                                      _vm._v(" "),
+                                      _c("input", {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.suara,
+                                            expression: "form.suara",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          type: "text",
+                                          name: "suara",
+                                          disabled: "",
+                                        },
+                                        domProps: { value: _vm.form.suara },
+                                        on: {
+                                          input: function ($event) {
+                                            if ($event.target.composing) {
+                                              return
+                                            }
+                                            _vm.$set(
+                                              _vm.form,
+                                              "suara",
+                                              $event.target.value
+                                            )
+                                          },
+                                        },
+                                      }),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-6 form-group" },
+                                    [
+                                      _c("h5", [_vm._v("Suara Masuk:")]),
+                                      _vm._v(" "),
+                                      _c("input", {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.suara_ok,
+                                            expression: "form.suara_ok",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          type: "text",
+                                          name: "suara_ok",
+                                          disabled: "",
+                                        },
+                                        domProps: { value: _vm.form.suara_ok },
+                                        on: {
+                                          input: function ($event) {
+                                            if ($event.target.composing) {
+                                              return
+                                            }
+                                            _vm.$set(
+                                              _vm.form,
+                                              "suara_ok",
+                                              $event.target.value
+                                            )
+                                          },
+                                        },
+                                      }),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-6 form-group" },
+                                    [
+                                      _c("h5", [_vm._v("Suara Akses:")]),
+                                      _vm._v(" "),
+                                      _c("input", {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.suara_akses,
+                                            expression: "form.suara_akses",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          type: "text",
+                                          name: "suara_akses",
+                                          disabled: "",
+                                        },
+                                        domProps: {
+                                          value: _vm.form.suara_akses,
+                                        },
+                                        on: {
+                                          input: function ($event) {
+                                            if ($event.target.composing) {
+                                              return
+                                            }
+                                            _vm.$set(
+                                              _vm.form,
+                                              "suara_akses",
+                                              $event.target.value
+                                            )
+                                          },
+                                        },
+                                      }),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "col-md-6" }, [
+                                    _c("div", { staticClass: "form-group" }, [
+                                      _c("h5", [_vm._v("Pemilih Minimum:")]),
+                                      _vm._v(" "),
+                                      _c("input", {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.pemilihan_min,
+                                            expression: "form.pemilihan_min",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          type: "text",
+                                          name: "tingkat",
+                                          disabled: "",
+                                        },
+                                        domProps: {
+                                          value: _vm.form.pemilihan_min,
+                                        },
+                                        on: {
+                                          input: function ($event) {
+                                            if ($event.target.composing) {
+                                              return
+                                            }
+                                            _vm.$set(
+                                              _vm.form,
+                                              "pemilihan_min",
+                                              $event.target.value
+                                            )
+                                          },
+                                        },
+                                      }),
+                                    ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "col-md-6" }, [
+                                    _c("div", { staticClass: "form-group" }, [
+                                      _c("h5", [_vm._v("Pemilih Maximum:")]),
+                                      _vm._v(" "),
+                                      _c("input", {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.pemilihan_max,
+                                            expression: "form.pemilihan_max",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          type: "text",
+                                          name: "tingkat",
+                                          disabled: "",
+                                        },
+                                        domProps: {
+                                          value: _vm.form.pemilihan_max,
+                                        },
+                                        on: {
+                                          input: function ($event) {
+                                            if ($event.target.composing) {
+                                              return
+                                            }
+                                            _vm.$set(
+                                              _vm.form,
+                                              "pemilihan_max",
+                                              $event.target.value
+                                            )
+                                          },
+                                        },
+                                      }),
+                                    ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "col-md-12" }, [
+                                    _c("h5", [_vm._v("Link Suara Input:")]),
+                                    _vm._v(" "),
+                                    _c(
+                                      "div",
+                                      { staticClass: "card card-body" },
+                                      [
+                                        _c("p", [
+                                          _vm._v(
+                                            "Silahkan menggunakan link ini dan memasukkan kode unik yang sudah dibuat "
+                                          ),
+                                        ]),
+                                        _vm._v(" "),
+                                        _c("hr", { staticClass: "mt-1 mb-1" }),
+                                        _vm._v(" "),
+                                        _c(
+                                          "a",
+                                          {
+                                            staticClass: "pointer",
+                                            attrs: {
+                                              href: _vm.form.link,
+                                              target: "_blank",
+                                            },
+                                          },
+                                          [
+                                            _c("check-value", {
+                                              attrs: {
+                                                value:
+                                                  _vm.form.link.substring(8),
+                                                trimLength: 100,
+                                              },
+                                            }),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "button",
+                                          {
+                                            staticClass:
+                                              "btn btn-light btn-block mb-1 mt-2",
+                                            on: {
+                                              click: function ($event) {
+                                                $event.preventDefault()
+                                                return _vm.modalOpen(
+                                                  "qrCodeInput"
+                                                )
+                                              },
+                                            },
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass: "icon-qrcode",
+                                            }),
+                                            _vm._v(
+                                              " Buat QR Code\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        ),
+                                      ]
                                     ),
+                                  ]),
+                                ]),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "div",
+                              { staticClass: "card" },
+                              [
+                                _c(
+                                  "div",
+                                  {
+                                    staticClass:
+                                      "card-header bg-white header-elements-inline",
                                   },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                    ]
-                  ),
-                ]
-              },
-            },
-          ]),
+                                  [
+                                    _c("h5", { staticClass: "card-title" }, [
+                                      _vm._v("Calon"),
+                                    ]),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _c("data-table", {
+                                  attrs: {
+                                    items: _vm.itemDataCalon,
+                                    columnData: _vm.columnDataCalon,
+                                    itemDataStat: _vm.itemDataCalonStat,
+                                  },
+                                  scopedSlots: _vm._u(
+                                    [
+                                      {
+                                        key: "item-desktop",
+                                        fn: function (props) {
+                                          return [
+                                            props.item
+                                              ? _c(
+                                                  "tr",
+                                                  {
+                                                    staticClass: "text-nowrap",
+                                                  },
+                                                  [
+                                                    _c("td", [
+                                                      _vm._v(
+                                                        _vm._s(
+                                                          props.item.no_urut
+                                                        )
+                                                      ),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c("td", [
+                                                      props.item.gambar
+                                                        ? _c("img", {
+                                                            staticClass:
+                                                              "img-rounded img-fluid wmin-sm",
+                                                            attrs: {
+                                                              src:
+                                                                "/images/aktivis/" +
+                                                                props.item
+                                                                  .gambar +
+                                                                "n.jpg",
+                                                              width: "35px",
+                                                            },
+                                                          })
+                                                        : _c("img", {
+                                                            staticClass:
+                                                              "img-rounded img-fluid wmin-sm",
+                                                            attrs: {
+                                                              src: "/images/no_image.jpg",
+                                                              width: "35px",
+                                                            },
+                                                          }),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c("td", [
+                                                      _vm._v(
+                                                        _vm._s(props.item.name)
+                                                      ),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c("td", [
+                                                      _vm._v(
+                                                        _vm._s(
+                                                          props.item
+                                                            .tanggal_lahir
+                                                        )
+                                                      ),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c("td", [
+                                                      _vm._v(
+                                                        _vm._s(
+                                                          props.item
+                                                            .tempat_lahir
+                                                        )
+                                                      ),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c("td", [
+                                                      _vm._v(
+                                                        _vm._s(
+                                                          props.item.status
+                                                        )
+                                                      ),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c("td", [
+                                                      _vm._v(
+                                                        _vm._s(
+                                                          props.item.pendidikan
+                                                        )
+                                                      ),
+                                                    ]),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                          ]
+                                        },
+                                      },
+                                    ],
+                                    null,
+                                    false,
+                                    1882918558
+                                  ),
+                                }),
+                              ],
+                              1
+                            ),
+                          ]
+                        ),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
+                        attrs: {
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
+                        },
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "suara",
+                                expression: "tabName == 'suara'",
+                              },
+                            ],
+                          },
+                          [
+                            _c("div", { staticClass: "card card-body" }, [
+                              _c("p", [
+                                _vm._v(
+                                  "Silahkan menggunakan link ini dan memasukkan kode unik yang sudah dibuat dibawah "
+                                ),
+                              ]),
+                              _vm._v(" "),
+                              _c("hr", { staticClass: "mt-1 mb-1" }),
+                              _vm._v(" "),
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "pointer",
+                                  attrs: {
+                                    href: _vm.form.link,
+                                    target: "_blank",
+                                  },
+                                },
+                                [
+                                  _c("check-value", {
+                                    attrs: {
+                                      value: _vm.form.link.substring(8),
+                                      trimLength: 100,
+                                    },
+                                  }),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "button",
+                                {
+                                  staticClass:
+                                    "btn btn-light btn-block mb-1 mt-2",
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.modalOpen("qrCodeInput")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-qrcode" }),
+                                  _vm._v(" Buat QR Code\n\t\t\t\t\t\t\t\t"),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "data-viewer",
+                              {
+                                attrs: {
+                                  title: "Suara",
+                                  columnData: _vm.columnDataSuara,
+                                  itemData: _vm.itemDataSuara,
+                                  query: _vm.query,
+                                  itemDataStat: _vm.itemDataSuaraStat,
+                                  excelDownloadUrl: _vm.excelDownloadUrl,
+                                  excelUploads: _vm.excelUploads,
+                                },
+                                on: { fetch: _vm.fetchDataSuara },
+                                scopedSlots: _vm._u(
+                                  [
+                                    {
+                                      key: "item-desktop",
+                                      fn: function (props) {
+                                        return [
+                                          _c(
+                                            "tr",
+                                            {
+                                              staticClass: "text-nowrap",
+                                              class: {
+                                                "bg-info":
+                                                  _vm.selectedSuara.id ==
+                                                  props.item.id,
+                                              },
+                                              on: {
+                                                click: function ($event) {
+                                                  return _vm.selectedRow(
+                                                    props.item
+                                                  )
+                                                },
+                                              },
+                                            },
+                                            [
+                                              !_vm.columnDataSuara[0].hide
+                                                ? _c("td", [
+                                                    _vm._v(
+                                                      "\n\t\t\t\t\t\t\t\t\t\t\t" +
+                                                        _vm._s(
+                                                          props.index +
+                                                            1 +
+                                                            (+_vm.itemDataSuara
+                                                              .current_page -
+                                                              1) *
+                                                              +_vm.itemDataSuara
+                                                                .per_page +
+                                                            "."
+                                                        ) +
+                                                        "\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ])
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              !_vm.columnDataSuara[1].hide
+                                                ? _c(
+                                                    "td",
+                                                    [
+                                                      _c("check-value", {
+                                                        attrs: {
+                                                          value:
+                                                            props.item.name,
+                                                        },
+                                                      }),
+                                                    ],
+                                                    1
+                                                  )
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              !_vm.columnDataSuara[2].hide
+                                                ? _c("td", [
+                                                    _c(
+                                                      "a",
+                                                      {
+                                                        staticClass: "pointer",
+                                                        attrs: {
+                                                          href: props.item.link,
+                                                          target: "_blank",
+                                                        },
+                                                      },
+                                                      [
+                                                        _c("check-value", {
+                                                          attrs: {
+                                                            value:
+                                                              props.item.link.substring(
+                                                                8
+                                                              ),
+                                                            trimLength: 100,
+                                                          },
+                                                        }),
+                                                      ],
+                                                      1
+                                                    ),
+                                                  ])
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              !_vm.columnDataSuara[3].hide
+                                                ? _c("td", [
+                                                    props.item
+                                                      .pemilihan_calon_id
+                                                      ? _c(
+                                                          "span",
+                                                          {
+                                                            staticClass:
+                                                              "bg-orange-400 text-highlight",
+                                                          },
+                                                          [
+                                                            _c("i", {
+                                                              staticClass:
+                                                                "icon-check",
+                                                            }),
+                                                          ]
+                                                        )
+                                                      : _c(
+                                                          "span",
+                                                          {
+                                                            staticClass:
+                                                              "bg-teal-300 text-highlight",
+                                                          },
+                                                          [
+                                                            _c("i", {
+                                                              staticClass:
+                                                                "icon-cross3",
+                                                            }),
+                                                          ]
+                                                        ),
+                                                  ])
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              !_vm.columnDataSuara[4].hide
+                                                ? _c("td", [
+                                                    props.item.akses &&
+                                                    props.item.akses.id
+                                                      ? _c(
+                                                          "span",
+                                                          {
+                                                            staticClass:
+                                                              "bg-orange-400 text-highlight",
+                                                          },
+                                                          [
+                                                            _c("i", {
+                                                              staticClass:
+                                                                "icon-check",
+                                                            }),
+                                                          ]
+                                                        )
+                                                      : _c(
+                                                          "span",
+                                                          {
+                                                            staticClass:
+                                                              "bg-teal-300 text-highlight",
+                                                          },
+                                                          [
+                                                            _c("i", {
+                                                              staticClass:
+                                                                "icon-cross3",
+                                                            }),
+                                                          ]
+                                                        ),
+                                                  ])
+                                                : _vm._e(),
+                                            ]
+                                          ),
+                                        ]
+                                      },
+                                    },
+                                  ],
+                                  null,
+                                  false,
+                                  1873918937
+                                ),
+                              },
+                              [
+                                _c("template", { slot: "button-desktop" }, [
+                                  _vm.form.suara_tipe == 1
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass: "btn btn-light mb-1",
+                                          attrs: {
+                                            disabled: _vm.form.suara_ok > 0,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "tambah_suara"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Tambah Suara\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _vm.form.suara_tipe == 1
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass: "btn btn-light mb-1",
+                                          attrs: {
+                                            disabled:
+                                              !_vm.selectedSuara.id ||
+                                              _vm.form.suara_ok > 0,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen("ubah_suara")
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Ubah Suara\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _vm.form.suara_tipe == 1
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass: "btn btn-light mb-1",
+                                          attrs: {
+                                            disabled:
+                                              !_vm.selectedSuara.id ||
+                                              _vm.form.suara_ok > 0,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "hapus_suara"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Hapus Suara\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light mb-1",
+                                      attrs: {
+                                        disabled: !_vm.selectedSuara.id,
+                                      },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen("qrCode")
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-qrcode" }),
+                                      _vm._v(
+                                        " Buat QR Code\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light mb-1",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen("qrCodeAll")
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-qrcode" }),
+                                      _vm._v(
+                                        " QR Code Pada Tabel\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("template", { slot: "button-mobile" }, [
+                                  _vm.form.suara_tipe == 1
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-block mb-1",
+                                          attrs: {
+                                            disabled: _vm.form.suara_ok > 0,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "tambah_suara"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Tambah Suara\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _vm.form.suara_tipe == 1
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-block mb-1",
+                                          attrs: {
+                                            disabled:
+                                              !_vm.selectedSuara.id ||
+                                              _vm.form.suara_ok > 0,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen("ubah_suara")
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Ubah Suara\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _vm.form.suara_tipe == 1
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-block mb-1",
+                                          attrs: {
+                                            disabled:
+                                              !_vm.selectedSuara.id ||
+                                              _vm.form.suara_ok > 0,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "hapus_suara"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(
+                                            " Hapus Suara\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-1",
+                                      attrs: {
+                                        disabled: !_vm.selectedSuara.id,
+                                      },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen("qrCode")
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-qrcode" }),
+                                      _vm._v(
+                                        " Buat QR Code\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-1",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen("qrCodeAll")
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-qrcode" }),
+                                      _vm._v(
+                                        " QR Code Pada Tabel\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                                ]),
+                              ],
+                              2
+                            ),
+                          ],
+                          1
+                        ),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
+                        attrs: {
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
+                        },
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "skor",
+                                expression: "tabName == 'skor'",
+                              },
+                            ],
+                          },
+                          [
+                            _vm.form.calon
+                              ? _c("div", { staticClass: "card " }, [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass:
+                                        "card-header bg-white header-elements-inline",
+                                    },
+                                    [
+                                      _c("h5", { staticClass: "card-title" }, [
+                                        _vm._v("Perolehan Skor"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c(
+                                        "div",
+                                        { staticClass: "header-elements" },
+                                        [
+                                          _c(
+                                            "button",
+                                            {
+                                              staticClass:
+                                                "btn btn-light btn-icon mb-1",
+                                              attrs: { type: "button" },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.fetch()
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c("i", {
+                                                staticClass: "icon-sync",
+                                              }),
+                                              _vm._v(
+                                                " Reload Data\n\t\t\t\t\t\t\t\t\t\t"
+                                              ),
+                                            ]
+                                          ),
+                                        ]
+                                      ),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "card-body" },
+                                    _vm._l(_vm.formCalon, function (p, index) {
+                                      return _c("div", { key: index }, [
+                                        _c(
+                                          "div",
+                                          { staticClass: "card card-body" },
+                                          [
+                                            _c("div", { staticClass: "row" }, [
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "col-sm-3 mb-1 mt-1",
+                                                },
+                                                [
+                                                  _c(
+                                                    "div",
+                                                    { staticClass: "row" },
+                                                    [
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass: "col-4",
+                                                        },
+                                                        [
+                                                          p.gambar
+                                                            ? _c("img", {
+                                                                staticClass:
+                                                                  "img-rounded img-fluid wmin-sm",
+                                                                attrs: {
+                                                                  src:
+                                                                    "/images/aktivis/" +
+                                                                    p.gambar +
+                                                                    "n.jpg",
+                                                                  width: "35px",
+                                                                },
+                                                              })
+                                                            : _c("img", {
+                                                                staticClass:
+                                                                  "img-rounded img-fluid wmin-sm",
+                                                                attrs: {
+                                                                  src: "/images/no_image.jpg",
+                                                                  width: "35px",
+                                                                },
+                                                              }),
+                                                        ]
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass: "col-8",
+                                                        },
+                                                        [
+                                                          p.pivot
+                                                            ? _c(
+                                                                "span",
+                                                                {
+                                                                  staticClass:
+                                                                    "badge badge-success",
+                                                                },
+                                                                [
+                                                                  _vm._v(
+                                                                    "No. Urut " +
+                                                                      _vm._s(
+                                                                        p.pivot
+                                                                          .no_urut
+                                                                      )
+                                                                  ),
+                                                                ]
+                                                              )
+                                                            : _vm._e(),
+                                                          _vm._v(" "),
+                                                          _c("br"),
+                                                          _vm._v(" "),
+                                                          _c("b", [
+                                                            _vm._v(
+                                                              _vm._s(p.name)
+                                                            ),
+                                                          ]),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "col-sm-8 mb-1 mt-1",
+                                                },
+                                                [
+                                                  _c(
+                                                    "div",
+                                                    { staticClass: "progress" },
+                                                    [
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "progress-bar-striped bg-success",
+                                                          style: {
+                                                            width:
+                                                              Math.round(
+                                                                (p.pivot.skor /
+                                                                  _vm.form
+                                                                    .suara) *
+                                                                  100
+                                                              ) + "%",
+                                                          },
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "span",
+                                                            {
+                                                              staticClass:
+                                                                "text-default font-size-lg",
+                                                            },
+                                                            [
+                                                              _vm._v(
+                                                                "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                              ),
+                                                              _c("b", [
+                                                                _vm._v(
+                                                                  _vm._s(
+                                                                    Math.round(
+                                                                      (p.pivot
+                                                                        .skor /
+                                                                        _vm.form
+                                                                          .suara) *
+                                                                        100
+                                                                    ) + "%"
+                                                                  )
+                                                                ),
+                                                              ]),
+                                                              _vm._v(
+                                                                "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                              ),
+                                                            ]
+                                                          ),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "col-sm-1 mb-1 mt-1",
+                                                },
+                                                [
+                                                  _c("b", [
+                                                    _vm._v(
+                                                      _vm._s(p.pivot.skor) +
+                                                        " / " +
+                                                        _vm._s(_vm.form.suara)
+                                                    ),
+                                                  ]),
+                                                ]
+                                              ),
+                                            ]),
+                                          ]
+                                        ),
+                                      ])
+                                    }),
+                                    0
+                                  ),
+                                ])
+                              : _vm._e(),
+                          ]
+                        ),
+                      ]
+                    ),
+                  ]
+                : _vm.formStat == "loading"
+                ? _c("div", [_vm._m(0)])
+                : _c("div", [_vm._m(1)]),
+            ],
+            2
+          ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
+            title: _vm.modalTitle,
+            button: _vm.modalButton,
+            content: _vm.modalContent,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
         },
         [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+          _vm._v(" "),
+          _c("template", { slot: "modal-body1" }),
+          _vm._v(" "),
           _c(
             "template",
-            { slot: "button-desktop" },
+            { slot: "modal-body2" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_pemilihan"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_pemilihan"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("status")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-calendar5" }),
-                      _vm._v(" Status\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_pemilihan"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
+              _vm.state == "qrCode" || _vm.state == "qrCodeInput"
+                ? _c("qr-code", {
+                    attrs: {
+                      selectedItem: _vm.selectedSuara,
+                      title: _vm.form.name,
                     },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
+                    on: { tutup: _vm.modalTutup },
+                  })
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["index_pemilihan"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.detail(_vm.selectedItem.id)
-                        },
-                      },
+              _vm.state == "qrCodeAll"
+                ? _c("qr-code-all", {
+                    attrs: {
+                      itemData: _vm.itemDataSuara,
+                      title: _vm.form.name,
                     },
-                    [
-                      _c("i", { staticClass: "icon-stack2" }),
-                      _vm._v(" Detail\n\t\t\t"),
-                    ]
-                  )
+                    on: { tutup: _vm.modalTutup },
+                  })
                 : _vm._e(),
             ],
             1
@@ -754,80 +2480,31 @@ var render = function () {
           _vm._v(" "),
           _c(
             "template",
-            { slot: "button-mobile" },
+            { slot: "modal-body3" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_pemilihan"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_pemilihan"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("status")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-calendar5" }),
-                      _vm._v(" Status\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_pemilihan"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
+              _vm.state == "tambah_suara"
+                ? _c("form-kode-suara", {
+                    attrs: {
+                      kelas: _vm.kelas,
+                      id: _vm.form.id,
+                      id_cu: _vm.form.id_cu,
+                      mode: "store",
                     },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t\t"),
-                    ]
-                  )
+                    on: { tutup: _vm.modalTutup },
+                  })
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["index_pemilihan"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.detail(_vm.selectedItem.id)
-                        },
-                      },
+              _vm.state == "ubah_suara"
+                ? _c("form-kode-suara", {
+                    attrs: {
+                      kelas: _vm.kelas,
+                      id: _vm.form.id,
+                      id_cu: _vm.form.id_cu,
+                      selectedItem: _vm.selectedSuara,
+                      mode: "edit",
                     },
-                    [
-                      _c("i", { staticClass: "icon-stack2" }),
-                      _vm._v(" Detail\n\t\t\t\t"),
-                    ]
-                  )
+                    on: { tutup: _vm.modalTutup },
+                  })
                 : _vm._e(),
             ],
             1
@@ -835,23 +2512,218 @@ var render = function () {
         ],
         2
       ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h4", [_vm._v("Mohon tunggu...")]),
+        _vm._v(" "),
+        _c("div", { staticClass: "progress" }, [
+          _c(
+            "div",
+            {
+              staticClass:
+                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+              staticStyle: { width: "100%" },
+            },
+            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+          ),
+        ]),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h3", [_vm._v("Oops terjadi kesalahan")]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=template&id=2a27d33a&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=template&id=2a27d33a& ***!
+  \****************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("form") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
       _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
-        },
-        on: {
-          tutup: _vm.modalTutup,
-          confirmOk: _vm.modalConfirmOk,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalTutup,
+      _c(
+        "form",
+        {
+          attrs: { "data-vv-scope": "form" },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
         },
-      }),
+        [
+          _c(
+            "div",
+            {
+              staticClass: "form-group",
+              class: { "has-error": _vm.errors.has("form.name") },
+            },
+            [
+              _c(
+                "h5",
+                { class: { "text-danger": _vm.errors.has("form.name") } },
+                [
+                  _vm.errors.has("form.name")
+                    ? _c("i", { staticClass: "icon-cross2" })
+                    : _vm._e(),
+                  _vm._v("\n\t\t\t\t\tNama: "),
+                  _c("wajib-badge"),
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c("input", {
+                directives: [
+                  {
+                    name: "validate",
+                    rawName: "v-validate",
+                    value: "required",
+                    expression: "'required'",
+                  },
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.form.name,
+                    expression: "form.name",
+                  },
+                ],
+                staticClass: "form-control",
+                attrs: {
+                  type: "text",
+                  name: "name",
+                  placeholder: "Silahkan masukkan kode",
+                  "data-vv-as": "Kode",
+                },
+                domProps: { value: _vm.form.name },
+                on: {
+                  keydown: function ($event) {
+                    if (
+                      !$event.type.indexOf("key") &&
+                      _vm._k($event.keyCode, "space", 32, $event.key, [
+                        " ",
+                        "Spacebar",
+                      ])
+                    ) {
+                      return null
+                    }
+                    $event.preventDefault()
+                  },
+                  input: function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.$set(_vm.form, "name", $event.target.value)
+                  },
+                },
+              }),
+              _vm._v(" "),
+              _vm.errors.has("form.name")
+                ? _c("small", { staticClass: "text-muted text-danger" }, [
+                    _c("i", { staticClass: "icon-arrow-small-right" }),
+                    _vm._v(
+                      " " + _vm._s(_vm.errors.first("form.name")) + "\n\t\t\t\t"
+                    ),
+                  ])
+                : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+            ]
+          ),
+          _vm._v(" "),
+          _c("hr"),
+          _vm._v(" "),
+          _c("div", { staticClass: "text-center d-none d-md-block" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-primary",
+                attrs: { type: "submit", disabled: _vm.errors.any("form") },
+              },
+              [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "d-block d-md-none" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-primary btn-block pb-2",
+                attrs: { type: "submit", disabled: _vm.errors.any("form") },
+              },
+              [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block pb-2",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+          ]),
+        ]
+      ),
     ],
     1
   )
@@ -863,17 +2735,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/index.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/index.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/pemilihan/detail.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/detail.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_153dc7b2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=153dc7b2& */ "./resources/assets/js/views/pemilihan/index.vue?vue&type=template&id=153dc7b2&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _detail_vue_vue_type_template_id_4f15784c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=4f15784c& */ "./resources/assets/js/views/pemilihan/detail.vue?vue&type=template&id=4f15784c&");
+/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/detail.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -883,9 +2755,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_153dc7b2___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_153dc7b2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _detail_vue_vue_type_template_id_4f15784c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _detail_vue_vue_type_template_id_4f15784c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -895,54 +2767,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pemilihan/index.vue"
+component.options.__file = "resources/assets/js/views/pemilihan/detail.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/index.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/index.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/detail.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/detail.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/detail.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/index.vue?vue&type=template&id=153dc7b2&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/index.vue?vue&type=template&id=153dc7b2& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/detail.vue?vue&type=template&id=4f15784c&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/detail.vue?vue&type=template&id=4f15784c& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_153dc7b2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=153dc7b2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/index.vue?vue&type=template&id=153dc7b2&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_153dc7b2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_4f15784c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=4f15784c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/detail.vue?vue&type=template&id=4f15784c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_4f15784c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_153dc7b2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_4f15784c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/table.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/table.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/pemilihan/formKodeSuara.vue":
+/*!***************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/formKodeSuara.vue ***!
+  \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_a2075dba___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=a2075dba& */ "./resources/assets/js/views/pemilihan/table.vue?vue&type=template&id=a2075dba&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formKodeSuara_vue_vue_type_template_id_2a27d33a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKodeSuara.vue?vue&type=template&id=2a27d33a& */ "./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=template&id=2a27d33a&");
+/* harmony import */ var _formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKodeSuara.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -952,9 +2824,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_a2075dba___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_a2075dba___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formKodeSuara_vue_vue_type_template_id_2a27d33a___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formKodeSuara_vue_vue_type_template_id_2a27d33a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -964,38 +2836,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pemilihan/table.vue"
+component.options.__file = "resources/assets/js/views/pemilihan/formKodeSuara.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/table.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/table.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKodeSuara.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/table.vue?vue&type=template&id=a2075dba&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/table.vue?vue&type=template&id=a2075dba& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=template&id=2a27d33a&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=template&id=2a27d33a& ***!
+  \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_a2075dba___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=a2075dba& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/table.vue?vue&type=template&id=a2075dba&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_a2075dba___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_template_id_2a27d33a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKodeSuara.vue?vue&type=template&id=2a27d33a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formKodeSuara.vue?vue&type=template&id=2a27d33a&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_template_id_2a27d33a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_a2075dba___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKodeSuara_vue_vue_type_template_id_2a27d33a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/128.js b/public/js/components/128.js
index 280dff669..b36bc66ba 100644
--- a/public/js/components/128.js
+++ b/public/js/components/128.js
@@ -1,27 +1,14 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[128],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/index.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tempat/index.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/identitas.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/identitas.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/tempat/table.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
 //
 //
 //
@@ -47,49 +34,27 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-
-
-
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Tempat',
-      kelas: 'tempat',
-      titleDesc: 'Mengelola data tempat',
-      titleIcon: 'icon-location4'
-    };
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tempat', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
-  }))
+  props: ['itemData']
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/table.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tempat/table.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/pilih.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/pilih.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _identitas__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./identitas */ "./resources/assets/js/views/pemilihan/identitas.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -206,156 +171,249 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    identitas: _identitas__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
-  props: ['title', 'kelas'],
   data: function data() {
-    var _ref;
-
-    return _ref = {
-      state: '',
-      selectedItem: [],
-      query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
+    return {
+      title: 'Pilih',
+      kelas: 'pemilihan',
+      titleDesc: 'Pemilihan',
+      titleIcon: 'icon-quill4',
+      formPilihan: {
+        pemilihan_id: '',
+        pemilihan_calon_id: '',
+        no_urut: '',
+        name: ''
       },
-      excelDownloadUrl: '',
-      columnData: [{
-        title: 'No.',
-        name: 'No.'
-      }, {
-        title: 'Foto',
-        name: 'gambar',
-        hide: false
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Provinsi',
-        name: 'provinces.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kabupaten/Kota',
-        name: 'regencies.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kecamatan',
-        name: 'districts.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kelurahan',
-        name: 'villages.name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Alamat',
-        name: 'alamat',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Website',
-        name: 'website',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Email',
-        name: 'email',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'No. Telp',
-        name: 'telp',
-        tipe: 'numeric',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'No. Hp',
-        name: 'hp',
-        tipe: 'numeric',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kode Pos',
-        name: 'pos',
-        tipe: 'numeric',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterType: 'string'
-      }, {
-        title: 'Tgl. Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }]
-    }, _defineProperty(_ref, "state", ''), _defineProperty(_ref, "modalShow", false), _defineProperty(_ref, "modalState", ''), _defineProperty(_ref, "modalTitle", ''), _defineProperty(_ref, "modalButton", ''), _ref;
+      formMulti: [],
+      selectedItem: {},
+      selectedItemMulti: [],
+      modalShow: false,
+      modalState: '',
+      modalSize: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      modalButton: ''
+    };
   },
   created: function created() {
-    this.fetch(this.query);
+    this.fetch();
   },
   watch: {
     // check route changes
-    '$route': function $route(to, from) {
-      this.fetch(this.query);
+    $route: function $route(to, from) {
+      this.fetch();
+    },
+    itemDataStat: function itemDataStat(value) {
+      if (value == "success") {}
+    },
+    formStat: function formStat(value) {
+      if (value == "success") {
+        if (this.form.pemilihan_calon_id != null) {
+          if (this.itemData) {
+            if (this.itemData.pemilihan_max > 1) {
+              this.fetchCalonTerpilih(this.form.id);
+            }
+          }
+        }
+      }
     },
-    // when updating data
     updateStat: function updateStat(value) {
       this.modalState = value;
       this.modalButton = 'Ok';
@@ -372,50 +430,73 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     }
   },
   methods: {
-    fetch: function fetch(params) {
-      this.$store.dispatch(this.kelas + '/index', params);
-      this.excelDownloadUrl = this.kelas;
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + '/indexCalon', this.$route.params.name);
     },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
+    fetchCalonTerpilih: function fetchCalonTerpilih(id) {
+      this.$store.dispatch(this.kelas + '/indexCalonTerpilih', id);
     },
-    ubahData: function ubahData(id, id_cu) {
-      this.$router.push({
-        name: this.kelas + 'Edit',
-        params: {
-          id: id
+    multi: function multi(item) {
+      if (!this.formMulti.some(function (data) {
+        return data.pemilihan_calon_id == item.pivot.id;
+      })) {
+        if (this.formMulti.length < this.itemData.pemilihan_max) {
+          this.formMulti.push({
+            'pemilihan_calon_id': item.pivot.id,
+            'no_urut': item.pivot.no_urut,
+            'pemilihan_id': this.itemData.id,
+            'name': this.form.name,
+            'data': item
+          });
+        } else {
+          this.modalShow = true;
+          this.modalState = 'tutup';
+          this.modalTitle = 'Maaf anda tidak bisa memilih lebih dari ' + this.itemData.pemilihan_max + ' calon.';
         }
-      });
+      } else {
+        this.formMulti = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.reject(this.formMulti, function (el) {
+          return el.pemilihan_calon_id == item.pivot.id;
+        });
+      }
     },
-    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
+    modalConfirmOpen: function modalConfirmOpen(state) {
       this.modalShow = true;
-      this.modalState = 'confirm-tutup';
-      this.state = state;
-
-      if (isMobile) {
-        this.selectedItem = itemMobile;
-      }
-
-      if (state == 'hapus') {
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-      }
+      this.modalState = 'normal1';
+      this.modalColor = 'bg-primary';
+      this.modalSize = '';
+      this.formPilihan.pemilihan_calon_id = state.pivot.id;
+      this.formPilihan.no_urut = state.pivot.no_urut;
+      this.formPilihan.pemilihan_id = this.itemData.id;
+      this.formPilihan.name = this.form.name;
+      this.selectedItem = state;
+      this.modalTitle = 'Pilih ' + this.selectedItem.name + ' ?';
+    },
+    modalOpen: function modalOpen() {
+      this.modalShow = true;
+      this.modalState = 'normal2';
+      this.modalColor = 'bg-primary';
+      this.modalTitle = 'Simpan pilihan anda?';
+      this.modalSize = "modal-full";
     },
     modalTutup: function modalTutup() {
       this.modalShow = false;
       this.$store.dispatch(this.kelas + '/resetUpdateStat');
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      if (this.itemData.pemilihan_max == 1) {
+        this.$store.dispatch(this.kelas + '/storePilihan', this.formPilihan);
+      } else {
+        this.$store.dispatch(this.kelas + '/storeMultiPilihan', this.formMulti);
       }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tempat', {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pemilihan', {
+    form: 'data',
+    formStat: 'dataStat',
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
+    itemData2: 'dataS2',
+    itemDataStat2: 'dataStatS2',
     updateMessage: 'update',
     updateStat: 'updateStat'
   }))
@@ -423,10 +504,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/index.vue?vue&type=template&id=3d9ecc06&":
-/*!*****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tempat/index.vue?vue&type=template&id=3d9ecc06& ***!
-  \*****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/identitas.vue?vue&type=template&id=4637c83c&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/identitas.vue?vue&type=template&id=4637c83c& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -438,43 +519,74 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("table-data", {
-                attrs: { title: _vm.title, kelas: _vm.kelas },
-              }),
-            ],
-            1
-          ),
+  return _c("div", { staticClass: "media flex-column flex-sm-row mt-0 mb-0" }, [
+    _c("div", { staticClass: "mr-sm-3 mb-2 mb-sm-0" }, [
+      _c("div", { staticClass: "card-img-actions" }, [
+        _vm.itemData.gambar
+          ? _c("img", {
+              staticClass: "img-fluid img-preview rounded",
+              attrs: { src: "/images/aktivis/" + _vm.itemData.gambar + ".jpg" },
+            })
+          : _c("img", {
+              staticClass: "img-fluid img-preview rounded",
+              attrs: { src: "/images/no_image.jpg" },
+            }),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "media-body" }, [
+      _c("ul", { staticClass: "list list-unstyled mb-0" }, [
+        _c("li", [
+          _c("b", [_vm._v("Gender:")]),
+          _vm._v(" " + _vm._s(_vm.itemData.kelamin)),
+        ]),
+        _vm._v(" "),
+        _c("li", [
+          _c("b", [_vm._v("Agama:")]),
+          _vm._v(" " + _vm._s(_vm.itemData.agama)),
+        ]),
+        _vm._v(" "),
+        _c("li", [
+          _c("b", [_vm._v("Usia:")]),
+          _vm._v(" "),
+          _vm.itemData.tanggal_lahir
+            ? _c("span", {
+                domProps: {
+                  innerHTML: _vm._s(
+                    _vm.$options.filters.age(_vm.itemData.tanggal_lahir)
+                  ),
+                },
+              })
+            : _vm._e(),
+          _vm._v(" tahun\n      "),
+        ]),
+        _vm._v(" "),
+        _c("li", [
+          _c("b", [_vm._v("Tempat Lahir:")]),
+          _vm._v(" " + _vm._s(_vm.itemData.tempat_lahir)),
+        ]),
+        _vm._v(" "),
+        _c("li", [
+          _c("b", [_vm._v("Status:")]),
+          _vm._v(" " + _vm._s(_vm.itemData.status)),
+        ]),
+        _vm._v(" "),
+        _c("li", [
+          _c("b", [_vm._v("Pendidikan:")]),
+          _vm._v(" "),
+          _vm.itemData.pendidikan_tertinggi
+            ? _c("span", [
+                _vm._v(
+                  _vm._s(_vm.itemData.pendidikan_tertinggi.tingkat) +
+                    " " +
+                    _vm._s(_vm.itemData.pendidikan_tertinggi.name)
+                ),
+              ])
+            : _vm._e(),
         ]),
       ]),
-    ],
-    1
-  )
+    ]),
+  ])
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -483,10 +595,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/table.vue?vue&type=template&id=ca68620e&":
-/*!*****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tempat/table.vue?vue&type=template&id=ca68620e& ***!
-  \*****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/pilih.vue?vue&type=template&id=ae03ed72&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/pilih.vue?vue&type=template&id=ae03ed72& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -502,412 +614,951 @@ var render = function () {
     "div",
     [
       _c(
-        "data-viewer",
+        "div",
+        { staticClass: "navbar navbar-expand-lg navbar-dark bg-indigo" },
+        [
+          _vm._m(0),
+          _vm._v(" "),
+          _c("div", [
+            _c("span", { staticClass: "navbar-text ml-lg-3 mr-lg-auto" }, [
+              _c("span", { staticClass: "badge bg-success-400" }, [
+                _vm._v("PUSKOPCUINA \n\t\t\t\t\t"),
+                _vm.itemData.cu
+                  ? _c("span", [
+                      _vm._v(
+                        "\n\t\t\t\t\t\t- " +
+                          _vm._s(_vm.itemData.cu.name) +
+                          "\n\t\t\t\t\t"
+                      ),
+                    ])
+                  : _vm._e(),
+              ]),
+            ]),
+          ]),
+        ]
+      ),
+      _vm._v(" "),
+      _c("div", [
+        _c("div", { staticClass: "page-header" }, [
+          _c(
+            "div",
+            { staticClass: "page-header-content header-elements-md-inline" },
+            [
+              _c("div", { staticClass: "page-title d-flex" }, [
+                _c("h4", [
+                  _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+                  _vm._v(" "),
+                  _c("span", { staticClass: "font-weight-semibold" }, [
+                    _vm._v(_vm._s(_vm.itemData.name)),
+                  ]),
+                  _vm._v(" "),
+                  _c("small", { staticClass: "d-block text-muted" }, [
+                    _vm._v("Selamat datang "),
+                    _c("i", [_vm._v(_vm._s(_vm.form.name) + " ")]),
+                  ]),
+                ]),
+              ]),
+            ]
+          ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataStat == "success"
+                ? _c("div", [
+                    _vm.form
+                      ? _c("div", [
+                          _vm.form.pemilihan_calon_id == null
+                            ? _c("div", [
+                                _c("div", { staticClass: "card card-body" }, [
+                                  _c("h5", [
+                                    _c("b", [_vm._v("Selamat Datang!")]),
+                                    _vm._v(" "),
+                                    _c("br"),
+                                    _c("br"),
+                                    _vm._v(
+                                      " Silahkan memilih calon dengan menekan tombol \n\t\t\t\t\t\t\t\t"
+                                    ),
+                                    _vm._m(1),
+                                    _vm._v(
+                                      " \n\t\t\t\t\t\t\t\tpada masing-masing kartu calon dibawah ini.\n\t\t\t\t\t\t\t\t"
+                                    ),
+                                    _vm.itemData.pemilihan_max > 1
+                                      ? _c("span", [
+                                          _c("br"),
+                                          _c("br"),
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\tDan menekan \n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                          _vm._m(2),
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\tuntuk membatalkan pilihan.\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                          _c("hr"),
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\tDan kemudian menekan tombol \n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                          _vm._m(3),
+                                          _vm._v(
+                                            " \n\t\t\t\t\t\t\t\t\tyang berada di bagian paling bawah dari halaman ini untuk menyimpan pilihan anda. \n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                          _c("hr"),
+                                          _vm._v(" "),
+                                          _vm._m(4),
+                                        ])
+                                      : _vm._e(),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "row" },
+                                  [
+                                    _vm._l(
+                                      _vm.itemData.calon,
+                                      function (item, index) {
+                                        return _c(
+                                          "div",
+                                          {
+                                            key: index,
+                                            staticClass: "col-md-6 col-lg-4",
+                                          },
+                                          [
+                                            _c(
+                                              "div",
+                                              {
+                                                staticClass: "card",
+                                                class: {
+                                                  "border-success":
+                                                    _vm.formMulti.some(
+                                                      function (data) {
+                                                        return (
+                                                          data.pemilihan_calon_id ==
+                                                          item.pivot.id
+                                                        )
+                                                      }
+                                                    ),
+                                                },
+                                              },
+                                              [
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    staticClass:
+                                                      "card-header bg-white header-elements-inline",
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "h5",
+                                                      {
+                                                        staticClass:
+                                                          "card-title",
+                                                      },
+                                                      [
+                                                        _vm._v(
+                                                          _vm._s(item.name)
+                                                        ),
+                                                      ]
+                                                    ),
+                                                    _vm._v(" "),
+                                                    item.pivot
+                                                      ? _c(
+                                                          "span",
+                                                          {
+                                                            staticClass:
+                                                              "badge badge-success",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "h6",
+                                                              {
+                                                                staticClass:
+                                                                  "mb-0",
+                                                              },
+                                                              [
+                                                                _vm._v(
+                                                                  "No. Urut " +
+                                                                    _vm._s(
+                                                                      item.pivot
+                                                                        .no_urut
+                                                                    )
+                                                                ),
+                                                              ]
+                                                            ),
+                                                          ]
+                                                        )
+                                                      : _vm._e(),
+                                                  ]
+                                                ),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "div",
+                                                  { staticClass: "card-body" },
+                                                  [
+                                                    _c("identitas", {
+                                                      attrs: { itemData: item },
+                                                    }),
+                                                  ],
+                                                  1
+                                                ),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    staticClass: "card-footer",
+                                                  },
+                                                  [
+                                                    _vm.itemData
+                                                      .pemilihan_min == 1 &&
+                                                    _vm.itemData
+                                                      .pemilihan_max == 1
+                                                      ? _c(
+                                                          "button",
+                                                          {
+                                                            staticClass:
+                                                              "btn btn-primary btn-block mb-1",
+                                                            on: {
+                                                              click: function (
+                                                                $event
+                                                              ) {
+                                                                $event.preventDefault()
+                                                                return _vm.modalConfirmOpen(
+                                                                  item
+                                                                )
+                                                              },
+                                                            },
+                                                          },
+                                                          [
+                                                            _c("i", {
+                                                              staticClass:
+                                                                "icon-check",
+                                                            }),
+                                                            _vm._v(
+                                                              " PILIH\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                            ),
+                                                          ]
+                                                        )
+                                                      : [
+                                                          _vm.formMulti.some(
+                                                            function (data) {
+                                                              return (
+                                                                data.pemilihan_calon_id ==
+                                                                item.pivot.id
+                                                              )
+                                                            }
+                                                          )
+                                                            ? _c(
+                                                                "button",
+                                                                {
+                                                                  staticClass:
+                                                                    "btn btn-success btn-block mb-1",
+                                                                  on: {
+                                                                    click:
+                                                                      function (
+                                                                        $event
+                                                                      ) {
+                                                                        $event.preventDefault()
+                                                                        return _vm.multi(
+                                                                          item
+                                                                        )
+                                                                      },
+                                                                  },
+                                                                },
+                                                                [
+                                                                  _c("i", {
+                                                                    staticClass:
+                                                                      "icon-check",
+                                                                  }),
+                                                                  _vm._v(
+                                                                    " TERPILIH\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                  ),
+                                                                ]
+                                                              )
+                                                            : _c(
+                                                                "button",
+                                                                {
+                                                                  staticClass:
+                                                                    "btn btn-primary btn-block mb-1",
+                                                                  on: {
+                                                                    click:
+                                                                      function (
+                                                                        $event
+                                                                      ) {
+                                                                        $event.preventDefault()
+                                                                        return _vm.multi(
+                                                                          item
+                                                                        )
+                                                                      },
+                                                                  },
+                                                                },
+                                                                [
+                                                                  _c("i", {
+                                                                    staticClass:
+                                                                      "icon-check",
+                                                                  }),
+                                                                  _vm._v(
+                                                                    " PILIH\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                        ],
+                                                  ],
+                                                  2
+                                                ),
+                                              ]
+                                            ),
+                                          ]
+                                        )
+                                      }
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.itemData.pemilihan_max > 1
+                                      ? _c(
+                                          "div",
+                                          { staticClass: "col-md-12" },
+                                          [
+                                            _c(
+                                              "div",
+                                              { staticClass: "card card-body" },
+                                              [
+                                                _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-primary btn-block mb-1",
+                                                    attrs: {
+                                                      disabled:
+                                                        _vm.formMulti.length <
+                                                        _vm.itemData
+                                                          .pemilihan_min,
+                                                    },
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.modalOpen()
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass:
+                                                        "icon-floppy-disk",
+                                                    }),
+                                                    _vm._v(
+                                                      " SIMPAN PILIHAN\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                          ]
+                                        )
+                                      : _vm._e(),
+                                  ],
+                                  2
+                                ),
+                              ])
+                            : _vm.form.pemilihan_calon_id != null
+                            ? _c("div", [
+                                _vm._m(5),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "card" }, [
+                                  _vm._m(6),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "card-body" }, [
+                                    _vm.itemData.pemilihan_max == 1
+                                      ? _c(
+                                          "div",
+                                          {
+                                            staticClass: "card border-primary",
+                                          },
+                                          [
+                                            _c(
+                                              "div",
+                                              {
+                                                staticClass:
+                                                  "card-header bg-primary header-elements-inline",
+                                              },
+                                              [
+                                                _c(
+                                                  "h5",
+                                                  { staticClass: "card-title" },
+                                                  [
+                                                    _vm._v(
+                                                      _vm._s(
+                                                        _vm.form.calon.aktivis
+                                                          .name
+                                                      )
+                                                    ),
+                                                  ]
+                                                ),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "span",
+                                                  {
+                                                    staticClass:
+                                                      "badge badge-success",
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "h6",
+                                                      { staticClass: "mb-0" },
+                                                      [
+                                                        _vm._v(
+                                                          "No. Urut " +
+                                                            _vm._s(
+                                                              _vm.form.calon
+                                                                .no_urut
+                                                            )
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "div",
+                                              { staticClass: "card-body" },
+                                              [
+                                                _c("identitas", {
+                                                  attrs: {
+                                                    itemData:
+                                                      _vm.form.calon.aktivis,
+                                                  },
+                                                }),
+                                              ],
+                                              1
+                                            ),
+                                          ]
+                                        )
+                                      : _c(
+                                          "div",
+                                          { staticClass: "row" },
+                                          _vm._l(
+                                            _vm.itemData2,
+                                            function (item, index) {
+                                              return _c(
+                                                "div",
+                                                {
+                                                  key: index,
+                                                  staticClass: "col-md-4",
+                                                },
+                                                [
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass:
+                                                        "card border-primary",
+                                                    },
+                                                    [
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "card-header bg-primary header-elements-inline",
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "h5",
+                                                            {
+                                                              staticClass:
+                                                                "card-title",
+                                                            },
+                                                            [
+                                                              _vm._v(
+                                                                _vm._s(
+                                                                  item.calon
+                                                                    .aktivis
+                                                                    .name
+                                                                )
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "span",
+                                                            {
+                                                              staticClass:
+                                                                "badge badge-success",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "h6",
+                                                                {
+                                                                  staticClass:
+                                                                    "mb-0",
+                                                                },
+                                                                [
+                                                                  _vm._v(
+                                                                    "No. Urut " +
+                                                                      _vm._s(
+                                                                        item
+                                                                          .calon
+                                                                          .no_urut
+                                                                      )
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                        ]
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "card-body",
+                                                        },
+                                                        [
+                                                          _c("identitas", {
+                                                            attrs: {
+                                                              itemData:
+                                                                item.calon
+                                                                  .aktivis,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              )
+                                            }
+                                          ),
+                                          0
+                                        ),
+                                  ]),
+                                ]),
+                              ])
+                            : _vm._e(),
+                        ])
+                      : _c("div", [_vm._m(7)]),
+                  ])
+                : _vm.itemDataStat == "loading"
+                ? _c("div", [_vm._m(8)])
+                : _c("div", [_vm._m(9)]),
+            ],
+            1
+          ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c(
+        "app-modal",
         {
           attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
-            excelDownloadUrl: _vm.excelDownloadUrl,
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            size: _vm.modalSize,
+            title: _vm.modalTitle,
+            button: _vm.modalButton,
+            color: _vm.modalColor,
+            content: _vm.modalContent,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
           },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  _c(
-                    "tr",
-                    {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
-                    },
-                    [
-                      !_vm.columnData[0].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c("td", [
-                            props.item.gambar
-                              ? _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src:
-                                      "/images/tempat/" +
-                                      props.item.gambar +
-                                      "n.jpg",
-                                    width: "40",
-                                  },
-                                })
-                              : _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src: "/images/no_image.jpg",
-                                    width: "40",
-                                  },
-                                }),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.provinces
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.provinces.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide && !_vm.columnData[4].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.regencies
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.regencies.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide && !_vm.columnData[5].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.districts
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.districts.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide && !_vm.columnData[6].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.villages
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.villages.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.alamat },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[8].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.website },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[9].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.email },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[10].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.telp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[11].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.hp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[12].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.pos },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[13].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[14].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                    ]
-                  ),
-                ]
-              },
-            },
-          ]),
         },
         [
-          _c(
-            "template",
-            { slot: "button-desktop" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_tempat"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+          _vm._v(" "),
+          _c("template", { slot: "modal-body1" }, [
+            _c("div", { staticClass: "card" }, [
+              _c(
+                "div",
+                { staticClass: "card-header bg-white header-elements-inline" },
+                [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _vm._v(_vm._s(_vm.selectedItem.name)),
+                  ]),
+                  _vm._v(" "),
+                  _vm.selectedItem.pivot
+                    ? _c("span", { staticClass: "badge badge-success" }, [
+                        _c("h6", { staticClass: "mb-0" }, [
+                          _vm._v(
+                            "No. Urut " + _vm._s(_vm.selectedItem.pivot.no_urut)
+                          ),
+                        ]),
+                      ])
+                    : _vm._e(),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "div",
+                { staticClass: "card-body" },
+                [_c("identitas", { attrs: { itemData: _vm.selectedItem } })],
+                1
+              ),
+            ]),
+            _vm._v(" "),
+            _c("div", [
+              _c("div", { staticClass: "alert bg-warning alert-styled-left" }, [
+                _c("h6", [
+                  _vm._v(
+                    "Pastikan anda memilih dengan benar, anda tidak bisa melakukan pemilihan ulang lagi apabila salah memilih."
+                  ),
+                ]),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "text-center d-none d-md-block" }, [
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalTutup.apply(null, arguments)
                     },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah " + _vm._s(_vm.title) + "\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
+                  },
+                },
+                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+              ),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_tempat"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
-                        },
-                      },
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-primary",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalConfirmOk.apply(null, arguments)
                     },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah " + _vm._s(_vm.title) + "\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
+                  },
+                },
+                [_c("i", { staticClass: "icon-check" }), _vm._v(" Pilih")]
+              ),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "d-block d-md-none" }, [
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-primary btn-block pb-2",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalConfirmOk.apply(null, arguments)
+                    },
+                  },
+                },
+                [_c("i", { staticClass: "icon-check" }), _vm._v(" Pilih")]
+              ),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_tempat"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-block pb-2",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalTutup.apply(null, arguments)
                     },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus " + _vm._s(_vm.title) + "\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
+                  },
+                },
+                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+              ),
+            ]),
+          ]),
           _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_tempat"]
+          _c("template", { slot: "modal-body2" }, [
+            _c(
+              "div",
+              { staticClass: "row" },
+              _vm._l(_vm.formMulti, function (item, index) {
+                return _c("div", { key: index, staticClass: "col-lg-4" }, [
+                  _c("div", { staticClass: "card" }, [
+                    _c(
+                      "div",
+                      {
+                        staticClass:
+                          "card-header bg-white header-elements-inline",
+                      },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(_vm._s(item.data.name)),
+                        ]),
+                        _vm._v(" "),
+                        item.data.pivot
+                          ? _c("span", { staticClass: "badge badge-success" }, [
+                              _c("h6", { staticClass: "mb-0" }, [
+                                _vm._v(
+                                  "No. Urut " + _vm._s(item.data.pivot.no_urut)
+                                ),
+                              ]),
+                            ])
+                          : _vm._e(),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "div",
+                      { staticClass: "card-body" },
+                      [_c("identitas", { attrs: { itemData: item.data } })],
+                      1
+                    ),
+                  ]),
+                ])
+              }),
+              0
+            ),
+            _vm._v(" "),
+            _c("div", [
+              _vm.formMulti.length < _vm.itemData.pemilihan_max
                 ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
+                    "div",
+                    { staticClass: "alert bg-warning alert-styled-left" },
                     [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah " + _vm._s(_vm.title) + "\n\t\t\t"),
+                      _c("h6", [
+                        _vm._v(
+                          "Anda masih bisa memilih " +
+                            _vm._s(
+                              _vm.itemData.pemilihan_max - _vm.formMulti.length
+                            ) +
+                            " calon lagi, apakah yakin akan melanjutkan?"
+                        ),
+                      ]),
                     ]
                   )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_tempat"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
-                        },
-                      },
-                    },
+                : _c(
+                    "div",
+                    { staticClass: "alert bg-warning alert-styled-left" },
                     [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah " + _vm._s(_vm.title) + "\n\t\t\t"),
+                      _c("h6", [
+                        _vm._v(
+                          "Pastikan anda memilih dengan benar, anda tidak bisa melakukan pemilihan ulang lagi apabila salah memilih."
+                        ),
+                      ]),
                     ]
-                  )
-                : _vm._e(),
+                  ),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "text-center d-none d-md-block" }, [
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalTutup.apply(null, arguments)
+                    },
+                  },
+                },
+                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+              ),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_tempat"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-primary",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalConfirmOk.apply(null, arguments)
                     },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus " + _vm._s(_vm.title) + "\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
+                  },
+                },
+                [_c("i", { staticClass: "icon-check" }), _vm._v(" Ok")]
+              ),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "d-block d-md-none" }, [
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-primary btn-block pb-2",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalConfirmOk.apply(null, arguments)
+                    },
+                  },
+                },
+                [_c("i", { staticClass: "icon-check" }), _vm._v(" Ok")]
+              ),
+              _vm._v(" "),
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-block pb-2",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalTutup.apply(null, arguments)
+                    },
+                  },
+                },
+                [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+              ),
+            ]),
+          ]),
         ],
         2
       ),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-        },
-        on: {
-          tutup: _vm.modalTutup,
-          confirmOk: _vm.modalConfirmOk,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalTutup,
-        },
-      }),
     ],
     1
   )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "navbar-brand wmin-0 mr-0" }, [
+      _c("a", { staticClass: "d-inline-block", attrs: { href: "#" } }, [
+        _c("img", { attrs: { src: "/images/simo.png" } }),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("button", { staticClass: "btn btn-primary btn-sm" }, [
+      _c("i", { staticClass: "icon-check" }),
+      _vm._v(" PILIH\n\t\t\t\t\t\t\t\t"),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("button", { staticClass: "btn btn-success btn-sm" }, [
+      _c("i", { staticClass: "icon-check" }),
+      _vm._v(" TERPILIH\n\t\t\t\t\t\t\t\t\t"),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("button", { staticClass: "btn btn-primary btn-sm" }, [
+      _c("i", { staticClass: "icon-floppy-disk" }),
+      _vm._v(" SIMPAN PILIHAN\n\t\t\t\t\t\t\t\t\t"),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("b", [
+      _vm._v("Jika tidak menekan tombol \n\t\t\t\t\t\t\t\t\t\t"),
+      _c("button", { staticClass: "btn btn-primary btn-sm" }, [
+        _c("i", { staticClass: "icon-floppy-disk" }),
+        _vm._v(" SIMPAN PILIHAN\n\t\t\t\t\t\t\t\t\t\t"),
+      ]),
+      _vm._v(" \n\t\t\t\t\t\t\t\t\t\t maka pilihan anda belum tersimpan"),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card bg-success text-white card-body" }, [
+      _c("h3", [
+        _c("i", { staticClass: "icon-check" }),
+        _vm._v(" Terima Kasih Sudah Melakukan Pemilihan"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Pilihan Anda Adalah")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card card-body" }, [
+      _c("h5", [
+        _c("b", [_vm._v("Selamat Datang!")]),
+        _vm._v(" "),
+        _c("br"),
+        _vm._v(" Saat ini masih belum terdapat pemilihan"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h4", [_vm._v("Mohon tunggu...")]),
+        _vm._v(" "),
+        _c("div", { staticClass: "progress" }, [
+          _c(
+            "div",
+            {
+              staticClass:
+                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+              staticStyle: { width: "100%" },
+            },
+            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+          ),
+        ]),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h3", [_vm._v("Oops terjadi kesalahan")]),
+      ]),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tempat/index.vue":
-/*!****************************************************!*\
-  !*** ./resources/assets/js/views/tempat/index.vue ***!
-  \****************************************************/
+/***/ "./resources/assets/js/views/pemilihan/identitas.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/identitas.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_3d9ecc06___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=3d9ecc06& */ "./resources/assets/js/views/tempat/index.vue?vue&type=template&id=3d9ecc06&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/tempat/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _identitas_vue_vue_type_template_id_4637c83c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./identitas.vue?vue&type=template&id=4637c83c& */ "./resources/assets/js/views/pemilihan/identitas.vue?vue&type=template&id=4637c83c&");
+/* harmony import */ var _identitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./identitas.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/identitas.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -917,9 +1568,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_3d9ecc06___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_3d9ecc06___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _identitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _identitas_vue_vue_type_template_id_4637c83c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _identitas_vue_vue_type_template_id_4637c83c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -929,54 +1580,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/tempat/index.vue"
+component.options.__file = "resources/assets/js/views/pemilihan/identitas.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tempat/index.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************!*\
-  !*** ./resources/assets/js/views/tempat/index.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/identitas.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/identitas.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_identitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./identitas.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/identitas.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_identitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tempat/index.vue?vue&type=template&id=3d9ecc06&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/tempat/index.vue?vue&type=template&id=3d9ecc06& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/identitas.vue?vue&type=template&id=4637c83c&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/identitas.vue?vue&type=template&id=4637c83c& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3d9ecc06___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=3d9ecc06& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/index.vue?vue&type=template&id=3d9ecc06&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3d9ecc06___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_identitas_vue_vue_type_template_id_4637c83c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./identitas.vue?vue&type=template&id=4637c83c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/identitas.vue?vue&type=template&id=4637c83c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_identitas_vue_vue_type_template_id_4637c83c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3d9ecc06___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_identitas_vue_vue_type_template_id_4637c83c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tempat/table.vue":
-/*!****************************************************!*\
-  !*** ./resources/assets/js/views/tempat/table.vue ***!
-  \****************************************************/
+/***/ "./resources/assets/js/views/pemilihan/pilih.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/pilih.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_ca68620e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=ca68620e& */ "./resources/assets/js/views/tempat/table.vue?vue&type=template&id=ca68620e&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/tempat/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _pilih_vue_vue_type_template_id_ae03ed72___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pilih.vue?vue&type=template&id=ae03ed72& */ "./resources/assets/js/views/pemilihan/pilih.vue?vue&type=template&id=ae03ed72&");
+/* harmony import */ var _pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pilih.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/pilih.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -986,9 +1637,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_ca68620e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_ca68620e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pilih_vue_vue_type_template_id_ae03ed72___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pilih_vue_vue_type_template_id_ae03ed72___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -998,38 +1649,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/tempat/table.vue"
+component.options.__file = "resources/assets/js/views/pemilihan/pilih.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tempat/table.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************!*\
-  !*** ./resources/assets/js/views/tempat/table.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/pilih.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/pilih.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./pilih.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/pilih.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tempat/table.vue?vue&type=template&id=ca68620e&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/tempat/table.vue?vue&type=template&id=ca68620e& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/pilih.vue?vue&type=template&id=ae03ed72&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/pilih.vue?vue&type=template&id=ae03ed72& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_ca68620e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=ca68620e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/table.vue?vue&type=template&id=ca68620e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_ca68620e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_template_id_ae03ed72___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./pilih.vue?vue&type=template&id=ae03ed72& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/pilih.vue?vue&type=template&id=ae03ed72&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_template_id_ae03ed72___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_ca68620e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pilih_vue_vue_type_template_id_ae03ed72___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/129.js b/public/js/components/129.js
index ea65eb0aa..e0a4b30d5 100644
--- a/public/js/components/129.js
+++ b/public/js/components/129.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[129],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/index.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/index.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/index.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/index.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -12,7 +12,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/voting/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/pemilihan/table.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -70,15 +70,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Voting',
-      kelas: 'voting',
-      titleDesc: 'Mengelola data voting',
-      titleIcon: 'icon-point-up',
-      selectCuPath: 'voting'
+      title: 'Pemilihan',
+      kelas: 'pemilihan',
+      titleDesc: 'Mengelola data pemilihan',
+      titleIcon: 'icon-quill4',
+      selectCuPath: 'pemilihanCu'
     };
   },
   created: function created() {
-    this.checkUser('index_voting', this.$route.params.cu);
+    this.checkUser('index_pemilihan', this.$route.params.cu);
   },
   watch: {
     // check route changes
@@ -103,7 +103,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('voting', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pemilihan', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -111,10 +111,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/table.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/table.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/table.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/table.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -225,7 +225,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
 
 
 
@@ -277,12 +276,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         disable: false,
         filter: true
       }, {
-        title: 'Kegiatan',
-        name: 'kegiatan.name',
+        title: 'Tingkat',
+        name: 'tingkat',
+        tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
-        filter: true
+        filter: false
       }, {
         title: 'Suara',
         name: 'suara',
@@ -418,7 +418,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('voting', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('pemilihan', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -428,10 +428,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/index.vue?vue&type=template&id=ba6bb7c6&":
-/*!*****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/index.vue?vue&type=template&id=ba6bb7c6& ***!
-  \*****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/index.vue?vue&type=template&id=153dc7b2&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/index.vue?vue&type=template&id=153dc7b2& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -498,10 +498,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/table.vue?vue&type=template&id=5c655919&":
-/*!*****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/table.vue?vue&type=template&id=5c655919& ***!
-  \*****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/table.vue?vue&type=template&id=a2075dba&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/table.vue?vue&type=template&id=a2075dba& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -604,13 +604,9 @@ var render = function () {
                         ? _c(
                             "td",
                             [
-                              props.item.kegiatan
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.kegiatan.name },
-                                  })
-                                : _c("check-value", {
-                                    attrs: { value: props.item.name_kegiatan },
-                                  }),
+                              _c("check-value", {
+                                attrs: { value: props.item.tingkat },
+                              }),
                             ],
                             1
                           )
@@ -679,7 +675,7 @@ var render = function () {
             "template",
             { slot: "button-desktop" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_voting"]
+              _vm.currentUser.can && _vm.currentUser.can["create_pemilihan"]
                 ? _c(
                     "router-link",
                     {
@@ -693,7 +689,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_voting"]
+              _vm.currentUser.can && _vm.currentUser.can["update_pemilihan"]
                 ? _c(
                     "button",
                     {
@@ -713,7 +709,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_voting"]
+              _vm.currentUser.can && _vm.currentUser.can["destroy_pemilihan"]
                 ? _c(
                     "button",
                     {
@@ -733,7 +729,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["index_voting"]
+              _vm.currentUser.can && _vm.currentUser.can["index_pemilihan"]
                 ? _c(
                     "button",
                     {
@@ -760,7 +756,7 @@ var render = function () {
             "template",
             { slot: "button-mobile" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_voting"]
+              _vm.currentUser.can && _vm.currentUser.can["create_pemilihan"]
                 ? _c(
                     "router-link",
                     {
@@ -774,7 +770,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_voting"]
+              _vm.currentUser.can && _vm.currentUser.can["update_pemilihan"]
                 ? _c(
                     "button",
                     {
@@ -794,7 +790,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_voting"]
+              _vm.currentUser.can && _vm.currentUser.can["destroy_pemilihan"]
                 ? _c(
                     "button",
                     {
@@ -814,7 +810,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["index_voting"]
+              _vm.currentUser.can && _vm.currentUser.can["index_pemilihan"]
                 ? _c(
                     "button",
                     {
@@ -867,17 +863,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/index.vue":
-/*!****************************************************!*\
-  !*** ./resources/assets/js/views/voting/index.vue ***!
-  \****************************************************/
+/***/ "./resources/assets/js/views/pemilihan/index.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/index.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_ba6bb7c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=ba6bb7c6& */ "./resources/assets/js/views/voting/index.vue?vue&type=template&id=ba6bb7c6&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_153dc7b2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=153dc7b2& */ "./resources/assets/js/views/pemilihan/index.vue?vue&type=template&id=153dc7b2&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -888,8 +884,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_ba6bb7c6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_ba6bb7c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_153dc7b2___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_153dc7b2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -899,54 +895,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/voting/index.vue"
+component.options.__file = "resources/assets/js/views/pemilihan/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/index.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/index.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/index.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/index.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/index.vue?vue&type=template&id=ba6bb7c6&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/index.vue?vue&type=template&id=ba6bb7c6& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/index.vue?vue&type=template&id=153dc7b2&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/index.vue?vue&type=template&id=153dc7b2& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ba6bb7c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=ba6bb7c6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/index.vue?vue&type=template&id=ba6bb7c6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ba6bb7c6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_153dc7b2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=153dc7b2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/index.vue?vue&type=template&id=153dc7b2&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_153dc7b2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ba6bb7c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_153dc7b2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/table.vue":
-/*!****************************************************!*\
-  !*** ./resources/assets/js/views/voting/table.vue ***!
-  \****************************************************/
+/***/ "./resources/assets/js/views/pemilihan/table.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/table.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_5c655919___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=5c655919& */ "./resources/assets/js/views/voting/table.vue?vue&type=template&id=5c655919&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_a2075dba___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=a2075dba& */ "./resources/assets/js/views/pemilihan/table.vue?vue&type=template&id=a2075dba&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -957,8 +953,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_5c655919___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_5c655919___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_a2075dba___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_a2075dba___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -968,38 +964,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/voting/table.vue"
+component.options.__file = "resources/assets/js/views/pemilihan/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/table.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/table.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/table.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/table.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/voting/table.vue?vue&type=template&id=5c655919&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/voting/table.vue?vue&type=template&id=5c655919& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/table.vue?vue&type=template&id=a2075dba&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/table.vue?vue&type=template&id=a2075dba& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_5c655919___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=5c655919& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/table.vue?vue&type=template&id=5c655919&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_5c655919___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_a2075dba___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=a2075dba& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/table.vue?vue&type=template&id=a2075dba&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_a2075dba___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_5c655919___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_a2075dba___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/130.js b/public/js/components/130.js
index 9112abc03..1d70b1a9a 100644
--- a/public/js/components/130.js
+++ b/public/js/components/130.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[130],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/detail.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/detail.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/index.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tempat/index.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -11,9 +11,9 @@
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _formDetail_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./formDetail.vue */ "./resources/assets/js/views/asetTetap/formDetail.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/tempat/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -49,6 +49,106 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Tempat',
+      kelas: 'tempat',
+      titleDesc: 'Mengelola data tempat',
+      titleIcon: 'icon-location4'
+    };
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tempat', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/table.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tempat/table.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -112,76 +212,221 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    formDetail: _formDetail_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_3___default.a
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
+  props: ['title', 'kelas'],
   data: function data() {
-    return {
-      title: 'Aset Tetap',
-      kelas: 'asetTetap',
-      titleDesc: 'Pencarian data aset tetap',
-      titleIcon: 'icon-drawer3',
-      kode: '',
-      cleaveOption: {
-        number13: {
-          numeral: true,
-          numeralIntegerScale: 13,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        }
-      }
-    };
+    var _ref;
+
+    return _ref = {
+      state: '',
+      selectedItem: [],
+      query: {
+        order_column: "name",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      excelDownloadUrl: '',
+      columnData: [{
+        title: 'No.',
+        name: 'No.'
+      }, {
+        title: 'Foto',
+        name: 'gambar',
+        hide: false
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Provinsi',
+        name: 'provinces.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kabupaten/Kota',
+        name: 'regencies.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kecamatan',
+        name: 'districts.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kelurahan',
+        name: 'villages.name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Alamat',
+        name: 'alamat',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Website',
+        name: 'website',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Email',
+        name: 'email',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'No. Telp',
+        name: 'telp',
+        tipe: 'numeric',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'No. Hp',
+        name: 'hp',
+        tipe: 'numeric',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kode Pos',
+        name: 'pos',
+        tipe: 'numeric',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterType: 'string'
+      }, {
+        title: 'Tgl. Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }]
+    }, _defineProperty(_ref, "state", ''), _defineProperty(_ref, "modalShow", false), _defineProperty(_ref, "modalState", ''), _defineProperty(_ref, "modalTitle", ''), _defineProperty(_ref, "modalButton", ''), _ref;
   },
   created: function created() {
-    this.kode = this.$route.params.kode;
-    this.fetch();
+    this.fetch(this.query);
   },
   watch: {
     // check route changes
     '$route': function $route(to, from) {
-      this.fetch();
+      this.fetch(this.query);
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.fetch();
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
     }
   },
   methods: {
-    fetch: function fetch() {
-      this.$store.dispatch(this.kelas + '/get', this.kode);
+    fetch: function fetch(params) {
+      this.$store.dispatch(this.kelas + '/index', params);
+      this.excelDownloadUrl = this.kelas;
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
     },
-    resetData: function resetData() {
-      this.kode = '';
-      this.$store.dispatch(this.kelas + '/resetData');
+    ubahData: function ubahData(id, id_cu) {
+      this.$router.push({
+        name: this.kelas + 'Edit',
+        params: {
+          id: id
+        }
+      });
+    },
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.modalState = 'confirm-tutup';
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
+
+      if (state == 'hapus') {
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      }
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetap', {
-    itemData: 'data',
-    itemDataStat: 'dataStat'
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tempat', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
-				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
-
-//# sourceMappingURL=FileSaver.min.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/detail.vue?vue&type=template&id=675702a2&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/detail.vue?vue&type=template&id=675702a2& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/index.vue?vue&type=template&id=3d9ecc06&":
+/*!*****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tempat/index.vue?vue&type=template&id=3d9ecc06& ***!
+  \*****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -196,8 +441,6 @@ var render = function () {
   return _c(
     "div",
     [
-      _vm._m(0),
-      _vm._v(" "),
       _c("page-header", {
         attrs: {
           title: _vm.title,
@@ -208,233 +451,532 @@ var render = function () {
       _vm._v(" "),
       _c("div", { staticClass: "page-content pt-0" }, [
         _c("div", { staticClass: "content-wrapper" }, [
-          _c("div", { staticClass: "content" }, [
-            _c("div", { staticClass: "card card-body" }, [
-              _c("div", { staticClass: "row" }, [
-                _vm._m(1),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  { staticClass: "col-12 pb-2" },
-                  [
-                    _c("cleave", {
-                      staticClass: "form-control",
-                      attrs: {
-                        name: "kode",
-                        options: _vm.cleaveOption.number13,
-                        placeholder: "Silahkan masukkan kode aset",
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("table-data", {
+                attrs: { title: _vm.title, kelas: _vm.kelas },
+              }),
+            ],
+            1
+          ),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/table.vue?vue&type=template&id=ca68620e&":
+/*!*****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tempat/table.vue?vue&type=template&id=ca68620e& ***!
+  \*****************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c(
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+          },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
                       },
-                      model: {
-                        value: _vm.kode,
-                        callback: function ($$v) {
-                          _vm.kode = $$v
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
                         },
-                        expression: "kode",
                       },
-                    }),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  { staticClass: "col-md-7 col-lg-9 pb-2 d-none d-sm-block" },
-                  [
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-primary",
-                        attrs: { disabled: _vm.kode == "" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.fetch.apply(null, arguments)
-                          },
+                    },
+                    [
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c("td", [
+                            props.item.gambar
+                              ? _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src:
+                                      "/images/tempat/" +
+                                      props.item.gambar +
+                                      "n.jpg",
+                                    width: "40",
+                                  },
+                                })
+                              : _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src: "/images/no_image.jpg",
+                                    width: "40",
+                                  },
+                                }),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.provinces
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.provinces.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide && !_vm.columnData[4].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.regencies
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.regencies.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide && !_vm.columnData[5].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.districts
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.districts.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide && !_vm.columnData[6].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.villages
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.villages.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.alamat },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.website },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[9].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.email },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[10].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.telp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[11].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.hp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[12].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.pos },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[13].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[14].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
+              },
+            },
+          ]),
+        },
+        [
+          _c(
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_tempat"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah " + _vm._s(_vm.title) + "\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_tempat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
                         },
                       },
-                      [
-                        _c("i", { staticClass: "icon-search4" }),
-                        _vm._v(" Cari"),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _vm.itemDataStat != ""
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-warning",
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.resetData.apply(null, arguments)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-reset" }),
-                            _vm._v(" Reset pencarian"),
-                          ]
-                        )
-                      : _vm._e(),
-                  ]
-                ),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-12 d-block d-sm-none" }, [
-                  _c(
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah " + _vm._s(_vm.title) + "\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_tempat"]
+                ? _c(
                     "button",
                     {
-                      staticClass: "btn btn-primary btn-block",
-                      attrs: { disabled: _vm.kode == "" },
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
                       on: {
                         click: function ($event) {
                           $event.preventDefault()
-                          return _vm.fetch.apply(null, arguments)
+                          return _vm.modalConfirmOpen("hapus")
                         },
                       },
                     },
-                    [_c("i", { staticClass: "icon-search4" }), _vm._v(" Cari")]
-                  ),
-                  _vm._v(" "),
-                  _c(
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus " + _vm._s(_vm.title) + "\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_tempat"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah " + _vm._s(_vm.title) + "\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_tempat"]
+                ? _c(
                     "button",
                     {
-                      staticClass: "btn btn-warning btn-block mb-1",
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
                       on: {
                         click: function ($event) {
                           $event.preventDefault()
-                          return _vm.resetData.apply(null, arguments)
+                          return _vm.ubahData(_vm.selectedItem.id)
                         },
                       },
                     },
                     [
-                      _vm.itemDataStat != ""
-                        ? _c("i", { staticClass: "icon-reset" })
-                        : _vm._e(),
-                      _vm._v(" Reset pencarian"),
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah " + _vm._s(_vm.title) + "\n\t\t\t"),
                     ]
-                  ),
-                ]),
-                _vm._v(" "),
-                _vm.itemDataStat == "loading"
-                  ? _c("div", { staticClass: "col-12" }, [
-                      _c("hr"),
-                      _vm._v(" "),
-                      _vm._m(2),
-                    ])
-                  : _vm._e(),
-              ]),
-            ]),
-            _vm._v(" "),
-            _vm.itemDataStat == "success" && _vm.itemData != null
-              ? _c(
-                  "div",
-                  { staticClass: "card card-body" },
-                  [
-                    _c("formDetail", {
-                      attrs: {
-                        kelas: _vm.kelas,
-                        selectedItem: _vm.itemData,
-                        selectedItemStat: _vm.itemDataStat,
-                        isModal: false,
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_tempat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
                       },
-                    }),
-                  ],
-                  1
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.itemData == null && _vm.kode != ""
-              ? _c(
-                  "div",
-                  {
-                    staticClass:
-                      "alert bg-danger text-white alert-styled-left ",
-                  },
-                  [
-                    _c("span", { staticClass: "font-weight-semibold" }, [
-                      _vm._v(
-                        "Aset tidak ditemukan. Pastikan kode yang anda masukan benar\n\t\t\t\t\t"
-                      ),
-                    ]),
-                  ]
-                )
-              : _vm._e(),
-          ]),
-        ]),
-      ]),
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus " + _vm._s(_vm.title) + "\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+        },
+        on: {
+          tutup: _vm.modalTutup,
+          confirmOk: _vm.modalConfirmOk,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalTutup,
+        },
+      }),
     ],
     1
   )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      { staticClass: "navbar navbar-expand-lg navbar-dark bg-indigo" },
-      [
-        _c("div", { staticClass: "navbar-brand wmin-0 mr-0" }, [
-          _c("a", { staticClass: "d-inline-block", attrs: { href: "#" } }, [
-            _c("img", { attrs: { src: "/images/simo.png" } }),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("div", [
-          _c("span", { staticClass: "navbar-text ml-lg-3 mr-lg-auto" }, [
-            _c("span", { staticClass: "badge bg-success-400" }, [
-              _vm._v("PUSKOPCUINA"),
-            ]),
-          ]),
-        ]),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-12" }, [
-      _c("h6", [
-        _vm._v("\n\t\t\t\t\t\t\t\tSilahkan masukkan Kode Aset\n\t\t\t\t\t\t\t"),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/detail.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/detail.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/tempat/index.vue":
+/*!****************************************************!*\
+  !*** ./resources/assets/js/views/tempat/index.vue ***!
+  \****************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _index_vue_vue_type_template_id_3d9ecc06___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=3d9ecc06& */ "./resources/assets/js/views/tempat/index.vue?vue&type=template&id=3d9ecc06&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/tempat/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_3d9ecc06___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_3d9ecc06___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/views/tempat/index.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/tempat/index.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************!*\
+  !*** ./resources/assets/js/views/tempat/index.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/tempat/index.vue?vue&type=template&id=3d9ecc06&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/tempat/index.vue?vue&type=template&id=3d9ecc06& ***!
+  \***********************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3d9ecc06___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=3d9ecc06& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/index.vue?vue&type=template&id=3d9ecc06&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3d9ecc06___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3d9ecc06___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/tempat/table.vue":
+/*!****************************************************!*\
+  !*** ./resources/assets/js/views/tempat/table.vue ***!
+  \****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _detail_vue_vue_type_template_id_675702a2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=675702a2& */ "./resources/assets/js/views/asetTetap/detail.vue?vue&type=template&id=675702a2&");
-/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/detail.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_ca68620e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=ca68620e& */ "./resources/assets/js/views/tempat/table.vue?vue&type=template&id=ca68620e&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/tempat/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -444,9 +986,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _detail_vue_vue_type_template_id_675702a2___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _detail_vue_vue_type_template_id_675702a2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_ca68620e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_ca68620e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -456,38 +998,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetap/detail.vue"
+component.options.__file = "resources/assets/js/views/tempat/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/detail.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/detail.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/tempat/table.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************!*\
+  !*** ./resources/assets/js/views/tempat/table.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/detail.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/detail.vue?vue&type=template&id=675702a2&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/detail.vue?vue&type=template&id=675702a2& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/tempat/table.vue?vue&type=template&id=ca68620e&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/tempat/table.vue?vue&type=template&id=ca68620e& ***!
+  \***********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_675702a2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=675702a2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/detail.vue?vue&type=template&id=675702a2&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_675702a2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_ca68620e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=ca68620e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/table.vue?vue&type=template&id=ca68620e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_ca68620e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_675702a2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_ca68620e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/131.js b/public/js/components/131.js
index 3a2500420..79e4a1da2 100644
--- a/public/js/components/131.js
+++ b/public/js/components/131.js
@@ -1,16 +1,32 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[131],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/index.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/index.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/voting/table.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -36,32 +52,272 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+
+
+
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
-    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
-  props: {
-    value: {
-      "default": ''
-    },
-    frontText: {
-      "default": ''
-    },
-    trimLength: {
-      "default": 50
-    },
-    valueType: {
-      "default": 'trim'
-    },
-    empty: {
-      "default": '-'
+  data: function data() {
+    return {
+      title: 'Voting',
+      kelas: 'voting',
+      titleDesc: 'Mengelola data voting',
+      titleIcon: 'icon-point-up',
+      selectCuPath: 'voting'
+    };
+  },
+  created: function created() {
+    this.checkUser('index_voting', this.$route.params.cu);
+  },
+  watch: {
+    // check route changes
+    $route: function $route(to, from) {
+      this.fetch();
+    }
+  },
+  methods: {
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
     }
   },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('voting', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/table.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/table.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+  },
+  props: ['title', 'kelas'],
   data: function data() {
     return {
+      selectedItem: [],
+      query: {
+        order_column: "created_at",
+        order_direction: "desc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      isNoButtonRow: '',
+      excelDownloadUrl: '',
+      columnData: [{
+        title: 'No.',
+        name: 'No.'
+      }, {
+        title: 'Status',
+        name: 'status',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'CU',
+        name: 'cu.name',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kegiatan',
+        name: 'kegiatan.name',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Suara',
+        name: 'suara',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Suara Ok',
+        name: 'suara_ok',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. / Waktu Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. / Waktu Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      keteranganBatal: '',
+      state: '',
       modalShow: false,
       modalState: '',
       modalTitle: '',
@@ -69,30 +325,113 @@ __webpack_require__.r(__webpack_exports__);
       modalButton: ''
     };
   },
+  created: function created() {
+    this.fetch(this.query);
+  },
+  watch: {
+    '$route': function $route(to, from) {
+      // check current page meta
+      this.fetch(this.query);
+    },
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.fetch(this.query);
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
+    }
+  },
   methods: {
-    modalOpen: function modalOpen() {
+    fetch: function fetch(params) {
+      if (this.$route.params.cu == 'semua') {
+        this.disableColumnCu(false);
+        this.$store.dispatch(this.kelas + '/index', params);
+        this.excelDownloadUrl = this.kelas;
+      } else {
+        this.disableColumnCu(true);
+        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
+        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
+      }
+    },
+    disableColumnCu: function disableColumnCu(status) {
+      this.columnData[3].disable = status;
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    detail: function detail(id) {
+      this.$router.push({
+        name: this.kelas + 'Detail',
+        params: {
+          id: id
+        }
+      });
+    },
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
-      this.modalState = 'content-tutup';
-      this.modalContent = this.value;
-      this.modalButton = 'Tutup';
+      this.modalState = 'confirm-tutup';
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
+
+      if (state == 'hapus') {
+        if (this.selectedItem.status == 1) {
+          this.modalState = 'fail';
+          this.modalButton = 'Ok';
+          this.modalTitle = 'Tidak bisa menghapus ' + this.title + ' ' + this.selectedItem.name + ' !';
+          this.modalContent = 'Maaf tidak bisa menghapus ' + this.title + ' ini karena statusnya sedang aktif';
+        } else {
+          this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ini?';
+          this.modalButton = 'Iya, Hapus';
+          this.modalColor = '';
+        }
+      } else if (state == 'status') {
+        if (this.selectedItem.status == 0) {
+          this.modalTitle = 'Aktifkan ' + this.selectedItem.name + ' ?';
+          this.modalButton = 'Iya, aktifkan';
+        } else {
+          this.modalTitle = 'Tidak aktifkan ' + this.selectedItem.name + ' ?';
+          this.modalButton = 'Iya, tidak aktifkan';
+        }
+      }
     },
     modalTutup: function modalTutup() {
       this.modalShow = false;
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
     },
-    strip: function strip(html) {
-      var tmp = document.createElement("DIV");
-      tmp.innerHTML = html;
-      return tmp.textContent || tmp.innerText || "";
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      } else if (this.state == "status") {
+        this.$store.dispatch(this.kelas + '/updateStatus', [this.selectedItem.id, this.selectedItem.id_cu]);
+      }
     }
-  }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('voting', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/index.vue?vue&type=template&id=ba6bb7c6&":
+/*!*****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/index.vue?vue&type=template&id=ba6bb7c6& ***!
+  \*****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -106,79 +445,400 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c(
     "div",
-    { staticStyle: { display: "inline-block" } },
     [
-      _vm.value
-        ? _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm.valueType == "trim"
-              ? _c(
-                  "span",
-                  { staticStyle: { display: "inline-block" } },
-                  [
-                    _c("truncate", {
-                      staticStyle: { display: "inline-block" },
-                      attrs: {
-                        "action-class": "badge bg-blue",
-                        clamp: "selengkapnya >",
-                        length: _vm.trimLength,
-                        less: "< kembali",
-                        text: _vm.frontText + " " + _vm.value,
-                      },
-                    }),
-                  ],
-                  1
-                )
-              : _vm.valueType == "modal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.id_cu == 0
+                ? _c("select-cu", {
+                    attrs: {
+                      kelas: _vm.kelas,
+                      path: _vm.selectCuPath,
+                      isPus: true,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("table-data", {
+                attrs: { title: _vm.title, kelas: _vm.kelas },
+              }),
+            ],
+            1
+          ),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/table.vue?vue&type=template&id=5c655919&":
+/*!*****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/voting/table.vue?vue&type=template&id=5c655919& ***!
+  \*****************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c(
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            isNoButtonRow: _vm.isNoButtonRow,
+          },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
                   _c(
-                    "button",
+                    "tr",
                     {
-                      staticClass: "btn btn-light",
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      },
                       on: {
                         click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen()
+                          return _vm.selectedRow(props.item)
                         },
                       },
                     },
-                    [_vm._v("\n          Lihat\n      ")]
-                  ),
-                ])
-              : _vm.valueType == "currency"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(
-                        _vm._f("currency")(_vm.value, "", 0, {
-                          thousandsSeparator: ".",
-                        })
-                      )
-                  ),
-                ])
-              : _vm.valueType == "percentage"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("percentage")(_vm.value, 2))
+                    [
+                      _c("td", [
+                        _vm._v(
+                          "\n\t\t\t\t\t" +
+                            _vm._s(
+                              props.index +
+                                1 +
+                                (+_vm.itemData.current_page - 1) *
+                                  +_vm.itemData.per_page +
+                                "."
+                            ) +
+                            "\n\t\t\t\t"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.checkStatus(
+                                  props.item.status
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.cu
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.cu.name },
+                                  })
+                                : _c("span", [_vm._v("PUSKOPCUINA")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.kegiatan
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.kegiatan.name },
+                                  })
+                                : _c("check-value", {
+                                    attrs: { value: props.item.name_kegiatan },
+                                  }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.suara },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.suara_ok },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
                   ),
-                ])
-              : _vm.valueType == "decimal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("round")(_vm.value, 2))
-                  ),
-                ])
-              : _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
-                ]),
-          ])
-        : _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
+                ]
+              },
+            },
           ]),
+        },
+        [
+          _c(
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_voting"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_voting"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("status")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-calendar5" }),
+                      _vm._v(" Status\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_voting"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["index_voting"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.detail(_vm.selectedItem.id)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-stack2" }),
+                      _vm._v(" Detail\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_voting"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_voting"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("status")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-calendar5" }),
+                      _vm._v(" Status\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_voting"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["index_voting"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.detail(_vm.selectedItem.id)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-stack2" }),
+                      _vm._v(" Detail\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
       _vm._v(" "),
       _c("app-modal", {
         attrs: {
@@ -188,7 +848,13 @@ var render = function () {
           button: _vm.modalButton,
           content: _vm.modalContent,
         },
-        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
+        on: {
+          tutup: _vm.modalTutup,
+          confirmOk: _vm.modalConfirmOk,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalTutup,
+        },
       }),
     ],
     1
@@ -201,18 +867,87 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/voting/index.vue":
+/*!****************************************************!*\
+  !*** ./resources/assets/js/views/voting/index.vue ***!
+  \****************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _index_vue_vue_type_template_id_ba6bb7c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=ba6bb7c6& */ "./resources/assets/js/views/voting/index.vue?vue&type=template&id=ba6bb7c6&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_ba6bb7c6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_ba6bb7c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/views/voting/index.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/voting/index.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/index.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/voting/index.vue?vue&type=template&id=ba6bb7c6&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/index.vue?vue&type=template&id=ba6bb7c6& ***!
+  \***********************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ba6bb7c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=ba6bb7c6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/index.vue?vue&type=template&id=ba6bb7c6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ba6bb7c6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ba6bb7c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/voting/table.vue":
+/*!****************************************************!*\
+  !*** ./resources/assets/js/views/voting/table.vue ***!
+  \****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _table_vue_vue_type_template_id_5c655919___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=5c655919& */ "./resources/assets/js/views/voting/table.vue?vue&type=template&id=5c655919&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/voting/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -221,9 +956,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_5c655919___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_5c655919___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -233,38 +968,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/checkValue.vue"
+component.options.__file = "resources/assets/js/views/voting/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/voting/table.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/table.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/voting/table.vue?vue&type=template&id=5c655919&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/voting/table.vue?vue&type=template&id=5c655919& ***!
+  \***********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_5c655919___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=5c655919& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/voting/table.vue?vue&type=template&id=5c655919&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_5c655919___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_5c655919___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/132.js b/public/js/components/132.js
index 7eda0efc3..ec1817426 100644
--- a/public/js/components/132.js
+++ b/public/js/components/132.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[132],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/riwayat.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/riwayat.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/detail.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/detail.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -11,7 +11,9 @@
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _riwayatContent_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./riwayatContent.vue */ "./resources/assets/js/views/aktivis/riwayatContent.vue");
+/* harmony import */ var _formDetail_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./formDetail.vue */ "./resources/assets/js/views/asetTetap/formDetail.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_3__);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -46,54 +48,140 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    riwayatContent: _riwayatContent_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
+    formDetail: _formDetail_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_3___default.a
   },
   data: function data() {
     return {
-      title: 'Riwayat',
-      titleDesc: 'Menambah atau mengubah riwayat yang dimiliki aktivis',
-      titleIcon: 'icon-list2',
-      kelas: 'aktivis'
+      title: 'Aset Tetap',
+      kelas: 'asetTetap',
+      titleDesc: 'Pencarian data aset tetap',
+      titleIcon: 'icon-drawer3',
+      kode: '',
+      cleaveOption: {
+        number13: {
+          numeral: true,
+          numeralIntegerScale: 13,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        }
+      }
     };
   },
+  created: function created() {
+    this.kode = this.$route.params.kode;
+    this.fetch();
+  },
+  watch: {
+    // check route changes
+    '$route': function $route(to, from) {
+      this.fetch();
+    }
+  },
   methods: {
-    back: function back() {
-      if (this.currentUser.id_cu != 0) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.currentUser.id_cu,
-            tingkat: 'semua'
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: 'semua',
-            tingkat: 'semua'
-          }
-        });
-      }
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + '/get', this.kode);
+    },
+    resetData: function resetData() {
+      this.kode = '';
+      this.$store.dispatch(this.kelas + '/resetData');
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetap', {
+    itemData: 'data',
+    itemDataStat: 'dataStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/riwayat.vue?vue&type=template&id=6959968c&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/riwayat.vue?vue&type=template&id=6959968c& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
+
+//# sourceMappingURL=FileSaver.min.js.map
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/detail.vue?vue&type=template&id=675702a2&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/detail.vue?vue&type=template&id=675702a2& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -108,94 +196,245 @@ var render = function () {
   return _c(
     "div",
     [
-      _c(
-        "page-header",
-        {
-          attrs: {
-            title: _vm.title,
-            titleDesc: _vm.titleDesc,
-            titleIcon: _vm.titleIcon,
-            level: 3,
-          },
+      _vm._m(0),
+      _vm._v(" "),
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
         },
-        [
-          _c(
-            "template",
-            { slot: "breadcrumb" },
-            [
-              _c(
-                "router-link",
-                {
-                  staticClass: "breadcrumb-item",
-                  attrs: { to: { name: "dashboard" } },
-                },
-                [_c("i", { staticClass: "icon-home4" }), _vm._v(" Dashboard ")]
-              ),
-              _vm._v(" "),
-              _c(
-                "a",
-                {
-                  staticClass: "breadcrumb-item",
-                  attrs: { href: "#" },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.back()
-                    },
-                  },
-                },
-                [_vm._v("Aktivis")]
-              ),
-              _vm._v(" "),
-              _c("span", { staticClass: "breadcrumb-item active" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-            ],
-            1
-          ),
-        ],
-        2
-      ),
+      }),
       _vm._v(" "),
       _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper " }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _c("riwayat-content", {
-                attrs: {
-                  id_aktivis: _vm.$route.params.id,
-                  id_cu: _vm.$route.params.cu,
-                },
-              }),
-            ],
-            1
-          ),
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c("div", { staticClass: "content" }, [
+            _c("div", { staticClass: "card card-body" }, [
+              _c("div", { staticClass: "row" }, [
+                _vm._m(1),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  { staticClass: "col-12 pb-2" },
+                  [
+                    _c("cleave", {
+                      staticClass: "form-control",
+                      attrs: {
+                        name: "kode",
+                        options: _vm.cleaveOption.number13,
+                        placeholder: "Silahkan masukkan kode aset",
+                      },
+                      model: {
+                        value: _vm.kode,
+                        callback: function ($$v) {
+                          _vm.kode = $$v
+                        },
+                        expression: "kode",
+                      },
+                    }),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  { staticClass: "col-md-7 col-lg-9 pb-2 d-none d-sm-block" },
+                  [
+                    _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-primary",
+                        attrs: { disabled: _vm.kode == "" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.fetch.apply(null, arguments)
+                          },
+                        },
+                      },
+                      [
+                        _c("i", { staticClass: "icon-search4" }),
+                        _vm._v(" Cari"),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _vm.itemDataStat != ""
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-warning",
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.resetData.apply(null, arguments)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-reset" }),
+                            _vm._v(" Reset pencarian"),
+                          ]
+                        )
+                      : _vm._e(),
+                  ]
+                ),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-12 d-block d-sm-none" }, [
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-primary btn-block",
+                      attrs: { disabled: _vm.kode == "" },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.fetch.apply(null, arguments)
+                        },
+                      },
+                    },
+                    [_c("i", { staticClass: "icon-search4" }), _vm._v(" Cari")]
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-warning btn-block mb-1",
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.resetData.apply(null, arguments)
+                        },
+                      },
+                    },
+                    [
+                      _vm.itemDataStat != ""
+                        ? _c("i", { staticClass: "icon-reset" })
+                        : _vm._e(),
+                      _vm._v(" Reset pencarian"),
+                    ]
+                  ),
+                ]),
+                _vm._v(" "),
+                _vm.itemDataStat == "loading"
+                  ? _c("div", { staticClass: "col-12" }, [
+                      _c("hr"),
+                      _vm._v(" "),
+                      _vm._m(2),
+                    ])
+                  : _vm._e(),
+              ]),
+            ]),
+            _vm._v(" "),
+            _vm.itemDataStat == "success" && _vm.itemData != null
+              ? _c(
+                  "div",
+                  { staticClass: "card card-body" },
+                  [
+                    _c("formDetail", {
+                      attrs: {
+                        kelas: _vm.kelas,
+                        selectedItem: _vm.itemData,
+                        selectedItemStat: _vm.itemDataStat,
+                        isModal: false,
+                      },
+                    }),
+                  ],
+                  1
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.itemData == null && _vm.kode != ""
+              ? _c(
+                  "div",
+                  {
+                    staticClass:
+                      "alert bg-danger text-white alert-styled-left ",
+                  },
+                  [
+                    _c("span", { staticClass: "font-weight-semibold" }, [
+                      _vm._v(
+                        "Aset tidak ditemukan. Pastikan kode yang anda masukan benar\n\t\t\t\t\t"
+                      ),
+                    ]),
+                  ]
+                )
+              : _vm._e(),
+          ]),
         ]),
       ]),
     ],
     1
   )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      { staticClass: "navbar navbar-expand-lg navbar-dark bg-indigo" },
+      [
+        _c("div", { staticClass: "navbar-brand wmin-0 mr-0" }, [
+          _c("a", { staticClass: "d-inline-block", attrs: { href: "#" } }, [
+            _c("img", { attrs: { src: "/images/simo.png" } }),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("div", [
+          _c("span", { staticClass: "navbar-text ml-lg-3 mr-lg-auto" }, [
+            _c("span", { staticClass: "badge bg-success-400" }, [
+              _vm._v("PUSKOPCUINA"),
+            ]),
+          ]),
+        ]),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "col-12" }, [
+      _c("h6", [
+        _vm._v("\n\t\t\t\t\t\t\t\tSilahkan masukkan Kode Aset\n\t\t\t\t\t\t\t"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/riwayat.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/riwayat.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/asetTetap/detail.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/detail.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _riwayat_vue_vue_type_template_id_6959968c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./riwayat.vue?vue&type=template&id=6959968c& */ "./resources/assets/js/views/aktivis/riwayat.vue?vue&type=template&id=6959968c&");
-/* harmony import */ var _riwayat_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./riwayat.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/aktivis/riwayat.vue?vue&type=script&lang=js&");
+/* harmony import */ var _detail_vue_vue_type_template_id_675702a2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=675702a2& */ "./resources/assets/js/views/asetTetap/detail.vue?vue&type=template&id=675702a2&");
+/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/detail.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -205,9 +444,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _riwayat_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _riwayat_vue_vue_type_template_id_6959968c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _riwayat_vue_vue_type_template_id_6959968c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _detail_vue_vue_type_template_id_675702a2___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _detail_vue_vue_type_template_id_675702a2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -217,38 +456,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/aktivis/riwayat.vue"
+component.options.__file = "resources/assets/js/views/asetTetap/detail.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/riwayat.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/riwayat.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/detail.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/detail.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_riwayat_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./riwayat.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/riwayat.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_riwayat_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/detail.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/riwayat.vue?vue&type=template&id=6959968c&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/riwayat.vue?vue&type=template&id=6959968c& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/detail.vue?vue&type=template&id=675702a2&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/detail.vue?vue&type=template&id=675702a2& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_riwayat_vue_vue_type_template_id_6959968c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./riwayat.vue?vue&type=template&id=6959968c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/riwayat.vue?vue&type=template&id=6959968c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_riwayat_vue_vue_type_template_id_6959968c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_675702a2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=675702a2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/detail.vue?vue&type=template&id=675702a2&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_675702a2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_riwayat_vue_vue_type_template_id_6959968c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_675702a2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/133.js b/public/js/components/133.js
index 694f1e49b..8662fbb24 100644
--- a/public/js/components/133.js
+++ b/public/js/components/133.js
@@ -1,103 +1,16 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[133],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/jalinanKlaim/table.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/selectCuTp.vue */ "./resources/assets/js/components/selectCuTp.vue");
-/* harmony import */ var _verifikator_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./verifikator.vue */ "./resources/assets/js/views/jalinanKlaim/verifikator.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
 //
 //
 //
@@ -123,126 +36,63 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    selectCuTp: _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    verifikator: _verifikator_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
+    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
+    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  props: {
+    value: {
+      "default": ''
+    },
+    frontText: {
+      "default": ''
+    },
+    trimLength: {
+      "default": 50
+    },
+    valueType: {
+      "default": 'trim'
+    },
+    empty: {
+      "default": '-'
+    }
   },
   data: function data() {
     return {
-      title: 'Bantuan Solidaritas Jalinan',
-      kelas: 'jalinanKlaim',
-      titleDesc: 'Mengelola bantuan solidaritas Jalinan',
-      titleIcon: 'icon-accessibility2',
-      selectCuPath: 'jalinanKlaimCu',
-      tabName: 'menunggu'
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: ''
     };
   },
-  created: function created() {
-    this.checkUser('index_jalinan_klaim', this.$route.params.cu);
-
-    if (this.currentUser.id_cu == 0) {
-      this.changeTab('menunggu');
-    } else {
-      this.changeTab('verifikasi');
-    }
-  },
   methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
+    modalOpen: function modalOpen() {
+      this.modalShow = true;
+      this.modalState = 'content-tutup';
+      this.modalContent = this.value;
+      this.modalButton = 'Tutup';
     },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    strip: function strip(html) {
+      var tmp = document.createElement("DIV");
+      tmp.innerHTML = html;
+      return tmp.textContent || tmp.innerText || "";
     }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('user', {
-    modelPengurus: "dataS1",
-    modelPengawas: "dataS2",
-    modelManajemen: "dataS3",
-    modelPengurusStat: "dataStatS1",
-    modelPengawasStat: "dataStatS2",
-    modelManajemenStat: "dataStatS3"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanKlaim', {
-    itemData: 'dataS',
-    itemData1: 'dataS1',
-    itemData2: 'dataS2',
-    itemData3: 'dataS3',
-    itemData4: 'dataS4',
-    itemData5: 'dataS5',
-    itemData6: 'dataS6',
-    itemData7: 'dataS7',
-    itemDataStat: 'dataStatS',
-    itemDataStat1: 'dataStatS1',
-    itemDataStat2: 'dataStatS2',
-    itemDataStat3: 'dataStatS3',
-    itemDataStat4: 'dataStatS4',
-    itemDataStat5: 'dataStatS5',
-    itemDataStat6: 'dataStatS6',
-    itemDataStat7: 'dataStatS7'
-  }))
+  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=template&id=5ab1b413&":
-/*!***********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=template&id=5ab1b413& ***!
-  \***********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -256,512 +106,90 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c(
     "div",
+    { staticStyle: { display: "inline-block" } },
     [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-container" }, [
-        _c("div", { staticClass: "page-content" }, [
-          _c("div", { staticClass: "content-wrapper" }, [
-            _c(
-              "div",
-              { staticClass: "content" },
-              [
-                _vm.itemDataStat === "fail"
-                  ? _c("message", {
+      _vm.value
+        ? _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm.valueType == "trim"
+              ? _c(
+                  "span",
+                  { staticStyle: { display: "inline-block" } },
+                  [
+                    _c("truncate", {
+                      staticStyle: { display: "inline-block" },
                       attrs: {
-                        title: "Oops terjadi kesalahan:",
-                        errorData: _vm.itemData,
+                        "action-class": "badge bg-blue",
+                        clamp: "selengkapnya >",
+                        length: _vm.trimLength,
+                        less: "< kembali",
+                        text: _vm.frontText + " " + _vm.value,
                       },
-                    })
-                  : _vm._e(),
-                _vm._v(" "),
-                _c("select-cu-tp", {
-                  attrs: {
-                    kelas: _vm.kelas,
-                    path: _vm.selectCuPath,
-                    isPus: false,
-                  },
-                }),
-                _vm._v(" "),
-                _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
+                    }),
+                  ],
+                  1
+                )
+              : _vm.valueType == "modal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
                   _c(
-                    "ul",
-                    { staticClass: "nav nav-tabs nav-tabs-solid  bg-light" },
-                    [
-                      _c("li", { staticClass: "nav-item" }, [
-                        _c(
-                          "a",
-                          {
-                            staticClass: "nav-link",
-                            class: { active: _vm.tabName == "verifikasi" },
-                            attrs: { href: "#" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.changeTab("verifikasi")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-file-eye mr-2" }),
-                            _vm._v(" Verifikasi CU"),
-                          ]
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("li", { staticClass: "nav-item" }, [
-                        _c(
-                          "a",
-                          {
-                            staticClass: "nav-link",
-                            class: { active: _vm.tabName == "menunggu" },
-                            attrs: { href: "#" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.changeTab("menunggu")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", {
-                              staticClass: "icon-checkbox-unchecked mr-2",
-                            }),
-                            _vm._v(" Menunggu"),
-                          ]
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("li", { staticClass: "nav-item" }, [
-                        _c(
-                          "a",
-                          {
-                            staticClass: "nav-link",
-                            class: { active: _vm.tabName == "tidakLengkap" },
-                            attrs: { href: "#" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.changeTab("tidakLengkap")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", {
-                              staticClass: "icon-checkbox-partial mr-2",
-                            }),
-                            _vm._v(" Dokumen Tidak Lengkap"),
-                          ]
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("li", { staticClass: "nav-item" }, [
-                        _c(
-                          "a",
-                          {
-                            staticClass: "nav-link",
-                            class: { active: _vm.tabName == "ditolak" },
-                            attrs: { href: "#" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.changeTab("ditolak")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-cancel-square mr-2" }),
-                            _vm._v(" Ditolak"),
-                          ]
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("li", { staticClass: "nav-item" }, [
-                        _c(
-                          "a",
-                          {
-                            staticClass: "nav-link",
-                            class: { active: _vm.tabName == "disetujui" },
-                            attrs: { href: "#" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.changeTab("disetujui")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", {
-                              staticClass: "icon-checkbox-checked mr-2",
-                            }),
-                            _vm._v(" Disetujui"),
-                          ]
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("li", { staticClass: "nav-item" }, [
-                        _c(
-                          "a",
-                          {
-                            staticClass: "nav-link",
-                            class: { active: _vm.tabName == "dicairkan" },
-                            attrs: { href: "#" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.changeTab("dicairkan")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-square-down mr-2" }),
-                            _vm._v(" Dicairkan"),
-                          ]
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("li", { staticClass: "nav-item" }, [
-                        _c(
-                          "a",
-                          {
-                            staticClass: "nav-link",
-                            class: { active: _vm.tabName == "selesai" },
-                            attrs: { href: "#" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.changeTab("selesai")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-square mr-2" }),
-                            _vm._v(" Selesai"),
-                          ]
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("li", { staticClass: "nav-item" }, [
-                        _c(
-                          "a",
-                          {
-                            staticClass: "nav-link",
-                            class: { active: _vm.tabName == "koreksi" },
-                            attrs: { href: "#" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.changeTab("koreksi")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-paint-format mr-2" }),
-                            _vm._v(" Koreksi"),
-                          ]
-                        ),
-                      ]),
-                    ]
+                    "button",
+                    {
+                      staticClass: "btn btn-light",
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen()
+                        },
+                      },
+                    },
+                    [_vm._v("\n          Lihat\n      ")]
+                  ),
+                ])
+              : _vm.valueType == "currency"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(
+                        _vm._f("currency")(_vm.value, "", 0, {
+                          thousandsSeparator: ".",
+                        })
+                      )
+                  ),
+                ])
+              : _vm.valueType == "percentage"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("percentage")(_vm.value, 2))
+                  ),
+                ])
+              : _vm.valueType == "decimal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("round")(_vm.value, 2))
                   ),
+                ])
+              : _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
                 ]),
-                _vm._v(" "),
-                _c(
-                  "transition",
-                  {
-                    attrs: {
-                      "enter-active-class": "animated fadeIn",
-                      mode: "out-in",
-                    },
-                  },
-                  [
-                    _vm.tabName == "verifikasi"
-                      ? _c(
-                          "div",
-                          [
-                            _vm.$route.params.cu != "semua"
-                              ? _c("div", { staticClass: "row" }, [
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-4" },
-                                    [
-                                      _c("verifikator", {
-                                        attrs: {
-                                          isSingle: false,
-                                          title: "Verifikator Pengurus",
-                                          itemData: _vm.modelPengurus,
-                                          itemDataStat: _vm.modelPengurusStat,
-                                        },
-                                      }),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-4" },
-                                    [
-                                      _c("verifikator", {
-                                        attrs: {
-                                          isSingle: false,
-                                          title: "Verifikator Pengawas",
-                                          itemData: _vm.modelPengawas,
-                                          itemDataStat: _vm.modelPengawasStat,
-                                        },
-                                      }),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "col-md-4" },
-                                    [
-                                      _c("verifikator", {
-                                        attrs: {
-                                          isSingle: false,
-                                          title: "Verifikator Manajemen",
-                                          itemData: _vm.modelManajemen,
-                                          itemDataStat: _vm.modelManajemenStat,
-                                        },
-                                      }),
-                                    ],
-                                    1
-                                  ),
-                                ])
-                              : _vm._e(),
-                            _vm._v(" "),
-                            _c("table-data", {
-                              attrs: {
-                                title: _vm.title,
-                                kelas: _vm.kelas,
-                                itemData: _vm.itemData,
-                                itemDataStat: _vm.itemDataStat,
-                                status: "",
-                                isSimple: false,
-                              },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "transition",
-                  {
-                    attrs: {
-                      "enter-active-class": "animated fadeIn",
-                      mode: "out-in",
-                    },
-                  },
-                  [
-                    _vm.tabName == "menunggu"
-                      ? _c(
-                          "div",
-                          [
-                            _c("table-data", {
-                              attrs: {
-                                title: _vm.title,
-                                kelas: _vm.kelas,
-                                itemData: _vm.itemData1,
-                                itemDataStat: _vm.itemDataStat1,
-                                status: "1",
-                                isSimple: false,
-                              },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "transition",
-                  {
-                    attrs: {
-                      "enter-active-class": "animated fadeIn",
-                      mode: "out-in",
-                    },
-                  },
-                  [
-                    _vm.tabName == "tidakLengkap"
-                      ? _c(
-                          "div",
-                          [
-                            _c("table-data", {
-                              attrs: {
-                                title: _vm.title,
-                                kelas: _vm.kelas,
-                                itemData: _vm.itemData2,
-                                itemDataStat: _vm.itemDataStat2,
-                                status: "2",
-                              },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "transition",
-                  {
-                    attrs: {
-                      "enter-active-class": "animated fadeIn",
-                      mode: "out-in",
-                    },
-                  },
-                  [
-                    _vm.tabName == "ditolak"
-                      ? _c(
-                          "div",
-                          [
-                            _c("table-data", {
-                              attrs: {
-                                title: _vm.title,
-                                kelas: _vm.kelas,
-                                itemData: _vm.itemData3,
-                                itemDataStat: _vm.itemDataStat3,
-                                status: "3",
-                              },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "transition",
-                  {
-                    attrs: {
-                      "enter-active-class": "animated fadeIn",
-                      mode: "out-in",
-                    },
-                  },
-                  [
-                    _vm.tabName == "disetujui"
-                      ? _c(
-                          "div",
-                          [
-                            _c("table-data", {
-                              attrs: {
-                                title: _vm.title,
-                                kelas: _vm.kelas,
-                                itemData: _vm.itemData4,
-                                itemDataStat: _vm.itemDataStat4,
-                                status: "4",
-                              },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "transition",
-                  {
-                    attrs: {
-                      "enter-active-class": "animated fadeIn",
-                      mode: "out-in",
-                    },
-                  },
-                  [
-                    _vm.tabName == "dicairkan"
-                      ? _c(
-                          "div",
-                          [
-                            _c("table-data", {
-                              attrs: {
-                                title: _vm.title,
-                                kelas: _vm.kelas,
-                                itemData: _vm.itemData5,
-                                itemDataStat: _vm.itemDataStat5,
-                                status: "5",
-                              },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "transition",
-                  {
-                    attrs: {
-                      "enter-active-class": "animated fadeIn",
-                      mode: "out-in",
-                    },
-                  },
-                  [
-                    _vm.tabName == "selesai"
-                      ? _c(
-                          "div",
-                          [
-                            _c("table-data", {
-                              attrs: {
-                                title: _vm.title,
-                                kelas: _vm.kelas,
-                                itemData: _vm.itemData6,
-                                itemDataStat: _vm.itemDataStat6,
-                                status: "6",
-                              },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "transition",
-                  {
-                    attrs: {
-                      "enter-active-class": "animated fadeIn",
-                      mode: "out-in",
-                    },
-                  },
-                  [
-                    _vm.tabName == "koreksi"
-                      ? _c(
-                          "div",
-                          [
-                            _c("table-data", {
-                              attrs: {
-                                title: _vm.title,
-                                kelas: _vm.kelas,
-                                itemData: _vm.itemData7,
-                                itemDataStat: _vm.itemDataStat7,
-                                status: "7",
-                              },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                  ]
-                ),
-              ],
-              1
-            ),
+          ])
+        : _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
           ]),
-        ]),
-      ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+          content: _vm.modalContent,
+        },
+        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
+      }),
     ],
     1
   )
@@ -773,18 +201,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanKlaim/index.vue":
-/*!**********************************************************!*\
-  !*** ./resources/assets/js/views/jalinanKlaim/index.vue ***!
-  \**********************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_5ab1b413___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=5ab1b413& */ "./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=template&id=5ab1b413&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -793,9 +221,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_5ab1b413___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_5ab1b413___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -805,38 +233,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanKlaim/index.vue"
+component.options.__file = "resources/assets/js/components/checkValue.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=template&id=5ab1b413&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=template&id=5ab1b413& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_5ab1b413___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=5ab1b413& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=template&id=5ab1b413&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_5ab1b413___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_5ab1b413___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/134.js b/public/js/components/134.js
index 9ec3078a2..f537d4a96 100644
--- a/public/js/components/134.js
+++ b/public/js/components/134.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[134],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/riwayat.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/riwayat.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -11,10 +11,7 @@
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _selectKelompok_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectKelompok.vue */ "./resources/assets/js/views/jalinanLaporan/selectKelompok.vue");
-/* harmony import */ var _tableKelompok__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tableKelompok */ "./resources/assets/js/views/jalinanLaporan/tableKelompok.vue");
-/* harmony import */ var _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../jalinanKlaim/table.vue */ "./resources/assets/js/views/jalinanKlaim/table.vue");
+/* harmony import */ var _riwayatContent_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./riwayatContent.vue */ "./resources/assets/js/views/aktivis/riwayatContent.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -49,145 +46,54 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    selectData: _selectKelompok_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    tableData: _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    tableKelompok: _tableKelompok__WEBPACK_IMPORTED_MODULE_4__["default"]
+    riwayatContent: _riwayatContent_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
   },
   data: function data() {
     return {
-      title: ' Laporan Bantuan Solidaritas Jalinan',
-      titleDesc: 'Mengelola Laporan Bantuan Solidaritas Jalinan Berdasarkan CU',
-      titleIcon: 'icon-archive',
-      kelas: 'jalinanKlaim',
-      isShowDetail: false,
-      url: 'indexLaporanCu',
-      status: ''
+      title: 'Riwayat',
+      titleDesc: 'Menambah atau mengubah riwayat yang dimiliki aktivis',
+      titleIcon: 'icon-list2',
+      kelas: 'aktivis'
     };
   },
-  created: function created() {
-    this.checkUser('laporan_jalinan_klaim');
-    this.status = this.$route.params.status;
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.status = this.$route.params.status;
-    }
-  },
   methods: {
-    fetch: function fetch(cu, status, awal, akhir) {
-      this.$router.push({
-        name: 'jalinanLaporanKlaimCuTanggal',
-        params: {
-          awal: awal,
-          akhir: akhir,
-          status: status,
-          cu: cu,
-          jenis: 'cu'
-        }
-      });
-    },
-    cari: function cari(awal, akhir, cu, status) {
-      this.fetch('semua', status, awal, akhir);
-      this.isShowDetail = false;
-    },
-    checkUser: function checkUser(permission) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-      }
-    },
-    bukaData: function bukaData(value) {
-      var _cu = '';
-
-      if (value != 'semua') {
-        _cu = _.find(this.modelCu, {
-          'name': value
+    back: function back() {
+      if (this.currentUser.id_cu != 0) {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.currentUser.id_cu,
+            tingkat: 'semua'
+          }
         });
-        _cu = _cu.id;
       } else {
-        _cu = value;
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: 'semua',
+            tingkat: 'semua'
+          }
+        });
       }
-
-      this.fetch(_cu, this.$route.params.status, this.$route.params.awal, this.$route.params.akhir);
-      this.isShowDetail = true;
-    },
-    showDetail: function showDetail() {
-      this.isShowDetail = !this.isShowDetail;
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'headerDataS',
-    modelCuStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanKlaim', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    itemDataKlaim1: 'dataS1',
-    itemDataStatKlaim1: 'dataStatS1',
-    itemDataKlaim2: 'dataS2',
-    itemDataStatKlaim2: 'dataStatS2',
-    itemDataKlaim3: 'dataS3',
-    itemDataStatKlaim3: 'dataStatS3',
-    itemDataKlaim4: 'dataS4',
-    itemDataStatKlaim4: 'dataStatS4',
-    itemDataKlaim5: 'dataS5',
-    itemDataStatKlaim5: 'dataStatS5',
-    itemDataKlaim6: 'dataS6',
-    itemDataStatKlaim6: 'dataStatS6',
-    itemDataKlaim7: 'dataS7',
-    itemDataStatKlaim7: 'dataStatS7'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=template&id=31ac8a0c&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=template&id=31ac8a0c& ***!
-  \**********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/riwayat.vue?vue&type=template&id=6959968c&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/riwayat.vue?vue&type=template&id=6959968c& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -202,185 +108,70 @@ var render = function () {
   return _c(
     "div",
     [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
+      _c(
+        "page-header",
+        {
+          attrs: {
+            title: _vm.title,
+            titleDesc: _vm.titleDesc,
+            titleIcon: _vm.titleIcon,
+            level: 3,
+          },
         },
-      }),
+        [
+          _c(
+            "template",
+            { slot: "breadcrumb" },
+            [
+              _c(
+                "router-link",
+                {
+                  staticClass: "breadcrumb-item",
+                  attrs: { to: { name: "dashboard" } },
+                },
+                [_c("i", { staticClass: "icon-home4" }), _vm._v(" Dashboard ")]
+              ),
+              _vm._v(" "),
+              _c(
+                "a",
+                {
+                  staticClass: "breadcrumb-item",
+                  attrs: { href: "#" },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.back()
+                    },
+                  },
+                },
+                [_vm._v("Aktivis")]
+              ),
+              _vm._v(" "),
+              _c("span", { staticClass: "breadcrumb-item active" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
       _vm._v(" "),
-      _c("div", { staticClass: "page-container" }, [
-        _c("div", { staticClass: "page-content" }, [
-          _c("div", { staticClass: "content-wrapper" }, [
-            _c(
-              "div",
-              { staticClass: "content" },
-              [
-                _vm.itemDataStat === "fail"
-                  ? _c("message", {
-                      attrs: {
-                        title: "Oops terjadi kesalahan:",
-                        errorData: _vm.itemData,
-                      },
-                    })
-                  : _vm._e(),
-                _vm._v(" "),
-                _c("select-data", {
-                  attrs: { isCu: true },
-                  on: { cari: _vm.cari },
-                }),
-                _vm._v(" "),
-                _vm.$route.meta.mode == "laporan"
-                  ? _c(
-                      "div",
-                      [
-                        _c("table-kelompok", {
-                          attrs: {
-                            title: "Bantuan Solidaritas Per CU",
-                            itemData: _vm.itemData,
-                            itemDataStat: _vm.itemDataStat,
-                            url: _vm.url,
-                            isCu: true,
-                          },
-                          on: {
-                            bukaData: _vm.bukaData,
-                            lihatSemua: _vm.bukaData,
-                          },
-                        }),
-                        _vm._v(" "),
-                        _c("hr"),
-                        _vm._v(" "),
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-block",
-                            attrs: { type: "button" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.showDetail.apply(null, arguments)
-                              },
-                            },
-                          },
-                          [
-                            !_vm.isShowDetail
-                              ? _c("span", [
-                                  _c("i", { staticClass: "icon-eye" }),
-                                  _vm._v(
-                                    " Buka semua data bantuan solidaritas Jalinan"
-                                  ),
-                                ])
-                              : _c("span", [
-                                  _c("i", { staticClass: "icon-eye-blocked" }),
-                                  _vm._v(
-                                    " Tutup data bantuan solidaritas Jalinan"
-                                  ),
-                                ]),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _c("hr"),
-                        _vm._v(" "),
-                        _vm.isShowDetail
-                          ? _c(
-                              "div",
-                              [
-                                _vm.status == "1"
-                                  ? _c("table-data", {
-                                      attrs: {
-                                        title:
-                                          "Bantuan Solidaritas Jalinan Menunggu",
-                                        kelas: _vm.kelas,
-                                        itemData: _vm.itemDataKlaim1,
-                                        itemDataStat: _vm.itemDataStatKlaim1,
-                                        status: "1",
-                                        isSimple: true,
-                                      },
-                                    })
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.status == "2"
-                                  ? _c("table-data", {
-                                      attrs: {
-                                        title:
-                                          "Bantuan Solidaritas Jalinan Dokumen Tidak Lengkap",
-                                        kelas: _vm.kelas,
-                                        itemData: _vm.itemDataKlaim2,
-                                        itemDataStat: _vm.itemDataStatKlaim2,
-                                        status: "2",
-                                        isSimple: true,
-                                      },
-                                    })
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.status == "3"
-                                  ? _c("table-data", {
-                                      attrs: {
-                                        title:
-                                          "Bantuan Solidaritas Jalinan Ditolak",
-                                        kelas: _vm.kelas,
-                                        itemData: _vm.itemDataKlaim3,
-                                        itemDataStat: _vm.itemDataStatKlaim3,
-                                        status: "3",
-                                        isSimple: true,
-                                      },
-                                    })
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.status == "4"
-                                  ? _c("table-data", {
-                                      attrs: {
-                                        title:
-                                          "Bantuan Solidaritas Jalinan Disetujui",
-                                        kelas: _vm.kelas,
-                                        itemData: _vm.itemDataKlaim4,
-                                        itemDataStat: _vm.itemDataStatKlaim4,
-                                        status: "4",
-                                        isSimple: true,
-                                      },
-                                    })
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.status == "5"
-                                  ? _c("table-data", {
-                                      attrs: {
-                                        title:
-                                          "Bantuan Solidaritas Jalinan Dicairkan",
-                                        kelas: _vm.kelas,
-                                        itemData: _vm.itemDataKlaim5,
-                                        itemDataStat: _vm.itemDataStatKlaim5,
-                                        status: "5",
-                                        isSimple: true,
-                                      },
-                                    })
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.status == "6"
-                                  ? _c("table-data", {
-                                      attrs: {
-                                        title:
-                                          "Bantuan Solidaritas Jalinan Selesai",
-                                        kelas: _vm.kelas,
-                                        itemData: _vm.itemDataKlaim6,
-                                        itemDataStat: _vm.itemDataStatKlaim6,
-                                        status: "6",
-                                        isSimple: true,
-                                      },
-                                    })
-                                  : _vm._e(),
-                              ],
-                              1
-                            )
-                          : _vm._e(),
-                      ],
-                      1
-                    )
-                  : _vm._e(),
-              ],
-              1
-            ),
-          ]),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper " }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _c("riwayat-content", {
+                attrs: {
+                  id_aktivis: _vm.$route.params.id,
+                  id_cu: _vm.$route.params.cu,
+                },
+              }),
+            ],
+            1
+          ),
         ]),
       ]),
     ],
@@ -394,17 +185,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanLaporan/cu.vue":
-/*!*********************************************************!*\
-  !*** ./resources/assets/js/views/jalinanLaporan/cu.vue ***!
-  \*********************************************************/
+/***/ "./resources/assets/js/views/aktivis/riwayat.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/views/aktivis/riwayat.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _cu_vue_vue_type_template_id_31ac8a0c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cu.vue?vue&type=template&id=31ac8a0c& */ "./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=template&id=31ac8a0c&");
-/* harmony import */ var _cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=script&lang=js&");
+/* harmony import */ var _riwayat_vue_vue_type_template_id_6959968c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./riwayat.vue?vue&type=template&id=6959968c& */ "./resources/assets/js/views/aktivis/riwayat.vue?vue&type=template&id=6959968c&");
+/* harmony import */ var _riwayat_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./riwayat.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/aktivis/riwayat.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -414,9 +205,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _cu_vue_vue_type_template_id_31ac8a0c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _cu_vue_vue_type_template_id_31ac8a0c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _riwayat_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _riwayat_vue_vue_type_template_id_6959968c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _riwayat_vue_vue_type_template_id_6959968c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -426,38 +217,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanLaporan/cu.vue"
+component.options.__file = "resources/assets/js/views/aktivis/riwayat.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/aktivis/riwayat.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/aktivis/riwayat.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./cu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_riwayat_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./riwayat.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/riwayat.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_riwayat_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=template&id=31ac8a0c&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=template&id=31ac8a0c& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/aktivis/riwayat.vue?vue&type=template&id=6959968c&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/aktivis/riwayat.vue?vue&type=template&id=6959968c& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cu_vue_vue_type_template_id_31ac8a0c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./cu.vue?vue&type=template&id=31ac8a0c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=template&id=31ac8a0c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cu_vue_vue_type_template_id_31ac8a0c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_riwayat_vue_vue_type_template_id_6959968c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./riwayat.vue?vue&type=template&id=6959968c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/riwayat.vue?vue&type=template&id=6959968c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_riwayat_vue_vue_type_template_id_6959968c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cu_vue_vue_type_template_id_31ac8a0c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_riwayat_vue_vue_type_template_id_6959968c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/135.js b/public/js/components/135.js
index 6bbfc426c..f4b80585e 100644
--- a/public/js/components/135.js
+++ b/public/js/components/135.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[135],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -11,10 +11,10 @@
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _selectKelompok_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectKelompok.vue */ "./resources/assets/js/views/jalinanLaporan/selectKelompok.vue");
-/* harmony import */ var _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../jalinanKlaim/table.vue */ "./resources/assets/js/views/jalinanKlaim/table.vue");
-/* harmony import */ var _tableKelompok__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tableKelompok */ "./resources/assets/js/views/jalinanLaporan/tableKelompok.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/jalinanKlaim/table.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/selectCuTp.vue */ "./resources/assets/js/components/selectCuTp.vue");
+/* harmony import */ var _verifikator_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./verifikator.vue */ "./resources/assets/js/views/jalinanKlaim/verifikator.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -81,6 +81,82 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -90,117 +166,83 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    selectData: _selectKelompok_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    tableData: _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    tableKelompok: _tableKelompok__WEBPACK_IMPORTED_MODULE_5__["default"]
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    selectCuTp: _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    verifikator: _verifikator_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
   data: function data() {
     return {
-      title: 'Laporan Bantuan Solidaritas Jalinan',
-      titleDesc: 'Mengelola Bantuan Solidaritas Jalinan Berdasarkan Lama',
-      titleIcon: 'icon-archive',
+      title: 'Bantuan Solidaritas Jalinan',
       kelas: 'jalinanKlaim',
-      isShowDetail: false,
-      url: 'indexLaporanLama',
-      status: ''
+      titleDesc: 'Mengelola bantuan solidaritas Jalinan',
+      titleIcon: 'icon-accessibility2',
+      selectCuPath: 'jalinanKlaimCu',
+      tabName: 'menunggu'
     };
   },
   created: function created() {
-    this.checkUser('laporan_jalinan_klaim');
-    this.status = this.$route.params.status;
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.status = this.$route.params.status;
+    this.checkUser('index_jalinan_klaim', this.$route.params.cu);
+
+    if (this.currentUser.id_cu == 0) {
+      this.changeTab('menunggu');
+    } else {
+      this.changeTab('verifikasi');
     }
   },
   methods: {
-    fetch: function fetch(awal, akhir, cu, status, dari, ke) {
-      this.$router.push({
-        name: 'jalinanLaporanKlaimLamaTanggal',
-        params: {
-          awal: awal,
-          akhir: akhir,
-          status: status,
-          cu: cu,
-          jenis: 'lama',
-          dari: dari,
-          ke: ke
-        }
-      });
-    },
-    cari: function cari(awal, akhir, cu, status) {
-      this.fetch(awal, akhir, cu, status, 'semua', 'semua', 'semua');
-      this.isShowDetail = false;
-    },
-    checkUser: function checkUser(permission) {
+    checkUser: function checkUser(permission, id_cu) {
       if (this.currentUser) {
         if (!this.currentUser.can || !this.currentUser.can[permission]) {
           this.$router.push('/notFound');
         }
-      }
-    },
-    bukaData: function bukaData(value) {
-      var _dari = '';
-      var _ke = '';
-
-      if (value == '0 s.d. 1 tahun') {
-        _dari = 1;
-        _ke = 0;
-      } else if (value == '> 1 s.d. 3 tahun') {
-        _dari = 3;
-        _ke = 1;
-      } else if (value == '> 3 s.d. 5 tahun') {
-        _dari = 5;
-        _ke = 3;
-      } else if (value == '> 5 s.d. 7 tahun') {
-        _dari = 7;
-        _ke = 5;
-      } else if (value == '> 7 tahun') {
-        _dari = 100;
-        _ke = 7;
-      } else {
-        _dari = 'semua';
-        _ke = 'semua';
-      }
 
-      this.fetch(this.$route.params.awal, this.$route.params.akhir, this.$route.params.cu, this.$route.params.status, _dari, _ke);
-      this.isShowDetail = true;
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
     },
-    showDetail: function showDetail() {
-      this.isShowDetail = !this.isShowDetail;
+    changeTab: function changeTab(value) {
+      this.tabName = value;
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('user', {
+    modelPengurus: "dataS1",
+    modelPengawas: "dataS2",
+    modelManajemen: "dataS3",
+    modelPengurusStat: "dataStatS1",
+    modelPengawasStat: "dataStatS2",
+    modelManajemenStat: "dataStatS3"
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanKlaim', {
     itemData: 'dataS',
+    itemData1: 'dataS1',
+    itemData2: 'dataS2',
+    itemData3: 'dataS3',
+    itemData4: 'dataS4',
+    itemData5: 'dataS5',
+    itemData6: 'dataS6',
+    itemData7: 'dataS7',
     itemDataStat: 'dataStatS',
-    itemDataKlaim1: 'dataS1',
-    itemDataStatKlaim1: 'dataStatS1',
-    itemDataKlaim2: 'dataS2',
-    itemDataStatKlaim2: 'dataStatS2',
-    itemDataKlaim3: 'dataS3',
-    itemDataStatKlaim3: 'dataStatS3',
-    itemDataKlaim4: 'dataS4',
-    itemDataStatKlaim4: 'dataStatS4',
-    itemDataKlaim5: 'dataS5',
-    itemDataStatKlaim5: 'dataStatS5',
-    itemDataKlaim6: 'dataS6',
-    itemDataStatKlaim6: 'dataStatS6',
-    itemDataKlaim7: 'dataS7',
-    itemDataStatKlaim7: 'dataStatS7'
+    itemDataStat1: 'dataStatS1',
+    itemDataStat2: 'dataStatS2',
+    itemDataStat3: 'dataStatS3',
+    itemDataStat4: 'dataStatS4',
+    itemDataStat5: 'dataStatS5',
+    itemDataStat6: 'dataStatS6',
+    itemDataStat7: 'dataStatS7'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=template&id=9a637e5e&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=template&id=9a637e5e& ***!
-  \************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=template&id=5ab1b413&":
+/*!***********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=template&id=5ab1b413& ***!
+  \***********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -239,157 +281,481 @@ var render = function () {
                     })
                   : _vm._e(),
                 _vm._v(" "),
-                _c("select-data", {
-                  attrs: { isCu: false },
-                  on: { cari: _vm.cari },
+                _c("select-cu-tp", {
+                  attrs: {
+                    kelas: _vm.kelas,
+                    path: _vm.selectCuPath,
+                    isPus: false,
+                  },
                 }),
                 _vm._v(" "),
-                _vm.$route.meta.mode == "laporan"
-                  ? _c(
-                      "div",
-                      [
-                        _c("table-kelompok", {
-                          attrs: {
-                            title: "Bantuan Solidaritas Per Lama",
-                            itemData: _vm.itemData,
-                            itemDataStat: _vm.itemDataStat,
-                            url: _vm.url,
-                            isCu: false,
+                _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
+                  _c(
+                    "ul",
+                    { staticClass: "nav nav-tabs nav-tabs-solid  bg-light" },
+                    [
+                      _c("li", { staticClass: "nav-item" }, [
+                        _c(
+                          "a",
+                          {
+                            staticClass: "nav-link",
+                            class: { active: _vm.tabName == "verifikasi" },
+                            attrs: { href: "#" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.changeTab("verifikasi")
+                              },
+                            },
                           },
-                          on: {
-                            bukaData: _vm.bukaData,
-                            lihatSemua: _vm.bukaData,
+                          [
+                            _c("i", { staticClass: "icon-file-eye mr-2" }),
+                            _vm._v(" Verifikasi CU"),
+                          ]
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("li", { staticClass: "nav-item" }, [
+                        _c(
+                          "a",
+                          {
+                            staticClass: "nav-link",
+                            class: { active: _vm.tabName == "menunggu" },
+                            attrs: { href: "#" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.changeTab("menunggu")
+                              },
+                            },
                           },
-                        }),
-                        _vm._v(" "),
-                        _c("hr"),
-                        _vm._v(" "),
+                          [
+                            _c("i", {
+                              staticClass: "icon-checkbox-unchecked mr-2",
+                            }),
+                            _vm._v(" Menunggu"),
+                          ]
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("li", { staticClass: "nav-item" }, [
                         _c(
-                          "button",
+                          "a",
                           {
-                            staticClass: "btn btn-light btn-block",
-                            attrs: { type: "button" },
+                            staticClass: "nav-link",
+                            class: { active: _vm.tabName == "tidakLengkap" },
+                            attrs: { href: "#" },
                             on: {
                               click: function ($event) {
                                 $event.preventDefault()
-                                return _vm.showDetail.apply(null, arguments)
+                                return _vm.changeTab("tidakLengkap")
                               },
                             },
                           },
                           [
-                            !_vm.isShowDetail
-                              ? _c("span", [
-                                  _c("i", { staticClass: "icon-eye" }),
-                                  _vm._v(
-                                    " Buka semua data bantuan solidaritas Jalinan"
-                                  ),
-                                ])
-                              : _c("span", [
-                                  _c("i", { staticClass: "icon-eye-blocked" }),
-                                  _vm._v(
-                                    " Tutup data bantuan solidaritas Jalinan"
-                                  ),
-                                ]),
+                            _c("i", {
+                              staticClass: "icon-checkbox-partial mr-2",
+                            }),
+                            _vm._v(" Dokumen Tidak Lengkap"),
                           ]
                         ),
-                        _vm._v(" "),
-                        _c("hr"),
-                        _vm._v(" "),
-                        _vm.isShowDetail
-                          ? _c(
-                              "div",
-                              [
-                                _vm.status == "1"
-                                  ? _c("table-data", {
-                                      attrs: {
-                                        title:
-                                          "Bantuan Solidaritas Jalinan Menunggu",
-                                        kelas: _vm.kelas,
-                                        itemData: _vm.itemDataKlaim1,
-                                        itemDataStat: _vm.itemDataStatKlaim1,
-                                        status: "1",
-                                        isSimple: true,
-                                      },
-                                    })
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.status == "2"
-                                  ? _c("table-data", {
-                                      attrs: {
-                                        title:
-                                          "Bantuan Solidaritas Jalinan Dokumen Tidak Lengkap",
-                                        kelas: _vm.kelas,
-                                        itemData: _vm.itemDataKlaim2,
-                                        itemDataStat: _vm.itemDataStatKlaim2,
-                                        status: "2",
-                                        isSimple: true,
-                                      },
-                                    })
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.status == "3"
-                                  ? _c("table-data", {
-                                      attrs: {
-                                        title:
-                                          "Bantuan Solidaritas Jalinan Ditolak",
-                                        kelas: _vm.kelas,
-                                        itemData: _vm.itemDataKlaim3,
-                                        itemDataStat: _vm.itemDataStatKlaim3,
-                                        status: "3",
-                                        isSimple: true,
-                                      },
-                                    })
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.status == "4"
-                                  ? _c("table-data", {
-                                      attrs: {
-                                        title:
-                                          "Bantuan Solidaritas Jalinan Disetujui",
-                                        kelas: _vm.kelas,
-                                        itemData: _vm.itemDataKlaim4,
-                                        itemDataStat: _vm.itemDataStatKlaim4,
-                                        status: "4",
-                                        isSimple: true,
-                                      },
-                                    })
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.status == "5"
-                                  ? _c("table-data", {
-                                      attrs: {
-                                        title:
-                                          "Bantuan Solidaritas Jalinan Dicairkan",
-                                        kelas: _vm.kelas,
-                                        itemData: _vm.itemDataKlaim5,
-                                        itemDataStat: _vm.itemDataStatKlaim5,
-                                        status: "5",
-                                        isSimple: true,
-                                      },
-                                    })
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.status == "6"
-                                  ? _c("table-data", {
-                                      attrs: {
-                                        title:
-                                          "Bantuan Solidaritas Jalinan Selesai",
-                                        kelas: _vm.kelas,
-                                        itemData: _vm.itemDataKlaim6,
-                                        itemDataStat: _vm.itemDataStatKlaim6,
-                                        status: "6",
-                                        isSimple: true,
-                                      },
-                                    })
-                                  : _vm._e(),
-                              ],
-                              1
-                            )
-                          : _vm._e(),
-                      ],
-                      1
-                    )
-                  : _vm._e(),
+                      ]),
+                      _vm._v(" "),
+                      _c("li", { staticClass: "nav-item" }, [
+                        _c(
+                          "a",
+                          {
+                            staticClass: "nav-link",
+                            class: { active: _vm.tabName == "ditolak" },
+                            attrs: { href: "#" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.changeTab("ditolak")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-cancel-square mr-2" }),
+                            _vm._v(" Ditolak"),
+                          ]
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("li", { staticClass: "nav-item" }, [
+                        _c(
+                          "a",
+                          {
+                            staticClass: "nav-link",
+                            class: { active: _vm.tabName == "disetujui" },
+                            attrs: { href: "#" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.changeTab("disetujui")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", {
+                              staticClass: "icon-checkbox-checked mr-2",
+                            }),
+                            _vm._v(" Disetujui"),
+                          ]
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("li", { staticClass: "nav-item" }, [
+                        _c(
+                          "a",
+                          {
+                            staticClass: "nav-link",
+                            class: { active: _vm.tabName == "dicairkan" },
+                            attrs: { href: "#" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.changeTab("dicairkan")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-square-down mr-2" }),
+                            _vm._v(" Dicairkan"),
+                          ]
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("li", { staticClass: "nav-item" }, [
+                        _c(
+                          "a",
+                          {
+                            staticClass: "nav-link",
+                            class: { active: _vm.tabName == "selesai" },
+                            attrs: { href: "#" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.changeTab("selesai")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-square mr-2" }),
+                            _vm._v(" Selesai"),
+                          ]
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("li", { staticClass: "nav-item" }, [
+                        _c(
+                          "a",
+                          {
+                            staticClass: "nav-link",
+                            class: { active: _vm.tabName == "koreksi" },
+                            attrs: { href: "#" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.changeTab("koreksi")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-paint-format mr-2" }),
+                            _vm._v(" Koreksi"),
+                          ]
+                        ),
+                      ]),
+                    ]
+                  ),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "transition",
+                  {
+                    attrs: {
+                      "enter-active-class": "animated fadeIn",
+                      mode: "out-in",
+                    },
+                  },
+                  [
+                    _vm.tabName == "verifikasi"
+                      ? _c(
+                          "div",
+                          [
+                            _vm.$route.params.cu != "semua"
+                              ? _c("div", { staticClass: "row" }, [
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-4" },
+                                    [
+                                      _c("verifikator", {
+                                        attrs: {
+                                          isSingle: false,
+                                          title: "Verifikator Pengurus",
+                                          itemData: _vm.modelPengurus,
+                                          itemDataStat: _vm.modelPengurusStat,
+                                        },
+                                      }),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-4" },
+                                    [
+                                      _c("verifikator", {
+                                        attrs: {
+                                          isSingle: false,
+                                          title: "Verifikator Pengawas",
+                                          itemData: _vm.modelPengawas,
+                                          itemDataStat: _vm.modelPengawasStat,
+                                        },
+                                      }),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "col-md-4" },
+                                    [
+                                      _c("verifikator", {
+                                        attrs: {
+                                          isSingle: false,
+                                          title: "Verifikator Manajemen",
+                                          itemData: _vm.modelManajemen,
+                                          itemDataStat: _vm.modelManajemenStat,
+                                        },
+                                      }),
+                                    ],
+                                    1
+                                  ),
+                                ])
+                              : _vm._e(),
+                            _vm._v(" "),
+                            _c("table-data", {
+                              attrs: {
+                                title: _vm.title,
+                                kelas: _vm.kelas,
+                                itemData: _vm.itemData,
+                                itemDataStat: _vm.itemDataStat,
+                                status: "",
+                                isSimple: false,
+                              },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "transition",
+                  {
+                    attrs: {
+                      "enter-active-class": "animated fadeIn",
+                      mode: "out-in",
+                    },
+                  },
+                  [
+                    _vm.tabName == "menunggu"
+                      ? _c(
+                          "div",
+                          [
+                            _c("table-data", {
+                              attrs: {
+                                title: _vm.title,
+                                kelas: _vm.kelas,
+                                itemData: _vm.itemData1,
+                                itemDataStat: _vm.itemDataStat1,
+                                status: "1",
+                                isSimple: false,
+                              },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "transition",
+                  {
+                    attrs: {
+                      "enter-active-class": "animated fadeIn",
+                      mode: "out-in",
+                    },
+                  },
+                  [
+                    _vm.tabName == "tidakLengkap"
+                      ? _c(
+                          "div",
+                          [
+                            _c("table-data", {
+                              attrs: {
+                                title: _vm.title,
+                                kelas: _vm.kelas,
+                                itemData: _vm.itemData2,
+                                itemDataStat: _vm.itemDataStat2,
+                                status: "2",
+                              },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "transition",
+                  {
+                    attrs: {
+                      "enter-active-class": "animated fadeIn",
+                      mode: "out-in",
+                    },
+                  },
+                  [
+                    _vm.tabName == "ditolak"
+                      ? _c(
+                          "div",
+                          [
+                            _c("table-data", {
+                              attrs: {
+                                title: _vm.title,
+                                kelas: _vm.kelas,
+                                itemData: _vm.itemData3,
+                                itemDataStat: _vm.itemDataStat3,
+                                status: "3",
+                              },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "transition",
+                  {
+                    attrs: {
+                      "enter-active-class": "animated fadeIn",
+                      mode: "out-in",
+                    },
+                  },
+                  [
+                    _vm.tabName == "disetujui"
+                      ? _c(
+                          "div",
+                          [
+                            _c("table-data", {
+                              attrs: {
+                                title: _vm.title,
+                                kelas: _vm.kelas,
+                                itemData: _vm.itemData4,
+                                itemDataStat: _vm.itemDataStat4,
+                                status: "4",
+                              },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "transition",
+                  {
+                    attrs: {
+                      "enter-active-class": "animated fadeIn",
+                      mode: "out-in",
+                    },
+                  },
+                  [
+                    _vm.tabName == "dicairkan"
+                      ? _c(
+                          "div",
+                          [
+                            _c("table-data", {
+                              attrs: {
+                                title: _vm.title,
+                                kelas: _vm.kelas,
+                                itemData: _vm.itemData5,
+                                itemDataStat: _vm.itemDataStat5,
+                                status: "5",
+                              },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "transition",
+                  {
+                    attrs: {
+                      "enter-active-class": "animated fadeIn",
+                      mode: "out-in",
+                    },
+                  },
+                  [
+                    _vm.tabName == "selesai"
+                      ? _c(
+                          "div",
+                          [
+                            _c("table-data", {
+                              attrs: {
+                                title: _vm.title,
+                                kelas: _vm.kelas,
+                                itemData: _vm.itemData6,
+                                itemDataStat: _vm.itemDataStat6,
+                                status: "6",
+                              },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "transition",
+                  {
+                    attrs: {
+                      "enter-active-class": "animated fadeIn",
+                      mode: "out-in",
+                    },
+                  },
+                  [
+                    _vm.tabName == "koreksi"
+                      ? _c(
+                          "div",
+                          [
+                            _c("table-data", {
+                              attrs: {
+                                title: _vm.title,
+                                kelas: _vm.kelas,
+                                itemData: _vm.itemData7,
+                                itemDataStat: _vm.itemDataStat7,
+                                status: "7",
+                              },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                  ]
+                ),
               ],
               1
             ),
@@ -407,17 +773,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanLaporan/lama.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/jalinanLaporan/lama.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/jalinanKlaim/index.vue":
+/*!**********************************************************!*\
+  !*** ./resources/assets/js/views/jalinanKlaim/index.vue ***!
+  \**********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _lama_vue_vue_type_template_id_9a637e5e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./lama.vue?vue&type=template&id=9a637e5e& */ "./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=template&id=9a637e5e&");
-/* harmony import */ var _lama_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./lama.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_5ab1b413___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=5ab1b413& */ "./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=template&id=5ab1b413&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -427,9 +793,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _lama_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _lama_vue_vue_type_template_id_9a637e5e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _lama_vue_vue_type_template_id_9a637e5e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_5ab1b413___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_5ab1b413___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -439,38 +805,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanLaporan/lama.vue"
+component.options.__file = "resources/assets/js/views/jalinanKlaim/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_lama_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./lama.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_lama_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=template&id=9a637e5e&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=template&id=9a637e5e& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=template&id=5ab1b413&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=template&id=5ab1b413& ***!
+  \*****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_lama_vue_vue_type_template_id_9a637e5e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./lama.vue?vue&type=template&id=9a637e5e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=template&id=9a637e5e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_lama_vue_vue_type_template_id_9a637e5e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_5ab1b413___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=5ab1b413& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanKlaim/index.vue?vue&type=template&id=5ab1b413&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_5ab1b413___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_lama_vue_vue_type_template_id_9a637e5e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_5ab1b413___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/136.js b/public/js/components/136.js
index 6583decf0..2672bbbf3 100644
--- a/public/js/components/136.js
+++ b/public/js/components/136.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[136],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -13,8 +13,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 /* harmony import */ var _selectKelompok_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectKelompok.vue */ "./resources/assets/js/views/jalinanLaporan/selectKelompok.vue");
-/* harmony import */ var _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../jalinanKlaim/table.vue */ "./resources/assets/js/views/jalinanKlaim/table.vue");
-/* harmony import */ var _tableKelompok__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tableKelompok */ "./resources/assets/js/views/jalinanLaporan/tableKelompok.vue");
+/* harmony import */ var _tableKelompok__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tableKelompok */ "./resources/assets/js/views/jalinanLaporan/tableKelompok.vue");
+/* harmony import */ var _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../jalinanKlaim/table.vue */ "./resources/assets/js/views/jalinanKlaim/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -79,8 +79,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
 
 
 
@@ -92,22 +90,23 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
     message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
     selectData: _selectKelompok_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    tableData: _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    tableKelompok: _tableKelompok__WEBPACK_IMPORTED_MODULE_5__["default"]
+    tableData: _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    tableKelompok: _tableKelompok__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
   data: function data() {
     return {
-      title: 'Laporan Bantuan Solidaritas Jalinan',
-      titleDesc: 'Mengelola Bantuan Solidaritas Jalinan Berdasarkan Penyebab',
+      title: ' Laporan Bantuan Solidaritas Jalinan',
+      titleDesc: 'Mengelola Laporan Bantuan Solidaritas Jalinan Berdasarkan CU',
       titleIcon: 'icon-archive',
       kelas: 'jalinanKlaim',
       isShowDetail: false,
-      url: 'indexLaporanPenyebab',
+      url: 'indexLaporanCu',
       status: ''
     };
   },
   created: function created() {
-    this.checkUser('laporan_jalinan_klaim'); // this.status = this.$route.params.status;s
+    this.checkUser('laporan_jalinan_klaim');
+    this.status = this.$route.params.status;
   },
   watch: {
     '$route': function $route(to, from) {
@@ -116,21 +115,20 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     }
   },
   methods: {
-    fetch: function fetch(awal, akhir, cu, status, kategori) {
+    fetch: function fetch(cu, status, awal, akhir) {
       this.$router.push({
-        name: 'jalinanLaporanKlaimPenyebabTanggal',
+        name: 'jalinanLaporanKlaimCuTanggal',
         params: {
           awal: awal,
           akhir: akhir,
           status: status,
           cu: cu,
-          jenis: 'penyebab',
-          kategori: kategori
+          jenis: 'cu'
         }
       });
     },
     cari: function cari(awal, akhir, cu, status) {
-      this.fetch(awal, akhir, cu, status, 'semua');
+      this.fetch('semua', status, awal, akhir);
       this.isShowDetail = false;
     },
     checkUser: function checkUser(permission) {
@@ -141,15 +139,29 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
     },
     bukaData: function bukaData(value) {
-      this.fetch(this.$route.params.awal, this.$route.params.akhir, this.$route.params.cu, this.$route.params.status, value);
+      var _cu = '';
+
+      if (value != 'semua') {
+        _cu = _.find(this.modelCu, {
+          'name': value
+        });
+        _cu = _cu.id;
+      } else {
+        _cu = value;
+      }
+
+      this.fetch(_cu, this.$route.params.status, this.$route.params.awal, this.$route.params.akhir);
       this.isShowDetail = true;
     },
     showDetail: function showDetail() {
       this.isShowDetail = !this.isShowDetail;
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'headerDataS',
+    modelCuStat: 'headerDataStatS'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanKlaim', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
@@ -172,10 +184,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=template&id=f127a6f4&":
-/*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=template&id=f127a6f4& ***!
-  \****************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=template&id=31ac8a0c&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=template&id=31ac8a0c& ***!
+  \**********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -215,7 +227,7 @@ var render = function () {
                   : _vm._e(),
                 _vm._v(" "),
                 _c("select-data", {
-                  attrs: { isCu: false },
+                  attrs: { isCu: true },
                   on: { cari: _vm.cari },
                 }),
                 _vm._v(" "),
@@ -225,11 +237,11 @@ var render = function () {
                       [
                         _c("table-kelompok", {
                           attrs: {
-                            title: "Bantuan Solidaritas Per Penyebab",
+                            title: "Bantuan Solidaritas Per CU",
                             itemData: _vm.itemData,
                             itemDataStat: _vm.itemDataStat,
                             url: _vm.url,
-                            isCu: false,
+                            isCu: true,
                           },
                           on: {
                             bukaData: _vm.bukaData,
@@ -382,17 +394,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanLaporan/penyebab.vue":
-/*!***************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanLaporan/penyebab.vue ***!
-  \***************************************************************/
+/***/ "./resources/assets/js/views/jalinanLaporan/cu.vue":
+/*!*********************************************************!*\
+  !*** ./resources/assets/js/views/jalinanLaporan/cu.vue ***!
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _penyebab_vue_vue_type_template_id_f127a6f4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./penyebab.vue?vue&type=template&id=f127a6f4& */ "./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=template&id=f127a6f4&");
-/* harmony import */ var _penyebab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./penyebab.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=script&lang=js&");
+/* harmony import */ var _cu_vue_vue_type_template_id_31ac8a0c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cu.vue?vue&type=template&id=31ac8a0c& */ "./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=template&id=31ac8a0c&");
+/* harmony import */ var _cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -402,9 +414,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _penyebab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _penyebab_vue_vue_type_template_id_f127a6f4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _penyebab_vue_vue_type_template_id_f127a6f4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _cu_vue_vue_type_template_id_31ac8a0c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _cu_vue_vue_type_template_id_31ac8a0c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -414,38 +426,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanLaporan/penyebab.vue"
+component.options.__file = "resources/assets/js/views/jalinanLaporan/cu.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_penyebab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./penyebab.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_penyebab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./cu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=template&id=f127a6f4&":
-/*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=template&id=f127a6f4& ***!
-  \**********************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=template&id=31ac8a0c&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=template&id=31ac8a0c& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penyebab_vue_vue_type_template_id_f127a6f4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./penyebab.vue?vue&type=template&id=f127a6f4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=template&id=f127a6f4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penyebab_vue_vue_type_template_id_f127a6f4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cu_vue_vue_type_template_id_31ac8a0c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./cu.vue?vue&type=template&id=31ac8a0c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/cu.vue?vue&type=template&id=31ac8a0c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cu_vue_vue_type_template_id_31ac8a0c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penyebab_vue_vue_type_template_id_f127a6f4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cu_vue_vue_type_template_id_31ac8a0c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/137.js b/public/js/components/137.js
index 29f9d5d95..ef3015d9d 100644
--- a/public/js/components/137.js
+++ b/public/js/components/137.js
@@ -1,8 +1,8 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[137],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=script&lang=js&":
 /*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=script&lang=js& ***!
   \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -98,11 +98,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   data: function data() {
     return {
       title: 'Laporan Bantuan Solidaritas Jalinan',
-      titleDesc: 'Mengelola Bantuan Solidaritas Jalinan Berdasarkan Usia',
+      titleDesc: 'Mengelola Bantuan Solidaritas Jalinan Berdasarkan Lama',
       titleIcon: 'icon-archive',
       kelas: 'jalinanKlaim',
       isShowDetail: false,
-      url: 'indexLaporanUsia',
+      url: 'indexLaporanLama',
       status: ''
     };
   },
@@ -119,13 +119,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   methods: {
     fetch: function fetch(awal, akhir, cu, status, dari, ke) {
       this.$router.push({
-        name: 'jalinanLaporanKlaimUsiaTanggal',
+        name: 'jalinanLaporanKlaimLamaTanggal',
         params: {
           awal: awal,
           akhir: akhir,
           status: status,
           cu: cu,
-          jenis: 'usia',
+          jenis: 'lama',
           dari: dari,
           ke: ke
         }
@@ -149,30 +149,18 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       if (value == '0 s.d. 1 tahun') {
         _dari = 1;
         _ke = 0;
-      } else if (value == '> 1 s.d. 10 tahun') {
-        _dari = 10;
+      } else if (value == '> 1 s.d. 3 tahun') {
+        _dari = 3;
         _ke = 1;
-      } else if (value == '> 10 s.d. 20 tahun') {
-        _dari = 20;
-        _ke = 10;
-      } else if (value == '> 20 s.d. 30 tahun') {
-        _dari = 30;
-        _ke = 20;
-      } else if (value == '> 30 s.d. 40 tahun') {
-        _dari = 40;
-        _ke = 30;
-      } else if (value == '> 40 s.d. 50 tahun') {
-        _dari = 50;
-        _ke = 40;
-      } else if (value == '> 50 s.d. 60 tahun') {
-        _dari = 60;
-        _ke = 50;
-      } else if (value == '> 60 s.d. 70 tahun') {
-        _dari = 70;
-        _ke = 60;
-      } else if (value == '> 70 tahun') {
-        _dari = 300;
-        _ke = 70;
+      } else if (value == '> 3 s.d. 5 tahun') {
+        _dari = 5;
+        _ke = 3;
+      } else if (value == '> 5 s.d. 7 tahun') {
+        _dari = 7;
+        _ke = 5;
+      } else if (value == '> 7 tahun') {
+        _dari = 100;
+        _ke = 7;
       } else {
         _dari = 'semua';
         _ke = 'semua';
@@ -209,9 +197,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=template&id=0b159cbe&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=template&id=9a637e5e&":
 /*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=template&id=0b159cbe& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=template&id=9a637e5e& ***!
   \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -262,7 +250,7 @@ var render = function () {
                       [
                         _c("table-kelompok", {
                           attrs: {
-                            title: "Bantuan Solidaritas Per Usia",
+                            title: "Bantuan Solidaritas Per Lama",
                             itemData: _vm.itemData,
                             itemDataStat: _vm.itemDataStat,
                             url: _vm.url,
@@ -419,17 +407,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanLaporan/usia.vue":
+/***/ "./resources/assets/js/views/jalinanLaporan/lama.vue":
 /*!***********************************************************!*\
-  !*** ./resources/assets/js/views/jalinanLaporan/usia.vue ***!
+  !*** ./resources/assets/js/views/jalinanLaporan/lama.vue ***!
   \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _usia_vue_vue_type_template_id_0b159cbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./usia.vue?vue&type=template&id=0b159cbe& */ "./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=template&id=0b159cbe&");
-/* harmony import */ var _usia_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./usia.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=script&lang=js&");
+/* harmony import */ var _lama_vue_vue_type_template_id_9a637e5e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./lama.vue?vue&type=template&id=9a637e5e& */ "./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=template&id=9a637e5e&");
+/* harmony import */ var _lama_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./lama.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -439,9 +427,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _usia_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _usia_vue_vue_type_template_id_0b159cbe___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _usia_vue_vue_type_template_id_0b159cbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _lama_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _lama_vue_vue_type_template_id_9a637e5e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _lama_vue_vue_type_template_id_9a637e5e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -451,38 +439,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanLaporan/usia.vue"
+component.options.__file = "resources/assets/js/views/jalinanLaporan/lama.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=script&lang=js&":
 /*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=script&lang=js& ***!
   \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_usia_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./usia.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_usia_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_lama_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./lama.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_lama_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=template&id=0b159cbe&":
+/***/ "./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=template&id=9a637e5e&":
 /*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=template&id=0b159cbe& ***!
+  !*** ./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=template&id=9a637e5e& ***!
   \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_usia_vue_vue_type_template_id_0b159cbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./usia.vue?vue&type=template&id=0b159cbe& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=template&id=0b159cbe&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_usia_vue_vue_type_template_id_0b159cbe___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_lama_vue_vue_type_template_id_9a637e5e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./lama.vue?vue&type=template&id=9a637e5e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/lama.vue?vue&type=template&id=9a637e5e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_lama_vue_vue_type_template_id_9a637e5e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_usia_vue_vue_type_template_id_0b159cbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_lama_vue_vue_type_template_id_9a637e5e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/138.js b/public/js/components/138.js
index 8c6a43d90..b51f2693e 100644
--- a/public/js/components/138.js
+++ b/public/js/components/138.js
@@ -1,1228 +1,451 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[138],{
 
-/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/hooper/dist/hooper.css":
-/*!*****************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/postcss-loader/src??ref--6-2!./node_modules/hooper/dist/hooper.css ***!
-  \*****************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, ".hooper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.hooper-progress {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  height: 4px;\n  background-color: #efefef;\n}\n.hooper-progress-inner {\n  height: 100%;\n  background-color: #4285f4;\n  transition: 300ms;\n}\n.hooper-pagination {\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  display: flex;\n  padding: 5px 10px;\n}\n.hooper-indicators {\n  display: flex;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.hooper-indicator:hover,\n.hooper-indicator.is-active {\n  background-color: #4285f4;\n}\n.hooper-indicator {\n  margin: 0 2px;\n  width: 12px;\n  height: 4px;\n  border-radius: 4px;\n  border: none;\n  padding: 0;\n  background-color: #fff;\n  cursor: pointer;\n}\n.hooper-pagination.is-vertical {\n  bottom: auto;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.hooper-pagination.is-vertical .hooper-indicators {\n  flex-direction: column;\n}\n.hooper-pagination.is-vertical .hooper-indicator {\n  width: 6px;\n}\n.hooper-next,\n.hooper-prev {\n  background-color: transparent;\n  border: none;\n  padding: 1em;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n}\n.hooper-next.is-disabled,\n.hooper-prev.is-disabled {\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n.hooper-next {\n  right: 0;\n}\n.hooper-prev {\n  left: 0;\n}\n.hooper-navigation.is-vertical .hooper-next {\n  top: auto;\n  bottom: 0;\n  transform: initial;\n}\n.hooper-navigation.is-vertical .hooper-prev {\n  top: 0;\n  bottom: auto;\n  right: 0;\n  left: auto;\n  transform: initial;\n}\n.hooper-navigation.is-rtl .hooper-prev {\n  left: auto;\n  right: 0;\n}\n.hooper-navigation.is-rtl .hooper-next {\n  right: auto;\n  left: 0;\n}\n.hooper {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 200px;\n}\n.hooper * {\n  box-sizing: border-box;\n}\n.hooper-list {\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n}\n.hooper-track {\n  display: flex;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  margin: 0;\n}\n.hooper.is-vertical .hooper-track {\n  flex-direction: column;\n  height: 200px;\n}\n\n.hooper.is-rtl {\n  direction: rtl;\n}\n\n.hooper-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}", ""]);
-
-// exports
-
-
-/***/ }),
-
-/***/ "./node_modules/hooper/dist/hooper.css":
-/*!*********************************************!*\
-  !*** ./node_modules/hooper/dist/hooper.css ***!
-  \*********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../css-loader??ref--6-1!../../postcss-loader/src??ref--6-2!./hooper.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/hooper/dist/hooper.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./node_modules/hooper/dist/hooper.esm.js":
-/*!************************************************!*\
-  !*** ./node_modules/hooper/dist/hooper.esm.js ***!
-  \************************************************/
-/*! exports provided: default, Hooper, Icon, Navigation, Pagination, Progress, Slide, addonMixin */
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Hooper", function() { return Carousel; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Icon", function() { return Icon; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Navigation", function() { return Navigation; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Pagination", function() { return Pagination; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Progress", function() { return Progress; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Slide", function() { return Slide; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addonMixin", function() { return Mixin; });
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/**
-  * Hopper 0.3.4
-  * (c) 2019
-    * @license MIT
-    */
-
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    var ownKeys = Object.keys(source);
-
-    if (typeof Object.getOwnPropertySymbols === 'function') {
-      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
-    }
-
-    ownKeys.forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    });
-  }
-
-  return target;
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) {
-    for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
-
-    return arr2;
-  }
-}
-
-function _iterableToArray(iter) {
-  if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance");
-}
-
-function getInRange(value, min, max) {
-  return Math.max(Math.min(value, max), min);
-}
-function now() {
-  return Date.now();
-}
-function Timer(callback, time) {
-  this.create = function createTimer() {
-    return window.setInterval(callback, time);
-  };
-
-  this.stop = function stopTimer() {
-    if (this.timer) {
-      window.clearInterval(this.timer);
-      this.timer = null;
-    }
-  };
-
-  this.start = function startTimer() {
-    if (!this.timer) {
-      this.timer = this.create();
-    }
-  };
-
-  this.restart = function restartTimer(newTime) {
-    time = newTime || time;
-    this.stop();
-    this.start();
-  };
-
-  this.timer = this.create();
-}
-function camelCaseToString(camelCase) {
-  camelCase = camelCase.replace(/([A-Z]+)/g, ' $1');
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-}
-function normalizeSlideIndex(index, slidesCount) {
-  var realIndex;
-
-  if (index < 0) {
-    realIndex = (index + slidesCount) % slidesCount;
-  } else {
-    realIndex = index % slidesCount;
-  } // Test for NaN
-
-
-  if (realIndex !== realIndex) {
-    return 0;
-  }
-
-  return realIndex;
-}
-function cloneNode(h, vNode) {
-  // use the context that the original vnode was created in.
-  var children = vNode.children || vNode.componentOptions.children || vNode.text;
-  var tag = vNode.componentOptions.Ctor;
-  return h(tag, vNode.data, children);
-} // IE11 :)
-
-function assignPoly(target) {
-  if (target === undefined || target === null) {
-    throw new TypeError('Cannot convert first argument to object');
-  }
-
-  var to = Object(target);
-
-  for (var i = 1; i < arguments.length; i++) {
-    var nextSource = arguments[i];
-
-    if (nextSource === undefined || nextSource === null) {
-      continue;
-    }
-
-    nextSource = Object(nextSource);
-    var keysArray = Object.keys(Object(nextSource));
-
-    for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {
-      var nextKey = keysArray[nextIndex];
-      var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
-
-      if (desc !== undefined && desc.enumerable) {
-        to[nextKey] = nextSource[nextKey];
-      }
-    }
-  }
-
-  return to;
-}
-
-var assign = Object.assign || assignPoly;
-
-function signPoly(value) {
-  if (value < 0) {
-    return -1;
-  }
-
-  return value > 0 ? 1 : 0;
-}
-
-var sign = Math.sign || signPoly;
-function normalizeChildren(context) {
-  var slotProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-  if (context.$scopedSlots.default) {
-    return context.$scopedSlots.default(slotProps) || [];
-  }
-
-  return context.$slots.default || [];
-}
-
-var EMITTER = new vue__WEBPACK_IMPORTED_MODULE_0___default.a();
-var Carousel = {
-  name: 'Hooper',
-  provide: function provide() {
-    return {
-      $hooper: this
-    };
-  },
-  props: {
-    // count of items to showed per view
-    itemsToShow: {
-      default: 1,
-      type: Number
-    },
-    // count of items to slide when use navigation buttons
-    itemsToSlide: {
-      default: 1,
-      type: Number
-    },
-    // index number of initial slide
-    initialSlide: {
-      default: 0,
-      type: Number
-    },
-    // control infinite scrolling mode
-    infiniteScroll: {
-      default: false,
-      type: Boolean
-    },
-    // control center mode
-    centerMode: {
-      default: false,
-      type: Boolean
-    },
-    // vertical sliding mode
-    vertical: {
-      default: false,
-      type: Boolean
-    },
-    // enable rtl mode
-    rtl: {
-      default: null,
-      type: Boolean
-    },
-    // enable auto sliding to carousel
-    autoPlay: {
-      default: false,
-      type: Boolean
-    },
-    // speed of auto play to trigger slide
-    playSpeed: {
-      default: 2000,
-      type: Number
-    },
-    // toggle mouse dragging
-    mouseDrag: {
-      default: true,
-      type: Boolean
-    },
-    // toggle touch dragging
-    touchDrag: {
-      default: true,
-      type: Boolean
-    },
-    // toggle mouse wheel sliding
-    wheelControl: {
-      default: true,
-      type: Boolean
-    },
-    // toggle keyboard control
-    keysControl: {
-      default: true,
-      type: Boolean
-    },
-    // enable any move to commit a slide
-    shortDrag: {
-      default: true,
-      type: Boolean
-    },
-    // sliding transition time in ms
-    transition: {
-      default: 300,
-      type: Number
-    },
-    // pause autoPlay on mousehover
-    hoverPause: {
-      default: true,
-      type: Boolean
-    },
-    // remove empty space around slides
-    trimWhiteSpace: {
-      default: false,
-      type: Boolean
-    },
-    // an object to pass all settings
-    settings: {
-      default: function _default() {
-        return {};
-      },
-      type: Object
-    },
-    group: {
-      type: String,
-      default: null
-    }
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _selectKelompok_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectKelompok.vue */ "./resources/assets/js/views/jalinanLaporan/selectKelompok.vue");
+/* harmony import */ var _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../jalinanKlaim/table.vue */ "./resources/assets/js/views/jalinanKlaim/table.vue");
+/* harmony import */ var _tableKelompok__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tableKelompok */ "./resources/assets/js/views/jalinanLaporan/tableKelompok.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    selectData: _selectKelompok_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    tableData: _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    tableKelompok: _tableKelompok__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
   data: function data() {
     return {
-      isDragging: false,
-      isSliding: false,
-      isTouch: false,
-      isHover: false,
-      isFocus: false,
-      initialized: false,
-      slideWidth: 0,
-      slideHeight: 0,
-      slidesCount: 0,
-      trimStart: 0,
-      trimEnd: 1,
-      currentSlide: null,
-      timer: null,
-      defaults: {},
-      breakpoints: {},
-      delta: {
-        x: 0,
-        y: 0
-      },
-      config: {}
+      title: 'Laporan Bantuan Solidaritas Jalinan',
+      titleDesc: 'Mengelola Bantuan Solidaritas Jalinan Berdasarkan Penyebab',
+      titleIcon: 'icon-archive',
+      kelas: 'jalinanKlaim',
+      isShowDetail: false,
+      url: 'indexLaporanPenyebab',
+      status: ''
     };
   },
-  computed: {
-    slideBounds: function slideBounds() {
-      var config = this.config,
-          currentSlide = this.currentSlide; // Because the "isActive" depends on the slides shown, not the number of slidable ones.
-      // but upper and lower bounds for Next,Prev depend on whatever is smaller.
-
-      var siblings = config.itemsToShow;
-      var lower = config.centerMode ? Math.ceil(currentSlide - siblings / 2) : currentSlide;
-      var upper = config.centerMode ? Math.floor(currentSlide + siblings / 2) : Math.floor(currentSlide + siblings - 1);
-      return {
-        lower: lower,
-        upper: upper
-      };
-    },
-    trackTransform: function trackTransform() {
-      var _this$config = this.config,
-          infiniteScroll = _this$config.infiniteScroll,
-          vertical = _this$config.vertical,
-          rtl = _this$config.rtl,
-          centerMode = _this$config.centerMode;
-      var direction = rtl ? -1 : 1;
-      var slideLength = vertical ? this.slideHeight : this.slideWidth;
-      var containerLength = vertical ? this.containerHeight : this.containerWidth;
-      var dragDelta = vertical ? this.delta.y : this.delta.x;
-      var clonesSpace = infiniteScroll ? slideLength * this.slidesCount : 0;
-      var centeringSpace = centerMode ? (containerLength - slideLength) / 2 : 0; // calculate track translate
-
-      var translate = dragDelta + direction * (centeringSpace - clonesSpace - this.currentSlide * slideLength);
-
-      if (vertical) {
-        return "transform: translate(0, ".concat(translate, "px);");
-      }
-
-      return "transform: translate(".concat(translate, "px, 0);");
-    },
-    trackTransition: function trackTransition() {
-      if (this.initialized && this.isSliding) {
-        return "transition: ".concat(this.config.transition, "ms");
-      }
-
-      return '';
-    }
+  created: function created() {
+    this.checkUser('laporan_jalinan_klaim'); // this.status = this.$route.params.status;s
   },
   watch: {
-    group: function group(val, oldVal) {
-      if (val === oldVal) {
-        return;
-      }
-
-      EMITTER.$off("slideGroup:".concat(oldVal), this._groupSlideHandler);
-      this.addGroupListeners();
+    '$route': function $route(to, from) {
+      // check current page meta
+      this.status = this.$route.params.status;
     }
   },
   methods: {
-    // controlling methods
-    slideTo: function slideTo(slideIndex) {
-      var _this = this;
-
-      var isSource = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
-      if (this.isSliding || slideIndex === this.currentSlide) {
-        return;
-      }
-
-      this.$emit('beforeSlide', {
-        currentSlide: this.currentSlide,
-        slideTo: index
-      });
-      var _this$config2 = this.config,
-          infiniteScroll = _this$config2.infiniteScroll,
-          transition = _this$config2.transition;
-      var previousSlide = this.currentSlide;
-      var index = infiniteScroll ? slideIndex : getInRange(slideIndex, this.trimStart, this.slidesCount - this.trimEnd); // Notify others if in a group and is the slide event initiator.
-
-      if (this.group && isSource) {
-        EMITTER.$emit("slideGroup:".concat(this.group), slideIndex);
-      }
-
-      this.currentSlide = index;
-      this.isSliding = true;
-      window.setTimeout(function () {
-        _this.isSliding = false;
-        _this.currentSlide = normalizeSlideIndex(index, _this.slidesCount);
-      }, transition);
-      this.$emit('slide', {
-        currentSlide: this.currentSlide,
-        slideFrom: previousSlide
-      });
-    },
-    slideNext: function slideNext() {
-      this.slideTo(this.currentSlide + this.config.itemsToSlide);
-    },
-    slidePrev: function slidePrev() {
-      this.slideTo(this.currentSlide - this.config.itemsToSlide);
-    },
-    initEvents: function initEvents() {
-      // get the element direction if not explicitly set
-      if (this.defaults.rtl === null) {
-        this.defaults.rtl = getComputedStyle(this.$el).direction === 'rtl';
-      }
-
-      if (this.config.autoPlay) {
-        this.initAutoPlay();
-      }
-
-      if (this.config.mouseDrag) {
-        this.$refs.list.addEventListener('mousedown', this.onDragStart);
-      }
-
-      if (this.config.touchDrag) {
-        this.$refs.list.addEventListener('touchstart', this.onDragStart, {
-          passive: true
-        });
-      }
-
-      if (this.config.keysControl) {
-        this.$el.addEventListener('keydown', this.onKeypress);
-      }
-
-      if (this.config.wheelControl) {
-        this.lastScrollTime = now();
-        this.$el.addEventListener('wheel', this.onWheel, {
-          passive: false
-        });
-      }
-
-      window.addEventListener('resize', this.update);
-    },
-    initAutoPlay: function initAutoPlay() {
-      var _this2 = this;
-
-      this.timer = new Timer(function () {
-        if (_this2.isSliding || _this2.isDragging || _this2.isHover && _this2.config.hoverPause || _this2.isFocus) {
-          return;
-        }
-
-        if (_this2.currentSlide === _this2.slidesCount - 1 && !_this2.config.infiniteScroll) {
-          _this2.slideTo(0);
-
-          return;
+    fetch: function fetch(awal, akhir, cu, status, kategori) {
+      this.$router.push({
+        name: 'jalinanLaporanKlaimPenyebabTanggal',
+        params: {
+          awal: awal,
+          akhir: akhir,
+          status: status,
+          cu: cu,
+          jenis: 'penyebab',
+          kategori: kategori
         }
-
-        _this2.slideNext();
-      }, this.config.playSpeed);
-    },
-    initDefaults: function initDefaults() {
-      this.breakpoints = this.settings.breakpoints;
-      this.defaults = assign({}, this.$props, this.settings);
-      this.config = assign({}, this.defaults);
-    },
-    // updating methods
-    update: function update() {
-      if (this.breakpoints) {
-        this.updateConfig();
-      }
-
-      this.updateWidth();
-      this.updateTrim();
-      this.$emit('updated', {
-        containerWidth: this.containerWidth,
-        containerHeight: this.containerHeight,
-        slideWidth: this.slideWidth,
-        slideHeight: this.slideHeight,
-        settings: this.config
-      });
-    },
-    updateTrim: function updateTrim() {
-      var _this$config3 = this.config,
-          trimWhiteSpace = _this$config3.trimWhiteSpace,
-          itemsToShow = _this$config3.itemsToShow,
-          centerMode = _this$config3.centerMode,
-          infiniteScroll = _this$config3.infiniteScroll;
-
-      if (!trimWhiteSpace || infiniteScroll) {
-        this.trimStart = 0;
-        this.trimEnd = 1;
-        return;
-      }
-
-      this.trimStart = centerMode ? Math.floor((itemsToShow - 1) / 2) : 0;
-      this.trimEnd = centerMode ? Math.ceil(itemsToShow / 2) : itemsToShow;
-    },
-    updateWidth: function updateWidth() {
-      var rect = this.$el.getBoundingClientRect();
-      this.containerWidth = rect.width;
-      this.containerHeight = rect.height;
-
-      if (this.config.vertical) {
-        this.slideHeight = this.containerHeight / this.config.itemsToShow;
-        return;
-      }
-
-      this.slideWidth = this.containerWidth / this.config.itemsToShow;
-    },
-    updateConfig: function updateConfig() {
-      var _this3 = this;
-
-      var breakpoints = Object.keys(this.breakpoints).sort(function (a, b) {
-        return b - a;
-      });
-      var matched;
-      breakpoints.some(function (breakpoint) {
-        matched = window.matchMedia("(min-width: ".concat(breakpoint, "px)")).matches;
-
-        if (matched) {
-          _this3.config = assign({}, _this3.config, _this3.defaults, _this3.breakpoints[breakpoint]);
-          return true;
-        }
-      });
-
-      if (!matched) {
-        this.config = assign(this.config, this.defaults);
-      }
-    },
-    restartTimer: function restartTimer() {
-      if (this.timer) {
-        this.timer.restart();
-      }
-    },
-    restart: function restart() {
-      var _this4 = this;
-
-      this.$nextTick(function () {
-        _this4.update();
       });
     },
-    // events handlers
-    onDragStart: function onDragStart(event) {
-      this.isTouch = event.type === 'touchstart';
-
-      if (!this.isTouch && event.button !== 0) {
-        return;
-      }
-
-      this.startPosition = {
-        x: 0,
-        y: 0
-      };
-      this.endPosition = {
-        x: 0,
-        y: 0
-      };
-      this.isDragging = true;
-      this.startPosition.x = this.isTouch ? event.touches[0].clientX : event.clientX;
-      this.startPosition.y = this.isTouch ? event.touches[0].clientY : event.clientY;
-      document.addEventListener(this.isTouch ? 'touchmove' : 'mousemove', this.onDrag);
-      document.addEventListener(this.isTouch ? 'touchend' : 'mouseup', this.onDragEnd);
-    },
-    isInvalidDirection: function isInvalidDirection(deltaX, deltaY) {
-      if (!this.config.vertical) {
-        return Math.abs(deltaX) <= Math.abs(deltaY);
-      }
-
-      if (this.config.vertical) {
-        return Math.abs(deltaY) <= Math.abs(deltaX);
-      }
-
-      return false;
-    },
-    onDrag: function onDrag(event) {
-      if (this.isSliding) {
-        return;
-      }
-
-      this.endPosition.x = this.isTouch ? event.touches[0].clientX : event.clientX;
-      this.endPosition.y = this.isTouch ? event.touches[0].clientY : event.clientY;
-      var deltaX = this.endPosition.x - this.startPosition.x;
-      var deltaY = this.endPosition.y - this.startPosition.y; // Maybe scrolling.
-
-      if (this.isInvalidDirection(deltaX, deltaY)) {
-        return;
-      }
-
-      this.delta.y = deltaY;
-      this.delta.x = deltaX;
-
-      if (!this.isTouch) {
-        event.preventDefault();
-      }
-    },
-    onDragEnd: function onDragEnd() {
-      var tolerance = this.config.shortDrag ? 0.5 : 0.15;
-      this.isDragging = false;
-
-      if (this.config.vertical) {
-        var draggedSlides = Math.round(Math.abs(this.delta.y / this.slideHeight) + tolerance);
-        this.slideTo(this.currentSlide - sign(this.delta.y) * draggedSlides);
-      }
-
-      if (!this.config.vertical) {
-        var direction = (this.config.rtl ? -1 : 1) * sign(this.delta.x);
-
-        var _draggedSlides = Math.round(Math.abs(this.delta.x / this.slideWidth) + tolerance);
-
-        this.slideTo(this.currentSlide - direction * _draggedSlides);
-      }
-
-      this.delta.x = 0;
-      this.delta.y = 0;
-      document.removeEventListener(this.isTouch ? 'touchmove' : 'mousemove', this.onDrag);
-      document.removeEventListener(this.isTouch ? 'touchend' : 'mouseup', this.onDragEnd);
-      this.restartTimer();
-    },
-    onTransitionend: function onTransitionend() {
-      this.isSliding = false;
-      this.$emit('afterSlide', {
-        currentSlide: this.currentSlide
-      });
+    cari: function cari(awal, akhir, cu, status) {
+      this.fetch(awal, akhir, cu, status, 'semua');
+      this.isShowDetail = false;
     },
-    onKeypress: function onKeypress(event) {
-      var key = event.key;
-
-      if (key.startsWith('Arrow')) {
-        event.preventDefault();
-      }
-
-      if (this.config.vertical) {
-        if (key === 'ArrowUp') {
-          this.slidePrev();
+    checkUser: function checkUser(permission) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
         }
-
-        if (key === 'ArrowDown') {
-          this.slideNext();
-        }
-
-        return;
-      }
-
-      if (this.config.rtl) {
-        if (key === 'ArrowRight') {
-          this.slidePrev();
-        }
-
-        if (key === 'ArrowLeft') {
-          this.slideNext();
-        }
-
-        return;
-      }
-
-      if (key === 'ArrowRight') {
-        this.slideNext();
-      }
-
-      if (key === 'ArrowLeft') {
-        this.slidePrev();
       }
     },
-    onWheel: function onWheel(event) {
-      event.preventDefault();
-
-      if (now() - this.lastScrollTime < 200) {
-        return;
-      } // get wheel direction
-
-
-      this.lastScrollTime = now();
-      var value = event.wheelDelta || -event.deltaY;
-      var delta = sign(value);
-
-      if (delta === -1) {
-        this.slideNext();
-      }
-
-      if (delta === 1) {
-        this.slidePrev();
-      }
+    bukaData: function bukaData(value) {
+      this.fetch(this.$route.params.awal, this.$route.params.akhir, this.$route.params.cu, this.$route.params.status, value);
+      this.isShowDetail = true;
     },
-    addGroupListeners: function addGroupListeners() {
-      var _this5 = this;
-
-      if (!this.group) {
-        return;
-      }
-
-      this._groupSlideHandler = function (slideIndex) {
-        // set the isSource to false to prevent infinite emitting loop.
-        _this5.slideTo(slideIndex, false);
-      };
-
-      EMITTER.$on("slideGroup:".concat(this.group), this._groupSlideHandler);
+    showDetail: function showDetail() {
+      this.isShowDetail = !this.isShowDetail;
     }
   },
-  created: function created() {
-    this.initDefaults();
-  },
-  mounted: function mounted() {
-    var _this6 = this;
-
-    this.initEvents();
-    this.addGroupListeners();
-    this.$nextTick(function () {
-      _this6.update();
-
-      _this6.slideTo(_this6.config.initialSlide || 0);
-
-      setTimeout(function () {
-        _this6.$emit('loaded');
-
-        _this6.initialized = true;
-      }, _this6.transition);
-    });
-  },
-  beforeDestroy: function beforeDestroy() {
-    window.removeEventListener('resize', this.update);
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanKlaim', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    itemDataKlaim1: 'dataS1',
+    itemDataStatKlaim1: 'dataStatS1',
+    itemDataKlaim2: 'dataS2',
+    itemDataStatKlaim2: 'dataStatS2',
+    itemDataKlaim3: 'dataS3',
+    itemDataStatKlaim3: 'dataStatS3',
+    itemDataKlaim4: 'dataS4',
+    itemDataStatKlaim4: 'dataStatS4',
+    itemDataKlaim5: 'dataS5',
+    itemDataStatKlaim5: 'dataStatS5',
+    itemDataKlaim6: 'dataS6',
+    itemDataStatKlaim6: 'dataStatS6',
+    itemDataKlaim7: 'dataS7',
+    itemDataStatKlaim7: 'dataStatS7'
+  }))
+});
 
-    if (this.group) {
-      EMITTER.$off("slideGroup:".concat(this.group), this._groupSlideHandler);
-    }
+/***/ }),
 
-    if (this.timer) {
-      this.timer.stop();
-    }
-  },
-  render: function render(h) {
-    var _this7 = this;
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=template&id=f127a6f4&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=template&id=f127a6f4& ***!
+  \****************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-    var body = renderBody.call(this, h);
-    return h('section', {
-      class: {
-        hooper: true,
-        'is-vertical': this.config.vertical,
-        'is-rtl': this.config.rtl
-      },
-      attrs: {
-        tabindex: '0'
-      },
-      on: {
-        focusin: function focusin() {
-          return _this7.isFocus = true;
-        },
-        focusout: function focusout() {
-          return _this7.isFocus = false;
-        },
-        mouseover: function mouseover() {
-          return _this7.isHover = true;
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
         },
-        mouseleave: function mouseleave() {
-          return _this7.isHover = false;
-        }
-      }
-    }, body);
-  }
-};
-/**
- * Renders additional slides for infinite slides mode.
- * By cloning Slides VNodes before and after either edges.
- */
-
-function renderBufferSlides(h, slides) {
-  var before = [];
-  var after = []; // reduce prop access
-
-  var slidesCount = slides.length;
-
-  for (var i = 0; i < slidesCount; i++) {
-    var slide = slides[i];
-    var clonedBefore = cloneNode(h, slide);
-    var slideIndex = i - slidesCount;
-    clonedBefore.data.key = "before_".concat(i);
-    clonedBefore.key = clonedBefore.data.key;
-    clonedBefore.componentOptions.propsData.index = slideIndex;
-    clonedBefore.data.props = {
-      index: slideIndex,
-      isClone: true
-    };
-    before.push(clonedBefore);
-    var clonedAfter = cloneNode(h, slide);
-    slideIndex = i + slidesCount;
-    clonedAfter.data.key = "after_".concat(slideIndex);
-    clonedAfter.componentOptions.propsData.index = slideIndex;
-    clonedAfter.key = clonedAfter.data.key;
-    clonedAfter.data.props = {
-      index: slideIndex,
-      isClone: true
-    };
-    after.push(clonedAfter);
-  }
-
-  return [].concat(before, _toConsumableArray(slides), after);
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-container" }, [
+        _c("div", { staticClass: "page-content" }, [
+          _c("div", { staticClass: "content-wrapper" }, [
+            _c(
+              "div",
+              { staticClass: "content" },
+              [
+                _vm.itemDataStat === "fail"
+                  ? _c("message", {
+                      attrs: {
+                        title: "Oops terjadi kesalahan:",
+                        errorData: _vm.itemData,
+                      },
+                    })
+                  : _vm._e(),
+                _vm._v(" "),
+                _c("select-data", {
+                  attrs: { isCu: false },
+                  on: { cari: _vm.cari },
+                }),
+                _vm._v(" "),
+                _vm.$route.meta.mode == "laporan"
+                  ? _c(
+                      "div",
+                      [
+                        _c("table-kelompok", {
+                          attrs: {
+                            title: "Bantuan Solidaritas Per Penyebab",
+                            itemData: _vm.itemData,
+                            itemDataStat: _vm.itemDataStat,
+                            url: _vm.url,
+                            isCu: false,
+                          },
+                          on: {
+                            bukaData: _vm.bukaData,
+                            lihatSemua: _vm.bukaData,
+                          },
+                        }),
+                        _vm._v(" "),
+                        _c("hr"),
+                        _vm._v(" "),
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block",
+                            attrs: { type: "button" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.showDetail.apply(null, arguments)
+                              },
+                            },
+                          },
+                          [
+                            !_vm.isShowDetail
+                              ? _c("span", [
+                                  _c("i", { staticClass: "icon-eye" }),
+                                  _vm._v(
+                                    " Buka semua data bantuan solidaritas Jalinan"
+                                  ),
+                                ])
+                              : _c("span", [
+                                  _c("i", { staticClass: "icon-eye-blocked" }),
+                                  _vm._v(
+                                    " Tutup data bantuan solidaritas Jalinan"
+                                  ),
+                                ]),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c("hr"),
+                        _vm._v(" "),
+                        _vm.isShowDetail
+                          ? _c(
+                              "div",
+                              [
+                                _vm.status == "1"
+                                  ? _c("table-data", {
+                                      attrs: {
+                                        title:
+                                          "Bantuan Solidaritas Jalinan Menunggu",
+                                        kelas: _vm.kelas,
+                                        itemData: _vm.itemDataKlaim1,
+                                        itemDataStat: _vm.itemDataStatKlaim1,
+                                        status: "1",
+                                        isSimple: true,
+                                      },
+                                    })
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.status == "2"
+                                  ? _c("table-data", {
+                                      attrs: {
+                                        title:
+                                          "Bantuan Solidaritas Jalinan Dokumen Tidak Lengkap",
+                                        kelas: _vm.kelas,
+                                        itemData: _vm.itemDataKlaim2,
+                                        itemDataStat: _vm.itemDataStatKlaim2,
+                                        status: "2",
+                                        isSimple: true,
+                                      },
+                                    })
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.status == "3"
+                                  ? _c("table-data", {
+                                      attrs: {
+                                        title:
+                                          "Bantuan Solidaritas Jalinan Ditolak",
+                                        kelas: _vm.kelas,
+                                        itemData: _vm.itemDataKlaim3,
+                                        itemDataStat: _vm.itemDataStatKlaim3,
+                                        status: "3",
+                                        isSimple: true,
+                                      },
+                                    })
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.status == "4"
+                                  ? _c("table-data", {
+                                      attrs: {
+                                        title:
+                                          "Bantuan Solidaritas Jalinan Disetujui",
+                                        kelas: _vm.kelas,
+                                        itemData: _vm.itemDataKlaim4,
+                                        itemDataStat: _vm.itemDataStatKlaim4,
+                                        status: "4",
+                                        isSimple: true,
+                                      },
+                                    })
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.status == "5"
+                                  ? _c("table-data", {
+                                      attrs: {
+                                        title:
+                                          "Bantuan Solidaritas Jalinan Dicairkan",
+                                        kelas: _vm.kelas,
+                                        itemData: _vm.itemDataKlaim5,
+                                        itemDataStat: _vm.itemDataStatKlaim5,
+                                        status: "5",
+                                        isSimple: true,
+                                      },
+                                    })
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.status == "6"
+                                  ? _c("table-data", {
+                                      attrs: {
+                                        title:
+                                          "Bantuan Solidaritas Jalinan Selesai",
+                                        kelas: _vm.kelas,
+                                        itemData: _vm.itemDataKlaim6,
+                                        itemDataStat: _vm.itemDataStatKlaim6,
+                                        status: "6",
+                                        isSimple: true,
+                                      },
+                                    })
+                                  : _vm._e(),
+                              ],
+                              1
+                            )
+                          : _vm._e(),
+                      ],
+                      1
+                    )
+                  : _vm._e(),
+              ],
+              1
+            ),
+          ]),
+        ]),
+      ]),
+    ],
+    1
+  )
 }
-/**
- * Produces the VNodes for the Slides.
- * requires {this} to be bound to hooper.
- * So use with .call or .bind
- */
-
-
-function renderSlides(h) {
-  var children = normalizeChildren(this);
-  var childrenCount = children.length;
-  var idx = 0;
-  var slides = [];
-
-  for (var i = 0; i < childrenCount; i++) {
-    var child = children[i];
-    var ctor = child.componentOptions && child.componentOptions.Ctor;
+var staticRenderFns = []
+render._withStripped = true
 
-    if (!ctor || ctor.options.name !== 'HooperSlide') {
-      continue;
-    } // give slide an index behind the scenes
 
 
-    child.componentOptions.propsData.index = idx;
-    child.data.key = idx;
-    child.key = idx;
-    child.data.props = _objectSpread({}, child.data.props || {}, {
-      isClone: false,
-      index: idx++
-    });
-    slides.push(child);
-  } // update hooper's information of the slide count.
-
-
-  this.slidesCount = slides.length;
-
-  if (this.config.infiniteScroll) {
-    slides = renderBufferSlides(h, slides);
-  }
-
-  return h('ul', {
-    class: {
-      'hooper-track': true,
-      'is-dragging': this.isDragging
-    },
-    style: this.trackTransform + this.trackTransition,
-    ref: 'track',
-    on: {
-      transitionend: this.onTransitionend
-    }
-  }, slides);
-}
-/**
- * Builds the VNodes for the hooper body.
- * Which is the slides, addons if available, and a11y stuff.
- * REQUIRES {this} to be bound to the hooper instance.
- * use with .call or .bind
- */
-
-
-function renderBody(h) {
-  var slides = renderSlides.call(this, h);
-  var addons = this.$slots['hooper-addons'] || [];
-  var a11y = h('div', {
-    class: 'hooper-liveregion hooper-sr-only',
-    attrs: {
-      'aria-live': 'polite',
-      'aria-atomic': 'true'
-    }
-  }, "Item ".concat(this.currentSlide + 1, " of ").concat(this.slidesCount));
-  var children = [slides].concat(_toConsumableArray(addons), [a11y]);
-  return [h('div', {
-    class: 'hooper-list',
-    ref: 'list'
-  }, children)];
-}
-
-var Slide = {
-  name: 'HooperSlide',
-  inject: ['$hooper'],
-  props: {
-    isClone: {
-      type: Boolean,
-      default: false
-    },
-    index: {
-      type: Number,
-      required: true
-    }
-  },
-  computed: {
-    style: function style() {
-      var _ref = this.$hooper || {},
-          config = _ref.config,
-          slideHeight = _ref.slideHeight,
-          slideWidth = _ref.slideWidth;
-
-      if (config.vertical) {
-        return "height: ".concat(slideHeight, "px");
-      }
-
-      return "width: ".concat(slideWidth, "px");
-    },
-    isActive: function isActive() {
-      var _this$$hooper$slideBo = this.$hooper.slideBounds,
-          upper = _this$$hooper$slideBo.upper,
-          lower = _this$$hooper$slideBo.lower;
-      return this.index >= lower && this.index <= upper;
-    },
-    isPrev: function isPrev() {
-      var lower = this.$hooper.slideBounds.lower;
-      var itemsToSlide = this.$hooper.config.itemsToSlide;
-      return this.index < lower && this.index >= lower - itemsToSlide;
-    },
-    isNext: function isNext() {
-      var upper = this.$hooper.slideBounds.upper;
-      var itemsToSlide = this.$hooper.config.itemsToSlide;
-      return this.index > upper && this.index <= upper + itemsToSlide;
-    },
-    isCurrent: function isCurrent() {
-      return this.index === this.$hooper.currentSlide;
-    }
-  },
-  render: function render(h) {
-    var classes = {
-      'hooper-slide': true,
-      'is-clone': this.isClone,
-      'is-active': this.isActive,
-      'is-prev': this.isPrev,
-      'is-next': this.isNext,
-      'is-current': this.isCurrent
-    };
-    var children = normalizeChildren(this);
-    return h('li', {
-      class: classes,
-      style: this.style,
-      attrs: {
-        'aria-hidden': !this.isActive
-      }
-    }, children);
-  }
-};
-
-var Mixin = {
-  inject: ['$hooper']
-};
-
-var icons = {
-  arrowUp: 'M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z',
-  arrowDown: 'M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z',
-  arrowRight: 'M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z',
-  arrowLeft: 'M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z'
-};
-var Icon = {
-  name: 'HooperIcon',
-  functional: true,
-  inheritAttrs: true,
-  props: {
-    name: {
-      type: String,
-      required: true,
-      validator: function validator(val) {
-        return val in icons;
-      }
-    }
-  },
-  render: function render(createElement, _ref) {
-    var props = _ref.props;
-    var icon = icons[props.name];
-    var children = [];
-    children.push(createElement('title', camelCaseToString(props.name)));
-    children.push(createElement('path', {
-      attrs: {
-        d: 'M0 0h24v24H0z',
-        fill: 'none'
-      }
-    }));
-    children.push(createElement('path', {
-      attrs: {
-        d: icon
-      }
-    }));
-    return createElement('svg', {
-      attrs: {
-        class: "icon icon-".concat(props.name),
-        viewBox: '0 0 24 24',
-        width: '24px',
-        height: '24px'
-      }
-    }, children);
-  }
-};
-
-var Progress = {
-  inject: ['$hooper'],
-  name: 'HooperProgress',
-  computed: {
-    currentSlide: function currentSlide() {
-      return normalizeSlideIndex(this.$hooper.currentSlide, this.$hooper.slidesCount);
-    },
-    progress: function progress() {
-      var range = this.$hooper.slidesCount - this.$hooper.trimStart - this.$hooper.trimEnd;
-      return (this.currentSlide - this.$hooper.trimStart) * 100 / range;
-    }
-  },
-  render: function render(h) {
-    return h('div', {
-      class: 'hooper-progress'
-    }, [h('div', {
-      class: 'hooper-progress-inner',
-      style: "width: ".concat(this.progress, "%")
-    })]);
-  }
-};
-
-function renderFraction(h, current, totalCount) {
-  return [h('span', current + 1), h('span', '/'), h('span', totalCount)];
-}
-
-function renderIndicator(h, index, isCurrent, onClick) {
-  return h('li', [h('button', {
-    class: {
-      'hooper-indicator': true,
-      'is-active': isCurrent
-    },
-    on: {
-      click: onClick
-    },
-    attrs: {
-      type: 'button'
-    }
-  }, [h('span', {
-    class: 'hooper-sr-only'
-  }, "item ".concat(index))])]);
-}
+/***/ }),
 
-function renderDefault(h, current, totalCount, slideToIndex) {
-  var children = [];
+/***/ "./resources/assets/js/views/jalinanLaporan/penyebab.vue":
+/*!***************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanLaporan/penyebab.vue ***!
+  \***************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-  var _loop = function _loop(i) {
-    children.push(renderIndicator(h, i, i === current, function () {
-      return slideToIndex(i);
-    }));
-  };
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _penyebab_vue_vue_type_template_id_f127a6f4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./penyebab.vue?vue&type=template&id=f127a6f4& */ "./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=template&id=f127a6f4&");
+/* harmony import */ var _penyebab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./penyebab.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
-  for (var i = 0; i < totalCount; i++) {
-    _loop(i);
-  }
 
-  return [h('ol', {
-    class: 'hooper-indicators'
-  }, children)];
-}
 
-var Pagination = {
-  inject: ['$hooper'],
-  name: 'HooperPagination',
-  props: {
-    mode: {
-      default: 'indicator',
-      type: String
-    }
-  },
-  computed: {
-    currentSlide: function currentSlide() {
-      return normalizeSlideIndex(this.$hooper.currentSlide, this.$hooper.slidesCount);
-    },
-    slides: function slides() {
-      var slides = this.$hooper.slides.map(function (_, index) {
-        return index;
-      });
-      return slides.slice(this.$hooper.trimStart, this.$hooper.slidesCount - this.$hooper.trimEnd + 1);
-    }
-  },
-  render: function render(h) {
-    var _this = this;
 
-    var totalCount = this.$hooper.slidesCount;
-    var children = this.mode === 'indicator' ? renderDefault(h, this.currentSlide, totalCount, function (index) {
-      return _this.$hooper.slideTo(index);
-    }) : renderFraction(h, this.currentSlide, totalCount);
-    return h('div', {
-      class: {
-        'hooper-pagination': true,
-        'is-vertical': this.$hooper.config.vertical
-      }
-    }, children);
-  }
-};
 
-function iconName(isVertical, isRTL, isPrev) {
-  if (isPrev) {
-    return isVertical ? 'arrowUp' : isRTL ? 'arrowRight' : 'arrowLeft';
-  }
+/* normalize component */
 
-  return isVertical ? 'arrowDown' : isRTL ? 'arrowLeft' : 'arrowRight';
-}
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _penyebab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _penyebab_vue_vue_type_template_id_f127a6f4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _penyebab_vue_vue_type_template_id_f127a6f4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
 
-function renderButton(h, disabled, slot, isPrev, _ref, onClick) {
-  var _class;
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/views/jalinanLaporan/penyebab.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
-  var isVertical = _ref.isVertical,
-      isRTL = _ref.isRTL;
-  var children = slot && slot.length ? slot : [h(Icon, {
-    props: {
-      name: iconName(isVertical, isRTL, isPrev)
-    }
-  })];
-  return h('button', {
-    class: (_class = {}, _defineProperty(_class, "hooper-".concat(isPrev ? 'prev' : 'next'), true), _defineProperty(_class, 'is-disabled', disabled), _class),
-    attrs: {
-      type: 'button'
-    },
-    on: {
-      click: onClick
-    }
-  }, children);
-}
+/***/ }),
 
-var Navigation = {
-  inject: ['$hooper'],
-  name: 'HooperNavigation',
-  computed: {
-    isPrevDisabled: function isPrevDisabled() {
-      if (this.$hooper.config.infiniteScroll) {
-        return false;
-      }
+/***/ "./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-      return this.$hooper.currentSlide === 0;
-    },
-    isNextDisabled: function isNextDisabled() {
-      if (this.$hooper.config.infiniteScroll) {
-        return false;
-      }
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_penyebab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./penyebab.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_penyebab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
-      if (this.$hooper.config.trimWhiteSpace) {
-        return this.$hooper.currentSlide === this.$hooper.slidesCount - Math.min(this.$hooper.config.itemsToShow, this.$hooper.slidesCount);
-      }
+/***/ }),
 
-      return this.$hooper.currentSlide === this.$hooper.slidesCount - 1;
-    }
-  },
-  methods: {
-    slideNext: function slideNext() {
-      this.$hooper.slideNext();
-      this.$hooper.restartTimer();
-    },
-    slidePrev: function slidePrev() {
-      this.$hooper.slidePrev();
-      this.$hooper.restartTimer();
-    }
-  },
-  render: function render(h) {
-    var _this = this;
+/***/ "./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=template&id=f127a6f4&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=template&id=f127a6f4& ***!
+  \**********************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-    var config = {
-      isRTL: this.$hooper.config.rtl,
-      isVertical: this.$hooper.config.vertical
-    };
-    var children = [renderButton(h, this.isPrevDisabled, this.$slots['hooper-prev'], true, config, function () {
-      return _this.slidePrev();
-    }), renderButton(h, this.isNextDisabled, this.$slots['hooper-next'], false, config, function () {
-      return _this.slideNext();
-    })];
-    return h('div', {
-      class: {
-        'hooper-navigation': true,
-        'is-vertical': this.$hooper.config.vertical,
-        'is-rtl': this.$hooper.config.rtl
-      }
-    }, children);
-  }
-};
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penyebab_vue_vue_type_template_id_f127a6f4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./penyebab.vue?vue&type=template&id=f127a6f4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/penyebab.vue?vue&type=template&id=f127a6f4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penyebab_vue_vue_type_template_id_f127a6f4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony default export */ __webpack_exports__["default"] = (Carousel);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penyebab_vue_vue_type_template_id_f127a6f4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/139.js b/public/js/components/139.js
index b3782d653..b63d4115c 100644
--- a/public/js/components/139.js
+++ b/public/js/components/139.js
@@ -1,9 +1,218 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[139],{
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/notFound.vue?vue&type=template&id=2cf915a2&":
-/*!*************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/notFound.vue?vue&type=template&id=2cf915a2& ***!
-  \*************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _selectKelompok_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectKelompok.vue */ "./resources/assets/js/views/jalinanLaporan/selectKelompok.vue");
+/* harmony import */ var _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../jalinanKlaim/table.vue */ "./resources/assets/js/views/jalinanKlaim/table.vue");
+/* harmony import */ var _tableKelompok__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tableKelompok */ "./resources/assets/js/views/jalinanLaporan/tableKelompok.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    selectData: _selectKelompok_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    tableData: _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    tableKelompok: _tableKelompok__WEBPACK_IMPORTED_MODULE_5__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Laporan Bantuan Solidaritas Jalinan',
+      titleDesc: 'Mengelola Bantuan Solidaritas Jalinan Berdasarkan Usia',
+      titleIcon: 'icon-archive',
+      kelas: 'jalinanKlaim',
+      isShowDetail: false,
+      url: 'indexLaporanUsia',
+      status: ''
+    };
+  },
+  created: function created() {
+    this.checkUser('laporan_jalinan_klaim');
+    this.status = this.$route.params.status;
+  },
+  watch: {
+    '$route': function $route(to, from) {
+      // check current page meta
+      this.status = this.$route.params.status;
+    }
+  },
+  methods: {
+    fetch: function fetch(awal, akhir, cu, status, dari, ke) {
+      this.$router.push({
+        name: 'jalinanLaporanKlaimUsiaTanggal',
+        params: {
+          awal: awal,
+          akhir: akhir,
+          status: status,
+          cu: cu,
+          jenis: 'usia',
+          dari: dari,
+          ke: ke
+        }
+      });
+    },
+    cari: function cari(awal, akhir, cu, status) {
+      this.fetch(awal, akhir, cu, status, 'semua', 'semua', 'semua');
+      this.isShowDetail = false;
+    },
+    checkUser: function checkUser(permission) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+      }
+    },
+    bukaData: function bukaData(value) {
+      var _dari = '';
+      var _ke = '';
+
+      if (value == '0 s.d. 1 tahun') {
+        _dari = 1;
+        _ke = 0;
+      } else if (value == '> 1 s.d. 10 tahun') {
+        _dari = 10;
+        _ke = 1;
+      } else if (value == '> 10 s.d. 20 tahun') {
+        _dari = 20;
+        _ke = 10;
+      } else if (value == '> 20 s.d. 30 tahun') {
+        _dari = 30;
+        _ke = 20;
+      } else if (value == '> 30 s.d. 40 tahun') {
+        _dari = 40;
+        _ke = 30;
+      } else if (value == '> 40 s.d. 50 tahun') {
+        _dari = 50;
+        _ke = 40;
+      } else if (value == '> 50 s.d. 60 tahun') {
+        _dari = 60;
+        _ke = 50;
+      } else if (value == '> 60 s.d. 70 tahun') {
+        _dari = 70;
+        _ke = 60;
+      } else if (value == '> 70 tahun') {
+        _dari = 300;
+        _ke = 70;
+      } else {
+        _dari = 'semua';
+        _ke = 'semua';
+      }
+
+      this.fetch(this.$route.params.awal, this.$route.params.akhir, this.$route.params.cu, this.$route.params.status, _dari, _ke);
+      this.isShowDetail = true;
+    },
+    showDetail: function showDetail() {
+      this.isShowDetail = !this.isShowDetail;
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanKlaim', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    itemDataKlaim1: 'dataS1',
+    itemDataStatKlaim1: 'dataStatS1',
+    itemDataKlaim2: 'dataS2',
+    itemDataStatKlaim2: 'dataStatS2',
+    itemDataKlaim3: 'dataS3',
+    itemDataStatKlaim3: 'dataStatS3',
+    itemDataKlaim4: 'dataS4',
+    itemDataStatKlaim4: 'dataStatS4',
+    itemDataKlaim5: 'dataS5',
+    itemDataStatKlaim5: 'dataStatS5',
+    itemDataKlaim6: 'dataS6',
+    itemDataStatKlaim6: 'dataStatS6',
+    itemDataKlaim7: 'dataS7',
+    itemDataStatKlaim7: 'dataStatS7'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=template&id=0b159cbe&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=template&id=0b159cbe& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -15,95 +224,224 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-content" }, [
-      _c("div", { staticClass: "content-wrapper" }, [
-        _c(
-          "div",
-          {
-            staticClass:
-              "content d-flex justify-content-center align-items-center",
-          },
-          [
-            _c("div", { staticClass: "flex-fill" }, [
-              _vm._m(0),
-              _vm._v(" "),
-              _c("div", { staticClass: "row" }, [
-                _c(
-                  "div",
-                  { staticClass: "col-xl-4 offset-xl-4 col-md-8 offset-md-2" },
-                  [
-                    _c(
-                      "router-link",
-                      {
-                        staticClass: "btn btn-primary btn-block",
-                        attrs: { to: { name: "dashboard" } },
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-container" }, [
+        _c("div", { staticClass: "page-content" }, [
+          _c("div", { staticClass: "content-wrapper" }, [
+            _c(
+              "div",
+              { staticClass: "content" },
+              [
+                _vm.itemDataStat === "fail"
+                  ? _c("message", {
+                      attrs: {
+                        title: "Oops terjadi kesalahan:",
+                        errorData: _vm.itemData,
                       },
+                    })
+                  : _vm._e(),
+                _vm._v(" "),
+                _c("select-data", {
+                  attrs: { isCu: false },
+                  on: { cari: _vm.cari },
+                }),
+                _vm._v(" "),
+                _vm.$route.meta.mode == "laporan"
+                  ? _c(
+                      "div",
                       [
-                        _c("i", { staticClass: "icon-screen3" }),
-                        _vm._v(
-                          " kembali ke halaman dashboard\n\t\t\t\t\t\t\t\t"
+                        _c("table-kelompok", {
+                          attrs: {
+                            title: "Bantuan Solidaritas Per Usia",
+                            itemData: _vm.itemData,
+                            itemDataStat: _vm.itemDataStat,
+                            url: _vm.url,
+                            isCu: false,
+                          },
+                          on: {
+                            bukaData: _vm.bukaData,
+                            lihatSemua: _vm.bukaData,
+                          },
+                        }),
+                        _vm._v(" "),
+                        _c("hr"),
+                        _vm._v(" "),
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block",
+                            attrs: { type: "button" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.showDetail.apply(null, arguments)
+                              },
+                            },
+                          },
+                          [
+                            !_vm.isShowDetail
+                              ? _c("span", [
+                                  _c("i", { staticClass: "icon-eye" }),
+                                  _vm._v(
+                                    " Buka semua data bantuan solidaritas Jalinan"
+                                  ),
+                                ])
+                              : _c("span", [
+                                  _c("i", { staticClass: "icon-eye-blocked" }),
+                                  _vm._v(
+                                    " Tutup data bantuan solidaritas Jalinan"
+                                  ),
+                                ]),
+                          ]
                         ),
-                      ]
-                    ),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _vm._m(1),
-              ]),
-            ]),
-          ]
-        ),
+                        _vm._v(" "),
+                        _c("hr"),
+                        _vm._v(" "),
+                        _vm.isShowDetail
+                          ? _c(
+                              "div",
+                              [
+                                _vm.status == "1"
+                                  ? _c("table-data", {
+                                      attrs: {
+                                        title:
+                                          "Bantuan Solidaritas Jalinan Menunggu",
+                                        kelas: _vm.kelas,
+                                        itemData: _vm.itemDataKlaim1,
+                                        itemDataStat: _vm.itemDataStatKlaim1,
+                                        status: "1",
+                                        isSimple: true,
+                                      },
+                                    })
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.status == "2"
+                                  ? _c("table-data", {
+                                      attrs: {
+                                        title:
+                                          "Bantuan Solidaritas Jalinan Dokumen Tidak Lengkap",
+                                        kelas: _vm.kelas,
+                                        itemData: _vm.itemDataKlaim2,
+                                        itemDataStat: _vm.itemDataStatKlaim2,
+                                        status: "2",
+                                        isSimple: true,
+                                      },
+                                    })
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.status == "3"
+                                  ? _c("table-data", {
+                                      attrs: {
+                                        title:
+                                          "Bantuan Solidaritas Jalinan Ditolak",
+                                        kelas: _vm.kelas,
+                                        itemData: _vm.itemDataKlaim3,
+                                        itemDataStat: _vm.itemDataStatKlaim3,
+                                        status: "3",
+                                        isSimple: true,
+                                      },
+                                    })
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.status == "4"
+                                  ? _c("table-data", {
+                                      attrs: {
+                                        title:
+                                          "Bantuan Solidaritas Jalinan Disetujui",
+                                        kelas: _vm.kelas,
+                                        itemData: _vm.itemDataKlaim4,
+                                        itemDataStat: _vm.itemDataStatKlaim4,
+                                        status: "4",
+                                        isSimple: true,
+                                      },
+                                    })
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.status == "5"
+                                  ? _c("table-data", {
+                                      attrs: {
+                                        title:
+                                          "Bantuan Solidaritas Jalinan Dicairkan",
+                                        kelas: _vm.kelas,
+                                        itemData: _vm.itemDataKlaim5,
+                                        itemDataStat: _vm.itemDataStatKlaim5,
+                                        status: "5",
+                                        isSimple: true,
+                                      },
+                                    })
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.status == "6"
+                                  ? _c("table-data", {
+                                      attrs: {
+                                        title:
+                                          "Bantuan Solidaritas Jalinan Selesai",
+                                        kelas: _vm.kelas,
+                                        itemData: _vm.itemDataKlaim6,
+                                        itemDataStat: _vm.itemDataStatKlaim6,
+                                        status: "6",
+                                        isSimple: true,
+                                      },
+                                    })
+                                  : _vm._e(),
+                              ],
+                              1
+                            )
+                          : _vm._e(),
+                      ],
+                      1
+                    )
+                  : _vm._e(),
+              ],
+              1
+            ),
+          ]),
+        ]),
       ]),
-    ]),
-  ])
+    ],
+    1
+  )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "text-center mb-3" }, [
-      _c("h1", { staticClass: "error-title" }, [_vm._v("404")]),
-      _vm._v(" "),
-      _c("h5", [_vm._v("Oops, terjadi kesalahan. Halaman tidak ditemukan!")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-12" }, [_c("br"), _c("br")])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/notFound.vue":
-/*!************************************************!*\
-  !*** ./resources/assets/js/views/notFound.vue ***!
-  \************************************************/
+/***/ "./resources/assets/js/views/jalinanLaporan/usia.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/jalinanLaporan/usia.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _notFound_vue_vue_type_template_id_2cf915a2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./notFound.vue?vue&type=template&id=2cf915a2& */ "./resources/assets/js/views/notFound.vue?vue&type=template&id=2cf915a2&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _usia_vue_vue_type_template_id_0b159cbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./usia.vue?vue&type=template&id=0b159cbe& */ "./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=template&id=0b159cbe&");
+/* harmony import */ var _usia_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./usia.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
 
-var script = {}
 
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__["default"])(
-  script,
-  _notFound_vue_vue_type_template_id_2cf915a2___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _notFound_vue_vue_type_template_id_2cf915a2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _usia_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _usia_vue_vue_type_template_id_0b159cbe___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _usia_vue_vue_type_template_id_0b159cbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -113,24 +451,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/notFound.vue"
+component.options.__file = "resources/assets/js/views/jalinanLaporan/usia.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/notFound.vue?vue&type=template&id=2cf915a2&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/notFound.vue?vue&type=template&id=2cf915a2& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_usia_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./usia.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_usia_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=template&id=0b159cbe&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=template&id=0b159cbe& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_notFound_vue_vue_type_template_id_2cf915a2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./notFound.vue?vue&type=template&id=2cf915a2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/notFound.vue?vue&type=template&id=2cf915a2&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_notFound_vue_vue_type_template_id_2cf915a2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_usia_vue_vue_type_template_id_0b159cbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./usia.vue?vue&type=template&id=0b159cbe& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanLaporan/usia.vue?vue&type=template&id=0b159cbe&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_usia_vue_vue_type_template_id_0b159cbe___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_notFound_vue_vue_type_template_id_2cf915a2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_usia_vue_vue_type_template_id_0b159cbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/140.js b/public/js/components/140.js
index aea617198..6db1934d9 100644
--- a/public/js/components/140.js
+++ b/public/js/components/140.js
@@ -1,3448 +1,1228 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[140],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  data: function data() {
-    return {
-      image: ''
-    };
-  },
-  props: {
-    image_loc: {
-      type: [String],
-      "default": ''
-    },
-    image_type: {
-      type: [String],
-      "default": '.jpg'
-    },
-    image_temp: {
-      "default": ''
-    },
-    value: {
-      type: [String, File],
-      "default": 'no_image'
-    }
-  },
-  methods: {
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.createImage(files[0]);
-      this.$emit('input', files[0]);
-    },
-    createImage: function createImage(file) {
-      var reader = new FileReader();
-      var vm = this;
+/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/hooper/dist/hooper.css":
+/*!*****************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/postcss-loader/src??ref--6-2!./node_modules/hooper/dist/hooper.css ***!
+  \*****************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
 
-      reader.onload = function (e) {
-        vm.image = e.target.result; // this.$emit('input', vm.image)
-      };
+exports = module.exports = __webpack_require__(/*! ../../css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
 
-      reader.readAsDataURL(file);
-    },
-    close: function close() {
-      this.$emit('input', 'no_image');
-      this.image = '/images/no_image.jpg';
-      this.$refs.fileInput.value = '';
-    }
-  }
-});
 
-/***/ }),
+// module
+exports.push([module.i, ".hooper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.hooper-progress {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  height: 4px;\n  background-color: #efefef;\n}\n.hooper-progress-inner {\n  height: 100%;\n  background-color: #4285f4;\n  transition: 300ms;\n}\n.hooper-pagination {\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  display: flex;\n  padding: 5px 10px;\n}\n.hooper-indicators {\n  display: flex;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.hooper-indicator:hover,\n.hooper-indicator.is-active {\n  background-color: #4285f4;\n}\n.hooper-indicator {\n  margin: 0 2px;\n  width: 12px;\n  height: 4px;\n  border-radius: 4px;\n  border: none;\n  padding: 0;\n  background-color: #fff;\n  cursor: pointer;\n}\n.hooper-pagination.is-vertical {\n  bottom: auto;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.hooper-pagination.is-vertical .hooper-indicators {\n  flex-direction: column;\n}\n.hooper-pagination.is-vertical .hooper-indicator {\n  width: 6px;\n}\n.hooper-next,\n.hooper-prev {\n  background-color: transparent;\n  border: none;\n  padding: 1em;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n}\n.hooper-next.is-disabled,\n.hooper-prev.is-disabled {\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n.hooper-next {\n  right: 0;\n}\n.hooper-prev {\n  left: 0;\n}\n.hooper-navigation.is-vertical .hooper-next {\n  top: auto;\n  bottom: 0;\n  transform: initial;\n}\n.hooper-navigation.is-vertical .hooper-prev {\n  top: 0;\n  bottom: auto;\n  right: 0;\n  left: auto;\n  transform: initial;\n}\n.hooper-navigation.is-rtl .hooper-prev {\n  left: auto;\n  right: 0;\n}\n.hooper-navigation.is-rtl .hooper-next {\n  right: auto;\n  left: 0;\n}\n.hooper {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 200px;\n}\n.hooper * {\n  box-sizing: border-box;\n}\n.hooper-list {\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n}\n.hooper-track {\n  display: flex;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  margin: 0;\n}\n.hooper.is-vertical .hooper-track {\n  flex-direction: column;\n  height: 200px;\n}\n\n.hooper.is-rtl {\n  direction: rtl;\n}\n\n.hooper-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}", ""]);
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+// exports
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['defaultDate'],
-  components: {
-    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
-  },
-  data: function data() {
-    return {
-      time: '',
-      dateVal: ''
-    };
-  },
-  mounted: function mounted() {
-    if (this.defaultDate == '') {
-      var today = new Date();
-      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
-      this.time = date;
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    } else {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-      this.$emit('dateSelected', this.defaultDate);
-    }
-  },
-  watch: {
-    defaultDate: function defaultDate(newVal, oldVal) {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-    }
-  },
-  methods: {
-    onChanged: function onChanged(event) {
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    }
-  }
-});
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "./node_modules/hooper/dist/hooper.css":
+/*!*********************************************!*\
+  !*** ./node_modules/hooper/dist/hooper.css ***!
+  \*********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: []
-});
 
-/***/ }),
+var content = __webpack_require__(/*! !../../css-loader??ref--6-1!../../postcss-loader/src??ref--6-2!./hooper.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/hooper/dist/hooper.css");
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+if(typeof content === 'string') content = [[module.i, content, '']];
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
-});
+var transform;
+var insertInto;
 
-/***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    title: {
-      "default": ''
-    },
-    titleIcon: {
-      "default": ''
-    },
-    titleDesc: {
-      "default": ''
-    },
-    level: {
-      "default": 1
-    },
-    level2Title: {
-      "default": ''
-    },
-    level2Route: {
-      "default": ''
-    }
-  },
-  methods: {
-    level2Back: function level2Back() {
-      this.$emit('level2Back');
-    },
-    route1: function route1() {
-      if (this.btn1RouteParams) {
-        this.$router.push({
-          name: this.btn1Route,
-          params: {
-            cu: this.btn1RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn1Route
-        });
-      }
-    },
-    route2: function route2() {
-      if (this.btn2RouteParams) {
-        this.$router.push({
-          name: this.btn2Route,
-          params: {
-            cu: this.btn2RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn2Route
-        });
-      }
-    },
-    route3: function route3() {
-      if (this.btn3RouteParams) {
-        this.$router.push({
-          name: this.btn3Route,
-          params: {
-            cu: this.btn3RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn3Route
-        });
-      }
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
+var options = {"hmr":true}
 
-/***/ }),
+options.transform = transform
+options.insertInto = undefined;
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+var update = __webpack_require__(/*! ../../style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
-});
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************/
-/*! exports provided: default */
+/***/ "./node_modules/hooper/dist/hooper.esm.js":
+/*!************************************************!*\
+  !*** ./node_modules/hooper/dist/hooper.esm.js ***!
+  \************************************************/
+/*! exports provided: default, Hooper, Icon, Navigation, Pagination, Progress, Slide, addonMixin */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_11__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      titleDesc: '',
-      titleIcon: '',
-      kelas: 'tp',
-      level2Title: 'TP/KP',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      submited: false
-    };
-  },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Hooper", function() { return Carousel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Icon", function() { return Icon; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Navigation", function() { return Navigation; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Pagination", function() { return Pagination; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Progress", function() { return Progress; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Slide", function() { return Slide; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addonMixin", function() { return Mixin; });
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/**
+  * Hopper 0.3.4
+  * (c) 2019
+    * @license MIT
+    */
+
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
     });
-  },
-  watch: {
-    currentUserStat: function currentUserStat(value) {
-      //jika refresh halaman maka reload currentUser
-      if (value === "success") {
-        if (this.currentUser.id_cu === 0) {
-          if (this.modelCuStat != 'success') {
-            this.$store.dispatch('cu/getHeader');
-          }
-        }
-
-        if (this.$route.meta.mode !== 'edit' && this.form.id_cu == undefined) {
-          this.form.id_cu = this.currentUser.id_cu;
-        } // check permission
-
-
-        if (this.$route.meta.mode === 'edit') {
-          if (!this.currentUser.can || !this.currentUser.can['update_' + this.kelas]) {
-            this.$router.push({
-              name: 'notFound'
-            });
-          }
-        } else {
-          if (!this.currentUser.can || !this.currentUser.can['create_' + this.kelas]) {
-            this.$router.push({
-              name: 'notFound'
-            });
-          }
-        }
-      }
-    },
-    formStat: function formStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode === 'edit') {
-          this.changeProvinces(this.form.id_provinces);
-          this.changeRegencies(this.form.id_regencies);
-          this.changeDistricts(this.form.id_districts);
-          this.checkUser('update_tp', this.form.id_cu);
-        } else {
-          this.form.id_cu = this.currentUser.id_cu;
-        }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.$route.meta.mode === 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah ' + this.level2Title;
-        this.titleDesc = 'Mengubah ' + this.level2Title;
-        this.titleIcon = 'icon-pencil5';
-      } else {
-        this.title = 'Tambah ' + this.level2Title;
-        this.titleDesc = 'Menambah ' + this.level2Title;
-        this.titleIcon = 'icon-plus3';
-        this.$store.dispatch(this.kelas + '/create');
-      }
+  } else {
+    obj[key] = value;
+  }
 
-      this.$store.dispatch('provinces/get');
-    },
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
+  return obj;
+}
 
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    },
-    save: function save() {
-      var _this = this;
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys = Object.keys(source);
 
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.$route.meta.mode === 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/store', formData);
-          }
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
-    },
-    back: function back() {
-      if (this.$route.meta.mode === 'edit' && this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.form.id_cu
-          }
-        });
-      } else {
-        if (this.form.id_cu == '0') {
-          this.$router.push({
-            name: this.kelas + 'Cu',
-            params: {
-              cu: 'semua'
-            }
-          });
-        } else {
-          this.$router.push({
-            name: this.kelas + 'Cu',
-            params: {
-              cu: this.currentUser.id_cu
-            }
-          });
-        }
-      }
-    },
-    changeProvinces: function changeProvinces(id) {
-      this.$store.dispatch('regencies/getProvinces', id);
-    },
-    changeRegencies: function changeRegencies(id) {
-      this.$store.dispatch('districts/getRegencies', id);
-    },
-    changeDistricts: function changeDistricts(id) {
-      this.$store.dispatch('villages/getDistricts', id);
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat === 'success') {
-        this.back();
-      }
-
-      this.modalShow = false;
-      this.submitedKategori = false;
-      this.submitedPenulis = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
+    if (typeof Object.getOwnPropertySymbols === 'function') {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
     }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('provinces', {
-    modelProvinces: 'dataS',
-    modelProvincesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('regencies', {
-    modelRegencies: 'dataS',
-    modelRegenciesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('districts', {
-    modelDistricts: 'dataS',
-    modelDistrictsStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('villages', {
-    modelVillages: 'dataS',
-    modelVillagesStat: 'dataStatS'
-  }))
-});
 
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    ownKeys.forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    });
+  }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body text-center" }, [
-        _vm.image === "" && _vm.image_temp === ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: "/images/no_image.jpg" }
-            })
-          : _vm.image === "" && _vm.image_temp !== ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type }
-            })
-          : _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image }
-            })
-      ])
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "row" }, [
-      _c("div", { staticClass: "col-md-10" }, [
-        _c("input", {
-          ref: "fileInput",
-          staticClass: "form-control",
-          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
-          on: { change: _vm.upload }
-        })
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-2" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block",
-            attrs: { type: "button", disabled: _vm.image_temp === "" },
-            on: {
-              click: function($event) {
-                $event.preventDefault()
-                return _vm.close()
-              }
-            }
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
-        )
-      ])
-    ])
-  ])
+  return target;
 }
-var staticRenderFns = []
-render._withStripped = true
-
-
 
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("DatePicker", {
-    staticClass: "w-100",
-    attrs: {
-      format: "DD-MM-YYYY",
-      "value-type": "format",
-      placeholder: "Pilih Tanggal",
-      editable: true
-    },
-    on: { change: _vm.onChanged },
-    model: {
-      value: _vm.time,
-      callback: function($$v) {
-        _vm.time = $$v
-      },
-      expression: "time"
-    }
-  })
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
 }
-var staticRenderFns = []
-render._withStripped = true
-
 
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) {
+    for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
 
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v("Pastikan data yang dimasukkan sudah benar sebelum menyimpan.")
-        ])
-      ])
-    ])
+    return arr2;
   }
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticStyle: { display: "inline-block" } }, [
-    _c("i", {
-      directives: [
-        {
-          name: "tooltip",
-          rawName: "v-tooltip",
-          value: _vm.message,
-          expression: "message"
-        }
-      ],
-      staticClass: "icon-info22 d-none d-sm-block"
-    }),
-    _vm._v(" "),
-    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
-      _c("i", [_vm._v(_vm._s(_vm.message))])
-    ])
-  ])
 }
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title))
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc))
-              ])
-            ])
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
-            [
-              _vm.level === 1
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } }
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard ")
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title))
-                      ])
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } }
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard ")
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            }
-                          }
-                        },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title))
-                      ])
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e()
-            ]
-          )
-        ]
-      )
-    ])
-  ])
+function _iterableToArray(iter) {
+  if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
 }
-var staticRenderFns = []
-render._withStripped = true
 
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance");
+}
 
+function getInRange(value, min, max) {
+  return Math.max(Math.min(value, max), min);
+}
+function now() {
+  return Date.now();
+}
+function Timer(callback, time) {
+  this.create = function createTimer() {
+    return window.setInterval(callback, time);
+  };
+
+  this.stop = function stopTimer() {
+    if (this.timer) {
+      window.clearInterval(this.timer);
+      this.timer = null;
+    }
+  };
 
-/***/ }),
+  this.start = function startTimer() {
+    if (!this.timer) {
+      this.timer = this.create();
+    }
+  };
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+  this.restart = function restartTimer(newTime) {
+    time = newTime || time;
+    this.stop();
+    this.start();
+  };
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
+  this.timer = this.create();
 }
-var staticRenderFns = [
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticStyle: { display: "inline-block" } }, [
-      _c(
-        "span",
-        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
-        [_vm._v("Wajib diisi")]
-      )
-    ])
-  }
-]
-render._withStripped = true
-
+function camelCaseToString(camelCase) {
+  camelCase = camelCase.replace(/([A-Z]+)/g, ' $1');
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+}
+function normalizeSlideIndex(index, slidesCount) {
+  var realIndex;
 
+  if (index < 0) {
+    realIndex = (index + slidesCount) % slidesCount;
+  } else {
+    realIndex = index % slidesCount;
+  } // Test for NaN
 
-/***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214&":
-/*!************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214& ***!
-  \************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+  if (realIndex !== realIndex) {
+    return 0;
+  }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas
-        },
-        on: {
-          level2Back: function($event) {
-            return _vm.back()
-          }
-        }
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops, terjadi kesalahan",
-                      errorItem: _vm.errors.items
-                    }
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "form",
-                {
-                  attrs: {
-                    enctype: "multipart/form-data",
-                    "data-vv-scope": "form"
-                  },
-                  on: {
-                    submit: function($event) {
-                      $event.preventDefault()
-                      return _vm.save($event)
-                    }
-                  }
-                },
-                [
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(0),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Foto TP/KP:")]),
-                              _vm._v(" "),
-                              _c("app-image-upload", {
-                                attrs: {
-                                  image_loc: "/images/tp/",
-                                  image_temp: _vm.form.gambar
-                                },
-                                model: {
-                                  value: _vm.form.gambar,
-                                  callback: function($$v) {
-                                    _vm.$set(_vm.form, "gambar", $$v)
-                                  },
-                                  expression: "form.gambar"
-                                }
-                              })
-                            ],
-                            1
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _vm.currentUser.id_cu === 0
-                          ? _c("div", { staticClass: "col-md-4" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "form-group",
-                                  class: {
-                                    "has-error": _vm.errors.has("form.id_cu")
-                                  }
-                                },
-                                [
-                                  _c(
-                                    "h5",
-                                    {
-                                      class: {
-                                        "text-danger": _vm.errors.has(
-                                          "form.id_cu"
-                                        )
-                                      }
-                                    },
-                                    [
-                                      _vm.errors.has("form.id_cu")
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2"
-                                          })
-                                        : _vm._e(),
-                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
-                                      _c("wajib-badge")
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.id_cu,
-                                          expression: "form.id_cu"
-                                        },
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'"
-                                        }
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "id_cu",
-                                        "data-width": "100%",
-                                        "data-vv-as": "CU",
-                                        disabled: _vm.modelCU.length === 0
-                                      },
-                                      on: {
-                                        change: function($event) {
-                                          var $$selectedVal = Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function(o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function(o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                          _vm.$set(
-                                            _vm.form,
-                                            "id_cu",
-                                            $event.target.multiple
-                                              ? $$selectedVal
-                                              : $$selectedVal[0]
-                                          )
-                                        }
-                                      }
-                                    },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "0" } },
-                                        [_vm._v("Silahkan pilih CU")]
-                                      ),
-                                      _vm._v(" "),
-                                      _vm._l(_vm.modelCU, function(cu, index) {
-                                        return _c(
-                                          "option",
-                                          {
-                                            key: index,
-                                            domProps: { value: cu.id }
-                                          },
-                                          [_vm._v(_vm._s(cu.name))]
-                                        )
-                                      })
-                                    ],
-                                    2
-                                  ),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.id_cu")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger"
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right"
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first("form.id_cu")
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          )
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      )
-                                ]
-                              )
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.no_tp")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.no_tp")
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.no_tp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. TP/KP: "),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'"
-                                  }
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  name: "no_tp",
-                                  options: _vm.cleaveOption.number3,
-                                  placeholder: "Silahkan masukkan no TP/KP.",
-                                  "data-vv-as": "No. TP/KP"
-                                },
-                                model: {
-                                  value: _vm.form.no_tp,
-                                  callback: function($$v) {
-                                    _vm.$set(_vm.form, "no_tp", $$v)
-                                  },
-                                  expression: "form.no_tp"
-                                }
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.no_tp")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.no_tp")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" ")
-                                  ])
-                            ],
-                            1
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.name")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.name")
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.name")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|min:5",
-                                    expression: "'required|min:5'"
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.name,
-                                    expression: "form.name"
-                                  }
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "name",
-                                  placeholder: "Silahkan masukkan nama TP/KP",
-                                  "data-vv-as": "Nama"
-                                },
-                                domProps: { value: _vm.form.name },
-                                on: {
-                                  input: function($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "name",
-                                      $event.target.value
-                                    )
-                                  }
-                                }
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.name")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.name")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" ")
-                                  ])
-                            ]
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.ultah")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.ultah")
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.ultah")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tTgl. Berdiri: "
-                                  ),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("date-picker", {
-                                attrs: { defaultDate: _vm.form.ultah },
-                                on: {
-                                  dateSelected: function($event) {
-                                    _vm.form.ultah = $event
-                                  }
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.ultah,
-                                    expression: "form.ultah"
-                                  },
-                                  {
-                                    name: "show",
-                                    rawName: "v-show",
-                                    value: false,
-                                    expression: "false"
-                                  },
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'"
-                                  }
-                                ],
-                                attrs: { "data-vv-as": "Tgl. berdiri" },
-                                domProps: { value: _vm.form.ultah },
-                                on: {
-                                  input: function($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "ultah",
-                                      $event.target.value
-                                    )
-                                  }
-                                }
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.ultah")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.ultah")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" ")
-                                  ])
-                            ],
-                            1
-                          )
-                        ])
-                      ])
-                    ])
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(1),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.id_provinces")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.id_provinces"
-                                    )
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.id_provinces")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tProvinsi: "),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_provinces,
-                                      expression: "form.id_provinces"
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'"
-                                    }
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_provinces",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Provinsi",
-                                    disabled: _vm.modelProvinces.length === 0
-                                  },
-                                  on: {
-                                    change: [
-                                      function($event) {
-                                        var $$selectedVal = Array.prototype.filter
-                                          .call($event.target.options, function(
-                                            o
-                                          ) {
-                                            return o.selected
-                                          })
-                                          .map(function(o) {
-                                            var val =
-                                              "_value" in o ? o._value : o.value
-                                            return val
-                                          })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_provinces",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function($event) {
-                                        return _vm.changeProvinces(
-                                          $event.target.value
-                                        )
-                                      }
-                                    ]
-                                  }
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "0" } },
-                                    [
-                                      _vm.modelProvincesStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu...")
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih provinsi")
-                                          ])
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(_vm.modelProvinces, function(
-                                    provinces,
-                                    index
-                                  ) {
-                                    return _c(
-                                      "option",
-                                      {
-                                        key: index,
-                                        domProps: { value: provinces.id }
-                                      },
-                                      [_vm._v(_vm._s(provinces.name))]
-                                    )
-                                  })
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_provinces")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_provinces"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" ")
-                                  ])
-                            ]
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.id_regencies")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.id_regencies"
-                                    )
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.id_regencies")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKabupaten: "),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_regencies,
-                                      expression: "form.id_regencies"
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'"
-                                    }
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_regencies",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Kabupaten",
-                                    disabled: _vm.modelRegencies.length === 0
-                                  },
-                                  on: {
-                                    change: [
-                                      function($event) {
-                                        var $$selectedVal = Array.prototype.filter
-                                          .call($event.target.options, function(
-                                            o
-                                          ) {
-                                            return o.selected
-                                          })
-                                          .map(function(o) {
-                                            var val =
-                                              "_value" in o ? o._value : o.value
-                                            return val
-                                          })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_regencies",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function($event) {
-                                        return _vm.changeRegencies(
-                                          $event.target.value
-                                        )
-                                      }
-                                    ]
-                                  }
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "0" } },
-                                    [
-                                      _vm.modelRegenciesStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu...")
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kabupaten")
-                                          ])
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(_vm.modelRegencies, function(
-                                    regencies,
-                                    index
-                                  ) {
-                                    return _c(
-                                      "option",
-                                      {
-                                        key: index,
-                                        domProps: { value: regencies.id }
-                                      },
-                                      [_vm._v(_vm._s(regencies.name))]
-                                    )
-                                  })
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_regencies")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_regencies"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" ")
-                                  ])
-                            ]
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.id_districts")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.id_districts"
-                                    )
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.id_districts")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKecamatan: "),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_districts,
-                                      expression: "form.id_districts"
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'"
-                                    }
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_districts",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Kabupaten",
-                                    disabled: _vm.modelDistricts.length === 0
-                                  },
-                                  on: {
-                                    change: [
-                                      function($event) {
-                                        var $$selectedVal = Array.prototype.filter
-                                          .call($event.target.options, function(
-                                            o
-                                          ) {
-                                            return o.selected
-                                          })
-                                          .map(function(o) {
-                                            var val =
-                                              "_value" in o ? o._value : o.value
-                                            return val
-                                          })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_districts",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function($event) {
-                                        return _vm.changeDistricts(
-                                          $event.target.value
-                                        )
-                                      }
-                                    ]
-                                  }
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "0" } },
-                                    [
-                                      _vm.modelDistrictsStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu...")
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kecamatan")
-                                          ])
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(_vm.modelDistricts, function(
-                                    districts,
-                                    index
-                                  ) {
-                                    return _c(
-                                      "option",
-                                      {
-                                        key: index,
-                                        domProps: { value: districts.id }
-                                      },
-                                      [_vm._v(_vm._s(districts.name))]
-                                    )
-                                  })
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_regency")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.id_regency")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" ")
-                                  ])
-                            ]
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.id_villages")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.id_villages"
-                                    )
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.id_villages")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKelurahan: "),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_villages,
-                                      expression: "form.id_villages"
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'"
-                                    }
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_villages",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Desa",
-                                    disabled: _vm.modelVillages.length === 0
-                                  },
-                                  on: {
-                                    change: function($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call($event.target.options, function(
-                                          o
-                                        ) {
-                                          return o.selected
-                                        })
-                                        .map(function(o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "id_villages",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    }
-                                  }
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "0" } },
-                                    [
-                                      _vm.modelVillagesStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu...")
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kelurahan")
-                                          ])
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(_vm.modelVillages, function(
-                                    villages,
-                                    index
-                                  ) {
-                                    return _c(
-                                      "option",
-                                      {
-                                        key: index,
-                                        domProps: { value: villages.id }
-                                      },
-                                      [_vm._v(_vm._s(villages.name))]
-                                    )
-                                  })
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_villages")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.id_villages")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" ")
-                                  ])
-                            ]
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-8" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.alamat")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.alamat")
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.alamat")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tAlamat: "),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|min:5",
-                                    expression: "'required|min:5'"
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.alamat,
-                                    expression: "form.alamat"
-                                  }
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "alamat",
-                                  placeholder: "Silahkan masukkan alamat",
-                                  "data-vv-as": "Alamat"
-                                },
-                                domProps: { value: _vm.form.alamat },
-                                on: {
-                                  input: function($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "alamat",
-                                      $event.target.value
-                                    )
-                                  }
-                                }
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.alamat")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.alamat")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" ")
-                                  ])
-                            ]
-                          )
-                        ])
-                      ])
-                    ])
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(2),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.telp")
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.telp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Telp:")
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan no telp"
-                                },
-                                model: {
-                                  value: _vm.form.telp,
-                                  callback: function($$v) {
-                                    _vm.$set(_vm.form, "telp", $$v)
-                                  },
-                                  expression: "form.telp"
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" ")
-                              ])
-                            ],
-                            1
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.hp")
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.hp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Hp:")
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan no hp"
-                                },
-                                model: {
-                                  value: _vm.form.hp,
-                                  callback: function($$v) {
-                                    _vm.$set(_vm.form, "hp", $$v)
-                                  },
-                                  expression: "form.hp"
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" ")
-                              ])
-                            ],
-                            1
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.pos")
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.pos")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKode Pos:")
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan kode pos"
-                                },
-                                model: {
-                                  value: _vm.form.pos,
-                                  callback: function($$v) {
-                                    _vm.$set(_vm.form, "pos", $$v)
-                                  },
-                                  expression: "form.pos"
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" ")
-                              ])
-                            ],
-                            1
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.email")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.email")
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.email")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tE-mail:")
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "email",
-                                    expression: "'email'"
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.email,
-                                    expression: "form.email"
-                                  }
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "email",
-                                  placeholder:
-                                    "Silahkan masukkan alamat e-mail",
-                                  "data-vv-as": "E-mail"
-                                },
-                                domProps: { value: _vm.form.email },
-                                on: {
-                                  input: function($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "email",
-                                      $event.target.value
-                                    )
-                                  }
-                                }
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.email")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.email")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" ")
-                                  ])
-                            ]
-                          )
-                        ])
-                      ])
-                    ])
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(3),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h5", [_vm._v("Informasi Tambahan:")]),
-                            _vm._v(" "),
-                            _c("textarea", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.deskripsi,
-                                  expression: "form.deskripsi"
-                                }
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                rows: "5",
-                                type: "text",
-                                name: "deskripsi",
-                                placeholder:
-                                  "Silahkan masukkan informasi tambahan"
-                              },
-                              domProps: { value: _vm.form.deskripsi },
-                              on: {
-                                input: function($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.form,
-                                    "deskripsi",
-                                    $event.target.value
-                                  )
-                                }
-                              }
-                            }),
-                            _vm._v(" "),
-                            _c("small", { staticClass: "text-muted" }, [
-                              _vm._v(" ")
-                            ])
-                          ])
-                        ])
-                      ])
-                    ])
-                  ]),
-                  _vm._v(" "),
-                  _c("form-info"),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "card card-body" },
-                    [
-                      _c("form-button", {
-                        attrs: {
-                          cancelState: "methods",
-                          formValidation: "form"
-                        },
-                        on: { cancelClick: _vm.back }
-                      })
-                    ],
-                    1
-                  )
-                ],
-                1
-              )
-            ],
-            1
-          )
-        ])
-      ]),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          content: _vm.modalContent,
-          color: _vm.modalColor
-        },
-        on: {
-          batal: _vm.modalTutup,
-          tutup: _vm.modalTutup,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalBackgroundClick
-        }
-      })
-    ],
-    1
-  )
+  return realIndex;
 }
-var staticRenderFns = [
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("1. Informasi Umum")])
-    ])
-  },
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("2. Lokasi")])
-    ])
-  },
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("3. Kontak")])
-    ])
-  },
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("4. Informasi Tambahan")])
-    ])
+function cloneNode(h, vNode) {
+  // use the context that the original vnode was created in.
+  var children = vNode.children || vNode.componentOptions.children || vNode.text;
+  var tag = vNode.componentOptions.Ctor;
+  return h(tag, vNode.data, children);
+} // IE11 :)
+
+function assignPoly(target) {
+  if (target === undefined || target === null) {
+    throw new TypeError('Cannot convert first argument to object');
   }
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/ImageUpload.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue ***!
-  \********************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
 
+  var to = Object(target);
 
+  for (var i = 1; i < arguments.length; i++) {
+    var nextSource = arguments[i];
 
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/ImageUpload.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \***************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/datePicker.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue ***!
-  \*******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
-
-
-
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datePicker.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \**************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
+    if (nextSource === undefined || nextSource === null) {
+      continue;
+    }
 
-/***/ }),
+    nextSource = Object(nextSource);
+    var keysArray = Object.keys(Object(nextSource));
 
-/***/ "./resources/assets/js/components/formInfo.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue ***!
-  \*****************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+    for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {
+      var nextKey = keysArray[nextIndex];
+      var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
 
+      if (desc !== undefined && desc.enumerable) {
+        to[nextKey] = nextSource[nextKey];
+      }
+    }
+  }
 
+  return to;
+}
 
+var assign = Object.assign || assignPoly;
 
+function signPoly(value) {
+  if (value < 0) {
+    return -1;
+  }
 
-/* normalize component */
+  return value > 0 ? 1 : 0;
+}
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
+var sign = Math.sign || signPoly;
+function normalizeChildren(context) {
+  var slotProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/formInfo.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+  if (context.$scopedSlots.default) {
+    return context.$scopedSlots.default(slotProps) || [];
+  }
 
-/***/ }),
+  return context.$slots.default || [];
+}
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+var EMITTER = new vue__WEBPACK_IMPORTED_MODULE_0___default.a();
+var Carousel = {
+  name: 'Hooper',
+  provide: function provide() {
+    return {
+      $hooper: this
+    };
+  },
+  props: {
+    // count of items to showed per view
+    itemsToShow: {
+      default: 1,
+      type: Number
+    },
+    // count of items to slide when use navigation buttons
+    itemsToSlide: {
+      default: 1,
+      type: Number
+    },
+    // index number of initial slide
+    initialSlide: {
+      default: 0,
+      type: Number
+    },
+    // control infinite scrolling mode
+    infiniteScroll: {
+      default: false,
+      type: Boolean
+    },
+    // control center mode
+    centerMode: {
+      default: false,
+      type: Boolean
+    },
+    // vertical sliding mode
+    vertical: {
+      default: false,
+      type: Boolean
+    },
+    // enable rtl mode
+    rtl: {
+      default: null,
+      type: Boolean
+    },
+    // enable auto sliding to carousel
+    autoPlay: {
+      default: false,
+      type: Boolean
+    },
+    // speed of auto play to trigger slide
+    playSpeed: {
+      default: 2000,
+      type: Number
+    },
+    // toggle mouse dragging
+    mouseDrag: {
+      default: true,
+      type: Boolean
+    },
+    // toggle touch dragging
+    touchDrag: {
+      default: true,
+      type: Boolean
+    },
+    // toggle mouse wheel sliding
+    wheelControl: {
+      default: true,
+      type: Boolean
+    },
+    // toggle keyboard control
+    keysControl: {
+      default: true,
+      type: Boolean
+    },
+    // enable any move to commit a slide
+    shortDrag: {
+      default: true,
+      type: Boolean
+    },
+    // sliding transition time in ms
+    transition: {
+      default: 300,
+      type: Number
+    },
+    // pause autoPlay on mousehover
+    hoverPause: {
+      default: true,
+      type: Boolean
+    },
+    // remove empty space around slides
+    trimWhiteSpace: {
+      default: false,
+      type: Boolean
+    },
+    // an object to pass all settings
+    settings: {
+      default: function _default() {
+        return {};
+      },
+      type: Object
+    },
+    group: {
+      type: String,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      isDragging: false,
+      isSliding: false,
+      isTouch: false,
+      isHover: false,
+      isFocus: false,
+      initialized: false,
+      slideWidth: 0,
+      slideHeight: 0,
+      slidesCount: 0,
+      trimStart: 0,
+      trimEnd: 1,
+      currentSlide: null,
+      timer: null,
+      defaults: {},
+      breakpoints: {},
+      delta: {
+        x: 0,
+        y: 0
+      },
+      config: {}
+    };
+  },
+  computed: {
+    slideBounds: function slideBounds() {
+      var config = this.config,
+          currentSlide = this.currentSlide; // Because the "isActive" depends on the slides shown, not the number of slidable ones.
+      // but upper and lower bounds for Next,Prev depend on whatever is smaller.
+
+      var siblings = config.itemsToShow;
+      var lower = config.centerMode ? Math.ceil(currentSlide - siblings / 2) : currentSlide;
+      var upper = config.centerMode ? Math.floor(currentSlide + siblings / 2) : Math.floor(currentSlide + siblings - 1);
+      return {
+        lower: lower,
+        upper: upper
+      };
+    },
+    trackTransform: function trackTransform() {
+      var _this$config = this.config,
+          infiniteScroll = _this$config.infiniteScroll,
+          vertical = _this$config.vertical,
+          rtl = _this$config.rtl,
+          centerMode = _this$config.centerMode;
+      var direction = rtl ? -1 : 1;
+      var slideLength = vertical ? this.slideHeight : this.slideWidth;
+      var containerLength = vertical ? this.containerHeight : this.containerWidth;
+      var dragDelta = vertical ? this.delta.y : this.delta.x;
+      var clonesSpace = infiniteScroll ? slideLength * this.slidesCount : 0;
+      var centeringSpace = centerMode ? (containerLength - slideLength) / 2 : 0; // calculate track translate
+
+      var translate = dragDelta + direction * (centeringSpace - clonesSpace - this.currentSlide * slideLength);
+
+      if (vertical) {
+        return "transform: translate(0, ".concat(translate, "px);");
+      }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+      return "transform: translate(".concat(translate, "px, 0);");
+    },
+    trackTransition: function trackTransition() {
+      if (this.initialized && this.isSliding) {
+        return "transition: ".concat(this.config.transition, "ms");
+      }
 
-/***/ }),
+      return '';
+    }
+  },
+  watch: {
+    group: function group(val, oldVal) {
+      if (val === oldVal) {
+        return;
+      }
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+      EMITTER.$off("slideGroup:".concat(oldVal), this._groupSlideHandler);
+      this.addGroupListeners();
+    }
+  },
+  methods: {
+    // controlling methods
+    slideTo: function slideTo(slideIndex) {
+      var _this = this;
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+      var isSource = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+      if (this.isSliding || slideIndex === this.currentSlide) {
+        return;
+      }
 
+      this.$emit('beforeSlide', {
+        currentSlide: this.currentSlide,
+        slideTo: index
+      });
+      var _this$config2 = this.config,
+          infiniteScroll = _this$config2.infiniteScroll,
+          transition = _this$config2.transition;
+      var previousSlide = this.currentSlide;
+      var index = infiniteScroll ? slideIndex : getInRange(slideIndex, this.trimStart, this.slidesCount - this.trimEnd); // Notify others if in a group and is the slide event initiator.
+
+      if (this.group && isSource) {
+        EMITTER.$emit("slideGroup:".concat(this.group), slideIndex);
+      }
 
+      this.currentSlide = index;
+      this.isSliding = true;
+      window.setTimeout(function () {
+        _this.isSliding = false;
+        _this.currentSlide = normalizeSlideIndex(index, _this.slidesCount);
+      }, transition);
+      this.$emit('slide', {
+        currentSlide: this.currentSlide,
+        slideFrom: previousSlide
+      });
+    },
+    slideNext: function slideNext() {
+      this.slideTo(this.currentSlide + this.config.itemsToSlide);
+    },
+    slidePrev: function slidePrev() {
+      this.slideTo(this.currentSlide - this.config.itemsToSlide);
+    },
+    initEvents: function initEvents() {
+      // get the element direction if not explicitly set
+      if (this.defaults.rtl === null) {
+        this.defaults.rtl = getComputedStyle(this.$el).direction === 'rtl';
+      }
 
-/***/ }),
+      if (this.config.autoPlay) {
+        this.initAutoPlay();
+      }
 
-/***/ "./resources/assets/js/components/infoIcon.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue ***!
-  \*****************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+      if (this.config.mouseDrag) {
+        this.$refs.list.addEventListener('mousedown', this.onDragStart);
+      }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+      if (this.config.touchDrag) {
+        this.$refs.list.addEventListener('touchstart', this.onDragStart, {
+          passive: true
+        });
+      }
 
+      if (this.config.keysControl) {
+        this.$el.addEventListener('keydown', this.onKeypress);
+      }
 
+      if (this.config.wheelControl) {
+        this.lastScrollTime = now();
+        this.$el.addEventListener('wheel', this.onWheel, {
+          passive: false
+        });
+      }
 
+      window.addEventListener('resize', this.update);
+    },
+    initAutoPlay: function initAutoPlay() {
+      var _this2 = this;
 
+      this.timer = new Timer(function () {
+        if (_this2.isSliding || _this2.isDragging || _this2.isHover && _this2.config.hoverPause || _this2.isFocus) {
+          return;
+        }
 
-/* normalize component */
+        if (_this2.currentSlide === _this2.slidesCount - 1 && !_this2.config.infiniteScroll) {
+          _this2.slideTo(0);
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
+          return;
+        }
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/infoIcon.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+        _this2.slideNext();
+      }, this.config.playSpeed);
+    },
+    initDefaults: function initDefaults() {
+      this.breakpoints = this.settings.breakpoints;
+      this.defaults = assign({}, this.$props, this.settings);
+      this.config = assign({}, this.defaults);
+    },
+    // updating methods
+    update: function update() {
+      if (this.breakpoints) {
+        this.updateConfig();
+      }
 
-/***/ }),
+      this.updateWidth();
+      this.updateTrim();
+      this.$emit('updated', {
+        containerWidth: this.containerWidth,
+        containerHeight: this.containerHeight,
+        slideWidth: this.slideWidth,
+        slideHeight: this.slideHeight,
+        settings: this.config
+      });
+    },
+    updateTrim: function updateTrim() {
+      var _this$config3 = this.config,
+          trimWhiteSpace = _this$config3.trimWhiteSpace,
+          itemsToShow = _this$config3.itemsToShow,
+          centerMode = _this$config3.centerMode,
+          infiniteScroll = _this$config3.infiniteScroll;
+
+      if (!trimWhiteSpace || infiniteScroll) {
+        this.trimStart = 0;
+        this.trimEnd = 1;
+        return;
+      }
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+      this.trimStart = centerMode ? Math.floor((itemsToShow - 1) / 2) : 0;
+      this.trimEnd = centerMode ? Math.ceil(itemsToShow / 2) : itemsToShow;
+    },
+    updateWidth: function updateWidth() {
+      var rect = this.$el.getBoundingClientRect();
+      this.containerWidth = rect.width;
+      this.containerHeight = rect.height;
+
+      if (this.config.vertical) {
+        this.slideHeight = this.containerHeight / this.config.itemsToShow;
+        return;
+      }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+      this.slideWidth = this.containerWidth / this.config.itemsToShow;
+    },
+    updateConfig: function updateConfig() {
+      var _this3 = this;
 
-/***/ }),
+      var breakpoints = Object.keys(this.breakpoints).sort(function (a, b) {
+        return b - a;
+      });
+      var matched;
+      breakpoints.some(function (breakpoint) {
+        matched = window.matchMedia("(min-width: ".concat(breakpoint, "px)")).matches;
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        if (matched) {
+          _this3.config = assign({}, _this3.config, _this3.defaults, _this3.breakpoints[breakpoint]);
+          return true;
+        }
+      });
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+      if (!matched) {
+        this.config = assign(this.config, this.defaults);
+      }
+    },
+    restartTimer: function restartTimer() {
+      if (this.timer) {
+        this.timer.restart();
+      }
+    },
+    restart: function restart() {
+      var _this4 = this;
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+      this.$nextTick(function () {
+        _this4.update();
+      });
+    },
+    // events handlers
+    onDragStart: function onDragStart(event) {
+      this.isTouch = event.type === 'touchstart';
 
+      if (!this.isTouch && event.button !== 0) {
+        return;
+      }
 
+      this.startPosition = {
+        x: 0,
+        y: 0
+      };
+      this.endPosition = {
+        x: 0,
+        y: 0
+      };
+      this.isDragging = true;
+      this.startPosition.x = this.isTouch ? event.touches[0].clientX : event.clientX;
+      this.startPosition.y = this.isTouch ? event.touches[0].clientY : event.clientY;
+      document.addEventListener(this.isTouch ? 'touchmove' : 'mousemove', this.onDrag);
+      document.addEventListener(this.isTouch ? 'touchend' : 'mouseup', this.onDragEnd);
+    },
+    isInvalidDirection: function isInvalidDirection(deltaX, deltaY) {
+      if (!this.config.vertical) {
+        return Math.abs(deltaX) <= Math.abs(deltaY);
+      }
 
-/***/ }),
+      if (this.config.vertical) {
+        return Math.abs(deltaY) <= Math.abs(deltaX);
+      }
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
-  \*******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+      return false;
+    },
+    onDrag: function onDrag(event) {
+      if (this.isSliding) {
+        return;
+      }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+      this.endPosition.x = this.isTouch ? event.touches[0].clientX : event.clientX;
+      this.endPosition.y = this.isTouch ? event.touches[0].clientY : event.clientY;
+      var deltaX = this.endPosition.x - this.startPosition.x;
+      var deltaY = this.endPosition.y - this.startPosition.y; // Maybe scrolling.
 
+      if (this.isInvalidDirection(deltaX, deltaY)) {
+        return;
+      }
 
+      this.delta.y = deltaY;
+      this.delta.x = deltaX;
 
+      if (!this.isTouch) {
+        event.preventDefault();
+      }
+    },
+    onDragEnd: function onDragEnd() {
+      var tolerance = this.config.shortDrag ? 0.5 : 0.15;
+      this.isDragging = false;
 
+      if (this.config.vertical) {
+        var draggedSlides = Math.round(Math.abs(this.delta.y / this.slideHeight) + tolerance);
+        this.slideTo(this.currentSlide - sign(this.delta.y) * draggedSlides);
+      }
 
-/* normalize component */
+      if (!this.config.vertical) {
+        var direction = (this.config.rtl ? -1 : 1) * sign(this.delta.x);
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
+        var _draggedSlides = Math.round(Math.abs(this.delta.x / this.slideWidth) + tolerance);
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+        this.slideTo(this.currentSlide - direction * _draggedSlides);
+      }
 
-/***/ }),
+      this.delta.x = 0;
+      this.delta.y = 0;
+      document.removeEventListener(this.isTouch ? 'touchmove' : 'mousemove', this.onDrag);
+      document.removeEventListener(this.isTouch ? 'touchend' : 'mouseup', this.onDragEnd);
+      this.restartTimer();
+    },
+    onTransitionend: function onTransitionend() {
+      this.isSliding = false;
+      this.$emit('afterSlide', {
+        currentSlide: this.currentSlide
+      });
+    },
+    onKeypress: function onKeypress(event) {
+      var key = event.key;
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+      if (key.startsWith('Arrow')) {
+        event.preventDefault();
+      }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+      if (this.config.vertical) {
+        if (key === 'ArrowUp') {
+          this.slidePrev();
+        }
 
-/***/ }),
+        if (key === 'ArrowDown') {
+          this.slideNext();
+        }
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \**************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        return;
+      }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+      if (this.config.rtl) {
+        if (key === 'ArrowRight') {
+          this.slidePrev();
+        }
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+        if (key === 'ArrowLeft') {
+          this.slideNext();
+        }
 
+        return;
+      }
 
+      if (key === 'ArrowRight') {
+        this.slideNext();
+      }
 
-/***/ }),
+      if (key === 'ArrowLeft') {
+        this.slidePrev();
+      }
+    },
+    onWheel: function onWheel(event) {
+      event.preventDefault();
 
-/***/ "./resources/assets/js/components/wajibBadge.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue ***!
-  \*******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+      if (now() - this.lastScrollTime < 200) {
+        return;
+      } // get wheel direction
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
+      this.lastScrollTime = now();
+      var value = event.wheelDelta || -event.deltaY;
+      var delta = sign(value);
 
+      if (delta === -1) {
+        this.slideNext();
+      }
 
+      if (delta === 1) {
+        this.slidePrev();
+      }
+    },
+    addGroupListeners: function addGroupListeners() {
+      var _this5 = this;
 
+      if (!this.group) {
+        return;
+      }
 
-/* normalize component */
+      this._groupSlideHandler = function (slideIndex) {
+        // set the isSource to false to prevent infinite emitting loop.
+        _this5.slideTo(slideIndex, false);
+      };
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
+      EMITTER.$on("slideGroup:".concat(this.group), this._groupSlideHandler);
+    }
+  },
+  created: function created() {
+    this.initDefaults();
+  },
+  mounted: function mounted() {
+    var _this6 = this;
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/wajibBadge.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+    this.initEvents();
+    this.addGroupListeners();
+    this.$nextTick(function () {
+      _this6.update();
 
-/***/ }),
+      _this6.slideTo(_this6.config.initialSlide || 0);
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+      setTimeout(function () {
+        _this6.$emit('loaded');
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+        _this6.initialized = true;
+      }, _this6.transition);
+    });
+  },
+  beforeDestroy: function beforeDestroy() {
+    window.removeEventListener('resize', this.update);
 
-/***/ }),
+    if (this.group) {
+      EMITTER.$off("slideGroup:".concat(this.group), this._groupSlideHandler);
+    }
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \**************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    if (this.timer) {
+      this.timer.stop();
+    }
+  },
+  render: function render(h) {
+    var _this7 = this;
+
+    var body = renderBody.call(this, h);
+    return h('section', {
+      class: {
+        hooper: true,
+        'is-vertical': this.config.vertical,
+        'is-rtl': this.config.rtl
+      },
+      attrs: {
+        tabindex: '0'
+      },
+      on: {
+        focusin: function focusin() {
+          return _this7.isFocus = true;
+        },
+        focusout: function focusout() {
+          return _this7.isFocus = false;
+        },
+        mouseover: function mouseover() {
+          return _this7.isHover = true;
+        },
+        mouseleave: function mouseleave() {
+          return _this7.isHover = false;
+        }
+      }
+    }, body);
+  }
+};
+/**
+ * Renders additional slides for infinite slides mode.
+ * By cloning Slides VNodes before and after either edges.
+ */
+
+function renderBufferSlides(h, slides) {
+  var before = [];
+  var after = []; // reduce prop access
+
+  var slidesCount = slides.length;
+
+  for (var i = 0; i < slidesCount; i++) {
+    var slide = slides[i];
+    var clonedBefore = cloneNode(h, slide);
+    var slideIndex = i - slidesCount;
+    clonedBefore.data.key = "before_".concat(i);
+    clonedBefore.key = clonedBefore.data.key;
+    clonedBefore.componentOptions.propsData.index = slideIndex;
+    clonedBefore.data.props = {
+      index: slideIndex,
+      isClone: true
+    };
+    before.push(clonedBefore);
+    var clonedAfter = cloneNode(h, slide);
+    slideIndex = i + slidesCount;
+    clonedAfter.data.key = "after_".concat(slideIndex);
+    clonedAfter.componentOptions.propsData.index = slideIndex;
+    clonedAfter.key = clonedAfter.data.key;
+    clonedAfter.data.props = {
+      index: slideIndex,
+      isClone: true
+    };
+    after.push(clonedAfter);
+  }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+  return [].concat(before, _toConsumableArray(slides), after);
+}
+/**
+ * Produces the VNodes for the Slides.
+ * requires {this} to be bound to hooper.
+ * So use with .call or .bind
+ */
+
+
+function renderSlides(h) {
+  var children = normalizeChildren(this);
+  var childrenCount = children.length;
+  var idx = 0;
+  var slides = [];
+
+  for (var i = 0; i < childrenCount; i++) {
+    var child = children[i];
+    var ctor = child.componentOptions && child.componentOptions.Ctor;
+
+    if (!ctor || ctor.options.name !== 'HooperSlide') {
+      continue;
+    } // give slide an index behind the scenes
+
+
+    child.componentOptions.propsData.index = idx;
+    child.data.key = idx;
+    child.key = idx;
+    child.data.props = _objectSpread({}, child.data.props || {}, {
+      isClone: false,
+      index: idx++
+    });
+    slides.push(child);
+  } // update hooper's information of the slide count.
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
+  this.slidesCount = slides.length;
 
+  if (this.config.infiniteScroll) {
+    slides = renderBufferSlides(h, slides);
+  }
 
-/***/ }),
+  return h('ul', {
+    class: {
+      'hooper-track': true,
+      'is-dragging': this.isDragging
+    },
+    style: this.trackTransform + this.trackTransition,
+    ref: 'track',
+    on: {
+      transitionend: this.onTransitionend
+    }
+  }, slides);
+}
+/**
+ * Builds the VNodes for the hooper body.
+ * Which is the slides, addons if available, and a11y stuff.
+ * REQUIRES {this} to be bound to the hooper instance.
+ * use with .call or .bind
+ */
+
+
+function renderBody(h) {
+  var slides = renderSlides.call(this, h);
+  var addons = this.$slots['hooper-addons'] || [];
+  var a11y = h('div', {
+    class: 'hooper-liveregion hooper-sr-only',
+    attrs: {
+      'aria-live': 'polite',
+      'aria-atomic': 'true'
+    }
+  }, "Item ".concat(this.currentSlide + 1, " of ").concat(this.slidesCount));
+  var children = [slides].concat(_toConsumableArray(addons), [a11y]);
+  return [h('div', {
+    class: 'hooper-list',
+    ref: 'list'
+  }, children)];
+}
 
-/***/ "./resources/assets/js/helpers/form.js":
-/*!*********************************************!*\
-  !*** ./resources/assets/js/helpers/form.js ***!
-  \*********************************************/
-/*! exports provided: toMulipartedForm, objectToFormData */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+var Slide = {
+  name: 'HooperSlide',
+  inject: ['$hooper'],
+  props: {
+    isClone: {
+      type: Boolean,
+      default: false
+    },
+    index: {
+      type: Number,
+      required: true
+    }
+  },
+  computed: {
+    style: function style() {
+      var _ref = this.$hooper || {},
+          config = _ref.config,
+          slideHeight = _ref.slideHeight,
+          slideWidth = _ref.slideWidth;
+
+      if (config.vertical) {
+        return "height: ".concat(slideHeight, "px");
+      }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function toMulipartedForm(form, mode) {
-  if (mode === 'edit' && typeof form.image === 'string') {
-    var temp = JSON.parse(JSON.stringify(form));
-    delete temp.image;
-    return temp;
-  } else {
-    return objectToFormData(form);
+      return "width: ".concat(slideWidth, "px");
+    },
+    isActive: function isActive() {
+      var _this$$hooper$slideBo = this.$hooper.slideBounds,
+          upper = _this$$hooper$slideBo.upper,
+          lower = _this$$hooper$slideBo.lower;
+      return this.index >= lower && this.index <= upper;
+    },
+    isPrev: function isPrev() {
+      var lower = this.$hooper.slideBounds.lower;
+      var itemsToSlide = this.$hooper.config.itemsToSlide;
+      return this.index < lower && this.index >= lower - itemsToSlide;
+    },
+    isNext: function isNext() {
+      var upper = this.$hooper.slideBounds.upper;
+      var itemsToSlide = this.$hooper.config.itemsToSlide;
+      return this.index > upper && this.index <= upper + itemsToSlide;
+    },
+    isCurrent: function isCurrent() {
+      return this.index === this.$hooper.currentSlide;
+    }
+  },
+  render: function render(h) {
+    var classes = {
+      'hooper-slide': true,
+      'is-clone': this.isClone,
+      'is-active': this.isActive,
+      'is-prev': this.isPrev,
+      'is-next': this.isNext,
+      'is-current': this.isCurrent
+    };
+    var children = normalizeChildren(this);
+    return h('li', {
+      class: classes,
+      style: this.style,
+      attrs: {
+        'aria-hidden': !this.isActive
+      }
+    }, children);
   }
-}
-function objectToFormData(obj, form, namespace) {
-  var fd = form || new FormData();
-  var formKey;
-
-  for (var property in obj) {
-    if (obj.hasOwnProperty(property)) {
-      if (namespace) {
-        formKey = namespace + '[' + property + ']';
-      } else {
-        formKey = property;
+};
+
+var Mixin = {
+  inject: ['$hooper']
+};
+
+var icons = {
+  arrowUp: 'M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z',
+  arrowDown: 'M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z',
+  arrowRight: 'M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z',
+  arrowLeft: 'M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z'
+};
+var Icon = {
+  name: 'HooperIcon',
+  functional: true,
+  inheritAttrs: true,
+  props: {
+    name: {
+      type: String,
+      required: true,
+      validator: function validator(val) {
+        return val in icons;
       }
-
-      if (obj[property] instanceof Array) {
-        for (var i = 0; i < obj[property].length; i++) {
-          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
-        }
-      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
-        objectToFormData(obj[property], fd, property);
-      } else {
-        fd.append(formKey, obj[property]);
+    }
+  },
+  render: function render(createElement, _ref) {
+    var props = _ref.props;
+    var icon = icons[props.name];
+    var children = [];
+    children.push(createElement('title', camelCaseToString(props.name)));
+    children.push(createElement('path', {
+      attrs: {
+        d: 'M0 0h24v24H0z',
+        fill: 'none'
+      }
+    }));
+    children.push(createElement('path', {
+      attrs: {
+        d: icon
+      }
+    }));
+    return createElement('svg', {
+      attrs: {
+        class: "icon icon-".concat(props.name),
+        viewBox: '0 0 24 24',
+        width: '24px',
+        height: '24px'
       }
+    }, children);
+  }
+};
+
+var Progress = {
+  inject: ['$hooper'],
+  name: 'HooperProgress',
+  computed: {
+    currentSlide: function currentSlide() {
+      return normalizeSlideIndex(this.$hooper.currentSlide, this.$hooper.slidesCount);
+    },
+    progress: function progress() {
+      var range = this.$hooper.slidesCount - this.$hooper.trimStart - this.$hooper.trimEnd;
+      return (this.currentSlide - this.$hooper.trimStart) * 100 / range;
     }
+  },
+  render: function render(h) {
+    return h('div', {
+      class: 'hooper-progress'
+    }, [h('div', {
+      class: 'hooper-progress-inner',
+      style: "width: ".concat(this.progress, "%")
+    })]);
   }
+};
 
-  return fd;
+function renderFraction(h, current, totalCount) {
+  return [h('span', current + 1), h('span', '/'), h('span', totalCount)];
 }
 
-/***/ }),
-
-/***/ "./resources/assets/js/views/tp/form.vue":
-/*!***********************************************!*\
-  !*** ./resources/assets/js/views/tp/form.vue ***!
-  \***********************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+function renderIndicator(h, index, isCurrent, onClick) {
+  return h('li', [h('button', {
+    class: {
+      'hooper-indicator': true,
+      'is-active': isCurrent
+    },
+    on: {
+      click: onClick
+    },
+    attrs: {
+      type: 'button'
+    }
+  }, [h('span', {
+    class: 'hooper-sr-only'
+  }, "item ".concat(index))])]);
+}
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=29360214& */ "./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+function renderDefault(h, current, totalCount, slideToIndex) {
+  var children = [];
 
+  var _loop = function _loop(i) {
+    children.push(renderIndicator(h, i, i === current, function () {
+      return slideToIndex(i);
+    }));
+  };
 
+  for (var i = 0; i < totalCount; i++) {
+    _loop(i);
+  }
 
+  return [h('ol', {
+    class: 'hooper-indicators'
+  }, children)];
+}
 
+var Pagination = {
+  inject: ['$hooper'],
+  name: 'HooperPagination',
+  props: {
+    mode: {
+      default: 'indicator',
+      type: String
+    }
+  },
+  computed: {
+    currentSlide: function currentSlide() {
+      return normalizeSlideIndex(this.$hooper.currentSlide, this.$hooper.slidesCount);
+    },
+    slides: function slides() {
+      var slides = this.$hooper.slides.map(function (_, index) {
+        return index;
+      });
+      return slides.slice(this.$hooper.trimStart, this.$hooper.slidesCount - this.$hooper.trimEnd + 1);
+    }
+  },
+  render: function render(h) {
+    var _this = this;
+
+    var totalCount = this.$hooper.slidesCount;
+    var children = this.mode === 'indicator' ? renderDefault(h, this.currentSlide, totalCount, function (index) {
+      return _this.$hooper.slideTo(index);
+    }) : renderFraction(h, this.currentSlide, totalCount);
+    return h('div', {
+      class: {
+        'hooper-pagination': true,
+        'is-vertical': this.$hooper.config.vertical
+      }
+    }, children);
+  }
+};
 
-/* normalize component */
+function iconName(isVertical, isRTL, isPrev) {
+  if (isPrev) {
+    return isVertical ? 'arrowUp' : isRTL ? 'arrowRight' : 'arrowLeft';
+  }
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
+  return isVertical ? 'arrowDown' : isRTL ? 'arrowLeft' : 'arrowRight';
+}
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/views/tp/form.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+function renderButton(h, disabled, slot, isPrev, _ref, onClick) {
+  var _class;
 
-/***/ }),
+  var isVertical = _ref.isVertical,
+      isRTL = _ref.isRTL;
+  var children = slot && slot.length ? slot : [h(Icon, {
+    props: {
+      name: iconName(isVertical, isRTL, isPrev)
+    }
+  })];
+  return h('button', {
+    class: (_class = {}, _defineProperty(_class, "hooper-".concat(isPrev ? 'prev' : 'next'), true), _defineProperty(_class, 'is-disabled', disabled), _class),
+    attrs: {
+      type: 'button'
+    },
+    on: {
+      click: onClick
+    }
+  }, children);
+}
 
-/***/ "./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js&":
-/*!************************************************************************!*\
-  !*** ./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js& ***!
-  \************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+var Navigation = {
+  inject: ['$hooper'],
+  name: 'HooperNavigation',
+  computed: {
+    isPrevDisabled: function isPrevDisabled() {
+      if (this.$hooper.config.infiniteScroll) {
+        return false;
+      }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+      return this.$hooper.currentSlide === 0;
+    },
+    isNextDisabled: function isNextDisabled() {
+      if (this.$hooper.config.infiniteScroll) {
+        return false;
+      }
 
-/***/ }),
+      if (this.$hooper.config.trimWhiteSpace) {
+        return this.$hooper.currentSlide === this.$hooper.slidesCount - Math.min(this.$hooper.config.itemsToShow, this.$hooper.slidesCount);
+      }
 
-/***/ "./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214& ***!
-  \******************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+      return this.$hooper.currentSlide === this.$hooper.slidesCount - 1;
+    }
+  },
+  methods: {
+    slideNext: function slideNext() {
+      this.$hooper.slideNext();
+      this.$hooper.restartTimer();
+    },
+    slidePrev: function slidePrev() {
+      this.$hooper.slidePrev();
+      this.$hooper.restartTimer();
+    }
+  },
+  render: function render(h) {
+    var _this = this;
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=29360214& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+    var config = {
+      isRTL: this.$hooper.config.rtl,
+      isVertical: this.$hooper.config.vertical
+    };
+    var children = [renderButton(h, this.isPrevDisabled, this.$slots['hooper-prev'], true, config, function () {
+      return _this.slidePrev();
+    }), renderButton(h, this.isNextDisabled, this.$slots['hooper-next'], false, config, function () {
+      return _this.slideNext();
+    })];
+    return h('div', {
+      class: {
+        'hooper-navigation': true,
+        'is-vertical': this.$hooper.config.vertical,
+        'is-rtl': this.$hooper.config.rtl
+      }
+    }, children);
+  }
+};
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony default export */ __webpack_exports__["default"] = (Carousel);
 
 
 
diff --git a/public/js/components/141.js b/public/js/components/141.js
index 9f109be5a..ee65cd50f 100644
--- a/public/js/components/141.js
+++ b/public/js/components/141.js
@@ -1,1206 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[141],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['columnData', 'itemDataStat', 'items'],
-  components: {},
-  data: function data() {
-    return {};
-  },
-  methods: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['defaultDate'],
-  components: {
-    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
-  },
-  data: function data() {
-    return {
-      time: '',
-      dateVal: ''
-    };
-  },
-  mounted: function mounted() {
-    if (this.defaultDate == '') {
-      var today = new Date();
-      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
-      this.time = date;
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    } else {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-      this.$emit('dateSelected', this.defaultDate);
-    }
-  },
-  watch: {
-    defaultDate: function defaultDate(newVal, oldVal) {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-    }
-  },
-  methods: {
-    onChanged: function onChanged(event) {
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: []
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _formCalon_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./formCalon.vue */ "./resources/assets/js/views/pemilihan/formCalon.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    formCalon: _formCalon_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default.a,
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_12__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Tambah Pemilihan',
-      titleDesc: 'Menambah pemilihan baru',
-      titleIcon: 'icon-plus3',
-      level: 2,
-      level2Title: 'Pemilihan',
-      kelas: 'pemilihan',
-      sasaran: [],
-      tempatData: '',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        year: {
-          date: true,
-          datePattern: ['Y']
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      columnDataCalon: [{
-        title: 'No. Urut'
-      }, {
-        title: 'Foto'
-      }, {
-        title: 'Nama'
-      }, {
-        title: 'Tanggal Lahir'
-      }, {
-        title: 'Tempat Lahir'
-      }, {
-        title: 'Status'
-      }, {
-        title: 'Pendidikan'
-      }],
-      selectedItemCalon: '',
-      formCalonMode: '',
-      itemDataCalon: [],
-      itemDataCalonStat: 'success',
-      cancelState: 'methods',
-      state: '',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      modalSize: '',
-      submited: false
-    };
-  },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
-  watch: {
-    formStat: function formStat(value) {
-      if (value === "success") {
-        this.form.id_cu = this.currentUser.id_cu;
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.currentUser.id_cu == 0) {
-        this.$store.dispatch(this.kelas + '/indexPemilihan');
-      } else {
-        this.$store.dispatch(this.kelas + '/indexPemilihanCu', this.currentUser.id_cu);
-      }
-
-      if (this.$route.meta.mode == 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-      } else {
-        this.$store.dispatch(this.kelas + '/create');
-      }
-
-      if (this.$route.meta.mode == 'edit') {
-        this.title = 'Ubah ' + this.level2Title;
-        this.titleDesc = 'Mengubah ' + this.level2Title;
-        this.titleIcon = 'icon-pencil5';
-      } else {
-        this.title = 'Tambah ' + this.level2Title;
-        this.titleDesc = 'Menambah ' + this.level2Title;
-        this.titleIcon = 'icon-plus3';
-      }
-    },
-    createCalon: function createCalon(value) {
-      this.itemDataCalon.push(value);
-      this.selectedItemCalon = {};
-      this.modalTutup();
-    },
-    editCalon: function editCalon(value) {
-      lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCalon, {
-        index: value.index
-      });
-
-      this.itemDataCalon.push(value);
-      this.selectedItemCalon = {};
-      this.modalTutup();
-    },
-    save: function save() {
-      var _this = this;
-
-      this.form.calon = this.itemDataCalon;
-      this.state = '';
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.$route.meta.mode == 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/store', _this.form);
-          }
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
-    },
-    back: function back() {
-      if (this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas,
-          params: {
-            cu: 'semua'
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas,
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        });
-      }
-    },
-    selectedRow: function selectedRow(item, index) {
-      this.selectedItemCalon = item;
-      this.selectedItemCalon.index = index;
-    },
-    selectedRow2: function selectedRow2(item, index) {
-      this.selectedItemSuara = item;
-      this.selectedItemSuara.index = index;
-    },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.state = state;
-
-      if (isMobile) {
-        this.selectedItemCalon = itemMobile;
-      }
-
-      if (state == 'hapusCalon') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus Calon' + this.selectedItemCalon.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-        this.modalSize = '';
-      } else if (state == 'ubahCalon') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah Calon';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formCalonMode = 'edit';
-      } else if (state == 'tambahCalon') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah Calon';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formCalonMode = 'create';
-      }
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      this.modalShow = false;
-
-      if (this.state == 'hapusCalon') {
-        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCalon, {
-          index: this.selectedItemCalon.index
-        });
-
-        this.selectedItemCalon = {};
-      }
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat == 'success' && this.state == '') {
-        this.$store.dispatch(this.kelas + '/resetUpdateStat');
-        this.back();
-      }
-
-      this.modalShow = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    },
-    momentYear: function momentYear() {
-      return moment().year();
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pemilihan', {
-    form: 'data',
-    formStat: 'dataStat',
-    modelPemilihan: 'dataS2',
-    modelPemilihanStat: 'dataStatS2',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected'],
-  components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a
-  },
-  data: function data() {
-    return {
-      title: '',
-      kelas: 'aktivis',
-      cleaveOption: {
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        }
-      },
-      selectedItem: [],
-      formCalon: {
-        aktivis_id: '',
-        pengusung_cu_id: '',
-        name: '',
-        gambar: ''
-      },
-      query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 5,
-        page: 1
-      },
-      columnDataDalam: [{
-        title: 'No.'
-      }, {
-        title: 'Foto'
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Gender'
-      }, {
-        title: 'CU'
-      }, {
-        title: 'Tingkat'
-      }, {
-        title: 'Jabatan'
-      }, {
-        title: 'Pendidikan'
-      }, {
-        title: 'Jurusan'
-      }, {
-        title: 'Tgl. Lahir'
-      }, {
-        title: 'Tempat Lahir'
-      }, {
-        title: 'Agama'
-      }, {
-        title: 'Status'
-      }, {
-        title: 'Provinsi'
-      }, {
-        title: 'Kabupaten/Kota'
-      }, {
-        title: 'Kecamatan'
-      }, {
-        title: 'Kelurahan'
-      }, {
-        title: 'Alamat'
-      }, {
-        title: 'Email'
-      }, {
-        title: 'Hp'
-      }],
-      submited: false
-    };
-  },
-  created: function created() {
-    if (this.mode == 'edit') {
-      this.formCalon = Object.assign({}, this.selected);
-    } else {
-      this.fetch();
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      this.$store.commit('aktivis/setDataS', []);
-      this.$store.commit('aktivis/setDataStatS', '');
-      this.deleteSelected();
-      this.fetchDalam(this.query);
-    },
-    fetchDalam: function fetchDalam(params) {
-      if (this.currentUser.id_cu == 0) {
-        this.$store.dispatch('aktivis/index', [params, 'semua', 'aktif']);
-      } else {
-        this.$store.dispatch('aktivis/indexCu', [params, this.currentUser.id_cu, 'semua', 'aktif']);
-      }
-    },
-    deleteSelected: function deleteSelected() {
-      this.formCalon.aktivis_id = '';
-      this.selectedItem = '';
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-      this.formCalon.aktivis_id = item.id;
-      this.formCalon.name = item.name;
-      this.formCalon.gambar = item.gambar;
-      this.formCalon.status = item.status;
-      this.formCalon.tanggal_lahir = item.tanggal_lahir != '' ? item.tanggal_lahir : '-';
-      this.formCalon.tempat_lahir = item.tempat_lahir != '' ? item.tempat_lahir : '-';
-
-      if (item.pendidikan_tertinggi) {
-        this.formCalon.pendidikan = item.pendidikan_tertinggi.tingkat + ' ' + item.pendidikan_tertinggi.name;
-      }
-    },
-    save: function save() {
-      var _this = this;
-
-      if (this.currentUser.id_cu != 0) {
-        this.formCalon.pengusung_cu_id = this.currentUser.id_cu;
-      }
-
-      this.$validator.validateAll('formCalon').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.$emit('editCalon', _this.formCalon);
-          } else {
-            _this.$emit('createCalon', _this.formCalon);
-          }
-
-          _this.submited = false;
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
-    itemDataDalam: 'dataS',
-    itemDataDalamStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
-				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(b,c,d){var e=new XMLHttpRequest;e.open("GET",b),e.responseType="blob",e.onload=function(){a(e.response,c,d)},e.onerror=function(){console.error("could not download file")},e.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(a,b,d,e){if(e=e||open("","_blank"),e&&(e.document.title=e.document.body.innerText="downloading..."),"string"==typeof a)return c(a,b,d);var g="application/octet-stream"===a.type,h=/constructor/i.test(f.HTMLElement)||f.safari,i=/CriOS\/[\d]+/.test(navigator.userAgent);if((i||g&&h)&&"object"==typeof FileReader){var j=new FileReader;j.onloadend=function(){var a=j.result;a=i?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),e?e.location.href=a:location=a,e=null},j.readAsDataURL(a)}else{var k=f.URL||f.webkitURL,l=k.createObjectURL(a);e?e.location=l:location.href=l,e=null,setTimeout(function(){k.revokeObjectURL(l)},4E4)}});f.saveAs=a.saveAs=a, true&&(module.exports=a)});
-
-//# sourceMappingURL=FileSaver.min.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/notFound.vue?vue&type=template&id=2cf915a2&":
+/*!*************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/notFound.vue?vue&type=template&id=2cf915a2& ***!
+  \*************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1208,168 +11,71 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
+var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "table-responsive table-scrollable" }, [
-    _c("table", { staticClass: "table table-striped" }, [
-      _c("thead", { staticClass: "bg-primary" }, [
+  return _c("div", [
+    _c("div", { staticClass: "page-content" }, [
+      _c("div", { staticClass: "content-wrapper" }, [
         _c(
-          "tr",
-          { staticClass: "text-nowrap" },
-          _vm._l(_vm.columnData, function(item, index) {
-            return _c("th", { key: index }, [
-              _c("span", { domProps: { innerHTML: _vm._s(item.title) } })
-            ])
-          }),
-          0
-        )
-      ]),
-      _vm._v(" "),
-      _vm.itemDataStat === "loading"
-        ? _c("tbody", [
-            _c("tr", [
-              _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                _vm._m(0)
-              ])
-            ])
-          ])
-        : _vm.itemDataStat === "success"
-        ? _c(
-            "tbody",
-            [
-              _vm._l(_vm.items, function(item, index) {
-                return _vm._t("item-desktop", null, {
-                  item: item,
-                  index: index
-                })
-              }),
+          "div",
+          {
+            staticClass:
+              "content d-flex justify-content-center align-items-center",
+          },
+          [
+            _c("div", { staticClass: "flex-fill" }, [
+              _vm._m(0),
               _vm._v(" "),
-              _vm.items.length == 0
-                ? _c("tr", [
-                    _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                      _vm._v("Belum terdapat data...")
-                    ])
-                  ])
-                : _vm._e()
-            ],
-            2
-          )
-        : _vm.itemDataStat === "fail"
-        ? _c("tbody", [
-            _c("tr", [
-              _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                _vm._v(
-                  "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
-                )
-              ])
-            ])
-          ])
-        : _c("tbody", [
-            _c("tr", [
-              _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                _vm._v("-")
-              ])
-            ])
-          ])
-    ])
+              _c("div", { staticClass: "row" }, [
+                _c(
+                  "div",
+                  { staticClass: "col-xl-4 offset-xl-4 col-md-8 offset-md-2" },
+                  [
+                    _c(
+                      "router-link",
+                      {
+                        staticClass: "btn btn-primary btn-block",
+                        attrs: { to: { name: "dashboard" } },
+                      },
+                      [
+                        _c("i", { staticClass: "icon-screen3" }),
+                        _vm._v(
+                          " kembali ke halaman dashboard\n\t\t\t\t\t\t\t\t"
+                        ),
+                      ]
+                    ),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _vm._m(1),
+              ]),
+            ]),
+          ]
+        ),
+      ]),
+    ]),
   ])
 }
 var staticRenderFns = [
-  function() {
+  function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped active",
-          staticStyle: { width: "100%" }
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      )
+    return _c("div", { staticClass: "text-center mb-3" }, [
+      _c("h1", { staticClass: "error-title" }, [_vm._v("404")]),
+      _vm._v(" "),
+      _c("h5", [_vm._v("Oops, terjadi kesalahan. Halaman tidak ditemukan!")]),
     ])
-  }
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("DatePicker", {
-    staticClass: "w-100",
-    attrs: {
-      format: "DD-MM-YYYY",
-      "value-type": "format",
-      placeholder: "Pilih Tanggal",
-      editable: true
-    },
-    on: { change: _vm.onChanged },
-    model: {
-      value: _vm.time,
-      callback: function($$v) {
-        _vm.time = $$v
-      },
-      expression: "time"
-    }
-  })
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function() {
+  },
+  function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v("Pastikan data yang dimasukkan sudah benar sebelum menyimpan.")
-        ])
-      ])
-    ])
-  }
+    return _c("div", { staticClass: "col-12" }, [_c("br"), _c("br")])
+  },
 ]
 render._withStripped = true
 
@@ -1377,2294 +83,54 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticStyle: { display: "inline-block" } }, [
-    _c("i", {
-      directives: [
-        {
-          name: "tooltip",
-          rawName: "v-tooltip",
-          value: _vm.message,
-          expression: "message"
-        }
-      ],
-      staticClass: "icon-info22 d-none d-sm-block"
-    }),
-    _vm._v(" "),
-    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
-      _c("i", [_vm._v(_vm._s(_vm.message))])
-    ])
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
+/***/ "./resources/assets/js/views/notFound.vue":
+/*!************************************************!*\
+  !*** ./resources/assets/js/views/notFound.vue ***!
+  \************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticStyle: { display: "inline-block" } }, [
-      _c(
-        "span",
-        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
-        [_vm._v("Wajib diisi")]
-      )
-    ])
-  }
-]
-render._withStripped = true
-
+/* harmony import */ var _notFound_vue_vue_type_template_id_2cf915a2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./notFound.vue?vue&type=template&id=2cf915a2& */ "./resources/assets/js/views/notFound.vue?vue&type=template&id=2cf915a2&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
+var script = {}
 
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002& ***!
-  \*******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: _vm.level,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas
-        },
-        on: {
-          level2Back: function($event) {
-            return _vm.back()
-          }
-        }
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan",
-                      errorItem: _vm.errors.items
-                    }
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "form",
-                {
-                  attrs: {
-                    enctype: "multipart/form-data",
-                    "data-vv-scope": "form"
-                  },
-                  on: {
-                    submit: function($event) {
-                      $event.preventDefault()
-                      return _vm.save($event)
-                    }
-                  }
-                },
-                [
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(0),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c(
-                        "div",
-                        { staticClass: "row" },
-                        [
-                          _c("div", { staticClass: "col-md-4" }, [
-                            _c(
-                              "div",
-                              {
-                                staticClass: "form-group",
-                                class: {
-                                  "has-error": _vm.errors.has("form.name")
-                                }
-                              },
-                              [
-                                _c(
-                                  "h5",
-                                  {
-                                    class: {
-                                      "text-danger": _vm.errors.has("form.name")
-                                    }
-                                  },
-                                  [
-                                    _vm.errors.has("form.name")
-                                      ? _c("i", { staticClass: "icon-cross2" })
-                                      : _vm._e(),
-                                    _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
-                                    _c("wajib-badge")
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("input", {
-                                  directives: [
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required|min:5",
-                                      expression: "'required|min:5'"
-                                    },
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.name,
-                                      expression: "form.name"
-                                    }
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    type: "text",
-                                    name: "name",
-                                    placeholder: "Silahkan masukkan nama",
-                                    "data-vv-as": "Nama"
-                                  },
-                                  domProps: { value: _vm.form.name },
-                                  on: {
-                                    input: function($event) {
-                                      if ($event.target.composing) {
-                                        return
-                                      }
-                                      _vm.$set(
-                                        _vm.form,
-                                        "name",
-                                        $event.target.value
-                                      )
-                                    }
-                                  }
-                                }),
-                                _vm._v(" "),
-                                _vm.errors.has("form.name")
-                                  ? _c(
-                                      "small",
-                                      { staticClass: "text-muted text-danger" },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-arrow-small-right"
-                                        }),
-                                        _vm._v(
-                                          " " +
-                                            _vm._s(
-                                              _vm.errors.first("form.name")
-                                            ) +
-                                            "\n\t\t\t\t\t\t\t\t\t\t"
-                                        )
-                                      ]
-                                    )
-                                  : _c("small", { staticClass: "text-muted" }, [
-                                      _vm._v(" ")
-                                    ])
-                              ]
-                            )
-                          ]),
-                          _vm._v(" "),
-                          _vm.currentUser.id_cu === 0
-                            ? _c("div", { staticClass: "col-md-4" }, [
-                                _c(
-                                  "div",
-                                  {
-                                    staticClass: "form-group",
-                                    class: {
-                                      "has-error": _vm.errors.has("form.id_cu")
-                                    }
-                                  },
-                                  [
-                                    _c(
-                                      "h5",
-                                      {
-                                        class: {
-                                          "text-danger": _vm.errors.has(
-                                            "form.id_cu"
-                                          )
-                                        }
-                                      },
-                                      [
-                                        _vm.errors.has("form.id_cu")
-                                          ? _c("i", {
-                                              staticClass: "icon-cross2"
-                                            })
-                                          : _vm._e(),
-                                        _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
-                                        _c("wajib-badge")
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "select",
-                                      {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.id_cu,
-                                            expression: "form.id_cu"
-                                          },
-                                          {
-                                            name: "validate",
-                                            rawName: "v-validate",
-                                            value: "required",
-                                            expression: "'required'"
-                                          }
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          name: "id_cu",
-                                          "data-width": "100%",
-                                          "data-vv-as": "CU",
-                                          disabled: _vm.modelCU.length === 0
-                                        },
-                                        on: {
-                                          change: [
-                                            function($event) {
-                                              var $$selectedVal = Array.prototype.filter
-                                                .call(
-                                                  $event.target.options,
-                                                  function(o) {
-                                                    return o.selected
-                                                  }
-                                                )
-                                                .map(function(o) {
-                                                  var val =
-                                                    "_value" in o
-                                                      ? o._value
-                                                      : o.value
-                                                  return val
-                                                })
-                                              _vm.$set(
-                                                _vm.form,
-                                                "id_cu",
-                                                $event.target.multiple
-                                                  ? $$selectedVal
-                                                  : $$selectedVal[0]
-                                              )
-                                            },
-                                            function($event) {
-                                              return _vm.changeCU(
-                                                $event.target.value
-                                              )
-                                            }
-                                          ]
-                                        }
-                                      },
-                                      [
-                                        _c(
-                                          "option",
-                                          {
-                                            attrs: { disabled: "", value: "" }
-                                          },
-                                          [
-                                            _vm.modelCUStat === "loading"
-                                              ? _c("span", [
-                                                  _vm._v("Mohon tunggu...")
-                                                ])
-                                              : _c("span", [
-                                                  _vm._v("Silahkan pilih CU")
-                                                ])
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "option",
-                                          { attrs: { value: "0" } },
-                                          [
-                                            _vm.currentUser.pus
-                                              ? _c("span", [
-                                                  _vm._v(
-                                                    _vm._s(
-                                                      _vm.currentUser.pus.name
-                                                    )
-                                                  )
-                                                ])
-                                              : _c("span", [
-                                                  _vm._v("PUSKOPCUINA")
-                                                ])
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _vm._l(_vm.modelCU, function(
-                                          cu,
-                                          index
-                                        ) {
-                                          return _c(
-                                            "option",
-                                            {
-                                              key: index,
-                                              domProps: { value: cu.id }
-                                            },
-                                            [_vm._v(_vm._s(cu.name))]
-                                          )
-                                        })
-                                      ],
-                                      2
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.errors.has("form.id_cu")
-                                      ? _c(
-                                          "small",
-                                          {
-                                            staticClass:
-                                              "text-muted text-danger"
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass:
-                                                "icon-arrow-small-right"
-                                            }),
-                                            _vm._v(
-                                              " " +
-                                                _vm._s(
-                                                  _vm.errors.first("form.id_cu")
-                                                ) +
-                                                "\n\t\t\t\t\t\t\t\t\t\t"
-                                            )
-                                          ]
-                                        )
-                                      : _c(
-                                          "small",
-                                          { staticClass: "text-muted" },
-                                          [_vm._v(" ")]
-                                        )
-                                  ]
-                                )
-                              ])
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-4" }, [
-                            _c(
-                              "div",
-                              {
-                                staticClass: "form-group",
-                                class: {
-                                  "has-error": _vm.errors.has("form.tingkat")
-                                }
-                              },
-                              [
-                                _c(
-                                  "h6",
-                                  {
-                                    class: {
-                                      "text-danger": _vm.errors.has(
-                                        "form.tingkat"
-                                      )
-                                    }
-                                  },
-                                  [
-                                    _vm.errors.has("form.tingkat")
-                                      ? _c("i", { staticClass: "icon-cross2" })
-                                      : _vm._e(),
-                                    _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tTingkat: "),
-                                    _c("wajib-badge")
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "select",
-                                  {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: _vm.form.tingkat,
-                                        expression: "form.tingkat"
-                                      },
-                                      {
-                                        name: "validate",
-                                        rawName: "v-validate",
-                                        value: "required",
-                                        expression: "'required'"
-                                      }
-                                    ],
-                                    staticClass: "form-control",
-                                    attrs: {
-                                      name: "pekerjaan_tingkat",
-                                      "data-width": "100%",
-                                      "data-vv-as": "Tingkat Pekerjaan"
-                                    },
-                                    on: {
-                                      change: function($event) {
-                                        var $$selectedVal = Array.prototype.filter
-                                          .call($event.target.options, function(
-                                            o
-                                          ) {
-                                            return o.selected
-                                          })
-                                          .map(function(o) {
-                                            var val =
-                                              "_value" in o ? o._value : o.value
-                                            return val
-                                          })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "tingkat",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      }
-                                    }
-                                  },
-                                  [
-                                    _c(
-                                      "option",
-                                      { attrs: { disabled: "", value: "" } },
-                                      [
-                                        _vm._v(
-                                          "Silahkan pilih tingkat pekerjaan"
-                                        )
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "1" } }, [
-                                      _vm._v("Pengurus")
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "2" } }, [
-                                      _vm._v("Pengawas")
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "3" } }, [
-                                      _vm._v("Komite")
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "4" } }, [
-                                      _vm._v("Penasihat")
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "5" } }, [
-                                      _vm._v(
-                                        "Senior Manajer (General Manager, CEO, Deputy)"
-                                      )
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "6" } }, [
-                                      _vm._v("Manajer")
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "7" } }, [
-                                      _vm._v(
-                                        "Supervisor (Kepala Bagian, Kepala Divisi, Kepala/Koordinator TP, Kepala Bidang)"
-                                      )
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "8" } }, [
-                                      _vm._v("Staf")
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "9" } }, [
-                                      _vm._v("Kontrak")
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "10" } }, [
-                                      _vm._v("Kolektor")
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "11" } }, [
-                                      _vm._v("Kelompok Inti")
-                                    ])
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _vm.errors.has("form.tingkat")
-                                  ? _c(
-                                      "small",
-                                      { staticClass: "text-muted text-danger" },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-arrow-small-right"
-                                        }),
-                                        _vm._v(
-                                          " " +
-                                            _vm._s(
-                                              _vm.errors.first("form.tingkat")
-                                            ) +
-                                            "\n\t\t\t\t\t\t\t\t\t\t"
-                                        )
-                                      ]
-                                    )
-                                  : _c("small", { staticClass: "text-muted" }, [
-                                      _vm._v(" ")
-                                    ])
-                              ]
-                            )
-                          ]),
-                          _vm._v(" "),
-                          _vm.$route.meta.mode != "edit"
-                            ? [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass: "form-group",
-                                      class: {
-                                        "has-error": _vm.errors.has(
-                                          "form.sumberSuara"
-                                        )
-                                      }
-                                    },
-                                    [
-                                      _c(
-                                        "h5",
-                                        {
-                                          class: {
-                                            "text-danger": _vm.errors.has(
-                                              "form.sumberSuara"
-                                            )
-                                          }
-                                        },
-                                        [
-                                          _vm.errors.has("form.sumberSuara")
-                                            ? _c("i", {
-                                                staticClass: "icon-cross2"
-                                              })
-                                            : _vm._e(),
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\t\t\tSumber Data Suara: "
-                                          ),
-                                          _c("wajib-badge")
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "select",
-                                        {
-                                          directives: [
-                                            {
-                                              name: "model",
-                                              rawName: "v-model",
-                                              value: _vm.form.sumberSuara,
-                                              expression: "form.sumberSuara"
-                                            },
-                                            {
-                                              name: "validate",
-                                              rawName: "v-validate",
-                                              value: "required",
-                                              expression: "'required'"
-                                            }
-                                          ],
-                                          staticClass: "form-control",
-                                          attrs: {
-                                            name: "sumberSuara",
-                                            "data-width": "100%",
-                                            "data-vv-as": "Penulis",
-                                            disabled:
-                                              _vm.modelPemilihanStat ===
-                                              "loading"
-                                          },
-                                          on: {
-                                            change: function($event) {
-                                              var $$selectedVal = Array.prototype.filter
-                                                .call(
-                                                  $event.target.options,
-                                                  function(o) {
-                                                    return o.selected
-                                                  }
-                                                )
-                                                .map(function(o) {
-                                                  var val =
-                                                    "_value" in o
-                                                      ? o._value
-                                                      : o.value
-                                                  return val
-                                                })
-                                              _vm.$set(
-                                                _vm.form,
-                                                "sumberSuara",
-                                                $event.target.multiple
-                                                  ? $$selectedVal
-                                                  : $$selectedVal[0]
-                                              )
-                                            }
-                                          }
-                                        },
-                                        [
-                                          _c(
-                                            "option",
-                                            {
-                                              attrs: { disabled: "", value: "" }
-                                            },
-                                            [
-                                              _vm.modelPemilihanStat ===
-                                              "loading"
-                                                ? _c("span", [
-                                                    _vm._v("Mohon tunggu...")
-                                                  ])
-                                                : _c("span", [
-                                                    _vm._v(
-                                                      "Silahkan pilih sumber data suara"
-                                                    )
-                                                  ])
-                                            ]
-                                          ),
-                                          _vm._v(" "),
-                                          _c(
-                                            "option",
-                                            { attrs: { value: "0" } },
-                                            [_vm._v("Data Suara Baru")]
-                                          ),
-                                          _vm._v(" "),
-                                          _c(
-                                            "option",
-                                            {
-                                              attrs: { disabled: "", value: "" }
-                                            },
-                                            [_vm._v("----------------")]
-                                          ),
-                                          _vm._v(" "),
-                                          _vm._l(_vm.modelPemilihan, function(
-                                            pemilihan,
-                                            index
-                                          ) {
-                                            return _c(
-                                              "option",
-                                              {
-                                                key: index,
-                                                domProps: {
-                                                  value: pemilihan.id
-                                                }
-                                              },
-                                              [
-                                                _vm._v(
-                                                  _vm._s(pemilihan.name) +
-                                                    " | jumlah suara: " +
-                                                    _vm._s(pemilihan.suara)
-                                                )
-                                              ]
-                                            )
-                                          })
-                                        ],
-                                        2
-                                      ),
-                                      _vm._v(" "),
-                                      _vm.errors.has("form.id_cu")
-                                        ? _c(
-                                            "small",
-                                            {
-                                              staticClass:
-                                                "text-muted text-danger"
-                                            },
-                                            [
-                                              _c("i", {
-                                                staticClass:
-                                                  "icon-arrow-small-right"
-                                              }),
-                                              _vm._v(
-                                                " " +
-                                                  _vm._s(
-                                                    _vm.errors.first(
-                                                      "form.id_cu"
-                                                    )
-                                                  ) +
-                                                  "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                              )
-                                            ]
-                                          )
-                                        : _c(
-                                            "small",
-                                            { staticClass: "text-muted" },
-                                            [_vm._v(" ")]
-                                          )
-                                    ]
-                                  )
-                                ]),
-                                _vm._v(" "),
-                                _vm.modelPemilihanStat == "success" &&
-                                _vm.form.sumberSuara === "0"
-                                  ? _c("div", { staticClass: "col-md-12" }, [
-                                      _c(
-                                        "div",
-                                        {
-                                          staticClass: "form-group",
-                                          class: {
-                                            "has-error": _vm.errors.has(
-                                              "form.suara"
-                                            )
-                                          }
-                                        },
-                                        [
-                                          _c(
-                                            "h5",
-                                            {
-                                              class: {
-                                                "text-danger": _vm.errors.has(
-                                                  "form.suara"
-                                                )
-                                              }
-                                            },
-                                            [
-                                              _vm.errors.has("form.suara")
-                                                ? _c("i", {
-                                                    staticClass: "icon-cross2"
-                                                  })
-                                                : _vm._e(),
-                                              _vm._v(
-                                                "\n\t\t\t\t\t\t\t\t\t\t\t\tJumlah Suara: "
-                                              ),
-                                              _c("wajib-badge")
-                                            ],
-                                            1
-                                          ),
-                                          _vm._v(" "),
-                                          _c("cleave", {
-                                            directives: [
-                                              {
-                                                name: "validate",
-                                                rawName: "v-validate",
-                                                value: "required",
-                                                expression: "'required'"
-                                              }
-                                            ],
-                                            staticClass: "form-control",
-                                            attrs: {
-                                              name: "suara",
-                                              raw: false,
-                                              options: _vm.cleaveOption.number3,
-                                              placeholder:
-                                                "Silahkan masukkan suara",
-                                              "data-vv-as": "Suara"
-                                            },
-                                            model: {
-                                              value: _vm.form.suara,
-                                              callback: function($$v) {
-                                                _vm.$set(_vm.form, "suara", $$v)
-                                              },
-                                              expression: "form.suara"
-                                            }
-                                          }),
-                                          _vm._v(" "),
-                                          _vm.errors.has("form.suara")
-                                            ? _c(
-                                                "small",
-                                                {
-                                                  staticClass:
-                                                    "text-muted text-danger"
-                                                },
-                                                [
-                                                  _c("i", {
-                                                    staticClass:
-                                                      "icon-arrow-small-right"
-                                                  }),
-                                                  _vm._v(
-                                                    " " +
-                                                      _vm._s(
-                                                        _vm.errors.first(
-                                                          "form.suara"
-                                                        )
-                                                      ) +
-                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                  )
-                                                ]
-                                              )
-                                            : _c(
-                                                "small",
-                                                { staticClass: "text-muted" },
-                                                [_vm._v(" ")]
-                                              )
-                                        ],
-                                        1
-                                      )
-                                    ])
-                                  : _vm._e()
-                              ]
-                            : _vm._e()
-                        ],
-                        2
-                      )
-                    ])
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "card" },
-                    [
-                      _vm._m(1),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "card-body pb-2" }, [
-                        _c("div", { staticClass: "row" }, [
-                          _c("div", { staticClass: "col-md-12" }, [
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                on: {
-                                  click: function($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("tambahCalon")
-                                  }
-                                }
-                              },
-                              [
-                                _c("i", { staticClass: "icon-plus22" }),
-                                _vm._v(" Tambah\n\t\t\t\t\t\t\t\t\t")
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                attrs: {
-                                  disabled: !_vm.selectedItemCalon.index
-                                },
-                                on: {
-                                  click: function($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("ubahCalon")
-                                  }
-                                }
-                              },
-                              [
-                                _c("i", { staticClass: "icon-pencil5" }),
-                                _vm._v(" Ubah\n\t\t\t\t\t\t\t\t\t")
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                attrs: {
-                                  disabled: !_vm.selectedItemCalon.index
-                                },
-                                on: {
-                                  click: function($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("hapusCalon")
-                                  }
-                                }
-                              },
-                              [
-                                _c("i", { staticClass: "icon-bin2" }),
-                                _vm._v(" Hapus\n\t\t\t\t\t\t\t\t\t")
-                              ]
-                            )
-                          ])
-                        ])
-                      ]),
-                      _vm._v(" "),
-                      _c("data-table", {
-                        attrs: {
-                          items: _vm.itemDataCalon,
-                          columnData: _vm.columnDataCalon,
-                          itemDataStat: _vm.itemDataCalonStat
-                        },
-                        scopedSlots: _vm._u([
-                          {
-                            key: "item-desktop",
-                            fn: function(props) {
-                              return [
-                                props.item
-                                  ? _c(
-                                      "tr",
-                                      {
-                                        staticClass: "text-nowrap",
-                                        class: {
-                                          "bg-info":
-                                            _vm.selectedItemCalon.index ==
-                                            props.index + 1
-                                        },
-                                        on: {
-                                          click: function($event) {
-                                            return _vm.selectedRow(
-                                              props.item,
-                                              props.index + 1,
-                                              "calon"
-                                            )
-                                          }
-                                        }
-                                      },
-                                      [
-                                        _c("td", [
-                                          _vm._v(_vm._s(props.item.no_urut))
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          props.item.gambar
-                                            ? _c("img", {
-                                                staticClass:
-                                                  "img-rounded img-fluid wmin-sm",
-                                                attrs: {
-                                                  src:
-                                                    "/images/aktivis/" +
-                                                    props.item.gambar +
-                                                    "n.jpg",
-                                                  width: "35px"
-                                                }
-                                              })
-                                            : _c("img", {
-                                                staticClass:
-                                                  "img-rounded img-fluid wmin-sm",
-                                                attrs: {
-                                                  src: "/images/no_image.jpg",
-                                                  width: "35px"
-                                                }
-                                              })
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          _vm._v(_vm._s(props.item.name))
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          _vm._v(
-                                            _vm._s(props.item.tanggal_lahir)
-                                          )
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          _vm._v(
-                                            _vm._s(props.item.tempat_lahir)
-                                          )
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          _vm._v(_vm._s(props.item.status))
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          _vm._v(_vm._s(props.item.pendidikan))
-                                        ])
-                                      ]
-                                    )
-                                  : _vm._e()
-                              ]
-                            }
-                          }
-                        ])
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("form-info"),
-                  _vm._v(" "),
-                  _c("br"),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "card card-body" },
-                    [
-                      _c("form-button", {
-                        attrs: {
-                          cancelState: _vm.cancelState,
-                          formValidation: "form"
-                        },
-                        on: { cancelClick: _vm.back }
-                      })
-                    ],
-                    1
-                  )
-                ],
-                1
-              )
-            ],
-            1
-          )
-        ])
-      ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            content: _vm.modalContent,
-            size: _vm.modalSize,
-            color: _vm.modalColor
-          },
-          on: {
-            batal: _vm.modalTutup,
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick
-          }
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t")
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _vm.state == "tambahCalon" || _vm.state == "ubahCalon"
-                ? _c("form-calon", {
-                    attrs: {
-                      mode: _vm.formCalonMode,
-                      selected: _vm.selectedItemCalon
-                    },
-                    on: {
-                      createCalon: _vm.createCalon,
-                      editCalon: _vm.editCalon,
-                      tutup: _vm.modalTutup
-                    }
-                  })
-                : _vm._e()
-            ],
-            1
-          )
-        ],
-        2
-      )
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("1. Pemilihan")])
-    ])
-  },
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("2. Calon")])
-    ])
-  }
-]
-render._withStripped = true
+/* normalize component */
 
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__["default"])(
+  script,
+  _notFound_vue_vue_type_template_id_2cf915a2___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _notFound_vue_vue_type_template_id_2cf915a2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
 
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/views/notFound.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4& ***!
-  \************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formCalon" },
-        on: {
-          submit: function($event) {
-            $event.preventDefault()
-            return _vm.save($event)
-          }
-        }
-      },
-      [
-        _vm.formCalon.aktivis_id
-          ? _c("div", { staticClass: "card" }, [
-              _c(
-                "div",
-                {
-                  staticClass:
-                    "card-header bg-info text-white header-elements-inline"
-                },
-                [
-                  _c("h6", { staticClass: "card-title" }),
-                  _vm._v(" "),
-                  _vm.mode != "edit"
-                    ? _c("div", { staticClass: "header-elements" }, [
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-danger",
-                            attrs: { type: "button" },
-                            on: {
-                              click: function($event) {
-                                $event.preventDefault()
-                                return _vm.deleteSelected($event)
-                              }
-                            }
-                          },
-                          [
-                            _c("i", { staticClass: "icon-cross2 mr-2" }),
-                            _vm._v(" Batal")
-                          ]
-                        )
-                      ])
-                    : _vm._e()
-                ]
-              ),
-              _vm._v(" "),
-              _c("div", { staticClass: "card-body" }, [
-                _c(
-                  "div",
-                  { staticClass: "media flex-column flex-sm-row mt-0" },
-                  [
-                    _c("div", { staticClass: "mr-sm-3 mb-2 mb-sm-0" }, [
-                      _c("div", { staticClass: "card-img-actions" }, [
-                        _vm.formCalon.gambar
-                          ? _c("img", {
-                              staticClass: "img-fluid img-preview rounded",
-                              attrs: {
-                                src:
-                                  "/images/aktivis/" +
-                                  _vm.formCalon.gambar +
-                                  ".jpg"
-                              }
-                            })
-                          : _c("img", {
-                              staticClass: "img-fluid img-preview rounded",
-                              attrs: { src: "/images/no_image.jpg" }
-                            })
-                      ])
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "media-body" }, [
-                      _c("ul", { staticClass: "list list-unstyled mb-0" }, [
-                        _c("li", [
-                          _c("b", [_vm._v("Nama:")]),
-                          _vm._v(" " + _vm._s(_vm.formCalon.name))
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _c("b", [_vm._v("Tanggal Lahir:")]),
-                          _vm._v(" " + _vm._s(_vm.formCalon.tanggal_lahir))
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _c("b", [_vm._v("Tempat Lahir:")]),
-                          _vm._v(" " + _vm._s(_vm.formCalon.tempat_lahir))
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _c("b", [_vm._v("Status:")]),
-                          _vm._v(" " + _vm._s(_vm.formCalon.status))
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _c("b", [_vm._v("Pendidikan:")]),
-                          _vm._v(" " + _vm._s(_vm.formCalon.pendidikan))
-                        ])
-                      ])
-                    ])
-                  ]
-                )
-              ])
-            ])
-          : _vm._e(),
-        _vm._v(" "),
-        _vm.formCalon.aktivis_id == "" && _vm.mode == "create"
-          ? _c("data-viewer", {
-              attrs: {
-                title: "Aktivis",
-                columnData: _vm.columnDataDalam,
-                itemData: _vm.itemDataDalam,
-                query: _vm.query,
-                itemDataStat: _vm.itemDataDalamStat,
-                isDasar: "true",
-                isNoButtonRow: "true"
-              },
-              on: { fetch: _vm.fetchDalam },
-              scopedSlots: _vm._u(
-                [
-                  {
-                    key: "item-desktop",
-                    fn: function(props) {
-                      return [
-                        _c(
-                          "tr",
-                          {
-                            staticClass: "text-nowrap",
-                            class: {
-                              "bg-info": _vm.selectedItem.id === props.item.id
-                            },
-                            on: {
-                              click: function($event) {
-                                return _vm.selectedRow(props.item)
-                              }
-                            }
-                          },
-                          [
-                            _c("td", [
-                              _vm._v(
-                                "\n\t\t\t\t\t\t" +
-                                  _vm._s(
-                                    props.index +
-                                      1 +
-                                      (+_vm.itemDataDalam.current_page - 1) *
-                                        +_vm.itemDataDalam.per_page +
-                                      "."
-                                  ) +
-                                  "\n\t\t\t\t\t"
-                              )
-                            ]),
-                            _vm._v(" "),
-                            _c("td", [
-                              props.item.gambar
-                                ? _c("img", {
-                                    staticClass:
-                                      "img-rounded img-fluid wmin-sm",
-                                    attrs: {
-                                      src:
-                                        "/images/" +
-                                        _vm.kelas +
-                                        "/" +
-                                        props.item.gambar +
-                                        "n.jpg"
-                                    }
-                                  })
-                                : _c("img", {
-                                    staticClass:
-                                      "img-rounded img-fluid wmin-sm",
-                                    attrs: { src: "/images/no_image.jpg" }
-                                  })
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.name }
-                                })
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.kelamin }
-                                })
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("td", [
-                              props.item.pekerjaan_aktif &&
-                              props.item.pekerjaan_aktif.tipe == 1
-                                ? _c(
-                                    "span",
-                                    [
-                                      props.item.pekerjaan_aktif.cu
-                                        ? _c("check-value", {
-                                            attrs: {
-                                              value:
-                                                props.item.pekerjaan_aktif.cu
-                                                  .name
-                                            }
-                                          })
-                                        : _c("span", [_vm._v("-")])
-                                    ],
-                                    1
-                                  )
-                                : props.item.pekerjaan_aktif &&
-                                  props.item.pekerjaan_aktif.tipe == 2
-                                ? _c(
-                                    "span",
-                                    [
-                                      props.item.pekerjaan_aktif.lembaga_lain
-                                        ? _c("check-value", {
-                                            attrs: {
-                                              value:
-                                                props.item.pekerjaan_aktif
-                                                  .lembaga_lain.name
-                                            }
-                                          })
-                                        : _c("span", [_vm._v("-")])
-                                    ],
-                                    1
-                                  )
-                                : props.item.pekerjaan_aktif &&
-                                  props.item.pekerjaan_aktif.tipe == 3
-                                ? _c("span", [
-                                    _vm._v(
-                                      "\n\t\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t\t"
-                                    )
-                                  ])
-                                : _c("span", [_vm._v("-")])
-                            ]),
-                            _vm._v(" "),
-                            _c("td", {
-                              domProps: {
-                                innerHTML: _vm._s(
-                                  _vm.$options.filters.checkTingkatAktivis(
-                                    props.item.pekerjaan_aktif.tingkat
-                                  )
-                                )
-                              }
-                            }),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.pekerjaan_aktif
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value: props.item.pekerjaan_aktif.name
-                                      }
-                                    })
-                                  : _c("span", [_vm._v("-")])
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.pendidikan_tertinggi
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value:
-                                          props.item.pendidikan_tertinggi
-                                            .tingkat
-                                      }
-                                    })
-                                  : _c("span", [_vm._v("-")])
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.pendidikan_tertinggi
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value:
-                                          props.item.pendidikan_tertinggi.name
-                                      }
-                                    })
-                                  : _c("span", [_vm._v("-")])
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("td", {
-                              domProps: {
-                                innerHTML: _vm._s(
-                                  _vm.$options.filters.date(
-                                    props.item.tanggal_lahir
-                                  )
-                                )
-                              }
-                            }),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.tempat_lahir }
-                                })
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.agama }
-                                })
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.status }
-                                })
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.provinces
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value: props.item.provinces.name
-                                      }
-                                    })
-                                  : _c("span", [_vm._v("-")])
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.regencies
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value: props.item.regencies.name
-                                      }
-                                    })
-                                  : _c("span", [_vm._v("-")])
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.districts
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value: props.item.districts.name
-                                      }
-                                    })
-                                  : _c("span", [_vm._v("-")])
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.villages
-                                  ? _c("check-value", {
-                                      attrs: { value: props.item.villages.name }
-                                    })
-                                  : _c("span", [_vm._v("-")])
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.alamat }
-                                })
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.email }
-                                })
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.hp }
-                                })
-                              ],
-                              1
-                            )
-                          ]
-                        )
-                      ]
-                    }
-                  }
-                ],
-                null,
-                false,
-                2826468784
-              )
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _vm.errors.any("formCalon") && _vm.submited
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorItem: _vm.errors.items
-              }
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c(
-          "div",
-          {
-            staticClass: "form-group",
-            class: { "has-error": _vm.errors.has("formCalon.no_urut") }
-          },
-          [
-            _c(
-              "h5",
-              { class: { "text-danger": _vm.errors.has("formCalon.no_urut") } },
-              [
-                _vm.errors.has("formCalon.no_urut")
-                  ? _c("i", { staticClass: "icon-cross2" })
-                  : _vm._e(),
-                _vm._v("\n\t\t\t\tJumlah Suara: "),
-                _c("wajib-badge")
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c("cleave", {
-              directives: [
-                {
-                  name: "validate",
-                  rawName: "v-validate",
-                  value: "required",
-                  expression: "'required'"
-                }
-              ],
-              staticClass: "form-control",
-              attrs: {
-                name: "no_urut",
-                raw: false,
-                options: _vm.cleaveOption.number3,
-                placeholder: "Silahkan masukkan no urut",
-                "data-vv-as": "No. Urut"
-              },
-              model: {
-                value: _vm.formCalon.no_urut,
-                callback: function($$v) {
-                  _vm.$set(_vm.formCalon, "no_urut", $$v)
-                },
-                expression: "formCalon.no_urut"
-              }
-            }),
-            _vm._v(" "),
-            _vm.errors.has("formCalon.no_urut")
-              ? _c("small", { staticClass: "text-muted text-danger" }, [
-                  _c("i", { staticClass: "icon-arrow-small-right" }),
-                  _vm._v(
-                    " " +
-                      _vm._s(_vm.errors.first("formCalon.no_urut")) +
-                      "\n\t\t\t"
-                  )
-                ])
-              : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")])
-          ],
-          1
-        ),
-        _vm._v(" "),
-        this.currentUser.id_cu == 0
-          ? _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: {
-                  "has-error": _vm.errors.has("formCalon.pengusung_cu_id")
-                }
-              },
-              [
-                _c(
-                  "h5",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has("formCalon.pengusung_cu_id")
-                    }
-                  },
-                  [
-                    _vm.errors.has("formCalon.pengusung_cu_id")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\tCU Pengusung: "),
-                    _c("wajib-badge")
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.formCalon.pengusung_cu_id,
-                        expression: "formCalon.pengusung_cu_id"
-                      },
-                      {
-                        name: "validate",
-                        rawName: "v-validate",
-                        value: "required",
-                        expression: "'required'"
-                      }
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      name: "pengusung_cu_id",
-                      "data-width": "100%",
-                      "data-vv-as": "CU",
-                      disabled: _vm.modelCU.length === 0
-                    },
-                    on: {
-                      change: function($event) {
-                        var $$selectedVal = Array.prototype.filter
-                          .call($event.target.options, function(o) {
-                            return o.selected
-                          })
-                          .map(function(o) {
-                            var val = "_value" in o ? o._value : o.value
-                            return val
-                          })
-                        _vm.$set(
-                          _vm.formCalon,
-                          "pengusung_cu_id",
-                          $event.target.multiple
-                            ? $$selectedVal
-                            : $$selectedVal[0]
-                        )
-                      }
-                    }
-                  },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm.modelCUStat === "loading"
-                        ? _c("span", [_vm._v("Mohon tunggu...")])
-                        : _c("span", [_vm._v("Silahkan pilih CU")])
-                    ]),
-                    _vm._v(" "),
-                    _vm._l(_vm.modelCU, function(cu, index) {
-                      return _c(
-                        "option",
-                        { key: index, domProps: { value: cu.id } },
-                        [_vm._v(_vm._s(cu.name))]
-                      )
-                    })
-                  ],
-                  2
-                ),
-                _vm._v(" "),
-                _vm.errors.has("formCalon.pengusung_cu_id")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(
-                            _vm.errors.first("formCalon.pengusung_cu_id")
-                          ) +
-                          "\n\t\t\t"
-                      )
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")])
-              ]
-            )
-          : _vm._e(),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
-              on: {
-                click: function($event) {
-                  $event.preventDefault()
-                  return _vm.tutup($event)
-                }
-              }
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formCalon.aktivis_id == ""
-              }
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          )
-        ]),
-        _vm._v("  \nn\n\t\t"),
-        _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formCalon.aktivis_id == ""
-              }
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
-              on: {
-                click: function($event) {
-                  $event.preventDefault()
-                  return _vm.tutup($event)
-                }
-              }
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          )
-        ])
-      ],
-      1
-    )
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/datatable.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue ***!
-  \******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
-
-
-
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datatable.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/datePicker.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue ***!
-  \*******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
-
-
-
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datePicker.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \**************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/formInfo.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue ***!
-  \*****************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
-
-
-
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/formInfo.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/infoIcon.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue ***!
-  \*****************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
-
-
-
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/infoIcon.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/wajibBadge.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue ***!
-  \*******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
-
-
-
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/wajibBadge.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \**************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/pemilihan/form.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/form.vue ***!
-  \******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=bcfbd002& */ "./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
-
-
-
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pemilihan/form.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/notFound.vue?vue&type=template&id=2cf915a2&":
 /*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/notFound.vue?vue&type=template&id=2cf915a2& ***!
   \*******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002& ***!
-  \*************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=bcfbd002& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/pemilihan/formCalon.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/formCalon.vue ***!
-  \***********************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formCalon.vue?vue&type=template&id=5cccadc4& */ "./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4&");
-/* harmony import */ var _formCalon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formCalon.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
-
-
-
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formCalon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pemilihan/formCalon.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCalon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4& ***!
-  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCalon.vue?vue&type=template&id=5cccadc4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_notFound_vue_vue_type_template_id_2cf915a2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./notFound.vue?vue&type=template&id=2cf915a2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/notFound.vue?vue&type=template&id=2cf915a2&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_notFound_vue_vue_type_template_id_2cf915a2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_notFound_vue_vue_type_template_id_2cf915a2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/142.js b/public/js/components/142.js
index dce3ac88e..257fd5ff0 100644
--- a/public/js/components/142.js
+++ b/public/js/components/142.js
@@ -1,3280 +1,1585 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[142],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/cleave.js/dist/cleave-esm.js":
+/*!***************************************************!*\
+  !*** ./node_modules/cleave.js/dist/cleave-esm.js ***!
+  \***************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
-    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  props: {
-    value: {
-      "default": ''
+/* WEBPACK VAR INJECTION */(function(global) {var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var NumeralFormatter = function (numeralDecimalMark,
+                                 numeralIntegerScale,
+                                 numeralDecimalScale,
+                                 numeralThousandsGroupStyle,
+                                 numeralPositiveOnly,
+                                 stripLeadingZeroes,
+                                 prefix,
+                                 signBeforePrefix,
+                                 tailPrefix,
+                                 delimiter) {
+    var owner = this;
+
+    owner.numeralDecimalMark = numeralDecimalMark || '.';
+    owner.numeralIntegerScale = numeralIntegerScale > 0 ? numeralIntegerScale : 0;
+    owner.numeralDecimalScale = numeralDecimalScale >= 0 ? numeralDecimalScale : 2;
+    owner.numeralThousandsGroupStyle = numeralThousandsGroupStyle || NumeralFormatter.groupStyle.thousand;
+    owner.numeralPositiveOnly = !!numeralPositiveOnly;
+    owner.stripLeadingZeroes = stripLeadingZeroes !== false;
+    owner.prefix = (prefix || prefix === '') ? prefix : '';
+    owner.signBeforePrefix = !!signBeforePrefix;
+    owner.tailPrefix = !!tailPrefix;
+    owner.delimiter = (delimiter || delimiter === '') ? delimiter : ',';
+    owner.delimiterRE = delimiter ? new RegExp('\\' + delimiter, 'g') : '';
+};
+
+NumeralFormatter.groupStyle = {
+    thousand: 'thousand',
+    lakh:     'lakh',
+    wan:      'wan',
+    none:     'none'    
+};
+
+NumeralFormatter.prototype = {
+    getRawValue: function (value) {
+        return value.replace(this.delimiterRE, '').replace(this.numeralDecimalMark, '.');
     },
-    frontText: {
-      "default": ''
-    },
-    trimLength: {
-      "default": 50
-    },
-    valueType: {
-      "default": 'trim'
-    },
-    empty: {
-      "default": '-'
-    }
-  },
-  data: function data() {
-    return {
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
-    };
-  },
-  methods: {
-    modalOpen: function modalOpen() {
-      this.modalShow = true;
-      this.modalState = 'content-tutup';
-      this.modalContent = this.value;
-      this.modalButton = 'Tutup';
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-    },
-    strip: function strip(html) {
-      var tmp = document.createElement("DIV");
-      tmp.innerHTML = html;
-      return tmp.textContent || tmp.innerText || "";
-    }
-  }
-});
 
-/***/ }),
+    format: function (value) {
+        var owner = this, parts, partSign, partSignAndPrefix, partInteger, partDecimal = '';
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        // strip alphabet letters
+        value = value.replace(/[A-Za-z]/g, '')
+            // replace the first decimal mark with reserved placeholder
+            .replace(owner.numeralDecimalMark, 'M')
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['columnData', 'itemDataStat', 'items'],
-  components: {},
-  data: function data() {
-    return {};
-  },
-  methods: {}
-});
+            // strip non numeric letters except minus and "M"
+            // this is to ensure prefix has been stripped
+            .replace(/[^\dM-]/g, '')
 
-/***/ }),
+            // replace the leading minus with reserved placeholder
+            .replace(/^\-/, 'N')
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+            // strip the other minus sign (if present)
+            .replace(/\-/g, '')
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['defaultDate'],
-  components: {
-    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
-  },
-  data: function data() {
-    return {
-      time: '',
-      dateVal: ''
-    };
-  },
-  mounted: function mounted() {
-    if (this.defaultDate == '') {
-      var today = new Date();
-      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
-      this.time = date;
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    } else {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-      this.$emit('dateSelected', this.defaultDate);
-    }
-  },
-  watch: {
-    defaultDate: function defaultDate(newVal, oldVal) {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-    }
-  },
-  methods: {
-    onChanged: function onChanged(event) {
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    }
-  }
-});
+            // replace the minus sign (if present)
+            .replace('N', owner.numeralPositiveOnly ? '' : '-')
 
-/***/ }),
+            // replace decimal mark
+            .replace('M', owner.numeralDecimalMark);
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        // strip any leading zeros
+        if (owner.stripLeadingZeroes) {
+            value = value.replace(/^(-)?0+(?=\d)/, '$1');
+        }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
-});
+        partSign = value.slice(0, 1) === '-' ? '-' : '';
+        if (typeof owner.prefix != 'undefined') {
+            if (owner.signBeforePrefix) {
+                partSignAndPrefix = partSign + owner.prefix;
+            } else {
+                partSignAndPrefix = owner.prefix + partSign;
+            }
+        } else {
+            partSignAndPrefix = partSign;
+        }
+        
+        partInteger = value;
 
-/***/ }),
+        if (value.indexOf(owner.numeralDecimalMark) >= 0) {
+            parts = value.split(owner.numeralDecimalMark);
+            partInteger = parts[0];
+            partDecimal = owner.numeralDecimalMark + parts[1].slice(0, owner.numeralDecimalScale);
+        }
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        if(partSign === '-') {
+            partInteger = partInteger.slice(1);
+        }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _helpers_auth__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../helpers/auth */ "./resources/assets/js/helpers/auth.js");
-/* harmony import */ var _helpers_url_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../helpers/url.js */ "./resources/assets/js/helpers/url.js");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _formRekom_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./formRekom.vue */ "./resources/assets/js/views/monitoring/formRekom.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    formRekom: _formRekom_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_12___default.a,
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_13__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Tambah Temuan',
-      titleDesc: 'Menambah temuan',
-      titleIcon: 'icon-plus3',
-      level2Title: 'Monitoring',
-      kelas: 'monitoring',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
+        if (owner.numeralIntegerScale > 0) {
+          partInteger = partInteger.slice(0, owner.numeralIntegerScale);
         }
-      },
-      formRekomMode: '',
-      selectedItemRekom: '',
-      itemDataRekom: [],
-      itemDataRekomStat: 'success',
-      columnDataRekom: [{
-        title: 'No.'
-      }, {
-        title: 'Status'
-      }, {
-        title: 'Rekomendasi'
-      }],
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      submited: false
-    };
-  },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
-  created: function created() {
-    if (this.currentUser.id_cu == 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    }
 
-    this.$store.dispatch('aktivis/resetDataS2');
-    this.$store.dispatch('aktivis/get2', 0);
-  },
-  watch: {
-    formStat: function formStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode == 'create') {
-          if (this.currentUser.id_cu != 0) {
-            this.form.id_cu = this.currentUser.id_cu;
-            this.changeCU(this.form.id_cu);
-          }
-        } else {
-          this.checkUser('update_monitoring', this.form.id_cu);
-          this.changeCU(this.form.id_cu);
-          this.fetchRekom();
+        switch (owner.numeralThousandsGroupStyle) {
+        case NumeralFormatter.groupStyle.lakh:
+            partInteger = partInteger.replace(/(\d)(?=(\d\d)+\d$)/g, '$1' + owner.delimiter);
+
+            break;
+
+        case NumeralFormatter.groupStyle.wan:
+            partInteger = partInteger.replace(/(\d)(?=(\d{4})+$)/g, '$1' + owner.delimiter);
+
+            break;
+
+        case NumeralFormatter.groupStyle.thousand:
+            partInteger = partInteger.replace(/(\d)(?=(\d{3})+$)/g, '$1' + owner.delimiter);
+
+            break;
         }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
 
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.currentUser.id_cu == 0) {
-        if (this.modelCuStat != 'success') {
-          this.$store.dispatch('cu/getHeader');
+        if (owner.tailPrefix) {
+            return partSign + partInteger.toString() + (owner.numeralDecimalScale > 0 ? partDecimal.toString() : '') + owner.prefix;
         }
-      }
 
-      if (this.$route.meta.mode == 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Temuan';
-        this.titleDesc = 'Mengubah temuan';
-        this.titleIcon = 'icon-pencil5';
-      } else {
-        this.title = 'Tambah Temuan';
-        this.titleDesc = 'Menambah temuan';
-        this.titleIcon = 'icon-plus3';
-        this.$store.dispatch(this.kelas + '/create');
-      }
+        return partSignAndPrefix + partInteger.toString() + (owner.numeralDecimalScale > 0 ? partDecimal.toString() : '');
+    }
+};
+
+var NumeralFormatter_1 = NumeralFormatter;
+
+var DateFormatter = function (datePattern, dateMin, dateMax) {
+    var owner = this;
+
+    owner.date = [];
+    owner.blocks = [];
+    owner.datePattern = datePattern;
+    owner.dateMin = dateMin
+      .split('-')
+      .reverse()
+      .map(function(x) {
+        return parseInt(x, 10);
+      });
+    if (owner.dateMin.length === 2) owner.dateMin.unshift(0);
+
+    owner.dateMax = dateMax
+      .split('-')
+      .reverse()
+      .map(function(x) {
+        return parseInt(x, 10);
+      });
+    if (owner.dateMax.length === 2) owner.dateMax.unshift(0);
+    
+    owner.initBlocks();
+};
+
+DateFormatter.prototype = {
+    initBlocks: function () {
+        var owner = this;
+        owner.datePattern.forEach(function (value) {
+            if (value === 'Y') {
+                owner.blocks.push(4);
+            } else {
+                owner.blocks.push(2);
+            }
+        });
     },
-    fetchRekom: function fetchRekom() {
-      this.itemDataRekom = [];
-      var valData;
 
-      if (this.form.monitoring_rekom) {
-        var _iterator = _createForOfIteratorHelper(this.form.monitoring_rekom),
-            _step;
+    getISOFormatDate: function () {
+        var owner = this,
+            date = owner.date;
 
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            valData = _step.value;
-            this.itemDataRekom.push(valData);
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-      }
+        return date[2] ? (
+            date[2] + '-' + owner.addLeadingZero(date[1]) + '-' + owner.addLeadingZero(date[0])
+        ) : '';
     },
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
+
+    getBlocks: function () {
+        return this.blocks;
+    },
+
+    getValidatedDate: function (value) {
+        var owner = this, result = '';
+
+        value = value.replace(/[^\d]/g, '');
+
+        owner.blocks.forEach(function (length, index) {
+            if (value.length > 0) {
+                var sub = value.slice(0, length),
+                    sub0 = sub.slice(0, 1),
+                    rest = value.slice(length);
+
+                switch (owner.datePattern[index]) {
+                case 'd':
+                    if (sub === '00') {
+                        sub = '01';
+                    } else if (parseInt(sub0, 10) > 3) {
+                        sub = '0' + sub0;
+                    } else if (parseInt(sub, 10) > 31) {
+                        sub = '31';
+                    }
+
+                    break;
+
+                case 'm':
+                    if (sub === '00') {
+                        sub = '01';
+                    } else if (parseInt(sub0, 10) > 1) {
+                        sub = '0' + sub0;
+                    } else if (parseInt(sub, 10) > 12) {
+                        sub = '12';
+                    }
+
+                    break;
+                }
+
+                result += sub;
+
+                // update remaining string
+                value = rest;
+            }
+        });
+
+        return this.getFixedDateString(result);
+    },
+
+    getFixedDateString: function (value) {
+        var owner = this, datePattern = owner.datePattern, date = [],
+            dayIndex = 0, monthIndex = 0, yearIndex = 0,
+            dayStartIndex = 0, monthStartIndex = 0, yearStartIndex = 0,
+            day, month, year, fullYearDone = false;
+
+        // mm-dd || dd-mm
+        if (value.length === 4 && datePattern[0].toLowerCase() !== 'y' && datePattern[1].toLowerCase() !== 'y') {
+            dayStartIndex = datePattern[0] === 'd' ? 0 : 2;
+            monthStartIndex = 2 - dayStartIndex;
+            day = parseInt(value.slice(dayStartIndex, dayStartIndex + 2), 10);
+            month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);
+
+            date = this.getFixedDate(day, month, 0);
         }
 
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
+        // yyyy-mm-dd || yyyy-dd-mm || mm-dd-yyyy || dd-mm-yyyy || dd-yyyy-mm || mm-yyyy-dd
+        if (value.length === 8) {
+            datePattern.forEach(function (type, index) {
+                switch (type) {
+                case 'd':
+                    dayIndex = index;
+                    break;
+                case 'm':
+                    monthIndex = index;
+                    break;
+                default:
+                    yearIndex = index;
+                    break;
+                }
+            });
+
+            yearStartIndex = yearIndex * 2;
+            dayStartIndex = (dayIndex <= yearIndex) ? dayIndex * 2 : (dayIndex * 2 + 2);
+            monthStartIndex = (monthIndex <= yearIndex) ? monthIndex * 2 : (monthIndex * 2 + 2);
+
+            day = parseInt(value.slice(dayStartIndex, dayStartIndex + 2), 10);
+            month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);
+            year = parseInt(value.slice(yearStartIndex, yearStartIndex + 4), 10);
+
+            fullYearDone = value.slice(yearStartIndex, yearStartIndex + 4).length === 4;
+
+            date = this.getFixedDate(day, month, year);
         }
-      }
+
+        // mm-yy || yy-mm
+        if (value.length === 4 && (datePattern[0] === 'y' || datePattern[1] === 'y')) {
+            monthStartIndex = datePattern[0] === 'm' ? 0 : 2;
+            yearStartIndex = 2 - monthStartIndex;
+            month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);
+            year = parseInt(value.slice(yearStartIndex, yearStartIndex + 2), 10);
+
+            fullYearDone = value.slice(yearStartIndex, yearStartIndex + 2).length === 2;
+
+            date = [0, month, year];
+        }
+
+        // mm-yyyy || yyyy-mm
+        if (value.length === 6 && (datePattern[0] === 'Y' || datePattern[1] === 'Y')) {
+            monthStartIndex = datePattern[0] === 'm' ? 0 : 4;
+            yearStartIndex = 2 - 0.5 * monthStartIndex;
+            month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);
+            year = parseInt(value.slice(yearStartIndex, yearStartIndex + 4), 10);
+
+            fullYearDone = value.slice(yearStartIndex, yearStartIndex + 4).length === 4;
+
+            date = [0, month, year];
+        }
+
+        date = owner.getRangeFixedDate(date);
+        owner.date = date;
+
+        var result = date.length === 0 ? value : datePattern.reduce(function (previous, current) {
+            switch (current) {
+            case 'd':
+                return previous + (date[0] === 0 ? '' : owner.addLeadingZero(date[0]));
+            case 'm':
+                return previous + (date[1] === 0 ? '' : owner.addLeadingZero(date[1]));
+            case 'y':
+                return previous + (fullYearDone ? owner.addLeadingZeroForYear(date[2], false) : '');
+            case 'Y':
+                return previous + (fullYearDone ? owner.addLeadingZeroForYear(date[2], true) : '');
+            }
+        }, '');
+
+        return result;
     },
-    save: function save() {
-      var _this = this;
-
-      this.form.rekomendasi = this.itemDataRekom;
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.$route.meta.mode === 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/store', _this.form);
-          }
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
+
+    getRangeFixedDate: function (date) {
+        var owner = this,
+            datePattern = owner.datePattern,
+            dateMin = owner.dateMin || [],
+            dateMax = owner.dateMax || [];
+
+        if (!date.length || (dateMin.length < 3 && dateMax.length < 3)) return date;
+
+        if (
+          datePattern.find(function(x) {
+            return x.toLowerCase() === 'y';
+          }) &&
+          date[2] === 0
+        ) return date;
+
+        if (dateMax.length && (dateMax[2] < date[2] || (
+          dateMax[2] === date[2] && (dateMax[1] < date[1] || (
+            dateMax[1] === date[1] && dateMax[0] < date[0]
+          ))
+        ))) return dateMax;
+
+        if (dateMin.length && (dateMin[2] > date[2] || (
+          dateMin[2] === date[2] && (dateMin[1] > date[1] || (
+            dateMin[1] === date[1] && dateMin[0] > date[0]
+          ))
+        ))) return dateMin;
+
+        return date;
+    },
+
+    getFixedDate: function (day, month, year) {
+        day = Math.min(day, 31);
+        month = Math.min(month, 12);
+        year = parseInt((year || 0), 10);
+
+        if ((month < 7 && month % 2 === 0) || (month > 8 && month % 2 === 1)) {
+            day = Math.min(day, month === 2 ? (this.isLeapYear(year) ? 29 : 28) : 30);
         }
-      });
+
+        return [day, month, year];
     },
-    changeCU: function changeCU(id) {
-      this.$store.dispatch('tp/getCu', id);
-      this.$store.dispatch('aktivis/resetDataS');
-      this.$store.dispatch('aktivis/get', id);
+
+    isLeapYear: function (year) {
+        return ((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0);
     },
-    back: function back() {
-      if (this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: 'semua',
-            tp: 'semua'
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.currentUser.id_cu,
-            tp: 'semua'
-          }
-        });
-      }
+
+    addLeadingZero: function (number) {
+        return (number < 10 ? '0' : '') + number;
     },
-    createRekom: function createRekom(value) {
-      this.itemDataRekom.push(value);
-      this.modalTutup();
+
+    addLeadingZeroForYear: function (number, fullYearMode) {
+        if (fullYearMode) {
+            return (number < 10 ? '000' : (number < 100 ? '00' : (number < 1000 ? '0' : ''))) + number;
+        }
+
+        return (number < 10 ? '0' : '') + number;
+    }
+};
+
+var DateFormatter_1 = DateFormatter;
+
+var TimeFormatter = function (timePattern, timeFormat) {
+    var owner = this;
+
+    owner.time = [];
+    owner.blocks = [];
+    owner.timePattern = timePattern;
+    owner.timeFormat = timeFormat;
+    owner.initBlocks();
+};
+
+TimeFormatter.prototype = {
+    initBlocks: function () {
+        var owner = this;
+        owner.timePattern.forEach(function () {
+            owner.blocks.push(2);
+        });
     },
-    editRekom: function editRekom(value) {
-      _.remove(this.itemDataRekom, {
-        index: value.index
-      });
 
-      this.itemDataRekom.push(value);
-      this.modalTutup();
+    getISOFormatTime: function () {
+        var owner = this,
+            time = owner.time;
+
+        return time[2] ? (
+            owner.addLeadingZero(time[0]) + ':' + owner.addLeadingZero(time[1]) + ':' + owner.addLeadingZero(time[2])
+        ) : '';
     },
-    selectedRekomRow: function selectedRekomRow(index, item) {
-      this.selectedItemRekom = item;
-      this.selectedItemRekom.index = index + 1;
+
+    getBlocks: function () {
+        return this.blocks;
     },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.state = state;
-
-      if (state == 'hapusRekom') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus Rekomendasi ' + this.selectedItemRekom.cu.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-        this.modalSize = '';
-      } else if (state == 'ubahRekom') {
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah Rekomendasi';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formRekomMode = 'edit';
-      } else if (state == 'tambahRekom') {
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah Rekomendasi';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formRekomMode = 'create';
-      }
+
+    getTimeFormatOptions: function () {
+        var owner = this;
+        if (String(owner.timeFormat) === '12') {
+            return {
+                maxHourFirstDigit: 1,
+                maxHours: 12,
+                maxMinutesFirstDigit: 5,
+                maxMinutes: 60
+            };
+        }
+
+        return {
+            maxHourFirstDigit: 2,
+            maxHours: 23,
+            maxMinutesFirstDigit: 5,
+            maxMinutes: 60
+        };
     },
-    modalConfirmOk: function modalConfirmOk() {
-      this.modalShow = false;
 
-      if (this.state == 'hapusRekom') {
-        _.remove(this.itemDataRekom, {
-          index: this.selectedItemRekom.index
+    getValidatedTime: function (value) {
+        var owner = this, result = '';
+
+        value = value.replace(/[^\d]/g, '');
+
+        var timeFormatOptions = owner.getTimeFormatOptions();
+
+        owner.blocks.forEach(function (length, index) {
+            if (value.length > 0) {
+                var sub = value.slice(0, length),
+                    sub0 = sub.slice(0, 1),
+                    rest = value.slice(length);
+
+                switch (owner.timePattern[index]) {
+
+                case 'h':
+                    if (parseInt(sub0, 10) > timeFormatOptions.maxHourFirstDigit) {
+                        sub = '0' + sub0;
+                    } else if (parseInt(sub, 10) > timeFormatOptions.maxHours) {
+                        sub = timeFormatOptions.maxHours + '';
+                    }
+
+                    break;
+
+                case 'm':
+                case 's':
+                    if (parseInt(sub0, 10) > timeFormatOptions.maxMinutesFirstDigit) {
+                        sub = '0' + sub0;
+                    } else if (parseInt(sub, 10) > timeFormatOptions.maxMinutes) {
+                        sub = timeFormatOptions.maxMinutes + '';
+                    }
+                    break;
+                }
+
+                result += sub;
+
+                // update remaining string
+                value = rest;
+            }
         });
-      }
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat == 'success') {
-        this.back();
-        this.$store.dispatch(this.kelas + '/resetUpdateStat');
-      }
 
-      this.modalShow = false;
+        return this.getFixedTimeString(result);
     },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('monitoring', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
-    modelTP: 'dataS',
-    modelTPStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
-    modelAktivisCU: 'dataS',
-    modelAktivisBKCU: 'dataS2',
-    modelAktivisCUStat: 'dataStatS',
-    modelAktivisBKCUStat: 'dataStatS2'
-  }))
-});
 
-/***/ }),
+    getFixedTimeString: function (value) {
+        var owner = this, timePattern = owner.timePattern, time = [],
+            secondIndex = 0, minuteIndex = 0, hourIndex = 0,
+            secondStartIndex = 0, minuteStartIndex = 0, hourStartIndex = 0,
+            second, minute, hour;
+
+        if (value.length === 6) {
+            timePattern.forEach(function (type, index) {
+                switch (type) {
+                case 's':
+                    secondIndex = index * 2;
+                    break;
+                case 'm':
+                    minuteIndex = index * 2;
+                    break;
+                case 'h':
+                    hourIndex = index * 2;
+                    break;
+                }
+            });
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+            hourStartIndex = hourIndex;
+            minuteStartIndex = minuteIndex;
+            secondStartIndex = secondIndex;
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected'],
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      kelas: 'monitoring',
-      formDataRekom: {
-        rekomendasi: '',
-        status: ''
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      submited: false
-    };
-  },
-  created: function created() {
-    if (this.mode == 'edit') {
-      this.formDataRekom = Object.assign({}, this.selected);
-    }
-  },
-  watch: {},
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      if (!this.formDataRekom.status) {
-        this.formDataRekom.status = 0;
-      }
+            second = parseInt(value.slice(secondStartIndex, secondStartIndex + 2), 10);
+            minute = parseInt(value.slice(minuteStartIndex, minuteStartIndex + 2), 10);
+            hour = parseInt(value.slice(hourStartIndex, hourStartIndex + 2), 10);
 
-      this.$validator.validateAll('formDataRekom').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.$emit('editRekom', _this.formDataRekom);
-          } else {
-            _this.$emit('createRekom', _this.formDataRekom);
-          }
-        } else {
-          _this.submited = true;
+            time = this.getFixedTime(hour, minute, second);
         }
-      });
+
+        if (value.length === 4 && owner.timePattern.indexOf('s') < 0) {
+            timePattern.forEach(function (type, index) {
+                switch (type) {
+                case 'm':
+                    minuteIndex = index * 2;
+                    break;
+                case 'h':
+                    hourIndex = index * 2;
+                    break;
+                }
+            });
+
+            hourStartIndex = hourIndex;
+            minuteStartIndex = minuteIndex;
+
+            second = 0;
+            minute = parseInt(value.slice(minuteStartIndex, minuteStartIndex + 2), 10);
+            hour = parseInt(value.slice(hourStartIndex, hourStartIndex + 2), 10);
+
+            time = this.getFixedTime(hour, minute, second);
+        }
+
+        owner.time = time;
+
+        return time.length === 0 ? value : timePattern.reduce(function (previous, current) {
+            switch (current) {
+            case 's':
+                return previous + owner.addLeadingZero(time[2]);
+            case 'm':
+                return previous + owner.addLeadingZero(time[1]);
+            case 'h':
+                return previous + owner.addLeadingZero(time[0]);
+            }
+        }, '');
     },
-    messageClose: function messageClose() {
-      this.message.show = false;
+
+    getFixedTime: function (hour, minute, second) {
+        second = Math.min(parseInt(second || 0, 10), 60);
+        minute = Math.min(minute, 60);
+        hour = Math.min(hour, 60);
+
+        return [hour, minute, second];
     },
-    tutup: function tutup() {
-      this.$emit('tutup');
+
+    addLeadingZero: function (number) {
+        return (number < 10 ? '0' : '') + number;
     }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
+};
 
-/***/ }),
+var TimeFormatter_1 = TimeFormatter;
 
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&":
-/*!********************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& ***!
-  \********************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
+var PhoneFormatter = function (formatter, delimiter) {
+    var owner = this;
 
-exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
+    owner.delimiter = (delimiter || delimiter === '') ? delimiter : ' ';
+    owner.delimiterRE = delimiter ? new RegExp('\\' + delimiter, 'g') : '';
 
+    owner.formatter = formatter;
+};
 
-// module
-exports.push([module.i, ".document-editor[data-v-2876dcc8] {\n  border: 1px solid var(--ck-color-base-border);\n  border-radius: var(--ck-border-radius);\n\n  /* Set vertical boundaries for the document editor. */\n  max-height: 700px;\n\n  /* This element is a flex container for easier rendering. */\n  display: flex;\n  flex-flow: column nowrap;\n}\n.document-editor__toolbar[data-v-2876dcc8] {\n  /* Make sure the toolbar container is always above the editable. */\n  z-index: 1;\n\n  /* Create the illusion of the toolbar floating over the editable. */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.2 );\n\n  /* Use the CKEditor CSS variables to keep the UI consistent. */\n  border-bottom: 1px solid var(--ck-color-toolbar-border);\n}\n\n/* Adjust the look of the toolbar inside the container. */\n.document-editor__toolbar .ck-toolbar[data-v-2876dcc8] {\n  border: 0;\n  border-radius: 0;\n}\n\n/* Make the editable container look like the inside of a native word processor application. */\n.document-editor__editable-container[data-v-2876dcc8] {\n  padding: calc( 2 * var(--ck-spacing-large) );\n  background: var(--ck-color-base-foreground);\n\n  /* Make it possible to scroll the \"page\" of the edited content. */\n  overflow-y: scroll;\n}\n.document-editor__editable-container .ck-editor__editable[data-v-2876dcc8] {\n  /* Set the dimensions of the \"page\". */\n  width: 98%;\n  /* min-height: 21cm; */\n\n  /* Keep the \"page\" off the boundaries of the container. */\n  padding: 1cm 2cm 2cm;\n\n  border: 1px hsl( 0,0%,82.7% ) solid;\n  border-radius: var(--ck-border-radius);\n  background: white;\n\n  /* The \"page\" should cast a slight shadow (3D illusion). */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.1 );\n\n  /* Center the \"page\". */\n  margin: 0 auto;\n}\n\n/* Set the default font for the \"page\" of the content. */\n.document-editor .ck-content[data-v-2876dcc8],\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-2876dcc8] {\n  font: 16px/1.6 \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n/* Adjust the headings dropdown to host some larger heading styles. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-2876dcc8] {\n  line-height: calc( 1.7 * var(--ck-line-height-base) * var(--ck-font-size-base) );\n  min-width: 6em;\n}\n\n/* Scale down all heading previews because they are way too big to be presented in the UI.\nPreserve the relative scale, though. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label[data-v-2876dcc8] {\n  transform: scale(0.8);\n  transform-origin: left;\n}\n\n/* Set the styles for \"Heading 1\". */\n.document-editor .ck-content h2[data-v-2876dcc8],\n.document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label[data-v-2876dcc8] {\n  font-size: 2.18em;\n  font-weight: normal;\n}\n.document-editor .ck-content h2[data-v-2876dcc8] {\n  line-height: 1.37em;\n  padding-top: .342em;\n  margin-bottom: .142em;\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-2876dcc8],\n.document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label[data-v-2876dcc8] {\n  font-size: 1.75em;\n  font-weight: normal;\n  color: hsl( 203, 100%, 50% );\n}\n.document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label[data-v-2876dcc8] {\n  color: var(--ck-color-list-button-on-text);\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-2876dcc8] {\n  line-height: 1.86em;\n  padding-top: .171em;\n  margin-bottom: .357em;\n}\n\n/* Set the styles for \"Heading 3\". */\n.document-editor .ck-content h4[data-v-2876dcc8],\n.document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label[data-v-2876dcc8] {\n  font-size: 1.31em;\n  font-weight: bold;\n}\n.document-editor .ck-content h4[data-v-2876dcc8] {\n  line-height: 1.24em;\n  padding-top: .286em;\n  margin-bottom: .952em;\n}\n\n/* Set the styles for \"Paragraph\". */\n.document-editor .ck-content p[data-v-2876dcc8] {\n  font-size: 1em;\n  line-height: 1.63em;\n  padding-top: .5em;\n  margin-bottom: 1.13em;\n}\n\n/* Make the block quoted text serif with some additional spacing. */\n.document-editor .ck-content blockquote[data-v-2876dcc8] {\n  font-family: Georgia, serif;\n  margin-left: calc( 2 * var(--ck-spacing-large) );\n  margin-right: calc( 2 * var(--ck-spacing-large) );\n}\n", ""]);
+PhoneFormatter.prototype = {
+    setFormatter: function (formatter) {
+        this.formatter = formatter;
+    },
 
-// exports
+    format: function (phoneNumber) {
+        var owner = this;
 
+        owner.formatter.clear();
 
-/***/ }),
+        // only keep number and +
+        phoneNumber = phoneNumber.replace(/[^\d+]/g, '');
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&":
-/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& ***!
-  \************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
+        // strip non-leading +
+        phoneNumber = phoneNumber.replace(/^\+/, 'B').replace(/\+/g, '').replace('B', '+');
 
+        // strip delimiter
+        phoneNumber = phoneNumber.replace(owner.delimiterRE, '');
 
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&");
+        var result = '', current, validated = false;
 
-if(typeof content === 'string') content = [[module.i, content, '']];
+        for (var i = 0, iMax = phoneNumber.length; i < iMax; i++) {
+            current = owner.formatter.inputDigit(phoneNumber.charAt(i));
 
-var transform;
-var insertInto;
+            // has ()- or space inside
+            if (/[\s()-]/g.test(current)) {
+                result = current;
 
+                validated = true;
+            } else {
+                if (!validated) {
+                    result = current;
+                }
+                // else: over length input
+                // it turns to invalid number again
+            }
+        }
 
+        // strip ()
+        // e.g. US: 7161234567 returns (716) 123-4567
+        result = result.replace(/[()]/g, '');
+        // replace library delimiter with user customized delimiter
+        result = result.replace(/[\s-]/g, owner.delimiter);
 
-var options = {"hmr":true}
+        return result;
+    }
+};
+
+var PhoneFormatter_1 = PhoneFormatter;
+
+var CreditCardDetector = {
+    blocks: {
+        uatp:          [4, 5, 6],
+        amex:          [4, 6, 5],
+        diners:        [4, 6, 4],
+        discover:      [4, 4, 4, 4],
+        mastercard:    [4, 4, 4, 4],
+        dankort:       [4, 4, 4, 4],
+        instapayment:  [4, 4, 4, 4],
+        jcb15:         [4, 6, 5],
+        jcb:           [4, 4, 4, 4],
+        maestro:       [4, 4, 4, 4],
+        visa:          [4, 4, 4, 4],
+        mir:           [4, 4, 4, 4],
+        unionPay:      [4, 4, 4, 4],
+        general:       [4, 4, 4, 4]
+    },
 
-options.transform = transform
-options.insertInto = undefined;
+    re: {
+        // starts with 1; 15 digits, not starts with 1800 (jcb card)
+        uatp: /^(?!1800)1\d{0,14}/,
 
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+        // starts with 34/37; 15 digits
+        amex: /^3[47]\d{0,13}/,
 
-if(content.locals) module.exports = content.locals;
+        // starts with 6011/65/644-649; 16 digits
+        discover: /^(?:6011|65\d{0,2}|64[4-9]\d?)\d{0,12}/,
 
-if(false) {}
+        // starts with 300-305/309 or 36/38/39; 14 digits
+        diners: /^3(?:0([0-5]|9)|[689]\d?)\d{0,11}/,
 
-/***/ }),
+        // starts with 51-55/2221–2720; 16 digits
+        mastercard: /^(5[1-5]\d{0,2}|22[2-9]\d{0,1}|2[3-7]\d{0,2})\d{0,12}/,
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        // starts with 5019/4175/4571; 16 digits
+        dankort: /^(5019|4175|4571)\d{0,12}/,
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    { staticStyle: { display: "inline-block" } },
-    [
-      _vm.value
-        ? _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm.valueType == "trim"
-              ? _c(
-                  "span",
-                  { staticStyle: { display: "inline-block" } },
-                  [
-                    _c("truncate", {
-                      staticStyle: { display: "inline-block" },
-                      attrs: {
-                        "action-class": "badge bg-blue",
-                        clamp: "selengkapnya >",
-                        length: _vm.trimLength,
-                        less: "< kembali",
-                        text: _vm.frontText + " " + _vm.value
-                      }
-                    })
-                  ],
-                  1
-                )
-              : _vm.valueType == "modal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light",
-                      on: {
-                        click: function($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen()
-                        }
-                      }
-                    },
-                    [_vm._v("\n          Lihat\n      ")]
-                  )
-                ])
-              : _vm.valueType == "currency"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(
-                        _vm._f("currency")(_vm.value, "", 0, {
-                          thousandsSeparator: "."
-                        })
-                      )
-                  )
-                ])
-              : _vm.valueType == "percentage"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("percentage")(_vm.value, 2))
-                  )
-                ])
-              : _vm.valueType == "decimal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("round")(_vm.value, 2))
-                  )
-                ])
-              : _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value))
-                ])
-          ])
-        : _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty))
-          ]),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent
-        },
-        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup }
-      })
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
+        // starts with 637-639; 16 digits
+        instapayment: /^63[7-9]\d{0,13}/,
 
+        // starts with 2131/1800; 15 digits
+        jcb15: /^(?:2131|1800)\d{0,11}/,
 
+        // starts with 2131/1800/35; 16 digits
+        jcb: /^(?:35\d{0,2})\d{0,12}/,
 
-/***/ }),
+        // starts with 50/56-58/6304/67; 16 digits
+        maestro: /^(?:5[0678]\d{0,2}|6304|67\d{0,2})\d{0,12}/,
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        // starts with 22; 16 digits
+        mir: /^220[0-4]\d{0,12}/,
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "table-responsive table-scrollable" }, [
-    _c("table", { staticClass: "table table-striped" }, [
-      _c("thead", { staticClass: "bg-primary" }, [
-        _c(
-          "tr",
-          { staticClass: "text-nowrap" },
-          _vm._l(_vm.columnData, function(item, index) {
-            return _c("th", { key: index }, [
-              _c("span", { domProps: { innerHTML: _vm._s(item.title) } })
-            ])
-          }),
-          0
-        )
-      ]),
-      _vm._v(" "),
-      _vm.itemDataStat === "loading"
-        ? _c("tbody", [
-            _c("tr", [
-              _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                _vm._m(0)
-              ])
-            ])
-          ])
-        : _vm.itemDataStat === "success"
-        ? _c(
-            "tbody",
-            [
-              _vm._l(_vm.items, function(item, index) {
-                return _vm._t("item-desktop", null, {
-                  item: item,
-                  index: index
-                })
-              }),
-              _vm._v(" "),
-              _vm.items.length == 0
-                ? _c("tr", [
-                    _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                      _vm._v("Belum terdapat data...")
-                    ])
-                  ])
-                : _vm._e()
-            ],
-            2
-          )
-        : _vm.itemDataStat === "fail"
-        ? _c("tbody", [
-            _c("tr", [
-              _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                _vm._v(
-                  "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
-                )
-              ])
-            ])
-          ])
-        : _c("tbody", [
-            _c("tr", [
-              _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                _vm._v("-")
-              ])
-            ])
-          ])
-    ])
-  ])
-}
-var staticRenderFns = [
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped active",
-          staticStyle: { width: "100%" }
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      )
-    ])
-  }
-]
-render._withStripped = true
+        // starts with 4; 16 digits
+        visa: /^4\d{0,15}/,
 
+        // starts with 62/81; 16 digits
+        unionPay: /^(62|81)\d{0,14}/
+    },
 
+    getStrictBlocks: function (block) {
+      var total = block.reduce(function (prev, current) {
+        return prev + current;
+      }, 0);
 
-/***/ }),
+      return block.concat(19 - total);
+    },
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    getInfo: function (value, strictMode) {
+        var blocks = CreditCardDetector.blocks,
+            re = CreditCardDetector.re;
+
+        // Some credit card can have up to 19 digits number.
+        // Set strictMode to true will remove the 16 max-length restrain,
+        // however, I never found any website validate card number like
+        // this, hence probably you don't want to enable this option.
+        strictMode = !!strictMode;
+
+        for (var key in re) {
+            if (re[key].test(value)) {
+                var matchedBlocks = blocks[key];
+                return {
+                    type: key,
+                    blocks: strictMode ? this.getStrictBlocks(matchedBlocks) : matchedBlocks
+                };
+            }
+        }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("DatePicker", {
-    staticClass: "w-100",
-    attrs: {
-      format: "DD-MM-YYYY",
-      "value-type": "format",
-      placeholder: "Pilih Tanggal",
-      editable: true
-    },
-    on: { change: _vm.onChanged },
-    model: {
-      value: _vm.time,
-      callback: function($$v) {
-        _vm.time = $$v
-      },
-      expression: "time"
+        return {
+            type: 'unknown',
+            blocks: strictMode ? this.getStrictBlocks(blocks.general) : blocks.general
+        };
     }
-  })
-}
-var staticRenderFns = []
-render._withStripped = true
+};
 
+var CreditCardDetector_1 = CreditCardDetector;
 
+var Util = {
+    noop: function () {
+    },
 
-/***/ }),
+    strip: function (value, re) {
+        return value.replace(re, '');
+    },
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    getPostDelimiter: function (value, delimiter, delimiters) {
+        // single delimiter
+        if (delimiters.length === 0) {
+            return value.slice(-delimiter.length) === delimiter ? delimiter : '';
+        }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticStyle: { display: "inline-block" } }, [
-    _c("i", {
-      directives: [
-        {
-          name: "tooltip",
-          rawName: "v-tooltip",
-          value: _vm.message,
-          expression: "message"
+        // multiple delimiters
+        var matchedDelimiter = '';
+        delimiters.forEach(function (current) {
+            if (value.slice(-current.length) === current) {
+                matchedDelimiter = current;
+            }
+        });
+
+        return matchedDelimiter;
+    },
+
+    getDelimiterREByDelimiter: function (delimiter) {
+        return new RegExp(delimiter.replace(/([.?*+^$[\]\\(){}|-])/g, '\\$1'), 'g');
+    },
+
+    getNextCursorPosition: function (prevPos, oldValue, newValue, delimiter, delimiters) {
+      // If cursor was at the end of value, just place it back.
+      // Because new value could contain additional chars.
+      if (oldValue.length === prevPos) {
+          return newValue.length;
+      }
+
+      return prevPos + this.getPositionOffset(prevPos, oldValue, newValue, delimiter ,delimiters);
+    },
+
+    getPositionOffset: function (prevPos, oldValue, newValue, delimiter, delimiters) {
+        var oldRawValue, newRawValue, lengthOffset;
+
+        oldRawValue = this.stripDelimiters(oldValue.slice(0, prevPos), delimiter, delimiters);
+        newRawValue = this.stripDelimiters(newValue.slice(0, prevPos), delimiter, delimiters);
+        lengthOffset = oldRawValue.length - newRawValue.length;
+
+        return (lengthOffset !== 0) ? (lengthOffset / Math.abs(lengthOffset)) : 0;
+    },
+
+    stripDelimiters: function (value, delimiter, delimiters) {
+        var owner = this;
+
+        // single delimiter
+        if (delimiters.length === 0) {
+            var delimiterRE = delimiter ? owner.getDelimiterREByDelimiter(delimiter) : '';
+
+            return value.replace(delimiterRE, '');
         }
-      ],
-      staticClass: "icon-info22 d-none d-sm-block"
-    }),
-    _vm._v(" "),
-    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
-      _c("i", [_vm._v(_vm._s(_vm.message))])
-    ])
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
 
+        // multiple delimiters
+        delimiters.forEach(function (current) {
+            current.split('').forEach(function (letter) {
+                value = value.replace(owner.getDelimiterREByDelimiter(letter), '');
+            });
+        });
 
+        return value;
+    },
 
-/***/ }),
+    headStr: function (str, length) {
+        return str.slice(0, length);
+    },
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true&":
-/*!********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true& ***!
-  \********************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    getMaxLength: function (blocks) {
+        return blocks.reduce(function (previous, current) {
+            return previous + current;
+        }, 0);
+    },
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas
-        },
-        on: {
-          level2Back: function($event) {
-            return _vm.back()
-          }
+    // strip prefix
+    // Before type  |   After type    |     Return value
+    // PEFIX-...    |   PEFIX-...     |     ''
+    // PREFIX-123   |   PEFIX-123     |     123
+    // PREFIX-123   |   PREFIX-23     |     23
+    // PREFIX-123   |   PREFIX-1234   |     1234
+    getPrefixStrippedValue: function (value, prefix, prefixLength, prevResult, delimiter, delimiters, noImmediatePrefix, tailPrefix, signBeforePrefix) {
+        // No prefix
+        if (prefixLength === 0) {
+          return value;
         }
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops, terjadi kesalahan",
-                      errorItem: _vm.errors.items
-                    }
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "form",
-                {
-                  attrs: { "data-vv-scope": "form" },
-                  on: {
-                    submit: function($event) {
-                      $event.preventDefault()
-                      return _vm.save($event)
-                    }
-                  }
-                },
-                [
-                  _c("div", { staticClass: "card" }, [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.name")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.name")
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.name")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tTemuan: "),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'"
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.name,
-                                    expression: "form.name"
-                                  }
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "name",
-                                  placeholder:
-                                    "Silahkan masukkan temuan artikel",
-                                  "data-vv-as": "Temuan"
-                                },
-                                domProps: { value: _vm.form.name },
-                                on: {
-                                  input: function($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "name",
-                                      $event.target.value
-                                    )
-                                  }
-                                }
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.name")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.name")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" ")
-                                  ])
-                            ]
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _vm.currentUser.id_cu === 0
-                          ? _c("div", { staticClass: "col-md-6" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "form-group",
-                                  class: {
-                                    "has-error": _vm.errors.has("form.id_cu")
-                                  }
-                                },
-                                [
-                                  _c(
-                                    "h5",
-                                    {
-                                      class: {
-                                        "text-danger": _vm.errors.has(
-                                          "form.id_cu"
-                                        )
-                                      }
-                                    },
-                                    [
-                                      _vm.errors.has("form.id_cu")
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2"
-                                          })
-                                        : _vm._e(),
-                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
-                                      _c("wajib-badge")
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.id_cu,
-                                          expression: "form.id_cu"
-                                        },
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'"
-                                        }
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "id_cu",
-                                        "data-width": "100%",
-                                        "data-vv-as": "CU",
-                                        disabled: _vm.modelCU.length === 0
-                                      },
-                                      on: {
-                                        change: [
-                                          function($event) {
-                                            var $$selectedVal = Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function(o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function(o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                            _vm.$set(
-                                              _vm.form,
-                                              "id_cu",
-                                              $event.target.multiple
-                                                ? $$selectedVal
-                                                : $$selectedVal[0]
-                                            )
-                                          },
-                                          function($event) {
-                                            return _vm.changeCU(
-                                              $event.target.value
-                                            )
-                                          }
-                                        ]
-                                      }
-                                    },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [
-                                          _vm.modelCUStat === "loading"
-                                            ? _c("span", [
-                                                _vm._v("Mohon tunggu...")
-                                              ])
-                                            : _c("span", [
-                                                _vm._v("Silahkan pilih CU")
-                                              ])
-                                        ]
-                                      ),
-                                      _vm._v(" "),
-                                      _vm._l(_vm.modelCU, function(cu, index) {
-                                        return _c(
-                                          "option",
-                                          {
-                                            key: index,
-                                            domProps: { value: cu.id }
-                                          },
-                                          [_vm._v(_vm._s(cu.name))]
-                                        )
-                                      })
-                                    ],
-                                    2
-                                  ),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.id_cu")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger"
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right"
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first("form.id_cu")
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          )
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      )
-                                ]
-                              )
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.id_tp")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.id_tp")
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.id_tp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tTP: "),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_tp,
-                                      expression: "form.id_tp"
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'"
-                                    }
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_tp",
-                                    "data-width": "100%",
-                                    "data-vv-as": "TP",
-                                    disabled: _vm.modelTP.length === 0
-                                  },
-                                  on: {
-                                    change: function($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call($event.target.options, function(
-                                          o
-                                        ) {
-                                          return o.selected
-                                        })
-                                        .map(function(o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "id_tp",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    }
-                                  }
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelTPStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu...")
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih TP")
-                                          ])
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "0" } }, [
-                                    _vm._v("Semua")
-                                  ]),
-                                  _vm._v(" "),
-                                  _vm._l(_vm.modelTP, function(tp, index) {
-                                    return _c(
-                                      "option",
-                                      {
-                                        key: index,
-                                        domProps: { value: tp.id }
-                                      },
-                                      [_vm._v(_vm._s(tp.name))]
-                                    )
-                                  })
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_tp")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.id_tp")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" ")
-                                  ])
-                            ]
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has(
-                                  "form.id_aktivis_cu"
-                                )
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.id_aktivis_cu"
-                                    )
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.id_aktivis_cu")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tPIC CU: "),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_aktivis_cu,
-                                      expression: "form.id_aktivis_cu"
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'"
-                                    }
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_aktivis_cu",
-                                    "data-width": "100%",
-                                    "data-vv-as": "PIC CU",
-                                    disabled: _vm.modelAktivisCU.length === 0
-                                  },
-                                  on: {
-                                    change: function($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call($event.target.options, function(
-                                          o
-                                        ) {
-                                          return o.selected
-                                        })
-                                        .map(function(o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "id_aktivis_cu",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    }
-                                  }
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelAktivisCUStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu...")
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih PIC")
-                                          ])
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(_vm.modelAktivisCU, function(
-                                    ac,
-                                    index
-                                  ) {
-                                    return _c(
-                                      "option",
-                                      {
-                                        key: index,
-                                        domProps: { value: ac.id }
-                                      },
-                                      [
-                                        _vm._v(
-                                          _vm._s(ac.name) +
-                                            " " +
-                                            _vm._s(
-                                              ac.pekerjaan_aktif
-                                                ? " - " +
-                                                    ac.pekerjaan_aktif.name
-                                                : ""
-                                            )
-                                        )
-                                      ]
-                                    )
-                                  })
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_aktivis_cu")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_aktivis_cu"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" ")
-                                  ])
-                            ]
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has(
-                                  "form.id_aktivis_bkcu"
-                                )
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.id_aktivis_bkcu"
-                                    )
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.id_aktivis_bkcu")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tPIC PUSKOPCUINA: "
-                                  ),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_aktivis_bkcu,
-                                      expression: "form.id_aktivis_bkcu"
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'"
-                                    }
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_aktivis_bkcu",
-                                    "data-width": "100%",
-                                    "data-vv-as": "PIC CU",
-                                    disabled: _vm.modelAktivisBKCU.length === 0
-                                  },
-                                  on: {
-                                    change: function($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call($event.target.options, function(
-                                          o
-                                        ) {
-                                          return o.selected
-                                        })
-                                        .map(function(o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "id_aktivis_bkcu",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    }
-                                  }
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelAktivisBKCUStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu...")
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih PIC")
-                                          ])
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(_vm.modelAktivisBKCU, function(
-                                    ac,
-                                    index
-                                  ) {
-                                    return _c(
-                                      "option",
-                                      {
-                                        key: index,
-                                        domProps: { value: ac.id }
-                                      },
-                                      [
-                                        _vm._v(
-                                          _vm._s(ac.name) +
-                                            " " +
-                                            _vm._s(
-                                              ac.pekerjaan_aktif
-                                                ? " - " +
-                                                    ac.pekerjaan_aktif.name
-                                                : ""
-                                            )
-                                        )
-                                      ]
-                                    )
-                                  })
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_aktivis_bkcu")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_aktivis_bkcu"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" ")
-                                  ])
-                            ]
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.tanggal")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.tanggal"
-                                    )
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.tanggal")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tTanggal: "),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("date-picker", {
-                                attrs: { defaultDate: _vm.form.tanggal },
-                                on: {
-                                  dateSelected: function($event) {
-                                    _vm.form.tanggal = $event
-                                  }
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.tanggal,
-                                    expression: "form.tanggal"
-                                  },
-                                  {
-                                    name: "show",
-                                    rawName: "v-show",
-                                    value: false,
-                                    expression: "false"
-                                  },
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'"
-                                  }
-                                ],
-                                attrs: { "data-vv-as": "Tanggal" },
-                                domProps: { value: _vm.form.tanggal },
-                                on: {
-                                  input: function($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "tanggal",
-                                      $event.target.value
-                                    )
-                                  }
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c("br"),
-                              _vm._v(" "),
-                              _vm.errors.has("form.tanggal")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.tanggal")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t")
-                                  ])
-                            ],
-                            1
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.jenis")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.jenis")
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.jenis")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tJenis: "),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.jenis,
-                                      expression: "form.jenis"
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'"
-                                    }
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "jenis",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Jenis"
-                                  },
-                                  on: {
-                                    change: function($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call($event.target.options, function(
-                                          o
-                                        ) {
-                                          return o.selected
-                                        })
-                                        .map(function(o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "jenis",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    }
-                                  }
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [_vm._v("Silahkan pilih jenis")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "MAYOR" } }, [
-                                    _vm._v("MAYOR")
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "MINOR" } }, [
-                                    _vm._v("MINOR")
-                                  ])
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("br"),
-                              _vm._v(" "),
-                              _vm.errors.has("form.jenis")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.jenis")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t")
-                                  ])
-                            ]
-                          )
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.perspektif")
-                              }
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.perspektif"
-                                    )
-                                  }
-                                },
-                                [
-                                  _vm.errors.has("form.perspektif")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tPerspektif: "
-                                  ),
-                                  _c("wajib-badge")
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.perspektif,
-                                      expression: "form.perspektif"
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'"
-                                    }
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "perspektif",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Perspektif"
-                                  },
-                                  on: {
-                                    change: function($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call($event.target.options, function(
-                                          o
-                                        ) {
-                                          return o.selected
-                                        })
-                                        .map(function(o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "perspektif",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    }
-                                  }
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [_vm._v("Silahkan pilih perspektif")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    { attrs: { value: "KEUANGAN" } },
-                                    [_vm._v("KEUANGAN")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    { attrs: { value: "KEPUASAN ANGGOTA" } },
-                                    [_vm._v("KEPUASAN ANGGOTA")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    { attrs: { value: "BISNIS INTERNAL" } },
-                                    [_vm._v("BISNIS INTERNAL")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    {
-                                      attrs: {
-                                        value: "PEMBELAJARAN DAN PERTUMBUHAN"
-                                      }
-                                    },
-                                    [_vm._v("PEMBELAJARAN DAN PERTUMBUHAN")]
-                                  )
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("br"),
-                              _vm._v(" "),
-                              _vm.errors.has("form.perspektif")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right"
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.perspektif")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      )
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t")
-                                  ])
-                            ]
-                          )
-                        ])
-                      ])
-                    ])
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "card" },
-                    [
-                      _c("div", { staticClass: "card-header bg-white" }, [
-                        _c(
-                          "h5",
-                          { staticClass: "card-title" },
-                          [_vm._v("Rekomendasi "), _c("wajib-badge")],
-                          1
-                        )
-                      ]),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "card-body pb-2" }, [
-                        _c("div", { staticClass: "row" }, [
-                          _c("div", { staticClass: "col-md-12" }, [
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                on: {
-                                  click: function($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("tambahRekom")
-                                  }
-                                }
-                              },
-                              [
-                                _c("i", { staticClass: "icon-plus22" }),
-                                _vm._v(" Tambah\n\t\t\t\t\t\t\t\t\t")
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                attrs: {
-                                  disabled: !_vm.selectedItemRekom.index
-                                },
-                                on: {
-                                  click: function($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("ubahRekom")
-                                  }
-                                }
-                              },
-                              [
-                                _c("i", { staticClass: "icon-pencil5" }),
-                                _vm._v(" Ubah\n\t\t\t\t\t\t\t\t\t")
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                attrs: {
-                                  disabled: !_vm.selectedItemRekom.index
-                                },
-                                on: {
-                                  click: function($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("hapusRekom")
-                                  }
-                                }
-                              },
-                              [
-                                _c("i", { staticClass: "icon-bin2" }),
-                                _vm._v(" Hapus\n\t\t\t\t\t\t\t\t\t")
-                              ]
-                            )
-                          ])
-                        ])
-                      ]),
-                      _vm._v(" "),
-                      _c("data-table", {
-                        attrs: {
-                          items: _vm.itemDataRekom,
-                          columnData: _vm.columnDataRekom,
-                          itemDataStat: _vm.itemDataRekomStat
-                        },
-                        scopedSlots: _vm._u([
-                          {
-                            key: "item-desktop",
-                            fn: function(props) {
-                              return [
-                                props.item
-                                  ? _c(
-                                      "tr",
-                                      {
-                                        staticClass: "text-nowrap",
-                                        class: {
-                                          "bg-info":
-                                            _vm.selectedItemRekom.index ===
-                                            props.index + 1
-                                        },
-                                        on: {
-                                          click: function($event) {
-                                            return _vm.selectedRekomRow(
-                                              props.index,
-                                              props.item
-                                            )
-                                          }
-                                        }
-                                      },
-                                      [
-                                        _c("td", [
-                                          _vm._v(_vm._s(props.index + 1))
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", {
-                                          domProps: {
-                                            innerHTML: _vm._s(
-                                              _vm.$options.filters.checkStatus(
-                                                props.item.status
-                                              )
-                                            )
-                                          }
-                                        }),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          _vm._v(_vm._s(props.item.rekomendasi))
-                                        ])
-                                      ]
-                                    )
-                                  : _vm._e()
-                              ]
-                            }
-                          }
-                        ])
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("form-info"),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "card card-body" },
-                    [
-                      _c("form-button", {
-                        attrs: {
-                          cancelState: "methods",
-                          formValidation: "form"
-                        },
-                        on: { cancelClick: _vm.back }
-                      })
-                    ],
-                    1
-                  )
-                ],
-                1
-              )
-            ],
-            1
-          )
-        ])
-      ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            content: _vm.modalContent,
-            color: _vm.modalColor
-          },
-          on: {
-            batal: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            tutup: _vm.modalTutup,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick
-          }
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t")
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body3" },
-            [
-              _c("form-rekom", {
-                attrs: {
-                  mode: _vm.formRekomMode,
-                  selected: _vm.selectedItemRekom
-                },
-                on: {
-                  createRekom: _vm.createRekom,
-                  editRekom: _vm.editRekom,
-                  tutup: _vm.modalTutup
-                }
-              })
-            ],
-            1
-          )
-        ],
-        2
-      )
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
 
+        // Value is prefix
+        if (value === prefix && value !== '') {
+          return '';
+        }
 
+        if (signBeforePrefix && (value.slice(0, 1) == '-')) {
+            var prev = (prevResult.slice(0, 1) == '-') ? prevResult.slice(1) : prevResult;
+            return '-' + this.getPrefixStrippedValue(value.slice(1), prefix, prefixLength, prev, delimiter, delimiters, noImmediatePrefix, tailPrefix, signBeforePrefix);
+        }
 
-/***/ }),
+        // Pre result prefix string does not match pre-defined prefix
+        if (prevResult.slice(0, prefixLength) !== prefix && !tailPrefix) {
+            // Check if the first time user entered something
+            if (noImmediatePrefix && !prevResult && value) return value;
+            return '';
+        } else if (prevResult.slice(-prefixLength) !== prefix && tailPrefix) {
+            // Check if the first time user entered something
+            if (noImmediatePrefix && !prevResult && value) return value;
+            return '';
+        }
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe& ***!
-  \*************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        var prevValue = this.stripDelimiters(prevResult, delimiter, delimiters);
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formDataRekom" },
-        on: {
-          submit: function($event) {
-            $event.preventDefault()
-            return _vm.save($event)
-          }
+        // New value has issue, someone typed in between prefix letters
+        // Revert to pre value
+        if (value.slice(0, prefixLength) !== prefix && !tailPrefix) {
+            return prevValue.slice(prefixLength);
+        } else if (value.slice(-prefixLength) !== prefix && tailPrefix) {
+            return prevValue.slice(0, -prefixLength - 1);
         }
-      },
-      [
-        _vm.message.show
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorData: _vm.message.content,
-                showDebug: false
-              },
-              on: { close: _vm.messageClose }
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c("div", { staticClass: "row" }, [
-          _c("div", { staticClass: "col-md-12" }, [
-            _c("div", { staticClass: "form-group" }, [
-              _c("h6", [_vm._v("Rekomendasi: "), _c("wajib-badge")], 1),
-              _vm._v(" "),
-              _c("input", {
-                directives: [
-                  {
-                    name: "validate",
-                    rawName: "v-validate",
-                    value: "required",
-                    expression: "'required'"
-                  },
-                  {
-                    name: "model",
-                    rawName: "v-model",
-                    value: _vm.formDataRekom.rekomendasi,
-                    expression: "formDataRekom.rekomendasi"
-                  }
-                ],
-                staticClass: "form-control",
-                attrs: {
-                  type: "text",
-                  name: "rekomendasi",
-                  placeholder: "Silahkan masukkan rekomendasi",
-                  "data-vv-as": "Rekomendasi"
-                },
-                domProps: { value: _vm.formDataRekom.rekomendasi },
-                on: {
-                  input: function($event) {
-                    if ($event.target.composing) {
-                      return
-                    }
-                    _vm.$set(
-                      _vm.formDataRekom,
-                      "rekomendasi",
-                      $event.target.value
-                    )
-                  }
-                }
-              })
-            ])
-          ])
-        ]),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
-              on: {
-                click: function($event) {
-                  $event.preventDefault()
-                  return _vm.tutup($event)
+
+        // No issue, strip prefix for new value
+        return tailPrefix ? value.slice(0, -prefixLength) : value.slice(prefixLength);
+    },
+
+    getFirstDiffIndex: function (prev, current) {
+        var index = 0;
+
+        while (prev.charAt(index) === current.charAt(index)) {
+            if (prev.charAt(index++) === '') {
+                return -1;
+            }
+        }
+
+        return index;
+    },
+
+    getFormattedValue: function (value, blocks, blocksLength, delimiter, delimiters, delimiterLazyShow) {
+        var result = '',
+            multipleDelimiters = delimiters.length > 0,
+            currentDelimiter = '';
+
+        // no options, normal input
+        if (blocksLength === 0) {
+            return value;
+        }
+
+        blocks.forEach(function (length, index) {
+            if (value.length > 0) {
+                var sub = value.slice(0, length),
+                    rest = value.slice(length);
+
+                if (multipleDelimiters) {
+                    currentDelimiter = delimiters[delimiterLazyShow ? (index - 1) : index] || currentDelimiter;
+                } else {
+                    currentDelimiter = delimiter;
                 }
-              }
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: { type: "submit", disabled: _vm.formDataRekom.cu_id == "" }
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          )
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: { type: "submit", disabled: _vm.formDataRekom.cu_id == "" }
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
-              on: {
-                click: function($event) {
-                  $event.preventDefault()
-                  return _vm.tutup($event)
+
+                if (delimiterLazyShow) {
+                    if (index > 0) {
+                        result += currentDelimiter;
+                    }
+
+                    result += sub;
+                } else {
+                    result += sub;
+
+                    if (sub.length === length && index < blocksLength - 1) {
+                        result += currentDelimiter;
+                    }
                 }
-              }
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          )
-        ])
-      ],
-      1
-    )
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
 
+                // update remaining string
+                value = rest;
+            }
+        });
 
+        return result;
+    },
 
-/***/ }),
+    // move cursor to the end
+    // the first time user focuses on an input with prefix
+    fixPrefixCursor: function (el, prefix, delimiter, delimiters) {
+        if (!el) {
+            return;
+        }
 
-/***/ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&":
-/*!***************************************************************************************************************!*\
-  !*** ./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& ***!
-  \***************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        var val = el.value,
+            appendix = delimiter || (delimiters[0] || ' ');
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/style-loader!../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+        if (!el.setSelectionRange || !prefix || (prefix.length + appendix.length) <= val.length) {
+            return;
+        }
 
+        var len = val.length * 2;
 
-/***/ }),
+        // set timeout to avoid blink
+        setTimeout(function () {
+            el.setSelectionRange(len, len);
+        }, 1);
+    },
 
-/***/ "./resources/assets/js/components/checkValue.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue ***!
-  \*******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    // Check if input field is fully selected
+    checkFullSelection: function(value) {
+      try {
+        var selection = window.getSelection() || document.getSelection() || {};
+        return selection.toString().length === value.length;
+      } catch (ex) {
+        // Ignore
+      }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+      return false;
+    },
 
+    setSelection: function (element, position, doc) {
+        if (element !== this.getActiveElement(doc)) {
+            return;
+        }
 
+        // cursor is already in the end
+        if (element && element.value.length <= position) {
+          return;
+        }
 
+        if (element.createTextRange) {
+            var range = element.createTextRange();
 
+            range.move('character', position);
+            range.select();
+        } else {
+            try {
+                element.setSelectionRange(position, position);
+            } catch (e) {
+                // eslint-disable-next-line
+                console.warn('The input element type does not support selection');
+            }
+        }
+    },
 
-/* normalize component */
+    getActiveElement: function(parent) {
+        var activeElement = parent.activeElement;
+        if (activeElement && activeElement.shadowRoot) {
+            return this.getActiveElement(activeElement.shadowRoot);
+        }
+        return activeElement;
+    },
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
+    isAndroid: function () {
+        return navigator && /android/i.test(navigator.userAgent);
+    },
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/checkValue.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+    // On Android chrome, the keyup and keydown events
+    // always return key code 229 as a composition that
+    // buffers the user’s keystrokes
+    // see https://github.com/nosir/cleave.js/issues/147
+    isAndroidBackspaceKeydown: function (lastInputValue, currentInputValue) {
+        if (!this.isAndroid() || !lastInputValue || !currentInputValue) {
+            return false;
+        }
 
-/***/ }),
+        return currentInputValue === lastInputValue.slice(0, -1);
+    }
+};
+
+var Util_1 = Util;
+
+/**
+ * Props Assignment
+ *
+ * Separate this, so react module can share the usage
+ */
+var DefaultProperties = {
+    // Maybe change to object-assign
+    // for now just keep it as simple
+    assign: function (target, opts) {
+        target = target || {};
+        opts = opts || {};
+
+        // credit card
+        target.creditCard = !!opts.creditCard;
+        target.creditCardStrictMode = !!opts.creditCardStrictMode;
+        target.creditCardType = '';
+        target.onCreditCardTypeChanged = opts.onCreditCardTypeChanged || (function () {});
+
+        // phone
+        target.phone = !!opts.phone;
+        target.phoneRegionCode = opts.phoneRegionCode || 'AU';
+        target.phoneFormatter = {};
+
+        // time
+        target.time = !!opts.time;
+        target.timePattern = opts.timePattern || ['h', 'm', 's'];
+        target.timeFormat = opts.timeFormat || '24';
+        target.timeFormatter = {};
+
+        // date
+        target.date = !!opts.date;
+        target.datePattern = opts.datePattern || ['d', 'm', 'Y'];
+        target.dateMin = opts.dateMin || '';
+        target.dateMax = opts.dateMax || '';
+        target.dateFormatter = {};
+
+        // numeral
+        target.numeral = !!opts.numeral;
+        target.numeralIntegerScale = opts.numeralIntegerScale > 0 ? opts.numeralIntegerScale : 0;
+        target.numeralDecimalScale = opts.numeralDecimalScale >= 0 ? opts.numeralDecimalScale : 2;
+        target.numeralDecimalMark = opts.numeralDecimalMark || '.';
+        target.numeralThousandsGroupStyle = opts.numeralThousandsGroupStyle || 'thousand';
+        target.numeralPositiveOnly = !!opts.numeralPositiveOnly;
+        target.stripLeadingZeroes = opts.stripLeadingZeroes !== false;
+        target.signBeforePrefix = !!opts.signBeforePrefix;
+        target.tailPrefix = !!opts.tailPrefix;
+
+        // others
+        target.swapHiddenInput = !!opts.swapHiddenInput;
+        
+        target.numericOnly = target.creditCard || target.date || !!opts.numericOnly;
+
+        target.uppercase = !!opts.uppercase;
+        target.lowercase = !!opts.lowercase;
+
+        target.prefix = (target.creditCard || target.date) ? '' : (opts.prefix || '');
+        target.noImmediatePrefix = !!opts.noImmediatePrefix;
+        target.prefixLength = target.prefix.length;
+        target.rawValueTrimPrefix = !!opts.rawValueTrimPrefix;
+        target.copyDelimiter = !!opts.copyDelimiter;
+
+        target.initValue = (opts.initValue !== undefined && opts.initValue !== null) ? opts.initValue.toString() : '';
+
+        target.delimiter =
+            (opts.delimiter || opts.delimiter === '') ? opts.delimiter :
+                (opts.date ? '/' :
+                    (opts.time ? ':' :
+                        (opts.numeral ? ',' :
+                            (opts.phone ? ' ' :
+                                ' '))));
+        target.delimiterLength = target.delimiter.length;
+        target.delimiterLazyShow = !!opts.delimiterLazyShow;
+        target.delimiters = opts.delimiters || [];
+
+        target.blocks = opts.blocks || [];
+        target.blocksLength = target.blocks.length;
+
+        target.root = (typeof commonjsGlobal === 'object' && commonjsGlobal) ? commonjsGlobal : window;
+        target.document = opts.document || target.root.document;
+
+        target.maxLength = 0;
+
+        target.backspace = false;
+        target.result = '';
+
+        target.onValueChanged = opts.onValueChanged || (function () {});
+
+        return target;
+    }
+};
+
+var DefaultProperties_1 = DefaultProperties;
+
+/**
+ * Construct a new Cleave instance by passing the configuration object
+ *
+ * @param {String | HTMLElement} element
+ * @param {Object} opts
+ */
+var Cleave = function (element, opts) {
+    var owner = this;
+    var hasMultipleElements = false;
+
+    if (typeof element === 'string') {
+        owner.element = document.querySelector(element);
+        hasMultipleElements = document.querySelectorAll(element).length > 1;
+    } else {
+      if (typeof element.length !== 'undefined' && element.length > 0) {
+        owner.element = element[0];
+        hasMultipleElements = element.length > 1;
+      } else {
+        owner.element = element;
+      }
+    }
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    if (!owner.element) {
+        throw new Error('[cleave.js] Please check the element');
+    }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+    if (hasMultipleElements) {
+      try {
+        // eslint-disable-next-line
+        console.warn('[cleave.js] Multiple input fields matched, cleave.js will only take the first one.');
+      } catch (e) {
+        // Old IE
+      }
+    }
 
-/***/ }),
+    opts.initValue = owner.element.value;
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \**************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    owner.properties = Cleave.DefaultProperties.assign({}, opts);
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+    owner.init();
+};
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+Cleave.prototype = {
+    init: function () {
+        var owner = this, pps = owner.properties;
 
+        // no need to use this lib
+        if (!pps.numeral && !pps.phone && !pps.creditCard && !pps.time && !pps.date && (pps.blocksLength === 0 && !pps.prefix)) {
+            owner.onInput(pps.initValue);
 
+            return;
+        }
 
-/***/ }),
+        pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);
 
-/***/ "./resources/assets/js/components/datatable.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue ***!
-  \******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        owner.isAndroid = Cleave.Util.isAndroid();
+        owner.lastInputValue = '';
+        owner.isBackward = '';
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+        owner.onChangeListener = owner.onChange.bind(owner);
+        owner.onKeyDownListener = owner.onKeyDown.bind(owner);
+        owner.onFocusListener = owner.onFocus.bind(owner);
+        owner.onCutListener = owner.onCut.bind(owner);
+        owner.onCopyListener = owner.onCopy.bind(owner);
 
+        owner.initSwapHiddenInput();
 
+        owner.element.addEventListener('input', owner.onChangeListener);
+        owner.element.addEventListener('keydown', owner.onKeyDownListener);
+        owner.element.addEventListener('focus', owner.onFocusListener);
+        owner.element.addEventListener('cut', owner.onCutListener);
+        owner.element.addEventListener('copy', owner.onCopyListener);
 
 
+        owner.initPhoneFormatter();
+        owner.initDateFormatter();
+        owner.initTimeFormatter();
+        owner.initNumeralFormatter();
 
-/* normalize component */
+        // avoid touch input field if value is null
+        // otherwise Firefox will add red box-shadow for <input required />
+        if (pps.initValue || (pps.prefix && !pps.noImmediatePrefix)) {
+            owner.onInput(pps.initValue);
+        }
+    },
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
+    initSwapHiddenInput: function () {
+        var owner = this, pps = owner.properties;
+        if (!pps.swapHiddenInput) return;
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datatable.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+        var inputFormatter = owner.element.cloneNode(true);
+        owner.element.parentNode.insertBefore(inputFormatter, owner.element);
 
-/***/ }),
+        owner.elementSwapHidden = owner.element;
+        owner.elementSwapHidden.type = 'hidden';
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        owner.element = inputFormatter;
+        owner.element.id = '';
+    },
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+    initNumeralFormatter: function () {
+        var owner = this, pps = owner.properties;
 
-/***/ }),
+        if (!pps.numeral) {
+            return;
+        }
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        pps.numeralFormatter = new Cleave.NumeralFormatter(
+            pps.numeralDecimalMark,
+            pps.numeralIntegerScale,
+            pps.numeralDecimalScale,
+            pps.numeralThousandsGroupStyle,
+            pps.numeralPositiveOnly,
+            pps.stripLeadingZeroes,
+            pps.prefix,
+            pps.signBeforePrefix,
+            pps.tailPrefix,
+            pps.delimiter
+        );
+    },
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+    initTimeFormatter: function() {
+        var owner = this, pps = owner.properties;
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+        if (!pps.time) {
+            return;
+        }
 
+        pps.timeFormatter = new Cleave.TimeFormatter(pps.timePattern, pps.timeFormat);
+        pps.blocks = pps.timeFormatter.getBlocks();
+        pps.blocksLength = pps.blocks.length;
+        pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);
+    },
 
+    initDateFormatter: function () {
+        var owner = this, pps = owner.properties;
 
-/***/ }),
+        if (!pps.date) {
+            return;
+        }
 
-/***/ "./resources/assets/js/components/datePicker.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue ***!
-  \*******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        pps.dateFormatter = new Cleave.DateFormatter(pps.datePattern, pps.dateMin, pps.dateMax);
+        pps.blocks = pps.dateFormatter.getBlocks();
+        pps.blocksLength = pps.blocks.length;
+        pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);
+    },
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+    initPhoneFormatter: function () {
+        var owner = this, pps = owner.properties;
 
+        if (!pps.phone) {
+            return;
+        }
 
+        // Cleave.AsYouTypeFormatter should be provided by
+        // external google closure lib
+        try {
+            pps.phoneFormatter = new Cleave.PhoneFormatter(
+                new pps.root.Cleave.AsYouTypeFormatter(pps.phoneRegionCode),
+                pps.delimiter
+            );
+        } catch (ex) {
+            throw new Error('[cleave.js] Please include phone-type-formatter.{country}.js lib');
+        }
+    },
 
+    onKeyDown: function (event) {
+        var owner = this,
+            charCode = event.which || event.keyCode;
 
+        owner.lastInputValue = owner.element.value;
+        owner.isBackward = charCode === 8;
+    },
 
-/* normalize component */
+    onChange: function (event) {
+        var owner = this, pps = owner.properties,
+            Util = Cleave.Util;
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
+        owner.isBackward = owner.isBackward || event.inputType === 'deleteContentBackward';
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datePicker.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+        var postDelimiter = Util.getPostDelimiter(owner.lastInputValue, pps.delimiter, pps.delimiters);
 
-/***/ }),
+        if (owner.isBackward && postDelimiter) {
+            pps.postDelimiterBackspace = postDelimiter;
+        } else {
+            pps.postDelimiterBackspace = false;
+        }
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        this.onInput(this.element.value);
+    },
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+    onFocus: function () {
+        var owner = this,
+            pps = owner.properties;
+        owner.lastInputValue = owner.element.value;
 
-/***/ }),
+        if (pps.prefix && pps.noImmediatePrefix && !owner.element.value) {
+            this.onInput(pps.prefix);
+        }
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \**************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        Cleave.Util.fixPrefixCursor(owner.element, pps.prefix, pps.delimiter, pps.delimiters);
+    },
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+    onCut: function (e) {
+        if (!Cleave.Util.checkFullSelection(this.element.value)) return;
+        this.copyClipboardData(e);
+        this.onInput('');
+    },
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+    onCopy: function (e) {
+        if (!Cleave.Util.checkFullSelection(this.element.value)) return;
+        this.copyClipboardData(e);
+    },
 
+    copyClipboardData: function (e) {
+        var owner = this,
+            pps = owner.properties,
+            Util = Cleave.Util,
+            inputValue = owner.element.value,
+            textToCopy = '';
 
+        if (!pps.copyDelimiter) {
+            textToCopy = Util.stripDelimiters(inputValue, pps.delimiter, pps.delimiters);
+        } else {
+            textToCopy = inputValue;
+        }
 
-/***/ }),
+        try {
+            if (e.clipboardData) {
+                e.clipboardData.setData('Text', textToCopy);
+            } else {
+                window.clipboardData.setData('Text', textToCopy);
+            }
+
+            e.preventDefault();
+        } catch (ex) {
+            //  empty
+        }
+    },
 
-/***/ "./resources/assets/js/components/infoIcon.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue ***!
-  \*****************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    onInput: function (value) {
+        var owner = this, pps = owner.properties,
+            Util = Cleave.Util;
+
+        // case 1: delete one more character "4"
+        // 1234*| -> hit backspace -> 123|
+        // case 2: last character is not delimiter which is:
+        // 12|34* -> hit backspace -> 1|34*
+        // note: no need to apply this for numeral mode
+        var postDelimiterAfter = Util.getPostDelimiter(value, pps.delimiter, pps.delimiters);
+        if (!pps.numeral && pps.postDelimiterBackspace && !postDelimiterAfter) {
+            value = Util.headStr(value, value.length - pps.postDelimiterBackspace.length);
+        }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+        // phone formatter
+        if (pps.phone) {
+            if (pps.prefix && (!pps.noImmediatePrefix || value.length)) {
+                pps.result = pps.prefix + pps.phoneFormatter.format(value).slice(pps.prefix.length);
+            } else {
+                pps.result = pps.phoneFormatter.format(value);
+            }
+            owner.updateValueState();
 
+            return;
+        }
 
+        // numeral formatter
+        if (pps.numeral) {
+            // Do not show prefix when noImmediatePrefix is specified
+            // This mostly because we need to show user the native input placeholder
+            if (pps.prefix && pps.noImmediatePrefix && value.length === 0) {
+                pps.result = '';
+            } else {
+                pps.result = pps.numeralFormatter.format(value);
+            }
+            owner.updateValueState();
+
+            return;
+        }
 
+        // date
+        if (pps.date) {
+            value = pps.dateFormatter.getValidatedDate(value);
+        }
 
+        // time
+        if (pps.time) {
+            value = pps.timeFormatter.getValidatedTime(value);
+        }
 
-/* normalize component */
+        // strip delimiters
+        value = Util.stripDelimiters(value, pps.delimiter, pps.delimiters);
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
+        // strip prefix
+        value = Util.getPrefixStrippedValue(value, pps.prefix, pps.prefixLength, pps.result, pps.delimiter, pps.delimiters, pps.noImmediatePrefix, pps.tailPrefix, pps.signBeforePrefix);
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/infoIcon.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+        // strip non-numeric characters
+        value = pps.numericOnly ? Util.strip(value, /[^\d]/g) : value;
 
-/***/ }),
+        // convert case
+        value = pps.uppercase ? value.toUpperCase() : value;
+        value = pps.lowercase ? value.toLowerCase() : value;
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        // prevent from showing prefix when no immediate option enabled with empty input value
+        if (pps.prefix) {
+            if (pps.tailPrefix) {
+                value = value + pps.prefix;
+            } else {
+                value = pps.prefix + value;
+            }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
-/***/ }),
+            // no blocks specified, no need to do formatting
+            if (pps.blocksLength === 0) {
+                pps.result = value;
+                owner.updateValueState();
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+                return;
+            }
+        }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+        // update credit card props
+        if (pps.creditCard) {
+            owner.updateCreditCardPropsByValue(value);
+        }
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+        // strip over length characters
+        value = Util.headStr(value, pps.maxLength);
 
+        // apply blocks
+        pps.result = Util.getFormattedValue(
+            value,
+            pps.blocks, pps.blocksLength,
+            pps.delimiter, pps.delimiters, pps.delimiterLazyShow
+        );
 
+        owner.updateValueState();
+    },
 
-/***/ }),
+    updateCreditCardPropsByValue: function (value) {
+        var owner = this, pps = owner.properties,
+            Util = Cleave.Util,
+            creditCardInfo;
 
-/***/ "./resources/assets/js/views/monitoring/form.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/form.vue ***!
-  \*******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        // At least one of the first 4 characters has changed
+        if (Util.headStr(pps.result, 4) === Util.headStr(value, 4)) {
+            return;
+        }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=2876dcc8&scoped=true& */ "./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _public_css_admin_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& */ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+        creditCardInfo = Cleave.CreditCardDetector.getInfo(value, pps.creditCardStrictMode);
 
+        pps.blocks = creditCardInfo.blocks;
+        pps.blocksLength = pps.blocks.length;
+        pps.maxLength = Util.getMaxLength(pps.blocks);
 
+        // credit card type changed
+        if (pps.creditCardType !== creditCardInfo.type) {
+            pps.creditCardType = creditCardInfo.type;
 
+            pps.onCreditCardTypeChanged.call(owner, pps.creditCardType);
+        }
+    },
 
+    updateValueState: function () {
+        var owner = this,
+            Util = Cleave.Util,
+            pps = owner.properties;
 
+        if (!owner.element) {
+            return;
+        }
 
-/* normalize component */
+        var endPos = owner.element.selectionEnd;
+        var oldValue = owner.element.value;
+        var newValue = pps.result;
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  "2876dcc8",
-  null
-  
-)
+        endPos = Util.getNextCursorPosition(endPos, oldValue, newValue, pps.delimiter, pps.delimiters);
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/views/monitoring/form.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+        // fix Android browser type="text" input field
+        // cursor not jumping issue
+        if (owner.isAndroid) {
+            window.setTimeout(function () {
+                owner.element.value = newValue;
+                Util.setSelection(owner.element, endPos, pps.document, false);
+                owner.callOnValueChanged();
+            }, 1);
 
-/***/ }),
+            return;
+        }
 
-/***/ "./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        owner.element.value = newValue;
+        if (pps.swapHiddenInput) owner.elementSwapHidden.value = owner.getRawValue();
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+        Util.setSelection(owner.element, endPos, pps.document, false);
+        owner.callOnValueChanged();
+    },
 
-/***/ }),
+    callOnValueChanged: function () {
+        var owner = this,
+            pps = owner.properties;
 
-/***/ "./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true&":
-/*!**************************************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true& ***!
-  \**************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        pps.onValueChanged.call(owner, {
+            target: {
+                name: owner.element.name,
+                value: pps.result,
+                rawValue: owner.getRawValue()
+            }
+        });
+    },
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=2876dcc8&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+    setPhoneRegionCode: function (phoneRegionCode) {
+        var owner = this, pps = owner.properties;
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+        pps.phoneRegionCode = phoneRegionCode;
+        owner.initPhoneFormatter();
+        owner.onChange();
+    },
 
+    setRawValue: function (value) {
+        var owner = this, pps = owner.properties;
 
+        value = value !== undefined && value !== null ? value.toString() : '';
 
-/***/ }),
+        if (pps.numeral) {
+            value = value.replace('.', pps.numeralDecimalMark);
+        }
 
-/***/ "./resources/assets/js/views/monitoring/formRekom.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/formRekom.vue ***!
-  \************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        pps.postDelimiterBackspace = false;
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formRekom.vue?vue&type=template&id=6a905bbe& */ "./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe&");
-/* harmony import */ var _formRekom_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formRekom.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+        owner.element.value = value;
+        owner.onInput(value);
+    },
 
+    getRawValue: function () {
+        var owner = this,
+            pps = owner.properties,
+            Util = Cleave.Util,
+            rawValue = owner.element.value;
 
+        if (pps.rawValueTrimPrefix) {
+            rawValue = Util.getPrefixStrippedValue(rawValue, pps.prefix, pps.prefixLength, pps.result, pps.delimiter, pps.delimiters, pps.noImmediatePrefix, pps.tailPrefix, pps.signBeforePrefix);
+        }
 
+        if (pps.numeral) {
+            rawValue = pps.numeralFormatter.getRawValue(rawValue);
+        } else {
+            rawValue = Util.stripDelimiters(rawValue, pps.delimiter, pps.delimiters);
+        }
 
+        return rawValue;
+    },
 
-/* normalize component */
+    getISOFormatDate: function () {
+        var owner = this,
+            pps = owner.properties;
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formRekom_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
+        return pps.date ? pps.dateFormatter.getISOFormatDate() : '';
+    },
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/views/monitoring/formRekom.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+    getISOFormatTime: function () {
+        var owner = this,
+            pps = owner.properties;
 
-/***/ }),
+        return pps.time ? pps.timeFormatter.getISOFormatTime() : '';
+    },
 
-/***/ "./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    getFormattedValue: function () {
+        return this.element.value;
+    },
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formRekom.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+    destroy: function () {
+        var owner = this;
 
-/***/ }),
+        owner.element.removeEventListener('input', owner.onChangeListener);
+        owner.element.removeEventListener('keydown', owner.onKeyDownListener);
+        owner.element.removeEventListener('focus', owner.onFocusListener);
+        owner.element.removeEventListener('cut', owner.onCutListener);
+        owner.element.removeEventListener('copy', owner.onCopyListener);
+    },
 
-/***/ "./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe& ***!
-  \*******************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    toString: function () {
+        return '[Cleave Object]';
+    }
+};
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formRekom.vue?vue&type=template&id=6a905bbe& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+Cleave.NumeralFormatter = NumeralFormatter_1;
+Cleave.DateFormatter = DateFormatter_1;
+Cleave.TimeFormatter = TimeFormatter_1;
+Cleave.PhoneFormatter = PhoneFormatter_1;
+Cleave.CreditCardDetector = CreditCardDetector_1;
+Cleave.Util = Util_1;
+Cleave.DefaultProperties = DefaultProperties_1;
+
+// for angular directive
+((typeof commonjsGlobal === 'object' && commonjsGlobal) ? commonjsGlobal : window)['Cleave'] = Cleave;
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+// CommonJS
+var Cleave_1 = Cleave;
 
+/* harmony default export */ __webpack_exports__["default"] = (Cleave_1);
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
+/***/ }),
+
+/***/ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/vue-cleave-component/dist/vue-cleave.min.js ***!
+  \******************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
 
+!function(e,t){ true?module.exports=t(__webpack_require__(/*! cleave.js */ "./node_modules/cleave.js/dist/cleave-esm.js")):undefined}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(t,n){t.exports=e},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r);function u(){return(u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var a={name:"cleave",render:function(e){return e("input",{attrs:{type:"text",value:this.value},on:{blur:this.onBlur}})},props:{value:{default:null,required:!0,validator:function(e){return null===e||"string"==typeof e||e instanceof String||"number"==typeof e}},options:{type:Object,default:function(){return{}}},raw:{type:Boolean,default:!0}},data:function(){return{cleave:null,onValueChangedFn:null}},mounted:function(){this.cleave||(this.cleave=new o.a(this.$el,this.getOptions(this.options)))},methods:{getOptions:function(e){return this.onValueChangedFn=e.onValueChanged,u({},e,{onValueChanged:this.onValueChanged})},onValueChanged:function(e){var t=this.raw?e.target.rawValue:e.target.value;this.$emit("input",t),"function"==typeof this.onValueChangedFn&&this.onValueChangedFn.call(this,e)},onBlur:function(e){this.$emit("blur",this.value)}},watch:{options:{deep:!0,handler:function(e){this.cleave.destroy(),this.cleave=new o.a(this.$el,this.getOptions(e)),this.cleave.setRawValue(this.value)}},value:function(e){this.cleave&&(this.raw&&e===this.cleave.getRawValue()||(this.raw||e!==this.$el.value)&&this.cleave.setRawValue(e))}},beforeDestroy:function(){this.cleave&&(this.cleave.destroy(),this.cleave=null,this.onValueChangedFn=null)}};n.d(t,"plugin",function(){return i}),n.d(t,"component",function(){return a});var i=function(e,t){var n="cleave";"string"==typeof t&&(n=t),e.component(n,a)};a.install=i;t.default=a}]).default});
 
 /***/ })
 
diff --git a/public/js/components/26.js b/public/js/components/26.js
index 2740438a6..9bf6560ef 100644
--- a/public/js/components/26.js
+++ b/public/js/components/26.js
@@ -1914,6 +1914,18 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -2116,6 +2128,21 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     // 		this.back();
     // 	}
     // },
+    generateSertifikat: function generateSertifikat() {
+      var _this = this;
+
+      this.modalShow = true;
+      this.modalState = 'loading';
+      axios.post('/api/generateSertifikat', this.selectedItemDiklat, {
+        responseType: 'blob'
+      }).then(function (response) {
+        FileSaver.saveAs(response.data, _this.selectedItemDiklat.name + '.pdf');
+        _this.state = "generateSertifikat";
+        _this.modalState = 'success';
+
+        _this.modalOpen("generateSertifikat");
+      });
+    },
     selectedRowPekerjaan: function selectedRowPekerjaan(item) {
       this.selectedItemPekerjaan = item;
     },
@@ -5741,175 +5768,233 @@ var render = function () {
           _c("div", { staticClass: "card-body pb-2" }, [
             _c("div", { staticClass: "row" }, [
               _vm.mode == "edit_profile"
-                ? _c("div", { staticClass: "col-md-12" }, [
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light mb-1",
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.create("diklat")
+                ? _c(
+                    "div",
+                    { staticClass: "col-md-12" },
+                    [
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light mb-1",
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.create("diklat")
+                            },
                           },
                         },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-plus22" }),
-                        _vm._v(" Tambah\n\t\t\t\t\t"),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light mb-1",
-                        attrs: {
-                          disabled:
-                            !_vm.selectedItemDiklat.id ||
-                            _vm.selectedItemDiklat.kegiatan_id != 0,
-                        },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.update("diklat")
+                        [
+                          _c("i", { staticClass: "icon-plus22" }),
+                          _vm._v(" Tambah\n\t\t\t\t\t"),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light mb-1",
+                          attrs: {
+                            disabled:
+                              !_vm.selectedItemDiklat.id ||
+                              _vm.selectedItemDiklat.kegiatan_id != 0,
                           },
-                        },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-pencil5" }),
-                        _vm._v(" Ubah\n\t\t\t\t\t"),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light mb-1",
-                        attrs: {
-                          disabled:
-                            !_vm.selectedItemDiklat.id ||
-                            _vm.selectedItemDiklat.kegiatan_id != 0,
-                        },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.update("diklat")
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.update("diklat")
+                            },
                           },
                         },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-pencil5" }),
-                        _vm._v(" Lihat Diklat\n\t\t\t\t\t"),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light mb-1",
-                        attrs: {
-                          disabled:
-                            !_vm.selectedItemDiklat.id ||
-                            _vm.selectedItemDiklat.kegiatan_id != 0,
+                        [
+                          _c("i", { staticClass: "icon-pencil5" }),
+                          _vm._v(" Ubah\n\t\t\t\t\t"),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light mb-1",
+                          attrs: {
+                            disabled:
+                              !_vm.selectedItemDiklat.id ||
+                              _vm.selectedItemDiklat.kegiatan_id != 0,
+                          },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.update("diklat")
+                            },
+                          },
                         },
-                        on: {
-                          click: function ($event) {
-                            return _vm.destroy("diklat")
+                        [
+                          _c("i", { staticClass: "icon-pencil5" }),
+                          _vm._v(" Lihat Diklat\n\t\t\t\t\t"),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light mb-1",
+                          attrs: {
+                            disabled:
+                              !_vm.selectedItemDiklat.id ||
+                              _vm.selectedItemDiklat.kegiatan_id != 0,
+                          },
+                          on: {
+                            click: function ($event) {
+                              return _vm.destroy("diklat")
+                            },
                           },
                         },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-bin2" }),
-                        _vm._v(" Hapus\n\t\t\t\t\t"),
-                      ]
-                    ),
-                  ])
+                        [
+                          _c("i", { staticClass: "icon-bin2" }),
+                          _vm._v(" Hapus\n\t\t\t\t\t"),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _vm.selectedItemDiklat.id_sertifikat
+                        ? [
+                            _c(
+                              "button",
+                              {
+                                staticClass: "btn btn-light mb-1",
+                                attrs: {
+                                  disabled: _vm.selectedItemDiklat.status != 5,
+                                },
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.generateSertifikat()
+                                  },
+                                },
+                              },
+                              [
+                                _c("i", { staticClass: "icon-certificate" }),
+                                _vm._v(" Generate Sertifikat\n\t\t\t\t\t\t"),
+                              ]
+                            ),
+                          ]
+                        : _vm._e(),
+                    ],
+                    2
+                  )
                 : _vm.mode != "edit_profile" &&
                   _vm.currentUser.can &&
                   _vm.currentUser.can["update_" + _vm.kelas]
-                ? _c("div", { staticClass: "col-md-12" }, [
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light mb-1",
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.create("diklat")
+                ? _c(
+                    "div",
+                    { staticClass: "col-md-12" },
+                    [
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light mb-1",
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.create("diklat")
+                            },
                           },
                         },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-plus22" }),
-                        _vm._v(" Tambah\n\t\t\t\t\t"),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light mb-1",
-                        attrs: {
-                          disabled:
-                            !_vm.selectedItemDiklat.id ||
-                            _vm.selectedItemDiklat.kegiatan_id != 0,
-                        },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.update("diklat")
+                        [
+                          _c("i", { staticClass: "icon-plus22" }),
+                          _vm._v(" Tambah\n\t\t\t\t\t"),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light mb-1",
+                          attrs: {
+                            disabled:
+                              !_vm.selectedItemDiklat.id ||
+                              _vm.selectedItemDiklat.kegiatan_id != 0,
                           },
-                        },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-pencil5" }),
-                        _vm._v(" Ubah\n\t\t\t\t\t"),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light mb-1",
-                        attrs: {
-                          disabled:
-                            !_vm.selectedItemDiklat.id ||
-                            _vm.selectedItemDiklat.kegiatan_id != 0,
-                        },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.update("diklat")
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.update("diklat")
+                            },
                           },
                         },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-pencil5" }),
-                        _vm._v(" Lihat Diklat\n\t\t\t\t\t"),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light mb-1",
-                        attrs: {
-                          disabled:
-                            !_vm.selectedItemDiklat.id ||
-                            _vm.selectedItemDiklat.kegiatan_id != 0,
+                        [
+                          _c("i", { staticClass: "icon-pencil5" }),
+                          _vm._v(" Ubah\n\t\t\t\t\t"),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light mb-1",
+                          attrs: {
+                            disabled:
+                              !_vm.selectedItemDiklat.id ||
+                              _vm.selectedItemDiklat.kegiatan_id != 0,
+                          },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.update("diklat")
+                            },
+                          },
                         },
-                        on: {
-                          click: function ($event) {
-                            return _vm.destroy("diklat")
+                        [
+                          _c("i", { staticClass: "icon-pencil5" }),
+                          _vm._v(" Lihat Diklat\n\t\t\t\t\t"),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light mb-1",
+                          attrs: {
+                            disabled:
+                              !_vm.selectedItemDiklat.id ||
+                              _vm.selectedItemDiklat.kegiatan_id != 0,
+                          },
+                          on: {
+                            click: function ($event) {
+                              return _vm.destroy("diklat")
+                            },
                           },
                         },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-bin2" }),
-                        _vm._v(" Hapus\n\t\t\t\t\t"),
-                      ]
-                    ),
-                  ])
+                        [
+                          _c("i", { staticClass: "icon-bin2" }),
+                          _vm._v(" Hapus\n\t\t\t\t\t"),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _vm.selectedItemDiklat.id_sertifikat
+                        ? [
+                            _c(
+                              "button",
+                              {
+                                staticClass: "btn btn-light mb-1",
+                                attrs: {
+                                  disabled: _vm.selectedItemDiklat.status != 5,
+                                },
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.generateSertifikat()
+                                  },
+                                },
+                              },
+                              [
+                                _c("i", { staticClass: "icon-certificate" }),
+                                _vm._v(" Generate Sertifikat\n\t\t\t\t\t\t"),
+                              ]
+                            ),
+                          ]
+                        : _vm._e(),
+                    ],
+                    2
+                  )
                 : _vm._e(),
             ]),
           ]),
diff --git a/public/js/components/37.js b/public/js/components/37.js
index a854b8de6..0420e2444 100644
--- a/public/js/components/37.js
+++ b/public/js/components/37.js
@@ -1,8 +1,8 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[37],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&":
 /*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js& ***!
   \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -17,21 +17,53 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: []
+  props: ['form', 'title'],
+  methods: {
+    check: function check() {
+      this.$emit('check');
+    }
+  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -44,25 +76,116 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
+  props: ['columnData', 'itemDataStat', 'items'],
+  components: {},
+  data: function data() {
+    return {};
+  },
+  methods: {}
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
   \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['defaultDate'],
+  components: {
+    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
+  },
+  data: function data() {
+    return {
+      time: '',
+      dateVal: ''
+    };
+  },
+  mounted: function mounted() {
+    if (this.defaultDate == '') {
+      var today = new Date();
+      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
+      this.time = date;
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
+    } else {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+      this.$emit('dateSelected', this.defaultDate);
+    }
+  },
+  watch: {
+    defaultDate: function defaultDate(newVal, oldVal) {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+    }
+  },
+  methods: {
+    onChanged: function onChanged(event) {
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -79,44 +202,54 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _form_p1_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./form_p1.vue */ "./resources/assets/js/views/assesmentAccess/form_p1.vue");
-/* harmony import */ var _form_p2_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./form_p2.vue */ "./resources/assets/js/views/assesmentAccess/form_p2.vue");
-/* harmony import */ var _form_p3_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./form_p3.vue */ "./resources/assets/js/views/assesmentAccess/form_p3.vue");
-/* harmony import */ var _form_p4_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./form_p4.vue */ "./resources/assets/js/views/assesmentAccess/form_p4.vue");
-/* harmony import */ var _score_p1_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./score_p1.vue */ "./resources/assets/js/views/assesmentAccess/score_p1.vue");
-/* harmony import */ var _score_p2_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./score_p2.vue */ "./resources/assets/js/views/assesmentAccess/score_p2.vue");
-/* harmony import */ var _score_p3_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./score_p3.vue */ "./resources/assets/js/views/assesmentAccess/score_p3.vue");
-/* harmony import */ var _score_p4_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./score_p4.vue */ "./resources/assets/js/views/assesmentAccess/score_p4.vue");
-/* harmony import */ var _kesimpulan_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./kesimpulan.vue */ "./resources/assets/js/views/assesmentAccess/kesimpulan.vue");
-/* harmony import */ var _helpers_pusherAuth_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../helpers/pusherAuth.js */ "./resources/assets/js/helpers/pusherAuth.js");
-/* harmony import */ var laravel_echo__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! laravel-echo */ "./node_modules/laravel-echo/dist/echo.js");
-/* harmony import */ var pusher_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! pusher-js */ "./node_modules/pusher-js/dist/web/pusher.js");
-/* harmony import */ var pusher_js__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(pusher_js__WEBPACK_IMPORTED_MODULE_20__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_21__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _formPeserta_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./formPeserta.vue */ "./resources/assets/js/views/kegiatanBKCU/formPeserta.vue");
+/* harmony import */ var _formPesertaBatal_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./formPesertaBatal.vue */ "./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _formStatus_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./formStatus.vue */ "./resources/assets/js/views/kegiatanBKCU/formStatus.vue");
+/* harmony import */ var _formHadir_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./formHadir.vue */ "./resources/assets/js/views/kegiatanBKCU/formHadir.vue");
+/* harmony import */ var _formMateri_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./formMateri.vue */ "./resources/assets/js/views/kegiatanBKCU/formMateri.vue");
+/* harmony import */ var _formListMateri_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./formListMateri.vue */ "./resources/assets/js/views/kegiatanBKCU/formListMateri.vue");
+/* harmony import */ var _formTugas_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./formTugas.vue */ "./resources/assets/js/views/kegiatanBKCU/formTugas.vue");
+/* harmony import */ var _formTugasJawaban_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./formTugasJawaban.vue */ "./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue");
+/* harmony import */ var _formKeputusan_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./formKeputusan.vue */ "./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue");
+/* harmony import */ var _formKeputusanKomentar_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./formKeputusanKomentar.vue */ "./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue");
+/* harmony import */ var _formPertanyaan_vue__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./formPertanyaan.vue */ "./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue");
+/* harmony import */ var _formPertanyaanKomentar_vue__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./formPertanyaanKomentar.vue */ "./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue");
+/* harmony import */ var _formNilai_vue__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./formNilai.vue */ "./resources/assets/js/views/kegiatanBKCU/formNilai.vue");
+/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");
+/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_23__);
+var _mapGetters;
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 //
@@ -695,825 +828,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    formP1: _form_p1_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    formP2: _form_p2_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    formP3: _form_p3_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    formP4: _form_p4_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
-    scoreP1: _score_p1_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
-    scoreP2: _score_p2_vue__WEBPACK_IMPORTED_MODULE_14__["default"],
-    scoreP3: _score_p3_vue__WEBPACK_IMPORTED_MODULE_15__["default"],
-    scoreP4: _score_p4_vue__WEBPACK_IMPORTED_MODULE_16__["default"],
-    kesimpulan: _kesimpulan_vue__WEBPACK_IMPORTED_MODULE_17__["default"]
-  },
-  data: function data() {
-    return {
-      title: "Self Assesment ACCESS Branding",
-      titleDesc: "Menambah self assesment ACCESS branding",
-      titleIcon: "icon-plus3",
-      level2Title: "Assesment Access",
-      kelas: "assesmentAccess",
-      tabName: "p1",
-      nilaiSkorCUP1A: 0,
-      nilaiBobotCUP1A: 0,
-      nilaiSkorBKCUP1A: 0,
-      nilaiBobotBKCUP1A: 0,
-      nilaiSkorCUP1B: 0,
-      nilaiBobotCUP1B: 0,
-      nilaiSkorBKCUP1B: 0,
-      nilaiBobotBKCUP1B: 0,
-      nilaiSkorCUP1C: 0,
-      nilaiBobotCUP1C: 0,
-      nilaiSkorBKCUP1C: 0,
-      nilaiBobotBKCUP1C: 0,
-      nilaiSkorCUP1D: 0,
-      nilaiBobotCUP1D: 0,
-      nilaiSkorBKCUP1D: 0,
-      nilaiBobotBKCUP1D: 0,
-      nilaiSkorCUP1E: 0,
-      nilaiBobotCUP1E: 0,
-      nilaiSkorBKCUP1E: 0,
-      nilaiBobotBKCUP1E: 0,
-      nilaiSkorCUP1F: 0,
-      nilaiBobotCUP1F: 0,
-      nilaiSkorBKCUP1F: 0,
-      nilaiBobotBKCUP1F: 0,
-      nilaiSkorCUP2A: 0,
-      nilaiBobotCUP2A: 0,
-      nilaiSkorBKCUP2A: 0,
-      nilaiBobotBKCUP2A: 0,
-      nilaiSkorCUP2B: 0,
-      nilaiBobotCUP2B: 0,
-      nilaiSkorBKCUP2B: 0,
-      nilaiBobotBKCUP2B: 0,
-      nilaiSkorCUP3A: 0,
-      nilaiBobotCUP3A: 0,
-      nilaiSkorBKCUP3A: 0,
-      nilaiBobotBKCUP3A: 0,
-      nilaiSkorCUP3B: 0,
-      nilaiBobotCUP3B: 0,
-      nilaiSkorBKCUP3B: 0,
-      nilaiBobotBKCUP3B: 0,
-      nilaiSkorCUP4A: 0,
-      nilaiBobotCUP4A: 0,
-      nilaiSkorBKCUP4A: 0,
-      nilaiBobotBKCUP4A: 0,
-      nilaiSkorCUP4B: 0,
-      nilaiBobotCUP4B: 0,
-      nilaiSkorBKCUP4B: 0,
-      nilaiBobotBKCUP4B: 0,
-      nilaiTotalSkorCU: 0,
-      nilaiTotalBobotCU: 0,
-      nilaiTotalSkorBKCU: 0,
-      nilaiTotalBobotBKCU: 0,
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ["Y", "m", "d"],
-          delimiter: "-"
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: "thousand",
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ",",
-          delimiter: "."
-        },
-        numeric2: {
-          numeral: true,
-          numeralIntegerScale: 2,
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ",",
-          delimiter: "."
-        }
-      },
-      modalShow: false,
-      modalState: "",
-      modalTitle: "",
-      modalColor: "",
-      modalContent: "",
-      submited: false
-    };
-  },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
-  mounted: function mounted() {
-    var _this = this;
-
-    if (this.$route.meta.mode == "lihat" || this.$route.meta.mode == "penilaianBkcu") {
-      Object(_helpers_pusherAuth_js__WEBPACK_IMPORTED_MODULE_18__["PusherAuth"])();
-      window.Echo["private"]("assesment.channel." + this.$route.params.id).listen('AssesmentEvent', function (data) {
-        if (data.tipe == 'p1') {
-          lodash__WEBPACK_IMPORTED_MODULE_21___default.a.merge(_this.form.p1, data.datas);
-        }
-
-        if (data.tipe == 'p2') {
-          lodash__WEBPACK_IMPORTED_MODULE_21___default.a.merge(_this.form.p2, data.datas);
-        }
-
-        if (data.tipe == 'p3') {
-          lodash__WEBPACK_IMPORTED_MODULE_21___default.a.merge(_this.form.p3, data.datas);
-        }
-
-        if (data.tipe == 'p4') {
-          lodash__WEBPACK_IMPORTED_MODULE_21___default.a.merge(_this.form.p4, data.datas);
-        }
-      });
-    }
-  },
-  created: function created() {
-    this.changeCU(this.currentUser.id_cu);
-  },
-  watch: {
-    // check route changes
-    $route: function $route(to, from) {
-      this.fetch();
-    },
-    formStat: function formStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode == "create") {
-          this.changeCU(this.currentUser.id_cu);
-        } else {
-          this.changeCU(this.form.id_cu);
-          this.$store.dispatch("laporanCu/detailPearls", this.form.id_laporan_cu);
-        }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = "";
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = "Oops terjadi kesalahan :(";
-        this.modalContent = this.updateResponse;
-      }
-    },
-    updateSingleStat: function updateSingleStat(value) {
-      if (value == "fail") {
-        this.modalShow = true;
-        this.modalState = value;
-        this.modalColor = "";
-        this.modalTitle = "Oops terjadi kesalahan :(";
-        this.modalContent = this.updateResponse;
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.$route.meta.mode == "edit") {
-        this.$store.dispatch(this.kelas + "/edit", this.$route.params.id);
-        this.title = "Ubah self assesment ACCESS branding";
-        this.titleDesc = "Mengubah self assesment ACCESS branding";
-        this.titleIcon = "icon-pencil5";
-      } else if (this.$route.meta.mode == "penilaianBkcu") {
-        this.$store.dispatch(this.kelas + "/editPenilaian", this.$route.params.id);
-        this.title = "Penilaian self assesment ACCESS branding";
-        this.titleDesc = "Penilaian self assesment ACCESS branding";
-        this.titleIcon = "icon-law";
-      } else if (this.$route.meta.mode == "lihat") {
-        this.$store.dispatch(this.kelas + "/edit", this.$route.params.id);
-        this.title = "Melihat self assesment ACCESS branding";
-        this.titleDesc = "Melihat data self assesment ACCESS branding";
-        this.titleIcon = "icon-file-eye";
-      } else {
-        this.title = "Tambah self assesment ACCESS branding";
-        this.titleDesc = "Menambah self assesment ACCESS branding";
-        this.titleIcon = "icon-plus3";
-        this.$store.dispatch(this.kelas + '/resetPeriode');
-        this.$store.dispatch(this.kelas + "/create");
-      }
-    },
-    changeCU: function changeCU(id) {
-      this.form.id_cu = id;
-      this.$store.dispatch("laporanCu/getPeriodeCu", id);
-    },
-    changePeriode: function changePeriode(id) {
-      var _periode = "";
-      _periode = lodash__WEBPACK_IMPORTED_MODULE_21___default.a.find(this.modelPeriode, {
-        id: parseInt(id, 10)
-      });
-      this.form.id_laporan_cu = id;
-      this.form.periode = _periode.periode;
-      this.$store.dispatch(this.kelas + "/cariData", [this.form.id_cu, this.form.periode]);
-      this.$store.dispatch("laporanCu/detailPearls", id);
-    },
-    reloadPearls: function reloadPearls() {
-      this.$store.dispatch("laporanCu/detailPearls", this.form.id_laporan_cu);
-    },
-    saveDraft: function saveDraft() {
-      var _this2 = this;
-
-      this.$validator.validateAll("form").then(function (result) {
-        if (result) {
-          if (_this2.$route.meta.mode == "edit") {
-            _this2.form.status = "BELUM SELESAI DIISI";
-
-            _this2.$store.dispatch(_this2.kelas + "/update", [_this2.$route.params.id, _this2.form]);
-          } else if (_this2.$route.meta.mode == "penilaianBkcu") {
-            _this2.form.status = "BELUM SELESAI DINILAI";
-
-            _this2.$store.dispatch(_this2.kelas + "/update", [_this2.$route.params.id, _this2.form]);
-          } else {
-            _this2.form.status = "BELUM SELESAI DIISI";
-
-            _this2.$store.dispatch(_this2.kelas + "/store", _this2.form);
-          }
-
-          _this2.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this2.submited = true;
-        }
-      });
-    },
-    saveSingle: function saveSingle(perspektif) {
-      var _this3 = this;
-
-      console.log(perspektif);
-      this.$validator.validateAll("form").then(function (result) {
-        if (result) {
-          if (_this3.$route.meta.mode == "edit") {
-            _this3.form.status = "BELUM SELESAI DIISI";
-
-            _this3.$store.dispatch(_this3.kelas + "/updateSingle", [_this3.$route.params.id, perspektif, _this3.form]);
-          } else if (_this3.$route.meta.mode == "penilaianBkcu") {
-            _this3.form.status = "BELUM SELESAI DINILAI";
-
-            _this3.$store.dispatch(_this3.kelas + "/updateSingle", [_this3.$route.params.id, perspektif, _this3.form]);
-          } else {
-            _this3.form.status = "BELUM SELESAI DIISI";
-
-            _this3.$store.dispatch(_this3.kelas + "/store", _this3.form);
-          }
-
-          _this3.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this3.submited = true;
-        }
-      });
-    },
-    save: function save() {
-      var _this4 = this;
-
-      this.$validator.validateAll("form").then(function (result) {
-        if (result) {
-          if (_this4.$route.meta.mode == "edit") {
-            _this4.form.status = "BELUM DINILAI";
-
-            _this4.$store.dispatch(_this4.kelas + "/update", [_this4.$route.params.id, _this4.form]);
-          } else if (_this4.$route.meta.mode == "penilaianBkcu") {
-            _this4.form.status = "SUDAH DINILAI";
-
-            _this4.$store.dispatch(_this4.kelas + "/update", [_this4.$route.params.id, _this4.form]);
-          } else {
-            _this4.form.status = "BELUM DINILAI";
-
-            _this4.$store.dispatch(_this4.kelas + "/store", _this4.form);
-          }
-
-          _this4.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this4.submited = true;
-        }
-      });
-    },
-    back: function back() {
-      if (this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas + "Cu",
-          params: {
-            cu: "semua"
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + "Cu",
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        });
-      }
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat === "success") {
-        this.back();
-      }
-
-      this.modalShow = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === "success") {
-        this.modalTutup;
-      } else if (this.modalState === "loading") {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    },
-    totalSkorCU: function totalSkorCU() {
-      var jumlah = this.nilaiSkorCUP1A + this.nilaiSkorCUP1B + this.nilaiSkorCUP1C + this.nilaiSkorCUP1D + this.nilaiSkorCUP1E + this.nilaiSkorCUP1F + this.nilaiSkorCUP2A + this.nilaiSkorCUP2B + this.nilaiSkorCUP3A + this.nilaiSkorCUP3B + this.nilaiSkorCUP4A + this.nilaiSkorCUP4B;
-      this.nilaiTotalSkorCU = jumlah;
-      return jumlah;
-    },
-    totalBobotCU: function totalBobotCU() {
-      var jumlah = this.$options.filters.round(this.nilaiBobotCUP1A + this.nilaiBobotCUP1B + this.nilaiBobotCUP1C + this.nilaiBobotCUP1D + this.nilaiBobotCUP1E + this.nilaiBobotCUP1F + this.nilaiBobotCUP2A + this.nilaiBobotCUP2B + this.nilaiBobotCUP3A + this.nilaiBobotCUP3B + this.nilaiBobotCUP4A + this.nilaiBobotCUP4B, 2);
-      this.nilaiTotalBobotCU = jumlah;
-      return jumlah;
-    },
-    totalSkorBKCU: function totalSkorBKCU() {
-      var jumlah = this.nilaiSkorBKCUP1A + this.nilaiSkorBKCUP1B + this.nilaiSkorBKCUP1C + this.nilaiSkorBKCUP1D + this.nilaiSkorBKCUP1E + this.nilaiSkorBKCUP1F + this.nilaiSkorBKCUP2A + this.nilaiSkorBKCUP2B + this.nilaiSkorBKCUP3A + this.nilaiSkorBKCUP3B + this.nilaiSkorBKCUP4A + this.nilaiSkorBKCUP4B;
-      this.nilaiTotalSkorBKCU = jumlah;
-      return jumlah;
-    },
-    totalBobotBKCU: function totalBobotBKCU() {
-      var jumlah = this.$options.filters.round(this.nilaiBobotBKCUP1A + this.nilaiBobotBKCUP1B + this.nilaiBobotBKCUP1C + this.nilaiBobotBKCUP1D + this.nilaiBobotBKCUP1E + this.nilaiBobotBKCUP1F + this.nilaiBobotBKCUP2A + this.nilaiBobotBKCUP2B + this.nilaiBobotBKCUP3A + this.nilaiBobotBKCUP3B + this.nilaiBobotBKCUP4A + this.nilaiBobotBKCUP4B, 2);
-      this.nilaiTotalBobotBKCU = jumlah;
-      return jumlah;
-    },
-    // p1
-    skorCUP1A: function skorCUP1A(value) {
-      this.nilaiSkorCUP1A = value;
-    },
-    bobotCUP1A: function bobotCUP1A(value) {
-      this.nilaiBobotCUP1A = value;
-    },
-    skorBKCUP1A: function skorBKCUP1A(value) {
-      this.nilaiSkorBKCUP1A = value;
-    },
-    bobotBKCUP1A: function bobotBKCUP1A(value) {
-      this.nilaiBobotBKCUP1A = value;
-    },
-    skorCUP1B: function skorCUP1B(value) {
-      this.nilaiSkorCUP1B = value;
-    },
-    bobotCUP1B: function bobotCUP1B(value) {
-      this.nilaiBobotCUP1B = value;
-    },
-    skorBKCUP1B: function skorBKCUP1B(value) {
-      this.nilaiSkorBKCUP1B = value;
-    },
-    bobotBKCUP1B: function bobotBKCUP1B(value) {
-      this.nilaiBobotBKCUP1B = value;
-    },
-    skorCUP1C: function skorCUP1C(value) {
-      this.nilaiSkorCUP1C = value;
-    },
-    bobotCUP1C: function bobotCUP1C(value) {
-      this.nilaiBobotCUP1C = value;
-    },
-    skorBKCUP1C: function skorBKCUP1C(value) {
-      this.nilaiSkorBKCUP1C = value;
-    },
-    bobotBKCUP1C: function bobotBKCUP1C(value) {
-      this.nilaiBobotBKCUP1C = value;
-    },
-    skorCUP1D: function skorCUP1D(value) {
-      this.nilaiSkorCUP1D = value;
-    },
-    bobotCUP1D: function bobotCUP1D(value) {
-      this.nilaiBobotCUP1D = value;
-    },
-    skorBKCUP1D: function skorBKCUP1D(value) {
-      this.nilaiSkorBKCUP1D = value;
-    },
-    bobotBKCUP1D: function bobotBKCUP1D(value) {
-      this.nilaiBobotBKCUP1D = value;
-    },
-    skorCUP1E: function skorCUP1E(value) {
-      this.nilaiSkorCUP1E = value;
-    },
-    bobotCUP1E: function bobotCUP1E(value) {
-      this.nilaiBobotCUP1E = value;
-    },
-    skorBKCUP1E: function skorBKCUP1E(value) {
-      this.nilaiSkorBKCUP1E = value;
-    },
-    bobotBKCUP1E: function bobotBKCUP1E(value) {
-      this.nilaiBobotBKCUP1E = value;
-    },
-    skorCUP1F: function skorCUP1F(value) {
-      this.nilaiSkorCUP1F = value;
-    },
-    bobotCUP1F: function bobotCUP1F(value) {
-      this.nilaiBobotCUP1F = value;
-    },
-    skorBKCUP1F: function skorBKCUP1F(value) {
-      this.nilaiSkorBKCUP1F = value;
-    },
-    bobotBKCUP1F: function bobotBKCUP1F(value) {
-      this.nilaiBobotBKCUP1F = value;
-    },
-    // p2
-    skorCUP2A: function skorCUP2A(value) {
-      this.nilaiSkorCUP2A = value;
-    },
-    bobotCUP2A: function bobotCUP2A(value) {
-      this.nilaiBobotCUP2A = value;
-    },
-    skorBKCUP2A: function skorBKCUP2A(value) {
-      this.nilaiSkorBKCUP2A = value;
-    },
-    bobotBKCUP2A: function bobotBKCUP2A(value) {
-      this.nilaiBobotBKCUP2A = value;
-    },
-    skorCUP2B: function skorCUP2B(value) {
-      this.nilaiSkorCUP2B = value;
-    },
-    bobotCUP2B: function bobotCUP2B(value) {
-      this.nilaiBobotCUP2B = value;
-    },
-    skorBKCUP2B: function skorBKCUP2B(value) {
-      this.nilaiSkorBKCUP2B = value;
-    },
-    bobotBKCUP2B: function bobotBKCUP2B(value) {
-      this.nilaiBobotBKCUP2B = value;
-    },
-    // p3
-    skorCUP3A: function skorCUP3A(value) {
-      this.nilaiSkorCUP3A = value;
-    },
-    bobotCUP3A: function bobotCUP3A(value) {
-      this.nilaiBobotCUP3A = value;
-    },
-    skorBKCUP3A: function skorBKCUP3A(value) {
-      this.nilaiSkorBKCUP3A = value;
-    },
-    bobotBKCUP3A: function bobotBKCUP3A(value) {
-      this.nilaiBobotBKCUP3A = value;
-    },
-    skorCUP3B: function skorCUP3B(value) {
-      this.nilaiSkorCUP3B = value;
-    },
-    bobotCUP3B: function bobotCUP3B(value) {
-      this.nilaiBobotCUP3B = value;
-    },
-    skorBKCUP3B: function skorBKCUP3B(value) {
-      this.nilaiSkorBKCUP3B = value;
-    },
-    bobotBKCUP3B: function bobotBKCUP3B(value) {
-      this.nilaiBobotBKCUP3B = value;
-    },
-    // p4
-    skorCUP4A: function skorCUP4A(value) {
-      this.nilaiSkorCUP4A = value;
-    },
-    bobotCUP4A: function bobotCUP4A(value) {
-      this.nilaiBobotCUP4A = value;
-    },
-    skorBKCUP4A: function skorBKCUP4A(value) {
-      this.nilaiSkorBKCUP4A = value;
-    },
-    bobotBKCUP4A: function bobotBKCUP4A(value) {
-      this.nilaiBobotBKCUP4A = value;
-    },
-    skorCUP4B: function skorCUP4B(value) {
-      this.nilaiSkorCUP4B = value;
-    },
-    bobotCUP4B: function bobotCUP4B(value) {
-      this.nilaiBobotCUP4B = value;
-    },
-    skorBKCUP4B: function skorBKCUP4B(value) {
-      this.nilaiSkorBKCUP4B = value;
-    },
-    bobotBKCUP4B: function bobotBKCUP4B(value) {
-      this.nilaiBobotBKCUP4B = value;
-    },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("auth", {
-    currentUser: "currentUser"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("assesmentAccess", {
-    form: "data",
-    formStat: "dataStat",
-    rules: "rules",
-    options: "options",
-    updateResponse: "update",
-    updateStat: "updateStat",
-    updateSingleResponse: "updateSingle",
-    updateSingleStat: "updateSingleStat",
-    periode: "periode",
-    periodeStat: "periodeStat"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("cu", {
-    modelCU: "headerDataS",
-    modelCUStat: "headerDataStatS"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("laporanCu", {
-    modelPeriode: "periode",
-    modelPeriodeStat: "periodeStat",
-    modelPearls: "pearls",
-    modelPearlsStat: "pearlsStat"
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ["cuTabName", "bkcuTabName", "jumlahPenilaianCU", "jumlahPenilaianBKCU", "tipe", "status"],
-  components: {},
-  data: function data() {
-    return {};
-  },
-  created: function created() {},
-  watch: {},
-  methods: {
-    changeTabCU: function changeTabCU(value) {
-      this.$emit("changeTabCU", value);
-    },
-    changeTabBKCU: function changeTabBKCU(value) {
-      this.$emit("changeTabBKCU", value);
-    }
-  },
-  computed: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _laporanCu_formKatex__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../laporanCu/formKatex */ "./resources/assets/js/views/laporanCu/formKatex.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./penilaian_cu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue");
-/* harmony import */ var _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./penilaian_bkcu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue");
-/* harmony import */ var _form_filter_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./form_filter.vue */ "./resources/assets/js/views/assesmentAccess/form_filter.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -2311,6 +1625,1299 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ // import formPdf from "./formPdf.vue";
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default.a,
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    dataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
+    formPeserta: _formPeserta_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formPesertaBatal: _formPesertaBatal_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formStatus: _formStatus_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
+    formHadir: _formHadir_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
+    formMateri: _formMateri_vue__WEBPACK_IMPORTED_MODULE_14__["default"],
+    formListMateri: _formListMateri_vue__WEBPACK_IMPORTED_MODULE_15__["default"],
+    formTugas: _formTugas_vue__WEBPACK_IMPORTED_MODULE_16__["default"],
+    formTugasJawaban: _formTugasJawaban_vue__WEBPACK_IMPORTED_MODULE_17__["default"],
+    // formPdf,
+    formKeputusan: _formKeputusan_vue__WEBPACK_IMPORTED_MODULE_18__["default"],
+    formKeputusanKomentar: _formKeputusanKomentar_vue__WEBPACK_IMPORTED_MODULE_19__["default"],
+    formPertanyaan: _formPertanyaan_vue__WEBPACK_IMPORTED_MODULE_20__["default"],
+    formPertanyaanKomentar: _formPertanyaanKomentar_vue__WEBPACK_IMPORTED_MODULE_21__["default"],
+    formNilai: _formNilai_vue__WEBPACK_IMPORTED_MODULE_22__["default"]
+  },
+  data: function data() {
+    var _ref;
+
+    return _ref = {
+      title: 'Detail Pertemuan PUSKOPCUINA',
+      titleDesc: 'Informasi detail pertemuan PUSKOPCUINA',
+      titleIcon: 'icon-stack2',
+      level: 2,
+      level2Title: 'Pertemuan PUSKOPCUINA',
+      kelas: 'kegiatanBKCU',
+      sasaran: [],
+      tabName: 'info',
+      tipeUser: '',
+      tempatData: '',
+      isDisableTable: false,
+      formPesertaBatal: {
+        keterangan: ''
+      },
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        year: {
+          date: true,
+          datePattern: ['Y']
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      queryNilai: {
+        order_column: "id",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      queryPesertaTerdaftar: {
+        order_column: "created_at",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      queryPesertaHadir: {
+        order_column: "created_at",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      queryMateri: {
+        order_column: "name",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      queryListMateri: {
+        order_column: "nama",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      queryTugas: {
+        order_column: "created_at",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      queryKeputusan: {
+        order_column: "created_at",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      queryPertanyaan: {
+        order_column: "created_at",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      excelDownloadUrl: '',
+      excelDownloadUrl2: '',
+      columnDataPesertaTerdaftar: [{
+        title: 'No.'
+      }, {
+        title: 'Status',
+        name: 'statusPertemuan',
+        tipe: 'string',
+        sort: true,
+        filter: false
+      }, {
+        title: 'Foto',
+        name: 'gambar',
+        hide: false
+      }, {
+        title: 'Nama',
+        name: 'aktivis.name',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Nama Di Nametag',
+        name: 'name_nametag',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Nama Di Sertifikat',
+        name: 'name_sertifikat',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Datang',
+        name: 'datang',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Pulang',
+        name: 'pulang',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Keterangan',
+        name: 'keterangan',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Gender',
+        name: 'aktivis.kelamin',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Lembaga',
+        name: 'lembaga',
+        tipe: 'string'
+      }, {
+        title: 'Tingkat',
+        name: 'tingkat_name',
+        tipe: 'string'
+      }, {
+        title: 'Jabatan',
+        name: 'jabatan',
+        tipe: 'string'
+      }, {
+        title: 'Pendidikan',
+        name: 'aktivis.pendidikan_tertinggi.tingkat',
+        tipe: 'string'
+      }, {
+        title: 'Jurusan',
+        name: 'aktivis.pendidikan_tertinggi.name',
+        tipe: 'string'
+      }, {
+        title: 'Tgl. Lahir',
+        name: 'aktivis.tanggal_lahir',
+        tipe: 'datetime',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tempat Lahir',
+        name: 'aktivis.tempat_lahir',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tinggi',
+        name: 'aktivis.tinggi',
+        tipe: 'numeric',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Agama',
+        name: 'aktivis.agama',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Status Pernikahan',
+        name: 'aktivis.status',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Email',
+        name: 'aktivis.email',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'No. Hp',
+        name: 'aktivis.hp',
+        tipe: 'numeric',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kontak Lain',
+        name: 'aktivis.kontak',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Daftar',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      columnDataPesertaHadir: [{
+        title: 'No.'
+      }, {
+        title: 'Foto',
+        name: 'gambar',
+        hide: false
+      }, {
+        title: 'Nama',
+        name: 'aktivis.name',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Nama Di Nametag',
+        name: 'name_nametag',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Nama Di Sertifikat',
+        name: 'name_sertifikat',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Datang',
+        name: 'datang',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Pulang',
+        name: 'pulang',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. / Waktu Hadir',
+        name: 'tanggal_hadir',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Keterangan',
+        name: 'keterangan',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Gender',
+        name: 'aktivis.kelamin',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Lembaga',
+        name: 'lembaga',
+        tipe: 'string'
+      }, {
+        title: 'Tingkat',
+        name: 'tingkat_name',
+        tipe: 'string'
+      }, {
+        title: 'Jabatan',
+        name: 'jabatan',
+        tipe: 'string'
+      }, {
+        title: 'Pendidikan',
+        name: 'aktivis.pendidikan_tertinggi.tingkat',
+        tipe: 'string'
+      }, {
+        title: 'Jurusan',
+        name: 'aktivis.pendidikan_tertinggi.name',
+        tipe: 'string'
+      }, {
+        title: 'Tgl. Lahir',
+        name: 'aktivis.tanggal_lahir',
+        tipe: 'datetime',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tempat Lahir',
+        name: 'aktivis.tempat_lahir',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tinggi',
+        name: 'aktivis.tinggi',
+        tipe: 'numeric',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Agama',
+        name: 'aktivis.agama',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Status Pernikahan',
+        name: 'aktivis.status',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Email',
+        name: 'aktivis.email',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'No. Hp',
+        name: 'aktivis.hp',
+        tipe: 'numeric',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kontak Lain',
+        name: 'aktivis.kontak',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. / Waktu Daftar',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      columnDataMateri: [{
+        title: 'No.'
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Tipe',
+        name: 'tipe',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. / Waktu Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      columnDataListMateri: [{
+        title: 'No.'
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Waktu (Jam)',
+        name: 'waktu',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      columnDataTugas: [{
+        title: 'No.'
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Tipe',
+        name: 'tipe',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. / Waktu Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      columnDataKeputusan: [{
+        title: 'No.'
+      }, {
+        title: 'CU',
+        name: 'cu.name',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Tgl. / Waktu Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      columnDataPertanyaan: [{
+        title: 'No.'
+      }, {
+        title: 'CU',
+        name: 'cu.name',
+        tipe: 'string',
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Tgl. / Waktu Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      columnDataPanitia: [{
+        title: 'No.'
+      }, {
+        title: 'Foto'
+      }, {
+        title: 'Nama'
+      }, {
+        title: 'Lembaga'
+      }, {
+        title: 'Asal'
+      }, {
+        title: 'Peran'
+      }, {
+        title: 'keterangan'
+      }, {
+        title: 'Email'
+      }, {
+        title: 'No. Hp'
+      }],
+      columnDataCU: [{
+        title: 'No.'
+      }, {
+        title: 'CU'
+      }, {
+        title: 'Laki-Laki'
+      }, {
+        title: 'Perempuan'
+      }, {
+        title: 'Total'
+      }],
+      itemDataPanitia: [],
+      selectedItem: '',
+      selectedItemMateri: '',
+      selectedItemListMateri: '',
+      selectedItemNilai: '',
+      selectedItemTugas: '',
+      selectedItemKeputusan: '',
+      selectedItemPertanyaan: '',
+      formModalMode: ''
+    }, _defineProperty(_ref, "itemDataPanitia", []), _defineProperty(_ref, "itemDataPanitiaStat", 'success'), _defineProperty(_ref, "cancelState", 'methods'), _defineProperty(_ref, "state", ''), _defineProperty(_ref, "modalShow", false), _defineProperty(_ref, "modalState", ''), _defineProperty(_ref, "modalTitle", ''), _defineProperty(_ref, "modalColor", ''), _defineProperty(_ref, "modalContent", ''), _defineProperty(_ref, "modalSize", ''), _defineProperty(_ref, "submited", false), _ref;
+  },
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
+  watch: {
+    itemStat: function itemStat(value) {
+      if (value === "success") {
+        this.hideColumn();
+        this.checkTipe(this.item.tipe);
+
+        if (this.currentUser.aktivis) {
+          if (this.item.status == 4) {
+            this.checkPanitia();
+          }
+        } else {
+          this.modalOpen('pesertaTidakTerdaftar');
+        }
+
+        this.fetchPesertaTerdaftar(this.queryPesertaTerdaftar);
+        this.fetchCountPeserta();
+        this.fetchCountKeputusan();
+        this.fetchCountPertanyaan();
+        this.fetchlistMateri2();
+        var valDalam;
+
+        var _iterator = _createForOfIteratorHelper(this.item.panitia_dalam),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            valDalam = _step.value;
+            this.itemDataPanitia.push(valDalam);
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+
+        var valLuar;
+
+        var _iterator2 = _createForOfIteratorHelper(this.item.panitia_luar),
+            _step2;
+
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            valLuar = _step2.value;
+            this.itemDataPanitia.push(valLuar);
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+
+        var valLuarLembaga;
+
+        var _iterator3 = _createForOfIteratorHelper(this.item.panitia_luar_lembaga),
+            _step3;
+
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            valLuarLembaga = _step3.value;
+            this.itemDataPanitia.push(valLuarLembaga);
+          }
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
+        }
+      }
+    },
+    checkPanitiaDataStat: function checkPanitiaDataStat(value) {
+      if (value == 'success') {
+        if (this.checkPanitiaData) {
+          this.tipeUser = this.checkPanitiaData.peran;
+
+          if (!this.checkPanitiaData.tanggal_hadir) {
+            this.modalOpen('panitiaTerdaftar');
+          }
+        } else {
+          this.checkPeserta();
+        }
+      }
+    },
+    checkPesertaDataStat: function checkPesertaDataStat(value) {
+      if (this.state != 'tambahPeserta' && this.state != 'ubahPeserta') {
+        if (value == 'success') {
+          if (this.checkPesertaData) {
+            this.tipeUser = 'peserta';
+
+            if (!this.checkPesertaData.tanggal_hadir) {
+              this.modalOpen('pesertaTerdaftar');
+            }
+          } else {
+            this.modalOpen('pesertaTidakTerdaftar');
+          }
+        }
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+
+        if (this.state == 'statusPertemuan') {
+          this.fetch();
+        } else if (this.state == 'tambahKeputusan' || this.state == 'hapusKeputusan') {
+          this.fetchCountKeputusan();
+        } else if (this.state == 'tambahPertanyaan' || this.state == 'hapusPertanyaan') {
+          this.fetchCountPertanyaan();
+        }
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+    },
+    fetchPesertaTerdaftar: function fetchPesertaTerdaftar(params) {
+      if (this.item.status == '2') {
+        if (this.currentUser.id_cu == 0) {
+          this.$store.dispatch(this.kelas + '/indexPeserta', [params, this.item.id]);
+          this.excelDownloadUrl = this.kelas + '/indexPeserta/' + this.item.id;
+        } else {
+          this.$store.dispatch(this.kelas + '/indexPesertaCu', [params, this.item.id, this.currentUser.id_cu]);
+          this.excelDownloadUrl = this.kelas + '/indexPesertaCu/' + +this.item.id + '/' + this.$route.params.cu;
+        }
+      } else {
+        this.$store.dispatch(this.kelas + '/indexPeserta', [params, this.item.id]);
+        this.excelDownloadUrl = this.kelas + '/indexPeserta/' + this.item.id;
+      }
+    },
+    fetchPesertaHadir: function fetchPesertaHadir(params) {
+      this.$store.dispatch(this.kelas + '/indexPesertaHadir', [params, this.item.id]);
+      this.excelDownloadUrl2 = this.kelas + '/indexPesertaHadir';
+    },
+    fetchMateri: function fetchMateri(params) {
+      this.$store.dispatch(this.kelas + '/indexMateri', [params, this.item.id]);
+    },
+    fetchListMateri: function fetchListMateri(params) {
+      this.$store.dispatch(this.kelas + '/indexListMateri', [params, this.item.id]);
+    },
+    fetchlistMateri2: function fetchlistMateri2() {
+      this.$store.dispatch(this.kelas + '/indexNilaiListMateri', this.item.id);
+    },
+    fetchNilai: function fetchNilai(params) {
+      this.$store.dispatch(this.kelas + '/indexNilai', [params, this.item.id, this.selectedItem.aktivis_id]);
+    },
+    fetchTugas: function fetchTugas(params) {
+      this.$store.dispatch(this.kelas + '/indexTugas', [params, this.item.id]);
+    },
+    fetchKeputusan: function fetchKeputusan(params) {
+      this.$store.dispatch(this.kelas + '/indexKeputusan', [params, this.item.id]);
+    },
+    fetchPertanyaan: function fetchPertanyaan(params) {
+      this.$store.dispatch(this.kelas + '/indexPertanyaan', [params, this.item.id]);
+    },
+    fetchCountPeserta: function fetchCountPeserta() {
+      this.$store.dispatch(this.kelas + '/countPeserta', this.item.id);
+      if (this.item.tipe_tempat == 'ONLINE') this.$store.dispatch(this.kelas + '/countPesertaHadir', this.item.id);
+    },
+    fetchCountKeputusan: function fetchCountKeputusan() {
+      if (this.item.keputusan_cu) {
+        this.$store.dispatch(this.kelas + '/countKeputusan', [this.item.id, this.currentUser.id_cu, this.currentUser.id]);
+      }
+    },
+    fetchCountPertanyaan: function fetchCountPertanyaan() {
+      if (this.item.pertanyaan_cu) {
+        this.$store.dispatch(this.kelas + '/countPertanyaan', [this.item.id, this.currentUser.id_cu, this.currentUser.id]);
+      }
+    },
+    fetchStatistik: function fetchStatistik() {
+      this.$store.dispatch(this.kelas + '/indexPesertaCountCu', this.item.id);
+      this.$store.dispatch(this.kelas + '/indexPesertaHadirCountCu', this.item.id);
+      this.$store.dispatch(this.kelas + '/indexKeputusanCount', this.item.id);
+    },
+    hideColumn: function hideColumn() {
+      if (this.item.tipe_tempat == 'ONLINE') {
+        this.columnDataPesertaTerdaftar[4].disable = true;
+        this.columnDataPesertaTerdaftar[6].disable = true;
+        this.columnDataPesertaTerdaftar[7].disable = true;
+        this.columnDataPesertaHadir[3].disable = true;
+        this.columnDataPesertaHadir[5].disable = true;
+        this.columnDataPesertaHadir[6].disable = true;
+      } else {
+        this.columnDataPesertaTerdaftar[4].disable = false;
+        this.columnDataPesertaTerdaftar[6].disable = false;
+        this.columnDataPesertaTerdaftar[7].disable = false;
+        this.columnDataPesertaHadir[3].disable = false;
+        this.columnDataPesertaHadir[5].disable = false;
+        this.columnDataPesertaHadir[6].disable = false;
+      }
+    },
+    checkTipe: function checkTipe(tipe) {
+      if (tipe == 'diklat_bkcu') {
+        this.level2Title = 'Diklat PUSKOPCUINA';
+      } else {
+        this.level2Title = 'Pertemuan PUSKOPCUINA';
+      }
+
+      this.title = 'Detail ' + this.level2Title;
+      this.titleDesc = 'Informasi detail ' + this.level2Title;
+    },
+    checkPeserta: function checkPeserta() {
+      this.$store.dispatch(this.kelas + '/checkPeserta', [this.item.id, this.currentUser.id_aktivis]);
+    },
+    checkPanitia: function checkPanitia() {
+      if (this.currentUser.aktivis) {
+        this.$store.dispatch(this.kelas + '/checkPanitia', [this.item.id, this.currentUser.id_aktivis]);
+      } else {
+        this.modalOpen('userTidakAktivis');
+      }
+    },
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+
+      if (value == 'pesertaTerdaftar') {
+        this.fetchPesertaTerdaftar(this.queryPesertaTerdaftar);
+      } else if (value == 'pesertaHadir') {
+        this.fetchPesertaHadir(this.queryPesertaHadir);
+      } else if (value == 'materi') {
+        this.fetchMateri(this.queryMateri);
+      } else if (value == 'listMateri') {
+        this.fetchListMateri(this.queryListMateri);
+      } else if (value == 'tugas') {
+        this.fetchTugas(this.queryTugas);
+      } else if (value == 'keputusan') {
+        this.fetchKeputusan(this.queryKeputusan);
+      } else if (value == 'pertanyaan') {
+        this.fetchPertanyaan(this.queryPertanyaan);
+      } else if (value == 'statistik') {
+        this.fetchStatistik();
+      }
+    },
+    back: function back() {
+      this.$router.push({
+        name: this.kelas,
+        params: {
+          tipe: this.item.tipe,
+          periode: this.momentYear()
+        }
+      });
+    },
+    ubahKegiatan: function ubahKegiatan(id) {
+      this.$router.push({
+        name: this.kelas + 'EditDetail',
+        params: {
+          id: id
+        }
+      });
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+      this.selectedItemListMateri = item;
+      this.selectedItemNilai = item;
+      this.fetchNilai(this.queryNilai);
+    },
+    generateSertifikat: function generateSertifikat() {
+      var _this = this;
+
+      this.modalShow = true;
+      this.modalState = 'loading';
+      axios.post('/api/generateSertifikat', this.selectedItem, {
+        responseType: 'blob'
+      }).then(function (response) {
+        file_saver__WEBPACK_IMPORTED_MODULE_23___default.a.saveAs(response.data, _this.selectedItem.name + '.pdf');
+        _this.state = "generateSertifikat";
+        _this.modalState = 'success';
+
+        _this.modalOpen("generateSertifikat");
+      });
+    },
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.modalSize = '';
+      this.state = state;
+      this.isDisableTable = true;
+
+      if (isMobile) {
+        if (this.state == 'ubahMateri' || this.state == 'hapusMateri' || this.state == 'lihatMateri') {
+          this.selectedItemMateri = itemMobile;
+        } else if (this.state == 'ubahListMateri' || this.state == 'hapusListMateri') {
+          this.selectedItemListMateri = itemMobile;
+        } else if (this.state == 'ubahNilai' || this.state == 'hapusNilai') {
+          this.selectedItemNilai = itemMobile;
+        } else if (this.state == 'ubahKeputusan' || this.state == 'hapusKeputusan' || this.state == 'keputusanKomentar') {
+          this.selectedItemKeputusan = itemMobile;
+        } else if (this.state == 'ubahTugas' || this.state == 'hapusTugas' || this.state == 'lihatTugas') {
+          this.selectedItemTugas = itemMobile;
+        } else {
+          this.selectedItemPertanyaan = itemMobile;
+        }
+      }
+
+      if (state == 'hapusPertemuan') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Diklat ' + this.item.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+      } else if (state == 'hapusPeserta') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Peserta ' + this.selectedItem.aktivis.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+      } else if (state == 'alasanPeserta') {
+        this.modalState = 'content-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Maaf anda belum bisa mengikuti pertemuan ini';
+        this.modalContent = 'Alasan penolakkan: <br/>' + this.selectedItem.keteranganBatal;
+      } else if (state == 'batalPeserta') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tolak Peserta ' + this.selectedItem.aktivis.name + ' ?';
+        this.modalButton = 'Ok';
+      } else if (state == 'statusPertemuan') {
+        this.modalState = 'normal2';
+        this.modalTitle = 'Ubah status ' + this.item.name + ' ini?';
+        this.modalColor = 'bg-primary';
+      } else if (state == 'ubahPeserta') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah Peserta';
+        this.modalSize = 'modal-lg';
+        this.formModalMode = 'edit';
+      } else if (state == 'tambahPeserta') {
+        if (this.countPeserta >= this.item.peserta_max) {
+          this.modalState = 'content-tutup';
+          this.modalColor = '';
+          this.modalTitle = 'Diklat sudah penuh';
+          this.modalContent = 'Maaf anda tidak bisa mendaftarkan peserta lagi, karena kuota peserta pada diklat ini sudah terpenuhi.';
+        }
+
+        if (this.itemDataPesertaTerdaftar.data.length >= this.item.peserta_max_cu && this.currentUser.id_cu != 0) {
+          this.modalState = 'content-tutup';
+          this.modalColor = '';
+          this.modalTitle = 'CU anda tidak bisa mendaftarkan peserta lagi';
+          this.modalContent = 'Maaf anda tidak bisa mendaftarkan peserta lagi, karena jumlah maksimal peserta per CU adalah ' + this.item.peserta_max_cu + ' orang.';
+        } else {
+          this.modalState = 'normal1';
+          this.modalColor = 'bg-primary';
+          this.modalTitle = 'Tambah Peserta';
+          this.modalSize = 'modal-lg';
+          this.formModalMode = 'create';
+        }
+      } else if (this.state == 'generateSertifikat') {
+        this.modalState = 'content-tutup';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Generate Sertifikat Berhasil';
+        this.modalButton = 'Ok';
+      } else if (state == 'pesertaTidakTerdaftar') {
+        this.modalState = 'fail';
+        this.modalColor = '';
+        this.modalTitle = 'Maaf anda tidak terdaftar dalam pertemuan ini';
+        this.modalContent = 'Maaf anda tidak terdaftar dalam pertemuan ini, silahkan pastikan anda sudah mendaftar di pertemuan ini';
+      } else if (state == 'userTidakAktivis') {
+        this.modalState = 'fail';
+        this.modalColor = '';
+        this.modalTitle = 'Maaf anda tidak bisa melanjutkan';
+        this.modalContent = 'Anda tidak bisa melanjutkan karena user anda tidak memiliki informasi aktivis, silahkan tambahkan data aktivis kepada user anda.';
+      } else if (state == 'pesertaTerdaftar') {
+        this.modalState = 'normal2';
+        this.modalTitle = 'Masuk ' + this.item.name;
+        this.modalColor = 'bg-primary';
+      } else if (state == 'panitiaTerdaftar') {
+        this.modalState = 'normal2';
+        this.modalTitle = 'Masuk ' + this.item.name;
+        this.modalColor = 'bg-primary';
+      } else if (state == 'ubahMateri') {
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah Materi';
+        this.formModalMode = 'edit';
+      } else if (state == 'tambahMateri') {
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah Materi';
+        this.formModalMode = 'create';
+      } else if (state == 'hapusMateri') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Materi ' + this.selectedItemMateri.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+      } else if (state == 'lihatMateri') {
+        if (this.selectedItemMateri.tipe != 'pdf') {
+          this.modalImageOpen('/files/pertemuan/' + this.selectedItemMateri.filename + '.jpg');
+        } else {
+          this.modalTitle = 'Lihat Materi';
+          this.modalState = 'normal2';
+          this.modalColor = 'bg-primary';
+          this.modalSize = 'modal-lg';
+        }
+      } else if (state == 'ubahListMateri') {
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah List Materi';
+        this.formModalMode = 'edit';
+      } else if (state == 'tambahListMateri') {
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah List Materi';
+        this.formModalMode = 'create';
+      } else if (state == 'hapusListMateri') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Materi ini ?';
+        this.modalButton = 'Iya, Hapus';
+      } else if (state == 'ubahNilai') {
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah Nilai';
+        this.formModalMode = 'edit';
+      } else if (state == 'tambahNilai') {
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah Nilai';
+        this.formModalMode = 'create';
+      } else if (state == 'hapusNilai') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Nilai ini ?';
+        this.modalButton = 'Iya, Hapus';
+      } else if (state == 'tambahTugas') {
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah Tugas';
+        this.formModalMode = 'create';
+      } else if (state == 'ubahTugas') {
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah Tugas';
+        this.formModalMode = 'edit';
+      } else if (state == 'hapusTugas') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Tugas ' + this.selectedItemTugas.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+      } else if (state == 'lihatTugas') {
+        this.modalTitle = 'Lihat Tugas';
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalSize = 'modal-lg';
+      } else if (state == 'tambahKeputusan') {
+        if (this.item.keputusan_cu) {
+          if (this.countKeputusan[0] >= this.item.keputusan_cu) {
+            this.modalState = 'content-tutup';
+            this.modalColor = '';
+            this.modalTitle = 'CU anda tidak bisa menambahkan keputusan lagi';
+            this.modalContent = 'Maaf anda tidak bisa memberikan keputusan lagi, karena jumlah keputusan maksimal per CU adalah ' + this.item.keputusan_cu + ' kali.';
+          } else if (this.countKeputusan[1] >= this.item.keputusan_user) {
+            this.modalState = 'content-tutup';
+            this.modalColor = '';
+            this.modalTitle = 'Anda tidak bisa menambahkan keputusan lagi';
+            this.modalContent = 'Maaf anda tidak bisa memberikan keputusan lagi, karena jumlah keputusan maksimal per peserta adalah ' + this.item.keputusan_user + ' kali.';
+          } else {
+            this.modalState = 'normal3';
+            this.modalColor = 'bg-primary';
+            this.modalTitle = 'Tambah Keputusan';
+            this.formModalMode = 'create';
+            this.modalSize = 'modal-lg';
+          }
+        } else {
+          this.modalState = 'normal3';
+          this.modalColor = 'bg-primary';
+          this.modalTitle = 'Tambah Keputusan';
+          this.formModalMode = 'create';
+          this.modalSize = 'modal-lg';
+        }
+      } else if (state == 'hapusKeputusan') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Keputusan ini ?';
+        this.modalButton = 'Iya, Hapus';
+      } else if (state == 'ubahKeputusan') {
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah Keputusan';
+        this.formModalMode = 'edit';
+        this.modalSize = 'modal-lg';
+      } else if (state == 'keputusanKomentar') {
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Komentar Keputusan';
+        this.modalSize = 'modal-lg';
+      } else if (state == 'tambahPertanyaan') {
+        if (this.item.pertanyaan_cu) {
+          if (this.countPertanyaan[0] >= this.item.pertanyaan_cu) {
+            this.modalState = 'content-tutup';
+            this.modalColor = '';
+            this.modalTitle = 'CU anda tidak bisa menambahkan pertanyaan lagi';
+            this.modalContent = 'Maaf anda tidak bisa memberikan pertanyaan lagi, karena jumlah pertanyaan maksimal per CU adalah ' + this.item.pertanyaan_cu + ' kali.';
+          } else if (this.countPertanyaan[1] >= this.item.pertanyaan_user) {
+            this.modalState = 'content-tutup';
+            this.modalColor = '';
+            this.modalTitle = 'Anda tidak bisa menambahkan pertanyaan lagi';
+            this.modalContent = 'Maaf anda tidak bisa memberikan pertanyaan lagi, karena jumlah pertanyaan maksimal per peserta adalah ' + this.item.pertanyaan_user + ' kali.';
+          } else {
+            this.modalState = 'normal3';
+            this.modalColor = 'bg-primary';
+            this.modalTitle = 'Tambah Pertanyaan';
+            this.formModalMode = 'create';
+            this.modalSize = 'modal-lg';
+          }
+        } else {
+          this.modalState = 'normal3';
+          this.modalColor = 'bg-primary';
+          this.modalTitle = 'Tambah Pertanyaan';
+          this.formModalMode = 'create';
+          this.modalSize = 'modal-lg';
+        }
+      } else if (state == 'hapusPertanyaan') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Pertanyaan ini ?';
+        this.modalButton = 'Iya, Hapus';
+      } else if (state == 'ubahPertanyaan') {
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah Pertanyaan';
+        this.formModalMode = 'edit';
+        this.modalSize = 'modal-lg';
+      } else if (state == 'pertanyaanKomentar') {
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Komentar Pertanyaan';
+        this.modalSize = 'modal-lg';
+      }
+    },
+    modalImageOpen: function modalImageOpen(content) {
+      this.modalShow = true;
+      this.modalState = 'image';
+      this.modalContent = content;
+      this.modalSize = '';
+      this.modalButton = 'Ok';
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      this.modalShow = false;
+
+      if (this.state == 'hapusPertemuan') {
+        this.$store.dispatch(this.kelas + '/destroy', this.item.id);
+      } else if (this.state == 'hapusPeserta') {
+        this.$store.dispatch(this.kelas + '/destroyPeserta', this.selectedItem.id);
+      } else if (this.state == 'hapusMateri') {
+        this.$store.dispatch(this.kelas + '/destroyMateri', [this.item.tipe, this.selectedItemMateri.id]);
+      } else if (this.state == 'hapusListMateri') {
+        this.$store.dispatch(this.kelas + '/destroyListMateri', [this.item.tipe, this.selectedItemListMateri.id]);
+      } else if (this.state == 'hapusMateri') {
+        this.$store.dispatch(this.kelas + '/destroyMateri', [this.item.tipe, this.selectedItemMateri.id]);
+      } else if (this.state == 'hapusTugas') {
+        this.$store.dispatch(this.kelas + '/destroyTugas', [this.item.tipe, this.selectedItemTugas.id]);
+      } else if (this.state == 'hapusKeputusan') {
+        this.$store.dispatch(this.kelas + '/destroyKeputusan', this.selectedItemKeputusan.id);
+      } else if (this.state == 'hapusPertanyaan') {
+        this.$store.dispatch(this.kelas + '/destroyPertanyaan', this.selectedItemPertanyaan.id);
+      }
+    },
+    modalTutup: function modalTutup() {
+      if (this.state == 'tambahPeserta' || this.state == 'ubahPeserta' || this.state == 'hapusPeserta' || this.state == 'batalPeserta') {
+        this.changeTab('pesertaTerdaftar');
+        this.fetchCountPeserta();
+      } else if (this.state == 'tambahMateri' || this.state == 'ubahMateri' || this.state == 'hapusMateri') {
+        this.changeTab('materi');
+      } else if (this.state == 'tambahListMateri' || this.state == 'ubahListMateri' || this.state == 'hapusListMateri') {
+        this.changeTab('listMateri');
+      } else if (this.state == 'tambahNilai' || this.state == 'ubahNilai' || this.state == 'hapusNilai') {
+        // this.changeTab('pesertaTerdaftar');
+        this.fetchNilai(this.queryNilai);
+        this.state = '';
+      } else if (this.state == 'tambahTugas' || this.state == 'ubahTugas' || this.state == 'hapusTugas') {
+        this.changeTab('tugas');
+      } else if (this.state == 'tambahKeputusan' || this.state == 'ubahKeputusan' || this.state == 'hapusKeputusan' || this.state == 'keputusanKomentar') {
+        this.changeTab('keputusan');
+      } else if (this.state == 'tambahPertanyaan' || this.state == 'ubahPertanyaan' || this.state == 'hapusPertanyaan' || this.state == 'pertanyaanKomentar') {
+        this.changeTab('pertanyaan');
+      } else if (this.state == 'hapusPertemuan') {
+        this.back();
+      } else if (this.state == 'pesertaTidakTerdaftar') {
+        this.$router.push({
+          name: 'dashboard'
+        });
+      } else if (this.state == 'pesertaTerdaftar' || this.state == 'panitiaTerdaftar') {
+        if (this.updateStat == 'success') {
+          this.modalShow = false;
+        } else {
+          this.$router.push({
+            name: 'dashboard'
+          });
+        }
+      }
+
+      this.isDisableTable = false;
+      this.modalShow = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading' || this.state === 'pesertaTerdaftar' || this.state === 'panitiaTerdaftar') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+
+      this.isDisableTable = false;
+    },
+    downloadMateri: function downloadMateri(filename) {
+      if (this.item.tipe == 'diklat_bkcu') {
+        axios.get('/api/download_folder/' + filename + '/diklat', {
+          responseType: 'blob'
+        }).then(function (response) {
+          file_saver__WEBPACK_IMPORTED_MODULE_23___default.a.saveAs(response.data, filename);
+        });
+      } else if (this.item.tipe == 'pertemuan_bkcu') {
+        axios.get('/api/download_folder/' + filename + '/pertemuan', {
+          responseType: 'blob'
+        }).then(function (response) {
+          file_saver__WEBPACK_IMPORTED_MODULE_23___default.a.saveAs(response.data, filename);
+        });
+      }
+    },
+    momentYear: function momentYear() {
+      return moment().year();
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', (_mapGetters = {
+    item: 'data',
+    itemStat: 'dataStat',
+    checkPesertaData: 'data2',
+    checkPesertaDataStat: 'dataStat2',
+    checkPanitiaData: 'data3',
+    checkPanitiaDataStat: 'dataStat3',
+    itemDataPesertaTerdaftar: 'dataS',
+    itemDataPesertaTerdaftarStat: 'dataStatS',
+    itemDataPesertaHadir: 'dataS2',
+    itemDataPesertaHadirStat: 'dataStatS2',
+    itemDataMateri: 'dataS3',
+    itemDataMateriStat: 'dataStatS3',
+    itemDataListMateri: 'dataListMateri',
+    itemDataListMateriStat: 'dataListMateriStat',
+    itemDataListMateri1: 'dataNilai',
+    nilaiStat1: 'dataNilaiStat',
+    itemNilai: 'nilai',
+    itemNilaiStat: 'nilaiStat',
+    itemDataKeputusan: 'dataS4',
+    itemDataKeputusanStat: 'dataStatS4'
+  }, _defineProperty(_mapGetters, "itemDataKeputusan", 'dataS4'), _defineProperty(_mapGetters, "itemDataKeputusanStat", 'dataStatS4'), _defineProperty(_mapGetters, "itemDataPertanyaan", 'dataS9'), _defineProperty(_mapGetters, "itemDataPertanyaanStat", 'dataStatS9'), _defineProperty(_mapGetters, "itemDataTugas", 'dataS10'), _defineProperty(_mapGetters, "itemDataTugasStat", 'dataStatS10'), _defineProperty(_mapGetters, "itemDataPesertaTerdaftarCU", 'dataS6'), _defineProperty(_mapGetters, "itemDataPesertaTerdaftarCUStat", 'dataStatS6'), _defineProperty(_mapGetters, "itemDataPesertaHadirCU", 'dataS7'), _defineProperty(_mapGetters, "itemDataPesertaHadirCUStat", 'dataStatS7'), _defineProperty(_mapGetters, "itemDataKeputusanCount", 'dataS8'), _defineProperty(_mapGetters, "itemDataKeputusanCountStat", 'dataStatS8'), _defineProperty(_mapGetters, "countPeserta", 'count'), _defineProperty(_mapGetters, "countPesertaStat", 'countStat'), _defineProperty(_mapGetters, "countPesertaHadir", 'count2'), _defineProperty(_mapGetters, "countPesertaHadirStat", 'countStat2'), _defineProperty(_mapGetters, "countKeputusan", 'count3'), _defineProperty(_mapGetters, "countKeputusanStat", 'countStat3'), _defineProperty(_mapGetters, "countPertanyaan", 'count4'), _defineProperty(_mapGetters, "countPertanyaanStat", 'countStat4'), _defineProperty(_mapGetters, "updateResponse", 'update'), _defineProperty(_mapGetters, "updateStat", 'updateStat'), _defineProperty(_mapGetters, "updateNilai", 'updateNilai'), _defineProperty(_mapGetters, "updateNilaiStat", 'updateNilaiStat'), _mapGetters)))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_checkbox_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkbox.vue */ "./resources/assets/js/components/checkbox.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -2387,6 +2994,72 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['kelas', 'item', 'state'],
+  components: {
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    checkbox: _components_checkbox_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      formStatus: {
+        status: 0
+      },
+      submited: false
+    };
+  },
+  created: function created() {},
+  watch: {},
+  methods: {
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formStatus').then(function (result) {
+        if (_this.state == 'pesertaTerdaftar') {
+          _this.$store.dispatch(_this.kelas + '/updatePesertaHadir', [_this.item.id, _this.currentUser.id_aktivis]);
+        } else {
+          _this.$store.dispatch(_this.kelas + '/updatePanitiaHadir', [_this.item.id, _this.currentUser.id_aktivis]);
+        }
+      });
+    },
+    tutup: function tutup() {
+      this.$router.push({
+        name: 'dashboard'
+      });
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -2458,6 +3131,100 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected', 'kegiatan_id', 'pilih'],
+  components: {
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      formKeputusan: {
+        kegiatan_id: '',
+        id_user: '',
+        id_cu: '',
+        keterangan: '',
+        pilih: []
+      },
+      ckeditorNoImageConfig: {
+        toolbar: {
+          items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo']
+        },
+        table: {
+          contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']
+        }
+      },
+      submited: false
+    };
+  },
+  created: function created() {
+    if (this.mode == 'edit') {
+      this.formKeputusan = Object.assign({}, this.selected);
+      var newArr = [];
+      this.selected.pilih.forEach(function (entry) {
+        newArr[entry.id] = entry.pivot.nilai;
+      });
+      this.formKeputusan.pilih = newArr;
+    }
+  },
+  watch: {},
+  methods: {
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formKeputusan').then(function (result) {
+        if (result) {
+          if (_this.mode == 'edit') {
+            _this.formKeputusan.id_user = _this.currentUser.id;
+
+            _this.$store.dispatch('kegiatanBKCU/updateKeputusan', [_this.formKeputusan.id, _this.formKeputusan]);
+          } else {
+            _this.formKeputusan.id_user = _this.currentUser.id;
+            _this.formKeputusan.id_cu = _this.currentUser.id_cu;
+
+            _this.$store.dispatch('kegiatanBKCU/storeKeputusan', [_this.kegiatan_id, _this.formKeputusan]);
+          }
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -2697,6 +3464,179 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['selected', 'kegiatan_id'],
+  components: {
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      ckeditorNoImageConfig: {
+        toolbar: {
+          items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo']
+        },
+        table: {
+          contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']
+        }
+      },
+      selectedKomentar: {},
+      formKomentar: {
+        id: '',
+        kegiatan_id: '',
+        kegiatan_keputusan_id: '',
+        id_user: '',
+        id_cu: '',
+        keterangan: ''
+      },
+      pages: [],
+      queryKomentar: {
+        order_column: "created_at",
+        order_direction: "desc",
+        filter_match: "and",
+        limit: 3,
+        page: 1
+      },
+      message: {
+        show: false,
+        content: ''
+      },
+      isShowHapus: false,
+      submited: false
+    };
+  },
+  created: function created() {
+    this.formKomentar.kegiatan_keputusan_id = this.selected.id;
+    this.fetchKomentar(this.queryKomentar);
+  },
+  watch: {
+    itemDataKomentarStat: function itemDataKomentarStat(value) {
+      if (value == 'success') {
+        this.calculatePagination();
+      }
+    },
+    updateStat: function updateStat(value) {
+      if (value == 'success') {
+        this.fetchKomentar(this.queryKomentar);
+        this.isShowHapus = false;
+        this.formKomentar.keterangan = '';
+      } else if (value == 'fail') {
+        this.message.show = true;
+        this.message.content = this.updateResponse;
+      }
+    }
+  },
+  methods: {
+    fetchKomentar: function fetchKomentar(params) {
+      this.$store.dispatch('kegiatanBKCU/indexKeputusanKomentar', [params, this.selected.id]);
+    },
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formKomentar').then(function (result) {
+        if (result) {
+          if (_this.mode == 'edit') {
+            _this.formKomentar.id_user = _this.currentUser.id;
+
+            _this.$store.dispatch('kegiatanBKCU/updateKeputusanKomentar', [_this.formKomentar.id, _this.formKomentar]);
+          } else {
+            _this.formKomentar.id_user = _this.currentUser.id;
+            _this.formKomentar.id_cu = _this.currentUser.id_cu;
+
+            _this.$store.dispatch('kegiatanBKCU/storeKeputusanKomentar', [_this.kegiatan_id, _this.formKomentar]);
+          }
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    hapusOpen: function hapusOpen(value) {
+      this.selectedKomentar = value;
+      this.isShowHapus = true;
+    },
+    hapus: function hapus() {
+      this.$store.dispatch('kegiatanBKCU/destroyKeputusanKomentar', this.selectedKomentar.id);
+    },
+    calculatePagination: function calculatePagination() {
+      var i = 0;
+      var startPage = 0;
+      var endPage = 0;
+      var diffPage = 0;
+      startPage = this.queryKomentar.page < 3 ? 1 : this.queryKomentar.page - 1;
+      endPage = 4 + startPage;
+      endPage = this.itemDataKomentar.last_page < endPage ? this.itemDataKomentar.last_page : endPage;
+      diffPage = startPage - endPage + 4;
+      startPage -= startPage - diffPage > 0 ? diffPage : 0;
+      this.pages.length = 0;
+
+      for (i = startPage; i <= endPage; i++) {
+        this.pages.push(i);
+      }
+    },
+    prevPage: function prevPage() {
+      if (this.itemDataKomentar.prev_page_url) {
+        this.queryKomentar.page = Number(this.queryKomentar.page) - 1;
+        this.fetchKomentar(this.queryKomentar);
+      }
+    },
+    goToPage: function goToPage(value) {
+      if (this.queryKomentar.page != value) {
+        this.queryKomentar.page = value;
+        this.fetchKomentar(this.queryKomentar);
+        ;
+      }
+    },
+    nextPage: function nextPage() {
+      if (this.itemDataKomentar.next_page_url) {
+        this.queryKomentar.page = Number(this.queryKomentar.page) + 1;
+        this.fetchKomentar(this.queryKomentar);
+      }
+    },
+    messageClose: function messageClose() {
+      this.message.show = false;
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
+    itemDataKomentar: 'dataS5',
+    itemDataKomentarStat: 'dataStatS5',
+    updateResponse: 'update2',
+    updateStat: 'updateStat2'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formListMateri.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formListMateri.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -2769,6 +3709,85 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected', 'kegiatan_id', 'kegiatan_tipe'],
+  components: {
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      formListMateri: {
+        nama: '',
+        waktu: ''
+      },
+      penjelasanStatus: '',
+      submited: false
+    };
+  },
+  created: function created() {
+    if (this.mode == 'edit') {
+      this.formListMateri = Object.assign({}, this.selected);
+    }
+  },
+  watch: {},
+  methods: {
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.formListMateri.content = files[0];
+    },
+    save: function save() {
+      var _this = this;
+
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_1__["toMulipartedForm"])(this.formListMateri, this.mode);
+      this.$validator.validateAll('formListMateri').then(function (result) {
+        if (result) {
+          if (_this.mode == 'edit') {
+            _this.$store.dispatch('kegiatanBKCU/updateListMateri', [_this.formListMateri.id, formData]);
+          } else {
+            _this.$store.dispatch('kegiatanBKCU/storeListMateri', [_this.kegiatan_tipe, _this.kegiatan_id, formData]);
+          }
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -2881,6 +3900,88 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected', 'kegiatan_id', 'kegiatan_tipe'],
+  components: {
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      formMateri: {
+        name: '',
+        keterangan: '',
+        content: '',
+        format: '',
+        link: ''
+      },
+      penjelasanStatus: '',
+      submited: false
+    };
+  },
+  created: function created() {
+    if (this.mode == 'edit') {
+      this.formMateri = Object.assign({}, this.selected);
+    }
+  },
+  watch: {},
+  methods: {
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.formMateri.content = files[0];
+    },
+    save: function save() {
+      var _this = this;
+
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_1__["toMulipartedForm"])(this.formMateri, this.mode);
+      this.$validator.validateAll('formMateri').then(function (result) {
+        if (result) {
+          if (_this.mode == 'edit') {
+            _this.$store.dispatch('kegiatanBKCU/updateMateri', [_this.formMateri.id, formData]);
+          } else {
+            _this.$store.dispatch('kegiatanBKCU/storeMateri', [_this.kegiatan_tipe, _this.kegiatan_id, formData]);
+          }
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formNilai.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formNilai.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -2970,6 +4071,84 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected', 'kegiatan_id', 'kegiatan_tipe', 'aktivis_id'],
+  components: {
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      kelas: 'nilai',
+      selectedItem: [],
+      formNilai: {
+        materi: '',
+        nilai: ''
+      },
+      submited: false
+    };
+  },
+  methods: {
+    changeMateri: function changeMateri(event) {
+      this.formNilai.materi_id = event;
+    },
+    save: function save() {
+      var _this = this;
+
+      // const formData = toMulipartedForm(this.formNilai, this.mode);
+      this.$validator.validateAll('formNilai').then(function (result) {
+        if (result) {
+          _this.$store.dispatch('kegiatanBKCU/storeNilai', [_this.aktivis_id, _this.kegiatan_id, _this.formNilai.materi_id, _this.formNilai]);
+
+          _this.$emit('modalTutup', 'tambahNilai');
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
+    itemDataListMateriNilai: 'dataNilai',
+    itemDataListMateriNilaiStat: 'dataNilaiStat',
+    itemNilai: 'nilai',
+    itemNilaiStat: 'nilaiStat',
+    itemStat: 'dataStat',
+    updateNilai: 'updateNilai',
+    updateNilaiStat: 'updateNilaiStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -3013,6 +4192,93 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected', 'kegiatan_id'],
+  components: {
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      formPertanyaan: {
+        kegiatan_id: '',
+        id_user: '',
+        id_cu: '',
+        keterangan: ''
+      },
+      ckeditorNoImageConfig: {
+        toolbar: {
+          items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo']
+        },
+        table: {
+          contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']
+        }
+      },
+      submited: false
+    };
+  },
+  created: function created() {
+    if (this.mode == 'edit') {
+      this.formPertanyaan = Object.assign({}, this.selected);
+    }
+  },
+  watch: {},
+  methods: {
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formPertanyaan').then(function (result) {
+        if (result) {
+          if (_this.mode == 'edit') {
+            _this.formPertanyaan.id_user = _this.currentUser.id;
+
+            _this.$store.dispatch('kegiatanBKCU/updatePertanyaan', [_this.formPertanyaan.id, _this.formPertanyaan]);
+          } else {
+            _this.formPertanyaan.id_user = _this.currentUser.id;
+            _this.formPertanyaan.id_cu = _this.currentUser.id_cu;
+
+            _this.$store.dispatch('kegiatanBKCU/storePertanyaan', [_this.kegiatan_id, _this.formPertanyaan]);
+          }
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -3246,6 +4512,214 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['selected', 'kegiatan_id'],
+  components: {
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      ckeditorNoImageConfig: {
+        toolbar: {
+          items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo']
+        },
+        table: {
+          contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']
+        }
+      },
+      selectedKomentar: {},
+      formKomentar: {
+        id: '',
+        kegiatan_id: '',
+        kegiatan_pertanyaan_id: '',
+        id_user: '',
+        id_cu: '',
+        keterangan: ''
+      },
+      pages: [],
+      queryKomentar: {
+        order_column: "created_at",
+        order_direction: "desc",
+        filter_match: "and",
+        limit: 3,
+        page: 1
+      },
+      message: {
+        show: false,
+        content: ''
+      },
+      isShowHapus: false,
+      isShowJawaban: false,
+      isShowBatalJawaban: false,
+      submited: false
+    };
+  },
+  created: function created() {
+    this.formKomentar.kegiatan_pertanyaan_id = this.selected.id;
+    this.fetchKomentar(this.queryKomentar);
+  },
+  watch: {
+    itemDataKomentarStat: function itemDataKomentarStat(value) {
+      if (value == 'success') {
+        this.calculatePagination();
+      }
+    },
+    updateStat: function updateStat(value) {
+      if (value == 'success') {
+        this.fetchKomentar(this.queryKomentar);
+        this.formKomentar.keterangan = '';
+      } else if (value == 'fail') {
+        this.message.show = true;
+        this.message.content = this.updateResponse;
+      }
+    }
+  },
+  methods: {
+    fetchKomentar: function fetchKomentar(params) {
+      this.$store.dispatch('kegiatanBKCU/indexPertanyaanKomentar', [params, this.selected.id]);
+    },
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formKomentar').then(function (result) {
+        if (result) {
+          if (_this.mode == 'edit') {
+            _this.formKomentar.id_user = _this.currentUser.id;
+
+            _this.$store.dispatch('kegiatanBKCU/updatePertanyaanKomentar', [_this.formKomentar.id, _this.formKomentar]);
+          } else {
+            _this.formKomentar.id_user = _this.currentUser.id;
+            _this.formKomentar.id_cu = _this.currentUser.id_cu;
+
+            _this.$store.dispatch('kegiatanBKCU/storePertanyaanKomentar', [_this.kegiatan_id, _this.formKomentar]);
+          }
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    showOpen: function showOpen(value, tipe) {
+      this.selectedKomentar = value;
+
+      if (tipe == 'hapus') {
+        this.isShowHapus = true;
+      } else if (tipe == 'jawaban') {
+        this.isShowJawaban = true;
+      } else if (tipe == 'batalJawaban') {
+        this.isShowBatalJawaban = true;
+      }
+    },
+    showOke: function showOke() {
+      if (this.isShowHapus) {
+        this.$store.dispatch('kegiatanBKCU/destroyPertanyaanKomentar', this.selectedKomentar.id);
+      } else if (this.isShowJawaban) {
+        this.$store.dispatch('kegiatanBKCU/jawabanPertanyaan', [this.selectedKomentar.id, 'jawaban']);
+      } else if (this.isShowBatalJawaban) {
+        this.$store.dispatch('kegiatanBKCU/jawabanPertanyaan', [this.selectedKomentar.id, 'batalJawaban']);
+      }
+
+      this.isShowHapus = false;
+      this.isShowJawaban = false;
+      this.isShowBatalJawaban = false;
+    },
+    showBatal: function showBatal() {
+      this.selectedKomentar = {};
+
+      if (this.isShowHapus) {
+        this.isShowHapus = false;
+      } else if (this.isShowJawaban) {
+        this.isShowJawaban = false;
+      } else {
+        this.isShowBatalJawaban = false;
+      }
+    },
+    calculatePagination: function calculatePagination() {
+      var i = 0;
+      var startPage = 0;
+      var endPage = 0;
+      var diffPage = 0;
+      startPage = this.queryKomentar.page < 3 ? 1 : this.queryKomentar.page - 1;
+      endPage = 4 + startPage;
+      endPage = this.itemDataKomentar.last_page < endPage ? this.itemDataKomentar.last_page : endPage;
+      diffPage = startPage - endPage + 4;
+      startPage -= startPage - diffPage > 0 ? diffPage : 0;
+      this.pages.length = 0;
+
+      for (i = startPage; i <= endPage; i++) {
+        this.pages.push(i);
+      }
+    },
+    prevPage: function prevPage() {
+      if (this.itemDataKomentar.prev_page_url) {
+        this.queryKomentar.page = Number(this.queryKomentar.page) - 1;
+        this.fetchKomentar(this.queryKomentar);
+      }
+    },
+    goToPage: function goToPage(value) {
+      if (this.queryKomentar.page != value) {
+        this.queryKomentar.page = value;
+        this.fetchKomentar(this.queryKomentar);
+        ;
+      }
+    },
+    nextPage: function nextPage() {
+      if (this.itemDataKomentar.next_page_url) {
+        this.queryKomentar.page = Number(this.queryKomentar.page) + 1;
+        this.fetchKomentar(this.queryKomentar);
+      }
+    },
+    messageClose: function messageClose() {
+      this.message.show = false;
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
+    itemDataKomentar: 'dataS5',
+    itemDataKomentarStat: 'dataStatS5',
+    updateResponse: 'update2',
+    updateStat: 'updateStat2'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -3370,1056 +4844,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'itemData', 'updateSingleStat'],
-  components: {
-    formKatex: _laporanCu_formKatex__WEBPACK_IMPORTED_MODULE_4__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_3___default.a,
-    penilaianCu: _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    penilaianBkcu: _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formFilter: _form_filter_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_9__["default"]
-  },
-  data: function data() {
-    return {
-      kelas: 'laporanCu',
-      cuTabName: 'semua',
-      bkcuTabName: 'semua',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalSize: '',
-      modalColor: '',
-      modalButton: '',
-      modalKatex: {
-        id: '',
-        id_cu: '',
-        no_ba: '',
-        periode: '',
-        section: '',
-        katex1: [],
-        katex2: [],
-        form: [],
-        indikator: '',
-        isUbah: false
-      },
-      cleaveOption: {
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      }
-    };
-  },
-  created: function created() {},
-  watch: {
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = 'Ok';
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.reloadPearls();
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = '';
-      }
-    }
-  },
-  methods: {
-    changeTabCU: function changeTabCU(value) {
-      if (this.$route.meta.mode == 'lihat') {
-        this.bkcuTabName = 'semua';
-        this.cuTabName = value;
-      }
-    },
-    changeTabBKCU: function changeTabBKCU(value) {
-      if (this.$route.meta.mode == 'lihat') {
-        this.cuTabName = 'semua';
-        this.bkcuTabName = value;
-      }
-    },
-    saveSingle: function saveSingle() {
-      this.$emit('saveSingle', 'p1');
-    },
-    reloadPearls: function reloadPearls() {
-      this.$emit('reloadPearls');
-    },
-    next: function next() {
-      this.$emit('next');
-    },
-    prev: function prev() {
-      this.$emit('prev');
-    },
-    skorCUA: function skorCUA() {
-      var jumlah = (this.form.p1.p1a1_cu_penilaian + this.form.p1.p1a2_cu_penilaian) / 1;
-      this.$emit('skorCUA', jumlah);
-      return jumlah;
-    },
-    bobotCUA: function bobotCUA() {
-      var jumlah = this.$options.filters.round((this.form.p1.p1a1_cu_penilaian + this.form.p1.p1a2_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotCUA', jumlah);
-      return jumlah;
-    },
-    skorBKCUA: function skorBKCUA() {
-      var jumlah = (this.form.p1.p1a1_bkcu_penilaian + this.form.p1.p1a2_bkcu_penilaian) / 1;
-      this.$emit('skorBKCUA', jumlah);
-      return jumlah;
-    },
-    bobotBKCUA: function bobotBKCUA() {
-      var jumlah = this.$options.filters.round((this.form.p1.p1a1_bkcu_penilaian + this.form.p1.p1a2_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotBKCUA', jumlah);
-      return jumlah;
-    },
-    skorCUB: function skorCUB() {
-      var jumlah = (this.form.p1.p1b3_cu_penilaian + this.form.p1.p1b4_cu_penilaian + this.form.p1.p1b5_cu_penilaian + this.form.p1.p1b7_cu_penilaian) / 1;
-      this.$emit('skorCUB', jumlah);
-      return jumlah;
-    },
-    bobotCUB: function bobotCUB() {
-      var jumlah = this.$options.filters.round((this.form.p1.p1b3_cu_penilaian + this.form.p1.p1b4_cu_penilaian + this.form.p1.p1b5_cu_penilaian + this.form.p1.p1b7_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotCUB', jumlah);
-      return jumlah;
-    },
-    skorBKCUB: function skorBKCUB() {
-      var jumlah = (this.form.p1.p1b3_bkcu_penilaian + this.form.p1.p1b4_bkcu_penilaian + this.form.p1.p1b5_bkcu_penilaian + this.form.p1.p1b7_bkcu_penilaian) / 1;
-      this.$emit('skorBKCUB', jumlah);
-      return jumlah;
-    },
-    bobotBKCUB: function bobotBKCUB() {
-      var jumlah = this.$options.filters.round((this.form.p1.p1b3_bkcu_penilaian + this.form.p1.p1b4_bkcu_penilaian + this.form.p1.p1b5_bkcu_penilaian + this.form.p1.p1b7_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotBKCUB', jumlah);
-      return jumlah;
-    },
-    skorCUC: function skorCUC() {
-      var jumlah = (this.form.p1.p1c8_cu_penilaian + this.form.p1.p1c9_cu_penilaian) / 1;
-      this.$emit('skorCUC', jumlah);
-      return jumlah;
-    },
-    bobotCUC: function bobotCUC() {
-      var jumlah = this.$options.filters.round((this.form.p1.p1c8_cu_penilaian + this.form.p1.p1c9_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotCUC', jumlah);
-      return jumlah;
-    },
-    skorBKCUC: function skorBKCUC() {
-      var jumlah = (this.form.p1.p1c8_bkcu_penilaian + this.form.p1.p1c9_bkcu_penilaian) / 1;
-      this.$emit('skorBKCUC', jumlah);
-      return jumlah;
-    },
-    bobotBKCUC: function bobotBKCUC() {
-      var jumlah = this.$options.filters.round((this.form.p1.p1c8_bkcu_penilaian + this.form.p1.p1c9_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotBKCUC', jumlah);
-      return jumlah;
-    },
-    skorCUD: function skorCUD() {
-      var jumlah = (this.form.p1.p1d10_cu_penilaian + this.form.p1.p1d11_cu_penilaian) / 1;
-      this.$emit('skorCUD', jumlah);
-      return jumlah;
-    },
-    bobotCUD: function bobotCUD() {
-      var jumlah = this.$options.filters.round((this.form.p1.p1d10_cu_penilaian + this.form.p1.p1d11_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotCUD', jumlah);
-      return jumlah;
-    },
-    skorBKCUD: function skorBKCUD() {
-      var jumlah = (this.form.p1.p1d10_bkcu_penilaian + this.form.p1.p1d11_bkcu_penilaian) / 1;
-      this.$emit('skorBKCUD', jumlah);
-      return jumlah;
-    },
-    bobotBKCUD: function bobotBKCUD() {
-      var jumlah = this.$options.filters.round((this.form.p1.p1d10_bkcu_penilaian + this.form.p1.p1d11_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotBKCUD', jumlah);
-      return jumlah;
-    },
-    skorCUE: function skorCUE() {
-      var jumlah = this.form.p1.p1e12_cu_penilaian / 1;
-      this.$emit('skorCUE', jumlah);
-      return jumlah;
-    },
-    bobotCUE: function bobotCUE() {
-      var jumlah = this.$options.filters.round(this.form.p1.p1e12_cu_penilaian / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotCUE', jumlah);
-      return jumlah;
-    },
-    skorBKCUE: function skorBKCUE() {
-      var jumlah = this.form.p1.p1e12_bkcu_penilaian / 1;
-      this.$emit('skorBKCUE', jumlah);
-      return jumlah;
-    },
-    bobotBKCUE: function bobotBKCUE() {
-      var jumlah = this.$options.filters.round(this.form.p1.p1e12_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotBKCUE', jumlah);
-      return jumlah;
-    },
-    skorCUF: function skorCUF() {
-      var jumlah = (this.form.p1.p1f13_cu_penilaian + this.form.p1.p1f14_cu_penilaian) / 1;
-      this.$emit('skorCUF', jumlah);
-      return jumlah;
-    },
-    bobotCUF: function bobotCUF() {
-      var jumlah = this.$options.filters.round((this.form.p1.p1f13_cu_penilaian + this.form.p1.p1f14_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotCUF', jumlah);
-      return jumlah;
-    },
-    skorBKCUF: function skorBKCUF() {
-      var jumlah = (this.form.p1.p1f13_bkcu_penilaian + this.form.p1.p1f14_bkcu_penilaian) / 1;
-      this.$emit('skorBKCUF', jumlah);
-      return jumlah;
-    },
-    bobotBKCUF: function bobotBKCUF() {
-      var jumlah = this.$options.filters.round((this.form.p1.p1f13_bkcu_penilaian + this.form.p1.p1f14_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotBKCUF', jumlah);
-      return jumlah;
-    },
-    jumlahPenilaianCU: function jumlahPenilaianCU(value) {
-      var jumlah = 0;
-
-      if (this.form.p1.p1a1_cu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1a2_cu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1b3_cu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1b4_cu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1b5_cu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1b7_cu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1c8_cu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1c9_cu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1d10_cu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1d11_cu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1e12_cu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1f13_cu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1f14_cu_penilaian == value) {
-        jumlah++;
-      }
-
-      return jumlah;
-    },
-    jumlahPenilaianBKCU: function jumlahPenilaianBKCU(value) {
-      var jumlah = 0;
-
-      if (this.form.p1.p1a1_bkcu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1a2_bkcu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1b3_bkcu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1b4_bkcu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1b5_bkcu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1b7_bkcu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1c8_bkcu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1c9_bkcu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1d10_bkcu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1d11_bkcu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1e12_bkcu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1f13_bkcu_penilaian == value) {
-        jumlah++;
-      }
-
-      if (this.form.p1.p1f14_bkcu_penilaian == value) {
-        jumlah++;
-      }
-
-      return jumlah;
-    },
-    modalBuka: function modalBuka(itemData, type) {
-      this.modalSize = 'modal-lg';
-      this.modalColor = 'bg-primary';
-      this.modalShow = true;
-      this.modalState = 'normal1';
-      this.modalKatex.id = itemData.id;
-      this.modalKatex.periode = itemData.periode;
-      this.modalKatex.id_tp = '';
-      this.modalKatex.no_tp = '';
-      this.modalKatex.id_cu = itemData.id_cu;
-      this.modalKatex.no_ba = itemData.no_ba;
-      this.modalKatex.section = 'CU ' + itemData.cu.name + ' periode ' + this.formatPeriode(itemData.periode);
-      this.modalKatex.id_cu = itemData.id_cu; // p1	
-
-      if (type == 'p1') {
-        this.modalTitle = 'P1 - Provisi pinjaman lalai di atas 12 bulan';
-        this.modalKatex.form.push({
-          title: 'Cadangan Resiko',
-          key: 'dcr',
-          value: itemData.dcr
-        }, {
-          title: 'Piutang Lalai Di Atas 12 Bulan',
-          key: 'piutang_lalai_12bulan',
-          value: itemData.piutang_lalai_12bulan
-        });
-        this.modalKatex.indikator = '100% provisi tersedia untuk pinjaman lalai di atas 12 bulan dan setiap triwulan dilakukan charge off secara konsisten.';
-        var katex1Content1 = '\\text{P1} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{100} \\% (\\text{IDEAL})';
-        var katex2Content1 = '\\text{P1} = \\dfrac{' + this.formatCurrency(this.modalKatex.form[0].value) + '}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.p1) + ' \\% (\\text{' + (itemData.p1 >= 1 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-        this.modalKatex.katex1.push({
-          title: '',
-          content: katex1Content1
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: katex2Content1
-        }); // p2
-      } else if (type == 'p2') {
-        this.modalTitle = 'P2 -  Provisi pinjaman lalai 1 - 12 bulan';
-        this.modalKatex.form.push({
-          title: 'Cadangan Resiko',
-          key: 'dcr',
-          value: itemData.dcr
-        }, {
-          title: 'Piutang Lalai Di Atas 12 Bulan',
-          key: 'piutang_lalai_12bulan',
-          value: itemData.piutang_lalai_12bulan
-        }, {
-          title: 'Piutang Lalai 1 - 12 Bulan',
-          key: 'piutang_lalai_1bulan',
-          value: itemData.piutang_lalai_1bulan
-        });
-        this.modalKatex.indikator = '35% provisi tersedia untuk pinjaman lalai 1 – 12 bulan dan setiap triwulan dilakukan charge off dari waktu ke waktu';
-
-        var _katex1Content = '\\text{P2} = \\dfrac{\\text{Saldo Cadangan Resiko setelah P1}[\\text{' + this.modalKatex.form[0].title + '} - \\text{' + this.modalKatex.form[1].title + '}]}{\\text{' + this.modalKatex.form[2].title + '}} \\times \\text{100} \\% = \\text{Di Atas 35} \\% (\\text{IDEAL})';
-
-        var _katex2Content = '\\text{P2} = \\dfrac{' + this.formatCurrency(this.modalKatex.form[0].value) + ' - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.p2) + ' \\% (\\text{' + (itemData.p2 >= 0.35 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content
-        });
-
-        if (itemData.p1 >= 1) {
-          this.modalKatex.katex2.push({
-            title: '',
-            content: _katex2Content
-          });
-        } else {
-          this.modalKatex.katex2.push({
-            title: 'Karena tidak ada saldo cadangan resiko setelah P1, maka P2 (TIDAK IDEAL)',
-            content: _katex2Content
-          });
-        } // e1
-
-      } else if (type == 'e1') {
-        this.modalTitle = 'E1 - Piutang bersih / total aset';
-
-        if (itemData.p1 >= 1 && itemData.p2 > 0.35) {
-          this.modalKatex.form.push({
-            title: 'Piutang Beredar',
-            key: 'piutang_beredar',
-            value: itemData.piutang_beredar
-          }, {
-            title: 'Piutang Lalai Di Atas 12 Bulan',
-            key: 'piutang_lalai_12bulan',
-            value: itemData.piutang_lalai_12bulan
-          }, {
-            title: 'Piutang Lalai 1 - 12 Bulan',
-            key: 'piutang_lalai_1bulan',
-            value: itemData.piutang_lalai_1bulan
-          }, {
-            title: 'Aset',
-            key: 'aset',
-            value: itemData.aset
-          });
-        } else {
-          this.modalKatex.form.push({
-            title: 'Piutang Beredar',
-            key: 'piutang_beredar',
-            value: itemData.piutang_beredar
-          }, {
-            title: 'Cadangan Resiko',
-            key: 'dcr',
-            value: itemData.dcr
-          }, {
-            title: 'Aset',
-            key: 'aset',
-            value: itemData.aset
-          });
-        }
-
-        this.modalKatex.indikator = 'Rasio Piutang Bersih adalah 70% – 80% dari total aset dan portofolio pinjaman beragam dengan setidaknya 5 macam produk pinjaman yang berbeda';
-        var _katex1Content2 = '\\text{E1} = \\dfrac{\\text{Piutang Beredar} - ((\\text{100} \\% \\times \\text{Piutang Lalai Di Atas 12 Bulan}) + (\\text{35} \\% \\times \\text{Piutang Lalai 1 - 12 Bulan}))}{\\text{Aset}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\% (\\text{IDEAL})';
-        var katex1Content2 = '\\text{E1} = \\dfrac{\\text{Piutang Beredar} - \\text{Cadangan Resiko}}{\\text{Aset}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\% (\\text{IDEAL})';
-        var _katex2Content2 = '';
-        var katex2Title1 = '';
-
-        if (itemData.p1 >= 1 && itemData.p2 > 0.35) {
-          katex2Title1 = 'Dikarenakan P1 dan P2 (IDEAL), maka rumus yang digunakan adalah rumus 1';
-          _katex2Content2 = '\\text{E1} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} - ((\\text{100} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}) + (\\text{35} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}))}{\\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e1) + ' \\% (\\text{' + (itemData.e1 >= 0.7 && itemData.e1 <= 0.8 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-        } else {
-          katex2Title1 = 'Dikarenakan P1 dan P2 (TIDAK IDEAL), maka rumus yang digunakan adalah rumus 2';
-          _katex2Content2 = '\\text{E1} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e1) + ' \\% (\\text{' + (itemData.e1 >= 0.7 && itemData.e1 <= 0.8 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-        }
-
-        this.modalKatex.katex1.push({
-          title: 'Rumus 1 - apabila P1 dan P2 (IDEAL)',
-          content: _katex1Content2
-        }, {
-          title: 'Rumus 2 - apabila P1 dan P2 (TIDAK IDEAL)',
-          content: katex1Content2
-        });
-        this.modalKatex.katex2.push({
-          title: katex2Title1,
-          content: _katex2Content2
-        }); // e5
-      } else if (type == 'e5') {
-        this.modalTitle = 'E5 - Simpanan non saham / total aset';
-        this.modalKatex.form.push({
-          title: 'Simpanan Non Saham Unggulan',
-          key: 'nonsaham_unggulan',
-          value: itemData.nonsaham_unggulan
-        }, {
-          title: 'Simpanan Non Saham Harian',
-          key: 'nonsaham_harian',
-          value: itemData.nonsaham_harian
-        }, {
-          title: 'Aset',
-          key: 'aset',
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = 'Rasio 70% – 80% dari total aset dan memiliki beragam jenis simpanan minimal 5 jenis produk simpanan yang berbeda.';
-
-        var _katex1Content3 = '\\text{E5} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '}}{\\text{' + this.modalKatex.form[2].title + '}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\%(\\text{IDEAL})';
-
-        var _katex2Content3 = '\\text{E5} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e5) + ' \\% (\\text{' + (itemData.e5 >= 0.7 && itemData.e5 <= 0.8 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content3
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content3
-        }); // e6
-      } else if (type == 'e6') {
-        this.modalTitle = 'E6 - Pinjaman kepada pihak luar terhadap total aset';
-        this.modalKatex.form.push({
-          title: 'Total Hutang Pihak Ke-3',
-          key: 'total_hutang_pihak3',
-          value: itemData.total_hutang_pihak3
-        }, {
-          title: 'Aset',
-          key: 'aset',
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = 'Jumlah pinjaman kepada pihak eksternal 1% – 5% dari total aset.';
-
-        var _katex1Content4 = '\\text{E6} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})';
-
-        var _katex2Content4 = '\\text{E6} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e6) + ' \\% ( \\text{' + (itemData.e6 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content4
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content4
-        }); // e7
-      } else if (type == "e7") {
-        this.modalTitle = "E7 - Persentase total aset yang didanai dari simpanan saham";
-        this.modalKatex.form.push({
-          title: "Simpanan Saham",
-          key: "simpanan_saham",
-          value: itemData.simpanan_saham
-        }, {
-          title: "Aset",
-          key: "aset",
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = "10-20% total aset yang didanai dari simpanan saham";
-
-        var _katex1Content5 = "\\text{E7} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{10} \\% \\text{ Sampai } \\text{20} \\%(\\text{IDEAL})";
-
-        var _katex2Content5 = "\\text{E7} = \\dfrac{" + this.formatCurrency(this.modalKatex.form[0].value) + "}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e7) + " \\% (\\text{" + (itemData.e7 >= 0.1 && itemData.e7 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content5
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content5
-        }); // e9
-      } else if (type == 'e9') {
-        this.modalTitle = 'E9 - Modal lembaga bersih';
-        this.modalKatex.form.push({
-          title: 'Cadangan Resiko',
-          key: 'dcr',
-          value: itemData.dcr
-        }, {
-          title: 'Cadangan Umum',
-          key: 'dcu',
-          value: itemData.dcu
-        }, {
-          title: 'Dana Gedung',
-          key: 'dana_gedung',
-          value: itemData.dana_gedung
-        }, {
-          title: 'Donasi',
-          key: 'donasi',
-          value: itemData.donasi
-        }, {
-          title: 'SHU Tahun Lalu',
-          key: 'shu_lalu',
-          value: itemData.shu_lalu
-        }, {
-          title: 'Piutang Lalai Di Atas 12 Bulan',
-          key: 'piutang_lalai_12bulan',
-          value: itemData.piutang_lalai_12bulan
-        }, {
-          title: 'Piutang Lalai 1 - 12 Bulan',
-          key: 'piutang_lalai_1bulan',
-          value: itemData.piutang_lalai_1bulan
-        }, {
-          title: 'Aset Bermasalah',
-          key: 'aset_masalah',
-          value: itemData.aset_masalah
-        }, {
-          title: 'Aset',
-          key: 'aset',
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = 'Modal lembaga bersih sebesar 10% dari total aset.';
-
-        var _katex1Content6 = '\\text{E9} = \\dfrac{(\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '} + \\text{' + this.modalKatex.form[2].title + '} + \\text{' + this.modalKatex.form[3].title + '} + \\text{' + this.modalKatex.form[4].title + '}) - ((\\text{100} \\% \\times \\text{' + this.modalKatex.form[5].title + '}) + (\\text{35} \\% \\times \\text{' + this.modalKatex.form[6].title + '}) + \\text{' + this.modalKatex.form[7].title + '})}{\\text{' + this.modalKatex.form[8].title + '}} \\times \\text{100} \\% = \\text{Lebih Dari Sama Dengan 10} \\% (\\text{IDEAL})';
-
-        var _katex2Content6 = '\\text{E9} = \\dfrac{(\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[4].value) + '}) - ((\\text{100} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[5].value) + '}) + (\\text{35} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[6].value) + '}) + \\text{' + this.formatCurrency(this.modalKatex.form[7].value) + '})}{\\text{' + this.formatCurrency(this.modalKatex.form[8].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e9) + ' \\% ( \\text{' + (itemData.e9 >= 0.1 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content6
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content6
-        }); // a1
-      } else if (type == 'a1') {
-        this.modalTitle = 'A1 - Total pinjaman lalai / total pinjaman beredar';
-        this.modalKatex.form.push({
-          title: 'Piutang Lalai Di Atas 12 Bulan',
-          key: 'piutang_lalai_12bulan',
-          value: itemData.piutang_lalai_12bulan
-        }, {
-          title: 'Piutang Lalai 1 - 12 Bulan',
-          key: 'piutang_lalai_1bulan',
-          value: itemData.piutang_lalai_1bulan
-        }, {
-          title: 'Piutang Beredar',
-          key: 'piutang_beredar',
-          value: itemData.piutang_beredar
-        });
-        this.modalKatex.indikator = 'Total pinjaman lalai &le; 5% dari total pinjaman beredar.';
-
-        var _katex1Content7 = '\\text{A1} = \\dfrac{\\text{Total Pinjaman Lalai}[\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '}]}{\\text{' + this.modalKatex.form[2].title + '}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})';
-
-        var _katex2Content7 = '\\text{A1} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.a1) + ' \\% ( \\text{' + (itemData.a1 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content7
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content7
-        }); // a2	
-      } else if (type == 'a2') {
-        this.modalTitle = 'A2 - Aset yang tidak menghasilkan / total aset';
-        this.modalKatex.form.push({
-          title: 'Aset Tidak Menghasilkan',
-          key: 'aset_tidak_menghasilkan',
-          value: itemData.aset_tidak_menghasilkan
-        }, {
-          title: 'Aset',
-          key: 'aset',
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = 'Aset tidak menghasilkan 5% dari total aset.';
-
-        var _katex1Content8 = '\\text{A2} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})';
-
-        var _katex2Content8 = '\\text{A2} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.a2) + ' \\% ( \\text{' + (itemData.a2 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content8
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content8
-        }); // r7
-      } else if (type == 'r7') {
-        this.modalTitle = 'R7 - BJS saham terhadap rata-rata aset';
-        this.modalKatex.form.push({
-          title: 'BJS Saham',
-          key: 'bjs_saham',
-          value: itemData.bjs_saham
-        }, {
-          title: 'Simpanan Saham Bulan Desember',
-          key: 'simpanan_saham_des',
-          value: itemData.aset
-        }, {
-          title: 'Simpanan Saham Bulan ' + this.formatPeriodeMonth(itemData.periode),
-          key: 'simpanan_saham',
-          value: itemData.simpanan_saham
-        }, {
-          title: 'Simpanan Saham Tahun Lalu',
-          key: 'simpanan_saham_lalu',
-          value: itemData.simpanan_saham_lalu
-        }, {
-          title: 'Harga Pasar',
-          key: 'harga_pasar',
-          value: itemData.harga_pasar
-        });
-        this.modalKatex.indikator = 'Dividen saham dibayar 1% lebih tinggi daripada suku bunga pasar';
-
-        if (itemData.simpanan_saham_des != 0) {
-          var _katex1Content9 = '\\text{R7} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{Simpanan Saham Rata-rata}(\\frac{\\text{' + this.modalKatex.form[1].title + '} + \\text{' + this.modalKatex.form[2].title + '}}{\\text{Jumlah Bulan Berjalan}} \\times \\text{12})} \\times \\text{100} \\% = \\text{Harga Pasar} \\% (\\text{IDEAL})';
-
-          var _katex2Content9 = '\\text{R7} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{(\\frac{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}}{\\text{' + this.formatPeriodeMonth(itemData.periode) + '}} \\times \\text{12})} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.r7_1) + ' \\% ( \\text{' + (itemData.r7_1 == itemData.harga_pasar ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-          this.modalKatex.katex1.push({
-            title: 'Jika simpanan saham bersumber dari saldo bulan desember tahun lalu',
-            content: _katex1Content9
-          });
-          this.modalKatex.katex2.push({
-            title: '',
-            content: _katex2Content9
-          });
-        }
-
-        if (itemData.simpanan_saham_lalu != 0) {
-          var _katex1Content10 = '\\text{R7} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{Simpanan Saham Rata-rata}(\\frac{\\text{' + this.modalKatex.form[3].title + '} + \\text{' + this.modalKatex.form[2].title + '}}{\\text{2}})} \\times \\text{100} \\% = \\text{Harga Pasar} \\% (\\text{IDEAL})';
-
-          var katex2Content2 = '\\text{R7} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{(\\frac{\\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}}{\\text{2}})} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.r7_2) + ' \\% ( \\text{' + (itemData.r7_2 == itemData.harga_pasar ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-          this.modalKatex.katex1.push({
-            title: 'Jika simpanan saham bersumber dari saldo tahun lalu bulan ' + this.formatPeriodeMonth(itemData.periode),
-            content: _katex1Content10
-          });
-          this.modalKatex.katex2.push({
-            title: '',
-            content: katex2Content2
-          });
-        } //r9	
-
-      } else if (type == 'r9') {
-        this.modalTitle = 'R9 - biaya operasional terhadap rata-rata aset';
-        this.modalKatex.form.push({
-          title: 'Total Biaya',
-          key: 'total_biaya',
-          value: itemData.total_biaya
-        }, {
-          title: 'Beban Penyisihan Cadangan Resiko',
-          key: 'beban_penyisihan_dcr',
-          value: itemData.beban_penyisihan_dcr
-        }, {
-          title: 'Aset',
-          key: 'aset',
-          value: itemData.aset
-        }, {
-          title: 'Aset Tahun Lalu',
-          key: 'aset_lalu',
-          value: itemData.aset_lalu
-        });
-        this.modalKatex.indikator = 'Beban operasional terhadap rata-rata aset sebesar 5%.';
-
-        var _katex1Content11 = '\\text{R9} = \\dfrac{\\text{Beban Operasional}(\\text{' + this.modalKatex.form[0].title + '} - \\text{' + this.modalKatex.form[1].title + '})}{\\text{Rata-rata Aset}(\\frac{\\text{' + this.modalKatex.form[2].title + '} + \\text{' + this.modalKatex.form[3].title + '}}{\\text{2}})} \\times \\text{100} \\% <= \\text{5} \\% (\\text{IDEAL})';
-
-        var _katex2Content10 = '\\text{R9} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\frac{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '}}{\\text{2}}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e6) + ' \\% ( \\text{' + (itemData.r9 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content11
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content10
-        }); //l1
-      } else if (type == 'l1') {
-        this.modalTitle = 'L1 - (investasi likuid + aset-aset likuid - hutang jangka pendek < 30 Hari) / simpanan non saham';
-        this.modalKatex.form.push({
-          title: 'Investasi Likuid',
-          key: 'investasi_likuid',
-          value: itemData.investasi_likuid
-        }, {
-          title: 'Aset Likuid Tidak Menghasilkan',
-          key: 'aset_likuid_tidak_menghasilkan',
-          value: itemData.aset_likuid_tidak_menghasilkan
-        }, {
-          title: 'Hutang Tidak Berbiaya < 30 Hari',
-          key: 'hutang_tidak_berbiaya_30hari',
-          value: itemData.hutang_tidak_berbiaya_30hari
-        }, {
-          title: 'Total Simpanan Non Saham',
-          key: 'tot_nonsaham',
-          value: itemData.tot_nonsaham
-        });
-        this.modalKatex.indikator = 'Likuiditas sebesar 15% dari total simpanan non saham tetapi tidak melampaui 20% dari total aset.';
-
-        var _katex1Content12 = '\\text{L1} = \\dfrac{(\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '}) - \\text{' + this.modalKatex.form[2].title + '}}{\\text{' + this.modalKatex.form[3].title + '}} \\times \\text{100} \\% = \\text{15} \\% \\text{ Sampai } \\text{20} \\% (\\text{IDEAL})';
-
-        var _katex2Content11 = '\\text{L1} = \\dfrac{(\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}) - \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.l1) + ' \\% (\\text{' + (itemData.l1 >= 0.15 && itemData.l1 <= 0.2 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content12
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content11
-        }); // l2
-      } else if (type == "l2") {
-        this.modalTitle = "L2 - Likuiditas untuk memenuhi permintaan penarikan setelah membayar semua kewajiban < 30 hari";
-        this.modalKatex.form.push({
-          title: "Investasi Likuid",
-          key: "investasi_likuid",
-          value: itemData.investasi_likuid
-        }, {
-          title: "Aset Likuid Tidak Menghasilkan",
-          key: "aset_likuid_tidak_menghasilkan",
-          value: itemData.aset_likuid_tidak_menghasilkan
-        }, {
-          title: "Hutang Tidak Berbiaya < 30 Hari",
-          key: "hutang_tidak_berbiaya_30hari",
-          value: itemData.hutang_tidak_berbiaya_30hari
-        }, {
-          title: "Aset",
-          key: "aset",
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = "Likuiditas sebesar 15% dari total simpanan non saham tetapi tidak melampaui 20% dari total aset.";
-
-        var _katex1Content13 = "\\text{L1} = \\dfrac{(\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "}) - \\text{" + this.modalKatex.form[2].title + "}}{\\text{" + this.modalKatex.form[3].title + "}} \\times \\text{100} \\% = \\text{15} \\% \\text{ Sampai } \\text{20} \\% (\\text{IDEAL})";
-
-        var _katex2Content12 = "\\text{L1} = \\dfrac{(\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}) - \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.l1) + " \\% (\\text{" + (itemData.l1 >= 0.15 && itemData.l1 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content13
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content12
-        }); //s10	
-      } else if (type == 's10') {
-        this.modalTitle = "S10 - Pertumbuhan anggota";
-        this.modalKatex.form.push({
-          title: "Lelaki Biasa",
-          key: "l_biasa",
-          value: itemData.l_biasa
-        }, {
-          title: "Lelaki L. Biasa",
-          key: "l_lbiasa",
-          value: itemData.l_lbiasa
-        }, {
-          title: "Perempuan Biasa",
-          key: "p_biasa",
-          value: itemData.p_biasa
-        }, {
-          title: "Perempuan L.Biasa",
-          key: "p_lbiasa",
-          value: itemData.p_lbiasa
-        }, {
-          title: "Total Anggota",
-          key: "total_anggota",
-          value: itemData.total_anggota,
-          hideForm: true
-        }, {
-          title: "Total Anggota Tahun Lalu",
-          key: "total_anggota_lalu",
-          value: itemData.total_anggota_lalu
-        });
-        this.modalKatex.indikator = "Pertumbuhan anggota di atas 12% per tahun.";
-
-        var _katex1Content14 = "\\text{s10} = \\dfrac{\\text{" + this.modalKatex.form[4].title + "} - \\text{" + this.modalKatex.form[5].title + "}}{\\text{" + this.modalKatex.form[5].title + "}} \\times \\text{100} \\% = \\text{Di Atas 12} \\% (\\text{IDEAL})";
-
-        var _katex2Content13 = "\\text{s10} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[4].value) + "} - \\text{" + this.formatCurrency(this.modalKatex.form[5].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[5].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.s10) + " \\% ( \\text{" + (itemData.s10 > 0.12 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content14
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content13
-        }); //s11
-      } else if (type == 's11') {
-        this.modalTitle = "S11 - Pertumbuhan aset";
-        this.modalKatex.form.push({
-          title: "Aset",
-          key: "aset",
-          value: itemData.aset
-        }, {
-          title: "Aset Tahun Lalu",
-          key: "aset_lalu",
-          value: itemData.aset_lalu
-        });
-        this.modalKatex.indikator = "Pertumbuhan aset 10% di atas laju inflasi.";
-
-        var _katex1Content15 = "\\text{s11} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "} - \\text{" + this.modalKatex.form[1].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{10} \\% \\text{ Di Atas Laju Inflasi} (\\text{IDEAL})";
-
-        var _katex2Content14 = "\\text{S11} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} - \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.s11) + " \\% ( \\text{" + (itemData.s11 > itemData.laju_inflasi + 0.1 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content15
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content14
-        });
-      }
-    },
-    modalKatexReset: function modalKatexReset() {
-      this.modalKatex.isUbah = false;
-      this.modalKatex.katex1 = [];
-      this.modalKatex.katex2 = [];
-      this.modalKatex.form = [];
-    },
-    modalTutup: function modalTutup() {
-      this.modalSize = '';
-      this.modalShow = false;
-      this.modalKatexReset();
-    },
-    formatPeriode: function formatPeriode(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value) + ' ' + vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('year')(value);
-    },
-    formatPeriodeMonth: function formatPeriodeMonth(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value);
-    },
-    formatCurrency: function formatCurrency(value) {
-      return this.$options.filters.currency(value, '', 0, {
-        thousandsSeparator: '.'
-      });
-    },
-    formatPercentage: function formatPercentage(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('percentage2')(value, 2);
-    },
-    countTotal: function countTotal(value1, value2) {
-      return value1 - value2;
-    },
-    countPercentage: function countPercentage(value1, value2) {
-      if (value2 > 0) {
-        return this.formatPercentage(this.countTotal(value1, value2) / value2);
-      } else {
-        return this.formatPercentage('0');
-      }
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanCu', {
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./penilaian_cu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue");
-/* harmony import */ var _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./penilaian_bkcu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue");
-/* harmony import */ var _form_filter_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form_filter.vue */ "./resources/assets/js/views/assesmentAccess/form_filter.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -4536,6 +4960,283 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected', 'item', 'tingkat'],
+  components: {
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      kelas: 'aktivis',
+      tingkatArray: [],
+      tingkatName: [],
+      formPeserta: {
+        aktivis_id: '',
+        kegiatan_id: '',
+        cu_id: '',
+        keterangan: '',
+        tingkat: '',
+        name_nametag: '',
+        name_sertifikat: '',
+        datang: '',
+        pulang: ''
+      },
+      selectedItem: [],
+      query: {
+        order_column: "name",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 5,
+        page: 1
+      },
+      columnData: [{
+        title: 'No.'
+      }, {
+        title: 'Foto'
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Gender'
+      }, {
+        title: 'CU',
+        disable: false
+      }, {
+        title: 'Tingkat'
+      }, {
+        title: 'Jabatan'
+      }, {
+        title: 'Pendidikan'
+      }, {
+        title: 'Jurusan'
+      }, {
+        title: 'Tgl. Lahir'
+      }, {
+        title: 'Tempat Lahir'
+      }, {
+        title: 'Tinggi'
+      }, {
+        title: 'Agama'
+      }, {
+        title: 'Status Pernikahan'
+      }],
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        year: {
+          date: true,
+          datePattern: ['Y']
+        }
+      },
+      message: {
+        show: false,
+        content: ''
+      },
+      submited: false
+    };
+  },
+  created: function created() {
+    if (this.mode == 'edit') {
+      this.formPeserta = this.selected;
+      this.formPeserta.tingkat = this.selected.aktivis.pekerjaan_aktif.tingkat;
+      this.formPeserta.jabatan = this.selected.aktivis.pekerjaan_aktif.name;
+      this.formPeserta.cu_id = this.selected.aktivis.pekerjaan_aktif.id_tempat;
+
+      if (this.selected.aktivis.pendidikan_tertinggi) {
+        this.formPeserta.pendidikan = this.selected.aktivis.pendidikan_tertinggi.tingkat + ' ' + this.selected.aktivis.pendidikan_tertinggi.name;
+      }
+
+      this.formPeserta.status = this.selected.status;
+      this.formPeserta.kelamin = this.selected.aktivis.kelamin;
+      this.formPeserta.agama = this.selected.aktivis.agama;
+      this.formPeserta.tinggi = this.selected.aktivis.tinggi;
+      this.formPeserta.tanggal_lahir = this.selected.aktivis.tanggal_lahir;
+      this.formPeserta.tempat_lahir = this.selected.aktivis.tempat_lahir;
+      this.formPeserta.name = this.selected.aktivis.name;
+      this.formPeserta.gambar = this.selected.aktivis.gambar;
+      this.formPeserta.jabatan = this.selected.pekerjaan_aktif.name;
+
+      if (this.selected.aktivis.pekerjaan_aktif.tipe == 1) {
+        this.formPeserta.lembaga = this.selected.aktivis.pekerjaan_aktif.cu.name;
+      } else if (this.selected.aktivis.pekerjaan_aktif.tipe == 2) {
+        this.formPeserta.lembaga = this.selected.aktivis.pekerjaan_aktif.lembaga_lain.name;
+      } else if (this.selected.aktivis.pekerjaan_aktif.tipe == 3) {
+        this.formPeserta.lembaga = "PUSKOPCUINA";
+      }
+    } else {
+      var i;
+
+      for (i = 0; i < this.tingkat.length; i++) {
+        this.tingkatArray.push(this.tingkat[i].id);
+      }
+
+      for (i = 0; i < this.tingkat.length; i++) {
+        this.tingkatName.push(this.tingkat[i].name);
+      }
+
+      this.fetch(this.query);
+    }
+  },
+  watch: {
+    checkPesertaDataStat: function checkPesertaDataStat(value) {
+      if (value == 'success') {
+        if (this.checkPesertaData) {
+          this.message.show = true;
+          this.message.content = "Maaf peserta ini sudah terdaftar di pertemuan ini";
+          this.deleteSelected();
+        } else {
+          this.save();
+        }
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch(params) {
+      if (this.currentUser.id_cu == 0) {
+        this.$store.dispatch('aktivis/index', [params, 'semua', 'aktif']);
+        this.disableColumnCu(false);
+      } else {
+        this.$store.dispatch('aktivis/indexCu', [params, this.currentUser.id_cu, 'semua', 'aktif']);
+        this.disableColumnCu(true);
+      }
+    },
+    disableColumnCu: function disableColumnCu(value) {
+      this.columnData[4].disable = value;
+    },
+    deleteSelected: function deleteSelected() {
+      this.formPeserta.aktivis_id = '';
+      this.formPeserta.name_nametag = '';
+      this.formPeserta.name_sertifikat = '';
+      this.formPeserta.datang = '';
+      this.formPeserta.pulang = '';
+      this.formPeserta.keterangan = '';
+      this.selectedItem = [];
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+      this.formPeserta.tingkat = item.pekerjaan_aktif.tingkat;
+      this.formPeserta.name_sertifikat = item.name;
+
+      if (this.tingkatArray.includes(this.formPeserta.tingkat)) {
+        this.formPeserta.aktivis_id = item.id;
+        this.formPeserta.kegiatan_id = this.item.id;
+        this.formPeserta.jabatan = item.pekerjaan_aktif.name;
+        this.formPeserta.cu_id = item.pekerjaan_aktif.id_tempat;
+
+        if (item.pendidikan_tertinggi) {
+          this.formPeserta.pendidikan = item.pendidikan_tertinggi.tingkat + ' ' + item.pendidikan_tertinggi.name;
+        }
+
+        this.formPeserta.status = item.status;
+        this.formPeserta.kelamin = item.kelamin;
+        this.formPeserta.agama = item.agama;
+        this.formPeserta.tinggi = item.tinggi;
+        this.formPeserta.tanggal_lahir = item.tanggal_lahir;
+        this.formPeserta.tempat_lahir = item.tempat_lahir;
+        this.formPeserta.name = item.name;
+        this.formPeserta.gambar = item.gambar;
+        this.formPeserta.jabatan = item.pekerjaan_aktif.name;
+
+        if (item.pekerjaan_aktif.tipe == 1) {
+          this.formPeserta.lembaga = item.pekerjaan_aktif.cu.name;
+        } else if (item.pekerjaan_aktif.tipe == 2) {
+          this.formPeserta.lembaga = item.pekerjaan_aktif.lembaga_lain.name;
+        } else if (item.pekerjaan_aktif.tipe == 3) {
+          this.formPeserta.lembaga = "PUSKOPCUINA";
+        }
+
+        this.message.show = false;
+      } else {
+        this.message.show = true;
+        this.message.content = "Maaf peserta pertemuan ini harus dari tingkat " + this.tingkatName;
+        this.selectedItem = '';
+      }
+    },
+    checkPeserta: function checkPeserta() {
+      if (this.mode != 'edit') {
+        this.$store.dispatch('kegiatanBKCU/checkPeserta', [this.item.id, this.formPeserta.aktivis_id]);
+      } else {
+        this.save();
+      }
+    },
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formPeserta').then(function (result) {
+        if (result) {
+          if (_this.mode == 'edit') {
+            _this.$store.dispatch('kegiatanBKCU/updatePeserta', [_this.formPeserta.id, _this.formPeserta]);
+          } else {
+            _this.formPeserta.status = _this.item.status;
+
+            _this.$store.dispatch('kegiatanBKCU/storePeserta', [_this.item.tipe, _this.item.id, _this.formPeserta]);
+          }
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    messageClose: function messageClose() {
+      this.message.show = false;
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('kegiatanBKCU', {
+    checkPesertaData: 'data2',
+    checkPesertaDataStat: 'dataStat2'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('aktivis', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -4588,6 +5289,66 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['kelas', 'tipe', 'id'],
+  components: {
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      formPeserta: {
+        status: '',
+        keteranganBatal: ''
+      },
+      penjelasanStatus: '',
+      submited: false
+    };
+  },
+  created: function created() {},
+  watch: {},
+  methods: {
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formPeserta').then(function (result) {
+        _this.$store.dispatch(_this.kelas + '/batalPeserta', [_this.tipe, _this.id, _this.formPeserta]);
+      });
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -4743,6 +5504,94 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected', 'kegiatan_id', 'kegiatan_tipe'],
+  components: {
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      formTugas: {
+        id_cu: '',
+        id_user: '',
+        name: '',
+        tipe: '',
+        format: '',
+        content: '',
+        link: ''
+      },
+      submited: false
+    };
+  },
+  created: function created() {
+    if (this.mode == 'edit') {
+      this.formTugas = Object.assign({}, this.selected);
+    }
+  },
+  watch: {},
+  methods: {
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.formTugas.content = files[0];
+    },
+    save: function save() {
+      var _this = this;
+
+      this.formTugas.id_user = this.currentUser.id;
+      this.formTugas.id_cu = this.currentUser.id_cu;
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_1__["toMulipartedForm"])(this.formTugas, this.mode);
+      this.$validator.validateAll('formTugas').then(function (result) {
+        if (result) {
+          if (_this.mode == 'edit') {
+            _this.$store.dispatch('kegiatanBKCU/updateTugas', [_this.formTugas.id, formData]);
+          } else {
+            _this.$store.dispatch('kegiatanBKCU/storeTugas', [_this.kegiatan_tipe, _this.kegiatan_id, formData]);
+          }
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");
+/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_5__);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -5103,50118 +5952,257 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'updateSingleStat'],
-  components: {
-    penilaianCu: _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-    penilaianBkcu: _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    formFilter: _form_filter_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  data: function data() {
-    return {
-      cuTabName: 'semua',
-      bkcuTabName: 'semua'
-    };
-  },
-  created: function created() {},
-  watch: {},
-  methods: {
-    changeTabCU: function changeTabCU(value) {
-      if (this.$route.meta.mode == 'lihat') {
-        this.bkcuTabName = 'semua';
-        this.cuTabName = value;
-      }
-    },
-    changeTabBKCU: function changeTabBKCU(value) {
-      if (this.$route.meta.mode == 'lihat') {
-        this.cuTabName = 'semua';
-        this.bkcuTabName = value;
-      }
-    },
-    saveSingle: function saveSingle() {
-      this.$emit('saveSingle', 'p2');
-    },
-    prev: function prev() {
-      this.$emit('prev');
-    },
-    next: function next() {
-      this.$emit('next');
-    },
-    skorCUA: function skorCUA() {
-      var jumlah = (this.form.p2.p2a1_cu_penilaian + this.form.p2.p2a2_cu_penilaian + this.form.p2.p2a3_cu_penilaian + this.form.p2.p2a4_cu_penilaian + this.form.p2.p2a5_cu_penilaian + this.form.p2.p2a6_cu_penilaian + this.form.p2.p2a7_cu_penilaian + this.form.p2.p2a8_cu_penilaian + this.form.p2.p2a9_cu_penilaian + this.form.p2.p2a10_cu_penilaian + this.form.p2.p2a11_cu_penilaian) / 1;
-      this.$emit('skorCUA', jumlah);
-      return jumlah;
-    },
-    bobotCUA: function bobotCUA() {
-      var jumlah = this.$options.filters.round((this.form.p2.p2a1_cu_penilaian + this.form.p2.p2a2_cu_penilaian + this.form.p2.p2a3_cu_penilaian + this.form.p2.p2a4_cu_penilaian + this.form.p2.p2a5_cu_penilaian + this.form.p2.p2a6_cu_penilaian + this.form.p2.p2a7_cu_penilaian + this.form.p2.p2a8_cu_penilaian + this.form.p2.p2a9_cu_penilaian + this.form.p2.p2a10_cu_penilaian + this.form.p2.p2a11_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotCUA', jumlah);
-      return jumlah;
-    },
-    skorBKCUA: function skorBKCUA() {
-      var jumlah = (this.form.p2.p2a1_bkcu_penilaian + this.form.p2.p2a2_bkcu_penilaian + this.form.p2.p2a3_bkcu_penilaian + this.form.p2.p2a4_bkcu_penilaian + this.form.p2.p2a5_bkcu_penilaian + this.form.p2.p2a6_bkcu_penilaian + this.form.p2.p2a7_bkcu_penilaian + this.form.p2.p2a8_bkcu_penilaian + this.form.p2.p2a9_bkcu_penilaian + this.form.p2.p2a10_bkcu_penilaian + this.form.p2.p2a11_bkcu_penilaian) / 1;
-      this.$emit('skorBKCUA', jumlah);
-      return jumlah;
-    },
-    bobotBKCUA: function bobotBKCUA() {
-      var jumlah = this.$options.filters.round((this.form.p2.p2a1_bkcu_penilaian + this.form.p2.p2a2_bkcu_penilaian + this.form.p2.p2a3_bkcu_penilaian + this.form.p2.p2a4_bkcu_penilaian + this.form.p2.p2a5_bkcu_penilaian + this.form.p2.p2a6_bkcu_penilaian + this.form.p2.p2a7_bkcu_penilaian + this.form.p2.p2a8_bkcu_penilaian + this.form.p2.p2a9_bkcu_penilaian + this.form.p2.p2a10_bkcu_penilaian + this.form.p2.p2a11_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotBKCUA', jumlah);
-      return jumlah;
-    },
-    skorCUB: function skorCUB() {
-      var jumlah = (this.form.p2.p2b12_cu_penilaian + this.form.p2.p2b13_cu_penilaian + this.form.p2.p2b14_cu_penilaian + this.form.p2.p2b15_cu_penilaian + this.form.p2.p2b16_cu_penilaian + this.form.p2.p2b17_cu_penilaian + this.form.p2.p2b18_cu_penilaian + this.form.p2.p2b19_cu_penilaian + this.form.p2.p2b20_cu_penilaian + this.form.p2.p2b21_cu_penilaian + this.form.p2.p2b22_cu_penilaian + this.form.p2.p2b23_cu_penilaian + this.form.p2.p2b24_cu_penilaian + this.form.p2.p2b25_cu_penilaian + this.form.p2.p2b26_cu_penilaian + this.form.p2.p2b27_cu_penilaian) / 1;
-      this.$emit('skorCUB', jumlah);
-      return jumlah;
-    },
-    bobotCUB: function bobotCUB() {
-      var jumlah = this.$options.filters.round((this.form.p2.p2b12_cu_penilaian + this.form.p2.p2b13_cu_penilaian + this.form.p2.p2b14_cu_penilaian + this.form.p2.p2b15_cu_penilaian + this.form.p2.p2b16_cu_penilaian + this.form.p2.p2b17_cu_penilaian + this.form.p2.p2b18_cu_penilaian + this.form.p2.p2b19_cu_penilaian + this.form.p2.p2b20_cu_penilaian + this.form.p2.p2b21_cu_penilaian + this.form.p2.p2b22_cu_penilaian + this.form.p2.p2b23_cu_penilaian + this.form.p2.p2b24_cu_penilaian + this.form.p2.p2b25_cu_penilaian + this.form.p2.p2b26_cu_penilaian + this.form.p2.p2b27_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotCUB', jumlah);
-      return jumlah;
-    },
-    skorBKCUB: function skorBKCUB() {
-      var jumlah = (this.form.p2.p2b12_bkcu_penilaian + this.form.p2.p2b13_bkcu_penilaian + this.form.p2.p2b14_bkcu_penilaian + this.form.p2.p2b15_bkcu_penilaian + this.form.p2.p2b16_bkcu_penilaian + this.form.p2.p2b17_bkcu_penilaian + this.form.p2.p2b18_bkcu_penilaian + this.form.p2.p2b19_bkcu_penilaian + this.form.p2.p2b20_bkcu_penilaian + this.form.p2.p2b21_bkcu_penilaian + this.form.p2.p2b22_bkcu_penilaian + this.form.p2.p2b23_bkcu_penilaian + this.form.p2.p2b24_bkcu_penilaian + this.form.p2.p2b25_bkcu_penilaian + this.form.p2.p2b26_bkcu_penilaian + this.form.p2.p2b27_bkcu_penilaian) / 1;
-      this.$emit('skorBKCUB', jumlah);
-      return jumlah;
-    },
-    bobotBKCUB: function bobotBKCUB() {
-      var jumlah = this.$options.filters.round((this.form.p2.p2b12_bkcu_penilaian + this.form.p2.p2b13_bkcu_penilaian + this.form.p2.p2b14_bkcu_penilaian + this.form.p2.p2b15_bkcu_penilaian + this.form.p2.p2b16_bkcu_penilaian + this.form.p2.p2b17_bkcu_penilaian + this.form.p2.p2b18_bkcu_penilaian + this.form.p2.p2b19_bkcu_penilaian + this.form.p2.p2b20_bkcu_penilaian + this.form.p2.p2b21_bkcu_penilaian + this.form.p2.p2b22_bkcu_penilaian + this.form.p2.p2b23_bkcu_penilaian + this.form.p2.p2b24_bkcu_penilaian + this.form.p2.p2b25_bkcu_penilaian + this.form.p2.p2b26_bkcu_penilaian + this.form.p2.p2b27_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotBKCUB', jumlah);
-      return jumlah;
-    },
-    jumlahPenilaianCU: function jumlahPenilaianCU(nilai) {
-      var jumlah = 0;
-
-      if (this.form.p2.p2a1_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a2_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a3_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a4_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a5_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a6_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a7_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a8_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a9_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a10_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a11_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b12_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b13_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b14_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b15_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b16_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b17_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b18_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b19_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b20_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b21_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b22_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b23_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b24_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b25_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b26_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b27_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      return jumlah;
-    },
-    jumlahPenilaianBKCU: function jumlahPenilaianBKCU(nilai) {
-      var jumlah = 0;
-
-      if (this.form.p2.p2a1_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a2_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a3_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a4_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a5_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a6_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a7_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a8_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a9_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a10_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2a11_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b12_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b13_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b14_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b15_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b16_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b17_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b18_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b19_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b20_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b21_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b22_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b23_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b24_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b25_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b26_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p2.p2b27_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      return jumlah;
-    }
-  },
-  computed: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./penilaian_cu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue");
-/* harmony import */ var _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./penilaian_bkcu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue");
-/* harmony import */ var _form_filter_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form_filter.vue */ "./resources/assets/js/views/assesmentAccess/form_filter.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'updateSingleStat'],
-  components: {
-    penilaianCu: _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-    penilaianBkcu: _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    formFilter: _form_filter_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  data: function data() {
-    return {
-      cuTabName: 'semua',
-      bkcuTabName: 'semua'
-    };
-  },
-  created: function created() {},
-  watch: {},
-  methods: {
-    changeTabCU: function changeTabCU(value) {
-      if (this.$route.meta.mode == 'lihat') {
-        this.bkcuTabName = 'semua';
-        this.cuTabName = value;
-      }
-    },
-    changeTabBKCU: function changeTabBKCU(value) {
-      if (this.$route.meta.mode == 'lihat') {
-        this.cuTabName = 'semua';
-        this.bkcuTabName = value;
-      }
-    },
-    saveSingle: function saveSingle() {
-      this.$emit('saveSingle', 'p3');
-    },
-    next: function next() {
-      this.$emit('next');
-    },
-    prev: function prev() {
-      this.$emit('prev');
-    },
-    skorCUA: function skorCUA() {
-      var jumlah = (this.form.p3.p3a1_cu_penilaian + this.form.p3.p3a2_cu_penilaian + this.form.p3.p3a3_cu_penilaian + this.form.p3.p3a4_cu_penilaian + this.form.p3.p3a5_cu_penilaian + this.form.p3.p3a6_cu_penilaian + this.form.p3.p3a7_cu_penilaian + this.form.p3.p3a8_cu_penilaian + this.form.p3.p3a9_cu_penilaian) / 1;
-      this.$emit('skorCUA', jumlah);
-      return jumlah;
-    },
-    bobotCUA: function bobotCUA() {
-      var jumlah = this.$options.filters.round((this.form.p3.p3a1_cu_penilaian + this.form.p3.p3a2_cu_penilaian + this.form.p3.p3a3_cu_penilaian + this.form.p3.p3a4_cu_penilaian + this.form.p3.p3a5_cu_penilaian + this.form.p3.p3a6_cu_penilaian + this.form.p3.p3a7_cu_penilaian + this.form.p3.p3a8_cu_penilaian + this.form.p3.p3a9_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotCUA', jumlah);
-      return jumlah;
-    },
-    skorBKCUA: function skorBKCUA() {
-      var jumlah = (this.form.p3.p3a1_bkcu_penilaian + this.form.p3.p3a2_bkcu_penilaian + this.form.p3.p3a3_bkcu_penilaian + this.form.p3.p3a4_bkcu_penilaian + this.form.p3.p3a5_bkcu_penilaian + this.form.p3.p3a6_bkcu_penilaian + this.form.p3.p3a7_bkcu_penilaian + this.form.p3.p3a8_bkcu_penilaian + this.form.p3.p3a9_bkcu_penilaian) / 1;
-      this.$emit('skorBKCUA', jumlah);
-      return jumlah;
-    },
-    bobotBKCUA: function bobotBKCUA() {
-      var jumlah = this.$options.filters.round((this.form.p3.p3a1_bkcu_penilaian + this.form.p3.p3a2_bkcu_penilaian + this.form.p3.p3a3_bkcu_penilaian + this.form.p3.p3a4_bkcu_penilaian + this.form.p3.p3a5_bkcu_penilaian + this.form.p3.p3a6_bkcu_penilaian + this.form.p3.p3a7_bkcu_penilaian + this.form.p3.p3a8_bkcu_penilaian + this.form.p3.p3a9_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotBKCUA', jumlah);
-      return jumlah;
-    },
-    skorCUB: function skorCUB() {
-      var jumlah = (this.form.p3.p3b10_cu_penilaian + this.form.p3.p3b11_cu_penilaian + this.form.p3.p3b12_cu_penilaian + this.form.p3.p3b13_cu_penilaian + this.form.p3.p3b14_cu_penilaian + this.form.p3.p3b15_cu_penilaian + this.form.p3.p3b16_cu_penilaian + this.form.p3.p3b17_cu_penilaian + this.form.p3.p3b18_cu_penilaian + this.form.p3.p3b19_cu_penilaian + this.form.p3.p3b20_cu_penilaian + this.form.p3.p3b21_cu_penilaian + this.form.p3.p3b22_cu_penilaian + this.form.p3.p3b23_cu_penilaian + this.form.p3.p3b24_cu_penilaian + this.form.p3.p3b25_cu_penilaian + this.form.p3.p3b26_cu_penilaian) / 1;
-      this.$emit('skorCUB', jumlah);
-      return jumlah;
-    },
-    bobotCUB: function bobotCUB() {
-      var jumlah = this.$options.filters.round((this.form.p3.p3b10_cu_penilaian + this.form.p3.p3b11_cu_penilaian + this.form.p3.p3b12_cu_penilaian + this.form.p3.p3b13_cu_penilaian + this.form.p3.p3b14_cu_penilaian + this.form.p3.p3b15_cu_penilaian + this.form.p3.p3b16_cu_penilaian + this.form.p3.p3b17_cu_penilaian + this.form.p3.p3b18_cu_penilaian + this.form.p3.p3b19_cu_penilaian + this.form.p3.p3b20_cu_penilaian + this.form.p3.p3b21_cu_penilaian + this.form.p3.p3b22_cu_penilaian + this.form.p3.p3b23_cu_penilaian + this.form.p3.p3b24_cu_penilaian + this.form.p3.p3b25_cu_penilaian + this.form.p3.p3b26_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotCUB', jumlah);
-      return jumlah;
-    },
-    skorBKCUB: function skorBKCUB() {
-      var jumlah = (this.form.p3.p3b10_bkcu_penilaian + this.form.p3.p3b11_bkcu_penilaian + this.form.p3.p3b12_bkcu_penilaian + this.form.p3.p3b13_bkcu_penilaian + this.form.p3.p3b14_bkcu_penilaian + this.form.p3.p3b15_bkcu_penilaian + this.form.p3.p3b16_bkcu_penilaian + this.form.p3.p3b17_bkcu_penilaian + this.form.p3.p3b18_bkcu_penilaian + this.form.p3.p3b19_bkcu_penilaian + this.form.p3.p3b20_bkcu_penilaian + this.form.p3.p3b21_bkcu_penilaian + this.form.p3.p3b22_bkcu_penilaian + this.form.p3.p3b23_bkcu_penilaian + this.form.p3.p3b24_bkcu_penilaian + this.form.p3.p3b25_bkcu_penilaian + this.form.p3.p3b26_bkcu_penilaian) / 1;
-      this.$emit('skorBKCUB', jumlah);
-      return jumlah;
-    },
-    bobotBKCUB: function bobotBKCUB() {
-      var jumlah = this.$options.filters.round((this.form.p3.p3b10_bkcu_penilaian + this.form.p3.p3b11_bkcu_penilaian + this.form.p3.p3b12_bkcu_penilaian + this.form.p3.p3b13_bkcu_penilaian + this.form.p3.p3b14_bkcu_penilaian + this.form.p3.p3b15_bkcu_penilaian + this.form.p3.p3b16_bkcu_penilaian + this.form.p3.p3b17_bkcu_penilaian + this.form.p3.p3b18_bkcu_penilaian + this.form.p3.p3b19_bkcu_penilaian + this.form.p3.p3b20_bkcu_penilaian + this.form.p3.p3b21_bkcu_penilaian + this.form.p3.p3b22_bkcu_penilaian + this.form.p3.p3b23_bkcu_penilaian + this.form.p3.p3b24_bkcu_penilaian + this.form.p3.p3b25_bkcu_penilaian + this.form.p3.p3b26_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotBKCUB', jumlah);
-      return jumlah;
-    },
-    jumlahPenilaianCU: function jumlahPenilaianCU(nilai) {
-      var jumlah = 0;
-
-      if (this.form.p3.p3a1_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a2_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a3_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a4_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a5_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a6_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a7_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a8_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a9_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b10_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b11_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b12_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b13_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b14_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b15_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b16_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b17_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b18_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b19_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b20_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b21_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b22_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b23_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b24_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b25_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b26_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      return jumlah;
-    },
-    jumlahPenilaianBKCU: function jumlahPenilaianBKCU(nilai) {
-      var jumlah = 0;
-
-      if (this.form.p3.p3a1_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a2_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a3_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a4_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a5_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a6_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a7_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a8_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3a9_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b10_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b11_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b12_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b13_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b14_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b15_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b16_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b17_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b18_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b19_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b20_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b21_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b22_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b23_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b24_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b25_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p3.p3b26_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      return jumlah;
-    }
-  },
-  computed: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./penilaian_cu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue");
-/* harmony import */ var _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./penilaian_bkcu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue");
-/* harmony import */ var _form_filter_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form_filter.vue */ "./resources/assets/js/views/assesmentAccess/form_filter.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'updateSingleStat'],
-  components: {
-    penilaianCu: _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-    penilaianBkcu: _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    formFilter: _form_filter_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  data: function data() {
-    return {
-      cuTabName: 'semua',
-      bkcuTabName: 'semua'
-    };
-  },
-  created: function created() {},
-  watch: {},
-  methods: {
-    changeTabCU: function changeTabCU(value) {
-      if (this.$route.meta.mode == 'lihat') {
-        this.bkcuTabName = 'semua';
-        this.cuTabName = value;
-      }
-    },
-    changeTabBKCU: function changeTabBKCU(value) {
-      if (this.$route.meta.mode == 'lihat') {
-        this.cuTabName = 'semua';
-        this.bkcuTabName = value;
-      }
-    },
-    saveSingle: function saveSingle() {
-      this.$emit('saveSingle', 'p4');
-    },
-    prev: function prev() {
-      this.$emit('prev');
-    },
-    next: function next() {
-      this.$emit('next');
-    },
-    skorCUA: function skorCUA() {
-      var jumlah = (this.form.p4.p4a1_cu_penilaian + this.form.p4.p4a2_cu_penilaian + this.form.p4.p4a3_cu_penilaian + this.form.p4.p4a4_cu_penilaian + this.form.p4.p4a5_cu_penilaian + this.form.p4.p4a6_cu_penilaian + this.form.p4.p4a7_cu_penilaian + this.form.p4.p4a8_cu_penilaian + this.form.p4.p4a9_cu_penilaian + this.form.p4.p4a10_cu_penilaian) / 1;
-      this.$emit('skorCUA', jumlah);
-      return jumlah;
-    },
-    bobotCUA: function bobotCUA() {
-      var jumlah = this.$options.filters.round((this.form.p4.p4a1_cu_penilaian + this.form.p4.p4a2_cu_penilaian + this.form.p4.p4a3_cu_penilaian + this.form.p4.p4a4_cu_penilaian + this.form.p4.p4a5_cu_penilaian + this.form.p4.p4a6_cu_penilaian + this.form.p4.p4a7_cu_penilaian + this.form.p4.p4a8_cu_penilaian + this.form.p4.p4a9_cu_penilaian + this.form.p4.p4a10_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotCUA', jumlah);
-      return jumlah;
-    },
-    skorBKCUA: function skorBKCUA() {
-      var jumlah = (this.form.p4.p4a1_bkcu_penilaian + this.form.p4.p4a2_bkcu_penilaian + this.form.p4.p4a3_bkcu_penilaian + this.form.p4.p4a4_bkcu_penilaian + this.form.p4.p4a5_bkcu_penilaian + this.form.p4.p4a6_bkcu_penilaian + this.form.p4.p4a7_bkcu_penilaian + this.form.p4.p4a8_bkcu_penilaian + this.form.p4.p4a9_bkcu_penilaian + this.form.p4.p4a10_bkcu_penilaian) / 1;
-      this.$emit('skorBKCUA', jumlah);
-      return jumlah;
-    },
-    bobotBKCUA: function bobotBKCUA() {
-      var jumlah = this.$options.filters.round((this.form.p4.p4a1_bkcu_penilaian + this.form.p4.p4a2_bkcu_penilaian + this.form.p4.p4a3_bkcu_penilaian + this.form.p4.p4a4_bkcu_penilaian + this.form.p4.p4a5_bkcu_penilaian + this.form.p4.p4a6_bkcu_penilaian + this.form.p4.p4a7_bkcu_penilaian + this.form.p4.p4a8_bkcu_penilaian + this.form.p4.p4a9_bkcu_penilaian + this.form.p4.p4a10_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotBKCUA', jumlah);
-      return jumlah;
-    },
-    skorCUB: function skorCUB() {
-      var jumlah = (this.form.p4.p4b11_cu_penilaian + this.form.p4.p4b12_cu_penilaian + this.form.p4.p4b13_cu_penilaian + this.form.p4.p4b14_cu_penilaian + this.form.p4.p4b15_cu_penilaian + this.form.p4.p4b16_cu_penilaian + this.form.p4.p4b17_cu_penilaian + this.form.p4.p4b18_cu_penilaian + this.form.p4.p4b19_cu_penilaian + this.form.p4.p4b20_cu_penilaian) / 1;
-      this.$emit('skorCUB', jumlah);
-      return jumlah;
-    },
-    bobotCUB: function bobotCUB() {
-      var jumlah = this.$options.filters.round((this.form.p4.p4b11_cu_penilaian + this.form.p4.p4b12_cu_penilaian + this.form.p4.p4b13_cu_penilaian + this.form.p4.p4b14_cu_penilaian + this.form.p4.p4b15_cu_penilaian + this.form.p4.p4b16_cu_penilaian + this.form.p4.p4b17_cu_penilaian + this.form.p4.p4b18_cu_penilaian + this.form.p4.p4b19_cu_penilaian + this.form.p4.p4b20_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotCUB', jumlah);
-      return jumlah;
-    },
-    skorBKCUB: function skorBKCUB() {
-      var jumlah = (this.form.p4.p4b11_bkcu_penilaian + this.form.p4.p4b12_bkcu_penilaian + this.form.p4.p4b13_bkcu_penilaian + this.form.p4.p4b14_bkcu_penilaian + this.form.p4.p4b15_bkcu_penilaian + this.form.p4.p4b16_bkcu_penilaian + this.form.p4.p4b17_bkcu_penilaian + this.form.p4.p4b18_bkcu_penilaian + this.form.p4.p4b19_bkcu_penilaian + this.form.p4.p4b20_bkcu_penilaian) / 1;
-      this.$emit('skorBKCUB', jumlah);
-      return jumlah;
-    },
-    bobotBKCUB: function bobotBKCUB() {
-      var jumlah = this.$options.filters.round((this.form.p4.p4b11_bkcu_penilaian + this.form.p4.p4b12_bkcu_penilaian + this.form.p4.p4b13_bkcu_penilaian + this.form.p4.p4b14_bkcu_penilaian + this.form.p4.p4b15_bkcu_penilaian + this.form.p4.p4b16_bkcu_penilaian + this.form.p4.p4b17_bkcu_penilaian + this.form.p4.p4b18_bkcu_penilaian + this.form.p4.p4b19_bkcu_penilaian + this.form.p4.p4b20_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
-      this.$emit('bobotBKCUB', jumlah);
-      return jumlah;
-    },
-    jumlahPenilaianCU: function jumlahPenilaianCU(nilai) {
-      var jumlah = 0;
-
-      if (this.form.p4.p4a1_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a2_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a3_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a4_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a5_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a6_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a7_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a8_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a9_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a10_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b11_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b12_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b13_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b14_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b15_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b16_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b17_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b18_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b19_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b20_cu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      return jumlah;
-    },
-    jumlahPenilaianBKCU: function jumlahPenilaianBKCU(nilai) {
-      var jumlah = 0;
-
-      if (this.form.p4.p4a1_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a2_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a3_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a4_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a5_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a6_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a7_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a8_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a9_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4a10_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b11_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b12_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b13_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b14_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b15_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b16_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b17_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b18_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b19_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      if (this.form.p4.p4b20_bkcu_penilaian == nilai) {
-        jumlah++;
-      }
-
-      return jumlah;
-    }
-  },
-  computed: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['form', 'mode', 'nilaiTotalSkorCU', 'nilaiTotalBobotCU', 'nilaiTotalSkorBKCU', 'nilaiTotalBobotBKCU', 'a1', 'e9'],
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"]
-  },
-  data: function data() {
-    return {
-      collapsed: false
-    };
-  },
-  created: function created() {},
-  watch: {},
-  methods: {},
-  computed: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['form'],
-  components: {},
-  data: function data() {
-    return {};
-  },
-  created: function created() {},
-  watch: {},
-  methods: {
-    click1: function click1() {
-      if (this.$route.meta.mode == 'penilaianBkcu') {
-        this.$emit('click1');
-      }
-    },
-    click2: function click2() {
-      if (this.$route.meta.mode == 'penilaianBkcu') {
-        this.$emit('click2');
-      }
-    },
-    click3: function click3() {
-      if (this.$route.meta.mode == 'penilaianBkcu') {
-        this.$emit('click3');
-      }
-    },
-    click4: function click4() {
-      if (this.$route.meta.mode == 'penilaianBkcu') {
-        this.$emit('click4');
-      }
-    }
-  },
-  computed: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['form', 'subtitle1', 'subtitle2', 'subtitle3', 'subtitle4'],
-  components: {},
-  data: function data() {
-    return {};
-  },
-  created: function created() {},
-  watch: {},
-  methods: {
-    click1: function click1() {
-      if (this.$route.meta.mode != 'penilaianBkcu' && this.$route.meta.mode != 'lihat') {
-        this.$emit('click1');
-      }
-    },
-    click2: function click2() {
-      if (this.$route.meta.mode != 'penilaianBkcu' && this.$route.meta.mode != 'lihat') {
-        this.$emit('click2');
-      }
-    },
-    click3: function click3() {
-      if (this.$route.meta.mode != 'penilaianBkcu' && this.$route.meta.mode != 'lihat') {
-        this.$emit('click3');
-      }
-    },
-    click4: function click4() {
-      if (this.$route.meta.mode != 'penilaianBkcu' && this.$route.meta.mode != 'lihat') {
-        this.$emit('click4');
-      }
-    }
-  },
-  computed: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'nilaiSkorCUP1A', 'nilaiBobotCUP1A', 'nilaiSkorBKCUP1A', 'nilaiBobotBKCUP1A', 'nilaiSkorCUP1B', 'nilaiBobotCUP1B', 'nilaiSkorBKCUP1B', 'nilaiBobotBKCUP1B', 'nilaiSkorCUP1C', 'nilaiBobotCUP1C', 'nilaiSkorBKCUP1C', 'nilaiBobotBKCUP1C', 'nilaiSkorCUP1D', 'nilaiBobotCUP1D', 'nilaiSkorBKCUP1D', 'nilaiBobotBKCUP1D', 'nilaiSkorCUP1E', 'nilaiBobotCUP1E', 'nilaiSkorBKCUP1E', 'nilaiBobotBKCUP1E', 'nilaiSkorCUP1F', 'nilaiBobotCUP1F', 'nilaiSkorBKCUP1F', 'nilaiBobotBKCUP1F'],
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'perspektif_keuangan_' + this.form.cu.no_ba,
-      collapsed: false,
-      excel: {
-        fields: {
-          perspektif: 'perspektif',
-          skor_cu: 'skor_cu',
-          bobot_cu: 'bobot_cu',
-          skor_bkcu: 'skor_bkcu',
-          bobot_bkcu: 'bobot_bkcu',
-          keterangan_cu: 'keterangan_cu',
-          keterangan_bkcu: 'keterangan_bkcu',
-          rekomendasi_bkcu: 'rekomendasi_bkcu'
-        },
-        data: [],
-        meta: [[{
-          "key": "charset",
-          "value": "utf-8"
-        }]]
-      }
-    };
-  },
-  created: function created() {
-    this.excel.data = [{
-      perspektif: '1. P1 = Mengukur kemampuan CU menyediakan dana cadangan risiko atas piutang lalai > 12 bulan',
-      skor_cu: this.form.p1.p1a1_cu_penilaian / 1,
-      bobot_cu: (this.form.p1.p1a1_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p1.p1a1_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p1.p1a1_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p1.p1a1_cu_keterangan,
-      keterangan_bkcu: this.form.p1.p1a1_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p1.p1a1_bkcu_rekomendasi
-    }, {
-      perspektif: '2. P2 = Mengukur kemampuan CU menyediakan dana cadangan risiko atas piutang lalai < 12 bulan',
-      skor_cu: this.form.p1.p1a2_cu_penilaian / 1,
-      bobot_cu: (this.form.p1.p1a2_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p1.p1a2_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p1.p1a2_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p1.p1a2_cu_keterangan,
-      keterangan_bkcu: this.form.p1.p1a2_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p1.p1a2_bkcu_rekomendasi
-    }, {
-      perspektif: '3. E1 = Mengukur persentase total asset yang diinvestasikan dalam piutang',
-      skor_cu: this.form.p1.p1b3_cu_penilaian / 1,
-      bobot_cu: (this.form.p1.p1b3_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p1.p1b3_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p1.p1b3_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p1.p1b3_cu_keterangan,
-      keterangan_bkcu: this.form.p1.p1b3_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p1.p1b3_bkcu_rekomendasi
-    }, {
-      perspektif: '4. E5 = Mengukur persentase total asset yang didanai dari simpanan non saham',
-      skor_cu: this.form.p1.p1b4_cu_penilaian / 1,
-      bobot_cu: (this.form.p1.p1b4_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p1.p1b4_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p1.p1b4_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p1.p1b4_cu_keterangan,
-      keterangan_bkcu: this.form.p1.p1b4_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p1.p1b4_bkcu_rekomendasi
-    }, {
-      perspektif: '5. E6 = Mengukur persentase total asset yang didanai dari pinjaman pihak 3',
-      skor_cu: this.form.p1.p1b5_cu_penilaian / 1,
-      bobot_cu: (this.form.p1.p1b5_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p1.p1b5_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p1.p1b5_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p1.p1b5_cu_keterangan,
-      keterangan_bkcu: this.form.p1.p1b5_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p1.p1b5_bkcu_rekomendasi
-    }, {
-      perspektif: '6. E9 = Mengukur level nyata dari modal lembaga setelah mengeluarkan penyisihan DCR untuk menutupi P1 & P2',
-      skor_cu: this.form.p1.p1b7_cu_penilaian / 1,
-      bobot_cu: (this.form.p1.p1b7_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p1.p1b7_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p1.p1b7_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p1.p1b7_cu_keterangan,
-      keterangan_bkcu: this.form.p1.p1b7_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p1.p1b7_bkcu_rekomendasi
-    }, {
-      perspektif: '7. A1 = Mengukur persentase total kelalaian piutang terhadap total piutang',
-      skor_cu: this.form.p1.p1c8_cu_penilaian / 1,
-      bobot_cu: (this.form.p1.p1c8_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p1.p1c8_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p1.p1c8_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p1.p1c8_cu_keterangan,
-      keterangan_bkcu: this.form.p1.p1c8_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p1.p1c8_bkcu_rekomendasi
-    }, {
-      perspektif: '8. A2 = Mengukur total asset yang tidak menghasilkan income',
-      skor_cu: this.form.p1.p1c9_cu_penilaian / 1,
-      bobot_cu: (this.form.p1.p1c9_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p1.p1c9_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p1.p1c9_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p1.p1c9_cu_keterangan,
-      keterangan_bkcu: this.form.p1.p1c9_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p1.p1c9_bkcu_rekomendasi
-    }, {
-      perspektif: '9. R7 = Mengukur persentase pengembalian biaya atas simpanan saham',
-      skor_cu: this.form.p1.p1d10_cu_penilaian / 1,
-      bobot_cu: (this.form.p1.p1d10_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p1.p1d10_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p1.p1d10_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p1.p1d10_cu_keterangan,
-      keterangan_bkcu: this.form.p1.p1d10_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p1.p1d10_bkcu_rekomendasi
-    }, {
-      perspektif: '10. R9 = Mengukur persentase beban untuk mengelola semua asset',
-      skor_cu: this.form.p1.p1d11_cu_penilaian / 1,
-      bobot_cu: (this.form.p1.p1d11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p1.p1d11_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p1.p1d11_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p1.p1d11_cu_keterangan,
-      keterangan_bkcu: this.form.p1.p1d11_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p1.p1d11_bkcu_rekomendasi
-    }, {
-      perspektif: '11. L1 = Mengukur persentase cadangan likuid untuk memenuhi permintaan penarikan setelah membayar semua kewajiban < 30 hari',
-      skor_cu: this.form.p1.p1e12_cu_penilaian / 1,
-      bobot_cu: (this.form.p1.p1e12_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p1.p1e12_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p1.p1e12_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p1.p1e12_cu_keterangan,
-      keterangan_bkcu: this.form.p1.p1e12_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p1.p1e12_bkcu_rekomendasi
-    }, {
-      perspektif: '12. S10 = Mengukur persentase pertumbuhan anggota dari tahun ke tahun',
-      skor_cu: this.form.p1.p1f13_cu_penilaian / 1,
-      bobot_cu: (this.form.p1.p1f13_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p1.p1f13_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p1.p1f13_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p1.p1f13_cu_keterangan,
-      keterangan_bkcu: this.form.p1.p1f13_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p1.p1f13_bkcu_rekomendasi
-    }, {
-      perspektif: '13. S11 = Mengukur persentase pertumbuhan total  aset dari tahun ke tahun',
-      skor_cu: this.form.p1.p1f14_cu_penilaian / 1,
-      bobot_cu: (this.form.p1.p1f14_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p1.p1f14_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p1.p1f14_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p1.p1f14_cu_keterangan,
-      keterangan_bkcu: this.form.p1.p1f14_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p1.p1f14_bkcu_rekomendasi
-    }];
-  },
-  watch: {},
-  methods: {},
-  computed: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'nilaiSkorCUP2A', 'nilaiBobotCUP2A', 'nilaiSkorBKCUP2A', 'nilaiBobotBKCUP2A', 'nilaiSkorCUP2B', 'nilaiBobotCUP2B', 'nilaiSkorBKCUP2B', 'nilaiBobotBKCUP2B'],
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  data: function data() {
-    return {
-      collapsed: false,
-      title: 'perspektif_anggota_' + this.form.cu.no_ba,
-      excel: {
-        fields: {
-          perspektif: 'perspektif',
-          skor_cu: 'skor_cu',
-          bobot_cu: 'bobot_cu',
-          skor_bkcu: 'skor_bkcu',
-          bobot_bkcu: 'bobot_bkcu',
-          keterangan_cu: 'keterangan_cu',
-          keterangan_bkcu: 'keterangan_bkcu',
-          rekomendasi_bkcu: 'rekomendasi_bkcu'
-        },
-        data: [],
-        meta: [[{
-          "key": "charset",
-          "value": "utf-8"
-        }]]
-      }
-    };
-  },
-  created: function created() {
-    this.excel.data = [{
-      perspektif: '1. Target Produk dan Pelayanan',
-      skor_cu: this.form.p2.p2a1_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2a1_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2a1_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2a1_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2a1_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2a1_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2a1_bkcu_rekomendasi
-    }, {
-      perspektif: '2. Tampilan Produk',
-      skor_cu: this.form.p2.p2a2_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2a2_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2a2_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2a2_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2a2_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2a2_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2a2_bkcu_rekomendasi
-    }, {
-      perspektif: '3. Rentangan Produk Keuangan',
-      skor_cu: this.form.p2.p2a3_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2a3_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2a3_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2a3_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2a3_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2a3_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2a3_bkcu_rekomendasi
-    }, {
-      perspektif: '4. Brand sebagai Pola Pikir',
-      skor_cu: this.form.p2.p2a4_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2a4_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2a4_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2a4_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2a4_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2a4_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2a4_bkcu_rekomendasi
-    }, {
-      perspektif: '5. Produk Pendorong Kesejahteraan',
-      skor_cu: this.form.p2.p2a5_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2a5_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2a5_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2a5_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2a5_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2a5_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2a5_bkcu_rekomendasi
-    }, {
-      perspektif: '6. Capacitiy Based Landing (Pinjaman berbasis kemampuan mengembalikan)',
-      skor_cu: this.form.p2.p2a6_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2a6_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2a6_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2a6_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2a6_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2a6_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2a6_bkcu_rekomendasi
-    }, {
-      perspektif: '7. Akses dan Kenyamanan',
-      skor_cu: this.form.p2.p2a7_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2a7_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2a7_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2a7_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2a7_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2a7_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2a7_bkcu_rekomendasi
-    }, {
-      perspektif: '8. Price Value',
-      skor_cu: this.form.p2.p2a8_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2a8_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2a8_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2a8_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2a8_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2a8_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2a8_bkcu_rekomendasi
-    }, {
-      perspektif: '9. Pemasaran dan Promosi',
-      skor_cu: this.form.p2.p2a9_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2a9_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2a9_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2a9_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2a9_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2a9_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2a9_bkcu_rekomendasi
-    }, {
-      perspektif: '10. Insentif Loyalitas',
-      skor_cu: this.form.p2.p2a10_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2a10_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2a10_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2a10_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2a10_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2a10_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2a10_bkcu_rekomendasi
-    }, {
-      perspektif: '11. Kemasan Produk',
-      skor_cu: this.form.p2.p2a11_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2a11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2a11_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2a11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2a11_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2a11_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2a11_bkcu_rekomendasi
-    }, {
-      perspektif: '12. Pemahaman tentang Anggota',
-      skor_cu: this.form.p2.p2b12_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b12_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b12_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b12_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b12_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b12_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b12_bkcu_rekomendasi
-    }, {
-      perspektif: '13. Membina Hubungan Berkelanjutan dengan Anggota',
-      skor_cu: this.form.p2.p2b13_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b13_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b13_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b13_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b13_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b13_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b13_bkcu_rekomendasi
-    }, {
-      perspektif: '14. Evaluasi Kepuasan Anggota',
-      skor_cu: this.form.p2.p2b14_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b14_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b14_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b14_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b14_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b14_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b14_bkcu_rekomendasi
-    }, {
-      perspektif: '15. Share of Wallet (Hanya menjadi anggota CU kita)',
-      skor_cu: this.form.p2.p2b15_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b15_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b15_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b15_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b15_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b15_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b15_bkcu_rekomendasi
-    }, {
-      perspektif: '16. Customer Care Excellence yang dilembagakan',
-      skor_cu: this.form.p2.p2b16_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b16_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b16_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b16_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b16_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b16_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b16_bkcu_rekomendasi
-    }, {
-      perspektif: '17. Manfaat bagi anggota (Member benefit)',
-      skor_cu: this.form.p2.p2b17_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b17_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b17_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b17_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b17_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b17_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b17_bkcu_rekomendasi
-    }, {
-      perspektif: '18. Rapat Anggota',
-      skor_cu: this.form.p2.p2b18_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b18_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b18_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b18_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b18_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b18_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b18_bkcu_rekomendasi
-    }, {
-      perspektif: '19. Partisipasi anggota',
-      skor_cu: this.form.p2.p2b19_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b19_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b19_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b19_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b19_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b19_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b19_bkcu_rekomendasi
-    }, {
-      perspektif: '20. Masukan dari anggota secara rutin setiap tahun dalam perencanaan, umpan balik dari anggota diminta secara rutin dan wilayah kerja sudah dibagi untuk memastikan bahwa umpan balik terkumpul',
-      skor_cu: this.form.p2.p2b20_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b20_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b20_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b20_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b20_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b20_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b20_bkcu_rekomendasi
-    }, {
-      perspektif: '21. Pengguna Produk-produk Pinjaman',
-      skor_cu: this.form.p2.p2b21_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b21_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b21_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b21_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b21_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b21_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b21_bkcu_rekomendasi
-    }, {
-      perspektif: '22. Pemahaman Tanggung jawab Peminjam - dilihat dari % Kelalaian',
-      skor_cu: this.form.p2.p2b22_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b22_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b22_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b22_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b22_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b22_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b22_bkcu_rekomendasi
-    }, {
-      perspektif: '23. Infrastruktur Fisik-Bangunan dan Ruang Kantor',
-      skor_cu: this.form.p2.p2b23_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b23_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b23_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b23_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b23_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b23_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b23_bkcu_rekomendasi
-    }, {
-      perspektif: '24. Infrastruktur teknologi –telefon dan faks',
-      skor_cu: this.form.p2.p2b24_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b24_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b24_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b24_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b24_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b24_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b24_bkcu_rekomendasi
-    }, {
-      perspektif: '25. Komputer, Aplikasi, Network dan Email',
-      skor_cu: this.form.p2.p2b25_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b25_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b25_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b25_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b25_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b25_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b25_bkcu_rekomendasi
-    }, {
-      perspektif: '26. Website',
-      skor_cu: this.form.p2.p2b26_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b26_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b26_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b26_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b26_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b26_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b26_bkcu_rekomendasi
-    }, {
-      perspektif: '27. Sistem Pelaporan Manajemen & Pusat Data',
-      skor_cu: this.form.p2.p2b27_cu_penilaian / 1,
-      bobot_cu: (this.form.p2.p2b27_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p2.p2b27_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p2.p2b27_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p2.p2b27_cu_keterangan,
-      keterangan_bkcu: this.form.p2.p2b27_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p2.p2b27_bkcu_rekomendasi
-    }];
-  },
-  watch: {},
-  methods: {},
-  computed: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'nilaiSkorCUP3A', 'nilaiBobotCUP3A', 'nilaiSkorBKCUP3A', 'nilaiBobotBKCUP3A', 'nilaiSkorCUP3B', 'nilaiBobotCUP3B', 'nilaiSkorBKCUP3B', 'nilaiBobotBKCUP3B'],
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  data: function data() {
-    return {
-      collapsed: false,
-      title: 'perspektif_bisnis_' + this.form.cu.no_ba,
-      excel: {
-        fields: {
-          perspektif: 'perspektif',
-          skor_cu: 'skor_cu',
-          bobot_cu: 'bobot_cu',
-          skor_bkcu: 'skor_bkcu',
-          bobot_bkcu: 'bobot_bkcu',
-          keterangan_cu: 'keterangan_cu',
-          keterangan_bkcu: 'keterangan_bkcu',
-          rekomendasi_bkcu: 'rekomendasi_bkcu'
-        },
-        data: [],
-        meta: [[{
-          "key": "charset",
-          "value": "utf-8"
-        }]]
-      }
-    };
-  },
-  created: function created() {
-    this.excel.data = [{
-      perspektif: '1. Manual Operasional Yang Komprehensif',
-      skor_cu: this.form.p3.p3a1_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3a1_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3a1_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3a1_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3a1_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3a1_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3a1_bkcu_rekomendasi
-    }, {
-      perspektif: '2. Manual Prosedur',
-      skor_cu: this.form.p3.p3a2_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3a2_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3a2_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3a2_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3a2_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3a2_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3a2_bkcu_rekomendasi
-    }, {
-      perspektif: '3. Produktivitas Staf',
-      skor_cu: this.form.p3.p3a3_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3a3_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3a3_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3a3_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3a3_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3a3_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3a3_bkcu_rekomendasi
-    }, {
-      perspektif: '4. Manajemen Kekeliruan (Error Management)',
-      skor_cu: this.form.p3.p3a4_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3a4_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3a4_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3a4_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3a4_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3a4_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3a4_bkcu_rekomendasi
-    }, {
-      perspektif: '5. Service delivery kepada anggota - Pinjaman',
-      skor_cu: this.form.p3.p3a5_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3a5_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3a5_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3a5_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3a5_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3a5_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3a5_bkcu_rekomendasi
-    }, {
-      perspektif: '6. Service delivery kepada anggota - Simpanan',
-      skor_cu: this.form.p3.p3a6_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3a6_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3a6_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3a6_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3a6_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3a6_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3a6_bkcu_rekomendasi
-    }, {
-      perspektif: '7. Service delivery kepada anggota – Penarikan Simpanan',
-      skor_cu: this.form.p3.p3a7_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3a7_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3a7_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3a7_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3a7_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3a7_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3a7_bkcu_rekomendasi
-    }, {
-      perspektif: '8. Penggunaan Mesin dan Peralatan Kantor',
-      skor_cu: this.form.p3.p3a8_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3a8_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3a8_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3a8_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3a8_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3a8_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3a8_bkcu_rekomendasi
-    }, {
-      perspektif: '9. Efisiensi Komunikasi Internal',
-      skor_cu: this.form.p3.p3a9_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3a9_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3a9_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3a9_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3a9_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3a9_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3a9_bkcu_rekomendasi
-    }, {
-      perspektif: '10. Kematangan Visi',
-      skor_cu: this.form.p3.p3b10_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b10_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b10_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b10_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b10_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b10_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b10_bkcu_rekomendasi
-    }, {
-      perspektif: '11. Keberanian Visi (Boldness  of Vission)',
-      skor_cu: this.form.p3.p3b11_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b11_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b11_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b11_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b11_bkcu_rekomendasi
-    }, {
-      perspektif: '12. Perumusan Misi Dengan Baik',
-      skor_cu: this.form.p3.p3b12_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b12_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b12_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b12_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b12_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b12_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b12_bkcu_rekomendasi
-    }, {
-      perspektif: '13. Nilai-nilai inti',
-      skor_cu: this.form.p3.p3b13_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b13_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b13_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b13_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b13_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b13_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b13_bkcu_rekomendasi
-    }, {
-      perspektif: '14. Keluasan Sasaran',
-      skor_cu: this.form.p3.p3b14_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b14_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b14_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b14_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b14_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b14_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b14_bkcu_rekomendasi
-    }, {
-      perspektif: '15. Tujuan Strategis',
-      skor_cu: this.form.p3.p3b15_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b15_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b15_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b15_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b15_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b15_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b15_bkcu_rekomendasi
-    }, {
-      perspektif: '16. Rencana Bisnis Tahunan',
-      skor_cu: this.form.p3.p3b16_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b16_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b16_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b16_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b16_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b16_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b16_bkcu_rekomendasi
-    }, {
-      perspektif: '17. Budaya Jual (Sales Culture)',
-      skor_cu: this.form.p3.p3b17_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b17_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b17_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b17_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b17_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b17_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b17_bkcu_rekomendasi
-    }, {
-      perspektif: '18. Keterlibatan Masyarakat Lokal',
-      skor_cu: this.form.p3.p3b18_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b18_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b18_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b18_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b18_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b18_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b18_bkcu_rekomendasi
-    }, {
-      perspektif: '19. Kemitraan dan Aliansi',
-      skor_cu: this.form.p3.p3b19_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b19_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b19_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b19_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b19_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b19_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b19_bkcu_rekomendasi
-    }, {
-      perspektif: '20. Hubungan dengan Federasi (BKCU)',
-      skor_cu: this.form.p3.p3b20_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b20_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b20_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b20_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b20_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b20_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b20_bkcu_rekomendasi
-    }, {
-      perspektif: '21. Anggota Masyarakat Pengguna Layanan Credit Union',
-      skor_cu: this.form.p3.p3b21_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b21_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b21_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b21_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b21_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b21_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b21_bkcu_rekomendasi
-    }, {
-      perspektif: '22. Segmentasi Anggota menurut umur',
-      skor_cu: this.form.p3.p3b22_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b22_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b22_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b22_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b22_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b22_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b22_bkcu_rekomendasi
-    }, {
-      perspektif: '23. Keberagaman Keanggotaan',
-      skor_cu: this.form.p3.p3b23_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b23_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b23_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b23_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b23_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b23_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b23_bkcu_rekomendasi
-    }, {
-      perspektif: '24. Kesetaraan Gender',
-      skor_cu: this.form.p3.p3b24_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b24_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b24_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b24_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b24_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b24_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b24_bkcu_rekomendasi
-    }, {
-      perspektif: '25. Pemenuhan Aturan',
-      skor_cu: this.form.p3.p3b25_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b25_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b25_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b25_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b25_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b25_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b25_bkcu_rekomendasi
-    }, {
-      perspektif: '26. Kepatuhan Hukum',
-      skor_cu: this.form.p3.p3b26_cu_penilaian / 1,
-      bobot_cu: (this.form.p3.p3b26_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p3.p3b26_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p3.p3b26_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p3.p3b26_cu_keterangan,
-      keterangan_bkcu: this.form.p3.p3b26_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p3.p3b26_bkcu_rekomendasi
-    }];
-  },
-  watch: {},
-  methods: {},
-  computed: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'nilaiSkorCUP4A', 'nilaiBobotCUP4A', 'nilaiSkorBKCUP4A', 'nilaiBobotBKCUP4A', 'nilaiSkorCUP4B', 'nilaiBobotCUP4B', 'nilaiSkorBKCUP4B', 'nilaiBobotBKCUP4B'],
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  data: function data() {
-    return {
-      collapsed: false,
-      title: 'perspektif_pembelajaran_' + this.form.cu.no_ba,
-      excel: {
-        fields: {
-          perspektif: 'perspektif',
-          skor_cu: 'skor_cu',
-          bobot_cu: 'bobot_cu',
-          skor_bkcu: 'skor_bkcu',
-          bobot_bkcu: 'bobot_bkcu',
-          keterangan_cu: 'keterangan_cu',
-          keterangan_bkcu: 'keterangan_bkcu',
-          rekomendasi_bkcu: 'rekomendasi_bkcu'
-        },
-        data: [],
-        meta: [[{
-          "key": "charset",
-          "value": "utf-8"
-        }]]
-      }
-    };
-  },
-  created: function created() {
-    this.excel.data = [{
-      perspektif: '1. Pusat Keputusan Yang Utama',
-      skor_cu: this.form.p4.p4a1_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4a1_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4a1_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4a1_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4a1_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4a1_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4a1_bkcu_rekomendasi
-    }, {
-      perspektif: '2. Peran Penasehat (advisory)',
-      skor_cu: this.form.p4.p4a2_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4a2_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4a2_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4a2_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4a2_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4a2_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4a2_bkcu_rekomendasi
-    }, {
-      perspektif: '3. Peran Pengabadian (Perpetuating)',
-      skor_cu: this.form.p4.p4a3_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4a3_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4a3_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4a3_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4a3_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4a3_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4a3_bkcu_rekomendasi
-    }, {
-      perspektif: '4. Fungsi Wali',
-      skor_cu: this.form.p4.p4a4_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4a4_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4a4_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4a4_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4a4_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4a4_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4a4_bkcu_rekomendasi
-    }, {
-      perspektif: '5. Sebagai Simbol',
-      skor_cu: this.form.p4.p4a5_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4a5_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4a5_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4a5_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4a5_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4a5_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4a5_bkcu_rekomendasi
-    }, {
-      perspektif: '6. Komposisi dan Komitmen',
-      skor_cu: this.form.p4.p4a6_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4a6_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4a6_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4a6_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4a6_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4a6_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4a6_bkcu_rekomendasi
-    }, {
-      perspektif: '7. Service delivery kepada anggota – Penarikan Simpanan',
-      skor_cu: this.form.p4.p4a7_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4a7_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4a7_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4a7_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4a7_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4a7_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4a7_bkcu_rekomendasi
-    }, {
-      perspektif: '8. Tata Kelola',
-      skor_cu: this.form.p4.p4a8_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4a8_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4a8_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4a8_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4a8_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4a8_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4a8_bkcu_rekomendasi
-    }, {
-      perspektif: '9. Evaluasi Kinerja',
-      skor_cu: this.form.p4.p4a9_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4a9_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4a9_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4a9_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4a9_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4a9_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4a9_bkcu_rekomendasi
-    }, {
-      perspektif: '10. Kesetaraan Gender Dalam Kepemimpinan',
-      skor_cu: this.form.p4.p4a10_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4a10_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4a10_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4a10_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4a10_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4a10_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4a10_bkcu_rekomendasi
-    }, {
-      perspektif: '11. Rancangan Kerja (Job Design)',
-      skor_cu: this.form.p4.p4b11_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4b11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4b11_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4b11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4b11_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4b11_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4b11_bkcu_rekomendasi
-    }, {
-      perspektif: '12. Rekruitmen dan Seleksi',
-      skor_cu: this.form.p4.p4b12_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4b12_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4b12_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4b12_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4b12_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4b12_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4b12_bkcu_rekomendasi
-    }, {
-      perspektif: '13. Kompensasi',
-      skor_cu: this.form.p4.p4b13_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4b13_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4b13_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4b13_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4b13_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4b13_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4b13_bkcu_rekomendasi
-    }, {
-      perspektif: '14. Pembagian Tingkatan Staf',
-      skor_cu: this.form.p4.p4b14_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4b14_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4b14_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4b14_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4b14_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4b14_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4b14_bkcu_rekomendasi
-    }, {
-      perspektif: '15. Tujuan Kinerja',
-      skor_cu: this.form.p4.p4b15_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4b15_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4b15_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4b15_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4b15_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4b15_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4b15_bkcu_rekomendasi
-    }, {
-      perspektif: '16. Standar-standar penilaian',
-      skor_cu: this.form.p4.p4b16_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4b16_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4b16_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4b16_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4b16_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4b16_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4b16_bkcu_rekomendasi
-    }, {
-      perspektif: '17. Kinerja sebagai nilai bersama',
-      skor_cu: this.form.p4.p4b17_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4b17_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4b17_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4b17_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4b17_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4b17_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4b17_bkcu_rekomendasi
-    }, {
-      perspektif: '18. Kecakapan Tim',
-      skor_cu: this.form.p4.p4b18_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4b18_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4b18_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4b18_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4b18_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4b18_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4b18_bkcu_rekomendasi
-    }, {
-      perspektif: '19. Jenjang Karir',
-      skor_cu: this.form.p4.p4b19_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4b19_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4b19_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4b19_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4b19_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4b19_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4b19_bkcu_rekomendasi
-    }, {
-      perspektif: '20. Program Pengembangan',
-      skor_cu: this.form.p4.p4b20_cu_penilaian / 1,
-      bobot_cu: (this.form.p4.p4b20_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      skor_bkcu: this.form.p4.p4b20_bkcu_penilaian / 1,
-      bobot_bkcu: (this.form.p4.p4b20_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
-      keterangan_cu: this.form.p4.p4b20_cu_keterangan,
-      keterangan_bkcu: this.form.p4.p4b20_bkcu_keterangan,
-      rekomendasi_bkcu: this.form.p4.p4b20_bkcu_rekomendasi
-    }];
-  },
-  watch: {},
-  methods: {},
-  computed: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css&":
-/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css& ***!
-  \*******************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-exports.i(__webpack_require__(/*! -!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/katex/dist/katex.min.css */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/katex/dist/katex.min.css"), "");
-
-// module
-exports.push([module.i, "\n", ""]);
-
-// exports
-
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css&":
-/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css& ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p1.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css&");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v(
-            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
-          ),
-        ]),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticStyle: { display: "inline-block" } }, [
-    _c("i", {
-      directives: [
-        {
-          name: "tooltip",
-          rawName: "v-tooltip",
-          value: _vm.message,
-          expression: "message",
-        },
-      ],
-      staticClass: "icon-info22 d-none d-sm-block",
-    }),
-    _vm._v(" "),
-    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
-      _c("i", [_vm._v(_vm._s(_vm.message))]),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticStyle: { display: "inline-block" } }, [
-      _c(
-        "span",
-        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
-        [_vm._v("Wajib diisi")]
-      ),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form.vue?vue&type=template&id=4bb6c6b5&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form.vue?vue&type=template&id=4bb6c6b5& ***!
-  \*************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops, terjadi kesalahan",
-                      errorItem: _vm.errors.items,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "form",
-                {
-                  attrs: {
-                    enctype: "multipart/form-data",
-                    "data-vv-scope": "form",
-                  },
-                  on: {
-                    submit: function ($event) {
-                      $event.preventDefault()
-                      return _vm.save.apply(null, arguments)
-                    },
-                  },
-                },
-                [
-                  _c("div", { staticClass: "card card-body" }, [
-                    _c("div", { staticClass: "row" }, [
-                      _vm.currentUser.id_cu == 0
-                        ? _c("div", { staticClass: "col-md-6" }, [
-                            _c(
-                              "div",
-                              {
-                                staticClass: "form-group",
-                                class: {
-                                  "has-error": _vm.errors.has("form.id_cu"),
-                                },
-                              },
-                              [
-                                _c(
-                                  "h5",
-                                  {
-                                    class: {
-                                      "text-danger":
-                                        _vm.errors.has("form.id_cu"),
-                                    },
-                                  },
-                                  [
-                                    _vm.errors.has("form.id_cu")
-                                      ? _c("i", { staticClass: "icon-cross2" })
-                                      : _vm._e(),
-                                    _vm._v(
-                                      "\n                      CU:\n                      "
-                                    ),
-                                    _c("wajib-badge"),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "select",
-                                  {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: _vm.form.id_cu,
-                                        expression: "form.id_cu",
-                                      },
-                                      {
-                                        name: "validate",
-                                        rawName: "v-validate",
-                                        value: "required",
-                                        expression: "'required'",
-                                      },
-                                    ],
-                                    staticClass: "form-control",
-                                    attrs: {
-                                      name: "id_cu",
-                                      "data-width": "100%",
-                                      "data-vv-as": "CU",
-                                      disabled:
-                                        _vm.modelCU.length == 0 ||
-                                        _vm.$route.meta.mode ==
-                                          "penilaian_bkcu" ||
-                                        _vm.$route.meta.mode == "lihat" ||
-                                        _vm.$route.meta.mode == "edit",
-                                    },
-                                    on: {
-                                      change: [
-                                        function ($event) {
-                                          var $$selectedVal =
-                                            Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function (o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function (o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                          _vm.$set(
-                                            _vm.form,
-                                            "id_cu",
-                                            $event.target.multiple
-                                              ? $$selectedVal
-                                              : $$selectedVal[0]
-                                          )
-                                        },
-                                        function ($event) {
-                                          return _vm.changeCU(
-                                            $event.target.value
-                                          )
-                                        },
-                                      ],
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "option",
-                                      { attrs: { disabled: "", value: "0" } },
-                                      [_vm._v("Silahkan pilih CU")]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm._l(_vm.modelCU, function (cu, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: cu.id },
-                                        },
-                                        [_vm._v(_vm._s(cu.name))]
-                                      )
-                                    }),
-                                  ],
-                                  2
-                                ),
-                                _vm._v(" "),
-                                _vm.errors.has("form.id_cu")
-                                  ? _c(
-                                      "small",
-                                      { staticClass: "text-muted text-danger" },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-arrow-small-right",
-                                        }),
-                                        _vm._v(
-                                          "\n                      " +
-                                            _vm._s(
-                                              _vm.errors.first("form.id_cu")
-                                            ) +
-                                            "\n                    "
-                                        ),
-                                      ]
-                                    )
-                                  : _c("small", { staticClass: "text-muted" }, [
-                                      _vm._v(" "),
-                                    ]),
-                              ]
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      _c(
-                        "div",
-                        {
-                          class: {
-                            "col-md-6": _vm.currentUser.id_cu == 0,
-                            "col-md-12": _vm.currentUser.id_cu != 0,
-                          },
-                        },
-                        [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.periode"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.periode"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.periode")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n                      Periode:\n                      "
-                                  ),
-                                  _c("wajib-badge"),
-                                  _vm._v(" "),
-                                  _c("info-icon", {
-                                    attrs: {
-                                      message:
-                                        "Periode diambil dari laporan perkembangan CU",
-                                    },
-                                  }),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_laporan_cu,
-                                      expression: "form.id_laporan_cu",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "periode",
-                                    "data-width": "100%",
-                                    "data-vv-as": "CU",
-                                    disabled:
-                                      _vm.modelPeriode.length == 0 ||
-                                      _vm.$route.meta.mode ==
-                                        "penilaian_bkcu" ||
-                                      _vm.$route.meta.mode == "lihat" ||
-                                      _vm.$route.meta.mode == "edit",
-                                  },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_laporan_cu",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function ($event) {
-                                        return _vm.changePeriode(
-                                          $event.target.value
-                                        )
-                                      },
-                                    ],
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelPeriodeStat == "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih periode"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelPeriode,
-                                    function (periode, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: periode.id },
-                                        },
-                                        [_vm._v(_vm._s(periode.periode))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.periode")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        "\n                      " +
-                                          _vm._s(
-                                            _vm.errors.first("form.periode")
-                                          ) +
-                                          "\n                    "
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _vm._m(0),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "col-md-6 mb-1" }, [
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-block",
-                            attrs: { type: "button" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.back.apply(null, arguments)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-arrow-left13" }),
-                            _vm._v(" Batal\n                  "),
-                          ]
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _vm.$route.meta.mode != "lihat"
-                        ? _c("div", { staticClass: "col-md-6 mb-1" }, [
-                            (_vm.$route.meta.mode == "create" &&
-                              _vm.periodeStat == "success" &&
-                              _vm.periode == null) ||
-                            (_vm.$route.meta.mode != "create" &&
-                              _vm.form.periode != "" &&
-                              _vm.formStat == "success")
-                              ? _c("div", [
-                                  _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveDraft.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft\n                      "
-                                      ),
-                                    ]
-                                  ),
-                                ])
-                              : _vm._e(),
-                          ])
-                        : _vm._e(),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  (_vm.$route.meta.mode == "create" &&
-                    _vm.periodeStat == "success" &&
-                    _vm.periode == null) ||
-                  (_vm.$route.meta.mode != "create" &&
-                    _vm.form.periode != "" &&
-                    _vm.formStat == "success")
-                    ? _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
-                        _c(
-                          "ul",
-                          {
-                            staticClass: "nav nav-tabs nav-tabs-solid bg-light",
-                          },
-                          [
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "p1" },
-                                  staticStyle: { cursor: "pointer" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("p1")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "a",
-                                    {
-                                      staticClass: "font-weight-bold",
-                                      class: {
-                                        "text-white": _vm.tabName == "p1",
-                                      },
-                                      attrs: { href: "#" },
-                                    },
-                                    [_vm._v("1. PERSPEKTIF KEUANGAN")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("hr", { staticClass: "mt-1 mb-1" }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "ul",
-                                    { staticClass: "list-inline mb-0" },
-                                    [
-                                      _c("li", [
-                                        _vm._v(
-                                          "\n                        Skor CU: " +
-                                            _vm._s(
-                                              _vm.nilaiSkorCUP1A +
-                                                _vm.nilaiSkorCUP1B +
-                                                _vm.nilaiSkorCUP1C +
-                                                _vm.nilaiSkorCUP1D +
-                                                _vm.nilaiSkorCUP1E +
-                                                _vm.nilaiSkorCUP1F
-                                            ) +
-                                            "\n                        / Bobot Skor CU: " +
-                                            _vm._s(
-                                              _vm._f("round")(
-                                                _vm.nilaiBobotCUP1A +
-                                                  _vm.nilaiBobotCUP1B +
-                                                  _vm.nilaiBobotCUP1C +
-                                                  _vm.nilaiBobotCUP1D +
-                                                  _vm.nilaiBobotCUP1E +
-                                                  _vm.nilaiBobotCUP1F,
-                                                2
-                                              )
-                                            ) +
-                                            "%\n                      "
-                                        ),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("li", [
-                                        _vm._v(
-                                          "\n                        Skor PUSKOPCUINA: " +
-                                            _vm._s(
-                                              _vm.nilaiSkorBKCUP1A +
-                                                _vm.nilaiSkorBKCUP1B +
-                                                _vm.nilaiSkorBKCUP1C +
-                                                _vm.nilaiSkorBKCUP1D +
-                                                _vm.nilaiSkorBKCUP1E +
-                                                _vm.nilaiSkorBKCUP1F
-                                            ) +
-                                            "\n                        / Bobot Skor PUSKOPCUINA: " +
-                                            _vm._s(
-                                              _vm._f("round")(
-                                                _vm.nilaiBobotBKCUP1A +
-                                                  _vm.nilaiBobotBKCUP1B +
-                                                  _vm.nilaiBobotBKCUP1C +
-                                                  _vm.nilaiBobotBKCUP1D +
-                                                  _vm.nilaiBobotBKCUP1E +
-                                                  _vm.nilaiBobotBKCUP1F,
-                                                2
-                                              )
-                                            ) +
-                                            "%\n                      "
-                                        ),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "p2" },
-                                  staticStyle: { cursor: "pointer" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("p2")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "a",
-                                    {
-                                      staticClass: "font-weight-bold",
-                                      class: {
-                                        "text-white": _vm.tabName == "p2",
-                                      },
-                                      attrs: { href: "#" },
-                                    },
-                                    [_vm._v("2. PERSPEKTIF ANGGOTA/PELANGGAN")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("hr", { staticClass: "mt-1 mb-1" }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "ul",
-                                    { staticClass: "list-inline mb-0" },
-                                    [
-                                      _c("li", [
-                                        _vm._v(
-                                          "Skor CU: " +
-                                            _vm._s(
-                                              _vm.nilaiSkorCUP2A +
-                                                _vm.nilaiSkorCUP2B
-                                            ) +
-                                            " / Bobot Skor CU: " +
-                                            _vm._s(
-                                              _vm._f("round")(
-                                                _vm.nilaiBobotCUP2A +
-                                                  _vm.nilaiBobotCUP2B,
-                                                2
-                                              )
-                                            ) +
-                                            "%"
-                                        ),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("li", [
-                                        _vm._v(
-                                          "Skor PUSKOPCUINA: " +
-                                            _vm._s(
-                                              _vm.nilaiSkorBKCUP2A +
-                                                _vm.nilaiSkorBKCUP2B
-                                            ) +
-                                            " / Bobot Skor PUSKOPCUINA: " +
-                                            _vm._s(
-                                              _vm._f("round")(
-                                                _vm.nilaiBobotBKCUP2A +
-                                                  _vm.nilaiBobotBKCUP2B,
-                                                2
-                                              )
-                                            ) +
-                                            "%"
-                                        ),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "p3" },
-                                  staticStyle: { cursor: "pointer" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("p3")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "a",
-                                    {
-                                      staticClass: "font-weight-bold",
-                                      class: {
-                                        "text-white": _vm.tabName == "p3",
-                                      },
-                                      attrs: { href: "#" },
-                                    },
-                                    [_vm._v("3. PERSPEKTIF BISNIS INTERNAL")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("hr", { staticClass: "mt-1 mb-1" }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "ul",
-                                    { staticClass: "list-inline mb-0" },
-                                    [
-                                      _c("li", [
-                                        _vm._v(
-                                          "Skor CU: " +
-                                            _vm._s(
-                                              _vm.nilaiSkorCUP3A +
-                                                _vm.nilaiSkorCUP3B
-                                            ) +
-                                            " / Bobot Skor CU: " +
-                                            _vm._s(
-                                              _vm._f("round")(
-                                                _vm.nilaiBobotCUP3A +
-                                                  _vm.nilaiBobotCUP3B,
-                                                2
-                                              )
-                                            ) +
-                                            "%"
-                                        ),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("li", [
-                                        _vm._v(
-                                          "Skor PUSKOPCUINA: " +
-                                            _vm._s(
-                                              _vm.nilaiSkorBKCUP3A +
-                                                _vm.nilaiSkorBKCUP3B
-                                            ) +
-                                            " / Bobot Skor PUSKOPCUINA: " +
-                                            _vm._s(
-                                              _vm._f("round")(
-                                                _vm.nilaiBobotBKCUP3A +
-                                                  _vm.nilaiBobotBKCUP3B,
-                                                2
-                                              )
-                                            ) +
-                                            "%"
-                                        ),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "p4" },
-                                  staticStyle: { cursor: "pointer" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("p4")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "a",
-                                    {
-                                      staticClass: "font-weight-bold",
-                                      class: {
-                                        "text-white": _vm.tabName == "p4",
-                                      },
-                                      attrs: { href: "#" },
-                                    },
-                                    [_vm._v("4. PERSPEKTIF PEMBELAJARAN")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("hr", { staticClass: "mt-1 mb-1" }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "ul",
-                                    { staticClass: "list-inline mb-0" },
-                                    [
-                                      _c("li", [
-                                        _vm._v(
-                                          "Skor CU: " +
-                                            _vm._s(
-                                              _vm.nilaiSkorCUP4A +
-                                                _vm.nilaiSkorCUP4B
-                                            ) +
-                                            " / Bobot Skor CU: " +
-                                            _vm._s(
-                                              _vm._f("round")(
-                                                _vm.nilaiBobotCUP4A +
-                                                  _vm.nilaiBobotCUP4B,
-                                                2
-                                              )
-                                            ) +
-                                            "%"
-                                        ),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("li", [
-                                        _vm._v(
-                                          "Skor PUSKOPCUINA: " +
-                                            _vm._s(
-                                              _vm.nilaiSkorBKCUP4A +
-                                                _vm.nilaiSkorBKCUP4B
-                                            ) +
-                                            " / Bobot Skor PUSKOPCUINA: " +
-                                            _vm._s(
-                                              _vm._f("round")(
-                                                _vm.nilaiBobotBKCUP4A +
-                                                  _vm.nilaiBobotBKCUP4B,
-                                                2
-                                              )
-                                            ) +
-                                            "%"
-                                        ),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "p5" },
-                                  staticStyle: { cursor: "pointer" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("p5")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "a",
-                                    {
-                                      staticClass: "font-weight-bold",
-                                      class: {
-                                        "text-white": _vm.tabName == "p5",
-                                      },
-                                      attrs: { href: "#" },
-                                    },
-                                    [_vm._v("5. SCORE CARD & KESIMPULAN")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("hr", { staticClass: "mt-1 mb-1" }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "ul",
-                                    { staticClass: "list-inline mb-0" },
-                                    [
-                                      _c("li", [
-                                        _vm._v(
-                                          "\n                        Total Skor CU: " +
-                                            _vm._s(_vm.totalSkorCU()) +
-                                            " /\n                        Total Bobot Skor CU: " +
-                                            _vm._s(_vm.totalBobotCU()) +
-                                            "%\n                      "
-                                        ),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("li", [
-                                        _vm._v(
-                                          "\n                        Total Skor PUSKOPCUINA: " +
-                                            _vm._s(_vm.totalSkorBKCU()) +
-                                            " /\n                        Total Bobot Skor PUSKOPCUINA: " +
-                                            _vm._s(_vm.totalBobotBKCU()) +
-                                            "%\n                      "
-                                        ),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                            ]),
-                          ]
-                        ),
-                      ])
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _vm.$route.meta.mode == "create" &&
-                  _vm.periodeStat == "success" &&
-                  _vm.periode != null
-                    ? _c(
-                        "div",
-                        {
-                          staticClass:
-                            "alert bg-danger text-white alert-styled-left",
-                        },
-                        [
-                          _c("span", { staticClass: "font-weight-semibold" }, [
-                            _vm._v(
-                              "Maaf, self assesment untuk periode ini sudah pernah dilakukan mohon periksa kembali.\n\t\t\t\t\t\t\t"
-                            ),
-                          ]),
-                        ]
-                      )
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _c(
-                    "transition",
-                    {
-                      attrs: {
-                        "enter-active-class": "animated fadeIn",
-                        mode: "out-in",
-                      },
-                    },
-                    [
-                      (_vm.$route.meta.mode == "create" &&
-                        _vm.periodeStat == "success" &&
-                        _vm.periode == null) ||
-                      (_vm.$route.meta.mode != "create" &&
-                        _vm.form.periode != "" &&
-                        _vm.formStat == "success")
-                        ? _c(
-                            "div",
-                            {
-                              directives: [
-                                {
-                                  name: "show",
-                                  rawName: "v-show",
-                                  value: _vm.tabName == "p1",
-                                  expression: "tabName == 'p1'",
-                                },
-                              ],
-                            },
-                            [
-                              _vm.formStat == "success"
-                                ? _c("form-p1", {
-                                    attrs: {
-                                      form: _vm.form,
-                                      jumlahIndikator: "56",
-                                      bobotSkor: "40",
-                                      mode: _vm.$route.meta.mode,
-                                      itemData: _vm.modelPearls,
-                                      updateSingleStat: _vm.updateSingleStat,
-                                    },
-                                    on: {
-                                      saveSingle: _vm.saveSingle,
-                                      reloadPearls: function ($event) {
-                                        return _vm.reloadPearls()
-                                      },
-                                      next: function ($event) {
-                                        return _vm.changeTab("p2")
-                                      },
-                                      prev: _vm.back,
-                                      skorCUA: _vm.skorCUP1A,
-                                      skorBKCUA: _vm.skorBKCUP1A,
-                                      bobotCUA: _vm.bobotCUP1A,
-                                      bobotBKCUA: _vm.bobotBKCUP1A,
-                                      skorCUB: _vm.skorCUP1B,
-                                      skorBKCUB: _vm.skorBKCUP1B,
-                                      bobotCUB: _vm.bobotCUP1B,
-                                      bobotBKCUB: _vm.bobotBKCUP1B,
-                                      skorCUC: _vm.skorCUP1C,
-                                      skorBKCUC: _vm.skorBKCUP1C,
-                                      bobotCUC: _vm.bobotCUP1C,
-                                      bobotBKCUC: _vm.bobotBKCUP1C,
-                                      skorCUD: _vm.skorCUP1D,
-                                      skorBKCUD: _vm.skorBKCUP1D,
-                                      bobotCUD: _vm.bobotCUP1D,
-                                      bobotBKCUD: _vm.bobotBKCUP1D,
-                                      skorCUE: _vm.skorCUP1E,
-                                      skorBKCUE: _vm.skorBKCUP1E,
-                                      bobotCUE: _vm.bobotCUP1E,
-                                      bobotBKCUE: _vm.bobotBKCUP1E,
-                                      skorCUF: _vm.skorCUP1F,
-                                      skorBKCUF: _vm.skorBKCUP1F,
-                                      bobotCUF: _vm.bobotCUP1F,
-                                      bobotBKCUF: _vm.bobotBKCUP1F,
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                    ]
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "transition",
-                    {
-                      attrs: {
-                        "enter-active-class": "animated fadeIn",
-                        mode: "out-in",
-                      },
-                    },
-                    [
-                      _c(
-                        "div",
-                        {
-                          directives: [
-                            {
-                              name: "show",
-                              rawName: "v-show",
-                              value: _vm.tabName == "p2",
-                              expression: "tabName == 'p2'",
-                            },
-                          ],
-                        },
-                        [
-                          _vm.formStat == "success"
-                            ? _c("form-p2", {
-                                attrs: {
-                                  form: _vm.form,
-                                  jumlahIndikator: "108",
-                                  bobotSkor: "20",
-                                  mode: _vm.$route.meta.mode,
-                                  updateSingleStat: _vm.updateSingleStat,
-                                },
-                                on: {
-                                  saveSingle: _vm.saveSingle,
-                                  prev: function ($event) {
-                                    return _vm.changeTab("p2")
-                                  },
-                                  next: function ($event) {
-                                    return _vm.changeTab("p3")
-                                  },
-                                  skorCUA: _vm.skorCUP2A,
-                                  skorBKCUA: _vm.skorBKCUP2A,
-                                  bobotCUA: _vm.bobotCUP2A,
-                                  bobotBKCUA: _vm.bobotBKCUP2A,
-                                  skorCUB: _vm.skorCUP2B,
-                                  skorBKCUB: _vm.skorBKCUP2B,
-                                  bobotCUB: _vm.bobotCUP2B,
-                                  bobotBKCUB: _vm.bobotBKCUP2B,
-                                },
-                              })
-                            : _vm._e(),
-                        ],
-                        1
-                      ),
-                    ]
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "transition",
-                    {
-                      attrs: {
-                        "enter-active-class": "animated fadeIn",
-                        mode: "out-in",
-                      },
-                    },
-                    [
-                      _c(
-                        "div",
-                        {
-                          directives: [
-                            {
-                              name: "show",
-                              rawName: "v-show",
-                              value: _vm.tabName == "p3",
-                              expression: "tabName == 'p3'",
-                            },
-                          ],
-                        },
-                        [
-                          _vm.formStat == "success"
-                            ? _c("form-p3", {
-                                attrs: {
-                                  form: _vm.form,
-                                  jumlahIndikator: "104",
-                                  bobotSkor: "20",
-                                  mode: _vm.$route.meta.mode,
-                                  updateSingleStat: _vm.updateSingleStat,
-                                },
-                                on: {
-                                  saveSingle: _vm.saveSingle,
-                                  prev: function ($event) {
-                                    return _vm.changeTab("p3")
-                                  },
-                                  next: function ($event) {
-                                    return _vm.changeTab("p4")
-                                  },
-                                  skorCUA: _vm.skorCUP3A,
-                                  skorBKCUA: _vm.skorBKCUP3A,
-                                  bobotCUA: _vm.bobotCUP3A,
-                                  bobotBKCUA: _vm.bobotBKCUP3A,
-                                  skorCUB: _vm.skorCUP3B,
-                                  skorBKCUB: _vm.skorBKCUP3B,
-                                  bobotCUB: _vm.bobotCUP3B,
-                                  bobotBKCUB: _vm.bobotBKCUP3B,
-                                },
-                              })
-                            : _vm._e(),
-                        ],
-                        1
-                      ),
-                    ]
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "transition",
-                    {
-                      attrs: {
-                        "enter-active-class": "animated fadeIn",
-                        mode: "out-in",
-                      },
-                    },
-                    [
-                      _c(
-                        "div",
-                        {
-                          directives: [
-                            {
-                              name: "show",
-                              rawName: "v-show",
-                              value: _vm.tabName == "p4",
-                              expression: "tabName == 'p4'",
-                            },
-                          ],
-                        },
-                        [
-                          _vm.formStat == "success"
-                            ? _c("form-p4", {
-                                attrs: {
-                                  form: _vm.form,
-                                  jumlahIndikator: "80",
-                                  bobotSkor: "20",
-                                  mode: _vm.$route.meta.mode,
-                                  updateSingleStat: _vm.updateSingleStat,
-                                },
-                                on: {
-                                  saveSingle: _vm.saveSingle,
-                                  prev: function ($event) {
-                                    return _vm.changeTab("p3")
-                                  },
-                                  next: function ($event) {
-                                    return _vm.changeTab("p5")
-                                  },
-                                  skorCUA: _vm.skorCUP4A,
-                                  skorBKCUA: _vm.skorBKCUP4A,
-                                  bobotCUA: _vm.bobotCUP4A,
-                                  bobotBKCUA: _vm.bobotBKCUP4A,
-                                  skorCUB: _vm.skorCUP4B,
-                                  skorBKCUB: _vm.skorBKCUP4B,
-                                  bobotCUB: _vm.bobotCUP4B,
-                                  bobotBKCUB: _vm.bobotBKCUP4B,
-                                },
-                              })
-                            : _vm._e(),
-                        ],
-                        1
-                      ),
-                    ]
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "transition",
-                    {
-                      attrs: {
-                        "enter-active-class": "animated fadeIn",
-                        mode: "out-in",
-                      },
-                    },
-                    [
-                      _c(
-                        "div",
-                        {
-                          directives: [
-                            {
-                              name: "show",
-                              rawName: "v-show",
-                              value: _vm.tabName == "p5",
-                              expression: "tabName == 'p5'",
-                            },
-                          ],
-                        },
-                        [
-                          _vm.formStat == "success"
-                            ? _c("score-p1", {
-                                attrs: {
-                                  form: _vm.form,
-                                  jumlahIndikator: "56",
-                                  bobotSkor: "40",
-                                  mode: _vm.$route.meta.mode,
-                                  nilaiSkorCUP1A: _vm.nilaiSkorCUP1A,
-                                  nilaiBobotCUP1A: _vm.nilaiBobotCUP1A,
-                                  nilaiSkorBKCUP1A: _vm.nilaiSkorBKCUP1A,
-                                  nilaiBobotBKCUP1A: _vm.nilaiBobotBKCUP1A,
-                                  nilaiSkorCUP1B: _vm.nilaiSkorCUP1B,
-                                  nilaiBobotCUP1B: _vm.nilaiBobotCUP1B,
-                                  nilaiSkorBKCUP1B: _vm.nilaiSkorBKCUP1B,
-                                  nilaiBobotBKCUP1B: _vm.nilaiBobotBKCUP1B,
-                                  nilaiSkorCUP1C: _vm.nilaiSkorCUP1C,
-                                  nilaiBobotCUP1C: _vm.nilaiBobotCUP1C,
-                                  nilaiSkorBKCUP1C: _vm.nilaiSkorBKCUP1C,
-                                  nilaiBobotBKCUP1C: _vm.nilaiBobotBKCUP1C,
-                                  nilaiSkorCUP1D: _vm.nilaiSkorCUP1D,
-                                  nilaiBobotCUP1D: _vm.nilaiBobotCUP1D,
-                                  nilaiSkorBKCUP1D: _vm.nilaiSkorBKCUP1D,
-                                  nilaiBobotBKCUP1D: _vm.nilaiBobotBKCUP1D,
-                                  nilaiSkorCUP1E: _vm.nilaiSkorCUP1E,
-                                  nilaiBobotCUP1E: _vm.nilaiBobotCUP1E,
-                                  nilaiSkorBKCUP1E: _vm.nilaiSkorBKCUP1E,
-                                  nilaiBobotBKCUP1E: _vm.nilaiBobotBKCUP1E,
-                                  nilaiSkorCUP1F: _vm.nilaiSkorCUP1F,
-                                  nilaiBobotCUP1F: _vm.nilaiBobotCUP1F,
-                                  nilaiSkorBKCUP1F: _vm.nilaiSkorBKCUP1F,
-                                  nilaiBobotBKCUP1F: _vm.nilaiBobotBKCUP1F,
-                                },
-                              })
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _c("hr"),
-                          _vm._v(" "),
-                          _vm.formStat == "success"
-                            ? _c("score-p2", {
-                                attrs: {
-                                  form: _vm.form,
-                                  jumlahIndikator: "108",
-                                  bobotSkor: "20",
-                                  mode: _vm.$route.meta.mode,
-                                  nilaiSkorCUP2A: _vm.nilaiSkorCUP2A,
-                                  nilaiBobotCUP2A: _vm.nilaiBobotCUP2A,
-                                  nilaiSkorBKCUP2A: _vm.nilaiSkorBKCUP2A,
-                                  nilaiBobotBKCUP2A: _vm.nilaiBobotBKCUP2A,
-                                  nilaiSkorCUP2B: _vm.nilaiSkorCUP2B,
-                                  nilaiBobotCUP2B: _vm.nilaiBobotCUP2B,
-                                  nilaiSkorBKCUP2B: _vm.nilaiSkorBKCUP2B,
-                                  nilaiBobotBKCUP2B: _vm.nilaiBobotBKCUP2B,
-                                },
-                              })
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _c("hr"),
-                          _vm._v(" "),
-                          _vm.formStat == "success"
-                            ? _c("score-p3", {
-                                attrs: {
-                                  form: _vm.form,
-                                  jumlahIndikator: "104",
-                                  bobotSkor: "20",
-                                  mode: _vm.$route.meta.mode,
-                                  nilaiSkorCUP3A: _vm.nilaiSkorCUP3A,
-                                  nilaiBobotCUP3A: _vm.nilaiBobotCUP3A,
-                                  nilaiSkorBKCUP3A: _vm.nilaiSkorBKCUP3A,
-                                  nilaiBobotBKCUP3A: _vm.nilaiBobotBKCUP3A,
-                                  nilaiSkorCUP3B: _vm.nilaiSkorCUP3B,
-                                  nilaiBobotCUP3B: _vm.nilaiBobotCUP3B,
-                                  nilaiSkorBKCUP3B: _vm.nilaiSkorBKCUP3B,
-                                  nilaiBobotBKCUP3B: _vm.nilaiBobotBKCUP3B,
-                                },
-                              })
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _c("hr"),
-                          _vm._v(" "),
-                          _vm.formStat == "success"
-                            ? _c("score-p4", {
-                                attrs: {
-                                  form: _vm.form,
-                                  jumlahIndikator: "80",
-                                  bobotSkor: "20",
-                                  mode: _vm.$route.meta.mode,
-                                  nilaiSkorCUP4A: _vm.nilaiSkorCUP4A,
-                                  nilaiBobotCUP4A: _vm.nilaiBobotCUP4A,
-                                  nilaiSkorBKCUP4A: _vm.nilaiSkorBKCUP4A,
-                                  nilaiBobotBKCUP4A: _vm.nilaiBobotBKCUP4A,
-                                  nilaiSkorCUP4B: _vm.nilaiSkorCUP4B,
-                                  nilaiBobotCUP4B: _vm.nilaiBobotCUP4B,
-                                  nilaiSkorBKCUP4B: _vm.nilaiSkorBKCUP4B,
-                                  nilaiBobotBKCUP4B: _vm.nilaiBobotBKCUP4B,
-                                },
-                              })
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _c("hr"),
-                          _vm._v(" "),
-                          _vm.formStat == "success"
-                            ? _c("kesimpulan", {
-                                attrs: {
-                                  form: _vm.form,
-                                  mode: _vm.$route.meta.mode,
-                                  nilaiTotalSkorCU: _vm.nilaiTotalSkorCU,
-                                  nilaiTotalBobotCU: _vm.nilaiTotalBobotCU,
-                                  nilaiTotalSkorBKCU: _vm.nilaiTotalSkorBKCU,
-                                  nilaiTotalBobotBKCU: _vm.nilaiTotalBobotBKCU,
-                                  a1: _vm.modelPearls
-                                    ? _vm.modelPearls.a1 * 100
-                                    : 0,
-                                  e9: _vm.modelPearls
-                                    ? _vm.modelPearls.e9 * 100
-                                    : 0,
-                                },
-                              })
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _vm.formStat == "success"
-                            ? _c("div", [
-                                _vm.$route.meta.mode != "penilaianBkcu"
-                                  ? _c("div", [
-                                      _vm.form.p4.p4b20_cu_penilaian != null &&
-                                      _vm.form.p4.p4b20_cu_keterangan != null
-                                        ? _c(
-                                            "div",
-                                            { staticClass: "card card-body" },
-                                            [
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "text-center d-none d-md-block",
-                                                },
-                                                [
-                                                  _c(
-                                                    "button",
-                                                    {
-                                                      staticClass:
-                                                        "btn btn-light",
-                                                      attrs: { type: "button" },
-                                                      on: {
-                                                        click: function (
-                                                          $event
-                                                        ) {
-                                                          $event.preventDefault()
-                                                          return _vm.changeTab(
-                                                            "p4"
-                                                          )
-                                                        },
-                                                      },
-                                                    },
-                                                    [
-                                                      _c("i", {
-                                                        staticClass:
-                                                          "icon-arrow-left13",
-                                                      }),
-                                                      _vm._v(
-                                                        " Kembali\n                        "
-                                                      ),
-                                                    ]
-                                                  ),
-                                                  _vm._v(" "),
-                                                  _vm.$route.meta.mode !=
-                                                  "lihat"
-                                                    ? _c(
-                                                        "button",
-                                                        {
-                                                          staticClass:
-                                                            "btn btn-primary",
-                                                          attrs: {
-                                                            type: "submit",
-                                                          },
-                                                        },
-                                                        [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-floppy-disk",
-                                                          }),
-                                                          _vm._v(
-                                                            " Simpan\n                        "
-                                                          ),
-                                                        ]
-                                                      )
-                                                    : _vm._e(),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "d-block d-md-none",
-                                                },
-                                                [
-                                                  _vm.$route.meta.mode !=
-                                                  "lihat"
-                                                    ? _c(
-                                                        "button",
-                                                        {
-                                                          staticClass:
-                                                            "btn btn-primary btn-block",
-                                                          attrs: {
-                                                            type: "submit",
-                                                          },
-                                                        },
-                                                        [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-floppy-disk",
-                                                          }),
-                                                          _vm._v(
-                                                            " Simpan\n                        "
-                                                          ),
-                                                        ]
-                                                      )
-                                                    : _vm._e(),
-                                                  _vm._v(" "),
-                                                  _c(
-                                                    "button",
-                                                    {
-                                                      staticClass:
-                                                        "btn btn-light btn-block",
-                                                      attrs: { type: "button" },
-                                                      on: {
-                                                        click: function (
-                                                          $event
-                                                        ) {
-                                                          $event.preventDefault()
-                                                          return _vm.changeTab(
-                                                            "p4"
-                                                          )
-                                                        },
-                                                      },
-                                                    },
-                                                    [
-                                                      _c("i", {
-                                                        staticClass:
-                                                          "icon-arrow-left13",
-                                                      }),
-                                                      _vm._v(
-                                                        " Kembali\n                        "
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]
-                                          )
-                                        : _vm._e(),
-                                    ])
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.$route.meta.mode == "penilaianBkcu"
-                                  ? _c("div", [
-                                      _vm.form.p4.p4b20_bkcu_penilaian != null
-                                        ? _c(
-                                            "div",
-                                            { staticClass: "card card-body" },
-                                            [
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "text-center d-none d-md-block",
-                                                },
-                                                [
-                                                  _c(
-                                                    "button",
-                                                    {
-                                                      staticClass:
-                                                        "btn btn-light",
-                                                      attrs: { type: "button" },
-                                                      on: {
-                                                        click: function (
-                                                          $event
-                                                        ) {
-                                                          $event.preventDefault()
-                                                          return _vm.changeTab(
-                                                            "p4"
-                                                          )
-                                                        },
-                                                      },
-                                                    },
-                                                    [
-                                                      _c("i", {
-                                                        staticClass:
-                                                          "icon-arrow-left13",
-                                                      }),
-                                                      _vm._v(
-                                                        " Kembali\n                        "
-                                                      ),
-                                                    ]
-                                                  ),
-                                                  _vm._v(" "),
-                                                  _vm.$route.meta.mode !=
-                                                  "lihat"
-                                                    ? _c(
-                                                        "button",
-                                                        {
-                                                          staticClass:
-                                                            "btn btn-primary",
-                                                          attrs: {
-                                                            type: "submit",
-                                                          },
-                                                        },
-                                                        [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-floppy-disk",
-                                                          }),
-                                                          _vm._v(
-                                                            " Simpan\n                        "
-                                                          ),
-                                                        ]
-                                                      )
-                                                    : _vm._e(),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "d-block d-md-none",
-                                                },
-                                                [
-                                                  _vm.$route.meta.mode !=
-                                                  "lihat"
-                                                    ? _c(
-                                                        "button",
-                                                        {
-                                                          staticClass:
-                                                            "btn btn-primary btn-block",
-                                                          attrs: {
-                                                            type: "submit",
-                                                          },
-                                                        },
-                                                        [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-floppy-disk",
-                                                          }),
-                                                          _vm._v(
-                                                            " Simpan\n                        "
-                                                          ),
-                                                        ]
-                                                      )
-                                                    : _vm._e(),
-                                                  _vm._v(" "),
-                                                  _c(
-                                                    "button",
-                                                    {
-                                                      staticClass:
-                                                        "btn btn-light btn-block",
-                                                      attrs: { type: "button" },
-                                                      on: {
-                                                        click: function (
-                                                          $event
-                                                        ) {
-                                                          $event.preventDefault()
-                                                          return _vm.changeTab(
-                                                            "p4"
-                                                          )
-                                                        },
-                                                      },
-                                                    },
-                                                    [
-                                                      _c("i", {
-                                                        staticClass:
-                                                          "icon-arrow-left13",
-                                                      }),
-                                                      _vm._v(
-                                                        " Kembali\n                        "
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]
-                                          )
-                                        : _vm._e(),
-                                    ])
-                                  : _vm._e(),
-                              ])
-                            : _vm._e(),
-                        ],
-                        1
-                      ),
-                    ]
-                  ),
-                ],
-                1
-              ),
-            ],
-            1
-          ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            content: _vm.modalContent,
-            color: _vm.modalColor,
-          },
-          on: {
-            batal: _vm.modalTutup,
-            tutup: _vm.modalTutup,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v(_vm._s(_vm.modalTitle)),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "modal-body1" }),
-        ],
-        2
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-md-12" }, [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v(
-            "Periode mengacu pada periode pada laporan statistik CU yang diinputkan di SIMO, apabila anda tidak menemukan periode yang dimaksud maka silahkan cek ke menu laporan statistik CU dibawah menu Tata kelola."
-          ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c("hr"),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=template&id=bec24e1c&":
-/*!********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=template&id=bec24e1c& ***!
-  \********************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "row" }, [
-      _c("div", { staticClass: "col-md-3" }, [
-        _c(
-          "div",
-          {
-            staticClass: "card card-body has-bg-image",
-            class: {
-              "bg-danger": _vm.cuTabName == "semua" || _vm.cuTabName == "1",
-              "bg-slate-300": _vm.cuTabName != "semua" && _vm.cuTabName != "1",
-            },
-            staticStyle: { cursor: "pointer" },
-            on: {
-              click: function ($event) {
-                return _vm.changeTabCU(1)
-              },
-            },
-          },
-          [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c("h3", { staticClass: "mb-0" }, [
-                  _vm._v("CU: " + _vm._s(_vm.jumlahPenilaianCU(1))),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
-                  _vm._v("Jumlah penilaian Poor(1)"),
-                ]),
-              ]),
-            ]),
-          ]
-        ),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-3" }, [
-        _c(
-          "div",
-          {
-            staticClass: "card card-body has-bg-image",
-            class: {
-              "bg-warning": _vm.cuTabName == "semua" || _vm.cuTabName == "2",
-              "bg-slate-300": _vm.cuTabName != "semua" && _vm.cuTabName != "2",
-            },
-            staticStyle: { cursor: "pointer" },
-            on: {
-              click: function ($event) {
-                return _vm.changeTabCU(2)
-              },
-            },
-          },
-          [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c("h3", { staticClass: "mb-0" }, [
-                  _vm._v("CU: " + _vm._s(_vm.jumlahPenilaianCU(2))),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
-                  _vm._v("Jumlah penilaian Fair(2)"),
-                ]),
-              ]),
-            ]),
-          ]
-        ),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-3" }, [
-        _c(
-          "div",
-          {
-            staticClass: "card card-body has-bg-image",
-            class: {
-              "bg-success": _vm.cuTabName == "semua" || _vm.cuTabName == "3",
-              "bg-slate-300": _vm.cuTabName != "semua" && _vm.cuTabName != "3",
-            },
-            staticStyle: { cursor: "pointer" },
-            on: {
-              click: function ($event) {
-                return _vm.changeTabCU(3)
-              },
-            },
-          },
-          [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c("h3", { staticClass: "mb-0" }, [
-                  _vm._v("CU: " + _vm._s(_vm.jumlahPenilaianCU(3))),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
-                  _vm._v("Jumlah penilaian Good(3)"),
-                ]),
-              ]),
-            ]),
-          ]
-        ),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-3" }, [
-        _c(
-          "div",
-          {
-            staticClass: "card card-body has-bg-image",
-            class: {
-              "bg-primary": _vm.cuTabName == "semua" || _vm.cuTabName == "4",
-              "bg-slate-300": _vm.cuTabName != "semua" && _vm.cuTabName != "4",
-            },
-            staticStyle: { cursor: "pointer" },
-            on: {
-              click: function ($event) {
-                return _vm.changeTabCU(4)
-              },
-            },
-          },
-          [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c("h3", { staticClass: "mb-0" }, [
-                  _vm._v("CU: " + _vm._s(_vm.jumlahPenilaianCU(4))),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
-                  _vm._v("Jumlah penilaian Excellent(4)"),
-                ]),
-              ]),
-            ]),
-          ]
-        ),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "row" }, [
-      _c("div", { staticClass: "col-md-3" }, [
-        _c(
-          "div",
-          {
-            staticClass: "card card-body has-bg-image",
-            class: {
-              "bg-danger": _vm.bkcuTabName == "semua" || _vm.bkcuTabName == "1",
-              "bg-slate-300":
-                _vm.bkcuTabName != "semua" && _vm.bkcuTabName != "1",
-            },
-            staticStyle: { cursor: "pointer" },
-            on: {
-              click: function ($event) {
-                return _vm.changeTabBKCU(1)
-              },
-            },
-          },
-          [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c("h3", { staticClass: "mb-0" }, [
-                  _vm._v("BKCU: " + _vm._s(_vm.jumlahPenilaianBKCU(1))),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
-                  _vm._v("Jumlah penilaian Poor(1)"),
-                ]),
-              ]),
-            ]),
-          ]
-        ),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-3" }, [
-        _c(
-          "div",
-          {
-            staticClass: "card card-body has-bg-image",
-            class: {
-              "bg-warning":
-                _vm.bkcuTabName == "semua" || _vm.bkcuTabName == "2",
-              "bg-slate-300":
-                _vm.bkcuTabName != "semua" && _vm.bkcuTabName != "2",
-            },
-            staticStyle: { cursor: "pointer" },
-            on: {
-              click: function ($event) {
-                return _vm.changeTabBKCU(2)
-              },
-            },
-          },
-          [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c("h3", { staticClass: "mb-0" }, [
-                  _vm._v("BKCU: " + _vm._s(_vm.jumlahPenilaianBKCU(2))),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
-                  _vm._v("Jumlah penilaian Fair(2)"),
-                ]),
-              ]),
-            ]),
-          ]
-        ),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-3" }, [
-        _c(
-          "div",
-          {
-            staticClass: "card card-body has-bg-image",
-            class: {
-              "bg-success":
-                _vm.bkcuTabName == "semua" || _vm.bkcuTabName == "3",
-              "bg-slate-300":
-                _vm.bkcuTabName != "semua" && _vm.bkcuTabName != "3",
-            },
-            staticStyle: { cursor: "pointer" },
-            on: {
-              click: function ($event) {
-                return _vm.changeTabBKCU(3)
-              },
-            },
-          },
-          [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c("h3", { staticClass: "mb-0" }, [
-                  _vm._v("BKCU: " + _vm._s(_vm.jumlahPenilaianBKCU(3))),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
-                  _vm._v("Jumlah penilaian Good(3)"),
-                ]),
-              ]),
-            ]),
-          ]
-        ),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-3" }, [
-        _c(
-          "div",
-          {
-            staticClass: "card card-body has-bg-image",
-            class: {
-              "bg-primary":
-                _vm.bkcuTabName == "semua" || _vm.bkcuTabName == "4",
-              "bg-slate-300":
-                _vm.bkcuTabName != "semua" && _vm.bkcuTabName != "4",
-            },
-            staticStyle: { cursor: "pointer" },
-            on: {
-              click: function ($event) {
-                return _vm.changeTabBKCU(4)
-              },
-            },
-          },
-          [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c("h3", { staticClass: "mb-0" }, [
-                  _vm._v("BKCU: " + _vm._s(_vm.jumlahPenilaianBKCU(4))),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
-                  _vm._v("Jumlah penilaian Excellent(4)"),
-                ]),
-              ]),
-            ]),
-          ]
-        ),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c(
-      "div",
-      { staticClass: "row" },
-      [
-        _c(
-          "transition",
-          {
-            attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" },
-          },
-          [
-            _vm.cuTabName != "semua" || _vm.bkcuTabName != "semua"
-              ? _c("div", { staticClass: "col-md-12" }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-warning btn-block",
-                      attrs: { type: "button" },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.changeTabCU("semua")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-reset" }),
-                      _vm._v(" Reset pencarian\n        "),
-                    ]
-                  ),
-                ])
-              : _vm._e(),
-          ]
-        ),
-        _vm._v(" "),
-        _vm._m(0),
-      ],
-      1
-    ),
-  ])
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=template&id=0646e08a&":
-/*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=template&id=0646e08a& ***!
-  \****************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("form-filter", {
-        attrs: {
-          cuTabName: _vm.cuTabName,
-          bkcuTabName: _vm.bkcuTabName,
-          jumlahPenilaianCU: _vm.jumlahPenilaianCU,
-          jumlahPenilaianBKCU: _vm.jumlahPenilaianBKCU,
-        },
-        on: { changeTabCU: _vm.changeTabCU, changeTabBKCU: _vm.changeTabBKCU },
-      }),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _c("div", { staticClass: "card card-body bg-info text-white" }, [
-                _c("div", { staticClass: "row justify-content-between" }, [
-                  _c("div", { staticClass: "col-md-6" }, [
-                    _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
-                      _vm._v("A. PERLINDUNGAN"),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "col-md-6 text-right" }, [
-                    _c(
-                      "ul",
-                      { staticClass: "list-inline mb-0 font-weight-bold" },
-                      [
-                        _c("li", [
-                          _vm._v(
-                            "Skor CU: " +
-                              _vm._s(_vm.skorCUA()) +
-                              " / Bobot Skor CU: " +
-                              _vm._s(_vm.bobotCUA()) +
-                              "%"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _vm._v(
-                            "Skor PUSKOPCUINA: " +
-                              _vm._s(_vm.skorBKCUA()) +
-                              " / Bobot Skor PUSKOPCUINA: " +
-                              _vm._s(_vm.bobotBKCUA()) +
-                              "%"
-                          ),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-              ]),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p1.p1a1_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p1.p1a1_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1a1_cu_penilaian == cuTabName || form.p1.p1a1_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _c("div", { staticClass: "card border-info" }, [
-                _c("div", { staticClass: "card-header bg-info text-white" }, [
-                  _c("h5", { staticClass: "card-title" }, [
-                    _vm._v(
-                      "\n\t\t\t\t\t1. P1 = Mengukur kemampuan CU menyediakan dana cadangan risiko atas piutang lalai > 12 bulan"
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "card-body" }, [
-                  _c("div", { staticClass: "row" }, [
-                    _c("div", { staticClass: "col-md-12" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass: "card card-body",
-                          class: {
-                            "bg-primary": _vm.itemData.p1 >= 1,
-                            "bg-danger": _vm.itemData.p1 < 1,
-                          },
-                          staticStyle: { cursor: "pointer" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.modalBuka(_vm.itemData, "p1")
-                            },
-                          },
-                        },
-                        [
-                          _c("div", { staticClass: "media mb-3" }, [
-                            _c("div", { staticClass: "media-body" }, [
-                              _c(
-                                "h6",
-                                { staticClass: "font-weight-semibold mb-8" },
-                                [
-                                  _vm._v(
-                                    _vm._s(
-                                      _vm._f("percentage")(_vm.itemData.p1, 2)
-                                    )
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _vm.itemData.p1 >= 1
-                                ? _c("span", { staticClass: "opacity-75" }, [
-                                    _vm._v(
-                                      "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
-                                    ),
-                                  ])
-                                : _c("span", [
-                                    _vm._v(
-                                      "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
-                                    ),
-                                  ]),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "div",
-                              { staticClass: "ml-3 align-self-center" },
-                              [
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass:
-                                      "btn btn-light btn-icon rounded-round",
-                                    attrs: { type: "button" },
-                                  },
-                                  [_c("b", [_vm._v("P1")])]
-                                ),
-                              ]
-                            ),
-                          ]),
-                          _vm._v(" "),
-                          _c(
-                            "div",
-                            {
-                              staticClass: "progress bg-blue mb-2",
-                              staticStyle: { height: "0.125rem" },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "progress-bar bg-white",
-                                  staticStyle: { width: "100%" },
-                                },
-                                [
-                                  _c("span", { staticClass: "sr-only" }, [
-                                    _vm._v("100% Complete"),
-                                  ]),
-                                ]
-                              ),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c("b", [
-                            _vm._v("Provisi pinjaman lalai di atas 12 bulan"),
-                          ]),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c(
-                      "div",
-                      { staticClass: "col-md-12" },
-                      [
-                        _c(
-                          "h5",
-                          [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _c("penilaian-cu", {
-                          attrs: {
-                            form: _vm.form.p1.p1a1_cu_penilaian,
-                            subtitle1:
-                              "Kurang dari 50% persediaan DCR untuk kredit lalai di atas 12 bulan dan tidak dilakukan pemutihan tunggakan (charge-off)",
-                            subtitle2:
-                              "50-99% persediaan DCR untuk kredit lalai di atas 12 bulan dan tidak dilakukan pemutihan tunggakan (charge-off)",
-                            subtitle3:
-                              "100% persediaan DCR untuk kredit lalai di atas 12 bulan dan pemutihan tunggakan (charge-off)setiap triwulan dalam setahun atau hanya kadang - kadang saja dilakukan",
-                            subtitle4:
-                              "100% persediaan DCR untuk kredit lalai di atas 12 bulan dan dilakukan pemutihan tunggakan (charge-off) setiap triwulan atau secara berkala dan konsisten",
-                          },
-                          on: {
-                            click1: function ($event) {
-                              _vm.form.p1.p1a1_cu_penilaian = 1
-                            },
-                            click2: function ($event) {
-                              _vm.form.p1.p1a1_cu_penilaian = 2
-                            },
-                            click3: function ($event) {
-                              _vm.form.p1.p1a1_cu_penilaian = 3
-                            },
-                            click4: function ($event) {
-                              _vm.form.p1.p1a1_cu_penilaian = 4
-                            },
-                          },
-                        }),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "form-group" }, [
-                          _c(
-                            "h5",
-                            [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c("textarea", {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.p1.p1a1_cu_keterangan,
-                                expression: "form.p1.p1a1_cu_keterangan",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              rows: "6",
-                              type: "text",
-                              name: "p1a1_cu_keterangan",
-                              placeholder: "Silahkan masukkan keterangan ",
-                              readonly:
-                                _vm.$route.meta.mode == "penilaianBkcu" ||
-                                _vm.$route.meta.mode == "lihat",
-                            },
-                            domProps: { value: _vm.form.p1.p1a1_cu_keterangan },
-                            on: {
-                              input: function ($event) {
-                                if ($event.target.composing) {
-                                  return
-                                }
-                                _vm.$set(
-                                  _vm.form.p1,
-                                  "p1a1_cu_keterangan",
-                                  $event.target.value
-                                )
-                              },
-                            },
-                          }),
-                        ]),
-                      ],
-                      1
-                    ),
-                    _vm._v(" "),
-                    _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                      ? _c("div", { staticClass: "col-md-12" }, [
-                          _c("div", { staticClass: "row" }, [
-                            _c("div", { staticClass: "col-md-12" }, [_c("hr")]),
-                            _vm._v(" "),
-                            _c(
-                              "div",
-                              { staticClass: "col-md-12" },
-                              [
-                                _c("h5", [_vm._v("Penilaian PUSKOPCUINA:")]),
-                                _vm._v(" "),
-                                _c("penilaian-bkcu", {
-                                  attrs: {
-                                    form: _vm.form.p1.p1a1_bkcu_penilaian,
-                                  },
-                                  on: {
-                                    click1: function ($event) {
-                                      _vm.form.p1.p1a1_bkcu_penilaian = 1
-                                    },
-                                    click2: function ($event) {
-                                      _vm.form.p1.p1a1_bkcu_penilaian = 2
-                                    },
-                                    click3: function ($event) {
-                                      _vm.form.p1.p1a1_bkcu_penilaian = 3
-                                    },
-                                    click4: function ($event) {
-                                      _vm.form.p1.p1a1_bkcu_penilaian = 4
-                                    },
-                                  },
-                                }),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "col-md-6" }, [
-                              _c("div", { staticClass: "form-group" }, [
-                                _c("h5", [_vm._v("Keterangan PUSKOPCUINA:")]),
-                                _vm._v(" "),
-                                _c("textarea", {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.p1.p1a1_bkcu_keterangan,
-                                      expression:
-                                        "form.p1.p1a1_bkcu_keterangan",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    rows: "6",
-                                    type: "text",
-                                    name: "p1a1_bkcu_keterangan",
-                                    placeholder:
-                                      "Silahkan masukkan keterangan ",
-                                    readonly: _vm.$route.meta.mode == "lihat",
-                                  },
-                                  domProps: {
-                                    value: _vm.form.p1.p1a1_bkcu_keterangan,
-                                  },
-                                  on: {
-                                    input: function ($event) {
-                                      if ($event.target.composing) {
-                                        return
-                                      }
-                                      _vm.$set(
-                                        _vm.form.p1,
-                                        "p1a1_bkcu_keterangan",
-                                        $event.target.value
-                                      )
-                                    },
-                                  },
-                                }),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "col-md-6" }, [
-                              _c("div", { staticClass: "form-group" }, [
-                                _c("h5", [_vm._v("Rekomendasi PUSKOPCUINA:")]),
-                                _vm._v(" "),
-                                _c("textarea", {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.p1.p1a1_bkcu_rekomendasi,
-                                      expression:
-                                        "form.p1.p1a1_bkcu_rekomendasi",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    rows: "6",
-                                    type: "text",
-                                    name: "p1a1_bkcu_rekomendasi",
-                                    placeholder:
-                                      "Silahkan masukkan rekomendasi ",
-                                    readonly: _vm.$route.meta.mode == "lihat",
-                                  },
-                                  domProps: {
-                                    value: _vm.form.p1.p1a1_bkcu_rekomendasi,
-                                  },
-                                  on: {
-                                    input: function ($event) {
-                                      if ($event.target.composing) {
-                                        return
-                                      }
-                                      _vm.$set(
-                                        _vm.form.p1,
-                                        "p1a1_bkcu_rekomendasi",
-                                        $event.target.value
-                                      )
-                                    },
-                                  },
-                                }),
-                              ]),
-                            ]),
-                          ]),
-                        ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.$route.meta.mode != "lihat"
-                      ? _c("div", { staticClass: "col-md-12" }, [
-                          _c("hr"),
-                          _vm._v(" "),
-                          _vm.updateSingleStat == "loading"
-                            ? _c(
-                                "button",
-                                {
-                                  staticClass: "btn btn-light btn-block",
-                                  attrs: { type: "button", disabled: "" },
-                                },
-                                [_c("i", { staticClass: "icon-sync spinner" })]
-                              )
-                            : _c(
-                                "button",
-                                {
-                                  staticClass: "btn btn-warning btn-block",
-                                  attrs: { type: "button" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.saveSingle.apply(
-                                        null,
-                                        arguments
-                                      )
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", { staticClass: "icon-floppy-disk" }),
-                                  _vm._v(
-                                    " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                        ])
-                      : _vm._e(),
-                  ]),
-                ]),
-              ]),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p1.p1a2_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p1.p1a2_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1a2_cu_penilaian == cuTabName || form.p1.p1a2_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1a1_cu_penilaian != null &&
-              _vm.form.p1.p1a1_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t2. P2 = Mengukur kemampuan CU menyediakan dana cadangan risiko atas piutang lalai < 12 bulan"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "card card-body",
-                              class: {
-                                "bg-primary": _vm.itemData.p2 > 0.35,
-                                "bg-danger": _vm.itemData.p2 <= 0.35,
-                              },
-                              staticStyle: { cursor: "pointer" },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalBuka(_vm.itemData, "p2")
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "media no-margin-top content-group",
-                                },
-                                [
-                                  _c("div", { staticClass: "media-body" }, [
-                                    _c(
-                                      "h6",
-                                      {
-                                        staticClass:
-                                          "font-weight-semibold mb-8",
-                                      },
-                                      [
-                                        _vm._v(
-                                          _vm._s(
-                                            _vm._f("percentage")(
-                                              _vm.itemData.p2,
-                                              2
-                                            )
-                                          )
-                                        ),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.itemData.p2 > 0.35
-                                      ? _c(
-                                          "span",
-                                          { staticClass: "opacity-75" },
-                                          [
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c("span", [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "ml-3 align-self-center" },
-                                    [
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-icon rounded-round",
-                                          attrs: { type: "button" },
-                                        },
-                                        [_c("b", [_vm._v("P2")])]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "progress bg-blue mb-2",
-                                  staticStyle: { height: "0.125rem" },
-                                },
-                                [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass: "progress-bar bg-white",
-                                      staticStyle: { width: "100%" },
-                                    },
-                                    [
-                                      _c("span", { staticClass: "sr-only" }, [
-                                        _vm._v("100% Complete"),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("b", [
-                                _vm._v("Provisi pinjaman lalai 1-12 bulan"),
-                              ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p1.p1a2_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada persediaan DCR untuk kredit lalai 1-12 bulan dan tidak dilakukan pemutihan tunggakan (charge-off)",
-                                subtitle2:
-                                  "Kurang dari 35% DCR utk KL 1-12 bulan dan tidak dilakukan pemutihan tunggakan (charge-off)",
-                                subtitle3:
-                                  "Tersedia 35% DCR untuk kredit lalai 1-12 bulan dan pemutihan tunggakan (charge-off)setiap triwulan dalam setahun atau hanya kadang - kadang saja dilakukan",
-                                subtitle4:
-                                  "Tersedia 35% DCR untuk kredit lalai 1-12 bulan dan dilakukan pemutihan tunggakan (charge-off) setiap bulan secara berkala dan konsisten",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p1.p1a2_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p1.p1a2_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p1.p1a2_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p1.p1a2_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p1.p1a2_cu_keterangan,
-                                    expression: "form.p1.p1a2_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a2_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p1.p1a2_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p1,
-                                      "p1a2_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p1.p1a2_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p1.p1a2_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p1.p1a2_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p1.p1a2_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p1.p1a2_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1a2_bkcu_keterangan,
-                                          expression:
-                                            "form.p1.p1a2_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a2_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p1.p1a2_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1a2_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1a2_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p1.p1a2_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a2_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1a2_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1a2_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1a2_cu_penilaian != null &&
-              _vm.form.p1.p1a2_cu_keterangan != null
-                ? _c(
-                    "div",
-                    { staticClass: "card card-body bg-warning text-white" },
-                    [
-                      _c(
-                        "div",
-                        { staticClass: "row justify-content-between" },
-                        [
-                          _c("div", { staticClass: "col-md-6" }, [
-                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
-                              _vm._v("B. STRUKTUR KEUANGAN YANG EFEKTIF "),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-6 text-right" }, [
-                            _c(
-                              "ul",
-                              {
-                                staticClass:
-                                  "list-inline mb-0 font-weight-bold",
-                              },
-                              [
-                                _c("li", [
-                                  _vm._v(
-                                    "Skor CU: " +
-                                      _vm._s(_vm.skorCUB()) +
-                                      " / Bobot Skor CU: " +
-                                      _vm._s(_vm.bobotCUB()) +
-                                      "% "
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.skorBKCUB()) +
-                                      " / Bobot Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.bobotBKCUB()) +
-                                      "% "
-                                  ),
-                                ]),
-                              ]
-                            ),
-                          ]),
-                        ]
-                      ),
-                    ]
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p1.p1b3_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p1.p1b3_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1b3_cu_penilaian == cuTabName || form.p1.p1b3_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1a2_cu_penilaian != null &&
-              _vm.form.p1.p1a2_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t3. E1 = Mengukur persentase total asset yang diinvestasikan dalam piutang"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "card card-body",
-                              class: {
-                                "bg-primary":
-                                  _vm.itemData.e1 >= 0.7 &&
-                                  _vm.itemData.e1 <= 0.8,
-                                "bg-danger":
-                                  _vm.itemData.e1 < 0.7 ||
-                                  _vm.itemData.e1 > 0.8,
-                              },
-                              staticStyle: { cursor: "pointer" },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalBuka(_vm.itemData, "e1")
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "media no-margin-top content-group",
-                                },
-                                [
-                                  _c("div", { staticClass: "media-body" }, [
-                                    _c(
-                                      "h6",
-                                      {
-                                        staticClass:
-                                          "font-weight-semibold mb-8",
-                                      },
-                                      [
-                                        _vm._v(
-                                          _vm._s(
-                                            _vm._f("percentage")(
-                                              _vm.itemData.e1,
-                                              2
-                                            )
-                                          )
-                                        ),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.itemData.e1 >= 0.7 &&
-                                    _vm.itemData.e1 <= 0.8
-                                      ? _c(
-                                          "span",
-                                          { staticClass: "opacity-75" },
-                                          [
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c("span", [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "ml-3 align-self-center" },
-                                    [
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-icon rounded-round",
-                                          attrs: { type: "button" },
-                                        },
-                                        [_c("b", [_vm._v("E1")])]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "progress bg-blue mb-2",
-                                  staticStyle: { height: "0.125rem" },
-                                },
-                                [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass: "progress-bar bg-white",
-                                      staticStyle: { width: "100%" },
-                                    },
-                                    [
-                                      _c("span", { staticClass: "sr-only" }, [
-                                        _vm._v("100% Complete"),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("b", [_vm._v("Piutang bersih / total aset")]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p1.p1b3_cu_penilaian,
-                                subtitle1:
-                                  "Kurang dari 50% total aset ; dan lebih dari 80% total aset",
-                                subtitle2: "51-69% dari total aset",
-                                subtitle3: "70-80% dari total aset",
-                                subtitle4:
-                                  "70-80% dari total aset dan portofolio pinjaman beragam minimal 5 produk pinjaman",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p1.p1b3_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p1.p1b3_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p1.p1b3_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p1.p1b3_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p1.p1b3_cu_keterangan,
-                                    expression: "form.p1.p1b3_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b3_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p1.p1b3_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p1,
-                                      "p1b3_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p1.p1b3_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p1.p1b3_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p1.p1b3_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p1.p1b3_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p1.p1b3_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1b3_bkcu_keterangan,
-                                          expression:
-                                            "form.p1.p1b3_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b3_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p1.p1b3_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1b3_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1b3_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p1.p1b3_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b3_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1b3_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1b3_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p1.p1b4_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p1.p1b4_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1b4_cu_penilaian == cuTabName || form.p1.p1b4_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1b3_cu_penilaian != null &&
-              _vm.form.p1.p1b3_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t4. E5 = Mengukur persentase total asset yang didanai dari simpanan non saham"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "card card-body",
-                              class: {
-                                "bg-primary":
-                                  _vm.itemData.e5 >= 0.7 &&
-                                  _vm.itemData.e5 <= 0.8,
-                                "bg-danger":
-                                  _vm.itemData.e5 < 0.7 ||
-                                  _vm.itemData.e5 > 0.8,
-                              },
-                              staticStyle: { cursor: "pointer" },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalBuka(_vm.itemData, "e5")
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "media no-margin-top content-group",
-                                },
-                                [
-                                  _c("div", { staticClass: "media-body" }, [
-                                    _c(
-                                      "h6",
-                                      {
-                                        staticClass:
-                                          "font-weight-semibold mb-8",
-                                      },
-                                      [
-                                        _vm._v(
-                                          _vm._s(
-                                            _vm._f("percentage")(
-                                              _vm.itemData.e5,
-                                              2
-                                            )
-                                          )
-                                        ),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.itemData.e5 >= 0.7 &&
-                                    _vm.itemData.e5 <= 0.8
-                                      ? _c(
-                                          "span",
-                                          { staticClass: "opacity-75" },
-                                          [
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c("span", [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "ml-3 align-self-center" },
-                                    [
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-icon rounded-round",
-                                          attrs: { type: "button" },
-                                        },
-                                        [_c("b", [_vm._v("E5")])]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "progress bg-blue mb-2",
-                                  staticStyle: { height: "0.125rem" },
-                                },
-                                [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass: "progress-bar bg-white",
-                                      staticStyle: { width: "100%" },
-                                    },
-                                    [
-                                      _c("span", { staticClass: "sr-only" }, [
-                                        _vm._v("100% Complete"),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("b", [
-                                _vm._v("Simpanan non saham / total aset"),
-                              ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p1.p1b4_cu_penilaian,
-                                subtitle1:
-                                  "Kurang dari 50% total aset ; dan lebih dari 80% total aset",
-                                subtitle2: "51-69% dari total aset",
-                                subtitle3: "70-80% dari total aset",
-                                subtitle4:
-                                  "70-80% dari total aset dan portofolio pinjaman beragam minimal 5 jenis simpanan",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p1.p1b4_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p1.p1b4_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p1.p1b4_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p1.p1b4_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p1.p1b4_cu_keterangan,
-                                    expression: "form.p1.p1b4_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b4_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p1.p1b4_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p1,
-                                      "p1b4_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p1.p1b4_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p1.p1b4_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p1.p1b4_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p1.p1b4_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p1.p1b4_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1b4_bkcu_keterangan,
-                                          expression:
-                                            "form.p1.p1b4_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b4_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p1.p1b4_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1b4_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1b4_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p1.p1b4_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b4_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1b4_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1b4_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p1.p1b5_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p1.p1b5_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1b5_cu_penilaian == cuTabName || form.p1.p1b5_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1b4_cu_penilaian != null &&
-              _vm.form.p1.p1b4_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t5. E6 = Mengukur persentase total asset yang didanai dari pinjaman pihak 3"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "card card-body",
-                              class: {
-                                "bg-primary": _vm.itemData.e6 <= 0.05,
-                                "bg-danger": _vm.itemData.e6 > 0.05,
-                              },
-                              staticStyle: { cursor: "pointer" },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalBuka(_vm.itemData, "e6")
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "media no-margin-top content-group",
-                                },
-                                [
-                                  _c("div", { staticClass: "media-body" }, [
-                                    _c(
-                                      "h6",
-                                      {
-                                        staticClass:
-                                          "font-weight-semibold mb-8",
-                                      },
-                                      [
-                                        _vm._v(
-                                          _vm._s(
-                                            _vm._f("percentage")(
-                                              _vm.itemData.e6,
-                                              2
-                                            )
-                                          )
-                                        ),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.itemData.e6 <= 0.05
-                                      ? _c(
-                                          "span",
-                                          { staticClass: "opacity-75" },
-                                          [
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c("span", [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "ml-3 align-self-center" },
-                                    [
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-icon rounded-round",
-                                          attrs: { type: "button" },
-                                        },
-                                        [_c("b", [_vm._v("E6")])]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "progress bg-blue mb-2",
-                                  staticStyle: { height: "0.125rem" },
-                                },
-                                [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass: "progress-bar bg-white",
-                                      staticStyle: { width: "100%" },
-                                    },
-                                    [
-                                      _c("span", { staticClass: "sr-only" }, [
-                                        _vm._v("100% Complete"),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("b", [
-                                _vm._v(
-                                  "Pinjaman kepada pihak luar terhadap total aset"
-                                ),
-                              ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p1.p1b5_cu_penilaian,
-                                subtitle1: "Di atas 30% dari total aset",
-                                subtitle2: "20-30% dari total aset",
-                                subtitle3: "1-19 % dari total aset",
-                                subtitle4: "0%",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p1.p1b5_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p1.p1b5_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p1.p1b5_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p1.p1b5_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p1.p1b5_cu_keterangan,
-                                    expression: "form.p1.p1b5_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b5_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p1.p1b5_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p1,
-                                      "p1b5_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p1.p1b5_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p1.p1b5_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p1.p1b5_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p1.p1b5_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p1.p1b5_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1b5_bkcu_keterangan,
-                                          expression:
-                                            "form.p1.p1b5_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b5_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p1.p1b5_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1b5_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1b5_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p1.p1b5_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b5_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1b5_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1b5_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p1.p1b7_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p1.p1b7_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1b7_cu_penilaian == cuTabName || form.p1.p1b7_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1b5_cu_penilaian != null &&
-              _vm.form.p1.p1b5_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t6. E9 = Mengukur level nyata dari modal lembaga setelah mengeluarkan penyisihan DCR untuk menutupi P1 & P2"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "card card-body",
-                              class: {
-                                "bg-primary": _vm.itemData.e9 >= 0.1,
-                                "bg-danger": _vm.itemData.e9 < 0.1,
-                              },
-                              staticStyle: { cursor: "pointer" },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalBuka(_vm.itemData, "e9")
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "media no-margin-top content-group",
-                                },
-                                [
-                                  _c("div", { staticClass: "media-body" }, [
-                                    _c(
-                                      "h6",
-                                      {
-                                        staticClass:
-                                          "font-weight-semibold mb-8",
-                                      },
-                                      [
-                                        _vm._v(
-                                          _vm._s(
-                                            _vm._f("percentage")(
-                                              _vm.itemData.e9,
-                                              2
-                                            )
-                                          )
-                                        ),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.itemData.e9 >= 0.1
-                                      ? _c(
-                                          "span",
-                                          { staticClass: "opacity-75" },
-                                          [
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c("span", [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "ml-3 align-self-center" },
-                                    [
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-icon rounded-round",
-                                          attrs: { type: "button" },
-                                        },
-                                        [_c("b", [_vm._v("E9")])]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "progress bg-blue mb-2",
-                                  staticStyle: { height: "0.125rem" },
-                                },
-                                [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass: "progress-bar bg-white",
-                                      staticStyle: { width: "100%" },
-                                    },
-                                    [
-                                      _c("span", { staticClass: "sr-only" }, [
-                                        _vm._v("100% Complete"),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("b", [_vm._v("Modal lembaga bersih")]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p1.p1b7_cu_penilaian,
-                                subtitle1: "Di bawah 4% dari total aset",
-                                subtitle2: "4-9% dari total aset",
-                                subtitle3: "10% dari total aset ",
-                                subtitle4: "Di atas 10% dari total aset",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p1.p1b7_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p1.p1b7_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p1.p1b7_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p1.p1b7_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p1.p1b7_cu_keterangan,
-                                    expression: "form.p1.p1b7_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b7_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p1.p1b7_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p1,
-                                      "p1b7_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p1.p1b7_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p1.p1b7_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p1.p1b7_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p1.p1b7_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p1.p1b7_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1b7_bkcu_keterangan,
-                                          expression:
-                                            "form.p1.p1b7_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b7_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p1.p1b7_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1b7_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1b7_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p1.p1b7_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b7_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1b7_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1b7_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua')",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1b7_cu_penilaian != null &&
-              _vm.form.p1.p1b7_cu_keterangan != null
-                ? _c(
-                    "div",
-                    { staticClass: "card card-body bg-success text-white" },
-                    [
-                      _c(
-                        "div",
-                        { staticClass: "row justify-content-between" },
-                        [
-                          _c("div", { staticClass: "col-md-6" }, [
-                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
-                              _vm._v("C. KUALITAS ASET"),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-6 text-right" }, [
-                            _c(
-                              "ul",
-                              {
-                                staticClass:
-                                  "list-inline mb-0 font-weight-bold",
-                              },
-                              [
-                                _c("li", [
-                                  _vm._v(
-                                    "Skor CU: " +
-                                      _vm._s(_vm.skorCUC()) +
-                                      " / Bobot Skor CU: " +
-                                      _vm._s(_vm.bobotCUC()) +
-                                      "% "
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.skorBKCUC()) +
-                                      " / Bobot Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.bobotBKCUC()) +
-                                      "% "
-                                  ),
-                                ]),
-                              ]
-                            ),
-                          ]),
-                        ]
-                      ),
-                    ]
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p1.p1c8_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p1.p1c8_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1c8_cu_penilaian == cuTabName || form.p1.p1c8_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1b7_cu_penilaian != null &&
-              _vm.form.p1.p1b7_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-success" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-success text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t7. A1 = Mengukur persentase total kelalaian piutang terhadap total piutang"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "col-md-12" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "card card-body",
-                                  class: {
-                                    "bg-primary": _vm.itemData.a1 <= 0.05,
-                                    "bg-danger": _vm.itemData.a1 > 0.05,
-                                  },
-                                  staticStyle: { cursor: "pointer" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.modalBuka(_vm.itemData, "a1")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass:
-                                        "media no-margin-top content-group",
-                                    },
-                                    [
-                                      _c("div", { staticClass: "media-body" }, [
-                                        _c(
-                                          "h6",
-                                          {
-                                            staticClass:
-                                              "font-weight-semibold mb-8",
-                                          },
-                                          [
-                                            _vm._v(
-                                              _vm._s(
-                                                _vm._f("percentage")(
-                                                  _vm.itemData.a1,
-                                                  2
-                                                )
-                                              )
-                                            ),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _vm.itemData.a1 <= 0.05
-                                          ? _c(
-                                              "span",
-                                              { staticClass: "opacity-75" },
-                                              [
-                                                _vm._v(
-                                                  "\n\t\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
-                                            )
-                                          : _c("span", [
-                                              _vm._v(
-                                                "\n\t\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t\t"
-                                              ),
-                                            ]),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c(
-                                        "div",
-                                        {
-                                          staticClass: "ml-3 align-self-center",
-                                        },
-                                        [
-                                          _c(
-                                            "button",
-                                            {
-                                              staticClass:
-                                                "btn btn-light btn-icon rounded-round",
-                                              attrs: { type: "button" },
-                                            },
-                                            [_c("b", [_vm._v("A1")])]
-                                          ),
-                                        ]
-                                      ),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass: "progress bg-blue mb-2",
-                                      staticStyle: { height: "0.125rem" },
-                                    },
-                                    [
-                                      _c(
-                                        "div",
-                                        {
-                                          staticClass: "progress-bar bg-white",
-                                          staticStyle: { width: "100%" },
-                                        },
-                                        [
-                                          _c(
-                                            "span",
-                                            { staticClass: "sr-only" },
-                                            [_vm._v("100% Complete")]
-                                          ),
-                                        ]
-                                      ),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("b", [
-                                    _vm._v(
-                                      "Total pinjaman lalai / total ipnjaman beredar"
-                                    ),
-                                  ]),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p1.p1c8_cu_penilaian,
-                                subtitle1: "Di atas 10% dari pinjaman beredar",
-                                subtitle2: "6-10% dari pinjaman beredar",
-                                subtitle3: "≤  5% dari pinjaman beredar",
-                                subtitle4: "0%",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p1.p1c8_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p1.p1c8_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p1.p1c8_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p1.p1c8_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p1.p1c8_cu_keterangan,
-                                    expression: "form.p1.p1c8_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1c8_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p1.p1c8_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p1,
-                                      "p1c8_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p1.p1c8_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p1.p1c8_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p1.p1c8_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p1.p1c8_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p1.p1c8_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1c8_bkcu_keterangan,
-                                          expression:
-                                            "form.p1.p1c8_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1c8_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p1.p1c8_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1c8_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1c8_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p1.p1c8_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1c8_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1c8_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1c8_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p1.p1c9_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p1.p1c9_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1c9_cu_penilaian == cuTabName || form.p1.p1c9_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1c8_cu_penilaian != null &&
-              _vm.form.p1.p1c8_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-success" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-success text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t8. A2 = Mengukur total asset yang tidak menghasilkan income"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "card card-body",
-                              class: {
-                                "bg-primary": _vm.itemData.a2 < 0.05,
-                                "bg-danger": _vm.itemData.a2 >= 0.05,
-                              },
-                              staticStyle: { cursor: "pointer" },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalBuka(_vm.itemData, "a2")
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "media no-margin-top content-group",
-                                },
-                                [
-                                  _c("div", { staticClass: "media-body" }, [
-                                    _c(
-                                      "h6",
-                                      {
-                                        staticClass:
-                                          "font-weight-semibold mb-8",
-                                      },
-                                      [
-                                        _vm._v(
-                                          _vm._s(
-                                            _vm._f("percentage")(
-                                              _vm.itemData.a2,
-                                              2
-                                            )
-                                          )
-                                        ),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.itemData.a2 < 0.05
-                                      ? _c(
-                                          "span",
-                                          { staticClass: "opacity-75" },
-                                          [
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c("span", [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "ml-3 align-self-center" },
-                                    [
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-icon rounded-round",
-                                          attrs: { type: "button" },
-                                        },
-                                        [_c("b", [_vm._v("A2")])]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "progress bg-blue mb-2",
-                                  staticStyle: { height: "0.125rem" },
-                                },
-                                [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass: "progress-bar bg-white",
-                                      staticStyle: { width: "100%" },
-                                    },
-                                    [
-                                      _c("span", { staticClass: "sr-only" }, [
-                                        _vm._v("100% Complete"),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("b", [
-                                _vm._v(
-                                  "Aset yang tidak menghasilkan / total aset"
-                                ),
-                              ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p1.p1c9_cu_penilaian,
-                                subtitle1: "Di atas 10% dari total aset",
-                                subtitle2: "6-9% dari total aset",
-                                subtitle3: "5% dari total aset",
-                                subtitle4: "Di bawah 5% dari total aset",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p1.p1c9_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p1.p1c9_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p1.p1c9_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p1.p1c9_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p1.p1c9_cu_keterangan,
-                                    expression: "form.p1.p1c9_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1c9_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p1.p1c9_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p1,
-                                      "p1c9_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p1.p1c9_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p1.p1c9_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p1.p1c9_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p1.p1c9_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p1.p1c9_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1c9_bkcu_keterangan,
-                                          expression:
-                                            "form.p1.p1c9_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1c9_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p1.p1c9_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1c9_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1c9_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p1.p1c9_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1c9_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1c9_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1c9_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua')",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1c9_cu_penilaian != null &&
-              _vm.form.p1.p1c9_cu_keterangan != null
-                ? _c(
-                    "div",
-                    { staticClass: "card card-body bg-brown text-white" },
-                    [
-                      _c(
-                        "div",
-                        { staticClass: "row justify-content-between" },
-                        [
-                          _c("div", { staticClass: "col-md-6" }, [
-                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
-                              _vm._v("D. NILAI PENGEMBALIAN ATAS PEMBIAYAAN"),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-6 text-right" }, [
-                            _c(
-                              "ul",
-                              {
-                                staticClass:
-                                  "list-inline mb-0 font-weight-bold",
-                              },
-                              [
-                                _c("li", [
-                                  _vm._v(
-                                    "Skor CU: " +
-                                      _vm._s(_vm.skorCUD()) +
-                                      " / Bobot Skor CU: " +
-                                      _vm._s(_vm.bobotCUD()) +
-                                      "% "
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.skorBKCUD()) +
-                                      " / Bobot Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.bobotBKCUD()) +
-                                      "% "
-                                  ),
-                                ]),
-                              ]
-                            ),
-                          ]),
-                        ]
-                      ),
-                    ]
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p1.p1d10_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p1.p1d10_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1d10_cu_penilaian == cuTabName || form.p1.p1d10_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1c9_cu_penilaian != null &&
-              _vm.form.p1.p1c9_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-brown" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-brown text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t9. R7 = Mengukur persentase pengembalian biaya atas simpanan saham"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "card card-body",
-                              class: {
-                                "bg-primary":
-                                  _vm.itemData.r7_1 == _vm.itemData.harga_pasar,
-                                "bg-danger":
-                                  _vm.itemData.r7_1 != _vm.itemData.harga_pasar,
-                              },
-                              staticStyle: { cursor: "pointer" },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalBuka(_vm.itemData, "r7")
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "media no-margin-top content-group",
-                                },
-                                [
-                                  _c("div", { staticClass: "media-body" }, [
-                                    _c(
-                                      "h6",
-                                      {
-                                        staticClass:
-                                          "font-weight-semibold mb-8",
-                                      },
-                                      [
-                                        _vm._v(
-                                          _vm._s(
-                                            _vm._f("percentage")(
-                                              _vm.itemData.r7_1,
-                                              2
-                                            )
-                                          ) +
-                                            " / " +
-                                            _vm._s(
-                                              _vm._f("percentage")(
-                                                _vm.itemData.r7_2,
-                                                2
-                                              )
-                                            )
-                                        ),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.itemData.r7_1 ==
-                                    _vm.itemData.harga_pasar
-                                      ? _c(
-                                          "span",
-                                          { staticClass: "opacity-75" },
-                                          [
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL / \n\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c("span", [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL / \n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]),
-                                    _vm._v(" "),
-                                    _vm.itemData.r7_2 ==
-                                    _vm.itemData.harga_pasar
-                                      ? _c(
-                                          "span",
-                                          { staticClass: "opacity-75" },
-                                          [
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL  \n\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c("span", [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL \n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "ml-3 align-self-center" },
-                                    [
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-icon rounded-round",
-                                          attrs: { type: "button" },
-                                        },
-                                        [_c("b", [_vm._v("R7")])]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "progress bg-blue mb-2",
-                                  staticStyle: { height: "0.125rem" },
-                                },
-                                [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass: "progress-bar bg-white",
-                                      staticStyle: { width: "100%" },
-                                    },
-                                    [
-                                      _c("span", { staticClass: "sr-only" }, [
-                                        _vm._v("100% Complete"),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("b", [
-                                _vm._v("BJS saham terhadap rata-rata aset"),
-                              ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p1.p1d10_cu_penilaian,
-                                subtitle1:
-                                  "Deviden anggota dibawah harga pasar",
-                                subtitle2:
-                                  "Deviden dibayar dibawah atau 2% lebih tinggi dari pasar",
-                                subtitle3:
-                                  "Deviden dibayar 1% lebih tinggi dari pasar",
-                                subtitle4: "Deviden dibayar setara bunga pasar",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p1.p1d10_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p1.p1d10_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p1.p1d10_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p1.p1d10_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p1.p1d10_cu_keterangan,
-                                    expression: "form.p1.p1d10_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1d10_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p1.p1d10_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p1,
-                                      "p1d10_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p1.p1d10_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p1.p1d10_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p1.p1d10_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p1.p1d10_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p1.p1d10_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1d10_bkcu_keterangan,
-                                          expression:
-                                            "form.p1.p1d10_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1d10_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1d10_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1d10_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1d10_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p1.p1d10_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1d10_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1d10_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1d10_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p1.p1d11_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p1.p1d11_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1d11_cu_penilaian == cuTabName || form.p1.p1d11_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1d10_cu_penilaian != null &&
-              _vm.form.p1.p1d10_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-brown" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-brown text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t10. R9 = Mengukur persentase beban untuk mengelola semua asset"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "card card-body",
-                              class: {
-                                "bg-primary": _vm.itemData.r9 <= 0.05,
-                                "bg-danger": _vm.itemData.r9 > 0.05,
-                              },
-                              staticStyle: { cursor: "pointer" },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalBuka(_vm.itemData, "r9")
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "media no-margin-top content-group",
-                                },
-                                [
-                                  _c("div", { staticClass: "media-body" }, [
-                                    _c(
-                                      "h6",
-                                      {
-                                        staticClass:
-                                          "font-weight-semibold mb-8",
-                                      },
-                                      [
-                                        _vm._v(
-                                          _vm._s(
-                                            _vm._f("percentage")(
-                                              _vm.itemData.r9,
-                                              2
-                                            )
-                                          )
-                                        ),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.itemData.r9 <= 0.05
-                                      ? _c(
-                                          "span",
-                                          { staticClass: "opacity-75" },
-                                          [
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c("span", [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "ml-3 align-self-center" },
-                                    [
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-icon rounded-round",
-                                          attrs: { type: "button" },
-                                        },
-                                        [_c("b", [_vm._v("R9")])]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "progress bg-blue mb-2",
-                                  staticStyle: { height: "0.125rem" },
-                                },
-                                [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass: "progress-bar bg-white",
-                                      staticStyle: { width: "100%" },
-                                    },
-                                    [
-                                      _c("span", { staticClass: "sr-only" }, [
-                                        _vm._v("100% Complete"),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("b", [
-                                _vm._v(
-                                  "Biaya operasional terhadap rata-rata aset"
-                                ),
-                              ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p1.p1d11_cu_penilaian,
-                                subtitle1:
-                                  "Biaya Operasional dibawah 5% dari rata-rata aset dan staf tidak mampu melaksanakan kegiatan operasional",
-                                subtitle2:
-                                  "Biaya Operasional >5% dari rata-rata aset ",
-                                subtitle3:
-                                  "Biaya Operasional sebesar 5% dari rata-rata aset",
-                                subtitle4:
-                                  "Biaya Operasional sebesar 5% dari rata-rata aset dengan jumlah staf yang memadai dan gaji kompetitif",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p1.p1d11_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p1.p1d11_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p1.p1d11_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p1.p1d11_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p1.p1d11_cu_keterangan,
-                                    expression: "form.p1.p1d11_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1d11_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p1.p1d11_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p1,
-                                      "p1d11_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p1.p1d11_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p1.p1d11_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p1.p1d11_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p1.p1d11_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p1.p1d11_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1d11_bkcu_keterangan,
-                                          expression:
-                                            "form.p1.p1d11_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1d11_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1d11_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1d11_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1d11_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p1.p1d11_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1d11_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1d11_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1d11_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1d11_cu_penilaian != null &&
-              _vm.form.p1.p1d11_cu_keterangan != null
-                ? _c(
-                    "div",
-                    { staticClass: "card card-body bg-danger text-white" },
-                    [
-                      _c(
-                        "div",
-                        { staticClass: "row justify-content-between" },
-                        [
-                          _c("div", { staticClass: "col-md-6" }, [
-                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
-                              _vm._v("E. LIKUIDITAS"),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-6 text-right" }, [
-                            _c(
-                              "ul",
-                              {
-                                staticClass:
-                                  "list-inline mb-0 font-weight-bold",
-                              },
-                              [
-                                _c("li", [
-                                  _vm._v(
-                                    "Skor CU: " +
-                                      _vm._s(_vm.skorCUE()) +
-                                      " / Bobot Skor CU: " +
-                                      _vm._s(_vm.bobotCUE()) +
-                                      "% "
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.skorBKCUE()) +
-                                      " / Bobot Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.bobotBKCUE()) +
-                                      "% "
-                                  ),
-                                ]),
-                              ]
-                            ),
-                          ]),
-                        ]
-                      ),
-                    ]
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p1.p1e12_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p1.p1e12_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1e12_cu_penilaian == cuTabName || form.p1.p1e12_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1d11_cu_penilaian != null &&
-              _vm.form.p1.p1d11_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-danger" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-danger text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t11. L1 = Mengukur persentase cadangan likuid untuk memenuhi permintaan penarikan setelah membayar semua kewajiban < 30 hari"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "card card-body",
-                              class: {
-                                "bg-primary":
-                                  _vm.itemData.l1 >= 0.15 &&
-                                  _vm.itemData.l1 <= 0.2,
-                                "bg-danger":
-                                  _vm.itemData.l1 < 0.15 ||
-                                  _vm.itemData.l1 > 0.2,
-                              },
-                              staticStyle: { cursor: "pointer" },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalBuka(_vm.itemData, "l1")
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "media no-margin-top content-group",
-                                },
-                                [
-                                  _c("div", { staticClass: "media-body" }, [
-                                    _c(
-                                      "h6",
-                                      {
-                                        staticClass:
-                                          "font-weight-semibold mb-8",
-                                      },
-                                      [
-                                        _vm._v(
-                                          _vm._s(
-                                            _vm._f("percentage")(
-                                              _vm.itemData.l1,
-                                              2
-                                            )
-                                          )
-                                        ),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.itemData.l1 >= 0.15 &&
-                                    _vm.itemData.l1 <= 0.2
-                                      ? _c(
-                                          "span",
-                                          { staticClass: "opacity-75" },
-                                          [
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c("span", [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "ml-3 align-self-center" },
-                                    [
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-icon rounded-round",
-                                          attrs: { type: "button" },
-                                        },
-                                        [_c("b", [_vm._v("L1")])]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "progress bg-blue mb-2",
-                                  staticStyle: { height: "0.125rem" },
-                                },
-                                [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass: "progress-bar bg-white",
-                                      staticStyle: { width: "100%" },
-                                    },
-                                    [
-                                      _c("span", { staticClass: "sr-only" }, [
-                                        _vm._v("100% Complete"),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("b", [
-                                _vm._v(
-                                  "(investasi likuid + aset-aset likuid - hutang jangka pendek < 30 hari) / simpanan non saham"
-                                ),
-                              ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p1.p1e12_cu_penilaian,
-                                subtitle1:
-                                  "Dibawah 10% dari simpanan non saham atau lebih dari 15%  simpanan non saham, dan jumlah tersebut melampaui 20% total aset",
-                                subtitle2:
-                                  "10 -15% dari simpanan non saham tetapi tidak melampaui 20% total aset",
-                                subtitle3:
-                                  "15% dari simpanan non saham tetapi tidak melampaui 20% dari total aset",
-                                subtitle4:
-                                  "Diatas 15% dari simpanan non saham tetapi tidak melampaui 20% dari total aset",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p1.p1e12_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p1.p1e12_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p1.p1e12_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p1.p1e12_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p1.p1e12_cu_keterangan,
-                                    expression: "form.p1.p1e12_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1e12_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p1.p1e12_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p1,
-                                      "p1e12_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p1.p1e12_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p1.p1e12_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p1.p1e12_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p1.p1e12_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p1.p1e12_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1e12_bkcu_keterangan,
-                                          expression:
-                                            "form.p1.p1e12_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1e12_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1e12_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1e12_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1e12_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p1.p1e12_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1e12_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1e12_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1e12_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1e12_cu_penilaian != null &&
-              _vm.form.p1.p1e12_cu_keterangan != null
-                ? _c(
-                    "div",
-                    { staticClass: "card card-body bg-teal text-white" },
-                    [
-                      _c(
-                        "div",
-                        { staticClass: "row justify-content-between" },
-                        [
-                          _c("div", { staticClass: "col-md-6" }, [
-                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
-                              _vm._v("F. PERTUMBUHAN"),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-6 text-right" }, [
-                            _c(
-                              "ul",
-                              {
-                                staticClass:
-                                  "list-inline mb-0 font-weight-bold",
-                              },
-                              [
-                                _c("li", [
-                                  _vm._v(
-                                    "Skor CU: " +
-                                      _vm._s(_vm.skorCUF()) +
-                                      " / Bobot Skor CU: " +
-                                      _vm._s(_vm.bobotCUF()) +
-                                      "% "
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.skorBKCUF()) +
-                                      " / Bobot Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.bobotBKCUF()) +
-                                      "% "
-                                  ),
-                                ]),
-                              ]
-                            ),
-                          ]),
-                        ]
-                      ),
-                    ]
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p1.p1ff13_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p1.p1ff13_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1ff13_cu_penilaian == cuTabName || form.p1.p1ff13_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1e12_cu_penilaian != null &&
-              _vm.form.p1.p1e12_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-teal" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-teal text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t12. S10 = Mengukur persentase pertumbuhan anggota dari tahun ke tahun"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "card card-body",
-                              class: {
-                                "bg-primary": _vm.itemData.s10 > 0.12,
-                                "bg-danger": _vm.itemData.s10 <= 0.12,
-                              },
-                              staticStyle: { cursor: "pointer" },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalBuka(_vm.itemData, "s10")
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "media no-margin-top content-group",
-                                },
-                                [
-                                  _c("div", { staticClass: "media-body" }, [
-                                    _c(
-                                      "h6",
-                                      {
-                                        staticClass:
-                                          "font-weight-semibold mb-8",
-                                      },
-                                      [
-                                        _vm._v(
-                                          _vm._s(
-                                            _vm._f("percentage")(
-                                              _vm.itemData.s10,
-                                              2
-                                            )
-                                          )
-                                        ),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.itemData.s10 >= 0.12
-                                      ? _c(
-                                          "span",
-                                          { staticClass: "opacity-75" },
-                                          [
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c("span", [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "ml-3 align-self-center" },
-                                    [
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-icon rounded-round",
-                                          attrs: { type: "button" },
-                                        },
-                                        [_c("b", [_vm._v("S10")])]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "progress bg-blue mb-2",
-                                  staticStyle: { height: "0.125rem" },
-                                },
-                                [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass: "progress-bar bg-white",
-                                      staticStyle: { width: "100%" },
-                                    },
-                                    [
-                                      _c("span", { staticClass: "sr-only" }, [
-                                        _vm._v("100% Complete"),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("b", [_vm._v("Pertumbuhan anggota")]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p1.p1f13_cu_penilaian,
-                                subtitle1: "Kurang dari 5%",
-                                subtitle2: "5-11%",
-                                subtitle3: "12%",
-                                subtitle4: "Lebih dari 12%",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p1.p1f13_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p1.p1f13_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p1.p1f13_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p1.p1f13_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p1.p1f13_cu_keterangan,
-                                    expression: "form.p1.p1f13_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1f13_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p1.p1f13_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p1,
-                                      "p1f13_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p1.p1f13_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p1.p1f13_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p1.p1f13_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p1.p1f13_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p1.p1f13_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1f13_bkcu_keterangan,
-                                          expression:
-                                            "form.p1.p1f13_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1f13_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1f13_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1f13_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1f13_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p1.p1f13_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1f13_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1f13_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1f13_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p1.p1f14_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p1.p1f14_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1f14_cu_penilaian == cuTabName || form.p1.p1f14_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1f13_cu_penilaian != null &&
-              _vm.form.p1.p1f13_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-teal" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-teal text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t13. S11 = Mengukur persentase pertumbuhan total  aset dari tahun ke tahun"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "card card-body",
-                              class: {
-                                "bg-primary":
-                                  _vm.itemData.s11 >
-                                  0.1 + _vm.itemData.laju_inflasi,
-                                "bg-danger":
-                                  _vm.itemData.s11 <=
-                                  0.1 + _vm.itemData.laju_inflasi,
-                              },
-                              staticStyle: { cursor: "pointer" },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalBuka(_vm.itemData, "s11")
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "media no-margin-top content-group",
-                                },
-                                [
-                                  _c("div", { staticClass: "media-body" }, [
-                                    _c(
-                                      "h6",
-                                      {
-                                        staticClass:
-                                          "font-weight-semibold mb-8",
-                                      },
-                                      [
-                                        _vm._v(
-                                          _vm._s(
-                                            _vm._f("percentage")(
-                                              _vm.itemData.s11,
-                                              2
-                                            )
-                                          )
-                                        ),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.itemData.s11 >
-                                    0.1 + _vm.itemData.laju_inflasi
-                                      ? _c(
-                                          "span",
-                                          { staticClass: "opacity-75" },
-                                          [
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c("span", [
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "ml-3 align-self-center" },
-                                    [
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-light btn-icon rounded-round",
-                                          attrs: { type: "button" },
-                                        },
-                                        [_c("b", [_vm._v("S11")])]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "progress bg-blue mb-2",
-                                  staticStyle: { height: "0.125rem" },
-                                },
-                                [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass: "progress-bar bg-white",
-                                      staticStyle: { width: "100%" },
-                                    },
-                                    [
-                                      _c("span", { staticClass: "sr-only" }, [
-                                        _vm._v("100% Complete"),
-                                      ]),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("b", [_vm._v("Pertumbuhan aset")]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p1.p1f14_cu_penilaian,
-                                subtitle1: "Kurang dari tingkat inflasi",
-                                subtitle2:
-                                  "1-4 % lebih tinggi dari tingkat Inflasi",
-                                subtitle3:
-                                  "5-9% lebih tinggi dari tingkat inflasi",
-                                subtitle4:
-                                  "Lebih dari 10% dibanding tingkat inflasi",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p1.p1f14_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p1.p1f14_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p1.p1f14_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p1.p1f14_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p1.p1f14_cu_keterangan,
-                                    expression: "form.p1.p1f14_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1f14_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p1.p1f14_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p1,
-                                      "p1f14_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" ||
-                        _vm.mode == "lihat" ||
-                        _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p1.p1f14_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p1.p1f14_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p1.p1f14_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p1.p1f14_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p1.p1f14_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1f14_bkcu_keterangan,
-                                          expression:
-                                            "form.p1.p1f14_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1f14_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1f14_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1f14_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p1.p1f14_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p1.p1f14_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1f14_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p1.p1f14_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p1,
-                                            "p1f14_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1f14_cu_penilaian != null &&
-              _vm.form.p1.p1f14_cu_keterangan != null
-                ? _c("div", { staticClass: "card card-body" }, [
-                    _c(
-                      "div",
-                      { staticClass: "text-center d-none d-md-block" },
-                      [
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light",
-                            attrs: { type: "button" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.prev.apply(null, arguments)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-arrow-left13" }),
-                            _vm._v(" Batal\n\t\t\t\t"),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-primary",
-                            attrs: { type: "button" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.next.apply(null, arguments)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-arrow-right14" }),
-                            _vm._v(" Selanjutnya\n\t\t\t\t"),
-                          ]
-                        ),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "d-block d-md-none" }, [
-                      _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-primary btn-block",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.next.apply(null, arguments)
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-arrow-right14" }),
-                          _vm._v(" Selanjutnya\n\t\t\t\t"),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-light btn-block",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.prev.apply(null, arguments)
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-arrow-left13" }),
-                          _vm._v(" Batal\n\t\t\t\t"),
-                        ]
-                      ),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
-            button: _vm.modalButton,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v(_vm._s(_vm.modalTitle)),
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _c("form-katex", {
-                attrs: { kelas: _vm.kelas, modalKatex: _vm.modalKatex },
-                on: { tutup: _vm.modalTutup },
-              }),
-            ],
-            1
-          ),
-        ],
-        2
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=template&id=062ab188&":
-/*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=template&id=062ab188& ***!
-  \****************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.form.p1.p1f14_cu_penilaian == null &&
-      _vm.form.p1.p1f14_cu_keterangan == null
-        ? _c("div", { staticClass: "card bg-danger card-body" }, [
-            _c("h6", { staticClass: "mb-0" }, [
-              _vm._v(
-                "Maaf, anda tidak bisa melanjutkan mengisi perspektif ini sebelum melengkapi perspektif sebelumnya."
-              ),
-            ]),
-          ])
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.form.p1.p1f14_cu_penilaian != null &&
-      _vm.form.p1.p1f14_cu_keterangan != null
-        ? _c(
-            "div",
-            [
-              _c("form-filter", {
-                attrs: {
-                  cuTabName: _vm.cuTabName,
-                  bkcuTabName: _vm.bkcuTabName,
-                  jumlahPenilaianCU: _vm.jumlahPenilaianCU,
-                  jumlahPenilaianBKCU: _vm.jumlahPenilaianBKCU,
-                },
-                on: {
-                  changeTabCU: _vm.changeTabCU,
-                  changeTabBKCU: _vm.changeTabBKCU,
-                },
-              }),
-            ],
-            1
-          )
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1f14_cu_penilaian != null &&
-              _vm.form.p1.p1f14_cu_keterangan != null
-                ? _c(
-                    "div",
-                    { staticClass: "card card-body bg-info text-white" },
-                    [
-                      _c(
-                        "div",
-                        { staticClass: "row justify-content-between" },
-                        [
-                          _c("div", { staticClass: "col-md-6" }, [
-                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
-                              _vm._v(
-                                "A. PRODUK DAN PELAYANAN YANG BERKUALITAS"
-                              ),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-6 text-right" }, [
-                            _c(
-                              "ul",
-                              {
-                                staticClass:
-                                  "list-inline mb-0 font-weight-bold",
-                              },
-                              [
-                                _c("li", [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\tSkor CU: " +
-                                      _vm._s(_vm.skorCUA()) +
-                                      " / Bobot Skor CU: " +
-                                      _vm._s(_vm.bobotCUA()) +
-                                      "% \n\t\t\t\t\t\t"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\tSkor PUSKOPCUINA: " +
-                                      _vm._s(_vm.skorBKCUA()) +
-                                      " / Bobot Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.bobotBKCUA()) +
-                                      "% \n\t\t\t\t\t\t"
-                                  ),
-                                ]),
-                              ]
-                            ),
-                          ]),
-                        ]
-                      ),
-                    ]
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2a1_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2a1_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a1_cu_penilaian == cuTabName || form.p2.p2a1_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p1.p1f14_cu_penilaian != null &&
-              _vm.form.p1.p1f14_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t1. Target Produk dan Pelayanan"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2a1_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Tidak ada sarana untuk menerima umpan balik dari anggota</li> <li>Produk dan pelayanan tidak memenuhi semua kebutuhan anggota sebagaimana terukur dari anggota masyarakat yang menggunakan jasa pelayanan credit union (kurang dari 10%)</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Ada survei  secara tidak teratur terhadap anggota</li><li>Produk dan pelayanan memenuhi sejumlah kebutuhan anggota sebagaimana terukur dari anggota masyarakat yang menggunakan jasa pelayanan credit union (10 - 19%)</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Ada survei secara tahunan terhadap anggota</li><li>Produk dan pelayanan memenuhi semua kebutuhan anggota sebagaimana terukur dari anggota masyarakat yang menggunakan jasa pelayanan credit union (20 - 30%)</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Ada survei tahunan dan mekanisme umpan balik tambahan</li><li>Produk dan pelayanan memenuhi semua kebutuhan anggota sebagaimana terukur dari anggota masyarakat yang menggunakan jasa pelayanan credit union (di atas 30%)</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2a1_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2a1_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2a1_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2a1_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2a1_cu_keterangan,
-                                    expression: "form.p2.p2a1_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a1_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2a1_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2a1_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2a1_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2a1_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2a1_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2a1_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2a1_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a1_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2a1_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a1_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p2.p2a1_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a1_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a1_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2a1_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a1_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2a1_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a1_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2a2_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2a2_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a2_cu_penilaian == cuTabName || form.p2.p2a2_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2a1_cu_penilaian != null &&
-              _vm.form.p2.p2a1_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t2. Tampilan Produk"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2a2_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada katalog produk yang dikembangkan atau sangat jarang mencetak brosur dan pamflet",
-                                subtitle2:
-                                  "Menggunakan brosur dan pamflet, namun sedang-sedang saja dalam hal penyampaian pesan positif tentang kepuasan, keakraban, kegembiraan credit union",
-                                subtitle3:
-                                  "Menggunakan katalog, brosur dan pamflet produk secara profesional",
-                                subtitle4:
-                                  "Menggunakan katalog, brosur dan pamflet produk secara profesional; ada foto-foto anggota yang menunjukkan kepuasan dan kesan bahwa CU itu ramah, gembira, unik dan penuh peluang",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2a2_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2a2_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2a2_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2a2_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2a2_cu_keterangan,
-                                    expression: "form.p2.p2a2_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a2_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2a2_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2a2_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2a2_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2a2_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2a2_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2a2_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2a2_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a2_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2a2_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a2_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p2.p2a2_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a2_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a2_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2a2_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a2_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2a2_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a2_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2a3_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2a3_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a3_cu_penilaian == cuTabName || form.p2.p2a3_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2a2_cu_penilaian != null &&
-              _vm.form.p2.p2a2_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t3. Rentangan Produk Keuangan"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2a3_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Produk-produk masih bersifat tradisional dan belum pernah dikaji dalam 5 tahun terakhir</li><li>Produk-produk keuangan (simpanan, pinjaman) masih terbatas; rancangan produknya masih tradisional</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Produk-produk masih bersifat tradisional dan belum pernah dikaji dalam 3 tahun terakhir</li><li>Produk-produk keuang-an masih belum mam-pu menjawab kebutuh-an para anggota</li><li>Produk-produknya tidak sesuai dengan data demografi terkini dari para anggotanya; usia, pekerjaan, jender, agama, perilaku, gaya hidup, status sosial, dll</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Produk-produknya baru dikembangkan</li><li>Jangkauan produk-produk keuangan merupakan solusi  yang disesuaikan dengan masalah para anggota</li><li>Produk-produknya sesuai dengan mayoritas demografi anggota yang ada; usia, pekerjaan, jender, agama, perilaku, gaya hidup, status sosial, dll</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Produk-produknya baru dikembangkan dalam 10 tahun terakhir</li><li>Produk keuangannya kompetitif dan berdasarkan kebutuhan dan merupakan solusi  yang disesuaikan dengan masalah para anggota</li><li>Produk-produknya sesuai dengan demografi anggota yang ada; usia, pekerjaan, jender, agama, perilaku, gaya hidup, status sosial, dll</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2a3_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2a3_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2a3_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2a3_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2a3_cu_keterangan,
-                                    expression: "form.p2.p2a3_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a3_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2a3_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2a3_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2a3_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2a3_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2a3_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2a3_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2a3_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a3_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2a3_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a3_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p2.p2a3_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a3_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a3_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2a3_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a3_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2a3_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a3_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2a4_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2a4_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a4_cu_penilaian == cuTabName || form.p2.p2a4_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2a3_cu_penilaian != null &&
-              _vm.form.p2.p2a3_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t4. Brand sebagai Pola Pikir"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2a4_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada citra branding yang tersebar",
-                                subtitle2:
-                                  "Tidak ada bukti tertulis tentang citra branding; sedikit menggambarkan janji dan manfaat produk dan pelayanan, sedikit kesan bisnis dan ikatan psikologis, nama produk agak tradisional",
-                                subtitle3:
-                                  "Menampilkan citra branding secara tertulis yang menggambarkan kesan tentang manfaat produk dan pelayanan, ada keunikan; nama produk mudah diingat, menarik, dan trendi",
-                                subtitle4:
-                                  "Secara aktif mempromo-sikan manfaat produk dan pelayanan, memanfaatkan peluang eksternal, ikatan psikologis terbangun di antara para anggota, ada keunikan; nama produk mudah diingat, menarik, dan trendi",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2a4_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2a4_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2a4_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2a4_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2a4_cu_keterangan,
-                                    expression: "form.p2.p2a4_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a4_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2a4_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2a4_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2a4_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2a4_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2a4_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2a4_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2a4_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a4_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2a4_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a4_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p2.p2a4_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a4_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a4_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2a4_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a4_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2a4_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a4_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2a5_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2a5_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a5_cu_penilaian == cuTabName || form.p2.p2a5_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2a4_cu_penilaian != null &&
-              _vm.form.p2.p2a4_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t5. Produk Pendorong Kesejahteraan"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2a5_cu_penilaian,
-                                subtitle1:
-                                  "Hanya menawarkan produk-produk simpanan yang bersifat tradisional",
-                                subtitle2:
-                                  "Ada 5 produk simpanan yang bersifat membangun kekayaan seperti simpanan pendidikan, pembelian rumah, pembelian mobil, pembelian komputer dan investasi, rehab rumah, darurat, dll",
-                                subtitle3:
-                                  "Ada 6 - 10 produk simpanan yang bersifat membangun kekayaan seperti simpanan pendidikan, pembelian rumah, pembelian mobil, pembelian komputer dan investasi, rehab rumah, darurat, dll",
-                                subtitle4:
-                                  "Lebih dari 10 produk simpanan yang bersifat membangun kekayaan seperti simpanan pendidikan, pembelian rumah, pembelian mobil, pembelian komputer dan investasi, rehab rumah, darurat, dll",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2a5_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2a5_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2a5_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2a5_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2a5_cu_keterangan,
-                                    expression: "form.p2.p2a5_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a5_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2a5_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2a5_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2a5_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2a5_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2a5_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2a5_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2a5_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a5_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2a5_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a5_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p2.p2a5_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a5_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a5_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2a5_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a5_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2a5_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a5_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2a6_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2a6_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a6_cu_penilaian == cuTabName || form.p2.p2a6_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2a5_cu_penilaian != null &&
-              _vm.form.p2.p2a5_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t6. Capacitiy Based Landing (Pinjaman berbasis kemampuan mengembalikan)"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2a6_cu_penilaian,
-                                subtitle1:
-                                  "Pinjaman diberikan berdasarkan besar modal atau simpanan",
-                                subtitle2:
-                                  "Pinjaman diberikan berdasarkan kemampuan mengembalikan",
-                                subtitle3:
-                                  "Semua pinjaman diberikan berdasarkan kemampuan mengembalikan dan dianalisis menggunakan Analisa 5C (Character, Capacity to pay, Capital status, Collateral/Co-makers, Credit conditions)",
-                                subtitle4:
-                                  "Semua pinjaman diberikan berdasarkan kemampuan mengembalikan dan dianalisis menggunakan Analisa 5C, ada BJP (balas jasa pinjaman) bagi peminjam yang baik",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2a6_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2a6_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2a6_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2a6_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2a6_cu_keterangan,
-                                    expression: "form.p2.p2a6_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a6_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2a6_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2a6_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2a6_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2a6_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2a6_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2a6_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2a6_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a6_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2a6_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a6_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p2.p2a6_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a6_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a6_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2a6_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a6_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2a6_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a6_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2a7_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2a7_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a7_cu_penilaian == cuTabName || form.p2.p2a7_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2a6_cu_penilaian != null &&
-              _vm.form.p2.p2a6_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t7. Akses dan Kenyamanan"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2a7_cu_penilaian,
-                                subtitle1:
-                                  "Tidak menggunakan pelayanan dengan cara ekstensif; masih terikat pada pola tradisional ; “melalui kasir”, jam kantor tidak fleksibel, tidak dapat memenuhi kebutuhan penarikan tunai dari para anggota",
-                                subtitle2:
-                                  "Menggunakan beberapa pelayanan terkait kebutuhan anggota, misalnya jam kerja diperpanjang, kasir pelayanan buka selama jam istirahat, ada kasir pelayanan cepat, kasir keliling, kolektor, pelayanan dari rumah ke rumah, pelayanan pada hari Minggu dan libur, dan Tempat Pelayanan Ramah Anggota (Member Friendly Service Point), dll",
-                                subtitle3:
-                                  "Menggunakan sebagian besar  pelayanan terkait kebutuhan anggota, misalnya jam kerja diperpanjang, kasir pelayanan buka selama jam istirahat, ada kasir pelayanan cepat, kasir keliling, kolektor, pelayanan dari rumah ke rumah, pelayanan pada hari Minggu dan libur, dan Tempat Pelayanan Ramah Anggota, dll",
-                                subtitle4:
-                                  "Menggunakan pelayanan yang ekstensif dan fleksibel terkait kebutuhan anggota, misalnya jam kerja diperpanjang, kasir pelayanan buka selama jam istirahat, ada kasir pelayanan cepat, kasir keliling, kolektor, pelayanan dari rumah ke rumah, pelayanan pada hari libur, dan Tempat Pelayanan Ramah Anggota, dll",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2a7_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2a7_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2a7_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2a7_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2a7_cu_keterangan,
-                                    expression: "form.p2.p2a7_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a7_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2a7_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2a7_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2a7_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2a7_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2a7_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2a7_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2a7_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a7_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2a7_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a7_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p2.p2a7_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a7_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a7_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2a7_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a7_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2a7_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a7_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2a8_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2a8_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a8_cu_penilaian == cuTabName || form.p2.p2a8_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2a7_cu_penilaian != null &&
-              _vm.form.p2.p2a7_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t8. Price Value"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2a8_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Tidak mampu membayar bunga sesuai tingkat bunga pasar</li><li>Membayar bunga terlalu tinggi dari tingkat bunga pasar</li></ul>",
-                                subtitle2:
-                                  "Pada tingkat bunga pasar yang paling rendah",
-                                subtitle3:
-                                  "Tingkat bunga lebih tinggi untuk simpanan dan lebih rendah untuk pinjaman dibandingkan dengan yang berlaku di pasar",
-                                subtitle4:
-                                  "Tingkat bunga yang kompetitif pada semua produk simpanan dan pinjaman termasuk jaminan pengembalian",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2a8_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2a8_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2a8_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2a8_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2a8_cu_keterangan,
-                                    expression: "form.p2.p2a8_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a8_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2a8_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2a8_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2a8_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2a8_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2a8_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2a8_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2a8_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a8_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2a8_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a8_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p2.p2a8_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a8_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a8_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2a8_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a8_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2a8_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a8_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2a9_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2a9_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a9_cu_penilaian == cuTabName || form.p2.p2a9_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2a8_cu_penilaian != null &&
-              _vm.form.p2.p2a8_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t9. Pemasaran dan Promosi"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2a9_cu_penilaian,
-                                subtitle1:
-                                  "Tidak memiliki program promosi dan pemasaran atau program promosi tidak memuaskan; tidak ada peningkatan penggunaan produk dan pelayanan, jumlah anggota dan anggota yang loyal",
-                                subtitle2:
-                                  "Kadang-kadang meluncurkan program promosi yang dalam beberapa hal meningkatkan nilai produk dan pelayanan; kadang-kadang frekuensi penggunaan produk dan pelayanan meningkat dan membangkitkan kepuasan terhadap CU",
-                                subtitle3:
-                                  "Sukses melaksanakan program promosi tahunan yang meningkatkan nilai produk dan pelayanan: ada bukti program promosi dan pemasaran dan bukti antara hubungan penambahan jumlah anggota dengan penggunaan produk dan pelayanan",
-                                subtitle4:
-                                  "Sukses melaksanakan program promosi tahun-an yang disiapkan de-ngan baik, yang secara konsisten meningkatkan nilai produk dan pelayanan: ada bukti program promosi dan pemasaran dan bukti antara hubungan penambahan jumlah anggota dengan penggunaan produk dan pelayanan serta bukti pemasaran yang kooperatif",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2a9_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2a9_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2a9_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2a9_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2a9_cu_keterangan,
-                                    expression: "form.p2.p2a9_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a9_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2a9_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2a9_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2a9_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2a9_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2a9_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2a9_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2a9_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a9_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2a9_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a9_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p2.p2a9_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a9_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a9_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2a9_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a9_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2a9_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a9_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2a10_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2a10_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a10_cu_penilaian == cuTabName || form.p2.p2a10_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2a9_cu_penilaian != null &&
-              _vm.form.p2.p2a9_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t10. Insentif Loyalitas"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2a10_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada taktik yang dijalankan untuk meraih loyalitas anggota dan meningkatkan kepuasan anggota dalam berbisnis dengan credit union",
-                                subtitle2:
-                                  "Menerapkan sedikit taktik untuk meraih loyalitas anggota dan meningkat-kan kepuasan anggota, misalnya dengan program ucapan ulang tahun, anggota terbaik, penarikan undian terkait dengan frekuensi transaksi, penghargaan terhadap anggota paling berjasa, anggota terbaik bulan ini, dll",
-                                subtitle3:
-                                  "Menerapkan program untuk meraih loyalitas anggota dan meningkat-kan kepuasan anggota, misalnya dengan program ucapan ulang tahun, anggota terbaik, penarikan undian terkait dengan frekuensi transaksi, penghargaan terhadap anggota paling berjasa, anggota terbaik bulan ini, dll",
-                                subtitle4:
-                                  "Menerapkan taktik ekstensif terbaik untuk meraih loyalitas anggota dan meningkatkan kepuasan anggota dalam berbisnis dengan credit union",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2a10_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2a10_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2a10_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2a10_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2a10_cu_keterangan,
-                                    expression: "form.p2.p2a10_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a10_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2a10_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2a10_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2a10_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2a10_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2a10_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2a10_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2a10_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a10_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2a10_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a10_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2a10_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a10_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a10_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2a10_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a10_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2a10_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a10_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2a11_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2a11_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a11_cu_penilaian == cuTabName || form.p2.p2a11_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2a10_cu_penilaian != null &&
-              _vm.form.p2.p2a10_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t11. Kemasan Produk"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2a11_cu_penilaian,
-                                subtitle1:
-                                  "Pengemasan produk dan pelayanan tidak menciptakan pengalaman yang mengesankan, jarang menggunakan bahan cetak untuk promosi dan tidak berbasis solusi maupun produk membangun kekayaan",
-                                subtitle2:
-                                  "Pengemasan produk dan pelayanan kadang-kadang menciptakan pengalaman yang mengesankan, menyertakan sejumlah aspek sopan santun bagi staf, menggunakan bahan cetak untuk promosi dan slogan, dalam beberapa hal berbasis solusi dan produk membangun kekayaan",
-                                subtitle3:
-                                  "Menggunakan kemasan bisnis yang hampir sepenuhnya menciptakan pengalaman yang amat mengesankan, menyertakan sejumlah aspek sopan santun bagi staf, menggunakan bahan cetak untuk promosi dan slogan, dalam beberapa hal berbasis solusi dan produk membangun kekayaan",
-                                subtitle4:
-                                  "Menggunakan kemasan bisnis utuh yang menciptakan pengalaman yang amat mengesankan, menyertakan sejumlah aspek sopan santun bagi staf, menggunakan bahan cetak untuk promosi dan slogan, dalam beberapa hal berbasis solusi dan produk membangun kekayaan",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2a11_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2a11_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2a11_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2a11_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2a11_cu_keterangan,
-                                    expression: "form.p2.p2a11_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a11_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2a11_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2a11_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2a11_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2a11_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2a11_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2a11_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2a11_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a11_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2a11_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a11_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2a11_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a11_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2a11_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2a11_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a11_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2a11_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2a11_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2a11_cu_penilaian != null &&
-              _vm.form.p2.p2a11_cu_keterangan != null
-                ? _c(
-                    "div",
-                    { staticClass: "card card-body bg-warning text-white" },
-                    [
-                      _c(
-                        "div",
-                        { staticClass: "row justify-content-between" },
-                        [
-                          _c("div", { staticClass: "col-md-6" }, [
-                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
-                              _vm._v("B. KEPUASAN ANGGOTA"),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-6 text-right" }, [
-                            _c(
-                              "ul",
-                              {
-                                staticClass:
-                                  "list-inline mb-0 font-weight-bold",
-                              },
-                              [
-                                _c("li", [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\tSkor CU: " +
-                                      _vm._s(_vm.skorCUB()) +
-                                      " / Bobot Skor CU: " +
-                                      _vm._s(_vm.bobotCUB()) +
-                                      "% \n\t\t\t\t\t\t"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\tSkor PUSKOPCUINA: " +
-                                      _vm._s(_vm.skorBKCUB()) +
-                                      " / Bobot Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.bobotBKCUB()) +
-                                      "% \n\t\t\t\t\t\t"
-                                  ),
-                                ]),
-                              ]
-                            ),
-                          ]),
-                        ]
-                      ),
-                    ]
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b12_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b12_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b12_cu_penilaian == cuTabName || form.p2.p2b12_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2a11_cu_penilaian != null &&
-              _vm.form.p2.p2a11_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t12. Pemahaman tentang Anggota"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b12_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada sistem untuk melacak sejarah transaksi anggota dan informasi pribadi",
-                                subtitle2:
-                                  "<ul><li>Ada database anggota tetapi tidak diperbaharui secara teratur</li><li>Ada sedikit informasi pribadi anggota tetapi belum memberikan gambaran tentang apa yang dikehendaki , bagaimana cara melayani dan memasarkannya</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Database anggota selalu diperbaharui secara teratur untuk melacak sejarah transaksi</li><li>Ada informasi pribadi mendasar yang memberikan gambaran tentang apa yang dikehendaki, bagaimana cara melayani dan memasarkannya</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Database anggota selalu diperbaharui secara teratur dan terpelihara untuk melacak sejarah transaksi</li><li>Informasi pribadi leng-kap dan dapat mem-berikan gambaran tentang apa yang di-kehendaki , bagaimana cara melayani dan memasarkannya</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b12_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b12_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b12_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b12_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b12_cu_keterangan,
-                                    expression: "form.p2.p2b12_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b12_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b12_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b12_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b12_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b12_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b12_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b12_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b12_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b12_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b12_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b12_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b12_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b12_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b12_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b12_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b12_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b12_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b12_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b13_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b13_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b13_cu_penilaian == cuTabName || form.p2.p2b13_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b12_cu_penilaian != null &&
-              _vm.form.p2.p2b12_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t13. Membina Hubungan Berkelanjutan dengan Anggota"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b13_cu_penilaian,
-                                subtitle1: "Tidak ada program",
-                                subtitle2:
-                                  "Kadang-kadang dijalan-kan di beberapa bidang dan ada peningkatan hampir di semua bidang, misalnya frekuensi penggunaan pelayanan, kesetiaan, kepuasan, rasa memiliki, citra, niat baik, dan keaktifan",
-                                subtitle3:
-                                  "Program tahunan di-jalankan di semua bidang dan ada peningkatan hampir di semua bidang, misalnya frekuensi penggunaan pelayanan, kesetiaan, kepuasan, rasa memiliki, citra, niat baik, dan keaktifan",
-                                subtitle4:
-                                  "Program tahunan dijalankan secara ekstensif di semua bidang dan ada peningkatan hampir di semua bidang, misalnya frekuensi penggunaan pelayanan, kesetiaan, kepuasan, rasa memiliki, citra, niat baik, dan keaktifan",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b13_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b13_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b13_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b13_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b13_cu_keterangan,
-                                    expression: "form.p2.p2b13_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b13_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b13_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b13_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b13_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b13_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b13_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b13_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b13_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b13_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b13_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b13_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b13_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b13_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b13_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b13_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b13_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b13_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b13_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b14_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b14_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b14_cu_penilaian == cuTabName || form.p2.p2b14_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b13_cu_penilaian != null &&
-              _vm.form.p2.p2b13_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t14. Evaluasi Kepuasan Anggota"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b14_cu_penilaian,
-                                subtitle1:
-                                  "Tidak melakukan survei kepuasan anggota",
-                                subtitle2:
-                                  "Menjalankan tapi tidak teratur, ada pertemuan formal/informal anggota dan survei kepuasan anggota di beberapa bidang misalnya pelayanan tepat waktu, kesantunan staf, tanggap, paham terhadap masalah anggota, evaluasi menyeluruh terhadap organisasi, penggunaan produk tetapi tidak dianalisis dan digunakan; tidak menggunakan tolak ukur yang ditetapkan",
-                                subtitle3:
-                                  "Menjalankan pertemuan formal/informal anggota dan survei kepuasan anggota di beberapa bidang misalnya pelayanan tepat waktu, kesantunan staf, tanggap, paham terhadap masalah anggota, evaluasi menyeluruh terhadap organisasi, penggunaan produk, menganalisis dan menggunakannya; menggunakan tolak ukur yang ditetapkan, penilaiannya sangat baik",
-                                subtitle4:
-                                  "Menjalankan secara konsisten pertemuan formal/informal anggota dan survei kepuasan anggota di beberapa bidang misalnya pelayanan tepat waktu, kesantunan staf, tanggap, paham terhadap masalah anggota, evaluasi menyeluruh terhadap organisasi, penggunaan produk, menganalisis dan menggunakannya; menggunakan tolak ukur yang ditetapkan, penilaiannya prima",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b14_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b14_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b14_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b14_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b14_cu_keterangan,
-                                    expression: "form.p2.p2b14_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b14_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b14_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b14_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b14_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b14_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b14_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b14_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b14_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b14_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b14_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b14_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b14_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b14_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b14_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b14_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b14_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b14_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b14_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b15_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b15_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b15_cu_penilaian == cuTabName || form.p2.p2b15_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b14_cu_penilaian != null &&
-              _vm.form.p2.p2b14_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t15. Share of Wallet (Hanya menjadi anggota CU kita)"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b15_cu_penilaian,
-                                subtitle1:
-                                  "Tidak melakukan survei kepuasan anggota",
-                                subtitle2:
-                                  "50 - 69% anggota menyatakan bahwa CU merupakan lembaga keuangan yang terbaik",
-                                subtitle3:
-                                  "70-80% anggota menyatakan bahwa CU merupakan lembaga keuangan yang terbaik",
-                                subtitle4:
-                                  "Lebih dari 80% anggota menyatakan bahwa CU merupakan lembaga keuangan yang terbaik",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b15_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b15_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b15_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b15_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b15_cu_keterangan,
-                                    expression: "form.p2.p2b15_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b15_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b15_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b15_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b15_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b15_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b15_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b15_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b15_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b15_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b15_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b15_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b15_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b15_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b15_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b15_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b15_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b15_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b15_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b16_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b16_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b16_cu_penilaian == cuTabName || form.p2.p2b16_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b15_cu_penilaian != null &&
-              _vm.form.p2.p2b15_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t16. Customer Care Excellence yang dilembagakan"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b16_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Orientasi kepada pelanggan tidak diintegrasikan dengan profil kemampuan staf; orientasi pelanggan dalam tujuan/strategi</li><li>Operasional sehari-hari belum tertulis dan tidak mengikuti Peduli Anggota (Customer Care)</li><li>Tidak ada staf yang ditunjuk untuk mengelola hubungan dengan anggota</li><li>Hubungan dengan anggota ditetapkan dalam misi, tetapi tidak dalam nilai-nilai inti organisasi</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Orientasi kepada pelanggan diintegra-sikan dengan profil kemampuan beberapa orang staf</li><li>Orientasi pelanggan dalam tujuan/strategi tapi belum jelas</li><li>Operasional sehari-hari sudah mengikuti standar Pelayanan Peduli Anggota tapi tidak secara tertulis</li><li>Menunjuk staf untuk mengelola hubungan dengan anggota</li><li>Hubungan dengan anggota ditetapkan dalam misi, tetapi tidak dalam nilai-nilai inti organisasi</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Orientasi kepada pelanggan diintegrasikan dengan profil kemampuan semua staf</li><li>Ada 4 orientasi pelanggan dalam tujuan/strategi pada Strategic Plan (SP) yang dikomunikasikan untuk diikuti semua<ul><li>Operasional sehari-hari sudah mengikuti standar Pelayanan Peduli Anggota secara tertulis</li><li>Menunjuk staf untuk mengelola hubungan dengan anggota</li><li>Mengadopsi mekanisme untuk melibatkan anggota dalam mengembangkan;  produk baru</li><li>hubungan dengan anggota merupakan bagian dari visi, misi, dan nilai-nilai inti organisasi.</li></ul></li></ul>",
-                                subtitle4:
-                                  "<ul><li>Orientasi kepada pelanggan diintegra-sikan dengan profil kemampuan semua staf </li><li>Ada 5 atau lebih orientasi pelanggan dalam tujuan/strategi pada Strategic Plan (SP) yang dikomunikasikan untuk diikuti semua <ul><li>Operasional sehari-hari sudah mengikuti standar Pelayanan Peduli Anggota secara tertulis</li><li>Menunjuk staf untuk mengelola hubungan dengan anggota</li><li>Mengadopsi mekanisme untuk melibatkan anggota dalam mengembangkan produk baru;</li><li>hubungan dengan anggota merupakan bagian dari visi, misi, dan nilai-nilai inti organisasi</li></ul></li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b16_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b16_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b16_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b16_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b16_cu_keterangan,
-                                    expression: "form.p2.p2b16_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b16_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b16_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b16_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b16_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b16_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b16_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b16_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b16_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b16_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b16_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b16_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b16_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b16_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b16_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b16_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b16_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b16_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b16_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b17_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b17_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b17_cu_penilaian == cuTabName || form.p2.p2b17_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b16_cu_penilaian != null &&
-              _vm.form.p2.p2b16_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t17. Manfaat bagi anggota (Member benefit)"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b17_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada program kesejahteraan bagi anggota",
-                                subtitle2:
-                                  "Ada beberapa pelayanan kesejahteraan bagi anggota yang menggunakan dana dari pelayanan keuangan, misalnya beasiswa, kesehatan, pensiun, bantuan untuk kematian, kelahiran, musibah, dll",
-                                subtitle3:
-                                  "5 – 7 pelayanan kesejahteraan berkelanjutan tersedia untuk anggota yang menggunakan dana terpisah dari pelaksana-an pelayanan keuangan, misalnya beasiswa, kesehatan, pensiun, bantuan untuk kematian, kelahiran, musibah, dll; dana untuk pelayanan ini berasal dari akumulasi keuntungan",
-                                subtitle4:
-                                  "Lebih dari  7 pelayanan kesejahteraan berkelanjutan yang penuh inovasi dan menunjukkan keunikan dari CU tersedia untuk anggota serta menggunakan dana terpisah dari pelaksana-an pelayanan keuangan, misalnya beasiswa, kesehatan, pensiun, bantuan untuk kematian, kelahiran, musibah, dll; dana untuk pelayanan ini berasal dari akumulasi keuntungan",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b17_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b17_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b17_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b17_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b17_cu_keterangan,
-                                    expression: "form.p2.p2b17_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b17_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b17_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b17_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b17_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b17_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b17_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b17_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b17_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b17_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b17_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b17_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b17_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b17_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b17_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b17_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b17_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b17_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b17_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b18_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b18_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b18_cu_penilaian == cuTabName || form.p2.p2b18_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b17_cu_penilaian != null &&
-              _vm.form.p2.p2b17_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t18. Rapat Anggota"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b18_cu_penilaian,
-                                subtitle1:
-                                  "Rapat Anggota Tahunan tidak dilakukan secara rutin",
-                                subtitle2:
-                                  "Rapat Anggota Tahunan dilakukan dengan jumlah kuorum minimal",
-                                subtitle3:
-                                  "Rapat Anggota Tahunan dilakukan tepat waktu termasuk pertemuan umum yang dilakukan secara khusus sesuai kebutuhan",
-                                subtitle4:
-                                  "Rapat Anggota Tahunan dilakukan tepat waktu termasuk pertemuan umum yang dilakukan secara khusus sesuai kebutuhan dan program anggota seperti pertemuan keluarga, dll",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b18_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b18_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b18_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b18_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b18_cu_keterangan,
-                                    expression: "form.p2.p2b18_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b18_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b18_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b18_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b18_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b18_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b18_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b18_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b18_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b18_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b18_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b18_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b18_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b18_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b18_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b18_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b18_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b18_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b18_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b19_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b19_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b19_cu_penilaian == cuTabName || form.p2.p2b19_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b18_cu_penilaian != null &&
-              _vm.form.p2.p2b18_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t19. Partisipasi anggota"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b19_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada masukan dari anggota dalam perencanaan",
-                                subtitle2:
-                                  "Ada masukan dari anggota tetapi tidak rutin. Beberapa anggota terlibat dalam kegiatan yang dilakukan oleh CU.",
-                                subtitle3:
-                                  "Ada masukan tahunan dari anggota dalam perencanaan, umpan balik dari anggota diminta secara rutin",
-                                subtitle4:
-                                  "Masukan dari anggota secara rutin setiap tahun dalam perencanaan, umpan balik dari anggota diminta secara rutin dan wilayah kerja sudah dibagi untuk memastikan bahwa umpan balik terkumpul",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b19_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b19_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b19_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b19_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b19_cu_keterangan,
-                                    expression: "form.p2.p2b19_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b19_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b19_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b19_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b19_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b19_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b19_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b19_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b19_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b19_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b19_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b19_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b19_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b19_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b19_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b19_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b19_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b19_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b19_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b20_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b20_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b20_cu_penilaian == cuTabName || form.p2.p2b20_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b19_cu_penilaian != null &&
-              _vm.form.p2.p2b19_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t20. Penggunaan Produk-produk Membangun Kekayaan"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b20_cu_penilaian,
-                                subtitle1:
-                                  "Kurang dari 20%  anggota menggunakan rata-rata 1- 2 produk pembangun kekayaan",
-                                subtitle2:
-                                  "21 - 30%  anggota menggunakan rata-rata 1- 2 produk pembangun kekayaan",
-                                subtitle3:
-                                  "31 - 40%  anggota menggunakan rata-rata 3 - 5 produk pembangun kekayaan",
-                                subtitle4:
-                                  "Lebih dari 40%  anggota menggunakan lebih dari 5 produk pembangun kekayaan",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b20_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b20_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b20_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b20_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b20_cu_keterangan,
-                                    expression: "form.p2.p2b20_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b20_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b20_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b20_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b20_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b20_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b20_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b20_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b20_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b20_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b20_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b20_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b20_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b20_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b20_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b20_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b20_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b20_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b20_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b21_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b21_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b21_cu_penilaian == cuTabName || form.p2.p2b21_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b20_cu_penilaian != null &&
-              _vm.form.p2.p2b20_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t21. Pengguna Produk-produk Pinjaman"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b21_cu_penilaian,
-                                subtitle1:
-                                  "Kurang dari 50% anggota menggunakan produk-produk pinjaman",
-                                subtitle2:
-                                  "50 - 79% anggota menggunakan produk-produk pinjaman",
-                                subtitle3:
-                                  "80 - 90% anggota menggunakan produk-produk pinjaman",
-                                subtitle4:
-                                  "Lebih dari 90% anggota menggunakan produk pinjaman",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b21_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b21_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b21_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b21_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b21_cu_keterangan,
-                                    expression: "form.p2.p2b21_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b21_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b21_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b21_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b21_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b21_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b21_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b21_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b21_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b21_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b21_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b21_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b21_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b21_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b21_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b21_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b21_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b21_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b21_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b22_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b22_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b22_cu_penilaian == cuTabName || form.p2.p2b22_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b21_cu_penilaian != null &&
-              _vm.form.p2.p2b21_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t22. Pemahaman Tanggung jawab Peminjam - dilihat dari % Kelalaian"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b22_cu_penilaian,
-                                subtitle1:
-                                  "Kurang dari 80% anggota membayar tepat waktu sesuai dengan perjanjian dan persyaratan pinjaman",
-                                subtitle2:
-                                  "80 - 94% anggota membayar tepat waktu sesuai dengan perjanjian dan persyaratan pinjaman",
-                                subtitle3:
-                                  "95% anggota membayar tepat waktu sesuai dengan perjanjian dan persyaratan pinjaman.",
-                                subtitle4:
-                                  "Lebih dari 95% anggota membayar tepat waktu sesuai dengan perjanjian dan persyaratan pinjam-an.",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b22_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b22_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b22_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b22_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b22_cu_keterangan,
-                                    expression: "form.p2.p2b22_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b22_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b22_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b22_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b22_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b22_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b22_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b22_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b22_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b22_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b22_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b22_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b22_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b22_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b22_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b22_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b22_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b22_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b22_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b23_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b23_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b23_cu_penilaian == cuTabName || form.p2.p2b23_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b22_cu_penilaian != null &&
-              _vm.form.p2.p2b22_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t23. Infrastruktur Fisik-Bangunan dan Ruang Kantor"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b23_cu_penilaian,
-                                subtitle1:
-                                  "Prasarana fisik tidak memadai, menyebabkan hilangnya efektivitas dan efisiensi, misalnya lokasi kantor tidak disukai oleh anggota dan staf; ruang kerja tidak memadai baik secara individu maupun tim",
-                                subtitle2:
-                                  "Prasarana fisik tersedia dengan cukup baik, demi memenuhi kebutuhan organisasi yang paling mendesak; sejumlah perbaikan dapat sangat membantu meningkatkan  efektivitas dan efisiensi, misalnya ruang kerja tim tidak memadai, tidak bisa mengadakan diskusi yang bersifat rahasia, staf berbagi meja kerja",
-                                subtitle3:
-                                  "Prasarana fisik dan bangunan memadai untuk kebutuhan organisasi sekarang ini, prasarana tidak menghambat efektivitas dan efisiensi misalnya lokasi disukai oleh anggota dan staf, ruang kerja memadai bagi individu maupun tim dan memungkinkan untuk mengadakan diskusi-diskusi yang bersifat rahasia",
-                                subtitle4:
-                                  "Prasarana fisik terbangun dengan baik untuk memenuhi kebutuhan organisasi sekarang ini dan antisipasi untuk kebutuhan masa depan, dirancang dengan baik dan penuh pemikiran untuk meningkatkan efektivitas dan efisiensi organisasi, misalnya lokasi disukai oleh anggota dan staf, ruang kerja luas,  mendorong timuntuk bekerja sama, tata letak meningkatkan interaksi penting di kalangan staf",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b23_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b23_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b23_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b23_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b23_cu_keterangan,
-                                    expression: "form.p2.p2b23_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b23_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b23_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b23_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b23_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b23_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b23_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b23_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b23_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b23_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b23_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b23_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b23_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b23_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b23_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b23_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b23_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b23_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b23_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b24_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b24_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b24_cu_penilaian == cuTabName || form.p2.p2b24_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b23_cu_penilaian != null &&
-              _vm.form.p2.p2b23_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t24. Infrastruktur teknologi –telefon dan faks"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b24_cu_penilaian,
-                                subtitle1:
-                                  "Jumlah fasilitas nomor telepon dan faksimille terbatas sehingga menghambat efektivitas dan efisiensi pekerjaan harian",
-                                subtitle2:
-                                  "Fasilitas telepon dan faksimille memadai dan dapat di akses oleh sebagian besar staf; dapat diandal kan atau ramah pengguna; atau mungkin kurang dalam beberapa aspek yang sebetulnya dapat membantu meningkatkan efektivitas dan efisiensi misalnya voice mail individual atau mungkin sulit diakses oleh beberapa staf misalnya staf di bagian depan",
-                                subtitle3:
-                                  "<ul><li>Fasilitas telepon dan faksimille dapat diakses oleh semua staf di tiap sudut kantor; tidak ada hambatan untuk memenuhi kebutuhan komunikasi sehari-hari</li><li>Termasuk fasilitas tambahan yang dapat membantu meningkat-kan efektivitas dan efisiensimisalnya voice mail yang dapat diakses dengan remote</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Fasilitas telepon dan faksimille yang bagus sekali dan dapat diandalkan oleh semua staf di tiap sudut kantor, menyertakan voice mail individual setiap jam</li><li>Dilengkapi dengan fasilitas tambahan (misalnya pager, telepon genggam) bagi staf terpilih; efektif dan  berpengaruh dalam meningkatkan efektivitas dan efisiensi staf</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b24_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b24_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b24_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b24_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b24_cu_keterangan,
-                                    expression: "form.p2.p2b24_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b24_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b24_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b24_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b24_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b24_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b24_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b24_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b24_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b24_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b24_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b24_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b24_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b24_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b24_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b24_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b24_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b24_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b24_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b25_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b25_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b25_cu_penilaian == cuTabName || form.p2.p2b25_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b24_cu_penilaian != null &&
-              _vm.form.p2.p2b24_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t25. Komputer, Aplikasi, Network dan Email"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b25_cu_penilaian,
-                                subtitle1:
-                                  "Terbatas/tidak ada penggunaan komputer atau teknologi lainnya dalam kegiatan harian; dan atau sedikit/tidak ada staf yang menggunakan prasarana teknologi dan informasi",
-                                subtitle2:
-                                  "Fasilitas teknologi tersedia dengan baik pada tingkat atas; prasarana tidak lengkap; seringkali peralatan di pakai bersama; penggunaan teknologi informasi dimanfaatkan dengan baik oleh beberapa staf saja",
-                                subtitle3:
-                                  "Perangkat keras dan lunak dapat diakses oleh staf, tidak ada pemakaian alat secara bersama-sama, pengunaan TI tinggi dan lebih efisien",
-                                subtitle4:
-                                  "Perangkat keras jaringan komputer bagus sekali dengan jangkauan aplikasi perangkat lunak yang komprehensif; semua staf memiliki komputer dan akses email sendiri; dapat diakses; dipakai secara rutin; efektif dan berpengaruh dalam meningkatkan efisiensi staf",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b25_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b25_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b25_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b25_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b25_cu_keterangan,
-                                    expression: "form.p2.p2b25_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b25_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b25_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b25_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b25_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b25_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b25_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b25_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b25_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b25_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b25_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b25_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b25_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b25_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b25_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b25_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b25_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b25_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b25_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b26_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b26_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b26_cu_penilaian == cuTabName || form.p2.p2b26_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b25_cu_penilaian != null &&
-              _vm.form.p2.p2b25_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t26. Website"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b26_cu_penilaian,
-                                subtitle1: "Tidak ada website",
-                                subtitle2:
-                                  "Website dasar memuat informasi umum tentang perkembangan terkini; pemeliharaan website menjadi beban dan hanya sesekali waktu digunakan",
-                                subtitle3:
-                                  "Website komprehensif memuat dasar tentang organisasi dan perkembangan terkini",
-                                subtitle4:
-                                  "Website komprehensif yang interaktif dan bagus sekali, diperbarui secara rutin termasuk informasi mengenai perkembangan terkini organisasi; dipuji karena ramah pengguna dan kedalaman informasinya; menyertakan jalur terkait (link) yang berhubungandengan organisasi dan sumber daya yang bermanfaat tentang topik atau pelayanan",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b26_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b26_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b26_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b26_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b26_cu_keterangan,
-                                    expression: "form.p2.p2b26_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b26_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b26_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b26_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b26_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b26_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b26_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b26_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b26_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b26_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b26_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b26_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b26_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b26_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b26_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b26_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b26_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b26_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b26_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p2.p2b27_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p2.p2b27_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b27_cu_penilaian == cuTabName || form.p2.p2b27_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b26_cu_penilaian != null &&
-              _vm.form.p2.p2b26_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t27. Sistem Pelaporan Manajemen & Pusat Data"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p2.p2b27_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada sistem untuk melacak informasi keanggotaan, staf, hasil-hasil pelayanan, dan informasi keuangan",
-                                subtitle2:
-                                  "Manajemen database dan sistem pelaporan ada hanya pada bidang terbatas; sistem hanya menampilkan aspek-aspek dasar, digunakan oleh sedikit staf saja",
-                                subtitle3:
-                                  "Manajemen database dan sistem pelaporan ada untuk semua bidang dan dapat melacak informasi keanggotaan, staf, hasil-hasil pelayanan, informasi keuangan, sering digunakan untuk membantu sharing informasi dan efisiensi",
-                                subtitle4:
-                                  "Database elektronik yang bagus sekali dan sistem manajemen pelaporan yang ada untuk melacak keanggotaan, staf, hasil-hasil pelayanan dan informasi keuangan; dipakai secara luas dan penting sekali untuk meningkatkan sharing informasi dan efisiensi",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p2.p2b27_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p2.p2b27_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p2.p2b27_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p2.p2b27_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p2.p2b27_cu_keterangan,
-                                    expression: "form.p2.p2b27_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b27_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p2.p2b27_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p2,
-                                      "p2b27_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p2.p2b27_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p2.p2b27_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p2.p2b27_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p2.p2b27_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p2.p2b27_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b27_bkcu_keterangan,
-                                          expression:
-                                            "form.p2.p2b27_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b27_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b27_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b27_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p2.p2b27_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p2.p2b27_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b27_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p2.p2b27_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p2,
-                                            "p2b27_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b27_cu_penilaian != null &&
-              _vm.form.p2.p2b27_cu_keterangan != null
-                ? _c("div", { staticClass: "card card-body" }, [
-                    _c(
-                      "div",
-                      { staticClass: "text-center d-none d-md-block" },
-                      [
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light",
-                            attrs: { type: "button" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.prev.apply(null, arguments)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-arrow-left13" }),
-                            _vm._v(" Kembali\n\t\t\t\t"),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-primary",
-                            attrs: { type: "button" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.next.apply(null, arguments)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-arrow-right14" }),
-                            _vm._v(" Selanjutnya\n\t\t\t\t"),
-                          ]
-                        ),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "d-block d-md-none" }, [
-                      _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-primary btn-block",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.next.apply(null, arguments)
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-arrow-right14" }),
-                          _vm._v(" Selanjutnya\n\t\t\t\t"),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-light btn-block",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.prev.apply(null, arguments)
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-arrow-left13" }),
-                          _vm._v(" Kembali\n\t\t\t\t"),
-                        ]
-                      ),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=template&id=060e8286&":
-/*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=template&id=060e8286& ***!
-  \****************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.form.p2.p2b27_cu_penilaian == null &&
-      _vm.form.p2.p2b27_cu_keterangan == null
-        ? _c("div", { staticClass: "card bg-danger card-body" }, [
-            _c("h6", { staticClass: "mb-0" }, [
-              _vm._v(
-                "Maaf, anda tidak bisa melanjutkan mengisi perspektif ini sebelum melengkapi perspektif sebelumnya."
-              ),
-            ]),
-          ])
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.form.p2.p2b27_cu_penilaian != null &&
-      _vm.form.p2.p2b27_cu_keterangan != null
-        ? _c(
-            "div",
-            [
-              _c("form-filter", {
-                attrs: {
-                  cuTabName: _vm.cuTabName,
-                  bkcuTabName: _vm.bkcuTabName,
-                  jumlahPenilaianCU: _vm.jumlahPenilaianCU,
-                  jumlahPenilaianBKCU: _vm.jumlahPenilaianBKCU,
-                },
-                on: {
-                  changeTabCU: _vm.changeTabCU,
-                  changeTabBKCU: _vm.changeTabBKCU,
-                },
-              }),
-            ],
-            1
-          )
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b27_cu_penilaian != null &&
-              _vm.form.p2.p2b27_cu_keterangan != null
-                ? _c(
-                    "div",
-                    { staticClass: "card card-body bg-info text-white" },
-                    [
-                      _c(
-                        "div",
-                        { staticClass: "row justify-content-between" },
-                        [
-                          _c("div", { staticClass: "col-md-6" }, [
-                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
-                              _vm._v(
-                                "A. PRODUK DAN PELAYANAN YANG BERKUALITAS"
-                              ),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-6 text-right" }, [
-                            _c(
-                              "ul",
-                              {
-                                staticClass:
-                                  "list-inline mb-0 font-weight-bold",
-                              },
-                              [
-                                _c("li", [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\tSkor CU: " +
-                                      _vm._s(_vm.skorCUA()) +
-                                      " / \n\t\t\t\t\t\t\tBobot Skor CU: " +
-                                      _vm._s(_vm.bobotCUA()) +
-                                      "% \n\t\t\t\t\t\t"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\tSkor PUSKOPCUINA: " +
-                                      _vm._s(_vm.skorBKCUA()) +
-                                      " / \t\n\t\t\t\t\t\t\tBobot Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.bobotBKCUA()) +
-                                      "%\n\t\t\t\t\t\t"
-                                  ),
-                                ]),
-                              ]
-                            ),
-                          ]),
-                        ]
-                      ),
-                    ]
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3a1_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3a1_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a1_cu_penilaian == cuTabName || form.p3.p3a1_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p2.p2b27_cu_penilaian != null &&
-              _vm.form.p2.p2b27_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t1. Manual Operasional Yang Komprehensif"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3a1_cu_penilaian,
-                                subtitle1:
-                                  "Kegiatan sebagian diarahkan oleh kebijakan, tetapi tidak cukup untuk memberi keputusan operasional; keputusan didasarkan pada pemecahan persoalan yang dilakukan oleh Pengurus; praktik-praktik di sejumlah bidang tidak ditetapkan secara tertulis dalam bentuk kebijakan",
-                                subtitle2:
-                                  "Kegiatan pada umumnya diarahkan oleh kebijakan operasional pada sejumlah bidang seperti organisasi, keuangan, manajemen kredit, sumber daya manusia, risiko, penyelenggaraan, perencanaan, produk dan pelayanan; tidak dikaji dan diperbarui secara rutin",
-                                subtitle3:
-                                  "Kegiatan diarahkan oleh sejumlah manual operasional yang komprehensif dan dikaji kembali ketika berbagai kebutuhan baru muncul dalam bidang: organisasi, keuangan, manajemen kredit, sumber daya manusia, manajemen risiko, penyelenggaraan, perencanaan, produk dan pelayanan",
-                                subtitle4:
-                                  "Kegiatan diarahkan oleh sejumlah manual operasional yang komprehensif yang dikaji dan diperbarui sekali setahun pada bidang: organisasi, keuangan, manajemen kredit, sumber daya manusia, risiko, penyelenggaraan, perencanaan, produk dan pelayanan",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3a1_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3a1_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3a1_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3a1_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3a1_cu_keterangan,
-                                    expression: "form.p3.p3a1_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a1_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3a1_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3a1_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3a1_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3a1_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3a1_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3a1_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3a1_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a1_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3a1_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a1_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p3.p3a1_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a1_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a1_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3a1_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a1_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3a1_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a1_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3a2_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3a2_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a2_cu_penilaian == cuTabName || form.p3.p3a2_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3a1_cu_penilaian != null &&
-              _vm.form.p3.p3a1_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t2. Manual Prosedur"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3a2_cu_penilaian,
-                                subtitle1:
-                                  "Manajemen tidak diarahkan oleh manual prosedur sebagai standar pelaksanaan harian",
-                                subtitle2:
-                                  "<ul><li>Prosedur tertulis seadanya saja pada pada beberapa bidang seperti organisasi, keuangan, manajemen kredit, SDM, penyeleng-garaan, perencanaan, sehubungan dengan produk dan pelayanan</li><li>Prosedur tertulis tidak dikaji dan diperbaharui setiap tahun</li></ul>",
-                                subtitle3:
-                                  "Manajemen diarahkan oleh sejumlah manual operasional yang komprehensif yang dikaji kembali <u>bilamana perlu</u> pada bidang: organisasi, keuangan, manajemen kredit, sumber daya manusia, risiko, penyelenggaraan, perencanaan, produk dan pelayanan.",
-                                subtitle4:
-                                  "Manajemen diarahkan oleh sejumlah manual operasional yang komprehensif yang dikaji dan <u>diperbarui sekali setahun</u> pada bidang: organisasi, keuangan, manajemen kredit, sumber daya manusia, risiko, penyelenggaraan, perencanaan, produk dan pelayanan.",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3a2_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3a2_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3a2_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3a2_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3a2_cu_keterangan,
-                                    expression: "form.p3.p3a2_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a2_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3a2_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3a2_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3a2_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3a2_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3a2_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3a2_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3a2_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a2_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3a2_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a2_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p3.p3a2_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a2_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a2_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3a2_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a2_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3a2_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a2_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3a3_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3a3_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a3_cu_penilaian == cuTabName || form.p3.p3a3_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3a2_cu_penilaian != null &&
-              _vm.form.p3.p3a2_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t3. Produktivitas Staf"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3a3_cu_penilaian,
-                                subtitle1:
-                                  "Rasio antara anggota dan staf di bawah 200",
-                                subtitle2:
-                                  "Rasio antara anggota dan staf = 200– 349",
-                                subtitle3:
-                                  "Rasio antara anggota dan staf = 350 - 500",
-                                subtitle4:
-                                  "Rasio antara anggota dan staf lebih dari 500",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3a3_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3a3_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3a3_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3a3_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3a3_cu_keterangan,
-                                    expression: "form.p3.p3a3_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a3_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3a3_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3a3_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3a3_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3a3_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3a3_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3a3_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3a3_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a3_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3a3_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a3_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p3.p3a3_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a3_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a3_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3a3_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a3_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3a3_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a3_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3a4_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3a4_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a4_cu_penilaian == cuTabName || form.p3.p3a4_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3a3_cu_penilaian != null &&
-              _vm.form.p3.p3a3_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t4. Manajemen Kekeliruan (Error Management)"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3a4_cu_penilaian,
-                                subtitle1: "Tidak ada sistem yang diberlakukan",
-                                subtitle2:
-                                  "Kesalahan yang diulangi secara tidak menentu",
-                                subtitle3:
-                                  "Ada sistem yang ditetapkan dan diberlakukan",
-                                subtitle4:
-                                  "Sistem ditetapkan dan diberlakukan; ada evaluasi rutin dan kajian terhadap sistem",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3a4_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3a4_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3a4_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3a4_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3a4_cu_keterangan,
-                                    expression: "form.p3.p3a4_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a4_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3a4_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3a4_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3a4_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3a4_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3a4_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3a4_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3a4_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a4_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3a4_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a4_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p3.p3a4_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a4_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a4_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3a4_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a4_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3a4_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a4_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3a5_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3a5_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a5_cu_penilaian == cuTabName || form.p3.p3a5_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3a4_cu_penilaian != null &&
-              _vm.form.p3.p3a4_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t5. Service delivery kepada anggota - Pinjaman"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3a5_cu_penilaian,
-                                subtitle1:
-                                  "Tidak sesuai dengan penilaian pinjaman dan proses persetujuan",
-                                subtitle2:
-                                  "Penerapan kebijakan pinjaman tidak konsisten dan terjadi proses penundaan",
-                                subtitle3:
-                                  "Pelaksanaan kebijakan pinjaman dilakukan secara konsisten dan menunjukkan pengalihan pinjaman secara efisien.",
-                                subtitle4:
-                                  "Pelaksanaan kebijakan pinjaman dilakukan secara konsisten dan menunjukkan pengalihan pinjaman secara efisien dan secara teratur selalu dikaji.",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3a5_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3a5_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3a5_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3a5_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3a5_cu_keterangan,
-                                    expression: "form.p3.p3a5_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a5_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3a5_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3a5_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3a5_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3a5_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3a5_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3a5_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3a5_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a5_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3a5_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a5_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p3.p3a5_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a5_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a5_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3a5_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a5_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3a5_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a5_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3a6_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3a6_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a6_cu_penilaian == cuTabName || form.p3.p3a6_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3a5_cu_penilaian != null &&
-              _vm.form.p3.p3a5_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t6. Service delivery kepada anggota - Simpanan"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3a6_cu_penilaian,
-                                subtitle1:
-                                  "Tidak dilaksanakan financial counseling",
-                                subtitle2:
-                                  "Financial counseling dilaksanakan tetapi tidak dilembagakan",
-                                subtitle3:
-                                  "Ada Staf khusus yang ditugaskan  dan bertanggung jawab memberikan financial counseling bagi anggota",
-                                subtitle4:
-                                  "Lebih dari 1 staf terlatih dan tersedia untuk financial counseling bagi anggota",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3a6_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3a6_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3a6_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3a6_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3a6_cu_keterangan,
-                                    expression: "form.p3.p3a6_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a6_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3a6_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3a6_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3a6_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3a6_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3a6_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3a6_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3a6_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a6_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3a6_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a6_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p3.p3a6_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a6_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a6_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3a6_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a6_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3a6_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a6_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3a7_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3a7_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a7_cu_penilaian == cuTabName || form.p3.p3a7_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3a6_cu_penilaian != null &&
-              _vm.form.p3.p3a6_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t7. Service delivery kepada anggota – Penarikan Simpanan"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3a7_cu_penilaian,
-                                subtitle1:
-                                  "Prosedur penanganan uang tunai tidak fleksibel dan konservatif sehingga tidak terpenuhi kebutuhan anggota dalam menarik dananya",
-                                subtitle2:
-                                  "Prosedur penanganan uang tunai fleksibel dan terpenuhi kebutuhan anggota tetapi memberi risiko pada credit union",
-                                subtitle3:
-                                  "Faktor-faktor lingkungan, fisik, likuiditas dan risiko dikelola untuk memudahkan permintaan penarikan tunai melalui meja kasir",
-                                subtitle4:
-                                  "Terpenuhi kebutuhan anggota untuk menarik uang tunai tepat pada waktunya dan tanpa halangan",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3a7_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3a7_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3a7_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3a7_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3a7_cu_keterangan,
-                                    expression: "form.p3.p3a7_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a7_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3a7_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3a7_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3a7_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3a7_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3a7_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3a7_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3a7_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a7_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3a7_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a7_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p3.p3a7_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a7_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a7_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3a7_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a7_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3a7_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a7_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3a8_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3a8_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a8_cu_penilaian == cuTabName || form.p3.p3a8_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3a7_cu_penilaian != null &&
-              _vm.form.p3.p3a7_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t8. Penggunaan Mesin dan Peralatan Kantor"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3a8_cu_penilaian,
-                                subtitle1:
-                                  "Staf tidak mampu memakai peralatan terbatas yang tersedia untuk mereka",
-                                subtitle2:
-                                  "Kapasitas staf terbatas untuk memakai peralatan yang tersedia untuk mereka",
-                                subtitle3:
-                                  "Staf mampu memakai peralatan yang tersedia untuk mereka secara penuh",
-                                subtitle4:
-                                  "Staf mampu memakai berbagai peralatan yang tersedia secara penuh dan terampil menjalankan program",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3a8_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3a8_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3a8_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3a8_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3a8_cu_keterangan,
-                                    expression: "form.p3.p3a8_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a8_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3a8_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3a8_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3a8_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3a8_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3a8_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3a8_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3a8_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a8_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3a8_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a8_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p3.p3a8_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a8_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a8_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3a8_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a8_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3a8_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a8_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3a9_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3a9_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a9_cu_penilaian == cuTabName || form.p3.p3a9_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3a8_cu_penilaian != null &&
-              _vm.form.p3.p3a8_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t9. Efisiensi Komunikasi Internal"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3a9_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada kebijakan dan prosedur tertulis untuk membangun komunikasi dengan para pemangku kepentingan",
-                                subtitle2:
-                                  "Kebijakan dan prosedur terbatas ditetapkan untuk membangun komunikasi dengan para pemangku kepentingan:<ul><li>Laporan tahunan dikirim kepada anggota sebelum RAT</li></ul>",
-                                subtitle3:
-                                  "Bukti mengenai adanya kebijakan dan prosedur untuk mengadakan paket komunikasi yang komprehensif bagi anggota termasuk:<ul><li>berita berkala secara rutin bagi anggota</li><li>panduan bagi pengguna telepon yang efektif termasuk waktu menanggapi</li><li>panduan untuk menanggapi surat dan email </li><li>pelatihan bagi staf yang berada di garis depan</li><li>komunikasi staf secara rutin misalnya dalam pertemuan dan rapat staf</li></ul>",
-                                subtitle4:
-                                  "Bukti lengkap mengenai adanya kebijakan dan prosedur untuk menyediakan praktik terbaik menyangkut paket komunikasi bagi anggota termasuk: <ul><li>berita berkala secara rutin bagi anggota</li><li>panduan bagi pengguna telepon yang efektif termasuk waktu menanggapi</li><li>panduan untuk menanggapi surat dan email </li><li>pelatihan bagi staf yang berada di garis depan</li><li>komunikasi staf secara rutin misalnya dalam pertemuan dan rapat staf</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3a9_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3a9_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3a9_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3a9_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3a9_cu_keterangan,
-                                    expression: "form.p3.p3a9_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a9_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3a9_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3a9_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3a9_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3a9_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3a9_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3a9_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3a9_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a9_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3a9_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a9_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p3.p3a9_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a9_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3a9_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3a9_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a9_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3a9_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3a9_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3a9_cu_penilaian != null &&
-              _vm.form.p3.p3a9_cu_keterangan != null
-                ? _c(
-                    "div",
-                    { staticClass: "card card-body bg-warning text-white" },
-                    [
-                      _c(
-                        "div",
-                        { staticClass: "row justify-content-between" },
-                        [
-                          _c("div", { staticClass: "col-md-6" }, [
-                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
-                              _vm._v("B. POSISI BERSAING"),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-6 text-right" }, [
-                            _c(
-                              "ul",
-                              {
-                                staticClass:
-                                  "list-inline mb-0 font-weight-bold",
-                              },
-                              [
-                                _c("li", [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\tSkor CU: " +
-                                      _vm._s(_vm.skorCUB()) +
-                                      " / \n\t\t\t\t\t\t\tBobot Skor CU: " +
-                                      _vm._s(_vm.bobotCUB()) +
-                                      "% \n\t\t\t\t\t\t\t"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\tSkor PUSKOPCUINA: " +
-                                      _vm._s(_vm.skorBKCUB()) +
-                                      " / \n\t\t\t\t\t\t\tBobot Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.bobotBKCUB()) +
-                                      "% \n\t\t\t\t\t\t"
-                                  ),
-                                ]),
-                              ]
-                            ),
-                          ]),
-                        ]
-                      ),
-                    ]
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b10_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b10_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b10_cu_penilaian == cuTabName || form.p3.p3b10_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3a9_cu_penilaian != null &&
-              _vm.form.p3.p3a9_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t10. Kematangan Visi"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b10_cu_penilaian,
-                                subtitle1:
-                                  "Pengurus dan staf tidak memiliki  visi untuk masa depan credit union",
-                                subtitle2:
-                                  "<ul><li>Pemahaman yang terbatas mengenai visi credit union oleh pengurus dan staf</li><li>Ada visi tertulis tetapi jarang diterapkan dalam tindakan</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Pemahaman yang jelas dan terinci mengenai masa depan credit union yang diinginkan</li><li>Ada visi tertulis yang diterapkan dalam tindakan</li></ul>",
-                                subtitle4:
-                                  "<ul><li>• Pemahaman terhadap visi credit union sangat jelas, rinci dan yakin</li><li>Ada visi tertulis yang diterapkan dalam tindakan secara konsiten</li><li>Komitmen selalu ditunjukkan oleh Pengurus dan staf untuk mencapai visi.</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b10_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b10_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b10_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b10_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b10_cu_keterangan,
-                                    expression: "form.p3.p3b10_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b10_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b10_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b10_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b10_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b10_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b10_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b10_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b10_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b10_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b10_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b10_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b10_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b10_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b10_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b10_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b10_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b10_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b10_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b11_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b11_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b11_cu_penilaian == cuTabName || form.p3.p3b11_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b10_cu_penilaian != null &&
-              _vm.form.p3.p3b10_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t11. Keberanian Visi (Boldness  of Vission)"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b11_cu_penilaian,
-                                subtitle1: "Visi tidak dijabarkan secara jelas",
-                                subtitle2:
-                                  "Visi tertulis menetapkan arah yang akan dicapai oleh credit union, tetapi tidak meyakinkan, menginspirasi dan tanggap terhadap tantangan pasar yang ada",
-                                subtitle3:
-                                  "<ul><li>Visi tertulis jelas, meyakinkan, dan menginspirasi orang-orang yang menjalankan CU</li><li>Visi menunjukkan arah yang akan dicapai CU</li><li>Visi merupakan respon terhadap tantangan pasar yang ada</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Visi tertulis jelas, meyakinkan, dan menginspirasi </li><li>Visi dijalankan sesuai arah yang akan dicapai CU sehubung-an dengan kriteria kinerja, standar, nilai-nilai dasar kelembaga-an serta praktik terbaik-nya</li><li>Visi tanggap terhadap tantangan pasar yang ada.</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b11_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b11_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b11_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b11_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b11_cu_keterangan,
-                                    expression: "form.p3.p3b11_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b11_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b11_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b11_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b11_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b11_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b11_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b11_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b11_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b11_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b11_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b11_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b11_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b11_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b11_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b11_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b11_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b11_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b11_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b12_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b12_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b12_cu_penilaian == cuTabName || form.p3.p3b12_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b11_cu_penilaian != null &&
-              _vm.form.p3.p3b11_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t12. Perumusan Misi Dengan Baik"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b12_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Tidak ada tujuan yang jelas dan terjabar baik mengenai keberadaan CU</li><li>Pernyataan misi tertulis tetapi tidak mengacu kepada visi;</li><li>Misi diketahui oleh beberapa orang saja dalam organisasi.</li></ul>",
-                                subtitle2:
-                                  "Misi tertulis kurang jelas dan tidak mendefinisikan alasan mengenai keberadaan CU",
-                                subtitle3:
-                                  "<ul><li>Misi tertulis jelas dan menjabarkan alasan  mengenai keberadaan yang mencerminkan nilai-nilai serta tujuan CU</li><li>Misi diketahui oleh semua orang.</li><li>Secara konsisten dirujuk sebagai dasar pengembangan pelayanan bagi anggota</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Misi tertulis jelas dan menjabarkan alasan  mengenai keberadaan yang mencerminkan nilai-nilai serta tujuan CU</li><li>Ada kejelasan, Mendorong dan menggambarkan kenyataan </li><li>Misi diketahui oleh semua orang.</li><li>Secara konsisten dirujuk sebagai dasar pengembangan pelayanan bagi anggota</li><li>Dikomunikasikan dalam kegiatan promosi dan pemasaran</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b12_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b12_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b12_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b12_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b12_cu_keterangan,
-                                    expression: "form.p3.p3b12_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b12_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b12_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b12_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b12_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b12_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b12_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b12_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b12_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b12_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b12_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b12_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b12_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b12_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b12_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b12_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b12_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b12_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b12_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b13_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b13_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b13_cu_penilaian == cuTabName || form.p3.p3b13_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b12_cu_penilaian != null &&
-              _vm.form.p3.p3b12_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t13. Nilai-nilai inti"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b13_cu_penilaian,
-                                subtitle1: "Tidak tertulis dan tidak jelas",
-                                subtitle2:
-                                  "<ul><li>Nilai-nilai inti tertulis tetapi kurang dirujuk</li><li>Diketahui oleh sedikit orang.</li><li>Menjawab sejumlah pertanyaan: Nilai mana yang berharga bagi kita? Apa yang kita perjuangkan? Bagaimana kita memperlakukan satu sama lain dan bekerjasama? Bagaimana kita memperlakukan para anggota? Bagaimana kita menilai diri sendiri? Apa saja karakteristik budaya kita serta gaya kepemimpinan kita?</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Nilai-nilai inti tertulis, jelas, dan mendorong, dijabarkan secara baik dan seringkali menjadi rujukan</li><li>Diketahui oleh banyak orang.</li><li>Berfungsi selaku dasar yang memberi arah dan dukungan bagi orang-orang yang bekerja</li><li>Nilai-nilai inti merupakan nilai-nilai dalam diri yang menentukan posisi orang-orang dalam CU. Hal ini menjawab sejumlah pertanyaan: Nilai mana yang berharga bagi kita? Apa yang kita perjuangkan? Bagaimana kita memperlakukan satu sama lain dan bekerjasama? Bagaimana kita memperlakukan para anggota? Bagaimana kita menilai diri sendiri? Apa saja karakteristik budaya kita serta gaya kepemimpinan kita?</li></ul>",
-                                subtitle4:
-                                  "<ul><li>• Nilai-nilai inti tertulis, jelas, dan mendorong, dijabarkan secara baik dan selalu menjadi rujukan</li><li>Diketahui oleh banyak orang.</li><li>Berfungsi selaku dasar yang memberi arah dan dukungan bagi orang-orang yang bekerja</li><li>Nilai-nilai inti merupakan nilai-nilai dalam diri yang menentukan posisi orang-orang dalam CU. Hal ini menjawab sejumlah pertanyaan: Nilai mana yang berharga bagi kita? Apa yang kita perjuangkan? Bagaimana kita memperlakukan satu sama lain dan bekerjasama? Bagaimana kita memperlakukan para anggota? Bagaimana kita menilai diri sendiri? Apa saja karakteristik budaya kita serta gaya kepemimpinan kita?</li><li>Nilai-nilai tercermin dalam pengembangan produk dan pelayanan.</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b13_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b13_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b13_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b13_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b13_cu_keterangan,
-                                    expression: "form.p3.p3b13_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b13_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b13_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b13_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b13_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b13_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b13_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b13_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b13_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b13_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b13_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b13_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b13_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b13_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b13_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b13_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b13_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b13_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b13_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b14_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b14_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b14_cu_penilaian == cuTabName || form.p3.p3b14_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b13_cu_penilaian != null &&
-              _vm.form.p3.p3b13_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t14. Keluasan Sasaran"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b14_cu_penilaian,
-                                subtitle1:
-                                  "CU tidak memiliki sasaran yang konkrit",
-                                subtitle2:
-                                  "Sasaran yang masih terbatas, namun sasaran tersebut kurang tegasdan lemah dalam elemen SMART (Stretching = spesifik; Measurable = terukur; Attainable= dapat dicapai; Related to Member= berhubungan dengan anggota; Time bound= batasan waktu)",
-                                subtitle3:
-                                  "<ul><li>Visi diterjemahkan ke dalam tujuan aksi</li><li>Visi memiliki semua unsur SMART</li><li>Diketahui oleh banyak orang</li><li>Dipantau dan dikaji secara konsisten </li></ul>",
-                                subtitle4:
-                                  "<ul><li>Visi diterjemahkan ke dalam tujuan aksi</li><li>Memiliki semua unsur SMART</li><li>Dikenal luas</li><li>Monitoring tertutup dan ditinjau dengan seperangkat indikator</li><li>Inovasi produk dan pelayanan mencerminkan tujuan.</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b14_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b14_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b14_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b14_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b14_cu_keterangan,
-                                    expression: "form.p3.p3b14_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b14_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b14_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b14_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b14_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b14_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b14_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b14_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b14_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b14_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b14_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b14_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b14_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b14_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b14_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b14_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b14_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b14_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b14_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b15_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b15_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b15_cu_penilaian == cuTabName || form.p3.p3b15_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b14_cu_penilaian != null &&
-              _vm.form.p3.p3b14_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t15. Tujuan Strategis"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b15_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Strategi tidak ada; tidak jelas, tidak teratur, dan dilebih-lebihkan</li><li>Strategi tidak konsisten dengan visi dan tujuan umum</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Ada strategi tapi tidak jelas kaitannya dengan visi, misi dan tujuan umum; atau kurang terkait</li><li>Tidak mudah diberlakukan; dijalankan secara rutin</li><li>Tidak inovatif</li><li>Tidak diketahui secara luas dan memiliki pengaruh yang terbatas dalam perilaku dari hari ke hari</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Ada strategi, jelas terkait dengan visi, misi dan tujuan umum</li><li>Koheren</li><li>Mudah diberlakukan</li><li>Tidak rutin, inovatif</li><li>Banyak diketahui dan mendorong perilaku keseharian.</li></ul>",
-                                subtitle4:
-                                  "<ul><li>• Memiliki strategi jangka menengah hingga jangka panjang yang jelas, </li><li>Koheren yang terkait dengan visi, misi dan tujuan umum</li><li>Mudah diberlakukan</li><li>Tidak rutin, inovatif</li><li>Diketahui secara luas dan berpengaruh terhadap perilaku keseharian</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b15_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b15_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b15_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b15_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b15_cu_keterangan,
-                                    expression: "form.p3.p3b15_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b15_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b15_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b15_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b15_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b15_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b15_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b15_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b15_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b15_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b15_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b15_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b15_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b15_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b15_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b15_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b15_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b15_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b15_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b16_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b16_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b16_cu_penilaian == cuTabName || form.p3.p3b16_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b15_cu_penilaian != null &&
-              _vm.form.p3.p3b15_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t16. Rencana Bisnis Tahunan"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b16_cu_penilaian,
-                                subtitle1:
-                                  "CU tidak memiliki rencana bisnis tahunan",
-                                subtitle2:
-                                  "<ul><li>Rencana bisnis tahunan ada tetapi tidak jelas</li><li>Tidak berkaitan dengan visi, misi, tujuan umum dan strategis</li><li>Dapat berubah dari tahun ke tahun</li><li>Sasaran-sasaran diabaikan atau tidak diketahui oleh staf; kurangnya patokan</li><li>Kebanyakan berfokus pada input dan bukan pada penilaian output</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Rencana bisnis tahunan berkaitan dengan visi, misi, tujuan umum dan </li><li>Ada visi tertulis yang diterapkan dalam tindakan strategis</li><li>Sasaran-sasaran multi tahun termasuk patokan</li><li>Sasaran-sasaran diketahui oleh semua staf dan menggunakan nya sebagai panduan kerja</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Dalam rencana bisnis tahunan terdapat sejumlah target kinerja yang terukur dan menuntut kesungguhan di semua bidang, sangat berkaitan dengan visi, misi, tujuan umum dan strategis</li><li>Berfokus pada input dan output</li><li>Sasaran-sasaran multi tahun</li><li>Sasaran-sasaran di ketahui dan diadopsi secara konsisten oleh semua staf dengan rajin</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b16_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b16_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b16_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b16_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b16_cu_keterangan,
-                                    expression: "form.p3.p3b16_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b16_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b16_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b16_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b16_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b16_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b16_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b16_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b16_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b16_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b16_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b16_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b16_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b16_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b16_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b16_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b16_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b16_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b16_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b17_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b17_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b17_cu_penilaian == cuTabName || form.p3.p3b17_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b16_cu_penilaian != null &&
-              _vm.form.p3.p3b16_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t17. Budaya Jual (Sales Culture)"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b17_cu_penilaian,
-                                subtitle1:
-                                  "CU tidak memiliki keterampilan dan keahlian mengenai humas/pemasaran",
-                                subtitle2:
-                                  "<ul><li>CU mengambil peluang terbatas untuk terlibat dalam kegiatan humas/pemasaran yang kian berkembang</li><li>Sejumlah keterampilan dan pengalaman humas/pemasaran pada staf atau melalui dukungan eksternal</li></ul>",
-                                subtitle3:
-                                  "<ul><li>CU mempertimbang-kan humas/pemasaran sebagai sarana penting dan aktif mencari peluang, melibatkan diri dalam kegiatan tersebut</li><li>Banyak pengalaman dan keahlian internal menyangkut humas/ pemasaran atau akses terhadap dukungan eksternal yang terkait.</li></ul>",
-                                subtitle4:
-                                  "<ul><li>CU sepenuhnya sadar akan kekuatan humas/pemasaran dan terus menerus melibat-kan diri</li><li>Banyak pengalaman humas/pemasaran dalam CU atau pemanfaatan sumber daya bermutu dari luar yang dapat digunakan secara efektif, berjangka panjang dan berkesinambungan.</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b17_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b17_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b17_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b17_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b17_cu_keterangan,
-                                    expression: "form.p3.p3b17_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b17_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b17_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b17_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b17_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b17_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b17_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b17_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b17_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b17_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b17_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b17_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b17_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b17_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b17_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b17_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b17_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b17_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b17_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b18_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b18_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b18_cu_penilaian == cuTabName || form.p3.p3b18_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b17_cu_penilaian != null &&
-              _vm.form.p3.p3b17_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t18. Keterlibatan Masyarakat Lokal"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b18_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Keberadaan CU tidak dikenal atau secara umum tidak dilihat secara positif</li><li>Hanya sedikit anggota masyarakat setempat yang mendapat manfaat dari keterlibatannya</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Keberadaan CU cukup dikenal atau umumnya diterima secara positif</li><li>Beberapa anggota masyarakat setempat mendapat manfaat dari keterlibatannya</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Keberadaan CU cukup dikenal dalam masya-rakat dan dilihat seba-gai lembaga yang terbuka dan tanggap terhadap kebutuhan masyarakat; dengan melakukan setidaknya 2 program kemasyarakatan setiap tahunnya</li><li>Lebih banyak anggota masyarakat; termasuk tokoh masyarakat terlibat secara konstruktif</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Keberadaan CU dikenal secara luas dalam masyarakat dan dilihat sebagai lembaga yang aktif terlibat dan sangat tanggap, dengan lebih dari 2 program kemasyarakatan per tahun</li><li>Banyak anggota masyarakat yang terlibat secara aktif dan konstruktif</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b18_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b18_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b18_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b18_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b18_cu_keterangan,
-                                    expression: "form.p3.p3b18_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b18_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b18_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b18_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b18_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b18_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b18_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b18_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b18_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b18_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b18_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b18_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b18_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b18_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b18_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b18_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b18_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b18_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b18_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b19_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b19_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b19_cu_penilaian == cuTabName || form.p3.p3b19_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b18_cu_penilaian != null &&
-              _vm.form.p3.p3b18_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t19. Kemitraan dan Aliansi"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b19_cu_penilaian,
-                                subtitle1:
-                                  "CU tidak memiliki kemitraan dan aliansi",
-                                subtitle2:
-                                  "Tahap awal membangun hubungan dan bekerjasama dengan lembaga-lembaga lain di sektor publik (for-profit, non-profit)",
-                                subtitle3:
-                                  "Dibangun secara efektif dan mempengaruhi hubungan-hubungan utama dengan sektor publik (for-profit, non-profit); hubungan stabil dan mendapat manfaat bagi CU",
-                                subtitle4:
-                                  "Dibangun, berpengaruh dan mempertahankan hubungan-hubungan yang kuat dan berdampak kuat terhadap sektor publik (for-profit, non-profit); hubungan stabil, berjangka panjang dan berkolaborasi dan saling menguntungkan",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b19_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b19_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b19_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b19_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b19_cu_keterangan,
-                                    expression: "form.p3.p3b19_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b19_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b19_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b19_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b19_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b19_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b19_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b19_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b19_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b19_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b19_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b19_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b19_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b19_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b19_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b19_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b19_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b19_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b19_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b20_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b20_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b20_cu_penilaian == cuTabName || form.p3.p3b20_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b19_cu_penilaian != null &&
-              _vm.form.p3.p3b19_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t20. Hubungan dengan Federasi (BKCU)"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b20_cu_penilaian,
-                                subtitle1:
-                                  "Bukan anggota atau anggota pasif; tidak ikut dalam pertemuan; tidak secara tetap menerima layanan dari federasi (BKCU)",
-                                subtitle2:
-                                  "Anggota federasi (BKCU) tetapi jarang terlibat; jarang mengikuti pertemuan dan berlangganan layanan; tidak diberitahukan tentang simpanan, saham dan pinjaman yang diminta untuk dibayarkan kembali",
-                                subtitle3:
-                                  "Anggota federasi (BKCU); aktif terlibat dalam pertemuan; berlangganan layanan federasi; selalu diberitahukan tentang simpanan, saham dan pinjaman yang diminta untuk dibayarkan kembali, mengikuti standar yang dipromosikan secara nasional, misal satu logo, visi, standar-standar, kebijakan, produk, dll",
-                                subtitle4:
-                                  "<ul><li>Anggota federasi (BKCU)</li><li>Aktif menghadiri dan memberi kontribusi dalam pertemuan</li><li>Secara konsisten berlangganan dan mempromosikan layanan federasi</li><li>Secara konsisten mengikuti standar yang dipromosikan oleh federasi nasional</li><li>Selalu diberitahukan menyangkut simpanan, saham dan pinjaman</li><li>Secara konsisten mendukung dan memberi kontribusi terhadap penyelenggaraan federasi nasional.</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b20_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b20_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b20_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b20_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b20_cu_keterangan,
-                                    expression: "form.p3.p3b20_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b20_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b20_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b20_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b20_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b20_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b20_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b20_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b20_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b20_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b20_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b20_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b20_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b20_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b20_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b20_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b20_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b20_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b20_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b21_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b21_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b21_cu_penilaian == cuTabName || form.p3.p3b21_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b20_cu_penilaian != null &&
-              _vm.form.p3.p3b20_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t21. Anggota Masyarakat Pengguna Layanan Credit Union"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b21_cu_penilaian,
-                                subtitle1:
-                                  "Kurang dari 10% populasi di daerah kerja adalah anggota CU",
-                                subtitle2:
-                                  "10 - 19% populasi di daerah kerja adalah anggota CU",
-                                subtitle3:
-                                  "20 - 30% populasi di daerah kerja adalah anggota CU",
-                                subtitle4:
-                                  "Lebih dari 30% populasi di daerah kerja adalah anggota CU",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b21_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b21_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b21_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b21_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b21_cu_keterangan,
-                                    expression: "form.p3.p3b21_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b21_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b21_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b21_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b21_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b21_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b21_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b21_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b21_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b21_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b21_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b21_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b21_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b21_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b21_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b21_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b21_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b21_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b21_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b22_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b22_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b22_cu_penilaian == cuTabName || form.p3.p3b22_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b21_cu_penilaian != null &&
-              _vm.form.p3.p3b21_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t22. Segmentasi Anggota menurut umur"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b22_cu_penilaian,
-                                subtitle1:
-                                  "Dikonsentrasikan kepada 3 segmen umur sbb:<ul><li>1 – 10</li><li>11 – 18</li><li>19 – 25</li><li>26 – 45</li><li>46 -  60</li><li>Lebih dari 60 tahun</li></ul>",
-                                subtitle2:
-                                  "Dikonsentrasikan kepada 4 segmen umur sbb:<ul><li>1 – 10</li><li>11 – 18</li><li>19 – 25</li><li>26 – 45</li><li>46 -  60</li><li>Lebih dari 60 tahun</li></ul>",
-                                subtitle3:
-                                  "Tersebar pada semua segmen umur sbb:<ul><li>1 – 10</li><li>11 – 18</li><li>19 – 25</li><li>26 – 45</li><li>46 -  60</li><li>Lebih dari 60 tahun</li></ul>",
-                                subtitle4:
-                                  "Tersebar pada semua segmen umur sbb., tetapi dengan konsentrasi terbesar pada umur 26-45 tahun yaitu kelompok yang paling produktif<ul><li>1 – 10</li><li>11 – 18</li><li>19 – 25</li><li>26 – 45</li><li>46 -  60</li><li>Lebih dari 60 tahun</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b22_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b22_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b22_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b22_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b22_cu_keterangan,
-                                    expression: "form.p3.p3b22_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b22_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b22_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b22_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b22_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b22_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b22_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b22_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b22_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b22_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b22_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b22_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b22_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b22_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b22_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b22_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b22_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b22_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b22_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b23_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b23_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b23_cu_penilaian == cuTabName || form.p3.p3b23_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b22_cu_penilaian != null &&
-              _vm.form.p3.p3b22_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t23. Keberagaman Keanggotaan"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b23_cu_penilaian,
-                                subtitle1:
-                                  "Terkonsentrasi pada 3 segmen berikut :<ul><li>Profesional/Teknis</li><li>Eksekutif</li><li>Kelas menengah</li><li>Pedagang</li><li>Staf administrasi</li><li>Buruh</li><li>Pengusaha kecil</li><li>Pengangguran</li><li>Kelompok etnis</li></ul>",
-                                subtitle2:
-                                  "Terkonsentrasi pada 4 segmen berikut :<ul><li>Profesional/Teknis</li><li>Eksekutif</li><li>Kelas menengah</li><li>Pedagang</li><li>Staf administrasi</li><li>Buruh</li><li>Pengusaha kecil</li><li>Pengangguran</li><li>Kelompok etnis</li></ul>",
-                                subtitle3:
-                                  "Tersebar pada semua segmen berikut :<ul><li>Profesional/Teknis</li><li>Eksekutif</li><li>Kelas menengah</li><li>Pedagang</li><li>Staf administrasi</li><li>Buruh</li><li>Pengusaha kecil</li><li>Pengangguran</li><li>Kelompok etnis</li></ul>",
-                                subtitle4:
-                                  "Tersebar pada semua segmen berikut tetapi konsentrasi terbesar pada 5-8 :<ul><li>Profesional/Teknis</li><li>Eksekutif</li><li>Kelas menengah</li><li>Pedagang</li><li>Staf administrasi</li><li>Buruh</li><li>Pengusaha kecil</li><li>Pengangguran</li><li>Kelompok etnis</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b23_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b23_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b23_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b23_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b23_cu_keterangan,
-                                    expression: "form.p3.p3b23_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b23_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b23_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b23_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b23_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b23_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b23_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b23_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b23_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b23_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b23_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b23_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b23_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b23_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b23_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b23_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b23_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b23_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b23_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b24_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b24_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b24_cu_penilaian == cuTabName || form.p3.p3b24_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b23_cu_penilaian != null &&
-              _vm.form.p3.p3b23_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t24. Kesetaraan Gender"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b24_cu_penilaian,
-                                subtitle1: "Tidak setara; 70 : 30%",
-                                subtitle2: "60 : 40%",
-                                subtitle3:
-                                  "Menekankan pada kesetaraan jender antara 40 : 60%",
-                                subtitle4:
-                                  "Menekankan pada kesetaraan jender antara 50 : 50%",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b24_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b24_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b24_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b24_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b24_cu_keterangan,
-                                    expression: "form.p3.p3b24_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b24_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b24_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b24_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b24_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b24_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b24_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b24_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b24_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b24_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b24_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b24_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b24_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b24_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b24_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b24_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b24_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b24_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b24_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b25_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b25_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b25_cu_penilaian == cuTabName || form.p3.p3b25_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b24_cu_penilaian != null &&
-              _vm.form.p3.p3b24_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t25. Pemenuhan Aturan"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b25_cu_penilaian,
-                                subtitle1:
-                                  "Gagal memenuhi peraturan minimal dengan pertimbangan mengenai persyaratan",
-                                subtitle2:
-                                  "Pemenuhan pertimbangan persyaratan secara terbatas yang dilakukan oleh lembaga CU <ul><li>Pengumpulan pernyatan keuangan tahunan</li><li>Audit tahunan</li></ul>",
-                                subtitle3:
-                                  "Mengikuti semua persyaratan yang ditentukan oleh lembaga secara tepat waktu",
-                                subtitle4:
-                                  "Mengikuti semua persyaratan yang ditentukan oleh lembaga secara tepat waktu dan dipromosikan oleh pemberi peraturan sebagai CU model",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b25_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b25_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b25_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b25_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b25_cu_keterangan,
-                                    expression: "form.p3.p3b25_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b25_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b25_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b25_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b25_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b25_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b25_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b25_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b25_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b25_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b25_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b25_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b25_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b25_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b25_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b25_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b25_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b25_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b25_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p3.p3b26_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p3.p3b26_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b26_cu_penilaian == cuTabName || form.p3.p3b26_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b25_cu_penilaian != null &&
-              _vm.form.p3.p3b25_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t26. Kepatuhan Hukum"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p3.p3b26_cu_penilaian,
-                                subtitle1:
-                                  "Tidak mematuhi peraturan sesuai peraturan perundang-undangan",
-                                subtitle2:
-                                  "Kepatuhan yang terbatas terhadap peraturan sesuai peraturan perundang-undangan yang berlaku",
-                                subtitle3:
-                                  "Kepatuhan secara penuh terhadap peraturan sesuai peraturan perundang-undangan yang berlaku",
-                                subtitle4:
-                                  "Kepatuhan secara penuh terhadap peraturan sesuai peraturan perundang-undangan yang berlaku dan dipromosikan oleh pemberi peraturan sebagai CU model",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p3.p3b26_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p3.p3b26_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p3.p3b26_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p3.p3b26_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p3.p3b26_cu_keterangan,
-                                    expression: "form.p3.p3b26_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b26_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p3.p3b26_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p3,
-                                      "p3b26_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p3.p3b26_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p3.p3b26_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p3.p3b26_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p3.p3b26_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p3.p3b26_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b26_bkcu_keterangan,
-                                          expression:
-                                            "form.p3.p3b26_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b26_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b26_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b26_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p3.p3b26_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p3.p3b26_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b26_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p3.p3b26_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p3,
-                                            "p3b26_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b26_cu_penilaian != null &&
-              _vm.form.p3.p3b26_cu_keterangan != null
-                ? _c("div", { staticClass: "card card-body" }, [
-                    _c(
-                      "div",
-                      { staticClass: "text-center d-none d-md-block" },
-                      [
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light",
-                            attrs: { type: "button" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.prev.apply(null, arguments)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-arrow-left13" }),
-                            _vm._v(" Kembali\n\t\t\t\t"),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-primary",
-                            attrs: { type: "button" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.next.apply(null, arguments)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-arrow-right14" }),
-                            _vm._v(" Selanjutnya\n\t\t\t\t"),
-                          ]
-                        ),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "d-block d-md-none" }, [
-                      _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-primary btn-block",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.next.apply(null, arguments)
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-arrow-right14" }),
-                          _vm._v(" Selanjutnya\n\t\t\t\t"),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-light btn-block",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.prev.apply(null, arguments)
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-arrow-left13" }),
-                          _vm._v(" Kembali\n\t\t\t\t"),
-                        ]
-                      ),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=template&id=05f25384&":
-/*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=template&id=05f25384& ***!
-  \****************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.form.p3.p3b26_cu_penilaian == null &&
-      _vm.form.p3.p3b26_cu_keterangan == null
-        ? _c("div", { staticClass: "card bg-danger card-body" }, [
-            _c("h6", { staticClass: "mb-0" }, [
-              _vm._v(
-                "Maaf, anda tidak bisa melanjutkan mengisi perspektif ini sebelum melengkapi perspektif sebelumnya."
-              ),
-            ]),
-          ])
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.form.p3.p3b26_cu_penilaian != null &&
-      _vm.form.p3.p3b26_cu_keterangan != null
-        ? _c(
-            "div",
-            [
-              _c("form-filter", {
-                attrs: {
-                  cuTabName: _vm.cuTabName,
-                  bkcuTabName: _vm.bkcuTabName,
-                  jumlahPenilaianCU: _vm.jumlahPenilaianCU,
-                  jumlahPenilaianBKCU: _vm.jumlahPenilaianBKCU,
-                },
-                on: {
-                  changeTabCU: _vm.changeTabCU,
-                  changeTabBKCU: _vm.changeTabBKCU,
-                },
-              }),
-            ],
-            1
-          )
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b26_cu_penilaian != null &&
-              _vm.form.p3.p3b26_cu_keterangan != null
-                ? _c(
-                    "div",
-                    { staticClass: "card card-body bg-info text-white" },
-                    [
-                      _c(
-                        "div",
-                        { staticClass: "row justify-content-between" },
-                        [
-                          _c("div", { staticClass: "col-md-6" }, [
-                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
-                              _vm._v(
-                                "A. KEPEMIMPINAN – PENGURUS YANG BERPENGETAHUAN DAN TERLIBAT AKTIF"
-                              ),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-6 text-right" }, [
-                            _c(
-                              "ul",
-                              {
-                                staticClass:
-                                  "list-inline mb-0 font-weight-bold",
-                              },
-                              [
-                                _c("li", [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\tSkor CU: " +
-                                      _vm._s(_vm.skorCUA()) +
-                                      " / \n\t\t\t\t\t\t\tBobot Skor CU: " +
-                                      _vm._s(_vm.bobotCUA()) +
-                                      "% \n\t\t\t\t\t\t"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\tSkor PUSKOPCUINA: " +
-                                      _vm._s(_vm.skorBKCUA()) +
-                                      " / \t\n\t\t\t\t\t\t\tBobot Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.bobotBKCUA()) +
-                                      "% \n\t\t\t\t\t\t"
-                                  ),
-                                ]),
-                              ]
-                            ),
-                          ]),
-                        ]
-                      ),
-                    ]
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4a1_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4a1_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a1_cu_penilaian == cuTabName || form.p4.p4a1_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p3.p3b26_cu_penilaian != null &&
-              _vm.form.p3.p3b26_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t1. Pusat Keputusan Yang Utama"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4a1_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Tidak ada manual kebijakan</li><li>Tidak ada rencana strategis (SP)</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Pengurus memiliki kewenangan dan tanggung jawab penuh terhadap manajemen</li><li>Manual kebijakan tidak lengkap</li><li>Rencana strategis (SP) dikembangkan tetapi tidak diterjemahkan ke dalam pelaksanaannya</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Pengurus memiliki kewenangan dan tanggung jawab penuh terhadap manajemen</li><li>Kebijakan yang komprehensif berlaku dan dikaji setiap tahun</li><li>Rencana strategis (SP) dikembangkan secara penuh dengan rencana tindakan dan tindak lanjut melalui pemantauan pada pertemuan bulanan</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Dalam konsultasi dengan manajemen:</li><li>Pengurus memiliki kewenangan dan tanggung jawab penuh terhadap manajeme</li><li>Kebijakan yang komprehensif berlaku tercetak dan dikaji setiap tahu</li><li>Rencana strategis (SP) dikembangkan secara penuh dengan rencana tindakan dan tindak lanjut melalui pemantauan pada pertemuan bulana</li><li>Pengurus secara rutin mengkaji dampak eksternal pada lingkungan dan  cepat tanggap terhadap situasi yang berubah-ubah</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4a1_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4a1_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4a1_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4a1_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4a1_cu_keterangan,
-                                    expression: "form.p4.p4a1_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a1_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4a1_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4a1_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4a1_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4a1_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4a1_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4a1_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4a1_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a1_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4a1_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a1_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p4.p4a1_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a1_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a1_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4a1_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a1_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4a1_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a1_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4a2_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4a2_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a2_cu_penilaian == cuTabName || form.p4.p4a2_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4a1_cu_penilaian != null &&
-              _vm.form.p4.p4a1_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t2. Peran Penasehat (advisory)"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4a2_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Pengurus tidak bertindak dalam kapasitas selaku penasihat terhadap manajemen, dan anggota</li><li>Tidak memberi nasihat kepada anggota mengenai kebutuhan menyangkut perubahan kebijakan pinjaman, ART dan strategi pemasaran</li><li>Tidak bertindak selaku kelompok penasihat bagi kelompok lainnya, tidak mengkaji kebijakan atau tindakan yang diambil</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Pengurus bertindak dalam kapasitas selaku penasihat terhadap manajemen, dan anggota</li><li>Kurang memberi masukan kepada anggota mengenai kebutuhan untuk perubahan dalam kebijakan menyangkut pinjaman, ART dan strategi pemasaran</li><li>Kurang mengkaji keputusan atau tindakan yang diambil</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Pengurus bertindak dalam kapasitas selaku penasihat terhadap manajemen, dan anggota</li><li>Memberi masukan kepada anggota mengenai kebutuhan untuk perubahan dalam kebijakan menyangkut pinjaman, ART dan strategi pemasaran</li><li>Bertindak selaku kelompok penasihat bagi kelompok lainnya,  mengkaji kebijakan atau tindakan yang diambil</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Pengurus bertindak dalam kapasitas selaku penasihat terhadap manajemen, dan anggota</li><li>Secara konsisten memberi masukan kepada anggota mengenai kebutuhan untuk perubahan dalam kebijakan menyangkut pinjaman, ART dan strategi pemasaran</li><li>Bertindak selaku kelompok penasihat bagi kelompok lainnya,  secara konsisten mengkaji kebijakan atau tindakan yang diambil</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4a2_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4a2_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4a2_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4a2_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4a2_cu_keterangan,
-                                    expression: "form.p4.p4a2_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a2_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4a2_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4a2_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4a2_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4a2_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4a2_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4a2_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4a2_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a2_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4a2_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a2_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p4.p4a2_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a2_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a2_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4a2_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a2_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4a2_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a2_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4a3_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4a3_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a3_cu_penilaian == cuTabName || form.p4.p4a3_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4a2_cu_penilaian != null &&
-              _vm.form.p4.p4a2_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t3. Peran Pengabadian (Perpetuating)"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4a3_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Tidak ada jaminan bahwa Pengurus kompeten dan paham akan peran dan tanggung jawabnya</li><li>Pengurus tidak mendorong dibuatnya pelatihan dan pembangan bagi semua staf untuk menjamin efektivitas</li><li>Kurang dari 50% anggota Pengurus tidak pernah mengikuti pelatihan kompetensi (CUDCC = Credit Union Director’s and ManagersCompetency Course)</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Pengurus memiliki pemahaman dan kompetensi yang terbatas dalam menjalankan peran dan tanggung jawabnya</li><li>Pelatihan dan pengembangan bagi semua staf untuk menjamin efektivitas masih terbatas</li><li>50 - 79% anggota Pengurus sudah menyelesaikan program pelatihan kompetensi (CUDCC)</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Menunjang keberlanjutan CU dengan memastikan bahwa Pengurus paham dan kompeten menjalankan peran dan tanggung jawabnya</li><li>Pengurus mensyaratkan pelatihan dan pengembangan bagi semua staf untuk menjamin efektivitas secara terbatas</li><li>80% anggota Pengurus sudah menyelesaikan program pelatihan kompetensi (CUDCC)</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Menunjang keberlanjutan CU dengan memastikan bahwa Pengurus paham dan kompeten menjalankan peran dan tanggung jawabnya</li><li>Pelatihan profesional yang berkelanjutan wajib bagi semua staf untuk menjamin efektivitas secara terbatas</li><li>100% anggota Pengurus sudah menyelesaikan program pelatihan kompetensi (CUDCC)</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4a3_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4a3_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4a3_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4a3_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4a3_cu_keterangan,
-                                    expression: "form.p4.p4a3_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a3_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4a3_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4a3_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4a3_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4a3_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4a3_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4a3_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4a3_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a3_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4a3_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a3_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p4.p4a3_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a3_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a3_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4a3_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a3_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4a3_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a3_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4a4_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4a4_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a4_cu_penilaian == cuTabName || form.p4.p4a4_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4a3_cu_penilaian != null &&
-              _vm.form.p4.p4a3_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t4. Fungsi Wali"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4a4_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Pengurus mengejar kepentingan pribadi dengan biaya dari anggota (atau pihak terkait)</li><li>Tidak memantau atau mengkaji portofolio pinjaman</li><li>Tidak ada kebijakan tentang manajemen risiko</li><li>Pelanggaran sehubungan dengan pinjaman lebih dari 10% terhadap portofolio pinjaman</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Pengurus mewakili anggota, tetapi terkadang mendorong terpenuhinya kepentingan pribadi</li><li>Pemantauan dan kajian yang tidak menentu terhadap portofolio pinjaman dan investasi</li><li>Kebijakan tentang manajemen risiko masih terbatas</li><li>Pelanggaran sehubungan dengan pinjaman berkisar antara 6 - 10% terhadap portofolio pinjaman</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Pengurus secara konsisten mengutamakan kebutuhan para anggota</li><li>Secara konsisten memantau dan mengawasi portofolio pinjaman </li><li>Mempertahankan kebijakan dengan penekanan khusus untuk membatasi/ mengontrol terjadinya risiko yang tidak semesti nya terjadi</li><li>Pelanggaran sehubungan dengan pinjaman berkisar antara 3 - 5% terhadap portofolio pinjaman</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Pengurus secara konsisten mengutamakan kebutuhan para anggota</li><li>Secara konsisten memantau dan mengawasi portofolio pinjaman </li><li>Mempertahankan kebijakan dengan penekanan khusus untuk membatasi/ mengontrol terjadinya risiko yang tidak semesti nya terjadi</li><li>Secara terus menerus berupaya menjalankan kinerja dengan praktik terbaik dalam fungsinya selaku wali</li><li>Pelanggaran sehubungan dengan pinjaman 2% ke bawah terhadap portofolio pinjaman</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4a4_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4a4_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4a4_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4a4_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4a4_cu_keterangan,
-                                    expression: "form.p4.p4a4_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a4_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4a4_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4a4_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4a4_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4a4_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4a4_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4a4_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4a4_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a4_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4a4_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a4_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p4.p4a4_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a4_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a4_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4a4_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a4_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4a4_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a4_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4a5_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4a5_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a5_cu_penilaian == cuTabName || form.p4.p4a5_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4a4_cu_penilaian != null &&
-              _vm.form.p4.p4a4_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t5. Sebagai Simbol"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4a5_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Di bawah 50% Pengurus adalah penabung dan peminjam, dan kebanyakan merupakan penunggak</li><li>Kepentingan pribadi Pengurus lebih diutamakan daripada fungsinya</li><li>Tidak menjalankan fungsinya secara profesional dan integritas yang tinggi</li><li>Pengurus tidak menjadi simbol kekuatan dan kepemimpinan dalam CU dan masyarakat</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Pengurus bersikap adil dalam kepemimpinannya dan kekuatannya terlihat dalam CU dan masyarakat</li><li>Menunjukkan fungsinya dengan tingkat profesionalisme dan integritas tetapi masih belum mampu menyeimbangkan antara kepentingan pribadi dengan fungsi-fungsi kepengurusan</li><li>75% Pengurus adalah peminjam yang baik, penabung aktif dan tidak menunggak pembayaran</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Pengurus dipandang sebagai simbol kekuatan dan kepemimpinan dalam CU dan masyarakat</li><li>Menunjukkan fungsinya dengan profesionalisme dan integritas serta nilai-nilai moral</li><li>Pengurus yang meminjam tidak pernah menunggak dan merupakan penabung yang aktif</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Pengurus dipandang sebagai simbol kekuatan dan kepemimpinan dalam CU dan masyarakat</li><li>Menunjukkan fungsinya dengan profesionalisme dan integritas serta nilai-nilai moral yang tinggi</li><li>Pengurus yang meminjam tidak pernah menunggak dan merupakan penabung yang aktif</li><li>Terus menerus berupaya melakukan praktik terbaik selaku pemimpin CU</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4a5_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4a5_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4a5_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4a5_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4a5_cu_keterangan,
-                                    expression: "form.p4.p4a5_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a5_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4a5_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4a5_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4a5_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4a5_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4a5_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4a5_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4a5_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a5_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4a5_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a5_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p4.p4a5_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a5_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a5_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4a5_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a5_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4a5_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a5_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4a6_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4a6_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a6_cu_penilaian == cuTabName || form.p4.p4a6_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4a5_cu_penilaian != null &&
-              _vm.form.p4.p4a5_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t6. Komposisi dan Komitmen"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4a6_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Keanggotaan dengan keterbatasan keragaman di bidang kerja dan keahlian</li><li>Ditarik dari spektrum keanggotaan yang sempit</li><li>Pengalaman terbatas atau tidak terkait</li><li>Komitmen rendah terhadap keberhasilan organisasi, visi, misi, pertemuan-pertemuan jarang terjadi dan atau sedikit orang yang hadir</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Ada keragaman di bidang kerja</li><li>Keanggotaan mewakili beberapa segmen yang berbeda</li><li>Komitmen terhadap keberhasilan organisasi, visi, misi, dan perilaku yang sesuai</li><li>Pertemuan-pertemuan rutin dan bertujuan pasti direncanakan secara baik dan ada kehadiran yang konsisten</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Keragaman yang baik di bidang kerja dan keahlian</li><li>Keanggotaan mewakili semua segmen</li><li>Komitmen yang baik terhadap keberhasilan organisasi, visi, misi, dan perilaku yang sesuai</li><li>Pertemuan-pertemuan rutin dan bertujuan pasti direncanakan secara baik dan ada kehadiran yang konsisten</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Keanggotaan dari berbagai bidang kerja dan keahlian dan ditarik dari spektrum penuh berdasarkan segmen pasar</li><li>Program fungsional keahlian terkait dengan isi</li><li>Kemauan yang tinggi dan dibuktikan dengan catatan tentang kegiatan pembelajaran mengenai CU dan mengatasi persoalan-persoalannya</li><li>Komitmen luar biasa terhadap keberhasilan, visi dan misi CU</li><li>Mengadakan pertemuan per orang secara rutin, menghadiri pertemuan dengan baik, adanya pertemuan berkala</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4a6_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4a6_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4a6_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4a6_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4a6_cu_keterangan,
-                                    expression: "form.p4.p4a6_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a6_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4a6_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4a6_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4a6_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4a6_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4a6_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4a6_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4a6_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a6_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4a6_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a6_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p4.p4a6_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a6_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a6_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4a6_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a6_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4a6_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a6_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4a7_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4a7_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a7_cu_penilaian == cuTabName || form.p4.p4a7_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4a6_cu_penilaian != null &&
-              _vm.form.p4.p4a6_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t7. Bimbingan dan Pengarahan (Coaching)"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4a7_cu_penilaian,
-                                subtitle1:
-                                  "Pengurus tidak melatih, membantu, menginspirasi, memotivasi dan mendorong, tidak berorientasi pada tindakan dan tidak mengevaluasi manajemen dan anggota",
-                                subtitle2:
-                                  "Sangat sedikit Pengurus yang melatih, membantu, menginspirasi, memotivasi dan mendorong, berorientasi pada tindakan tetapi tidak mengevaluasi manajemen dan anggota",
-                                subtitle3:
-                                  "Pengurus yang melatih, membantu, menginspirasi, memotivasi dan mendorong, berorientasi pada tindakan dan mengevaluasi proses berdasarkan ukuran kinerja",
-                                subtitle4:
-                                  "Pengurus yang melatih, membantu, menginspirasi, memotivasi dan mendorong, berorientasi pada tindakan dan mengevaluasi proses berdasarkan ukuran-ukuran kinerja dalam praktik terbaik",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4a7_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4a7_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4a7_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4a7_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4a7_cu_keterangan,
-                                    expression: "form.p4.p4a7_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a7_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4a7_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4a7_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4a7_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4a7_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4a7_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4a7_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4a7_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a7_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4a7_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a7_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p4.p4a7_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a7_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a7_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4a7_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a7_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4a7_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a7_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4a8_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4a8_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a8_cu_penilaian == cuTabName || form.p4.p4a8_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4a7_cu_penilaian != null &&
-              _vm.form.p4.p4a7_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t8. Tata Kelola"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4a8_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Peranan Pengurus dan Manejer tidak dijabarkan secara jelas</li><li>Pengurus mengintervensi fungsi managemen</li><li>Pengurus tidak meneliti anggaran atau mengauditnya, tidak menetapkan target kinerja dan memastikan bahwa GM akuntabel atau tidak berjalan sesuai prosedur formal; fungsi-fungsi eksekutif, bendahara dan Pengurus tidak jelas</li><li>Besarnya jumlah Pengurus mencerminkan kepentingan pribadi</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Penjabaran yang terbatas atas berbagai peran Pengurus dan para manejer</li><li>Pengurus <u>tidak</u> berfungsi sesuai AD/ART</li><li>Kajian keuangan terbatas, kadang-kadang menetapkan arah kelembagaan dan target, <u>tidak</u> memantau kemungkinan timbulnya konflik kepentingan, mencermati para auditor, atau mengkaji pemenuhan peraturan</li><li>Upaya terbatas untuk mengontrol besarnya jumlah pengurus; <u>tidak secara rutin</u> mengkaji kinerja GM dan tidak siap memecat atau mempekerjakan GM</li></ul>",
-                                subtitle3:
-                                  "<ul><li>• Peranan pengurus dan manejer secara jelas dijabarkan dan setiap pihak menjalankan perannya tanpa intervensi</li><li>Pengurus mengkaji anggaran, mengaudit, pemenuhan peraturan </li><li>Jumlah pengurus ditentukan untuk efektivitas maksimal dengan proses pencalonan yang teliti</li><li>Pengurus menjabarkan kembali target kinerja dan secara aktif mendorong GM untuk memenuhi target</li><li>Kajian tahunan terhadap kinerja GM</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Pengurus dan manejer menunjukkan kerja tim tingkat tingi dan bekerjasama secara baik dengan peran yang jelas</li><li>Pengurus sepenuhnya memahami dan memenuhi tugas-tugasnya</li><li>Jumlah pengurus ditetapkan untuk efektivitas maksimal melalui proses pencalonan yang teliti</li><li>Pengurus secara aktif menjabarkan target kinerja dan memastikan GM akuntabel</li><li>Pengurus diberdayakan dan disiapkan untuk mempekerjakan atau memecat GM</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4a8_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4a8_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4a8_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4a8_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4a8_cu_keterangan,
-                                    expression: "form.p4.p4a8_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a8_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4a8_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4a8_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4a8_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4a8_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4a8_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4a8_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4a8_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a8_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4a8_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a8_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p4.p4a8_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a8_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a8_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4a8_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a8_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4a8_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a8_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4a9_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4a9_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a9_cu_penilaian == cuTabName || form.p4.p4a9_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4a8_cu_penilaian != null &&
-              _vm.form.p4.p4a8_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t9. Evaluasi Kinerja"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4a9_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada evaluasi kinerja secara berkala",
-                                subtitle2:
-                                  "Kinerja dievaluasi tetapi tidak menggunakan alat evaluasi kinerja yang baku bagi pengurus secara individual maupun secara keseluruhan sebagai tim, Tidak jelas apakah hasil-hasil evaluasi digunakan untuk meningkatkan kinerja pengurus",
-                                subtitle3:
-                                  "Kinerja pengurus secara berkala dievaluasi dengan menggunakan alat evaluasi yang baku bagi pengurus secara individual maupun keseluruhan sebagai tim, Hasil-hasil evaluasi dipakai untuk meningkatkan kinerja dan efisiensi pengurus",
-                                subtitle4:
-                                  "Kinerja pengurus secara berkala dievaluasi dengan menggunakan alat evaluasi yang baku bagi pengurus secara individual maupun keseluruhan sebagai tim, Hasil-hasil evaluasi dipakai untuk meningkatkan kinerja dan efisiensi pengurus. Secara konsiten berupaya menjalankan praktik terbaik dalam menggunakan standar-standar penyelenggaraan",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4a9_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4a9_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4a9_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4a9_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4a9_cu_keterangan,
-                                    expression: "form.p4.p4a9_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a9_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4a9_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4a9_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4a9_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4a9_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4a9_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4a9_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4a9_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a9_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4a9_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a9_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value: _vm.form.p4.p4a9_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a9_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a9_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4a9_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a9_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4a9_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a9_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4a10_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4a10_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a10_cu_penilaian == cuTabName || form.p4.p4a10_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4a9_cu_penilaian != null &&
-              _vm.form.p4.p4a9_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-info" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-info text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t10. Kesetaraan Gender Dalam Kepemimpinan"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4a10_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada anggota perempuan dalam kepengurusan",
-                                subtitle2: "Pengurus perempuan kurang dari 10%",
-                                subtitle3: "30% pengurus adalah perempuan",
-                                subtitle4:
-                                  "50% pengurus adalah perempuan dan aktif",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4a10_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4a10_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4a10_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4a10_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4a10_cu_keterangan,
-                                    expression: "form.p4.p4a10_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1a10_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4a10_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4a10_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4a10_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4a10_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4a10_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4a10_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4a10_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a10_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4a10_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a10_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4a10_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a10_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4a10_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4a10_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1a10_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4a10_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4a10_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4a10_cu_penilaian != null &&
-              _vm.form.p4.p4a10_cu_keterangan != null
-                ? _c(
-                    "div",
-                    { staticClass: "card card-body bg-warning text-white" },
-                    [
-                      _c(
-                        "div",
-                        { staticClass: "row justify-content-between" },
-                        [
-                          _c("div", { staticClass: "col-md-6" }, [
-                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
-                              _vm._v("B. KEPUASAN STAF"),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-6 text-right" }, [
-                            _c(
-                              "ul",
-                              {
-                                staticClass:
-                                  "list-inline mb-0 font-weight-bold",
-                              },
-                              [
-                                _c("li", [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\tSkor CU: " +
-                                      _vm._s(_vm.skorCUB()) +
-                                      " / \n\t\t\t\t\t\t\tBobot Skor CU: " +
-                                      _vm._s(_vm.bobotCUB()) +
-                                      "% \n\t\t\t\t\t\t\t"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\tSkor PUSKOPCUINA: " +
-                                      _vm._s(_vm.skorBKCUB()) +
-                                      " / \n\t\t\t\t\t\t\tBobot Skor PUSKOPCUINA: " +
-                                      _vm._s(_vm.bobotBKCUB()) +
-                                      "% \n\t\t\t\t\t\t"
-                                  ),
-                                ]),
-                              ]
-                            ),
-                          ]),
-                        ]
-                      ),
-                    ]
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4b11_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4b11_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b11_cu_penilaian == cuTabName || form.p4.p4b11_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4a10_cu_penilaian != null &&
-              _vm.form.p4.p4a10_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t11. Rancangan Kerja (Job Design)"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4b11_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Ketidakjelasan peran dan tanggung jawab; terlalu banyak tanggung jawab; tanggung jawab yang tumpang tindih</li><li>Uraian tugas tidak ada</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Posisi yang ada untuk sebagian besar peran kunci; hanya sedikit yang kosong</li><li>Kebanyakan posisi kunci dijabarkan dengan baik dan memiliki uraian tugas yang statis</li><li>Beberapa akuntabilitas yang tidak jelas atau peran dan tanggung jawab yang tumpang tindih</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Semua peran sudah terkait dengan posisi</li><li>Masing-masing staf sudah memiliki peran dan tanggung jawab yang terjabar secara baik dengan adanya kegiatan yang jelas dan keterkaitan dengan pelaporan; tumpang tindih hanya sedikit</li><li>Uraian tugas secara terus menerus dijabarkan kembali supaya ada perkembangan kelembagaan dan staf dalam pekerjaannya</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Semua peran sesuai dengan posisi yang didedikasikan</li><li>Semua staf memiliki peran utama yang jelas dan harus dipenuhi beserta bidang-bidang kewenangannya, dapat berinisiatif dan berupaya membuat perubahan</li><li>Peran utama dijabarkan sehubungan dengan produk akhir dan pelayanan yang akan diberikan</li><li>Semua staf memiliki kemampuan untuk mendefinisikan kegiatan-kegiatan dan diberdayakan untuk terus menerus menguji kembali pekerjaannya</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4b11_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4b11_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4b11_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4b11_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4b11_cu_keterangan,
-                                    expression: "form.p4.p4b11_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b11_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4b11_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4b11_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4b11_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4b11_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4b11_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4b11_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4b11_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b11_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4b11_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b11_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b11_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b11_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b11_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4b11_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b11_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b11_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b11_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4b12_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4b12_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b12_cu_penilaian == cuTabName || form.p4.p4b12_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4b11_cu_penilaian != null &&
-              _vm.form.p4.p4b11_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t12. Rekruitmen dan Seleksi"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4b12_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada kebijakan tentang rekrutmen, tidak panduan untuk membuat keputusan yang kuat mengenai cara mempekerjakan staf; kebijakan mempekerjakan staf sering dipolitisir",
-                                subtitle2:
-                                  "<ul><li>Kebijakan tentang rekrutmen yang berlaku tidak memadai</li><li>Orang-orang yang bertanggung jawab untuk mempekerjakan staf memiliki sedikit pengetahuan tentang aturan dasar ketenagakerjaan yang resmi</li><li>Tidak ada panduan pembuatan keputusan yang kuat untuk mempekerjakan staf</li><li>Tidak mengantisipasi kebutuhan di masa mendatang dalam mempekerjakan staf</li></li>",
-                                subtitle3:
-                                  "<ul><li>Kebijakan tentang rekrutmen berlaku untuk membantu upaya mencari calon karyawan yang handal untuk diseleksi</li><li>Orang-orang yang bertanggung jawab untuk mempekerjakan staf memiliki pengetahuan memadai tentang aturan dasar ketenagakerjaan yang resmi</li><li>Ada panduan pembuatan keputusan yang kuat untuk mempekerjakan staf</li><li>Kebutuhan di masa mendatang dalam mempekerjakanstaf terantisipasi</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Ada kebijakan tentang rekrutmen yang jelas untuk mendapatkan calon staf yang handal untuk diseleksi</li><li>Orang-orang yang bertanggung jawab untuk mempekerjakan staf memiliki banyak pengetahuan tentang aturan dasar ketenagakerjaan yang resmi</li><li>Ada panduan yang konsisten tentang pembuatan keputusan yang kuat untuk mempekerjakan staf</li><li>Kebutuhan di masa mendatang dalam mempekerjakan staf selalu terantisipasi</li><li>Selalu berupaya melakukan praktik terbaik menyangkut pengembangan SDM</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4b12_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4b12_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4b12_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4b12_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4b12_cu_keterangan,
-                                    expression: "form.p4.p4b12_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b12_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4b12_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4b12_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4b12_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4b12_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4b12_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4b12_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4b12_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b12_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4b12_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b12_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b12_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b12_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b12_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4b12_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b12_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b12_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b12_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4b13_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4b13_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b13_cu_penilaian == cuTabName || form.p4.p4b13_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4b12_cu_penilaian != null &&
-              _vm.form.p4.p4b12_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t13. Kompensasi"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4b13_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada sistem kompensasi yang berlaku",
-                                subtitle2:
-                                  "Program kompensasi yang berlaku terbatas; tidak tersedia kajian berkala mengenai tingkat gaji serta biaya-biaya",
-                                subtitle3:
-                                  "<ul><li>Program kompensasi dijabarkan secara baik yang memadukan antara gaji dan keuntungan sebagai bagian dari gambaran besar yang berlaku</li><li>Ada kajian tentang tingkat gaji serta biaya-biaya</li><li>Mengikuti standar minimum industri</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Program kompensasi yang kompetitif dijabarkan secara baik yang memadukan antara gaji dan keuntungan sebagai gambaran besar yang berlaku</li><li>Kajian berkala tentang tingkat gaji serta biaya-biaya secara konsisten dilakukan dengan menerapkan standar-standar industri</li><li>Secara terus menerus berupaya menarik dan mempertahankan karyawan yang bermutu baik</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4b13_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4b13_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4b13_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4b13_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4b13_cu_keterangan,
-                                    expression: "form.p4.p4b13_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b13_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4b13_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4b13_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4b13_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4b13_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4b13_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4b13_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4b13_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b13_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4b13_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b13_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b13_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b13_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b13_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4b13_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b13_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b13_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b13_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4b14_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4b14_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b14_cu_penilaian == cuTabName || form.p4.p4b14_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4b13_cu_penilaian != null &&
-              _vm.form.p4.p4b13_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t14. Pembagian Tingkatan Staf"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4b14_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Kebutuhan-kebutuhan staf yang nyata tidak diketahui</li><li>Pergantian staf yang tinggi</li><li>Banyak posisi yang tidak terisi</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Pemahaman tentang kebutuhan staf terbatas</li><li>Posisi-posisi penting tidak terisi</li><li>Pergantian staf berada pada tingkat menengah.</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Tingkat penempatan staf akurat mencerminkan kebutuhan lembaga</li><li>Semua posisi terisi</li><li>Sedikit pergantian staf</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Tingkat penempatan staf akurat mencerminkan kebutuhan lembaga</li><li>Semua posisi terisi</li><li>Sedikit pergantian staf</li><li>Terus menerus berupaya menemukan dan mempertahankan mutu staf yang tinggi.</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4b14_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4b14_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4b14_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4b14_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4b14_cu_keterangan,
-                                    expression: "form.p4.p4b14_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b14_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4b14_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4b14_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4b14_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4b14_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4b14_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4b14_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4b14_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b14_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4b14_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b14_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b14_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b14_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b14_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4b14_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b14_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b14_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b14_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4b15_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4b15_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b15_cu_penilaian == cuTabName || form.p4.p4b15_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4b14_cu_penilaian != null &&
-              _vm.form.p4.p4b14_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t15. Tujuan Kinerja"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4b15_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada proses manajemen kinerja yang berlaku",
-                                subtitle2:
-                                  "Menajemen kinerja yang terbatas dijalankan dengan tidak ada kaitan yang jelasterhadap pengakuan dan penghargaan atas usaha yang dilakukan",
-                                subtitle3:
-                                  "<ul><li>Proses manajemen kinerja yang komprehensif berlaku</li><li>Tujuan jelas untuk membantu staf menunjukkan kinerja terbaik sesuai kemampuannya dengan memberi umpan balik, pengakuan atas usaha yang dilakukan dan panduan terkait dengan kinerja untuk memenuhi kebutuhan staf</li></ul>",
-                                subtitle4:
-                                  "Proses manajemen kinerja dengan praktik terbaik berlaku",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4b15_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4b15_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4b15_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4b15_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4b15_cu_keterangan,
-                                    expression: "form.p4.p4b15_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b15_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4b15_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4b15_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4b15_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4b15_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4b15_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4b15_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4b15_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b15_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4b15_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b15_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b15_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b15_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b15_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4b15_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b15_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b15_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b15_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4b16_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4b16_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b16_cu_penilaian == cuTabName || form.p4.p4b16_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4b15_cu_penilaian != null &&
-              _vm.form.p4.p4b15_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t16. Standar-standar penilaian"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4b16_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada standart manajemen kinerja yang berlaku",
-                                subtitle2:
-                                  "Standart penilaian terbaik dilakukan dengan tidak  ada kaitan yg jelas terhadap pengakuan dan  penghargaan atas kerja",
-                                subtitle3:
-                                  "<ul><li>Proses standart penilaian kinerja yg menyeluruh dan diterapkan</li><li>Tujuan jelas untuk membantu staf menunjukkan kinerja terbaik dengan memberikan umpan balik pengakuan atas usha atau kinerja mengacu pada pedoman utk memenuhi kebutuhan staf</li></ul>",
-                                subtitle4:
-                                  "Standar penilaian diterapkan sebagai best practise",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4b16_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4b16_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4b16_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4b16_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4b16_cu_keterangan,
-                                    expression: "form.p4.p4b16_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b16_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4b16_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4b16_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4b16_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4b16_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4b16_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4b16_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4b16_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b16_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4b16_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b16_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b16_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b16_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b16_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4b16_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b16_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b16_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b16_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4b17_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4b17_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b17_cu_penilaian == cuTabName || form.p4.p4b17_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4b16_cu_penilaian != null &&
-              _vm.form.p4.p4b16_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t17. Kinerja sebagai nilai bersama"
-                          ),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4b17_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Staf dipekerjakan, diberi penghargaan dan dipromosikan untuk menjalankan serangkaian tugas/ kewajiban atau untuk alasan yang lebih jelas</li><li>Keputusan yang dibuat kebanyakan atas dasar ”keberanian”</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Kontribusi kinerja jarang dipakai dan bisa menjadi salah satu dari banyak kriteria untuk mempekerjakan, memberi penghargaan dan mempromosikan staf</li><li>Data kinerja digunakan untuk membuat keputusan.</li></ul>",
-                                subtitle3:
-                                  "<ul><li> Kontribusi staf bagi dampak sosial, keuangan dan kelembagaan secara khusus dianggap sebagai kriteria keunggulan dalam membuat keputusan-keputusan untuk mem-pekerjakan, memberi penghargaan dan mempromosikan</li><li>Keputusan-keputusan penting menyangkut organisasi didasari pada pertimbangan tentang kinerja yang komprehensif</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Semua staf secara sistematis dipekerjakan, diberi penghargaan dan dipromosikan atas kontribusinya secara kolektif terhadap dampak sosial, keuangan, dan kelembagaan</li><li>Proses dan pengambilan keputusan dari hari ke hari didasari pada pertimbangan kinerja secara komprehensif</li><li>Terus menerus mengacu kepada kinerja.</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4b17_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4b17_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4b17_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4b17_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4b17_cu_keterangan,
-                                    expression: "form.p4.p4b17_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b17_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4b17_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4b17_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4b17_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4b17_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4b17_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4b17_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4b17_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b17_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4b17_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b17_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b17_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b17_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b17_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4b17_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b17_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b17_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b17_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4b18_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4b18_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b18_cu_penilaian == cuTabName || form.p4.p4b18_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4b17_cu_penilaian != null &&
-              _vm.form.p4.p4b17_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t18. Kecakapan Tim"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4b18_cu_penilaian,
-                                subtitle1:
-                                  "<ul><li>Para staf memiliki latar belakang dan pengalaman yang sangat terbatas</li><li>Minat dan kemampuan staf terbatas pada pekerjaan yang ada saat ini; kurang mampu menyelesaikan persoalan jika ada masalah</li><li>Bergantung kepada  CEO/GM/Manajer</li></ul>",
-                                subtitle2:
-                                  "<ul><li>Ada beberapa variasi latar belakang dan pengalaman staf</li><li>Kecakapan yang baik, termasuk sejumlah kemampuan menyelesaikan persoalan jika ada masalah</li><li>Berminat atas pekerjaan, melebihi pekerjaan yang ditanganinya sekarang dan dalam keberhasilan misi lembaga</li></ul>",
-                                subtitle3:
-                                  "<ul><li>Staf memiliki berbagai latar belakang dan pengalaman serta terampil dalam banyak hal.</li><li>Sangat mampu dan berkomitmen terhadap misi dan strategi</li><li>Mau belajar dan mengembangkan diri serta menyelesaikan tanggung jawab yang bertambah banyak</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Staf berasal dari berbagai latar belakang dan pengalaman serta memiliki keterampilan yang luar biasa</li><li>Sangat mampu menjalankan berbagai peran, berkomitmen terhadap misi, strategi maupun pembelajaran yang terus menerus</li><li>Sangat mau dan mampu menjalankan proyek khusus dan bekerja sama lintas bagian</li><li>Staf adalah sumber gagasan dan merupakan daya gerak peningkatan dan inovasi</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4b18_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4b18_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4b18_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4b18_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4b18_cu_keterangan,
-                                    expression: "form.p4.p4b18_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b18_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4b18_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4b18_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4b18_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4b18_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4b18_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4b18_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4b18_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b18_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4b18_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b18_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b18_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b18_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b18_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4b18_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b18_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b18_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b18_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4b19_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4b19_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b19_cu_penilaian == cuTabName || form.p4.p4b19_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4b18_cu_penilaian != null &&
-              _vm.form.p4.p4b18_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t19. Jenjang Karir"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4b19_cu_penilaian,
-                                subtitle1:
-                                  "Sistem penilaian kerja dan pengembangan kemampuan  staf tidak jelas; tidak ada kepedulian terhadap ambisi pribadi staf",
-                                subtitle2:
-                                  "Sistem penilaian kerja dan pengembangan kemampuan  staf  jelas dan jarang terkait dengan ambisi pribadi staf maupun ambisi bersama dalam CU",
-                                subtitle3:
-                                  "Sistem penilaian kerja dan pengembangan kemampuan  staf terkait dengan ambisi pribadi staf dan ambisi bersama dalam CU",
-                                subtitle4:
-                                  "Sistem penilaian kerja dan pengembangan terkait dengan ambisi pribadi staf dan ambisi bersama dalam CU, CU secara aktif berupaya menyediakan lingkungan kerja yang adalah ”karir bukan pekerjaan”",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4b19_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4b19_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4b19_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4b19_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4b19_cu_keterangan,
-                                    expression: "form.p4.p4b19_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b19_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4b19_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4b19_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4b19_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4b19_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4b19_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4b19_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4b19_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b19_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4b19_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b19_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b19_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b19_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b19_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4b19_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b19_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b19_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b19_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value:
-                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
-                    _vm.form.p4.p4b20_cu_penilaian == _vm.cuTabName ||
-                    _vm.form.p4.p4b20_bkcu_penilaian == _vm.bkcuTabName,
-                  expression:
-                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b20_cu_penilaian == cuTabName || form.p4.p4b20_bkcu_penilaian == bkcuTabName",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4b19_cu_penilaian != null &&
-              _vm.form.p4.p4b19_cu_keterangan != null
-                ? _c("div", { staticClass: "card border-warning" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-header bg-warning text-white" },
-                      [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v("\n\t\t\t\t\t20. Program Pengembangan"),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c(
-                          "div",
-                          { staticClass: "col-md-12" },
-                          [
-                            _c(
-                              "h5",
-                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("penilaian-cu", {
-                              attrs: {
-                                form: _vm.form.p4.p4b20_cu_penilaian,
-                                subtitle1:
-                                  "Tidak ada program pengembangan wawasan staf",
-                                subtitle2:
-                                  "Wawasan staf dikembangkan dari waktu ke waktu tetapi tidak secara berkala, tidak ada peraturan tertulis mengenai program pengembangan staf",
-                                subtitle3:
-                                  "<ul><li>Wawasan staf dikembangkan dari waktu ke waktu melalui program-program pelatihan, pengarahan dan pengembangan bakat</li><li>Ada kebijakan tentang pengembangan kompetensi, termasuk pelatihan internal dan eksternal, rapat kerja, simposium dan seminar</li></ul>",
-                                subtitle4:
-                                  "<ul><li>Wawasan staf dikembangkan secara terus menerus dan diperbaharui melalui program-program pelatihan, pengarahan dan pengembangan bakat</li><li>Ada kebijakan tentang pengembangan kompetensi secara proaktif, termasuk pelatihan internal dan eksternal, rapat kerja, simposium dan seminar</li><li>Selalu berupaya melaksanakan praktik terbaik dalam program pengembangan</li></ul>",
-                              },
-                              on: {
-                                click1: function ($event) {
-                                  _vm.form.p4.p4b20_cu_penilaian = 1
-                                },
-                                click2: function ($event) {
-                                  _vm.form.p4.p4b20_cu_penilaian = 2
-                                },
-                                click3: function ($event) {
-                                  _vm.form.p4.p4b20_cu_penilaian = 3
-                                },
-                                click4: function ($event) {
-                                  _vm.form.p4.p4b20_cu_penilaian = 4
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "form-group" }, [
-                              _c(
-                                "h5",
-                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("textarea", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.p4.p4b20_cu_keterangan,
-                                    expression: "form.p4.p4b20_cu_keterangan",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  rows: "6",
-                                  type: "text",
-                                  name: "p1b20_cu_keterangan",
-                                  placeholder: "Silahkan masukkan keterangan ",
-                                  readonly:
-                                    _vm.$route.meta.mode == "penilaianBkcu" ||
-                                    _vm.$route.meta.mode == "lihat",
-                                },
-                                domProps: {
-                                  value: _vm.form.p4.p4b20_cu_keterangan,
-                                },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form.p4,
-                                      "p4b20_cu_keterangan",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                            ]),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "row" }, [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c("hr"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "col-md-12" },
-                                  [
-                                    _c("h5", [
-                                      _vm._v("Penilaian PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("penilaian-bkcu", {
-                                      attrs: {
-                                        form: _vm.form.p4.p4b20_bkcu_penilaian,
-                                      },
-                                      on: {
-                                        click1: function ($event) {
-                                          _vm.form.p4.p4b20_bkcu_penilaian = 1
-                                        },
-                                        click2: function ($event) {
-                                          _vm.form.p4.p4b20_bkcu_penilaian = 2
-                                        },
-                                        click3: function ($event) {
-                                          _vm.form.p4.p4b20_bkcu_penilaian = 3
-                                        },
-                                        click4: function ($event) {
-                                          _vm.form.p4.p4b20_bkcu_penilaian = 4
-                                        },
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Keterangan PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b20_bkcu_keterangan,
-                                          expression:
-                                            "form.p4.p4b20_bkcu_keterangan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b20_bkcu_keterangan",
-                                        placeholder:
-                                          "Silahkan masukkan keterangan ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b20_bkcu_keterangan,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b20_bkcu_keterangan",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "col-md-6" }, [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [
-                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("textarea", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value:
-                                            _vm.form.p4.p4b20_bkcu_rekomendasi,
-                                          expression:
-                                            "form.p4.p4b20_bkcu_rekomendasi",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        rows: "6",
-                                        type: "text",
-                                        name: "p1b20_bkcu_rekomendasi",
-                                        placeholder:
-                                          "Silahkan masukkan rekomendasi ",
-                                        readonly:
-                                          _vm.$route.meta.mode == "lihat",
-                                      },
-                                      domProps: {
-                                        value:
-                                          _vm.form.p4.p4b20_bkcu_rekomendasi,
-                                      },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form.p4,
-                                            "p4b20_bkcu_rekomendasi",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "lihat"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _vm.updateSingleStat == "loading"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-light btn-block",
-                                      attrs: { type: "button", disabled: "" },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-sync spinner",
-                                      }),
-                                    ]
-                                  )
-                                : _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-warning btn-block",
-                                      attrs: { type: "button" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.saveSingle.apply(
-                                            null,
-                                            arguments
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-floppy-disk",
-                                      }),
-                                      _vm._v(
-                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  ),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
-                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
-                },
-              ],
-            },
-            [
-              _vm.form.p4.p4b20_cu_penilaian != null &&
-              _vm.form.p4.p4b20_cu_keterangan != null
-                ? _c("div", { staticClass: "card card-body" }, [
-                    _c(
-                      "div",
-                      { staticClass: "text-center d-none d-md-block" },
-                      [
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light",
-                            attrs: { type: "button" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.prev.apply(null, arguments)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-arrow-left13" }),
-                            _vm._v(" Kembali\n\t\t\t\t"),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-primary",
-                            attrs: { type: "button" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.next.apply(null, arguments)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-arrow-right14" }),
-                            _vm._v(" Selanjutnya\n\t\t\t\t"),
-                          ]
-                        ),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "d-block d-md-none" }, [
-                      _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-primary btn-block",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.next.apply(null, arguments)
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-arrow-right14" }),
-                          _vm._v(" Selanjutnya\n\t\t\t\t"),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-light btn-block",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.prev.apply(null, arguments)
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-arrow-left13" }),
-                          _vm._v(" Kembali\n\t\t\t\t"),
-                        ]
-                      ),
-                    ]),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=template&id=32967008&":
-/*!*******************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=template&id=32967008& ***!
-  \*******************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "div",
-      { staticClass: "card  border-top-2 border-top-primary rounded-top-0" },
-      [
-        _vm._m(0),
-        _vm._v(" "),
-        _c("div", { staticClass: "card-body" }, [
-          _c("p", [
-            _vm._v(
-              "Berdasarkan pengisian indikator di masing-masing perspektif oleh CU, maka dapat disimpulkan bahwa"
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "table-responsive" }, [
-            _c("table", { staticClass: "table table-bordered" }, [
-              _vm._m(1),
-              _vm._v(" "),
-              _c("tbody", [
-                _c("tr", [
-                  _c("td", [
-                    _vm.nilaiTotalBobotCU > 59 && _vm.nilaiTotalBobotCU < 71
-                      ? _c("span", [
-                          _vm.a1 < 10 && _vm.e9 >= 5
-                            ? _c("span", [
-                                _vm._v(
-                                  "\n\t\t\t\t\t\t\t\t\t\tPERUNGGU (BRONZE)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ])
-                            : _c("span", [
-                                _vm._v(
-                                  "MAAF ANDA BELUM BISA MENDAPATKAN ACCESS BRANDING"
-                                ),
-                              ]),
-                        ])
-                      : _vm.nilaiTotalBobotCU > 70 && _vm.nilaiTotalBobotCU < 81
-                      ? _c("span", [
-                          _vm.a1 < 7 && _vm.e9 >= 8
-                            ? _c("span", [
-                                _vm._v(
-                                  "\t\n\t\t\t\t\t\t\t\t\t\tPERAK (SILVER)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ])
-                            : _c("span", [
-                                _vm._v(
-                                  "\n\t\t\t\t\t\t\t\t\t\tPERUNGGU (BRONZE)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ]),
-                        ])
-                      : _vm.nilaiTotalBobotCU > 81 && _vm.nilaiTotalBobotCU < 91
-                      ? _c("span", [
-                          _vm.a1 < 5 && _vm.e9 >= 10
-                            ? _c("span", [
-                                _vm._v(
-                                  "\t\t\n\t\t\t\t\t\t\t\t\t\tEMAS (GOLD)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ])
-                            : _c("span", [
-                                _vm._v(
-                                  "\n\t\t\t\t\t\t\t\t\t\tPERAK (SILVER)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ]),
-                        ])
-                      : _vm.nilaiTotalBobotCU > 90
-                      ? _c("span", [
-                          (_vm.a1 = 0 && false)
-                            ? _c("span", [
-                                _vm._v(
-                                  "\t\t\n\t\t\t\t\t\t\t\t\t\tPLATINA (PLATINUM)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ])
-                            : _c("span", [
-                                _vm._v(
-                                  "\n\t\t\t\t\t\t\t\t\t\tEMAS (GOLD)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ]),
-                        ])
-                      : _c("span", [
-                          _vm._v(
-                            "MAAF ANDA BELUM BISA MENDAPATKAN ACCESS BRANDING"
-                          ),
-                        ]),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiTotalSkorCU,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiTotalBobotCU,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.a1, valueType: "decimal" },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.e9, valueType: "decimal" },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c("br"),
-          _vm._v(" "),
-          _c("p", [
-            _vm._v(
-              "Berdasarkan pengisian indikator di masing-masing perspektif yang telah diperiksa oleh PUSKOPCUINA, maka dapat disimpulkan bahwa"
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "table-responsive" }, [
-            _c("table", { staticClass: "table table-bordered" }, [
-              _vm._m(2),
-              _vm._v(" "),
-              _c("tbody", [
-                _c("tr", [
-                  _c("td", [
-                    _vm.nilaiTotalBobotBKCU > 59 && _vm.nilaiTotalBobotBKCU < 71
-                      ? _c("span", [
-                          _vm.a1 < 10 && _vm.e9 >= 5
-                            ? _c("span", [
-                                _vm._v(
-                                  "\n\t\t\t\t\t\t\t\t\t\tPERUNGGU (BRONZE)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ])
-                            : _c("span", [
-                                _vm._v(
-                                  "MAAF ANDA BELUM BISA MENDAPATKAN ACCESS BRANDING"
-                                ),
-                              ]),
-                        ])
-                      : _vm.nilaiTotalBobotBKCU > 70 &&
-                        _vm.nilaiTotalBobotBKCU < 81
-                      ? _c("span", [
-                          _vm.a1 < 7 && _vm.e9 >= 8
-                            ? _c("span", [
-                                _vm._v(
-                                  "\t\n\t\t\t\t\t\t\t\t\t\tPERAK (SILVER)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ])
-                            : _c("span", [
-                                _vm._v(
-                                  "\n\t\t\t\t\t\t\t\t\t\tPERUNGGU (BRONZE)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ]),
-                        ])
-                      : _vm.nilaiTotalBobotBKCU > 81 &&
-                        _vm.nilaiTotalBobotBKCU < 91
-                      ? _c("span", [
-                          _vm.a1 < 5 && _vm.e9 >= 10
-                            ? _c("span", [
-                                _vm._v(
-                                  "\t\t\n\t\t\t\t\t\t\t\t\t\tEMAS (GOLD)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ])
-                            : _c("span", [
-                                _vm._v(
-                                  "\n\t\t\t\t\t\t\t\t\t\tPERAK (SILVER)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ]),
-                        ])
-                      : _vm.nilaiTotalBobotBKCU > 90
-                      ? _c("span", [
-                          (_vm.a1 = 0 && false)
-                            ? _c("span", [
-                                _vm._v(
-                                  "\t\t\n\t\t\t\t\t\t\t\t\t\tPLATINA (PLATINUM)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ])
-                            : _c("span", [
-                                _vm._v(
-                                  "\n\t\t\t\t\t\t\t\t\t\tEMAS (GOLD)\n\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ]),
-                        ])
-                      : _c("span", [
-                          _vm._v(
-                            "MAAF ANDA BELUM BISA MENDAPATKAN ACCESS BRANDING"
-                          ),
-                        ]),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiTotalSkorBKCU,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiTotalBobotBKCU,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c("br"),
-          _vm._v(" "),
-          _vm._m(3),
-          _vm._v(" "),
-          _c("p", [_vm._v("Penentuan rating diatas adalah berdasarkan")]),
-          _vm._v(" "),
-          _vm._m(4),
-        ]),
-      ]
-    ),
-    _vm._v(" "),
-    _vm.form.p4.p4b20_cu_penilaian == null ||
-    _vm.form.p4.p4b20_cu_keterangan == null
-      ? _c("div", { staticClass: "card bg-danger card-body" }, [
-          _c("h6", { staticClass: "mb-0" }, [
-            _vm._v(
-              "Silahkan melengkapi indikator sebelumnya untuk menyimpan data atau jika belum selesai maka silahkan tekan tombol simpan draft dibagian atas"
-            ),
-          ]),
-        ])
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.$route.meta.mode == "penilaianBkcu"
-      ? _c("div", [
-          _vm.form.p4.p4b20_bkcu_penilaian == null
-            ? _c("div", { staticClass: "card bg-danger card-body" }, [
-                _c("h6", { staticClass: "mb-0" }, [
-                  _vm._v(
-                    "Silahkan melengkapi penilaian sebelumnya untuk menyimpan data atau jika belum selesai maka silahkan tekan tombol simpan draft dibagian atas"
-                  ),
-                ]),
-              ])
-            : _vm._e(),
-        ])
-      : _vm._e(),
-  ])
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("5. KESIMPULAN")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("thead", { staticClass: "bg-primary" }, [
-      _c("tr", { staticClass: "text-nowarp" }, [
-        _c("th", [_vm._v("BRANDING CU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("NILAI")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("KESEPADANAN (%)")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("Kelalaian Pinjaman / A1 (%)")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("Modal Lembaga / E9 (%)")]),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("thead", { staticClass: "bg-brown" }, [
-      _c("tr", { staticClass: "text-nowarp" }, [
-        _c("th", [_vm._v("BRANDING PUSKOPCUINA")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("NILAI")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("KESEPADANAN (%)")]),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("u", [_c("b", [_vm._v("Catatan:")])])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "table-responsive" }, [
-      _c("table", { staticClass: "table table-bordered" }, [
-        _c("thead", { staticClass: "bg-danger" }, [
-          _c("tr", { staticClass: "text-nowarp" }, [
-            _c("th", [_vm._v("BRANDING")]),
-            _vm._v(" "),
-            _c("th", [_vm._v("NILAI")]),
-            _vm._v(" "),
-            _c("th", [_vm._v("KESEPADANAN (%)")]),
-            _vm._v(" "),
-            _c("th", [_vm._v("Kelalaian Pinjaman / A1 (%)")]),
-            _vm._v(" "),
-            _c("th", [_vm._v("Modal Lembaga / E9 (%)")]),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("tbody", [
-          _c("tr", [
-            _c("td", [_vm._v("PERUNGGU (BRONZE)")]),
-            _vm._v(" "),
-            _c("td", [_vm._v("207 - 241")]),
-            _vm._v(" "),
-            _c("td", [_vm._v("60 - 70")]),
-            _vm._v(" "),
-            _c("td", [_vm._v("< 10")]),
-            _vm._v(" "),
-            _c("td", [_vm._v(">= 5")]),
-          ]),
-          _vm._v(" "),
-          _c("tr", [
-            _c("td", [_vm._v("PERAK (SILVER)")]),
-            _vm._v(" "),
-            _c("td", [_vm._v("242 - 275")]),
-            _vm._v(" "),
-            _c("td", [_vm._v("71 - 80")]),
-            _vm._v(" "),
-            _c("td", [_vm._v("< 7")]),
-            _vm._v(" "),
-            _c("td", [_vm._v(">= 8")]),
-          ]),
-          _vm._v(" "),
-          _c("tr", [
-            _c("td", [_vm._v("EMAS (GOLD)")]),
-            _vm._v(" "),
-            _c("td", [_vm._v("276 - 310")]),
-            _vm._v(" "),
-            _c("td", [_vm._v("81 - 90")]),
-            _vm._v(" "),
-            _c("td", [_vm._v("< 5")]),
-            _vm._v(" "),
-            _c("td", [_vm._v(">= 10")]),
-          ]),
-          _vm._v(" "),
-          _c("tr", [
-            _c("td", [_vm._v("PLATINA (PLATINUM)")]),
-            _vm._v(" "),
-            _c("td", [_vm._v("Di atas 310")]),
-            _vm._v(" "),
-            _c("td", [_vm._v("Di atas 90")]),
-            _vm._v(" "),
-            _c("td", [_vm._v("0")]),
-            _vm._v(" "),
-            _c("td", [_vm._v("> 10")]),
-          ]),
-        ]),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=template&id=616e65da&":
-/*!***********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=template&id=616e65da& ***!
-  \***********************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "row" }, [
-    _c("div", { staticClass: "col-md-3" }, [
-      _c(
-        "div",
-        {
-          staticClass: "card card-body",
-          class: { "bg-primary text-white": _vm.form == 1 },
-          staticStyle: { cursor: "pointer" },
-          on: {
-            click: function ($event) {
-              $event.preventDefault()
-              return _vm.click1.apply(null, arguments)
-            },
-          },
-        },
-        [_c("h6", { staticClass: "mb-0" }, [_vm._v("POOR (1)")])]
-      ),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "col-md-3" }, [
-      _c(
-        "div",
-        {
-          staticClass: "card card-body",
-          class: { "bg-primary text-white": _vm.form == 2 },
-          staticStyle: { cursor: "pointer" },
-          on: {
-            click: function ($event) {
-              $event.preventDefault()
-              return _vm.click2.apply(null, arguments)
-            },
-          },
-        },
-        [_c("h6", { staticClass: "mb-0" }, [_vm._v("FAIR (2)")])]
-      ),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "col-md-3" }, [
-      _c(
-        "div",
-        {
-          staticClass: "card card-body",
-          class: { "bg-primary text-white": _vm.form == 3 },
-          staticStyle: { cursor: "pointer" },
-          on: {
-            click: function ($event) {
-              $event.preventDefault()
-              return _vm.click3.apply(null, arguments)
-            },
-          },
-        },
-        [_c("h6", { staticClass: "mb-0" }, [_vm._v("GOOD (3)")])]
-      ),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "col-md-3" }, [
-      _c(
-        "div",
-        {
-          staticClass: "card card-body",
-          class: { "bg-primary text-white": _vm.form == 4 },
-          staticStyle: { cursor: "pointer" },
-          on: {
-            click: function ($event) {
-              $event.preventDefault()
-              return _vm.click4.apply(null, arguments)
-            },
-          },
-        },
-        [_c("h6", { staticClass: "mb-0" }, [_vm._v("EXCELLENT (4)")])]
-      ),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=template&id=4e0d4bde&":
-/*!*********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=template&id=4e0d4bde& ***!
-  \*********************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "row" }, [
-    _c("div", { staticClass: "col-md-3" }, [
-      _c(
-        "div",
-        {
-          staticClass: "card",
-          class: { "border-primary": _vm.form == 1 },
-          staticStyle: { cursor: "pointer" },
-          on: {
-            click: function ($event) {
-              $event.preventDefault()
-              return _vm.click1.apply(null, arguments)
-            },
-          },
-        },
-        [
-          _c(
-            "div",
-            {
-              staticClass: "card-header ",
-              class: {
-                "bg-primary text-white": _vm.form == 1,
-                "bg-white": _vm.form != 1,
-              },
-            },
-            [_c("h6", { staticClass: "card-title" }, [_vm._v("POOR (1)")])]
-          ),
-          _vm._v(" "),
-          _c("div", {
-            staticClass: "card-body",
-            domProps: { innerHTML: _vm._s(_vm.subtitle1) },
-          }),
-        ]
-      ),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "col-md-3" }, [
-      _c(
-        "div",
-        {
-          staticClass: "card",
-          class: { "border-primary": _vm.form == 2 },
-          staticStyle: { cursor: "pointer" },
-          on: {
-            click: function ($event) {
-              $event.preventDefault()
-              return _vm.click2.apply(null, arguments)
-            },
-          },
-        },
-        [
-          _c(
-            "div",
-            {
-              staticClass: "card-header ",
-              class: {
-                "bg-primary text-white": _vm.form == 2,
-                "bg-white": _vm.form != 2,
-              },
-            },
-            [_c("h6", { staticClass: "card-title" }, [_vm._v("FAIR (2)")])]
-          ),
-          _vm._v(" "),
-          _c("div", {
-            staticClass: "card-body",
-            domProps: { innerHTML: _vm._s(_vm.subtitle2) },
-          }),
-        ]
-      ),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "col-md-3" }, [
-      _c(
-        "div",
-        {
-          staticClass: "card",
-          class: { "border-primary": _vm.form == 3 },
-          staticStyle: { cursor: "pointer" },
-          on: {
-            click: function ($event) {
-              $event.preventDefault()
-              return _vm.click3.apply(null, arguments)
-            },
-          },
-        },
-        [
-          _c(
-            "div",
-            {
-              staticClass: "card-header ",
-              class: {
-                "bg-primary text-white": _vm.form == 3,
-                "bg-white": _vm.form != 3,
-              },
-            },
-            [_c("h6", { staticClass: "card-title" }, [_vm._v("GOOD (3)")])]
-          ),
-          _vm._v(" "),
-          _c("div", {
-            staticClass: "card-body",
-            domProps: { innerHTML: _vm._s(_vm.subtitle3) },
-          }),
-        ]
-      ),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "col-md-3" }, [
-      _c(
-        "div",
-        {
-          staticClass: "card",
-          class: { "border-primary": _vm.form == 4 },
-          staticStyle: { cursor: "pointer" },
-          on: {
-            click: function ($event) {
-              $event.preventDefault()
-              return _vm.click4.apply(null, arguments)
-            },
-          },
-        },
-        [
-          _c(
-            "div",
-            {
-              staticClass: "card-header ",
-              class: {
-                "bg-primary text-white": _vm.form == 4,
-                "bg-white": _vm.form != 4,
-              },
-            },
-            [_c("h6", { staticClass: "card-title" }, [_vm._v("EXCELLENT (4)")])]
-          ),
-          _vm._v(" "),
-          _c("div", {
-            staticClass: "card-body",
-            domProps: { innerHTML: _vm._s(_vm.subtitle4) },
-          }),
-        ]
-      ),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=template&id=680442ff&":
-/*!*****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=template&id=680442ff& ***!
-  \*****************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "div",
-      { staticClass: "card border-top-2 border-top-primary rounded-top-0" },
-      [
-        _c(
-          "div",
-          { staticClass: "card-header bg-white header-elements-inline" },
-          [
-            _c("h5", { staticClass: "card-title" }, [
-              _vm._v("1. SCORE CARD PERSPEKTIF KEUANGAN"),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "header-elements" }, [
-              _c("div", { staticClass: "list-icons" }, [
-                _c(
-                  "a",
-                  {
-                    staticClass: "list-icons-item",
-                    attrs: { href: "#" },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        _vm.collapsed = !_vm.collapsed
-                      },
-                    },
-                  },
-                  [
-                    _c("i", {
-                      class: {
-                        "icon-arrow-up12": _vm.collapsed,
-                        "icon-arrow-down12": !_vm.collapsed,
-                      },
-                    }),
-                  ]
-                ),
-              ]),
-            ]),
-          ]
-        ),
-        _vm._v(" "),
-        _c("div", { staticClass: "card-body" }, [
-          _c(
-            "div",
-            { staticClass: "text-right d-none d-sm-block" },
-            [
-              _c(
-                "json-excel",
-                {
-                  staticClass: "btn bg-green-300 btn-icon",
-                  attrs: {
-                    data: _vm.excel.data,
-                    exportFields: _vm.excel.fields,
-                    meta: _vm.excel.meta,
-                    title: "Data " + _vm.title,
-                    name: _vm.title + ".xls",
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-folder-download2" }),
-                  _vm._v(" Download Excel"),
-                ]
-              ),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "d-block d-sm-none" },
-            [
-              _c(
-                "json-excel",
-                {
-                  staticClass: "btn bg-green-300 btn-icon btn-block",
-                  attrs: {
-                    data: _vm.excel.data,
-                    exportFields: _vm.excel.fields,
-                    meta: _vm.excel.meta,
-                    title: "Data " + _vm.title,
-                    name: _vm.title + ".xls",
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-folder-download2" }),
-                  _vm._v(" Download Excel"),
-                ]
-              ),
-            ],
-            1
-          ),
-        ]),
-        _vm._v(" "),
-        _c(
-          "div",
-          {
-            directives: [
-              {
-                name: "show",
-                rawName: "v-show",
-                value: !_vm.collapsed,
-                expression: "!collapsed",
-              },
-            ],
-            staticClass: "table-responsive",
-          },
-          [
-            _c("table", { staticClass: "table table-bordered" }, [
-              _vm._m(0),
-              _vm._v(" "),
-              _c("tbody", [
-                _c("tr", { staticClass: "bg-info font-weight-bold" }, [
-                  _c("td", [_vm._v("A. PERLINDUNGAN")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP1A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP1A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP1A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP1A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "1. P1 = Mengukur kemampuan CU menyediakan dana cadangan risiko atas piutang lalai > 12 bulan"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1a1_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1a1_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1a1_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1a1_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1a1_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1a1_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1a1_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "2. P2 = Mengukur kemampuan CU menyediakan dana cadangan risiko atas piutang lalai < 12 bulan"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1a2_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1a2_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1a2_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1a2_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1a2_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1a2_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1a2_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", { staticClass: "bg-warning font-weight-bold" }, [
-                  _c("td", [_vm._v("B. STRUKTUR KEUANGAN YANG EFEKTIF")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP1B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP1B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP1B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP1B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "3. E1 = Mengukur persentase total asset yang diinvestasikan dalam piutang"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1b3_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1b3_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1b3_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1b3_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1b3_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1b3_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1b3_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "4. E5 = Mengukur persentase total asset yang didanai dari simpanan non saham"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1b4_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1b4_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1b4_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1b4_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1b4_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1b4_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1b4_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "5. E6 = Mengukur persentase total asset yang didanai dari pinjaman pihak 3"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1b5_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1b5_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1b5_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1b5_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1b5_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1b5_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1b5_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "6. E9 = Mengukur level nyata dari modal lembaga setelah mengeluarkan penyisihan DCR untuk menutupi P1 & P2"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1b7_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1b7_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1b7_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1b7_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1b7_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1b7_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1b7_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", { staticClass: "bg-success font-weight-bold" }, [
-                  _c("td", [_vm._v("C. KUALITAS ASET")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP1C,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP1C,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP1C,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP1C,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "7. A1 = Mengukur persentase total kelalaian piutang terhadap total piutang"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1c8_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1c8_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1c8_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1c8_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1c8_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1c8_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1c8_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "8. A2 = Mengukur total asset yang tidak menghasilkan income"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1c9_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1c9_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1c9_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1c9_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1c9_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1c9_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1c9_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", { staticClass: "bg-brown font-weight-bold" }, [
-                  _c("td", [_vm._v("D. NILAI PENGEMBALIAN ATAS PEMBIAYAAN")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP1D,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP1D,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP1D,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP1D,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "9. R7 = Mengukur persentase pengembalian biaya atas simpanan saham"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1d10_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1d10_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1d10_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1d10_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1d10_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1d10_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1d10_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "10. R9 = Mengukur persentase beban untuk mengelola semua asset"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1d11_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1d11_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1d11_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1d11_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1d11_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1d11_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1d11_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", { staticClass: "bg-danger font-weight-bold" }, [
-                  _c("td", [_vm._v("E. LIKUIDITAS")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP1E,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP1E,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP1E,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP1E,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "11. L1 = Mengukur persentase cadangan likuid untuk memenuhi permintaan penarikan setelah membayar semua kewajiban < 30 hari"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1e12_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1e12_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1e12_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1e12_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1e12_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1e12_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1e12_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", { staticClass: "bg-teal font-weight-bold" }, [
-                  _c("td", [_vm._v("F. PERTUMBUHAN")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP1F,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP1F,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP1F,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP1F,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "12. S10 = Mengukur persentase pertumbuhan anggota dari tahun ke tahun"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1f13_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1f13_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1f13_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1f13_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1f13_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1f13_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1f13_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "13. S11 = Mengukur persentase pertumbuhan total  aset dari tahun ke tahun"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1f14_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1f14_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p1.p1f14_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p1.p1f14_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1f14_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1f14_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p1.p1f14_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-              ]),
-              _vm._v(" "),
-              _c("tfoot", [
-                _c("tr", { staticClass: "bg-primary font-weight-bold" }, [
-                  _c("td", [_vm._v("SUBTOTAL")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            _vm.nilaiSkorCUP1A +
-                            _vm.nilaiSkorCUP1B +
-                            _vm.nilaiSkorCUP1C +
-                            _vm.nilaiSkorCUP1D +
-                            _vm.nilaiSkorCUP1E +
-                            _vm.nilaiSkorCUP1F,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            _vm.nilaiBobotCUP1A +
-                            _vm.nilaiBobotCUP1B +
-                            _vm.nilaiBobotCUP1C +
-                            _vm.nilaiBobotCUP1D +
-                            _vm.nilaiBobotCUP1E +
-                            _vm.nilaiBobotCUP1F,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            _vm.nilaiSkorBKCUP1A +
-                            _vm.nilaiSkorBKCUP1B +
-                            _vm.nilaiSkorBKCUP1C +
-                            _vm.nilaiSkorBKCUP1D +
-                            _vm.nilaiSkorBKCUP1E +
-                            _vm.nilaiSkorBKCUP1F,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            _vm.nilaiBobotBKCUP1A +
-                            _vm.nilaiBobotBKCUP1B +
-                            _vm.nilaiBobotBKCUP1C +
-                            _vm.nilaiBobotBKCUP1D +
-                            _vm.nilaiBobotBKCUP1E +
-                            _vm.nilaiBobotBKCUP1F,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-              ]),
-            ]),
-          ]
-        ),
-      ]
-    ),
-  ])
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("thead", { staticClass: "bg-primary" }, [
-      _c("tr", { staticClass: "text-nowarp" }, [
-        _c("th", [_vm._v("PERSPEKTIF")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("SKOR CU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("BOBOT CU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("SKOR BKCU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("BOBOT BKCU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("KETERANGAN CU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("KETERANGAN BKCU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("REKOMENDASI BKCU")]),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=template&id=68125a80&":
-/*!*****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=template&id=68125a80& ***!
-  \*****************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "div",
-      { staticClass: "card border-top-2 border-top-primary rounded-top-0" },
-      [
-        _c(
-          "div",
-          { staticClass: "card-header bg-white header-elements-inline" },
-          [
-            _c("h5", { staticClass: "card-title" }, [
-              _vm._v("2. SCORE CARD PERSPEKTIF ANGGOTA/PELANGGAN"),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "header-elements" }, [
-              _c("div", { staticClass: "list-icons" }, [
-                _c(
-                  "a",
-                  {
-                    staticClass: "list-icons-item",
-                    attrs: { href: "#" },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        _vm.collapsed = !_vm.collapsed
-                      },
-                    },
-                  },
-                  [
-                    _c("i", {
-                      class: {
-                        "icon-arrow-up12": _vm.collapsed,
-                        "icon-arrow-down12": !_vm.collapsed,
-                      },
-                    }),
-                  ]
-                ),
-              ]),
-            ]),
-          ]
-        ),
-        _vm._v(" "),
-        _c("div", { staticClass: "card-body" }, [
-          _c(
-            "div",
-            { staticClass: "text-right d-none d-sm-block" },
-            [
-              _c(
-                "json-excel",
-                {
-                  staticClass: "btn bg-green-300 btn-icon",
-                  attrs: {
-                    data: _vm.excel.data,
-                    exportFields: _vm.excel.fields,
-                    meta: _vm.excel.meta,
-                    title: "Data " + _vm.title,
-                    name: _vm.title + ".xls",
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-folder-download2" }),
-                  _vm._v(" Download Excel"),
-                ]
-              ),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "d-block d-sm-none" },
-            [
-              _c(
-                "json-excel",
-                {
-                  staticClass: "btn bg-green-300 btn-icon btn-block",
-                  attrs: {
-                    data: _vm.excel.data,
-                    exportFields: _vm.excel.fields,
-                    meta: _vm.excel.meta,
-                    title: "Data " + _vm.title,
-                    name: _vm.title + ".xls",
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-folder-download2" }),
-                  _vm._v(" Download Excel"),
-                ]
-              ),
-            ],
-            1
-          ),
-        ]),
-        _vm._v(" "),
-        _c(
-          "div",
-          {
-            directives: [
-              {
-                name: "show",
-                rawName: "v-show",
-                value: !_vm.collapsed,
-                expression: "!collapsed",
-              },
-            ],
-            staticClass: "table-responsive",
-          },
-          [
-            _c("table", { staticClass: "table table-bordered" }, [
-              _vm._m(0),
-              _vm._v(" "),
-              _c("tbody", [
-                _c("tr", { staticClass: "bg-info font-weight-bold" }, [
-                  _c("td", [
-                    _vm._v("A. PRODUK DAN PELAYANAN YANG BERKUALITAS"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP2A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP2A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP2A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP2A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("1. Target Produk dan Pelayanan")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a1_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a1_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a1_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a1_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a1_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a1_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a1_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("2. Tampilan Produk")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a2_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a2_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a2_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a2_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a2_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a2_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a2_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("3. Rentangan Produk Keuangan")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a3_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a3_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a3_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a3_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a3_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a3_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a3_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("4. Brand sebagai Pola Pikir")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a4_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a4_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a4_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a4_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a4_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a4_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a4_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("5. Produk Pendorong Kesejahteraan")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a5_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a5_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a5_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a5_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a5_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a5_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a5_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "6. Capacitiy Based Landing (Pinjaman berbasis kemampuan mengembalikan)"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a6_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a6_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a6_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a6_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a6_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a6_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a6_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("7. Akses dan Kenyamanan")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a7_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a7_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a7_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a7_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a7_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a7_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a7_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("8. Price Value")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a8_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a8_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a8_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a8_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a8_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a8_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a8_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("9. Pemasaran dan Promosi")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a9_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a9_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a9_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a9_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a9_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a9_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a9_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("10. Insentif Loyalitas")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a10_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a10_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a10_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a10_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a10_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a10_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a10_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("11. Kemasan Produk")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a11_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a11_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2a11_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2a11_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a11_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a11_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2a11_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", { staticClass: "bg-warning font-weight-bold" }, [
-                  _c("td", [_vm._v("B. KEPUASAN ANGGOTA")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP2B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP2B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP2B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP2B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("12. Pemahaman tentang Anggota")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b12_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b12_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b12_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b12_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b12_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b12_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b12_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v("13. Membina Hubungan Berkelanjutan dengan Anggota"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b13_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b13_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b13_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b13_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b13_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b13_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b13_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("14. Evaluasi Kepuasan Anggota")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b14_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b14_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b14_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b14_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b14_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b14_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b14_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "15. Share of Wallet (Hanya menjadi anggota CU kita)"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b15_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b15_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b15_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b15_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b15_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b15_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b15_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v("16. Customer Care Excellence yang dilembagakan"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b16_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b16_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b16_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b16_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b16_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b16_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b16_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v("17. Manfaat bagi anggota (Member benefit)"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b17_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b17_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b17_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b17_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b17_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b17_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b17_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("18. Rapat Anggota")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b18_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b18_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b18_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b18_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b18_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b18_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b18_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("19. Partisipasi anggota")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b19_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b19_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b19_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b19_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b19_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b19_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b19_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "20. Masukan dari anggota secara rutin setiap tahun dalam perencanaan, umpan balik dari anggota diminta secara rutin dan wilayah kerja sudah dibagi untuk memastikan bahwa umpan balik terkumpul"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b20_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b20_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b20_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b20_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b20_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b20_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b20_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("21. Pengguna Produk-produk Pinjaman")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b21_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b21_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b21_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b21_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b21_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b21_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b21_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "22. Pemahaman Tanggung jawab Peminjam - dilihat dari % Kelalaian"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b22_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b22_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b22_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b22_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b22_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b22_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b22_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v("23. Infrastruktur Fisik-Bangunan dan Ruang Kantor"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b23_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b23_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b23_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b23_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b23_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b23_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b23_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v("24. Infrastruktur teknologi –telefon dan faks"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b24_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b24_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b24_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b24_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b24_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b24_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b24_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v("25. Komputer, Aplikasi, Network dan Email"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b25_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b25_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b25_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b25_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b25_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b25_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b25_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("26. Website")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b26_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b26_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b26_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b26_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b26_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b26_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b26_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v("27. Sistem Pelaporan Manajemen & Pusat Data"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b27_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b27_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p2.p2b27_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p2.p2b27_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b27_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b27_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p2.p2b27_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-              ]),
-              _vm._v(" "),
-              _c("tfoot", [
-                _c("tr", { staticClass: "bg-primary font-weight-bold" }, [
-                  _c("td", [_vm._v("SUBTOTAL")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP2A + _vm.nilaiSkorCUP2B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP2A + _vm.nilaiBobotCUP2B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP2A + _vm.nilaiSkorBKCUP2B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP2A + _vm.nilaiBobotBKCUP2B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-              ]),
-            ]),
-          ]
-        ),
-      ]
-    ),
-  ])
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("thead", { staticClass: "bg-primary" }, [
-      _c("tr", { staticClass: "text-nowarp" }, [
-        _c("th", [_vm._v("PERSPEKTIF")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("SKOR CU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("BOBOT CU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("SKOR BKCU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("BOBOT BKCU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("KETERANGAN CU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("KETERANGAN BKCU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("REKOMENDASI BKCU")]),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=template&id=68207201&":
-/*!*****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=template&id=68207201& ***!
-  \*****************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "div",
-      { staticClass: "card border-top-2 border-top-primary rounded-top-0" },
-      [
-        _c(
-          "div",
-          { staticClass: "card-header bg-white header-elements-inline" },
-          [
-            _c("h5", { staticClass: "card-title" }, [
-              _vm._v("3. SCORE CARD PERSPEKTIF BISNIS INTERNAL"),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "header-elements" }, [
-              _c("div", { staticClass: "list-icons" }, [
-                _c(
-                  "a",
-                  {
-                    staticClass: "list-icons-item",
-                    attrs: { href: "#" },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        _vm.collapsed = !_vm.collapsed
-                      },
-                    },
-                  },
-                  [
-                    _c("i", {
-                      class: {
-                        "icon-arrow-up12": _vm.collapsed,
-                        "icon-arrow-down12": !_vm.collapsed,
-                      },
-                    }),
-                  ]
-                ),
-              ]),
-            ]),
-          ]
-        ),
-        _vm._v(" "),
-        _c("div", { staticClass: "card-body" }, [
-          _c(
-            "div",
-            { staticClass: "text-right d-none d-sm-block" },
-            [
-              _c(
-                "json-excel",
-                {
-                  staticClass: "btn bg-green-300 btn-icon",
-                  attrs: {
-                    data: _vm.excel.data,
-                    exportFields: _vm.excel.fields,
-                    meta: _vm.excel.meta,
-                    title: "Data " + _vm.title,
-                    name: _vm.title + ".xls",
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-folder-download2" }),
-                  _vm._v(" Download Excel"),
-                ]
-              ),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "d-block d-sm-none" },
-            [
-              _c(
-                "json-excel",
-                {
-                  staticClass: "btn bg-green-300 btn-icon btn-block",
-                  attrs: {
-                    data: _vm.excel.data,
-                    exportFields: _vm.excel.fields,
-                    meta: _vm.excel.meta,
-                    title: "Data " + _vm.title,
-                    name: _vm.title + ".xls",
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-folder-download2" }),
-                  _vm._v(" Download Excel"),
-                ]
-              ),
-            ],
-            1
-          ),
-        ]),
-        _vm._v(" "),
-        _c(
-          "div",
-          {
-            directives: [
-              {
-                name: "show",
-                rawName: "v-show",
-                value: !_vm.collapsed,
-                expression: "!collapsed",
-              },
-            ],
-            staticClass: "table-responsive",
-          },
-          [
-            _c("table", { staticClass: "table table-bordered" }, [
-              _vm._m(0),
-              _vm._v(" "),
-              _c("tbody", [
-                _c("tr", { staticClass: "bg-info font-weight-bold" }, [
-                  _c("td", [
-                    _vm._v("A. PRODUK DAN PELAYANAN YANG BERKUALITAS"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP3A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP3A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP3A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP3A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("1. Manual Operasional Yang Komprehensif")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a1_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a1_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a1_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a1_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a1_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a1_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a1_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("2. Manual Prosedur")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a2_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a2_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a2_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a2_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a2_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a2_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a2_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("3. Produktivitas Staf")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a3_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a3_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a3_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a3_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a3_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a3_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a3_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v("4. Manajemen Kekeliruan (Error Management)"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a4_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a4_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a4_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a4_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a4_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a4_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a4_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v("5. Service delivery kepada anggota - Pinjaman"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a5_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a5_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a5_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a5_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a5_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a5_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a5_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v("6. Service delivery kepada anggota - Simpanan"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a6_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a6_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a6_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a6_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a6_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a6_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a6_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "7. Service delivery kepada anggota – Penarikan Simpanan"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a7_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a7_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a7_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a7_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a7_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a7_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a7_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v("8. Penggunaan Mesin dan Peralatan Kantor"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a8_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a8_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a8_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a8_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a8_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a8_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a8_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("9. Efisiensi Komunikasi Internal")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a9_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a9_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3a9_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3a9_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a9_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a9_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3a9_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", { staticClass: "bg-warning font-weight-bold" }, [
-                  _c("td", [_vm._v("B. POSISI BERSAING")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP3B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP3B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP3B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP3B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-                _vm._v(" "),
-                _vm._m(1),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("10. Kematangan Visi")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b10_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b10_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b10_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b10_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b10_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b10_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b10_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v("11. Keberanian Visi (Boldness  of Vission)"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b11_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b11_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b11_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b11_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b11_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b11_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b11_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("12. Perumusan Misi Dengan Baik")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b12_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b12_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b12_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b12_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b12_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b12_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b12_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("13. Nilai-nilai inti")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b13_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b13_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b13_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b13_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b13_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b13_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b13_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("14. Keluasan Sasaran")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b14_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b14_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b14_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b14_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b14_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b14_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b14_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("15. Tujuan Strategis")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b15_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b15_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b15_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b15_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b15_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b15_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b15_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("16. Rencana Bisnis Tahunan")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b16_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b16_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b16_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b16_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b16_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b16_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b16_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _vm._m(2),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("17. Budaya Jual (Sales Culture)")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b17_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b17_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b17_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b17_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b17_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b17_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b17_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("18. Keterlibatan Masyarakat Lokal")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b18_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b18_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b18_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b18_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b18_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b18_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b18_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("19. Kemitraan dan Aliansi")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b19_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b19_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b19_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b19_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b19_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b19_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b19_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("20. Hubungan dengan Federasi (BKCU)")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b20_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b20_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b20_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b20_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b20_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b20_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b20_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _vm._m(3),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "21. Anggota Masyarakat Pengguna Layanan Credit Union"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b21_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b21_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b21_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b21_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b21_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b21_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b21_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("22. Segmentasi Anggota menurut umur")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b22_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b22_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b22_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b22_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b22_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b22_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b22_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("23. Keberagaman Keanggotaan")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b23_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b23_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b23_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b23_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b23_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b23_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b23_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("24. Kesetaraan Gender")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b24_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b24_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b24_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b24_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b24_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b24_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b24_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _vm._m(4),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("25. Pemenuhan Aturan<")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b25_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b25_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b25_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b25_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b25_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b25_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b25_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("26. Kepatuhan Hukum")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b26_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b26_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p3.p3b26_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p3.p3b26_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b26_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b26_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p3.p3b26_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-              ]),
-              _vm._v(" "),
-              _c("tfoot", [
-                _c("tr", { staticClass: "bg-primary font-weight-bold" }, [
-                  _c("td", [_vm._v("SUBTOTAL")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP3A + _vm.nilaiSkorCUP3B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP3A + _vm.nilaiBobotCUP3B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP3A + _vm.nilaiSkorBKCUP3B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP3A + _vm.nilaiBobotBKCUP3B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-              ]),
-            ]),
-          ]
-        ),
-      ]
-    ),
-  ])
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("thead", { staticClass: "bg-primary" }, [
-      _c("tr", { staticClass: "text-nowarp" }, [
-        _c("th", [_vm._v("PERSPEKTIF")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("SKOR CU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("BOBOT CU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("SKOR BKCU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("BOBOT BKCU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("KETERANGAN CU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("KETERANGAN BKCU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("REKOMENDASI BKCU")]),
-      ]),
-    ])
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['selected', 'kegiatan_id', 'kegiatan_tipe', 'tipeUser'],
+  components: {
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
-      _c("td", { attrs: { colspan: "8" } }, [_vm._v("ARAH STRATEGIS")]),
-    ])
+  data: function data() {
+    return {
+      title: '',
+      selectedJawaban: {},
+      formJawaban: {
+        id: '',
+        kegiatan_tugas_id: '',
+        id_user: '',
+        id_cu: '',
+        keterangan: '',
+        content: '',
+        format: '',
+        link: ''
+      },
+      pages: [],
+      queryData: {
+        order_column: "created_at",
+        order_direction: "desc",
+        filter_match: "and",
+        limit: 5,
+        page: 1
+      },
+      message: {
+        show: false,
+        content: ''
+      },
+      mode: 'create',
+      isShowHapus: false,
+      isShowUbah: false,
+      submited: false
+    };
   },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
-      _c("td", { attrs: { colspan: "8" } }, [_vm._v("MEMBANGUN CITRA")]),
-    ])
+  created: function created() {
+    this.formJawaban.kegiatan_tugas_id = this.selected.id;
+    this.fetchJawaban(this.queryData);
   },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
-      _c("td", { attrs: { colspan: "8" } }, [_vm._v("PENETRASI PASAR")]),
-    ])
+  watch: {
+    itemDataStat: function itemDataStat(value) {
+      if (value == 'success') {
+        this.calculatePagination();
+      }
+    },
+    updateStat: function updateStat(value) {
+      if (value == 'success') {
+        this.fetchJawaban(this.queryData);
+        this.formJawaban.keterangan = '';
+      } else if (value == 'fail') {
+        this.message.show = true;
+        this.message.content = this.updateResponse;
+      }
+    }
   },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
-      _c("td", { attrs: { colspan: "8" } }, [_vm._v("PEMENUHAN PERATURAN")]),
-    ])
+  methods: {
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.formJawaban.content = files[0];
+    },
+    fetchJawaban: function fetchJawaban(params) {
+      if (this.tipeUser == 'peserta') {
+        this.$store.dispatch('kegiatanBKCU/editTugasJawaban', this.selected.id);
+      } else {
+        this.$store.dispatch('kegiatanBKCU/indexTugasJawaban', [params, this.selected.id]);
+      }
+    },
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formJawaban').then(function (result) {
+        if (result) {
+          if (_this.mode == 'edit') {
+            _this.$store.dispatch('kegiatanBKCU/updateTugasJawaban', [_this.formData.id, _this.formData]);
+
+            _this.isShowUbah = false;
+          } else {
+            _this.formJawaban.id_user = _this.currentUser.id;
+            _this.formJawaban.id_cu = _this.currentUser.id_cu;
+            var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_1__["toMulipartedForm"])(_this.formJawaban, _this.mode);
+
+            _this.$store.dispatch('kegiatanBKCU/storeTugasJawaban', [_this.kegiatan_tipe, formData]);
+          }
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    showOpen: function showOpen(value, tipe) {
+      this.selectedJawaban = value;
+
+      if (tipe == 'hapus') {
+        this.isShowHapus = true;
+        this.mode = 'create';
+      } else if (tipe == 'edit') {
+        this.isShowUbah = true;
+        this.mode = tipe;
+      }
+    },
+    showOke: function showOke() {
+      if (this.isShowHapus) {
+        this.$store.dispatch('kegiatanBKCU/destroyTugasJawaban', [this.kegiatan_tipe, this.selectedJawaban.id]);
+      }
+
+      this.isShowHapus = false;
+      this.mode == 'create';
+    },
+    showBatal: function showBatal() {
+      this.selectedJawaban = {};
+
+      if (this.isShowHapus) {
+        this.isShowHapus = false;
+      } else if (this.isShowUbah) {
+        this.isShowUbah = false;
+      }
+    },
+    calculatePagination: function calculatePagination() {
+      var i = 0;
+      var startPage = 0;
+      var endPage = 0;
+      var diffPage = 0;
+      startPage = this.queryData.page < 3 ? 1 : this.queryData.page - 1;
+      endPage = 4 + startPage;
+      endPage = this.itemData.last_page < endPage ? this.itemData.last_page : endPage;
+      diffPage = startPage - endPage + 4;
+      startPage -= startPage - diffPage > 0 ? diffPage : 0;
+      this.pages.length = 0;
+
+      for (i = startPage; i <= endPage; i++) {
+        this.pages.push(i);
+      }
+    },
+    prevPage: function prevPage() {
+      if (this.itemData.prev_page_url) {
+        this.queryData.page = Number(this.queryData.page) - 1;
+        this.fetchJawaban(this.queryData);
+      }
+    },
+    goToPage: function goToPage(value) {
+      if (this.queryData.page != value) {
+        this.queryData.page = value;
+        this.fetchJawaban(this.queryData);
+        ;
+      }
+    },
+    nextPage: function nextPage() {
+      if (this.itemData.next_page_url) {
+        this.queryData.page = Number(this.queryData.page) + 1;
+        this.fetchJawaban(this.queryData);
+      }
+    },
+    messageClose: function messageClose() {
+      this.message.show = false;
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    },
+    downloadMateri: function downloadMateri(filename) {
+      if (this.kegiatan_tipe == 'diklat_bkcu') {
+        axios.get('/api/download_folder/' + filename + '/diklat', {
+          responseType: 'blob'
+        }).then(function (response) {
+          file_saver__WEBPACK_IMPORTED_MODULE_5___default.a.saveAs(response.data, filename);
+        });
+      } else if (this.kegiatan_tipe == 'pertemuan_bkcu') {
+        axios.get('/api/download_folder/' + filename + '/pertemuan', {
+          responseType: 'blob'
+        }).then(function (response) {
+          file_saver__WEBPACK_IMPORTED_MODULE_5___default.a.saveAs(response.data, filename);
+        });
+      }
+    }
   },
-]
-render._withStripped = true
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
+    itemData: 'dataS11',
+    itemDataStat: 'dataStatS11',
+    formData: 'data4',
+    formDataStat: 'dataStat4',
+    updateResponse: 'update2',
+    updateStat: 'updateStat2'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
 
+exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
+
+// exports
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=template&id=682e8982&":
-/*!*****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=template&id=682e8982& ***!
-  \*****************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -55226,2178 +6214,14125 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "div",
-      { staticClass: "card border-top-2 border-top-primary rounded-top-0" },
-      [
-        _c(
-          "div",
-          { staticClass: "card-header bg-white header-elements-inline" },
-          [
-            _c("h5", { staticClass: "card-title" }, [
-              _vm._v("4. SCORE CARD PERSPEKTIF PEMBELAJARAN DAN PERTUMBUHAN"),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "header-elements" }, [
-              _c("div", { staticClass: "list-icons" }, [
-                _c(
-                  "a",
-                  {
-                    staticClass: "list-icons-item",
-                    attrs: { href: "#" },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        _vm.collapsed = !_vm.collapsed
-                      },
-                    },
-                  },
-                  [
-                    _c("i", {
-                      class: {
-                        "icon-arrow-up12": _vm.collapsed,
-                        "icon-arrow-down12": !_vm.collapsed,
-                      },
-                    }),
-                  ]
-                ),
-              ]),
+  return _c(
+    "div",
+    {
+      staticClass: "card card-body mb-2",
+      class: { "bg-warning": _vm.form == 1 },
+      staticStyle: { cursor: "pointer" },
+      on: {
+        click: function ($event) {
+          $event.preventDefault()
+          return _vm.check.apply(null, arguments)
+        },
+      },
+    },
+    [
+      _c("div", { staticClass: "form-check" }, [
+        _c("label", { staticClass: "form-check-label" }, [
+          _c("div", { staticClass: "uniform-checker" }, [
+            _c("span", { class: { checked: _vm.form == 1 } }, [
+              _c("input", {
+                staticClass: "form-check-input-styled",
+                attrs: { type: "checkbox", checked: "", "data-fouc": "" },
+              }),
             ]),
-          ]
-        ),
-        _vm._v(" "),
-        _c("div", { staticClass: "card-body" }, [
-          _c(
-            "div",
-            { staticClass: "text-right d-none d-sm-block" },
-            [
-              _c(
-                "json-excel",
-                {
-                  staticClass: "btn bg-green-300 btn-icon",
-                  attrs: {
-                    data: _vm.excel.data,
-                    exportFields: _vm.excel.fields,
-                    meta: _vm.excel.meta,
-                    title: "Data " + _vm.title,
-                    name: _vm.title + ".xls",
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-folder-download2" }),
-                  _vm._v(" Download Excel"),
-                ]
-              ),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "d-block d-sm-none" },
-            [
-              _c(
-                "json-excel",
-                {
-                  staticClass: "btn bg-green-300 btn-icon btn-block",
-                  attrs: {
-                    data: _vm.excel.data,
-                    exportFields: _vm.excel.fields,
-                    meta: _vm.excel.meta,
-                    title: "Data " + _vm.title,
-                    name: _vm.title + ".xls",
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-folder-download2" }),
-                  _vm._v(" Download Excel"),
-                ]
-              ),
-            ],
-            1
-          ),
+          ]),
+          _vm._v("\n\t\t\t" + _vm._s(_vm.title) + "\n\t\t"),
         ]),
-        _vm._v(" "),
-        _c(
-          "div",
-          {
-            directives: [
-              {
-                name: "show",
-                rawName: "v-show",
-                value: !_vm.collapsed,
-                expression: "!collapsed",
-              },
-            ],
-            staticClass: "table-responsive",
-          },
-          [
-            _c("table", { staticClass: "table table-bordered" }, [
-              _vm._m(0),
-              _vm._v(" "),
-              _c("tbody", [
-                _c("tr", { staticClass: "bg-info font-weight-bold" }, [
-                  _c("td", [
-                    _vm._v(
-                      "A. KEPEMIMPINAN – PENGURUS YANG BERPENGETAHUAN DAN TERLIBAT AKTIF"
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP4A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP4A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP4A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP4A,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
+      ]),
+    ]
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
+  \*******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "table-responsive table-scrollable",
+      staticStyle: { "max-height": "33rem" },
+    },
+    [
+      _c("table", { staticClass: "table table-striped" }, [
+        _c("thead", { staticClass: "bg-primary" }, [
+          _c(
+            "tr",
+            { staticClass: "text-nowrap" },
+            _vm._l(_vm.columnData, function (item, index) {
+              return _c("th", { key: index }, [
+                _c("span", { domProps: { innerHTML: _vm._s(item.title) } }),
+              ])
+            }),
+            0
+          ),
+        ]),
+        _vm._v(" "),
+        _vm.itemDataStat === "loading"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._m(0),
                 ]),
+              ]),
+            ])
+          : _vm.itemDataStat === "success"
+          ? _c(
+              "tbody",
+              [
+                _vm._l(_vm.items, function (item, index) {
+                  return _vm._t("item-desktop", null, {
+                    item: item,
+                    index: index,
+                  })
+                }),
                 _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("1. Pusat Keputusan Yang Utama")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a1_cu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a1_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a1_bkcu_penilaian / 1,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a1_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a1_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a1_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a1_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
+                _vm.items.length == 0
+                  ? _c("tr", [
+                      _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                        _vm._v("Belum terdapat data..."),
+                      ]),
+                    ])
+                  : _vm._e(),
+              ],
+              2
+            )
+          : _vm.itemDataStat === "fail"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v(
+                    "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
                   ),
                 ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("2. Peran Penasehat (advisory)")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a2_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a2_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a2_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a2_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a1_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a1_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a1_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
+              ]),
+            ])
+          : _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v("-"),
                 ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("3. Peran Pengabadian (Perpetuating)")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a3_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a3_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a3_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a3_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a1_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a1_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
+              ]),
+            ]),
+      ]),
+    ]
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("DatePicker", {
+    staticClass: "w-100",
+    attrs: {
+      format: "DD-MM-YYYY",
+      "value-type": "format",
+      placeholder: "Pilih Tanggal",
+      editable: true,
+    },
+    on: { change: _vm.onChanged },
+    model: {
+      value: _vm.time,
+      callback: function ($$v) {
+        _vm.time = $$v
+      },
+      expression: "time",
+    },
+  })
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticStyle: { display: "inline-block" } }, [
+    _c("i", {
+      directives: [
+        {
+          name: "tooltip",
+          rawName: "v-tooltip",
+          value: _vm.message,
+          expression: "message",
+        },
+      ],
+      staticClass: "icon-info22 d-none d-sm-block",
+    }),
+    _vm._v(" "),
+    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
+      _c("i", [_vm._v(_vm._s(_vm.message))]),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=template&id=55783ca6&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=template&id=55783ca6& ***!
+  \************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: _vm.level,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan",
+                      errorItem: _vm.errors.items,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("div", { staticClass: "row" }, [
+                _c("div", { staticClass: "col-md-12" }, [
                   _c(
-                    "td",
+                    "div",
+                    { staticClass: "card" },
                     [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a1_bkcu_rekomendasi },
-                      }),
+                      _vm.item.tipe == "diklat_bkcu"
+                        ? [
+                            _vm.item.gambar
+                              ? _c("img", {
+                                  staticClass: "img-fluid wmin-sm",
+                                  attrs: {
+                                    src:
+                                      "/images/diklat/" +
+                                      _vm.item.gambar +
+                                      ".jpg",
+                                  },
+                                })
+                              : _vm._e(),
+                          ]
+                        : _vm.item.tipe == "pertemuan_bkcu"
+                        ? [
+                            _vm.item.gambar
+                              ? _c("img", {
+                                  staticClass: "img-fluid wmin-sm",
+                                  attrs: {
+                                    src:
+                                      "/images/pertemuan/" +
+                                      _vm.item.gambar +
+                                      ".jpg",
+                                  },
+                                })
+                              : _vm._e(),
+                          ]
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "card-header" }, [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(_vm._s(_vm.item.name)),
+                        ]),
+                      ]),
                     ],
-                    1
+                    2
                   ),
                 ]),
                 _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("4. Fungsi Wali")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a4_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a4_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a4_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a4_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
+                _c("div", { staticClass: "col-lg-3 col-md-4 order-md-12" }, [
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(0),
+                    _vm._v(" "),
+                    _c(
+                      "div",
+                      { staticClass: "card-body" },
+                      [
+                        _vm.item.tipe == "diklat_bkcu"
+                          ? [
+                              _vm.tipeUser == "panitia"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-2",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen("tambahMateri")
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-plus22" }),
+                                      _vm._v(
+                                        " Tambah Materi\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _vm.tipeUser == "panitia"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-2",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.ubahKegiatan(_vm.item.id)
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-pencil5" }),
+                                      _vm._v(
+                                        " Ubah Diklat\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _vm.tipeUser == "panitia"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-2",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen(
+                                            "statusPertemuan"
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-calendar5",
+                                      }),
+                                      _vm._v(
+                                        " Status Diklat\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _vm.tipeUser == "panitia"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-2",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen("hapusPertemuan")
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-bin2" }),
+                                      _vm._v(
+                                        " Hapus Diklat\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _vm.item.status != 5 && _vm.item.status != 6
+                                ? [
+                                    _vm.currentUser.id_cu == 0
+                                      ? _c(
+                                          "button",
+                                          {
+                                            staticClass:
+                                              "btn bg-warning-400 btn-block mb-2",
+                                            on: {
+                                              click: function ($event) {
+                                                $event.preventDefault()
+                                                return _vm.modalOpen(
+                                                  "tambahPeserta"
+                                                )
+                                              },
+                                            },
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass: "icon-people",
+                                            }),
+                                            _vm._v(
+                                              " Daftar Peserta Diklat\n\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _vm.currentUser.can &&
+                                        _vm.currentUser.can[
+                                          "index_diklat_bkcu"
+                                        ] &&
+                                        _vm.currentUser.id_cu != 0 &&
+                                        _vm.item.status == 2
+                                      ? _c(
+                                          "button",
+                                          {
+                                            staticClass:
+                                              "btn bg-warning-400 btn-block mb-2",
+                                            on: {
+                                              click: function ($event) {
+                                                $event.preventDefault()
+                                                return _vm.modalOpen(
+                                                  "tambahPeserta"
+                                                )
+                                              },
+                                            },
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass: "icon-people",
+                                            }),
+                                            _vm._v(
+                                              " Daftar Peserta Diklat\n\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _vm._e(),
+                                  ]
+                                : _vm._e(),
+                            ]
+                          : _vm.item.tipe == "pertemuan_bkcu"
+                          ? [
+                              _vm.tipeUser == "panitia"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-2",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen("tambahMateri")
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-plus22" }),
+                                      _vm._v(
+                                        " Tambah Materi\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _vm.tipeUser == "panitia"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-2",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.ubahKegiatan(_vm.item.id)
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-pencil5" }),
+                                      _vm._v(
+                                        " Ubah Pertemuan\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _vm.tipeUser == "panitia"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-2",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen(
+                                            "statusPertemuan"
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-calendar5",
+                                      }),
+                                      _vm._v(
+                                        " Status Pertemuan\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _vm.tipeUser == "panitia" && _vm.item.status == 1
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-2",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen("hapusPertemuan")
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-bin2" }),
+                                      _vm._v(
+                                        " Hapus Pertemuan\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _vm.item.status != 5 && _vm.item.status != 6
+                                ? [
+                                    _vm.currentUser.id_cu == 0
+                                      ? _c(
+                                          "button",
+                                          {
+                                            staticClass:
+                                              "btn bg-warning-400 btn-block mb-2",
+                                            on: {
+                                              click: function ($event) {
+                                                $event.preventDefault()
+                                                return _vm.modalOpen(
+                                                  "tambahPeserta"
+                                                )
+                                              },
+                                            },
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass: "icon-people",
+                                            }),
+                                            _vm._v(
+                                              " Daftar Peserta Pertemuan\n\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _vm.currentUser.can &&
+                                        _vm.currentUser.can[
+                                          "index_pertemuan_bkcu"
+                                        ] &&
+                                        _vm.currentUser.id_cu != 0 &&
+                                        _vm.item.status == 2
+                                      ? _c(
+                                          "button",
+                                          {
+                                            staticClass:
+                                              "btn bg-warning-400 btn-block mb-2",
+                                            on: {
+                                              click: function ($event) {
+                                                $event.preventDefault()
+                                                return _vm.modalOpen(
+                                                  "tambahPeserta"
+                                                )
+                                              },
+                                            },
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass: "icon-people",
+                                            }),
+                                            _vm._v(
+                                              " Daftar Peserta Pertemuan\n\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _vm._e(),
+                                  ]
+                                : _vm._e(),
+                            ]
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.item.pilih && _vm.item.pilih.length > 0
+                          ? [
+                              _vm.item.status == 4 && _vm.tipeUser == "peserta"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn bg-success btn-block mb-2",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen(
+                                            "tambahKeputusan"
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-hammer" }),
+                                      _vm._v(
+                                        " Beri Keputusan\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _vm._e(),
+                            ]
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.item.status == 4 && _vm.tipeUser == "peserta"
+                          ? _c(
+                              "button",
+                              {
+                                staticClass: "btn bg-info btn-block mb-2",
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.modalOpen("tambahPertanyaan")
+                                  },
+                                },
+                              },
+                              [
+                                _c("i", { staticClass: "icon-question7" }),
+                                _vm._v(" Ajukan Pertanyaan\n\t\t\t\t\t\t\t\t"),
+                              ]
+                            )
+                          : _vm._e(),
+                      ],
+                      2
+                    ),
+                  ]),
                   _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a1_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(1),
+                    _vm._v(" "),
+                    _c(
+                      "table",
+                      {
+                        staticClass:
+                          "table table-borderless table-xs border-top-0 my-2",
+                      },
+                      [
+                        _c("tbody", [
+                          _c("tr", [
+                            _c("td", { staticClass: "font-weight-semibold" }, [
+                              _vm._v("Status:"),
+                            ]),
+                            _vm._v(" "),
+                            _c("td", { staticClass: "text-right" }, [
+                              _c("span", {
+                                domProps: {
+                                  innerHTML: _vm._s(
+                                    _vm.$options.filters.statusDiklat(
+                                      _vm.item.status
+                                    )
+                                  ),
+                                },
+                              }),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("tr", [
+                            _c("td", { staticClass: "font-weight-semibold" }, [
+                              _vm._v("Kode:"),
+                            ]),
+                            _vm._v(" "),
+                            _c("td", { staticClass: "text-right" }, [
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\t\t\t\t\t" +
+                                  _vm._s(_vm.item.kode_diklat) +
+                                  "\n\t\t\t\t\t\t\t\t\t\t"
+                              ),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("tr", [
+                            _c("td", { staticClass: "font-weight-semibold" }, [
+                              _vm._v("Durasi:"),
+                            ]),
+                            _vm._v(" "),
+                            _c("td", { staticClass: "text-right" }, [
+                              _vm._v(_vm._s(_vm.item.durasi) + " jam"),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("tr", [
+                            _c("td", { staticClass: "font-weight-semibold" }, [
+                              _vm._v("Tgl. Mulai:"),
+                            ]),
+                            _vm._v(" "),
+                            _c("td", {
+                              staticClass: "text-right",
+                              domProps: {
+                                innerHTML: _vm._s(
+                                  _vm.$options.filters.dateMonth(_vm.item.mulai)
+                                ),
+                              },
+                            }),
+                          ]),
+                          _vm._v(" "),
+                          _c("tr", [
+                            _c("td", { staticClass: "font-weight-semibold" }, [
+                              _vm._v("Tgl. Selesai:"),
+                            ]),
+                            _vm._v(" "),
+                            _c("td", {
+                              staticClass: "text-right",
+                              domProps: {
+                                innerHTML: _vm._s(
+                                  _vm.$options.filters.dateMonth(
+                                    _vm.item.selesai
+                                  )
+                                ),
+                              },
+                            }),
+                          ]),
+                          _vm._v(" "),
+                          _vm._m(2),
+                          _vm._v(" "),
+                          _c("tr", [
+                            _c("td", { staticClass: "font-weight-semibold" }, [
+                              _vm._v("Peserta Min:"),
+                            ]),
+                            _vm._v(" "),
+                            _c("td", { staticClass: "text-right" }, [
+                              _vm._v(_vm._s(_vm.item.peserta_min) + " orang"),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("tr", [
+                            _c("td", { staticClass: "font-weight-semibold" }, [
+                              _vm._v("Peserta Max:"),
+                            ]),
+                            _vm._v(" "),
+                            _c("td", { staticClass: "text-right" }, [
+                              _vm._v(_vm._s(_vm.item.peserta_max) + " orang"),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("tr", [
+                            _c("td", { staticClass: "font-weight-semibold" }, [
+                              _vm._v("Peserta Max Per CU:"),
+                            ]),
+                            _vm._v(" "),
+                            _c("td", { staticClass: "text-right" }, [
+                              _vm._v(
+                                _vm._s(_vm.item.peserta_max_cu) + " orang"
+                              ),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _vm.item.keputusan_cu ||
+                          _vm.item.pertanyaan_cu ||
+                          _vm.item.keputusan_user ||
+                          _vm.item.pertanyaan_user
+                            ? _c("tr", [_vm._m(3)])
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _vm.item.keputusan_cu
+                            ? _c("tr", [
+                                _c(
+                                  "td",
+                                  { staticClass: "font-weight-semibold" },
+                                  [_vm._v("Keputusan Max Per CU:")]
+                                ),
+                                _vm._v(" "),
+                                _c("td", { staticClass: "text-right" }, [
+                                  _vm._v(
+                                    _vm._s(_vm.item.keputusan_cu) + " kali"
+                                  ),
+                                ]),
+                              ])
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _vm.item.keputusan_user
+                            ? _c("tr", [
+                                _c(
+                                  "td",
+                                  { staticClass: "font-weight-semibold" },
+                                  [_vm._v("Keputusan Max Per Peserta:")]
+                                ),
+                                _vm._v(" "),
+                                _c("td", { staticClass: "text-right" }, [
+                                  _vm._v(
+                                    _vm._s(_vm.item.keputusan_user) + " kali"
+                                  ),
+                                ]),
+                              ])
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _vm.item.pertanyaan_cu
+                            ? _c("tr", [
+                                _c(
+                                  "td",
+                                  { staticClass: "font-weight-semibold" },
+                                  [_vm._v("Pertanyaan Max Per CU:")]
+                                ),
+                                _vm._v(" "),
+                                _c("td", { staticClass: "text-right" }, [
+                                  _vm._v(
+                                    _vm._s(_vm.item.pertanyaan_cu) + " kali"
+                                  ),
+                                ]),
+                              ])
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _vm.item.pertanyaan_user
+                            ? _c("tr", [
+                                _c(
+                                  "td",
+                                  { staticClass: "font-weight-semibold" },
+                                  [_vm._v("Pertanyaan Max Per Peserta:")]
+                                ),
+                                _vm._v(" "),
+                                _c("td", { staticClass: "text-right" }, [
+                                  _vm._v(
+                                    _vm._s(_vm.item.pertanyaan_user) + " kali"
+                                  ),
+                                ]),
+                              ])
+                            : _vm._e(),
+                        ]),
+                      ]
+                    ),
+                  ]),
                   _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a1_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(4),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _vm.item.sasaran
+                        ? _c(
+                            "span",
+                            _vm._l(_vm.item.sasaran, function (sasaran, index) {
+                              return _c(
+                                "label",
+                                {
+                                  key: index,
+                                  staticClass: "badge badge-primary ml-1",
+                                },
+                                [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t" +
+                                      _vm._s(sasaran.name) +
+                                      "\n\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            }),
+                            0
+                          )
+                        : _vm._e(),
+                    ]),
+                  ]),
                   _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a1_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
+                  _vm.item.tempat
+                    ? _c("div", { staticClass: "card" }, [
+                        _vm._m(5),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "card-img-actions mx-1 mt-1" },
+                          [
+                            _vm.item.tempat && _vm.item.tempat.gambar
+                              ? _c(
+                                  "a",
+                                  {
+                                    attrs: { href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.modalImageOpen(
+                                          "/images/tempat/" +
+                                            _vm.item.tempat.gambar +
+                                            ".jpg"
+                                        )
+                                      },
+                                    },
+                                  },
+                                  [
+                                    _c("img", {
+                                      staticClass: "card-img img-fluid",
+                                      attrs: {
+                                        src:
+                                          "/images/tempat/" +
+                                          _vm.item.tempat.gambar +
+                                          "n.jpg",
+                                      },
+                                    }),
+                                    _vm._v(" "),
+                                    _vm._m(6),
+                                  ]
+                                )
+                              : _c(
+                                  "a",
+                                  {
+                                    attrs: { href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.modalImageOpen(
+                                          "/images/no_image.jpg"
+                                        )
+                                      },
+                                    },
+                                  },
+                                  [
+                                    _c("img", {
+                                      staticClass: "card-img img-fluid",
+                                      attrs: { src: "/images/no_image.jpg" },
+                                    }),
+                                    _vm._v(" "),
+                                    _vm._m(7),
+                                  ]
+                                ),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _vm.itemStat == "success"
+                          ? _c(
+                              "table",
+                              {
+                                staticClass:
+                                  "table table-borderless table-xs border-top-0 my-2",
+                              },
+                              [
+                                _c("tbody", [
+                                  _c("tr", [
+                                    _c(
+                                      "td",
+                                      { staticClass: "font-weight-semibold" },
+                                      [_vm._v("Nama:")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      { staticClass: "text-right" },
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: _vm.item.tempat.name,
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("tr", [
+                                    _c(
+                                      "td",
+                                      { staticClass: "font-weight-semibold" },
+                                      [_vm._v("Email:")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      { staticClass: "text-right" },
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: _vm.item.tempat.email,
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("tr", [
+                                    _c(
+                                      "td",
+                                      { staticClass: "font-weight-semibold" },
+                                      [_vm._v("No. Telp:")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      { staticClass: "text-right" },
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: _vm.item.tempat.telp,
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("tr", [
+                                    _c(
+                                      "td",
+                                      { staticClass: "font-weight-semibold" },
+                                      [_vm._v("No. Hp:")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      { staticClass: "text-right" },
+                                      [
+                                        _c("check-value", {
+                                          attrs: { value: _vm.item.tempat.hp },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("tr", [
+                                    _c(
+                                      "td",
+                                      { staticClass: "font-weight-semibold" },
+                                      [_vm._v("Alamat:")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      { staticClass: "text-right" },
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: _vm.item.tempat.alamat,
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("tr", [
+                                    _c(
+                                      "td",
+                                      { staticClass: "font-weight-semibold" },
+                                      [_vm._v("Website:")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      { staticClass: "text-right" },
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: _vm.item.tempat.website,
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                  ]),
+                                ]),
+                              ]
+                            )
+                          : _vm._e(),
+                      ])
+                    : _vm.item.tipe_tempat == "ONLINE"
+                    ? _c("div", { staticClass: "card" }, [
+                        _vm._m(8),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "card-body" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t\t\t\tDilaksanakan secara online\n\t\t\t\t\t\t\t"
+                          ),
+                        ]),
+                      ])
+                    : _c("div", { staticClass: "card" }, [
+                        _vm._m(9),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "card-body" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t\t\t\tBelum menentukan tempat pertemuan\n\t\t\t\t\t\t\t"
+                          ),
+                        ]),
+                      ]),
                 ]),
                 _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("5. Sebagai Simbol")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a5_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a5_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
+                _c(
+                  "div",
+                  { staticClass: "col-lg-9 col-md-8 order-md-1" },
+                  [
+                    _c("div", { staticClass: "card" }, [
+                      _c("div", { staticClass: "nav-tabs-responsive" }, [
+                        _c(
+                          "ul",
+                          {
+                            staticClass:
+                              "nav nav-tabs nav-tabs-bottom flex-nowrap mb-0",
+                          },
+                          [
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "info" },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("info")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-menu7 mr-2" }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\tUmum\n\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "materi" },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("materi")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-folder-download2 mr-2",
+                                  }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\tUnduhan\n\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: {
+                                    active: _vm.tabName == "listMateri",
+                                  },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("listMateri")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-copy mr-2" }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\tMateri\n\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "tugas" },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("tugas")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-paste mr-2" }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\tTugas\n\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _vm.item.pilih && _vm.item.pilih.length > 0
+                              ? _c("li", { staticClass: "nav-item" }, [
+                                  _c(
+                                    "a",
+                                    {
+                                      staticClass: "nav-link",
+                                      class: {
+                                        active: _vm.tabName == "keputusan",
+                                      },
+                                      attrs: { href: "#" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.changeTab("keputusan")
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-hammer mr-2",
+                                      }),
+                                      _vm._v(
+                                        "\n\t\t\t\t\t\t\t\t\t\tKeputusan \n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                      _vm.countKeputusanStat == "success" &&
+                                      _vm.countKeputusan[0] > 0
+                                        ? _c(
+                                            "span",
+                                            {
+                                              staticClass:
+                                                "badge badge-success ml-2",
+                                            },
+                                            [
+                                              _vm._v(
+                                                _vm._s(_vm.countKeputusan[0])
+                                              ),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                    ]
+                                  ),
+                                ])
+                              : _vm._e(),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: {
+                                    active: _vm.tabName == "pertanyaan",
+                                  },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("pertanyaan")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-question7 mr-2",
+                                  }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\tPertanyaan \n\t\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                  _vm.countPertanyaanStat == "success" &&
+                                  _vm.countPertanyaan[0] > 0
+                                    ? _c(
+                                        "span",
+                                        {
+                                          staticClass: "badge badge-info ml-2",
+                                        },
+                                        [_vm._v(_vm._s(_vm.countPertanyaan[0]))]
+                                      )
+                                    : _vm._e(),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: {
+                                    active: _vm.tabName == "pesertaTerdaftar",
+                                  },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("pesertaTerdaftar")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-people mr-2" }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\tTerdaftar\n\t\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                  _vm.countPesertaStat == "success" &&
+                                  _vm.countPeserta > 0 &&
+                                  _vm.currentUser.id_cu == 0
+                                    ? _c(
+                                        "span",
+                                        {
+                                          staticClass: "badge badge-dark ml-2",
+                                        },
+                                        [_vm._v(_vm._s(_vm.countPeserta))]
+                                      )
+                                    : _vm._e(),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: {
+                                    active: _vm.tabName == "pesertaHadir",
+                                  },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("pesertaHadir")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-accessibility mr-2",
+                                  }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\tHadir \n\t\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                  _vm.countPesertaHadirStat == "success" &&
+                                  _vm.countPesertaHadir > 0
+                                    ? _c(
+                                        "span",
+                                        {
+                                          staticClass: "badge badge-dark ml-2",
+                                        },
+                                        [_vm._v(_vm._s(_vm.countPesertaHadir))]
+                                      )
+                                    : _vm._e(),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "a",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "statistik" },
+                                  attrs: { href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("statistik")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-equalizer mr-2",
+                                  }),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\tStatistik\n\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]),
+                          ]
+                        ),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
                         attrs: {
-                          value: _vm.form.p4.p4a5_bkcu_penilaian / 1,
-                          valueType: "currency",
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "info",
+                                expression: "tabName == 'info'",
+                              },
+                            ],
+                          },
+                          [
+                            _vm.item.keterangan
+                              ? _c("div", { staticClass: "card" }, [
+                                  _c(
+                                    "div",
+                                    { staticClass: "card-header bg-white" },
+                                    [
+                                      _c("h5", { staticClass: "card-title" }, [
+                                        _vm._v("1. Kerangka Acuan"),
+                                      ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("div", {
+                                    staticClass: "card-body",
+                                    domProps: {
+                                      innerHTML: _vm._s(_vm.item.keterangan),
+                                    },
+                                  }),
+                                ])
+                              : _vm._e(),
+                            _vm._v(" "),
+                            _vm.item.jadwal
+                              ? _c("div", { staticClass: "card" }, [
+                                  _c(
+                                    "div",
+                                    { staticClass: "card-header bg-white" },
+                                    [
+                                      _c("h5", { staticClass: "card-title" }, [
+                                        _vm._v("2. Jadwal"),
+                                      ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("div", {
+                                    staticClass: "card-body",
+                                    domProps: {
+                                      innerHTML: _vm._s(_vm.item.jadwal),
+                                    },
+                                  }),
+                                ])
+                              : _vm._e(),
+                            _vm._v(" "),
+                            _vm.itemDataPanitia
+                              ? _c(
+                                  "div",
+                                  { staticClass: "card" },
+                                  [
+                                    _c(
+                                      "div",
+                                      { staticClass: "card-header bg-white" },
+                                      [
+                                        _c(
+                                          "h5",
+                                          { staticClass: "card-title" },
+                                          [_vm._v("3. Panitia dan Fasilitator")]
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("data-table", {
+                                      attrs: {
+                                        items: _vm.itemDataPanitia,
+                                        columnData: _vm.columnDataPanitia,
+                                        itemDataStat: _vm.itemStat,
+                                      },
+                                      scopedSlots: _vm._u(
+                                        [
+                                          {
+                                            key: "item-desktop",
+                                            fn: function (props) {
+                                              return [
+                                                props.item
+                                                  ? _c("tr", [
+                                                      _c("td", [
+                                                        _vm._v(
+                                                          _vm._s(
+                                                            props.index + 1
+                                                          )
+                                                        ),
+                                                      ]),
+                                                      _vm._v(" "),
+                                                      _c("td", [
+                                                        props.item.gambar
+                                                          ? _c("img", {
+                                                              staticClass:
+                                                                "img-rounded img-fluid wmin-sm",
+                                                              attrs: {
+                                                                src:
+                                                                  "/images/aktivis/" +
+                                                                  props.item
+                                                                    .gambar +
+                                                                  "n.jpg",
+                                                                width: "35px",
+                                                              },
+                                                            })
+                                                          : _c("img", {
+                                                              staticClass:
+                                                                "img-rounded img-fluid wmin-sm",
+                                                              attrs: {
+                                                                src: "/images/no_image_man.jpg",
+                                                                width: "35px",
+                                                              },
+                                                            }),
+                                                      ]),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item.name,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      props.item.pivot.asal ==
+                                                      "dalam"
+                                                        ? _c("td", [
+                                                            props.item
+                                                              .pekerjaan_aktif &&
+                                                            props.item
+                                                              .pekerjaan_aktif
+                                                              .tipe == 1
+                                                              ? _c(
+                                                                  "span",
+                                                                  [
+                                                                    props.item
+                                                                      .pekerjaan_aktif
+                                                                      .cu
+                                                                      ? _c(
+                                                                          "check-value",
+                                                                          {
+                                                                            attrs:
+                                                                              {
+                                                                                "front-text":
+                                                                                  "CU",
+                                                                                value:
+                                                                                  props
+                                                                                    .item
+                                                                                    .pekerjaan_aktif
+                                                                                    .cu
+                                                                                    .name,
+                                                                              },
+                                                                          }
+                                                                        )
+                                                                      : _c(
+                                                                          "span",
+                                                                          [
+                                                                            _vm._v(
+                                                                              "-"
+                                                                            ),
+                                                                          ]
+                                                                        ),
+                                                                  ],
+                                                                  1
+                                                                )
+                                                              : props.item
+                                                                  .pekerjaan_aktif &&
+                                                                props.item
+                                                                  .pekerjaan_aktif
+                                                                  .tipe == 2
+                                                              ? _c(
+                                                                  "span",
+                                                                  [
+                                                                    props.item
+                                                                      .pekerjaan_aktif
+                                                                      .lembaga_lain
+                                                                      ? _c(
+                                                                          "check-value",
+                                                                          {
+                                                                            attrs:
+                                                                              {
+                                                                                value:
+                                                                                  props
+                                                                                    .item
+                                                                                    .pekerjaan_aktif
+                                                                                    .lembaga_lain
+                                                                                    .name,
+                                                                              },
+                                                                          }
+                                                                        )
+                                                                      : _c(
+                                                                          "span",
+                                                                          [
+                                                                            _vm._v(
+                                                                              "-"
+                                                                            ),
+                                                                          ]
+                                                                        ),
+                                                                  ],
+                                                                  1
+                                                                )
+                                                              : props.item
+                                                                  .pekerjaan_aktif &&
+                                                                props.item
+                                                                  .pekerjaan_aktif
+                                                                  .tipe == 3
+                                                              ? _c("span", [
+                                                                  _vm._v(
+                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                  ),
+                                                                ])
+                                                              : _c("span", [
+                                                                  _vm._v("-"),
+                                                                ]),
+                                                          ])
+                                                        : props.item.pivot
+                                                            .asal == "luar"
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .lembaga,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : props.item.pivot
+                                                            .asal ==
+                                                          "luar lembaga"
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .name,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item.pivot
+                                                                  .asal,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item.pivot
+                                                                  .peran,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item.pivot
+                                                                  .keterangan,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item
+                                                                  .email,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item.hp,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                    ])
+                                                  : _vm._e(),
+                                              ]
+                                            },
+                                          },
+                                        ],
+                                        null,
+                                        false,
+                                        4144858265
+                                      ),
+                                    }),
+                                  ],
+                                  1
+                                )
+                              : _vm._e(),
+                          ]
+                        ),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
                         attrs: {
-                          value:
-                            (_vm.form.p4.p4a5_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a5_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a5_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a5_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("6. Komposisi dan Komitmen")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "materi",
+                                expression: "tabName == 'materi'",
+                              },
+                            ],
+                          },
+                          [
+                            _c(
+                              "data-viewer",
+                              {
+                                attrs: {
+                                  title: "Unduhan",
+                                  itemData: _vm.itemDataMateri,
+                                  columnData: _vm.columnDataMateri,
+                                  itemDataStat: _vm.itemDataMateriStat,
+                                  query: _vm.queryMateri,
+                                  isNoExcel: "true",
+                                  isDasar: "true",
+                                  isDisable: _vm.isDisableTable,
+                                  dataview: "grid",
+                                },
+                                on: { fetch: _vm.fetchMateri },
+                                scopedSlots: _vm._u([
+                                  {
+                                    key: "item-mobile",
+                                    fn: function (props) {
+                                      return [
+                                        _c(
+                                          "div",
+                                          { staticClass: "col-md-12" },
+                                          [
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "card-header bg-light header-elements-inline",
+                                                },
+                                                [
+                                                  _c(
+                                                    "h6",
+                                                    {
+                                                      staticClass: "card-title",
+                                                    },
+                                                    [
+                                                      _c(
+                                                        "a",
+                                                        {
+                                                          attrs: { href: "#" },
+                                                          on: {
+                                                            click: function (
+                                                              $event
+                                                            ) {
+                                                              $event.preventDefault()
+                                                              return _vm.modalOpen(
+                                                                "lihatMateri",
+                                                                true,
+                                                                props.item
+                                                              )
+                                                            },
+                                                          },
+                                                        },
+                                                        [
+                                                          _vm._v(
+                                                            _vm._s(
+                                                              props.item.name
+                                                            )
+                                                          ),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass:
+                                                        "d-none d-sm-block",
+                                                    },
+                                                    [
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "header-elements",
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "span",
+                                                            {
+                                                              staticClass:
+                                                                "badge badge-primary",
+                                                            },
+                                                            [
+                                                              _vm._v(
+                                                                _vm._s(
+                                                                  _vm._f(
+                                                                    "uppercase"
+                                                                  )(
+                                                                    props.item
+                                                                      .tipe
+                                                                  )
+                                                                )
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c("span", {
+                                                            staticClass:
+                                                              "badge badge-secondary ml-1",
+                                                            domProps: {
+                                                              innerHTML: _vm._s(
+                                                                _vm.$options.filters.dateTime(
+                                                                  props.item
+                                                                    .created_at
+                                                                )
+                                                              ),
+                                                            },
+                                                          }),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              props.item.keterangan
+                                                ? _c(
+                                                    "div",
+                                                    {
+                                                      staticClass: "card-body",
+                                                    },
+                                                    [
+                                                      _vm._v(
+                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                          _vm._s(
+                                                            props.item
+                                                              .keterangan
+                                                          ) +
+                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  )
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-footer" },
+                                                [
+                                                  _c(
+                                                    "div",
+                                                    { staticClass: "row" },
+                                                    [
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "col-md-6",
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "d-none d-sm-block",
+                                                            },
+                                                            [
+                                                              props.item
+                                                                .format ==
+                                                              "upload"
+                                                                ? _c(
+                                                                    "button",
+                                                                    {
+                                                                      staticClass:
+                                                                        "btn btn-light mb-1",
+                                                                      attrs: {
+                                                                        type: "button",
+                                                                      },
+                                                                      on: {
+                                                                        click:
+                                                                          function (
+                                                                            $event
+                                                                          ) {
+                                                                            $event.preventDefault()
+                                                                            return _vm.downloadMateri(
+                                                                              props
+                                                                                .item
+                                                                                .tipe ==
+                                                                                "jpg"
+                                                                                ? props
+                                                                                    .item
+                                                                                    .filename +
+                                                                                    ".jpg"
+                                                                                : props
+                                                                                    .item
+                                                                                    .filename
+                                                                            )
+                                                                          },
+                                                                      },
+                                                                    },
+                                                                    [
+                                                                      _c("i", {
+                                                                        staticClass:
+                                                                          "icon-file-eye",
+                                                                      }),
+                                                                      _vm._v(
+                                                                        " Lihat"
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : props.item
+                                                                    .format ==
+                                                                  "link"
+                                                                ? _c(
+                                                                    "a",
+                                                                    {
+                                                                      staticClass:
+                                                                        "btn btn-light mb-1",
+                                                                      attrs: {
+                                                                        type: "button",
+                                                                        href: props
+                                                                          .item
+                                                                          .link,
+                                                                        target:
+                                                                          "_blank",
+                                                                      },
+                                                                    },
+                                                                    [
+                                                                      _c("i", {
+                                                                        staticClass:
+                                                                          "icon-file-eye",
+                                                                      }),
+                                                                      _vm._v(
+                                                                        " Lihat"
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : _vm._e(),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "d-block d-sm-none text-center",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "span",
+                                                                {
+                                                                  staticClass:
+                                                                    "badge badge-primary",
+                                                                },
+                                                                [
+                                                                  _vm._v(
+                                                                    _vm._s(
+                                                                      _vm._f(
+                                                                        "uppercase"
+                                                                      )(
+                                                                        props
+                                                                          .item
+                                                                          .tipe
+                                                                      )
+                                                                    )
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                              _vm._v(" "),
+                                                              _c("span", {
+                                                                staticClass:
+                                                                  "badge badge-secondary",
+                                                                domProps: {
+                                                                  innerHTML:
+                                                                    _vm._s(
+                                                                      _vm.$options.filters.dateTime(
+                                                                        props
+                                                                          .item
+                                                                          .created_at
+                                                                      )
+                                                                    ),
+                                                                },
+                                                              }),
+                                                              _vm._v(" "),
+                                                              props.item
+                                                                .format ==
+                                                              "upload"
+                                                                ? _c(
+                                                                    "button",
+                                                                    {
+                                                                      staticClass:
+                                                                        "btn btn-light btn-block mt-2 mb-1",
+                                                                      attrs: {
+                                                                        type: "button",
+                                                                      },
+                                                                      on: {
+                                                                        click:
+                                                                          function (
+                                                                            $event
+                                                                          ) {
+                                                                            $event.preventDefault()
+                                                                            return _vm.downloadMateri(
+                                                                              props
+                                                                                .item
+                                                                                .tipe ==
+                                                                                "jpg"
+                                                                                ? props
+                                                                                    .item
+                                                                                    .filename +
+                                                                                    ".jpg"
+                                                                                : props
+                                                                                    .item
+                                                                                    .filename
+                                                                            )
+                                                                          },
+                                                                      },
+                                                                    },
+                                                                    [
+                                                                      _c("i", {
+                                                                        staticClass:
+                                                                          "icon-file-eye",
+                                                                      }),
+                                                                      _vm._v(
+                                                                        " Lihat"
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : props.item
+                                                                    .format ==
+                                                                  "link"
+                                                                ? _c(
+                                                                    "a",
+                                                                    {
+                                                                      staticClass:
+                                                                        "btn btn-light btn-block mt-2 mb-1",
+                                                                      attrs: {
+                                                                        type: "button",
+                                                                        href: props
+                                                                          .item
+                                                                          .link,
+                                                                        target:
+                                                                          "_blank",
+                                                                      },
+                                                                    },
+                                                                    [
+                                                                      _c("i", {
+                                                                        staticClass:
+                                                                          "icon-file-eye",
+                                                                      }),
+                                                                      _vm._v(
+                                                                        " Lihat"
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : _vm._e(),
+                                                            ]
+                                                          ),
+                                                        ]
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "col-md-6 text-right",
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "d-none d-sm-block",
+                                                            },
+                                                            [
+                                                              _vm.tipeUser !=
+                                                              "peserta"
+                                                                ? _c(
+                                                                    "button",
+                                                                    {
+                                                                      staticClass:
+                                                                        "btn btn-light mb-1",
+                                                                      attrs: {
+                                                                        type: "button",
+                                                                      },
+                                                                      on: {
+                                                                        click:
+                                                                          function (
+                                                                            $event
+                                                                          ) {
+                                                                            $event.preventDefault()
+                                                                            return _vm.modalOpen(
+                                                                              "ubahMateri",
+                                                                              true,
+                                                                              props.item
+                                                                            )
+                                                                          },
+                                                                      },
+                                                                    },
+                                                                    [
+                                                                      _c("i", {
+                                                                        staticClass:
+                                                                          "icon-pencil5",
+                                                                      }),
+                                                                      _vm._v(
+                                                                        " Ubah"
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : _vm._e(),
+                                                              _vm._v(" "),
+                                                              _vm.tipeUser !=
+                                                              "peserta"
+                                                                ? _c(
+                                                                    "button",
+                                                                    {
+                                                                      staticClass:
+                                                                        "btn btn-light mb-1",
+                                                                      attrs: {
+                                                                        type: "button",
+                                                                      },
+                                                                      on: {
+                                                                        click:
+                                                                          function (
+                                                                            $event
+                                                                          ) {
+                                                                            $event.preventDefault()
+                                                                            return _vm.modalOpen(
+                                                                              "hapusMateri",
+                                                                              true,
+                                                                              props.item
+                                                                            )
+                                                                          },
+                                                                      },
+                                                                    },
+                                                                    [
+                                                                      _c("i", {
+                                                                        staticClass:
+                                                                          "icon-bin2",
+                                                                      }),
+                                                                      _vm._v(
+                                                                        " Hapus"
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : _vm._e(),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "d-block d-sm-none",
+                                                            },
+                                                            [
+                                                              _c("hr"),
+                                                              _vm._v(" "),
+                                                              _vm.tipeUser !=
+                                                              "peserta"
+                                                                ? _c(
+                                                                    "button",
+                                                                    {
+                                                                      staticClass:
+                                                                        "btn btn-light btn-block mb-1",
+                                                                      attrs: {
+                                                                        type: "button",
+                                                                      },
+                                                                      on: {
+                                                                        click:
+                                                                          function (
+                                                                            $event
+                                                                          ) {
+                                                                            $event.preventDefault()
+                                                                            return _vm.modalOpen(
+                                                                              "ubahMateri",
+                                                                              true,
+                                                                              props.item
+                                                                            )
+                                                                          },
+                                                                      },
+                                                                    },
+                                                                    [
+                                                                      _c("i", {
+                                                                        staticClass:
+                                                                          "icon-pencil5",
+                                                                      }),
+                                                                      _vm._v(
+                                                                        " Ubah"
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : _vm._e(),
+                                                              _vm._v(" "),
+                                                              _vm.tipeUser !=
+                                                              "peserta"
+                                                                ? _c(
+                                                                    "button",
+                                                                    {
+                                                                      staticClass:
+                                                                        "btn btn-light btn-block mb-1",
+                                                                      attrs: {
+                                                                        type: "button",
+                                                                      },
+                                                                      on: {
+                                                                        click:
+                                                                          function (
+                                                                            $event
+                                                                          ) {
+                                                                            $event.preventDefault()
+                                                                            return _vm.modalOpen(
+                                                                              "hapusMateri",
+                                                                              true,
+                                                                              props.item
+                                                                            )
+                                                                          },
+                                                                      },
+                                                                    },
+                                                                    [
+                                                                      _c("i", {
+                                                                        staticClass:
+                                                                          "icon-bin2",
+                                                                      }),
+                                                                      _vm._v(
+                                                                        " Hapus"
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : _vm._e(),
+                                                            ]
+                                                          ),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                          ]
+                                        ),
+                                      ]
+                                    },
+                                  },
+                                ]),
+                              },
+                              [
+                                _vm.tipeUser != "peserta"
+                                  ? _c("template", { slot: "button-desktop" }, [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass: "btn btn-light",
+                                          attrs: { type: "button" },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "tambahMateri"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-plus3",
+                                          }),
+                                          _vm._v(" Tambah Unduhan"),
+                                        ]
+                                      ),
+                                    ])
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.tipeUser != "peserta"
+                                  ? _c("template", { slot: "button-mobile" }, [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-block",
+                                          attrs: { type: "button" },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "tambahMateri"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-plus3",
+                                          }),
+                                          _vm._v(" Tambah Unduhan"),
+                                        ]
+                                      ),
+                                    ])
+                                  : _vm._e(),
+                              ],
+                              2
+                            ),
+                          ],
+                          1
+                        ),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
                         attrs: {
-                          value: _vm.form.p4.p4a6_cu_penilaian / 1,
-                          valueType: "currency",
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "listMateri",
+                                expression: "tabName == 'listMateri'",
+                              },
+                            ],
+                          },
+                          [
+                            _c(
+                              "data-viewer",
+                              {
+                                attrs: {
+                                  title: "List Materi",
+                                  itemData: _vm.itemDataListMateri,
+                                  columnData: _vm.columnDataListMateri,
+                                  itemDataStat: _vm.itemDataListMateriStat,
+                                  query: _vm.queryListMateri,
+                                  isNoExcel: "true",
+                                  isDasar: "true",
+                                  isNoKolom: "true",
+                                  isDisable: _vm.isDisableTable,
+                                },
+                                on: { fetch: _vm.fetchListMateri },
+                                scopedSlots: _vm._u(
+                                  [
+                                    {
+                                      key: "button-desktop",
+                                      fn: function (props) {
+                                        return _vm.tipeUser != "peserta"
+                                          ? [
+                                              _c(
+                                                "button",
+                                                {
+                                                  staticClass:
+                                                    "btn btn-light mb-1",
+                                                  attrs: { type: "button" },
+                                                  on: {
+                                                    click: function ($event) {
+                                                      $event.preventDefault()
+                                                      return _vm.modalOpen(
+                                                        "tambahListMateri"
+                                                      )
+                                                    },
+                                                  },
+                                                },
+                                                [
+                                                  _c("i", {
+                                                    staticClass: "icon-plus3",
+                                                  }),
+                                                  _vm._v(" Tambah List Materi"),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "button",
+                                                {
+                                                  staticClass:
+                                                    "btn btn-light mb-1",
+                                                  attrs: {
+                                                    disabled:
+                                                      !_vm.selectedItem.id,
+                                                  },
+                                                  on: {
+                                                    click: function ($event) {
+                                                      $event.preventDefault()
+                                                      return _vm.modalOpen(
+                                                        "ubahListMateri",
+                                                        false,
+                                                        props.item
+                                                      )
+                                                    },
+                                                  },
+                                                },
+                                                [
+                                                  _c("i", {
+                                                    staticClass: "icon-pencil5",
+                                                  }),
+                                                  _vm._v(
+                                                    " Ubah\n\t\t\t\t\t\t\t\t\t\t"
+                                                  ),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "button",
+                                                {
+                                                  staticClass:
+                                                    "btn btn-light mb-1",
+                                                  attrs: {
+                                                    disabled:
+                                                      !_vm.selectedItem.id,
+                                                  },
+                                                  on: {
+                                                    click: function ($event) {
+                                                      $event.preventDefault()
+                                                      return _vm.modalOpen(
+                                                        "hapusListMateri",
+                                                        false,
+                                                        props.item
+                                                      )
+                                                    },
+                                                  },
+                                                },
+                                                [
+                                                  _c("i", {
+                                                    staticClass: "icon-bin2",
+                                                  }),
+                                                  _vm._v(
+                                                    " Hapus\n\t\t\t\t\t\t\t\t\t\t"
+                                                  ),
+                                                ]
+                                              ),
+                                            ]
+                                          : undefined
+                                      },
+                                    },
+                                    {
+                                      key: "item-desktop",
+                                      fn: function (props) {
+                                        return [
+                                          props.item
+                                            ? _c(
+                                                "tr",
+                                                {
+                                                  staticClass: "text-nowrap",
+                                                  class: {
+                                                    "bg-info":
+                                                      _vm.selectedItem.id ===
+                                                      props.item.id,
+                                                  },
+                                                  on: {
+                                                    click: function ($event) {
+                                                      return _vm.selectedRow(
+                                                        props.item
+                                                      )
+                                                    },
+                                                  },
+                                                },
+                                                [
+                                                  _c("td", [
+                                                    _vm._v(
+                                                      _vm._s(props.index + 1)
+                                                    ),
+                                                  ]),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "td",
+                                                    [
+                                                      _c("check-value", {
+                                                        attrs: {
+                                                          value:
+                                                            props.item.nama,
+                                                        },
+                                                      }),
+                                                    ],
+                                                    1
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "td",
+                                                    [
+                                                      _c("check-value", {
+                                                        attrs: {
+                                                          value:
+                                                            props.item.waktu,
+                                                        },
+                                                      }),
+                                                    ],
+                                                    1
+                                                  ),
+                                                ]
+                                              )
+                                            : _vm._e(),
+                                        ]
+                                      },
+                                    },
+                                    {
+                                      key: "item-mobile",
+                                      fn: function (props) {
+                                        return [
+                                          _c(
+                                            "div",
+                                            { staticClass: "col-md-12" },
+                                            [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card" },
+                                                [
+                                                  props.item.nama
+                                                    ? _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "card-body",
+                                                        },
+                                                        [
+                                                          _vm._v(
+                                                            "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                              _vm._s(
+                                                                props.item.nama
+                                                              ) +
+                                                              "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                  _vm._v(" "),
+                                                  props.item.waktu
+                                                    ? _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "card-body",
+                                                        },
+                                                        [
+                                                          _vm._v(
+                                                            "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                              _vm._s(
+                                                                props.item.waktu
+                                                              ) +
+                                                              "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass:
+                                                        "card-footer",
+                                                    },
+                                                    [
+                                                      _c(
+                                                        "div",
+                                                        { staticClass: "row" },
+                                                        [
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "col-md-6 text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "d-none d-sm-block",
+                                                                },
+                                                                [
+                                                                  _vm.tipeUser !=
+                                                                  "peserta"
+                                                                    ? _c(
+                                                                        "button",
+                                                                        {
+                                                                          staticClass:
+                                                                            "btn btn-light mb-1",
+                                                                          attrs:
+                                                                            {
+                                                                              type: "button",
+                                                                            },
+                                                                          on: {
+                                                                            click:
+                                                                              function (
+                                                                                $event
+                                                                              ) {
+                                                                                $event.preventDefault()
+                                                                                return _vm.modalOpen(
+                                                                                  "ubahListMateri",
+                                                                                  true,
+                                                                                  props.item
+                                                                                )
+                                                                              },
+                                                                          },
+                                                                        },
+                                                                        [
+                                                                          _c(
+                                                                            "i",
+                                                                            {
+                                                                              staticClass:
+                                                                                "icon-pencil5",
+                                                                            }
+                                                                          ),
+                                                                          _vm._v(
+                                                                            " Ubah"
+                                                                          ),
+                                                                        ]
+                                                                      )
+                                                                    : _vm._e(),
+                                                                  _vm._v(" "),
+                                                                  _vm.tipeUser !=
+                                                                  "peserta"
+                                                                    ? _c(
+                                                                        "button",
+                                                                        {
+                                                                          staticClass:
+                                                                            "btn btn-light mb-1",
+                                                                          attrs:
+                                                                            {
+                                                                              type: "button",
+                                                                            },
+                                                                          on: {
+                                                                            click:
+                                                                              function (
+                                                                                $event
+                                                                              ) {
+                                                                                $event.preventDefault()
+                                                                                return _vm.modalOpen(
+                                                                                  "hapusListMateri",
+                                                                                  true,
+                                                                                  props.item
+                                                                                )
+                                                                              },
+                                                                          },
+                                                                        },
+                                                                        [
+                                                                          _c(
+                                                                            "i",
+                                                                            {
+                                                                              staticClass:
+                                                                                "icon-bin2",
+                                                                            }
+                                                                          ),
+                                                                          _vm._v(
+                                                                            " Hapus"
+                                                                          ),
+                                                                        ]
+                                                                      )
+                                                                    : _vm._e(),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]
+                                          ),
+                                        ]
+                                      },
+                                    },
+                                  ],
+                                  null,
+                                  true
+                                ),
+                              },
+                              [
+                                _vm._v(" "),
+                                _vm.tipeUser != "peserta"
+                                  ? _c("template", { slot: "button-mobile" }, [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-block mb-1",
+                                          attrs: { type: "button" },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "tambahListMateri"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-plus3",
+                                          }),
+                                          _vm._v(" Tambah List Materi"),
+                                        ]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-block mb-1",
+                                          attrs: {
+                                            disabled: !_vm.selectedItem.id,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "ubahListMateri"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-pencil5",
+                                          }),
+                                          _vm._v(" Ubah\n\t\t\t\t\t\t\t\t\t\t"),
+                                        ]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-block mb-1",
+                                          attrs: {
+                                            disabled: !_vm.selectedItem.id,
+                                          },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "hapusListMateri"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", { staticClass: "icon-bin2" }),
+                                          _vm._v(
+                                            " Hapus\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      ),
+                                    ])
+                                  : _vm._e(),
+                              ],
+                              2
+                            ),
+                          ],
+                          1
+                        ),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
                         attrs: {
-                          value:
-                            (_vm.form.p4.p4a6_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "tugas",
+                                expression: "tabName == 'tugas'",
+                              },
+                            ],
+                          },
+                          [
+                            _c(
+                              "data-viewer",
+                              {
+                                attrs: {
+                                  title: "Tugas",
+                                  itemData: _vm.itemDataTugas,
+                                  columnData: _vm.columnDataTugas,
+                                  itemDataStat: _vm.itemDataTugasStat,
+                                  query: _vm.queryTugas,
+                                  isNoExcel: "true",
+                                  isDasar: "true",
+                                  isDisable: _vm.isDisableTable,
+                                  dataview: "grid",
+                                },
+                                on: { fetch: _vm.fetchTugas },
+                                scopedSlots: _vm._u([
+                                  {
+                                    key: "item-mobile",
+                                    fn: function (props) {
+                                      return [
+                                        _c(
+                                          "div",
+                                          { staticClass: "col-md-12" },
+                                          [
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "card-header bg-light header-elements-inline",
+                                                },
+                                                [
+                                                  _c(
+                                                    "h6",
+                                                    {
+                                                      staticClass: "card-title",
+                                                    },
+                                                    [
+                                                      _c(
+                                                        "a",
+                                                        {
+                                                          attrs: { href: "#" },
+                                                          on: {
+                                                            click: function (
+                                                              $event
+                                                            ) {
+                                                              $event.preventDefault()
+                                                              return _vm.modalOpen(
+                                                                "lihatTugas",
+                                                                true,
+                                                                props.item
+                                                              )
+                                                            },
+                                                          },
+                                                        },
+                                                        [
+                                                          _vm._v(
+                                                            _vm._s(
+                                                              props.item.name
+                                                            )
+                                                          ),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass:
+                                                        "d-none d-sm-block",
+                                                    },
+                                                    [
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "header-elements",
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "span",
+                                                            {
+                                                              staticClass:
+                                                                "badge badge-primary",
+                                                            },
+                                                            [
+                                                              _vm._v(
+                                                                _vm._s(
+                                                                  _vm._f(
+                                                                    "uppercase"
+                                                                  )(
+                                                                    props.item
+                                                                      .tipe
+                                                                  )
+                                                                )
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c("span", {
+                                                            staticClass:
+                                                              "badge badge-secondary ml-1",
+                                                            domProps: {
+                                                              innerHTML: _vm._s(
+                                                                _vm.$options.filters.dateTime(
+                                                                  props.item
+                                                                    .created_at
+                                                                )
+                                                              ),
+                                                            },
+                                                          }),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              props.item.keterangan
+                                                ? _c(
+                                                    "div",
+                                                    {
+                                                      staticClass: "card-body",
+                                                    },
+                                                    [
+                                                      _vm._v(
+                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                          _vm._s(
+                                                            props.item
+                                                              .keterangan
+                                                          ) +
+                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  )
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-footer" },
+                                                [
+                                                  _c(
+                                                    "div",
+                                                    { staticClass: "row" },
+                                                    [
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "col-md-6",
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "d-none d-sm-block",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "button",
+                                                                {
+                                                                  staticClass:
+                                                                    "btn btn-light mb-1",
+                                                                  attrs: {
+                                                                    type: "button",
+                                                                  },
+                                                                  on: {
+                                                                    click:
+                                                                      function (
+                                                                        $event
+                                                                      ) {
+                                                                        $event.preventDefault()
+                                                                        return _vm.modalOpen(
+                                                                          "lihatTugas",
+                                                                          true,
+                                                                          props.item
+                                                                        )
+                                                                      },
+                                                                  },
+                                                                },
+                                                                [
+                                                                  _c("i", {
+                                                                    staticClass:
+                                                                      "icon-file-eye",
+                                                                  }),
+                                                                  _vm._v(
+                                                                    " Lihat "
+                                                                  ),
+                                                                  props.item
+                                                                    .hasjawaban_count >
+                                                                    0 &&
+                                                                  _vm.tipeUser !=
+                                                                    "peserta"
+                                                                    ? _c(
+                                                                        "span",
+                                                                        {
+                                                                          staticClass:
+                                                                            "badge badge-success",
+                                                                        },
+                                                                        [
+                                                                          _vm._v(
+                                                                            _vm._s(
+                                                                              props
+                                                                                .item
+                                                                                .hasjawaban_count
+                                                                            )
+                                                                          ),
+                                                                        ]
+                                                                      )
+                                                                    : _vm._e(),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "d-block d-sm-none text-center",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "span",
+                                                                {
+                                                                  staticClass:
+                                                                    "badge badge-primary",
+                                                                },
+                                                                [
+                                                                  _vm._v(
+                                                                    _vm._s(
+                                                                      _vm._f(
+                                                                        "uppercase"
+                                                                      )(
+                                                                        props
+                                                                          .item
+                                                                          .tipe
+                                                                      )
+                                                                    )
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                              _vm._v(" "),
+                                                              _c("span", {
+                                                                staticClass:
+                                                                  "badge badge-secondary",
+                                                                domProps: {
+                                                                  innerHTML:
+                                                                    _vm._s(
+                                                                      _vm.$options.filters.dateTime(
+                                                                        props
+                                                                          .item
+                                                                          .created_at
+                                                                      )
+                                                                    ),
+                                                                },
+                                                              }),
+                                                              _vm._v(" "),
+                                                              _c(
+                                                                "button",
+                                                                {
+                                                                  staticClass:
+                                                                    "btn btn-light btn-block mt-2 mb-1",
+                                                                  attrs: {
+                                                                    type: "button",
+                                                                  },
+                                                                  on: {
+                                                                    click:
+                                                                      function (
+                                                                        $event
+                                                                      ) {
+                                                                        $event.preventDefault()
+                                                                        return _vm.modalOpen(
+                                                                          "lihatTugas",
+                                                                          true,
+                                                                          props.item
+                                                                        )
+                                                                      },
+                                                                  },
+                                                                },
+                                                                [
+                                                                  _c("i", {
+                                                                    staticClass:
+                                                                      "icon-file-eye",
+                                                                  }),
+                                                                  _vm._v(
+                                                                    " Lihat "
+                                                                  ),
+                                                                  props.item
+                                                                    .hasjawaban_count >
+                                                                    0 &&
+                                                                  _vm.tipeUser !=
+                                                                    "peserta"
+                                                                    ? _c(
+                                                                        "span",
+                                                                        {
+                                                                          staticClass:
+                                                                            "badge badge-success",
+                                                                        },
+                                                                        [
+                                                                          _vm._v(
+                                                                            _vm._s(
+                                                                              props
+                                                                                .item
+                                                                                .hasjawaban_count
+                                                                            )
+                                                                          ),
+                                                                        ]
+                                                                      )
+                                                                    : _vm._e(),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                        ]
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "col-md-6 text-right",
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "d-none d-sm-block",
+                                                            },
+                                                            [
+                                                              _vm.tipeUser !=
+                                                              "peserta"
+                                                                ? _c(
+                                                                    "button",
+                                                                    {
+                                                                      staticClass:
+                                                                        "btn btn-light mb-1",
+                                                                      attrs: {
+                                                                        type: "button",
+                                                                      },
+                                                                      on: {
+                                                                        click:
+                                                                          function (
+                                                                            $event
+                                                                          ) {
+                                                                            $event.preventDefault()
+                                                                            return _vm.modalOpen(
+                                                                              "ubahTugas",
+                                                                              true,
+                                                                              props.item
+                                                                            )
+                                                                          },
+                                                                      },
+                                                                    },
+                                                                    [
+                                                                      _c("i", {
+                                                                        staticClass:
+                                                                          "icon-pencil5",
+                                                                      }),
+                                                                      _vm._v(
+                                                                        " Ubah"
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : _vm._e(),
+                                                              _vm._v(" "),
+                                                              _vm.tipeUser !=
+                                                              "peserta"
+                                                                ? _c(
+                                                                    "button",
+                                                                    {
+                                                                      staticClass:
+                                                                        "btn btn-light mb-1",
+                                                                      attrs: {
+                                                                        type: "button",
+                                                                      },
+                                                                      on: {
+                                                                        click:
+                                                                          function (
+                                                                            $event
+                                                                          ) {
+                                                                            $event.preventDefault()
+                                                                            return _vm.modalOpen(
+                                                                              "hapusTugas",
+                                                                              true,
+                                                                              props.item
+                                                                            )
+                                                                          },
+                                                                      },
+                                                                    },
+                                                                    [
+                                                                      _c("i", {
+                                                                        staticClass:
+                                                                          "icon-bin2",
+                                                                      }),
+                                                                      _vm._v(
+                                                                        " Hapus"
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : _vm._e(),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "d-block d-sm-none",
+                                                            },
+                                                            [
+                                                              _vm.tipeUser !=
+                                                              "peserta"
+                                                                ? _c(
+                                                                    "button",
+                                                                    {
+                                                                      staticClass:
+                                                                        "btn btn-light btn-block mb-1",
+                                                                      attrs: {
+                                                                        type: "button",
+                                                                      },
+                                                                      on: {
+                                                                        click:
+                                                                          function (
+                                                                            $event
+                                                                          ) {
+                                                                            $event.preventDefault()
+                                                                            return _vm.modalOpen(
+                                                                              "ubahTugas",
+                                                                              true,
+                                                                              props.item
+                                                                            )
+                                                                          },
+                                                                      },
+                                                                    },
+                                                                    [
+                                                                      _c("i", {
+                                                                        staticClass:
+                                                                          "icon-pencil5",
+                                                                      }),
+                                                                      _vm._v(
+                                                                        " Ubah"
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : _vm._e(),
+                                                              _vm._v(" "),
+                                                              _vm.tipeUser !=
+                                                              "peserta"
+                                                                ? _c(
+                                                                    "button",
+                                                                    {
+                                                                      staticClass:
+                                                                        "btn btn-light btn-block mb-1",
+                                                                      attrs: {
+                                                                        type: "button",
+                                                                      },
+                                                                      on: {
+                                                                        click:
+                                                                          function (
+                                                                            $event
+                                                                          ) {
+                                                                            $event.preventDefault()
+                                                                            return _vm.modalOpen(
+                                                                              "hapusTugas",
+                                                                              true,
+                                                                              props.item
+                                                                            )
+                                                                          },
+                                                                      },
+                                                                    },
+                                                                    [
+                                                                      _c("i", {
+                                                                        staticClass:
+                                                                          "icon-bin2",
+                                                                      }),
+                                                                      _vm._v(
+                                                                        " Hapus"
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : _vm._e(),
+                                                            ]
+                                                          ),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                          ]
+                                        ),
+                                      ]
+                                    },
+                                  },
+                                ]),
+                              },
+                              [
+                                _vm.tipeUser != "peserta"
+                                  ? _c("template", { slot: "button-desktop" }, [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass: "btn btn-light",
+                                          attrs: { type: "button" },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "tambahTugas"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-plus3",
+                                          }),
+                                          _vm._v(" Tambah Tugas"),
+                                        ]
+                                      ),
+                                    ])
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.tipeUser != "peserta"
+                                  ? _c("template", { slot: "button-mobile" }, [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-block",
+                                          attrs: { type: "button" },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalOpen(
+                                                "tambahTugas"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-plus3",
+                                          }),
+                                          _vm._v(" Tambah Tugas"),
+                                        ]
+                                      ),
+                                    ])
+                                  : _vm._e(),
+                              ],
+                              2
+                            ),
+                          ],
+                          1
+                        ),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
                         attrs: {
-                          value: _vm.form.p4.p4a6_bkcu_penilaian / 1,
-                          valueType: "currency",
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "keputusan",
+                                expression: "tabName == 'keputusan'",
+                              },
+                            ],
+                          },
+                          [
+                            _c(
+                              "data-viewer",
+                              {
+                                attrs: {
+                                  title: "Keputusan",
+                                  itemData: _vm.itemDataKeputusan,
+                                  columnData: _vm.columnDataKeputusan,
+                                  itemDataStat: _vm.itemDataKeputusanStat,
+                                  query: _vm.queryKeputusan,
+                                  isNoExcel: "true",
+                                  isDasar: "true",
+                                  isDisable: _vm.isDisableTable,
+                                  dataview: "grid",
+                                },
+                                on: { fetch: _vm.fetchKeputusan },
+                                scopedSlots: _vm._u([
+                                  {
+                                    key: "item-mobile",
+                                    fn: function (props) {
+                                      return [
+                                        _c(
+                                          "div",
+                                          { staticClass: "col-md-12" },
+                                          [
+                                            _c(
+                                              "div",
+                                              {
+                                                staticClass: "card",
+                                                class: {
+                                                  "border-success":
+                                                    props.item.id_cu ==
+                                                    _vm.currentUser.id_cu,
+                                                },
+                                              },
+                                              [
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    staticClass:
+                                                      "card-header bg-light header-elements-inline",
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "h6",
+                                                      {
+                                                        staticClass:
+                                                          "card-title",
+                                                      },
+                                                      [
+                                                        props.item.user.aktivis
+                                                          .gambar
+                                                          ? _c("img", {
+                                                              staticClass:
+                                                                "rounded-circle",
+                                                              attrs: {
+                                                                src:
+                                                                  "/images/aktivis/" +
+                                                                  props.item
+                                                                    .user
+                                                                    .aktivis
+                                                                    .gambar +
+                                                                  ".jpg",
+                                                                width: "30",
+                                                                height: "30",
+                                                                alt: "user image",
+                                                              },
+                                                            })
+                                                          : _c("img", {
+                                                              staticClass:
+                                                                "rounded-circle",
+                                                              attrs: {
+                                                                src: "/images/no_image_man.jpg",
+                                                                width: "30",
+                                                                height: "30",
+                                                                alt: "user image",
+                                                              },
+                                                            }),
+                                                        _vm._v(" "),
+                                                        props.item.user
+                                                          ? _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .user
+                                                                    .aktivis
+                                                                    .name,
+                                                              },
+                                                            })
+                                                          : _c("span", [
+                                                              _vm._v("-"),
+                                                            ]),
+                                                        _vm._v(
+                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                        ),
+                                                        props.item.cu
+                                                          ? _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item.cu
+                                                                    .name,
+                                                              },
+                                                            })
+                                                          : _c("span", [
+                                                              _vm._v("-"),
+                                                            ]),
+                                                      ],
+                                                      1
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "div",
+                                                      {
+                                                        staticClass:
+                                                          "d-none d-sm-block",
+                                                      },
+                                                      [
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "header-elements",
+                                                          },
+                                                          [
+                                                            _c("span", {
+                                                              staticClass:
+                                                                "badge badge-secondary",
+                                                              domProps: {
+                                                                innerHTML:
+                                                                  _vm._s(
+                                                                    _vm.$options.filters.dateTime(
+                                                                      props.item
+                                                                        .created_at
+                                                                    )
+                                                                  ),
+                                                              },
+                                                            }),
+                                                          ]
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ]
+                                                ),
+                                                _vm._v(" "),
+                                                props.item.keterangan
+                                                  ? _c(
+                                                      "div",
+                                                      {
+                                                        staticClass:
+                                                          "card-body",
+                                                      },
+                                                      [
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass: "row",
+                                                          },
+                                                          _vm._l(
+                                                            props.item.pilih,
+                                                            function (pilih) {
+                                                              return _c(
+                                                                "div",
+                                                                {
+                                                                  key: pilih.id,
+                                                                  staticClass:
+                                                                    "col-md-6",
+                                                                },
+                                                                [
+                                                                  _c(
+                                                                    "div",
+                                                                    {
+                                                                      staticClass:
+                                                                        "card",
+                                                                      class: {
+                                                                        "border-primary":
+                                                                          pilih
+                                                                            .pivot
+                                                                            .nilai ==
+                                                                          1,
+                                                                        "border-danger":
+                                                                          pilih
+                                                                            .pivot
+                                                                            .nilai ==
+                                                                          2,
+                                                                        "border-secondary":
+                                                                          pilih
+                                                                            .pivot
+                                                                            .nilai ==
+                                                                          3,
+                                                                      },
+                                                                    },
+                                                                    [
+                                                                      _c(
+                                                                        "div",
+                                                                        {
+                                                                          staticClass:
+                                                                            "card-header text-white",
+                                                                          class:
+                                                                            {
+                                                                              "bg-primary":
+                                                                                pilih
+                                                                                  .pivot
+                                                                                  .nilai ==
+                                                                                1,
+                                                                              "bg-danger":
+                                                                                pilih
+                                                                                  .pivot
+                                                                                  .nilai ==
+                                                                                2,
+                                                                              "bg-secondary":
+                                                                                pilih
+                                                                                  .pivot
+                                                                                  .nilai ==
+                                                                                3,
+                                                                            },
+                                                                        },
+                                                                        [
+                                                                          pilih
+                                                                            .pivot
+                                                                            .nilai ==
+                                                                          1
+                                                                            ? _c(
+                                                                                "span",
+                                                                                [
+                                                                                  _vm._v(
+                                                                                    "SETUJU"
+                                                                                  ),
+                                                                                ]
+                                                                              )
+                                                                            : pilih
+                                                                                .pivot
+                                                                                .nilai ==
+                                                                              2
+                                                                            ? _c(
+                                                                                "span",
+                                                                                [
+                                                                                  _vm._v(
+                                                                                    "TIDAK SETUJU"
+                                                                                  ),
+                                                                                ]
+                                                                              )
+                                                                            : pilih
+                                                                                .pivot
+                                                                                .nilai ==
+                                                                              3
+                                                                            ? _c(
+                                                                                "span",
+                                                                                [
+                                                                                  _vm._v(
+                                                                                    "TIDAK PUNYA TANGGAPAN"
+                                                                                  ),
+                                                                                ]
+                                                                              )
+                                                                            : _vm._e(),
+                                                                        ]
+                                                                      ),
+                                                                      _vm._v(
+                                                                        " "
+                                                                      ),
+                                                                      _c(
+                                                                        "div",
+                                                                        {
+                                                                          staticClass:
+                                                                            "card-body",
+                                                                        },
+                                                                        [
+                                                                          _c(
+                                                                            "check-value",
+                                                                            {
+                                                                              attrs:
+                                                                                {
+                                                                                  value:
+                                                                                    pilih.name,
+                                                                                },
+                                                                            }
+                                                                          ),
+                                                                        ],
+                                                                        1
+                                                                      ),
+                                                                    ]
+                                                                  ),
+                                                                ]
+                                                              )
+                                                            }
+                                                          ),
+                                                          0
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c("hr", {
+                                                          staticClass:
+                                                            "mt-1 mb-1",
+                                                        }),
+                                                        _vm._v(" "),
+                                                        _c("b", [
+                                                          _vm._v(
+                                                            "Catatan / Komentar "
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("br"),
+                                                        _vm._v(" "),
+                                                        _c("div", {
+                                                          domProps: {
+                                                            innerHTML: _vm._s(
+                                                              props.item
+                                                                .keterangan
+                                                            ),
+                                                          },
+                                                        }),
+                                                      ]
+                                                    )
+                                                  : _vm._e(),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    staticClass: "card-footer",
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "div",
+                                                      { staticClass: "row" },
+                                                      [
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-md-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "d-none d-sm-block",
+                                                              },
+                                                              [
+                                                                _c(
+                                                                  "button",
+                                                                  {
+                                                                    staticClass:
+                                                                      "btn btn-light mb-1",
+                                                                    attrs: {
+                                                                      type: "button",
+                                                                    },
+                                                                    on: {
+                                                                      click:
+                                                                        function (
+                                                                          $event
+                                                                        ) {
+                                                                          $event.preventDefault()
+                                                                          return _vm.modalOpen(
+                                                                            "keputusanKomentar",
+                                                                            true,
+                                                                            props.item
+                                                                          )
+                                                                        },
+                                                                    },
+                                                                  },
+                                                                  [
+                                                                    _c("i", {
+                                                                      staticClass:
+                                                                        "icon-reply",
+                                                                    }),
+                                                                    _vm._v(
+                                                                      " Komentar \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                    ),
+                                                                    props.item
+                                                                      .haskomentar_count >
+                                                                    0
+                                                                      ? _c(
+                                                                          "span",
+                                                                          {
+                                                                            staticClass:
+                                                                              "badge badge-success",
+                                                                          },
+                                                                          [
+                                                                            _vm._v(
+                                                                              _vm._s(
+                                                                                props
+                                                                                  .item
+                                                                                  .haskomentar_count
+                                                                              )
+                                                                            ),
+                                                                          ]
+                                                                        )
+                                                                      : _vm._e(),
+                                                                  ]
+                                                                ),
+                                                              ]
+                                                            ),
+                                                            _vm._v(" "),
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "d-block d-sm-none text-center",
+                                                              },
+                                                              [
+                                                                _c("span", {
+                                                                  staticClass:
+                                                                    "badge badge-secondary",
+                                                                  domProps: {
+                                                                    innerHTML:
+                                                                      _vm._s(
+                                                                        _vm.$options.filters.dateTime(
+                                                                          props
+                                                                            .item
+                                                                            .created_at
+                                                                        )
+                                                                      ),
+                                                                  },
+                                                                }),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "button",
+                                                                  {
+                                                                    staticClass:
+                                                                      "btn btn-light btn-block mt-2 mb-1",
+                                                                    attrs: {
+                                                                      type: "button",
+                                                                    },
+                                                                    on: {
+                                                                      click:
+                                                                        function (
+                                                                          $event
+                                                                        ) {
+                                                                          $event.preventDefault()
+                                                                          return _vm.modalOpen(
+                                                                            "keputusanKomentar",
+                                                                            true,
+                                                                            props.item
+                                                                          )
+                                                                        },
+                                                                    },
+                                                                  },
+                                                                  [
+                                                                    _c("i", {
+                                                                      staticClass:
+                                                                        "icon-reply",
+                                                                    }),
+                                                                    _vm._v(
+                                                                      " Komentar \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                    ),
+                                                                    props.item
+                                                                      .haskomentar_count >
+                                                                    0
+                                                                      ? _c(
+                                                                          "span",
+                                                                          {
+                                                                            staticClass:
+                                                                              "badge badge-success",
+                                                                          },
+                                                                          [
+                                                                            _vm._v(
+                                                                              _vm._s(
+                                                                                props
+                                                                                  .item
+                                                                                  .haskomentar_count
+                                                                              )
+                                                                            ),
+                                                                          ]
+                                                                        )
+                                                                      : _vm._e(),
+                                                                  ]
+                                                                ),
+                                                              ]
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-md-6 text-right",
+                                                          },
+                                                          [
+                                                            props.item.id_cu ==
+                                                            _vm.currentUser
+                                                              .id_cu
+                                                              ? _c(
+                                                                  "div",
+                                                                  {
+                                                                    staticClass:
+                                                                      "d-none d-sm-block",
+                                                                  },
+                                                                  [
+                                                                    _vm.item
+                                                                      .status ==
+                                                                    4
+                                                                      ? _c(
+                                                                          "button",
+                                                                          {
+                                                                            staticClass:
+                                                                              "btn btn-light mb-1",
+                                                                            attrs:
+                                                                              {
+                                                                                type: "button",
+                                                                              },
+                                                                            on: {
+                                                                              click:
+                                                                                function (
+                                                                                  $event
+                                                                                ) {
+                                                                                  $event.preventDefault()
+                                                                                  return _vm.modalOpen(
+                                                                                    "ubahKeputusan",
+                                                                                    true,
+                                                                                    props.item
+                                                                                  )
+                                                                                },
+                                                                            },
+                                                                          },
+                                                                          [
+                                                                            _c(
+                                                                              "i",
+                                                                              {
+                                                                                staticClass:
+                                                                                  "icon-pencil5",
+                                                                              }
+                                                                            ),
+                                                                            _vm._v(
+                                                                              " Ubah "
+                                                                            ),
+                                                                          ]
+                                                                        )
+                                                                      : _vm._e(),
+                                                                    _vm._v(" "),
+                                                                    _vm.item
+                                                                      .status ==
+                                                                    4
+                                                                      ? _c(
+                                                                          "button",
+                                                                          {
+                                                                            staticClass:
+                                                                              "btn btn-light mb-1",
+                                                                            attrs:
+                                                                              {
+                                                                                type: "button",
+                                                                              },
+                                                                            on: {
+                                                                              click:
+                                                                                function (
+                                                                                  $event
+                                                                                ) {
+                                                                                  $event.preventDefault()
+                                                                                  return _vm.modalOpen(
+                                                                                    "hapusKeputusan",
+                                                                                    true,
+                                                                                    props.item
+                                                                                  )
+                                                                                },
+                                                                            },
+                                                                          },
+                                                                          [
+                                                                            _c(
+                                                                              "i",
+                                                                              {
+                                                                                staticClass:
+                                                                                  "icon-bin2",
+                                                                              }
+                                                                            ),
+                                                                            _vm._v(
+                                                                              " Hapus "
+                                                                            ),
+                                                                          ]
+                                                                        )
+                                                                      : _vm._e(),
+                                                                  ]
+                                                                )
+                                                              : _vm._e(),
+                                                            _vm._v(" "),
+                                                            props.item.id_cu ==
+                                                            _vm.currentUser
+                                                              .id_cu
+                                                              ? _c(
+                                                                  "div",
+                                                                  {
+                                                                    staticClass:
+                                                                      "d-block d-sm-none",
+                                                                  },
+                                                                  [
+                                                                    _vm.item
+                                                                      .status ==
+                                                                    4
+                                                                      ? _c(
+                                                                          "button",
+                                                                          {
+                                                                            staticClass:
+                                                                              "btn btn-light btn-block mb-1",
+                                                                            attrs:
+                                                                              {
+                                                                                type: "button",
+                                                                              },
+                                                                            on: {
+                                                                              click:
+                                                                                function (
+                                                                                  $event
+                                                                                ) {
+                                                                                  $event.preventDefault()
+                                                                                  return _vm.modalOpen(
+                                                                                    "ubahKeputusan",
+                                                                                    true,
+                                                                                    props.item
+                                                                                  )
+                                                                                },
+                                                                            },
+                                                                          },
+                                                                          [
+                                                                            _c(
+                                                                              "i",
+                                                                              {
+                                                                                staticClass:
+                                                                                  "icon-pencil5",
+                                                                              }
+                                                                            ),
+                                                                            _vm._v(
+                                                                              " Ubah "
+                                                                            ),
+                                                                          ]
+                                                                        )
+                                                                      : _vm._e(),
+                                                                    _vm._v(" "),
+                                                                    _vm.item
+                                                                      .status ==
+                                                                    4
+                                                                      ? _c(
+                                                                          "button",
+                                                                          {
+                                                                            staticClass:
+                                                                              "btn btn-light btn-block mb-1",
+                                                                            attrs:
+                                                                              {
+                                                                                type: "button",
+                                                                              },
+                                                                            on: {
+                                                                              click:
+                                                                                function (
+                                                                                  $event
+                                                                                ) {
+                                                                                  $event.preventDefault()
+                                                                                  return _vm.modalOpen(
+                                                                                    "hapusKeputusan",
+                                                                                    true,
+                                                                                    props.item
+                                                                                  )
+                                                                                },
+                                                                            },
+                                                                          },
+                                                                          [
+                                                                            _c(
+                                                                              "i",
+                                                                              {
+                                                                                staticClass:
+                                                                                  "icon-bin2",
+                                                                              }
+                                                                            ),
+                                                                            _vm._v(
+                                                                              " Hapus "
+                                                                            ),
+                                                                          ]
+                                                                        )
+                                                                      : _vm._e(),
+                                                                  ]
+                                                                )
+                                                              : _vm._e(),
+                                                          ]
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                          ]
+                                        ),
+                                      ]
+                                    },
+                                  },
+                                ]),
+                              },
+                              [
+                                _vm.item.status == 4
+                                  ? _c("template", { slot: "button-desktop" }, [
+                                      _vm.item.status == 4 &&
+                                      _vm.tipeUser == "peserta"
+                                        ? _c(
+                                            "button",
+                                            {
+                                              staticClass: "btn btn-success",
+                                              attrs: { type: "button" },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.modalOpen(
+                                                    "tambahKeputusan"
+                                                  )
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c("i", {
+                                                staticClass: "icon-hammer",
+                                              }),
+                                              _vm._v(" Beri Keputusan"),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                    ])
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.item.status == 4
+                                  ? _c("template", { slot: "button-mobile" }, [
+                                      _vm.item.status == 4 &&
+                                      _vm.tipeUser == "peserta"
+                                        ? _c(
+                                            "button",
+                                            {
+                                              staticClass:
+                                                "btn btn-success btn-block",
+                                              attrs: { type: "button" },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.modalOpen(
+                                                    "tambahKeputusan"
+                                                  )
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c("i", {
+                                                staticClass: "icon-hammer",
+                                              }),
+                                              _vm._v(" Beri Keputusan"),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                    ])
+                                  : _vm._e(),
+                              ],
+                              2
+                            ),
+                          ],
+                          1
+                        ),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
                         attrs: {
-                          value:
-                            (_vm.form.p4.p4a6_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a6_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a6_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a6_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v(
-                      "7. Service delivery kepada anggota – Penarikan Simpanan"
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "pertanyaan",
+                                expression: "tabName == 'pertanyaan'",
+                              },
+                            ],
+                          },
+                          [
+                            _c(
+                              "data-viewer",
+                              {
+                                attrs: {
+                                  title: "Pertanyaan",
+                                  itemData: _vm.itemDataPertanyaan,
+                                  columnData: _vm.columnDataPertanyaan,
+                                  itemDataStat: _vm.itemDataPertanyaanStat,
+                                  query: _vm.queryPertanyaan,
+                                  isNoExcel: "true",
+                                  isDasar: "true",
+                                  isDisable: _vm.isDisableTable,
+                                  dataview: "grid",
+                                },
+                                on: { fetch: _vm.fetchPertanyaan },
+                                scopedSlots: _vm._u([
+                                  {
+                                    key: "item-mobile",
+                                    fn: function (props) {
+                                      return [
+                                        _c(
+                                          "div",
+                                          { staticClass: "col-md-12" },
+                                          [
+                                            _c(
+                                              "div",
+                                              {
+                                                staticClass: "card",
+                                                class: {
+                                                  "border-info":
+                                                    props.item.id_cu ==
+                                                    _vm.currentUser.id_cu,
+                                                },
+                                              },
+                                              [
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    staticClass:
+                                                      "card-header bg-light header-elements-inline",
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "h6",
+                                                      {
+                                                        staticClass:
+                                                          "card-title",
+                                                      },
+                                                      [
+                                                        props.item.user.aktivis
+                                                          .gambar
+                                                          ? _c("img", {
+                                                              staticClass:
+                                                                "rounded-circle",
+                                                              attrs: {
+                                                                src:
+                                                                  "/images/aktivis/" +
+                                                                  props.item
+                                                                    .user
+                                                                    .aktivis
+                                                                    .gambar +
+                                                                  ".jpg",
+                                                                width: "30",
+                                                                height: "30",
+                                                                alt: "user image",
+                                                              },
+                                                            })
+                                                          : _c("img", {
+                                                              staticClass:
+                                                                "rounded-circle",
+                                                              attrs: {
+                                                                src: "/images/no_image_man.jpg",
+                                                                width: "30",
+                                                                height: "30",
+                                                                alt: "user image",
+                                                              },
+                                                            }),
+                                                        _vm._v(" "),
+                                                        props.item.user
+                                                          ? _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .user
+                                                                    .aktivis
+                                                                    .name,
+                                                              },
+                                                            })
+                                                          : _c("span", [
+                                                              _vm._v("-"),
+                                                            ]),
+                                                        _vm._v(
+                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                        ),
+                                                        props.item.cu
+                                                          ? _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item.cu
+                                                                    .name,
+                                                              },
+                                                            })
+                                                          : _c("span", [
+                                                              _vm._v("-"),
+                                                            ]),
+                                                      ],
+                                                      1
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "div",
+                                                      {
+                                                        staticClass:
+                                                          "d-none d-sm-block",
+                                                      },
+                                                      [
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "header-elements",
+                                                          },
+                                                          [
+                                                            _c("span", {
+                                                              staticClass:
+                                                                "badge badge-secondary",
+                                                              domProps: {
+                                                                innerHTML:
+                                                                  _vm._s(
+                                                                    _vm.$options.filters.dateTime(
+                                                                      props.item
+                                                                        .created_at
+                                                                    )
+                                                                  ),
+                                                              },
+                                                            }),
+                                                          ]
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ]
+                                                ),
+                                                _vm._v(" "),
+                                                props.item.keterangan
+                                                  ? _c(
+                                                      "div",
+                                                      {
+                                                        staticClass:
+                                                          "card-body",
+                                                      },
+                                                      [
+                                                        _c("b", [
+                                                          _vm._v("Pertanyaan "),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("br"),
+                                                        _vm._v(" "),
+                                                        _c("div", {
+                                                          domProps: {
+                                                            innerHTML: _vm._s(
+                                                              props.item
+                                                                .keterangan
+                                                            ),
+                                                          },
+                                                        }),
+                                                        _vm._v(" "),
+                                                        props.item.terjawab
+                                                          ? _c(
+                                                              "button",
+                                                              {
+                                                                staticClass:
+                                                                  "btn btn-warning btn-block",
+                                                                attrs: {
+                                                                  disabled: "",
+                                                                },
+                                                              },
+                                                              [
+                                                                _c("i", {
+                                                                  staticClass:
+                                                                    "icon-check",
+                                                                }),
+                                                                _vm._v(
+                                                                  " TERJAWAB\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                ),
+                                                              ]
+                                                            )
+                                                          : _vm._e(),
+                                                      ]
+                                                    )
+                                                  : _vm._e(),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    staticClass: "card-footer",
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "div",
+                                                      { staticClass: "row" },
+                                                      [
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-md-6",
+                                                          },
+                                                          [
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "d-none d-sm-block",
+                                                              },
+                                                              [
+                                                                _c(
+                                                                  "button",
+                                                                  {
+                                                                    staticClass:
+                                                                      "btn btn-light mb-1",
+                                                                    attrs: {
+                                                                      type: "button",
+                                                                    },
+                                                                    on: {
+                                                                      click:
+                                                                        function (
+                                                                          $event
+                                                                        ) {
+                                                                          $event.preventDefault()
+                                                                          return _vm.modalOpen(
+                                                                            "pertanyaanKomentar",
+                                                                            true,
+                                                                            props.item
+                                                                          )
+                                                                        },
+                                                                    },
+                                                                  },
+                                                                  [
+                                                                    _c("i", {
+                                                                      staticClass:
+                                                                        "icon-reply",
+                                                                    }),
+                                                                    _vm._v(
+                                                                      " Komentar \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                    ),
+                                                                    props.item
+                                                                      .haskomentar_count >
+                                                                    0
+                                                                      ? _c(
+                                                                          "span",
+                                                                          {
+                                                                            staticClass:
+                                                                              "badge badge-success",
+                                                                          },
+                                                                          [
+                                                                            _vm._v(
+                                                                              _vm._s(
+                                                                                props
+                                                                                  .item
+                                                                                  .haskomentar_count
+                                                                              )
+                                                                            ),
+                                                                          ]
+                                                                        )
+                                                                      : _vm._e(),
+                                                                  ]
+                                                                ),
+                                                              ]
+                                                            ),
+                                                            _vm._v(" "),
+                                                            _c(
+                                                              "div",
+                                                              {
+                                                                staticClass:
+                                                                  "d-block d-sm-none text-center",
+                                                              },
+                                                              [
+                                                                _c("span", {
+                                                                  staticClass:
+                                                                    "badge badge-secondary",
+                                                                  domProps: {
+                                                                    innerHTML:
+                                                                      _vm._s(
+                                                                        _vm.$options.filters.dateTime(
+                                                                          props
+                                                                            .item
+                                                                            .created_at
+                                                                        )
+                                                                      ),
+                                                                  },
+                                                                }),
+                                                                _vm._v(" "),
+                                                                _c(
+                                                                  "button",
+                                                                  {
+                                                                    staticClass:
+                                                                      "btn btn-light btn-block mt-2 mb-1",
+                                                                    attrs: {
+                                                                      type: "button",
+                                                                    },
+                                                                    on: {
+                                                                      click:
+                                                                        function (
+                                                                          $event
+                                                                        ) {
+                                                                          $event.preventDefault()
+                                                                          return _vm.modalOpen(
+                                                                            "pertanyaanKomentar",
+                                                                            true,
+                                                                            props.item
+                                                                          )
+                                                                        },
+                                                                    },
+                                                                  },
+                                                                  [
+                                                                    _c("i", {
+                                                                      staticClass:
+                                                                        "icon-reply",
+                                                                    }),
+                                                                    _vm._v(
+                                                                      " Komentar \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                    ),
+                                                                    props.item
+                                                                      .haskomentar_count >
+                                                                    0
+                                                                      ? _c(
+                                                                          "span",
+                                                                          {
+                                                                            staticClass:
+                                                                              "badge badge-success",
+                                                                          },
+                                                                          [
+                                                                            _vm._v(
+                                                                              _vm._s(
+                                                                                props
+                                                                                  .item
+                                                                                  .haskomentar_count
+                                                                              )
+                                                                            ),
+                                                                          ]
+                                                                        )
+                                                                      : _vm._e(),
+                                                                  ]
+                                                                ),
+                                                              ]
+                                                            ),
+                                                          ]
+                                                        ),
+                                                        _vm._v(" "),
+                                                        _c(
+                                                          "div",
+                                                          {
+                                                            staticClass:
+                                                              "col-md-6 text-right",
+                                                          },
+                                                          [
+                                                            props.item.id_cu ==
+                                                            _vm.currentUser
+                                                              .id_cu
+                                                              ? _c(
+                                                                  "div",
+                                                                  {
+                                                                    staticClass:
+                                                                      "d-none d-sm-block",
+                                                                  },
+                                                                  [
+                                                                    _vm.item
+                                                                      .status ==
+                                                                    4
+                                                                      ? _c(
+                                                                          "button",
+                                                                          {
+                                                                            staticClass:
+                                                                              "btn btn-light mb-1",
+                                                                            attrs:
+                                                                              {
+                                                                                type: "button",
+                                                                              },
+                                                                            on: {
+                                                                              click:
+                                                                                function (
+                                                                                  $event
+                                                                                ) {
+                                                                                  $event.preventDefault()
+                                                                                  return _vm.modalOpen(
+                                                                                    "ubahPertanyaan",
+                                                                                    true,
+                                                                                    props.item
+                                                                                  )
+                                                                                },
+                                                                            },
+                                                                          },
+                                                                          [
+                                                                            _c(
+                                                                              "i",
+                                                                              {
+                                                                                staticClass:
+                                                                                  "icon-pencil5",
+                                                                              }
+                                                                            ),
+                                                                            _vm._v(
+                                                                              " Ubah "
+                                                                            ),
+                                                                          ]
+                                                                        )
+                                                                      : _vm._e(),
+                                                                    _vm._v(" "),
+                                                                    _vm.item
+                                                                      .status ==
+                                                                    4
+                                                                      ? _c(
+                                                                          "button",
+                                                                          {
+                                                                            staticClass:
+                                                                              "btn btn-light mb-1",
+                                                                            attrs:
+                                                                              {
+                                                                                type: "button",
+                                                                              },
+                                                                            on: {
+                                                                              click:
+                                                                                function (
+                                                                                  $event
+                                                                                ) {
+                                                                                  $event.preventDefault()
+                                                                                  return _vm.modalOpen(
+                                                                                    "hapusPertanyaan",
+                                                                                    true,
+                                                                                    props.item
+                                                                                  )
+                                                                                },
+                                                                            },
+                                                                          },
+                                                                          [
+                                                                            _c(
+                                                                              "i",
+                                                                              {
+                                                                                staticClass:
+                                                                                  "icon-bin2",
+                                                                              }
+                                                                            ),
+                                                                            _vm._v(
+                                                                              " Hapus "
+                                                                            ),
+                                                                          ]
+                                                                        )
+                                                                      : _vm._e(),
+                                                                  ]
+                                                                )
+                                                              : _vm._e(),
+                                                            _vm._v(" "),
+                                                            props.item.id_cu ==
+                                                            _vm.currentUser
+                                                              .id_cu
+                                                              ? _c(
+                                                                  "div",
+                                                                  {
+                                                                    staticClass:
+                                                                      "d-block d-sm-none",
+                                                                  },
+                                                                  [
+                                                                    _vm.item
+                                                                      .status ==
+                                                                    4
+                                                                      ? _c(
+                                                                          "button",
+                                                                          {
+                                                                            staticClass:
+                                                                              "btn btn-light btn-block mb-1",
+                                                                            attrs:
+                                                                              {
+                                                                                type: "button",
+                                                                              },
+                                                                            on: {
+                                                                              click:
+                                                                                function (
+                                                                                  $event
+                                                                                ) {
+                                                                                  $event.preventDefault()
+                                                                                  return _vm.modalOpen(
+                                                                                    "ubahPertanyaan",
+                                                                                    true,
+                                                                                    props.item
+                                                                                  )
+                                                                                },
+                                                                            },
+                                                                          },
+                                                                          [
+                                                                            _c(
+                                                                              "i",
+                                                                              {
+                                                                                staticClass:
+                                                                                  "icon-pencil5",
+                                                                              }
+                                                                            ),
+                                                                            _vm._v(
+                                                                              " Ubah "
+                                                                            ),
+                                                                          ]
+                                                                        )
+                                                                      : _vm._e(),
+                                                                    _vm._v(" "),
+                                                                    _vm.item
+                                                                      .status ==
+                                                                    4
+                                                                      ? _c(
+                                                                          "button",
+                                                                          {
+                                                                            staticClass:
+                                                                              "btn btn-light btn-block mb-1",
+                                                                            attrs:
+                                                                              {
+                                                                                type: "button",
+                                                                              },
+                                                                            on: {
+                                                                              click:
+                                                                                function (
+                                                                                  $event
+                                                                                ) {
+                                                                                  $event.preventDefault()
+                                                                                  return _vm.modalOpen(
+                                                                                    "hapusPertanyaan",
+                                                                                    true,
+                                                                                    props.item
+                                                                                  )
+                                                                                },
+                                                                            },
+                                                                          },
+                                                                          [
+                                                                            _c(
+                                                                              "i",
+                                                                              {
+                                                                                staticClass:
+                                                                                  "icon-bin2",
+                                                                              }
+                                                                            ),
+                                                                            _vm._v(
+                                                                              " Hapus "
+                                                                            ),
+                                                                          ]
+                                                                        )
+                                                                      : _vm._e(),
+                                                                  ]
+                                                                )
+                                                              : _vm._e(),
+                                                          ]
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                          ]
+                                        ),
+                                      ]
+                                    },
+                                  },
+                                ]),
+                              },
+                              [
+                                _vm.item.status == 4
+                                  ? _c("template", { slot: "button-desktop" }, [
+                                      _vm.item.status == 4 &&
+                                      _vm.tipeUser == "peserta"
+                                        ? _c(
+                                            "button",
+                                            {
+                                              staticClass: "btn btn-info",
+                                              attrs: { type: "button" },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.modalOpen(
+                                                    "tambahPertanyaan"
+                                                  )
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c("i", {
+                                                staticClass: "icon-question7",
+                                              }),
+                                              _vm._v(" Ajukan Pertanyaan"),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                    ])
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.item.status == 4
+                                  ? _c("template", { slot: "button-mobile" }, [
+                                      _vm.item.status == 4 &&
+                                      _vm.tipeUser == "peserta"
+                                        ? _c(
+                                            "button",
+                                            {
+                                              staticClass:
+                                                "btn btn-info btn-block",
+                                              attrs: { type: "button" },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.modalOpen(
+                                                    "tambahPertanyaan"
+                                                  )
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c("i", {
+                                                staticClass: "icon-question7",
+                                              }),
+                                              _vm._v(" Ajukan Pertanyaan"),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                    ])
+                                  : _vm._e(),
+                              ],
+                              2
+                            ),
+                          ],
+                          1
+                        ),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
+                        attrs: {
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
+                        },
+                      },
+                      [
+                        _vm.tabName == "pesertaTerdaftar"
+                          ? _c(
+                              "div",
+                              [
+                                _c(
+                                  "data-viewer",
+                                  {
+                                    attrs: {
+                                      title: "peserta terdaftar",
+                                      itemData: _vm.itemDataPesertaTerdaftar,
+                                      columnData:
+                                        _vm.columnDataPesertaTerdaftar,
+                                      itemDataStat:
+                                        _vm.itemDataPesertaTerdaftarStat,
+                                      query: _vm.queryPesertaTerdaftar,
+                                      excelDownloadUrl: _vm.excelDownloadUrl,
+                                      isDasar: "true",
+                                      isNoKolom: "true",
+                                      isDisable: _vm.isDisableTable,
+                                    },
+                                    on: { fetch: _vm.fetchPesertaTerdaftar },
+                                    scopedSlots: _vm._u(
+                                      [
+                                        {
+                                          key: "item-desktop",
+                                          fn: function (props) {
+                                            return [
+                                              props.item
+                                                ? _c(
+                                                    "tr",
+                                                    {
+                                                      staticClass:
+                                                        "text-nowrap",
+                                                      class: {
+                                                        "bg-info":
+                                                          _vm.selectedItem
+                                                            .id ===
+                                                          props.item.id,
+                                                      },
+                                                      on: {
+                                                        click: function (
+                                                          $event
+                                                        ) {
+                                                          return _vm.selectedRow(
+                                                            props.item
+                                                          )
+                                                        },
+                                                      },
+                                                    },
+                                                    [
+                                                      _c("td", [
+                                                        _vm._v(
+                                                          _vm._s(
+                                                            props.index + 1
+                                                          )
+                                                        ),
+                                                      ]),
+                                                      _vm._v(" "),
+                                                      _c("td", [
+                                                        _c("span", {
+                                                          domProps: {
+                                                            innerHTML: _vm._s(
+                                                              _vm.$options.filters.statusPeserta(
+                                                                props.item
+                                                                  .status
+                                                              )
+                                                            ),
+                                                          },
+                                                        }),
+                                                      ]),
+                                                      _vm._v(" "),
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[2]
+                                                        .hide
+                                                        ? _c("td", [
+                                                            props.item
+                                                              .aktivis &&
+                                                            props.item.aktivis
+                                                              .gambar
+                                                              ? _c("img", {
+                                                                  staticClass:
+                                                                    "img-rounded img-fluid wmin-sm",
+                                                                  attrs: {
+                                                                    src:
+                                                                      "/images/aktivis/" +
+                                                                      props.item
+                                                                        .aktivis
+                                                                        .gambar +
+                                                                      "n.jpg",
+                                                                    width:
+                                                                      "35px",
+                                                                  },
+                                                                })
+                                                              : _c("img", {
+                                                                  staticClass:
+                                                                    "img-rounded img-fluid wmin-sm",
+                                                                  attrs: {
+                                                                    src: "/images/no_image_man.jpg",
+                                                                    width:
+                                                                      "35px",
+                                                                  },
+                                                                }),
+                                                          ])
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[3]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .aktivis
+                                                                        .name,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[4]
+                                                        .hide &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[4]
+                                                        .disable
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .name_nametag,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[5]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .name_sertifikat,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[6]
+                                                        .hide &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[6]
+                                                        .disable
+                                                        ? _c("td", [
+                                                            _c("span", {
+                                                              domProps: {
+                                                                innerHTML:
+                                                                  _vm._s(
+                                                                    _vm.$options.filters.date(
+                                                                      props.item
+                                                                        .datang
+                                                                    )
+                                                                  ),
+                                                              },
+                                                            }),
+                                                          ])
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[7]
+                                                        .hide &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[7]
+                                                        .disable
+                                                        ? _c("td", [
+                                                            _c("span", {
+                                                              domProps: {
+                                                                innerHTML:
+                                                                  _vm._s(
+                                                                    _vm.$options.filters.date(
+                                                                      props.item
+                                                                        .pulang
+                                                                    )
+                                                                  ),
+                                                              },
+                                                            }),
+                                                          ])
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[8]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .keterangan,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[9]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .aktivis
+                                                                        .kelamin,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[10]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .lembaga,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[11]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .tingkat_name,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[12]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .jabatan,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[13]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              props.item.aktivis
+                                                                .pendidikan_tertinggi
+                                                                ? _c(
+                                                                    "check-value",
+                                                                    {
+                                                                      attrs: {
+                                                                        value:
+                                                                          props
+                                                                            .item
+                                                                            .aktivis
+                                                                            .pendidikan_tertinggi
+                                                                            .tingkat,
+                                                                      },
+                                                                    }
+                                                                  )
+                                                                : _c("span", [
+                                                                    _vm._v("-"),
+                                                                  ]),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[14]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              props.item.aktivis
+                                                                .pendidikan_tertinggi
+                                                                ? _c(
+                                                                    "check-value",
+                                                                    {
+                                                                      attrs: {
+                                                                        value:
+                                                                          props
+                                                                            .item
+                                                                            .aktivis
+                                                                            .pendidikan_tertinggi
+                                                                            .name,
+                                                                      },
+                                                                    }
+                                                                  )
+                                                                : _c("span", [
+                                                                    _vm._v("-"),
+                                                                  ]),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[15]
+                                                        .hide
+                                                        ? _c("td", {
+                                                            domProps: {
+                                                              innerHTML: _vm._s(
+                                                                _vm.$options.filters.date(
+                                                                  props.item
+                                                                    .aktivis
+                                                                    .tanggal_lahir
+                                                                )
+                                                              ),
+                                                            },
+                                                          })
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[16]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .aktivis
+                                                                        .tempat_lahir,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[17]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .aktivis
+                                                                        .tinggi,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[18]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .aktivis
+                                                                        .agama,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[19]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .aktivis
+                                                                        .status,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[20]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .aktivis
+                                                                        .email,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[21]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .aktivis
+                                                                        .hp,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[22]
+                                                        .hide
+                                                        ? _c(
+                                                            "td",
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      props.item
+                                                                        .aktivis
+                                                                        .kontak,
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          )
+                                                        : _vm._e(),
+                                                      _vm._v(" "),
+                                                      props.item.aktivis &&
+                                                      !_vm
+                                                        .columnDataPesertaTerdaftar[22]
+                                                        .hide
+                                                        ? _c("td", {
+                                                            domProps: {
+                                                              innerHTML: _vm._s(
+                                                                _vm.$options.filters.dateTime(
+                                                                  props.item
+                                                                    .created_at
+                                                                )
+                                                              ),
+                                                            },
+                                                          })
+                                                        : _vm._e(),
+                                                    ]
+                                                  )
+                                                : _vm._e(),
+                                            ]
+                                          },
+                                        },
+                                      ],
+                                      null,
+                                      false,
+                                      666165183
+                                    ),
+                                  },
+                                  [
+                                    _vm.currentUser.id_cu == 0
+                                      ? _c(
+                                          "template",
+                                          { slot: "button-desktop" },
+                                          [
+                                            _vm.item.status != 5 &&
+                                            _vm.item.status != 6
+                                              ? [
+                                                  _c(
+                                                    "button",
+                                                    {
+                                                      staticClass:
+                                                        "btn bg-warning-400 mb-1",
+                                                      on: {
+                                                        click: function (
+                                                          $event
+                                                        ) {
+                                                          $event.preventDefault()
+                                                          return _vm.modalOpen(
+                                                            "tambahPeserta"
+                                                          )
+                                                        },
+                                                      },
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-people",
+                                                      }),
+                                                      _vm._v(
+                                                        " Daftar Peserta\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.item.status == 2 &&
+                                            _vm.selectedItem.status != 3
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light mb-1",
+                                                    attrs: {
+                                                      disabled:
+                                                        !_vm.selectedItem.id,
+                                                    },
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.modalOpen(
+                                                          "ubahPeserta"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass:
+                                                        "icon-pencil5",
+                                                    }),
+                                                    _vm._v(
+                                                      " Ubah\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.item.status == 2 &&
+                                            _vm.selectedItem.status != 3
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light mb-1",
+                                                    attrs: {
+                                                      disabled:
+                                                        !_vm.selectedItem.id,
+                                                    },
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.modalOpen(
+                                                          "hapusPeserta"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass: "icon-bin2",
+                                                    }),
+                                                    _vm._v(
+                                                      " Hapus\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _c(
+                                              "button",
+                                              {
+                                                staticClass:
+                                                  "btn btn-light mb-1",
+                                                attrs: {
+                                                  disabled:
+                                                    !_vm.selectedItem.id,
+                                                },
+                                                on: {
+                                                  click: function ($event) {
+                                                    $event.preventDefault()
+                                                    return _vm.modalOpen(
+                                                      "batalPeserta"
+                                                    )
+                                                  },
+                                                },
+                                              },
+                                              [
+                                                _c("i", {
+                                                  staticClass: "icon-blocked",
+                                                }),
+                                                _vm._v(
+                                                  " Tolak\n\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _vm.selectedItem.status == 3
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light mb-1",
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.modalOpen(
+                                                          "alasanPeserta"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass: "icon-eye",
+                                                    }),
+                                                    _vm._v(
+                                                      " Lihat Alasan Penolakan\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.item.id_sertifikat
+                                              ? [
+                                                  _vm.selectedItem.status ==
+                                                    5 &&
+                                                  _vm.selectedItem.status !=
+                                                    6 &&
+                                                  _vm.currentUser.can[
+                                                    "create_diklat_bkcu"
+                                                  ]
+                                                    ? _c(
+                                                        "button",
+                                                        {
+                                                          staticClass:
+                                                            "btn btn-light mb-1",
+                                                          attrs: {
+                                                            type: "button",
+                                                          },
+                                                          on: {
+                                                            click: function (
+                                                              $event
+                                                            ) {
+                                                              $event.preventDefault()
+                                                              return _vm.modalOpen(
+                                                                "tambahNilai"
+                                                              )
+                                                            },
+                                                          },
+                                                        },
+                                                        [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-plus3",
+                                                          }),
+                                                          _vm._v(
+                                                            " Tambah Nilai \n\t\t\t\t\t\t\t\t\t\t\t"
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                  _vm._v(" "),
+                                                  _vm.selectedItem.status ==
+                                                    5 &&
+                                                  _vm.selectedItem.status != 6
+                                                    ? _c(
+                                                        "button",
+                                                        {
+                                                          staticClass:
+                                                            "btn btn-light mb-1",
+                                                          on: {
+                                                            click: function (
+                                                              $event
+                                                            ) {
+                                                              $event.preventDefault()
+                                                              return _vm.generateSertifikat()
+                                                            },
+                                                          },
+                                                        },
+                                                        [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-certificate",
+                                                          }),
+                                                          _vm._v(
+                                                            " Generate Sertifikat \n\t\t\t\t\t\t\t\t\t\t\t"
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                ]
+                                              : _vm._e(),
+                                          ],
+                                          2
+                                        )
+                                      : _vm._e(),
+                                    _vm._v(" "),
+                                    _vm.currentUser.id_cu == 0
+                                      ? _c(
+                                          "template",
+                                          { slot: "button-mobile" },
+                                          [
+                                            _c(
+                                              "button",
+                                              {
+                                                staticClass:
+                                                  "btn bg-warning-400 btn-block mb-1",
+                                                on: {
+                                                  click: function ($event) {
+                                                    $event.preventDefault()
+                                                    return _vm.modalOpen(
+                                                      "tambahPeserta"
+                                                    )
+                                                  },
+                                                },
+                                              },
+                                              [
+                                                _c("i", {
+                                                  staticClass: "icon-people",
+                                                }),
+                                                _vm._v(
+                                                  " Daftar Peserta\n\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _vm.item.status == 2 &&
+                                            _vm.selectedItem.status != 3
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light btn-block mb-1",
+                                                    attrs: {
+                                                      disabled:
+                                                        !_vm.selectedItem.id,
+                                                    },
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.modalOpen(
+                                                          "ubahPeserta"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass:
+                                                        "icon-pencil5",
+                                                    }),
+                                                    _vm._v(
+                                                      " Ubah\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.item.status == 2 &&
+                                            _vm.selectedItem.status != 3
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light btn-block mb-1",
+                                                    attrs: {
+                                                      disabled:
+                                                        !_vm.selectedItem.id,
+                                                    },
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.modalOpen(
+                                                          "hapusPeserta"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass: "icon-bin2",
+                                                    }),
+                                                    _vm._v(
+                                                      " Hapus\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.selectedItem.status == 3
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light btn-block mb-1",
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.modalOpen(
+                                                          "alasanPeserta"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass: "icon-eye",
+                                                    }),
+                                                    _vm._v(
+                                                      " Lihat Alasan Penolakan\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.item.id_sertifikat
+                                              ? [
+                                                  _vm.selectedItem.status ==
+                                                    5 &&
+                                                  _vm.selectedItem.status !=
+                                                    6 &&
+                                                  _vm.currentUser.can[
+                                                    "create_diklat_bkcu"
+                                                  ]
+                                                    ? _c(
+                                                        "button",
+                                                        {
+                                                          staticClass:
+                                                            "btn btn-light btn-block mb-1",
+                                                          attrs: {
+                                                            type: "button",
+                                                          },
+                                                          on: {
+                                                            click: function (
+                                                              $event
+                                                            ) {
+                                                              $event.preventDefault()
+                                                              return _vm.modalOpen(
+                                                                "tambahNilai"
+                                                              )
+                                                            },
+                                                          },
+                                                        },
+                                                        [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-plus3",
+                                                          }),
+                                                          _vm._v(
+                                                            " Tambah Nilai\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                  _vm._v(" "),
+                                                  _vm.selectedItem.status ==
+                                                    5 &&
+                                                  !_vm.selectedItem.status == 6
+                                                    ? _c(
+                                                        "button",
+                                                        {
+                                                          staticClass:
+                                                            "btn btn-block mb-1",
+                                                          on: {
+                                                            click: function (
+                                                              $event
+                                                            ) {
+                                                              $event.preventDefault()
+                                                              return _vm.generateSertifikat()
+                                                            },
+                                                          },
+                                                        },
+                                                        [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-certificate",
+                                                          }),
+                                                          _vm._v(
+                                                            " Generate Sertifikat\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                ]
+                                              : _vm._e(),
+                                          ],
+                                          2
+                                        )
+                                      : _vm._e(),
+                                    _vm._v(" "),
+                                    _vm.currentUser.id_cu != 0
+                                      ? _c(
+                                          "template",
+                                          { slot: "button-desktop" },
+                                          [
+                                            _vm.item.tipe == "diklat_bkcu"
+                                              ? [
+                                                  _vm.currentUser.can &&
+                                                  _vm.currentUser.can[
+                                                    "index_diklat_bkcu"
+                                                  ] &&
+                                                  _vm.item.status == 2
+                                                    ? _c(
+                                                        "button",
+                                                        {
+                                                          staticClass:
+                                                            "btn bg-warning-400 mb-1",
+                                                          on: {
+                                                            click: function (
+                                                              $event
+                                                            ) {
+                                                              $event.preventDefault()
+                                                              return _vm.modalOpen(
+                                                                "tambahPeserta"
+                                                              )
+                                                            },
+                                                          },
+                                                        },
+                                                        [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-people",
+                                                          }),
+                                                          _vm._v(
+                                                            " Daftar Peserta\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                ]
+                                              : _vm.item.tipe ==
+                                                "pertemuan_bkcu"
+                                              ? [
+                                                  _vm.currentUser.can &&
+                                                  _vm.currentUser.can[
+                                                    "index_pertemuan_bkcu"
+                                                  ] &&
+                                                  _vm.item.status == 2
+                                                    ? _c(
+                                                        "button",
+                                                        {
+                                                          staticClass:
+                                                            "btn bg-warning-400 mb-1",
+                                                          on: {
+                                                            click: function (
+                                                              $event
+                                                            ) {
+                                                              $event.preventDefault()
+                                                              return _vm.modalOpen(
+                                                                "tambahPeserta"
+                                                              )
+                                                            },
+                                                          },
+                                                        },
+                                                        [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-people",
+                                                          }),
+                                                          _vm._v(
+                                                            " Daftar Peserta\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                ]
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.item.status == 2 &&
+                                            _vm.selectedItem.status != 3
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light mb-1",
+                                                    attrs: {
+                                                      disabled:
+                                                        !_vm.selectedItem.id ||
+                                                        _vm.selectedItem
+                                                          .status != 2,
+                                                    },
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.modalOpen(
+                                                          "ubahPeserta"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass:
+                                                        "icon-pencil5",
+                                                    }),
+                                                    _vm._v(
+                                                      " Ubah\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.item.status == 2 &&
+                                            _vm.selectedItem.status != 3
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light mb-1",
+                                                    attrs: {
+                                                      disabled:
+                                                        !_vm.selectedItem.id ||
+                                                        _vm.selectedItem
+                                                          .status != 2,
+                                                    },
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.modalOpen(
+                                                          "hapusPeserta"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass: "icon-bin2",
+                                                    }),
+                                                    _vm._v(
+                                                      " Hapus\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.selectedItem.status == 3
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light mb-1",
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.modalOpen(
+                                                          "alasanPeserta"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass: "icon-eye",
+                                                    }),
+                                                    _vm._v(
+                                                      " Lihat Alasan Penolakan\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.selectedItem.status == 5 &&
+                                            _vm.selectedItem.status != 6
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light mb-1",
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.generateSertifikat()
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass:
+                                                        "icon-certificate",
+                                                    }),
+                                                    _vm._v(
+                                                      " Generate Sertifikat\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                          ],
+                                          2
+                                        )
+                                      : _c(
+                                          "template",
+                                          { slot: "button-mobile" },
+                                          [
+                                            _vm.item.tipe == "diklat_bkcu"
+                                              ? [
+                                                  _vm.currentUser.can &&
+                                                  _vm.currentUser.can[
+                                                    "index_diklat_bkcu"
+                                                  ] &&
+                                                  _vm.item.status == 2
+                                                    ? _c(
+                                                        "button",
+                                                        {
+                                                          staticClass:
+                                                            "btn bg-warning-400 btn-block mb-1",
+                                                          on: {
+                                                            click: function (
+                                                              $event
+                                                            ) {
+                                                              $event.preventDefault()
+                                                              return _vm.modalOpen(
+                                                                "tambahPeserta"
+                                                              )
+                                                            },
+                                                          },
+                                                        },
+                                                        [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-people",
+                                                          }),
+                                                          _vm._v(
+                                                            " Daftar Peserta\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                ]
+                                              : _vm.item.tipe ==
+                                                "pertemuan_bkcu"
+                                              ? [
+                                                  _vm.currentUser.can &&
+                                                  _vm.currentUser.can[
+                                                    "index_pertemuan_bkcu"
+                                                  ] &&
+                                                  _vm.item.status == 2
+                                                    ? _c(
+                                                        "button",
+                                                        {
+                                                          staticClass:
+                                                            "btn bg-warning-400 btn-block mb-1",
+                                                          on: {
+                                                            click: function (
+                                                              $event
+                                                            ) {
+                                                              $event.preventDefault()
+                                                              return _vm.modalOpen(
+                                                                "tambahPeserta"
+                                                              )
+                                                            },
+                                                          },
+                                                        },
+                                                        [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-people",
+                                                          }),
+                                                          _vm._v(
+                                                            " Daftar Peserta\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                ]
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.item.status == 2 &&
+                                            _vm.selectedItem.status != 3
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light btn-block mb-1",
+                                                    attrs: {
+                                                      disabled:
+                                                        !_vm.selectedItem.id ||
+                                                        _vm.selectedItem
+                                                          .status != 1,
+                                                    },
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.modalOpen(
+                                                          "ubahPeserta"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass:
+                                                        "icon-pencil5",
+                                                    }),
+                                                    _vm._v(
+                                                      " Ubah\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.item.status == 2 &&
+                                            _vm.selectedItem.status != 3
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light btn-block mb-1",
+                                                    attrs: {
+                                                      disabled:
+                                                        !_vm.selectedItem.id ||
+                                                        _vm.selectedItem
+                                                          .status != 1,
+                                                    },
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.modalOpen(
+                                                          "hapusPeserta"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass: "icon-bin2",
+                                                    }),
+                                                    _vm._v(
+                                                      " Hapus\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.selectedItem.status == 3
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light btn-block mb-1",
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.modalOpen(
+                                                          "alasanPeserta"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass: "icon-eye",
+                                                    }),
+                                                    _vm._v(
+                                                      " Lihat Alasan Penolakan\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.selectedItem.status == 5 &&
+                                            _vm.selectedItem.status != 6
+                                              ? _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn bg-light btn-block mb-1",
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.generateSertifikat()
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass:
+                                                        "icon-certificate",
+                                                    }),
+                                                    _vm._v(
+                                                      " Generate Sertifikat\n\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                          ],
+                                          2
+                                        ),
+                                  ],
+                                  2
+                                ),
+                              ],
+                              1
+                            )
+                          : _vm._e(),
+                      ]
                     ),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a7_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a7_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
                         attrs: {
-                          value: _vm.form.p4.p4a7_bkcu_penilaian / 1,
-                          valueType: "currency",
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
+                      },
+                      [
+                        _vm.tabName == "pesertaHadir"
+                          ? _c(
+                              "div",
+                              [
+                                _c("data-viewer", {
+                                  attrs: {
+                                    title: "peserta hadir",
+                                    itemData: _vm.itemDataPesertaHadir,
+                                    columnData: _vm.columnDataPesertaHadir,
+                                    itemDataStat: _vm.itemDataPesertaHadirStat,
+                                    query: _vm.queryPesertaHadir,
+                                    excelDownloadUrl: _vm.excelDownloadUrl2,
+                                    isDasar: "true",
+                                    isNoKolom: "true",
+                                    isDisable: _vm.isDisableTable,
+                                  },
+                                  on: { fetch: _vm.fetchPesertaHadir },
+                                  scopedSlots: _vm._u(
+                                    [
+                                      {
+                                        key: "item-desktop",
+                                        fn: function (props) {
+                                          return [
+                                            props.item
+                                              ? _c(
+                                                  "tr",
+                                                  {
+                                                    staticClass: "text-nowrap",
+                                                  },
+                                                  [
+                                                    _c("td", [
+                                                      _vm._v(
+                                                        _vm._s(props.index + 1)
+                                                      ),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    !_vm
+                                                      .columnDataPesertaHadir[1]
+                                                      .hide
+                                                      ? _c("td", [
+                                                          props.item.aktivis &&
+                                                          props.item.aktivis
+                                                            .gambar
+                                                            ? _c("img", {
+                                                                staticClass:
+                                                                  "img-rounded img-fluid wmin-sm",
+                                                                attrs: {
+                                                                  src:
+                                                                    "/images/aktivis/" +
+                                                                    props.item
+                                                                      .aktivis
+                                                                      .gambar +
+                                                                    "n.jpg",
+                                                                  width: "35px",
+                                                                },
+                                                              })
+                                                            : _c("img", {
+                                                                staticClass:
+                                                                  "img-rounded img-fluid wmin-sm",
+                                                                attrs: {
+                                                                  src: "/images/no_image_man.jpg",
+                                                                  width: "35px",
+                                                                },
+                                                              }),
+                                                        ])
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[2]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .aktivis
+                                                                    .name,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    !_vm
+                                                      .columnDataPesertaHadir[3]
+                                                      .hide &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[3]
+                                                      .disable
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .name_nametag,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    !_vm
+                                                      .columnDataPesertaHadir[4]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .name_sertifikat,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    !_vm
+                                                      .columnDataPesertaHadir[5]
+                                                      .hide &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[5]
+                                                      .disable
+                                                      ? _c("td", [
+                                                          _c("span", {
+                                                            domProps: {
+                                                              innerHTML: _vm._s(
+                                                                _vm.$options.filters.date(
+                                                                  props.item
+                                                                    .datang
+                                                                )
+                                                              ),
+                                                            },
+                                                          }),
+                                                        ])
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    !_vm
+                                                      .columnDataPesertaHadir[6]
+                                                      .hide &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[6]
+                                                      .disable
+                                                      ? _c("td", [
+                                                          _c("span", {
+                                                            domProps: {
+                                                              innerHTML: _vm._s(
+                                                                _vm.$options.filters.date(
+                                                                  props.item
+                                                                    .pulang
+                                                                )
+                                                              ),
+                                                            },
+                                                          }),
+                                                        ])
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    !_vm
+                                                      .columnDataPesertaHadir[7]
+                                                      .hide
+                                                      ? _c("td", {
+                                                          domProps: {
+                                                            innerHTML: _vm._s(
+                                                              _vm.$options.filters.dateTime(
+                                                                props.item
+                                                                  .tanggal_hadir
+                                                              )
+                                                            ),
+                                                          },
+                                                        })
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    !_vm
+                                                      .columnDataPesertaHadir[8]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .keterangan,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[9]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .aktivis
+                                                                    .kelamin,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[10]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .lembaga,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[11]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .tingkat_name,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[12]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .jabatan,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[13]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            props.item.aktivis
+                                                              .pendidikan_tertinggi
+                                                              ? _c(
+                                                                  "check-value",
+                                                                  {
+                                                                    attrs: {
+                                                                      value:
+                                                                        props
+                                                                          .item
+                                                                          .aktivis
+                                                                          .pendidikan_tertinggi
+                                                                          .tingkat,
+                                                                    },
+                                                                  }
+                                                                )
+                                                              : _c("span", [
+                                                                  _vm._v("-"),
+                                                                ]),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[14]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            props.item.aktivis
+                                                              .pendidikan_tertinggi
+                                                              ? _c(
+                                                                  "check-value",
+                                                                  {
+                                                                    attrs: {
+                                                                      value:
+                                                                        props
+                                                                          .item
+                                                                          .aktivis
+                                                                          .pendidikan_tertinggi
+                                                                          .name,
+                                                                    },
+                                                                  }
+                                                                )
+                                                              : _c("span", [
+                                                                  _vm._v("-"),
+                                                                ]),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[15]
+                                                      .hide
+                                                      ? _c("td", {
+                                                          domProps: {
+                                                            innerHTML: _vm._s(
+                                                              _vm.$options.filters.date(
+                                                                props.item
+                                                                  .aktivis
+                                                                  .tanggal_lahir
+                                                              )
+                                                            ),
+                                                          },
+                                                        })
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[16]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .aktivis
+                                                                    .tempat_lahir,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[17]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .aktivis
+                                                                    .tinggi,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[18]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .aktivis
+                                                                    .agama,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[19]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .aktivis
+                                                                    .status,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[20]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .aktivis
+                                                                    .email,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[21]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .aktivis.hp,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[22]
+                                                      .hide
+                                                      ? _c(
+                                                          "td",
+                                                          [
+                                                            _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .aktivis
+                                                                    .kontak,
+                                                              },
+                                                            }),
+                                                          ],
+                                                          1
+                                                        )
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    props.item.aktivis &&
+                                                    !_vm
+                                                      .columnDataPesertaHadir[22]
+                                                      .hide
+                                                      ? _c("td", {
+                                                          domProps: {
+                                                            innerHTML: _vm._s(
+                                                              _vm.$options.filters.dateTime(
+                                                                props.item
+                                                                  .created_at
+                                                              )
+                                                            ),
+                                                          },
+                                                        })
+                                                      : _vm._e(),
+                                                  ]
+                                                )
+                                              : _vm._e(),
+                                          ]
+                                        },
+                                      },
+                                    ],
+                                    null,
+                                    false,
+                                    795066714
+                                  ),
+                                }),
+                              ],
+                              1
+                            )
+                          : _vm._e(),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "transition",
+                      {
                         attrs: {
-                          value:
-                            (_vm.form.p4.p4a7_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                          "enter-active-class": "animated fadeIn",
+                          mode: "out-in",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a7_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a7_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a7_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
+                      },
+                      [
+                        _vm.tabName == "statistik"
+                          ? _c(
+                              "div",
+                              [
+                                _vm.item.pilih && _vm.item.pilih.length > 0
+                                  ? [
+                                      _vm.itemDataKeputusanCountStat ==
+                                        "success" &&
+                                      _vm.itemDataKeputusanCount.length > 0
+                                        ? _c("div", { staticClass: "card" }, [
+                                            _c(
+                                              "div",
+                                              {
+                                                staticClass:
+                                                  "card-header bg-light",
+                                              },
+                                              [
+                                                _c(
+                                                  "h6",
+                                                  { staticClass: "card-title" },
+                                                  [_vm._v("Keputusan")]
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "div",
+                                              { staticClass: "card-body" },
+                                              _vm._l(
+                                                _vm.itemDataKeputusanCount,
+                                                function (p) {
+                                                  return _c(
+                                                    "div",
+                                                    { key: p.id },
+                                                    [
+                                                      _c(
+                                                        "h7",
+                                                        {
+                                                          staticClass:
+                                                            "font-weight-semibold mb-1",
+                                                        },
+                                                        [_vm._v(_vm._s(p.name))]
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "card card-body pt-1 pb-1 mt-1 mb-1",
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "row",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "col-sm-3 mb-1 mt-1",
+                                                                },
+                                                                [
+                                                                  _vm._v(
+                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSetuju\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                              _vm._v(" "),
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "col-sm-8 mb-1 mt-1",
+                                                                },
+                                                                [
+                                                                  _c(
+                                                                    "div",
+                                                                    {
+                                                                      staticClass:
+                                                                        "progress",
+                                                                    },
+                                                                    [
+                                                                      _c(
+                                                                        "div",
+                                                                        {
+                                                                          staticClass:
+                                                                            "progress-bar-striped bg-primary",
+                                                                          style:
+                                                                            {
+                                                                              width:
+                                                                                Math.round(
+                                                                                  (p.setuju /
+                                                                                    p.total) *
+                                                                                    100
+                                                                                ) +
+                                                                                "%",
+                                                                            },
+                                                                        },
+                                                                        [
+                                                                          _c(
+                                                                            "span",
+                                                                            {
+                                                                              staticClass:
+                                                                                "text-default font-size-lg",
+                                                                            },
+                                                                            [
+                                                                              _vm._v(
+                                                                                "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                                                  _vm._s(
+                                                                                    Math.round(
+                                                                                      (p.setuju /
+                                                                                        p.total) *
+                                                                                        100
+                                                                                    ) +
+                                                                                      "%"
+                                                                                  ) +
+                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                              ),
+                                                                            ]
+                                                                          ),
+                                                                        ]
+                                                                      ),
+                                                                    ]
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                              _vm._v(" "),
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "col-sm-1 mb-1 mt-1",
+                                                                },
+                                                                [
+                                                                  _vm._v(
+                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                                      _vm._s(
+                                                                        p.setuju
+                                                                      ) +
+                                                                      " / " +
+                                                                      _vm._s(
+                                                                        p.total
+                                                                      ) +
+                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                        ]
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "card card-body pt-1 pb-1 mt-1 mb-1",
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "row",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "col-sm-3 mb-1 mt-1",
+                                                                },
+                                                                [
+                                                                  _vm._v(
+                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTidak Setuju\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                              _vm._v(" "),
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "col-sm-8 mb-1 mt-1",
+                                                                },
+                                                                [
+                                                                  _c(
+                                                                    "div",
+                                                                    {
+                                                                      staticClass:
+                                                                        "progress",
+                                                                    },
+                                                                    [
+                                                                      _c(
+                                                                        "div",
+                                                                        {
+                                                                          staticClass:
+                                                                            "progress-bar-striped bg-danger",
+                                                                          style:
+                                                                            {
+                                                                              width:
+                                                                                Math.round(
+                                                                                  (p.taksetuju /
+                                                                                    p.total) *
+                                                                                    100
+                                                                                ) +
+                                                                                "%",
+                                                                            },
+                                                                        },
+                                                                        [
+                                                                          _c(
+                                                                            "span",
+                                                                            {
+                                                                              staticClass:
+                                                                                "text-default font-size-lg",
+                                                                            },
+                                                                            [
+                                                                              _vm._v(
+                                                                                "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                                                  _vm._s(
+                                                                                    Math.round(
+                                                                                      (p.taksetuju /
+                                                                                        p.total) *
+                                                                                        100
+                                                                                    ) +
+                                                                                      "%"
+                                                                                  ) +
+                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                              ),
+                                                                            ]
+                                                                          ),
+                                                                        ]
+                                                                      ),
+                                                                    ]
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                              _vm._v(" "),
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "col-sm-1 mb-1 mt-1",
+                                                                },
+                                                                [
+                                                                  _vm._v(
+                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                                      _vm._s(
+                                                                        p.taksetuju
+                                                                      ) +
+                                                                      " / " +
+                                                                      _vm._s(
+                                                                        p.total
+                                                                      ) +
+                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                        ]
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "card card-body pt-1 pb-1 mt-1 mb-1",
+                                                        },
+                                                        [
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "row",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "col-sm-3 mb-1 mt-1",
+                                                                },
+                                                                [
+                                                                  _vm._v(
+                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTidak Punya Keputusan\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                              _vm._v(" "),
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "col-sm-8 mb-1 mt-1",
+                                                                },
+                                                                [
+                                                                  _c(
+                                                                    "div",
+                                                                    {
+                                                                      staticClass:
+                                                                        "progress",
+                                                                    },
+                                                                    [
+                                                                      _c(
+                                                                        "div",
+                                                                        {
+                                                                          staticClass:
+                                                                            "progress-bar-striped bg-secondary",
+                                                                          style:
+                                                                            {
+                                                                              width:
+                                                                                Math.round(
+                                                                                  (p.takada /
+                                                                                    p.total) *
+                                                                                    100
+                                                                                ) +
+                                                                                "%",
+                                                                            },
+                                                                        },
+                                                                        [
+                                                                          _c(
+                                                                            "span",
+                                                                            {
+                                                                              staticClass:
+                                                                                "text-default font-size-lg",
+                                                                            },
+                                                                            [
+                                                                              _vm._v(
+                                                                                "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                                                  _vm._s(
+                                                                                    Math.round(
+                                                                                      (p.takada /
+                                                                                        p.total) *
+                                                                                        100
+                                                                                    ) +
+                                                                                      "%"
+                                                                                  ) +
+                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                              ),
+                                                                            ]
+                                                                          ),
+                                                                        ]
+                                                                      ),
+                                                                    ]
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                              _vm._v(" "),
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "col-sm-1 mb-1 mt-1",
+                                                                },
+                                                                [
+                                                                  _vm._v(
+                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                                      _vm._s(
+                                                                        p.takada
+                                                                      ) +
+                                                                      " / " +
+                                                                      _vm._s(
+                                                                        p.total
+                                                                      ) +
+                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                  ),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                        ]
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c("br"),
+                                                    ],
+                                                    1
+                                                  )
+                                                }
+                                              ),
+                                              0
+                                            ),
+                                          ])
+                                        : _vm._e(),
+                                    ]
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "card" },
+                                  [
+                                    _c(
+                                      "div",
+                                      { staticClass: "card-header bg-light" },
+                                      [
+                                        _c(
+                                          "h6",
+                                          { staticClass: "card-title" },
+                                          [_vm._v("CU Terdaftar")]
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("data-table", {
+                                      attrs: {
+                                        items: _vm.itemDataPesertaTerdaftarCU,
+                                        columnData: _vm.columnDataCU,
+                                        itemDataStat:
+                                          _vm.itemDataPesertaTerdaftarCUStat,
+                                      },
+                                      scopedSlots: _vm._u(
+                                        [
+                                          {
+                                            key: "item-desktop",
+                                            fn: function (props) {
+                                              return [
+                                                props.item
+                                                  ? _c("tr", [
+                                                      _c("td", [
+                                                        _vm._v(
+                                                          _vm._s(
+                                                            props.index + 1
+                                                          )
+                                                        ),
+                                                      ]),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item.name,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item
+                                                                  .lakilaki,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item
+                                                                  .perempuan,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item
+                                                                  .total,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                    ])
+                                                  : _vm._e(),
+                                              ]
+                                            },
+                                          },
+                                        ],
+                                        null,
+                                        false,
+                                        1399653632
+                                      ),
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "card" },
+                                  [
+                                    _c(
+                                      "div",
+                                      { staticClass: "card-header bg-light" },
+                                      [
+                                        _c(
+                                          "h6",
+                                          { staticClass: "card-title" },
+                                          [_vm._v("CU Hadir")]
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("data-table", {
+                                      attrs: {
+                                        items: _vm.itemDataPesertaHadirCU,
+                                        columnData: _vm.columnDataCU,
+                                        itemDataStat:
+                                          _vm.itemDataPesertaHadirCUStat,
+                                      },
+                                      scopedSlots: _vm._u(
+                                        [
+                                          {
+                                            key: "item-desktop",
+                                            fn: function (props) {
+                                              return [
+                                                props.item
+                                                  ? _c("tr", [
+                                                      _c("td", [
+                                                        _vm._v(
+                                                          _vm._s(
+                                                            props.index + 1
+                                                          )
+                                                        ),
+                                                      ]),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item.name,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item
+                                                                  .lakilaki,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item
+                                                                  .perempuan,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "td",
+                                                        [
+                                                          _c("check-value", {
+                                                            attrs: {
+                                                              value:
+                                                                props.item
+                                                                  .total,
+                                                            },
+                                                          }),
+                                                        ],
+                                                        1
+                                                      ),
+                                                    ])
+                                                  : _vm._e(),
+                                              ]
+                                            },
+                                          },
+                                        ],
+                                        null,
+                                        false,
+                                        1399653632
+                                      ),
+                                    }),
+                                  ],
+                                  1
+                                ),
+                              ],
+                              2
+                            )
+                          : _vm._e(),
+                      ]
+                    ),
+                  ],
+                  1
+                ),
+              ]),
+            ],
+            1
+          ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            content: _vm.modalContent,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
+          },
+          on: {
+            batal: _vm.modalTutup,
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body1" },
+            [
+              _vm.state == "tambahPeserta" || _vm.state == "ubahPeserta"
+                ? _c("form-peserta", {
+                    attrs: {
+                      mode: _vm.formModalMode,
+                      selected: _vm.selectedItem,
+                      item: _vm.item,
+                      tingkat: _vm.item.sasaran,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm.state == "batalPeserta"
+                ? _c("form-peserta-batal", {
+                    attrs: {
+                      kelas: _vm.kelas,
+                      id: _vm.selectedItem.id,
+                      tipe: _vm.item.tipe,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body2" },
+            [
+              _vm.state == "tambahMateri" || _vm.state == "ubahMateri"
+                ? _c("form-materi", {
+                    attrs: {
+                      mode: _vm.formModalMode,
+                      selected: _vm.selectedItemMateri,
+                      kegiatan_id: _vm.item.id,
+                      kegiatan_tipe: _vm.item.tipe,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.state == "tambahListMateri" || _vm.state == "ubahListMateri"
+                ? _c("form-list-materi", {
+                    attrs: {
+                      mode: _vm.formModalMode,
+                      selected: _vm.selectedItemListMateri,
+                      kegiatan_id: _vm.item.id,
+                      kegiatan_tipe: _vm.item.tipe,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.state == "tambahNilai"
+                ? _c("form-nilai", {
+                    attrs: {
+                      mode: _vm.formModalMode,
+                      selected: _vm.selectedItemNilai,
+                      kegiatan_id: this.item.id,
+                      kegiatan_tipe: this.item.tipe,
+                      aktivis_id: this.selectedItem.aktivis_id,
+                    },
+                    on: { tutup: _vm.modalTutup, modalTutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.state == "tambahTugas" || _vm.state == "ubahTugas"
+                ? _c("form-tugas", {
+                    attrs: {
+                      mode: _vm.formModalMode,
+                      selected: _vm.selectedItemTugas,
+                      kegiatan_id: _vm.item.id,
+                      kegiatan_tipe: _vm.item.tipe,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm.state == "lihatTugas"
+                ? _c("form-tugas-jawaban", {
+                    attrs: {
+                      selected: _vm.selectedItemTugas,
+                      kegiatan_id: _vm.item.id,
+                      kegiatan_tipe: _vm.item.tipe,
+                      tipeUser: _vm.tipeUser,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm.state == "statusPertemuan"
+                ? _c("form-status", {
+                    attrs: {
+                      kelas: _vm.kelas,
+                      id: _vm.item.id,
+                      status: _vm.item.status,
+                      keteranganBatal: _vm.item.keteranganBatal,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm.state == "pesertaTerdaftar" ||
+                  _vm.state == "panitiaTerdaftar"
+                ? _c("form-hadir", {
+                    attrs: {
+                      kelas: _vm.kelas,
+                      item: _vm.item,
+                      state: _vm.state,
+                    },
+                  })
+                : _vm._e(),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body3" },
+            [
+              _vm.state == "tambahKeputusan" || _vm.state == "ubahKeputusan"
+                ? _c("form-keputusan", {
+                    attrs: {
+                      mode: _vm.formModalMode,
+                      selected: _vm.selectedItemKeputusan,
+                      kegiatan_id: _vm.item.id,
+                      pilih: _vm.item.pilih,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm.state == "keputusanKomentar"
+                ? _c("form-keputusan-komentar", {
+                    attrs: {
+                      selected: _vm.selectedItemKeputusan,
+                      kegiatan_id: _vm.item.id,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.state == "tambahPertanyaan" || _vm.state == "ubahPertanyaan"
+                ? _c("form-pertanyaan", {
+                    attrs: {
+                      mode: _vm.formModalMode,
+                      selected: _vm.selectedItemPertanyaan,
+                      kegiatan_id: _vm.item.id,
+                      pilih: _vm.item.pilih,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm.state == "pertanyaanKomentar"
+                ? _c("form-pertanyaan-komentar", {
+                    attrs: {
+                      selected: _vm.selectedItemPertanyaan,
+                      kegiatan_id: _vm.item.id,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      { staticClass: "card-header bg-transparent header-elements-inline" },
+      [
+        _c(
+          "span",
+          { staticClass: "text-uppercase font-size-sm font-weight-semibold" },
+          [_vm._v("Menu")]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "header-elements" }, [
+          _c("div", { staticClass: "list-icons" }, [
+            _c("a", {
+              staticClass: "list-icons-item",
+              attrs: { "data-action": "collapse" },
+            }),
+          ]),
+        ]),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      { staticClass: "card-header bg-transparent header-elements-inline" },
+      [
+        _c(
+          "span",
+          { staticClass: "text-uppercase font-size-sm font-weight-semibold" },
+          [_vm._v("Info")]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "header-elements" }, [
+          _c("div", { staticClass: "list-icons" }, [
+            _c("a", {
+              staticClass: "list-icons-item",
+              attrs: { "data-action": "collapse" },
+            }),
+          ]),
+        ]),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("tr", [
+      _c("td", { attrs: { colspan: "2" } }, [
+        _c("hr", { staticClass: "mt-0 mb-0" }),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("td", { attrs: { colspan: "2" } }, [
+      _c("hr", { staticClass: "mt-0 mb-0" }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      { staticClass: "card-header bg-transparent header-elements-inline" },
+      [
+        _c(
+          "span",
+          { staticClass: "text-uppercase font-size-sm font-weight-semibold" },
+          [_vm._v("Sasaran Peserta")]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "header-elements" }, [
+          _c("div", { staticClass: "list-icons" }, [
+            _c("a", {
+              staticClass: "list-icons-item",
+              attrs: { "data-action": "collapse" },
+            }),
+          ]),
+        ]),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      { staticClass: "card-header bg-transparent header-elements-inline" },
+      [
+        _c(
+          "span",
+          { staticClass: "text-uppercase font-size-sm font-weight-semibold" },
+          [_vm._v("Tempat")]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "header-elements" }, [
+          _c("div", { staticClass: "list-icons" }, [
+            _c("a", {
+              staticClass: "list-icons-item",
+              attrs: { "data-action": "collapse" },
+            }),
+          ]),
+        ]),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "card-img-actions-overlay card-img" }, [
+      _c("i", { staticClass: "icon-enlarge6 icon-2x" }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "card-img-actions-overlay card-img" }, [
+      _c("i", { staticClass: "icon-enlarge6 icon-2x" }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      { staticClass: "card-header bg-transparent header-elements-inline" },
+      [
+        _c(
+          "span",
+          { staticClass: "text-uppercase font-size-sm font-weight-semibold" },
+          [_vm._v("Tempat")]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "header-elements" }, [
+          _c("div", { staticClass: "list-icons" }, [
+            _c("a", {
+              staticClass: "list-icons-item",
+              attrs: { "data-action": "collapse" },
+            }),
+          ]),
+        ]),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      { staticClass: "card-header bg-transparent header-elements-inline" },
+      [
+        _c(
+          "span",
+          { staticClass: "text-uppercase font-size-sm font-weight-semibold" },
+          [_vm._v("Tempat")]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "header-elements" }, [
+          _c("div", { staticClass: "list-icons" }, [
+            _c("a", {
+              staticClass: "list-icons-item",
+              attrs: { "data-action": "collapse" },
+            }),
+          ]),
+        ]),
+      ]
+    )
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=template&id=2558e9cb&":
+/*!***************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=template&id=2558e9cb& ***!
+  \***************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("formStatus") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "form",
+        {
+          attrs: { "data-vv-scope": "formStatus" },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c("h5", [_vm._v("Selamat Datang di " + _vm._s(_vm.item.name))]),
+          _vm._v(" "),
+          _c("div", { staticClass: "card card-body" }, [
+            _vm._v(
+              "\n\t\t\t\tDisini anda dapat mengakses materi untuk kegiatan ini serta anda dapat melakukan interaksi terhadap kegiatan ini seperti memberikan keputusan (apabila diminta), mengajukan pertanyaan dan mengerjakan tugas (apabila diminta).\n\t\t\t"
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "card" }, [
+            _c("div", { staticClass: "card-header bg-light" }, [
+              _vm._v(
+                "\n\t\t\t\t\t\tSebelum memulai mari pastikan bahwa data dibawah adalah benar data anda:\n\t\t\t\t"
+              ),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "card-body" }, [
+              _c("div", { staticClass: "media mt-0 mb-0" }, [
+                _c("div", { staticClass: "mr-3 mb-2 mb-0" }, [
+                  _c("div", { staticClass: "card-img-actions" }, [
+                    _vm.currentUser.aktivis && _vm.currentUser.aktivis.gambar
+                      ? _c("img", {
+                          staticClass: "img-fluid img-preview img-rounded",
+                          attrs: {
+                            src:
+                              "/images/aktivis/" +
+                              _vm.currentUser.aktivis.gambar +
+                              "n.jpg",
+                          },
+                        })
+                      : _c("img", {
+                          staticClass: "img-fluid img-preview img-rounded",
+                          attrs: { src: "/images/no_image_man.jpg" },
+                        }),
+                  ]),
                 ]),
                 _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("8. Tata Kelola")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a8_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a8_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a8_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a8_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a8_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a8_bkcu_keterangan },
-                      }),
-                    ],
-                    1
+                _c("div", { staticClass: "media-body" }, [
+                  _c("b", [_vm._v("Nama:")]),
+                  _vm._v(
+                    "\n\t\t\t\t\t\t\t" +
+                      _vm._s(
+                        _vm.currentUser.aktivis
+                          ? _vm.currentUser.aktivis.name
+                          : "-"
+                      ) +
+                      "\n\t\t\t\t\t\t\t"
                   ),
+                  _c("br"),
                   _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a8_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
+                  _c("b", [_vm._v("Tingkat:")]),
+                  _vm._v(
+                    "\n\t\t\t\t\t\t\t" +
+                      _vm._s(
+                        _vm.currentUser.aktivis &&
+                          _vm.currentUser.aktivis.pekerjaan_aktif
+                          ? _vm.$options.filters.checkTingkatAktivis(
+                              _vm.currentUser.aktivis.pekerjaan_aktif.tingkat
+                            )
+                          : ""
+                      ) +
+                      "\n\t\t\t\t\t\t\t"
+                  ),
+                  _c("br"),
+                  _vm._v(" "),
+                  _c("b", [_vm._v("Jabatan:")]),
+                  _vm._v(
+                    "\n\t\t\t\t\t\t\t" +
+                      _vm._s(
+                        _vm.currentUser.aktivis &&
+                          _vm.currentUser.aktivis.pekerjaan_aktif
+                          ? _vm.currentUser.aktivis.pekerjaan_aktif.name
+                          : ""
+                      ) +
+                      "\n\t\t\t\t\t\t\t"
+                  ),
+                  _c("br"),
+                  _vm._v(" "),
+                  _c("b", [_vm._v("Dari:")]),
+                  _vm._v(
+                    "\n\t\t\t\t\t\t\t" +
+                      _vm._s(
+                        _vm.currentUser && _vm.currentUser.id_cu != 0
+                          ? _vm.currentUser.cu.name
+                          : "PUSKOPCUINA"
+                      ) +
+                      "\n\t\t\t\t\t\t\t"
+                  ),
+                  _c("br"),
+                ]),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c("checkbox", {
+            attrs: {
+              form: _vm.formStatus.status,
+              title:
+                "Dengan ini saya setuju mengikuti " +
+                _vm.item.name +
+                " dan dianggap hadir dan terlibat didalam pelaksanaan kegiatan",
+            },
+            on: {
+              check: function ($event) {
+                _vm.formStatus.status != 0
+                  ? (_vm.formStatus.status = 0)
+                  : (_vm.formStatus.status = 1)
+              },
+            },
+          }),
+          _vm._v(" "),
+          _c("hr"),
+          _vm._v(" "),
+          _c("div", { staticClass: "text-center d-none d-md-block" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-arrow-left13" }),
+                _vm._v(" Kembali"),
+              ]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-primary",
+                attrs: { type: "submit", disabled: _vm.formStatus.status == 0 },
+              },
+              [_c("i", { staticClass: "icon-arrow-right14" }), _vm._v(" Masuk")]
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "d-block d-md-none" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-primary btn-block pb-2",
+                attrs: { type: "submit", disabled: _vm.formStatus.status == 0 },
+              },
+              [_c("i", { staticClass: "icon-arrow-right14" }), _vm._v(" Masuk")]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block pb-2",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-arror-left13" }),
+                _vm._v(" Kembali"),
+              ]
+            ),
+          ]),
+        ],
+        1
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=template&id=28209b97&":
+/*!*******************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=template&id=28209b97& ***!
+  \*******************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("formKeputusan") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "form",
+        {
+          attrs: { "data-vv-scope": "formKeputusan" },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _vm._l(_vm.pilih, function (p) {
+            return _c("div", { key: p.id, staticClass: "card card-body" }, [
+              _c("div", { staticClass: "form-group mb-0" }, [
+                _c("label", { staticClass: "d-block font-weight-semibold" }, [
+                  _vm._v(_vm._s(p.name)),
                 ]),
                 _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("9. Evaluasi Kinerja")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a9_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a9_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a9_bkcu_penilaian / 1,
-                          valueType: "currency",
+                _c("div", { staticClass: "form-check form-check-inline" }, [
+                  _c("label", { staticClass: "form-check-label" }, [
+                    _c("input", {
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.formKeputusan.pilih[p.id],
+                          expression: "formKeputusan.pilih[p.id]",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a9_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                      ],
+                      staticClass: "form-check-input",
+                      attrs: { type: "radio", value: "1", name: p.id },
+                      domProps: {
+                        checked: _vm._q(_vm.formKeputusan.pilih[p.id], "1"),
+                      },
+                      on: {
+                        change: function ($event) {
+                          return _vm.$set(_vm.formKeputusan.pilih, p.id, "1")
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a9_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a9_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a9_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
+                      },
+                    }),
+                    _vm._v("\n\t\t\t\t\t\t\tSetuju\n\t\t\t\t\t\t"),
+                  ]),
                 ]),
                 _vm._v(" "),
-                _c("tr", [
-                  _c("td", [
-                    _vm._v("10. Kesetaraan Gender Dalam Kepemimpinan"),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a10_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a10_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4a10_bkcu_penilaian / 1,
-                          valueType: "currency",
+                _c("div", { staticClass: "form-check form-check-inline" }, [
+                  _c("label", { staticClass: "form-check-label" }, [
+                    _c("input", {
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.formKeputusan.pilih[p.id],
+                          expression: "formKeputusan.pilih[p.id]",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4a10_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                      ],
+                      staticClass: "form-check-input",
+                      attrs: { type: "radio", value: "2", name: p.id },
+                      domProps: {
+                        checked: _vm._q(_vm.formKeputusan.pilih[p.id], "2"),
+                      },
+                      on: {
+                        change: function ($event) {
+                          return _vm.$set(_vm.formKeputusan.pilih, p.id, "2")
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a10_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a10_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4a10_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
+                      },
+                    }),
+                    _vm._v("\n\t\t\t\t\t\t\tTidak Setuju\n\t\t\t\t\t\t"),
+                  ]),
                 ]),
                 _vm._v(" "),
-                _c("tr", { staticClass: "bg-warning font-weight-bold" }, [
-                  _c("td", [_vm._v("B. KEPUASAN STAF")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP4B,
-                          valueType: "decimal",
+                _c("div", { staticClass: "form-check form-check-inline" }, [
+                  _c("label", { staticClass: "form-check-label" }, [
+                    _c("input", {
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.formKeputusan.pilih[p.id],
+                          expression: "formKeputusan.pilih[p.id]",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP4B,
-                          valueType: "decimal",
+                      ],
+                      staticClass: "form-check-input",
+                      attrs: { type: "radio", value: "3", name: p.id },
+                      domProps: {
+                        checked: _vm._q(_vm.formKeputusan.pilih[p.id], "3"),
+                      },
+                      on: {
+                        change: function ($event) {
+                          return _vm.$set(_vm.formKeputusan.pilih, p.id, "3")
+                        },
+                      },
+                    }),
+                    _vm._v(
+                      "\n\t\t\t\t\t\t\tTidak Punya Keputusan\n\t\t\t\t\t\t"
+                    ),
+                  ]),
+                ]),
+              ]),
+            ])
+          }),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "form-group" },
+            [
+              _c("h5", [_vm._v(" Catatan / Pendapat: ")]),
+              _vm._v(" "),
+              _c("ckeditor", {
+                attrs: { type: "classic", config: _vm.ckeditorNoImageConfig },
+                model: {
+                  value: _vm.formKeputusan.keterangan,
+                  callback: function ($$v) {
+                    _vm.$set(_vm.formKeputusan, "keterangan", $$v)
+                  },
+                  expression: "formKeputusan.keterangan",
+                },
+              }),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c("hr"),
+          _vm._v(" "),
+          _c("div", { staticClass: "text-center d-none d-md-block" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+            _vm._v(" "),
+            _vm._m(0),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "d-block d-md-none" }, [
+            _vm._m(1),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block pb-2",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+          ]),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      {
+        staticClass: "btn btn-primary btn-block pb-2",
+        attrs: { type: "submit" },
+      },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa&":
+/*!***************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa& ***!
+  \***************************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("formKomentar") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.message.show
+        ? _c("message", {
+            attrs: {
+              title: "Oops terjadi kesalahan",
+              errorData: _vm.message.content,
+              showDebug: false,
+            },
+            on: { close: _vm.messageClose },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "div",
+        { staticClass: "card card-body bg-success text-white text-center" },
+        [_vm._v("\n      KEPUTUSAN\n    ")]
+      ),
+      _vm._v(" "),
+      _c("div", { staticClass: "card" }, [
+        _c(
+          "div",
+          { staticClass: "card-header bg-light header-elements-inline" },
+          [
+            _c("h6", {
+              staticClass: "card-title",
+              domProps: {
+                innerHTML: _vm._s(
+                  _vm.$options.filters.dateTime(_vm.selected.created_at)
+                ),
+              },
+            }),
+            _vm._v(" "),
+            _c("div", { staticClass: "header-elements" }, [
+              _c(
+                "span",
+                { staticClass: "badge badge-primary" },
+                [
+                  _vm.selected.cu
+                    ? _c("check-value", {
+                        attrs: { value: _vm.selected.cu.name },
+                      })
+                    : _c("span", [_vm._v("-")]),
+                  _vm._v("\n            |\n            "),
+                  _vm.selected.user
+                    ? _c("check-value", {
+                        attrs: { value: _vm.selected.user.username },
+                      })
+                    : _c("span", [_vm._v("-")]),
+                ],
+                1
+              ),
+            ]),
+          ]
+        ),
+        _vm._v(" "),
+        _vm.selected.keterangan
+          ? _c("div", { staticClass: "card-body" }, [
+              _c(
+                "div",
+                { staticClass: "row" },
+                _vm._l(_vm.selected.pilih, function (pilih) {
+                  return _c("div", { key: pilih.id, staticClass: "col-md-6" }, [
+                    _c(
+                      "div",
+                      {
+                        staticClass: "card",
+                        class: {
+                          "border-primary": pilih.pivot.nilai == 1,
+                          "border-danger": pilih.pivot.nilai == 2,
+                          "border-secondary": pilih.pivot.nilai == 3,
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            staticClass: "card-header text-white",
+                            class: {
+                              "bg-primary": pilih.pivot.nilai == 1,
+                              "bg-danger": pilih.pivot.nilai == 2,
+                              "bg-secondary": pilih.pivot.nilai == 3,
+                            },
+                          },
+                          [
+                            pilih.pivot.nilai == 1
+                              ? _c("span", [_vm._v("SETUJU")])
+                              : pilih.pivot.nilai == 2
+                              ? _c("span", [_vm._v("TIDAK SETUJU")])
+                              : pilih.pivot.nilai == 3
+                              ? _c("span", [_vm._v("TIDAK PUNYA TANGGAPAN")])
+                              : _vm._e(),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "card-body" },
+                          [_c("check-value", { attrs: { value: pilih.name } })],
+                          1
+                        ),
+                      ]
+                    ),
+                  ])
+                }),
+                0
+              ),
+              _vm._v(" "),
+              _c("hr", { staticClass: "mt-1 mb-1" }),
+              _vm._v(" "),
+              _c("b", [_vm._v("Catatan / Komentar ")]),
+              _vm._v(" "),
+              _c("br"),
+              _vm._v(" "),
+              _c("div", {
+                domProps: { innerHTML: _vm._s(_vm.selected.keterangan) },
+              }),
+            ])
+          : _vm._e(),
+      ]),
+      _vm._v(" "),
+      !_vm.isShowHapus
+        ? _c(
+            "div",
+            [
+              _c(
+                "div",
+                {
+                  staticClass:
+                    "card card-body bg-warning text-white text-center",
+                },
+                [_vm._v("\n        KOMENTAR\n      ")]
+              ),
+              _vm._v(" "),
+              _vm.itemDataKomentarStat == "success" &&
+              _vm.itemDataKomentar.data.length > 0
+                ? _vm._l(_vm.itemDataKomentar.data, function (komentar) {
+                    return _c(
+                      "div",
+                      { key: komentar.id, staticClass: "card" },
+                      [
+                        _c(
+                          "div",
+                          {
+                            staticClass:
+                              "card-header bg-light header-elements-inline",
+                          },
+                          [
+                            _c(
+                              "h6",
+                              { staticClass: "card-title" },
+                              [
+                                komentar.user.aktivis.gambar
+                                  ? _c("img", {
+                                      staticClass: "rounded-circle",
+                                      attrs: {
+                                        src:
+                                          "/images/aktivis/" +
+                                          komentar.user.aktivis.gambar +
+                                          ".jpg",
+                                        width: "30",
+                                        height: "30",
+                                        alt: "user image",
+                                      },
+                                    })
+                                  : _c("img", {
+                                      staticClass: "rounded-circle",
+                                      attrs: {
+                                        src: "/images/no_image_man.jpg",
+                                        width: "30",
+                                        height: "30",
+                                        alt: "user image",
+                                      },
+                                    }),
+                                _vm._v(" "),
+                                komentar.user
+                                  ? _c("check-value", {
+                                      attrs: {
+                                        value: komentar.user.aktivis.name,
+                                      },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                                _vm._v("\n              |\n              "),
+                                komentar.cu
+                                  ? _c("check-value", {
+                                      attrs: { value: komentar.cu.name },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "d-none d-sm-block" }, [
+                              _c("div", { staticClass: "header-elements" }, [
+                                _c(
+                                  "span",
+                                  { staticClass: "badge badge-secondary" },
+                                  [
+                                    _c("small", {
+                                      domProps: {
+                                        innerHTML: _vm._s(
+                                          _vm.$options.filters.dateTime(
+                                            komentar.created_at
+                                          )
+                                        ),
+                                      },
+                                    }),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                komentar.id_user == _vm.currentUser.id
+                                  ? _c(
+                                      "div",
+                                      { staticClass: "list-icons ml-2" },
+                                      [
+                                        _c(
+                                          "a",
+                                          {
+                                            staticClass:
+                                              "btn btn-light list-icons-item",
+                                            attrs: { href: "#" },
+                                            on: {
+                                              click: function ($event) {
+                                                $event.preventDefault()
+                                                return _vm.hapusOpen(komentar)
+                                              },
+                                            },
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass: "icon-bin2",
+                                            }),
+                                          ]
+                                        ),
+                                      ]
+                                    )
+                                  : _vm._e(),
+                              ]),
+                            ]),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        komentar.keterangan
+                          ? _c("div", { staticClass: "card-body pb-1 pt-2" }, [
+                              _c("div", {
+                                domProps: {
+                                  innerHTML: _vm._s(komentar.keterangan),
+                                },
+                              }),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          {
+                            staticClass:
+                              "card-footer d-block d-sm-none text-center",
+                          },
+                          [
+                            _c(
+                              "span",
+                              { staticClass: "badge badge-secondary" },
+                              [
+                                _c("small", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        komentar.created_at
+                                      )
+                                    ),
+                                  },
+                                }),
+                              ]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "button",
+                              {
+                                staticClass:
+                                  "btn btn-light btn-block mt-2 mb-1",
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.hapusOpen(komentar)
+                                  },
+                                },
+                              },
+                              [
+                                _c("i", { staticClass: "icon-bin2" }),
+                                _vm._v(" Hapus Komentar"),
+                              ]
+                            ),
+                          ]
+                        ),
+                      ]
+                    )
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataKomentarStat === "loading"
+                ? _c("div", { staticClass: "card card-body" }, [
+                    _c("h4", [_vm._v("Mohon tunggu...")]),
+                    _vm._v(" "),
+                    _vm._m(0),
+                  ])
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataKomentarStat === "fail"
+                ? _c("div", { staticClass: "card card-body" }, [
+                    _c("h4", [
+                      _vm._v("Oops.. Terjadi kesalahan, silahkan coba lagi."),
+                    ]),
+                  ])
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataKomentarStat == "success" &&
+              _vm.itemDataKomentar.data.length > 0
+                ? _c("div", { staticClass: "card card-body pb-2 pt-2" }, [
+                    _c("div", { staticClass: "row pre-scrollable" }, [
+                      _c("div", { staticClass: "col-md-12 text-center" }, [
+                        _vm.itemDataKomentarStat === "success"
+                          ? _c(
+                              "div",
+                              { staticClass: "btn-group" },
+                              [
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass: "btn btn-light",
+                                    class: {
+                                      disabled:
+                                        !_vm.itemDataKomentar.prev_page_url,
+                                    },
+                                    attrs: { href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.goToPage(1)
+                                      },
+                                    },
+                                  },
+                                  [_c("i", { staticClass: "icon-backward2" })]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass: "btn btn-light",
+                                    class: {
+                                      disabled:
+                                        !_vm.itemDataKomentar.prev_page_url,
+                                    },
+                                    attrs: { href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.prevPage.apply(
+                                          null,
+                                          arguments
+                                        )
+                                      },
+                                    },
+                                  },
+                                  [_c("i", { staticClass: "icon-arrow-left5" })]
+                                ),
+                                _vm._v(" "),
+                                _vm._l(_vm.pages, function (n, i) {
+                                  return _c(
+                                    "button",
+                                    {
+                                      key: i,
+                                      staticClass: "btn",
+                                      class: {
+                                        "btn-primary":
+                                          _vm.queryKomentar.page == n,
+                                        "btn-light":
+                                          _vm.queryKomentar.page != n,
+                                      },
+                                      attrs: { href: "#" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.goToPage(n)
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _vm._v(
+                                        "\n                  " +
+                                          _vm._s(n) +
+                                          "\n              "
+                                      ),
+                                    ]
+                                  )
+                                }),
+                                _vm._v(" "),
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass: "btn btn-light",
+                                    class: {
+                                      disabled:
+                                        !_vm.itemDataKomentar.next_page_url,
+                                    },
+                                    attrs: { href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.nextPage.apply(
+                                          null,
+                                          arguments
+                                        )
+                                      },
+                                    },
+                                  },
+                                  [
+                                    _c("i", {
+                                      staticClass: "icon-arrow-right5",
+                                    }),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass: "btn btn-light",
+                                    class: {
+                                      disabled:
+                                        !_vm.itemDataKomentar.next_page_url,
+                                    },
+                                    attrs: { href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.goToPage(
+                                          _vm.itemDataKomentar.last_page
+                                        )
+                                      },
+                                    },
+                                  },
+                                  [_c("i", { staticClass: "icon-forward3" })]
+                                ),
+                              ],
+                              2
+                            )
+                          : _c("div", { staticClass: "btn-group" }, [
+                              _vm._m(1),
+                              _vm._v(" "),
+                              _vm._m(2),
+                              _vm._v(" "),
+                              _vm._m(3),
+                              _vm._v(" "),
+                              _vm._m(4),
+                              _vm._v(" "),
+                              _vm._m(5),
+                            ]),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+              _vm._v(" "),
+              _c("hr"),
+              _vm._v(" "),
+              _vm.updateStat == "loading"
+                ? _c("div", [_vm._m(6)])
+                : _c("div", [
+                    _c(
+                      "form",
+                      {
                         attrs: {
-                          value: _vm.nilaiSkorBKCUP4B,
-                          valueType: "decimal",
+                          enctype: "multipart/form-data",
+                          "data-vv-scope": "formMateri",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP4B,
-                          valueType: "decimal",
+                        on: {
+                          submit: function ($event) {
+                            $event.preventDefault()
+                            return _vm.save.apply(null, arguments)
+                          },
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
-                ]),
-                _vm._v(" "),
-                _vm._m(1),
+                      },
+                      [
+                        _c(
+                          "div",
+                          { staticClass: "form-group" },
+                          [
+                            _c("ckeditor", {
+                              attrs: {
+                                type: "classic",
+                                config: _vm.ckeditorNoImageConfig,
+                              },
+                              model: {
+                                value: _vm.formKomentar.keterangan,
+                                callback: function ($$v) {
+                                  _vm.$set(_vm.formKomentar, "keterangan", $$v)
+                                },
+                                expression: "formKomentar.keterangan",
+                              },
+                            }),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm._m(7),
+                      ]
+                    ),
+                  ]),
+            ],
+            2
+          )
+        : _c("div", [
+            _c("div", { staticClass: "card card-body text-center" }, [
+              _vm._m(8),
+              _vm._v(" "),
+              _c("h3", [_vm._v("Hapus komentar ini?")]),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c(
+                  "div",
+                  {
+                    staticClass: "card-header bg-light header-elements-inline",
+                  },
+                  [
+                    _c(
+                      "h6",
+                      { staticClass: "card-title" },
+                      [
+                        _vm.selectedKomentar.user.aktivis.gambar
+                          ? _c("img", {
+                              staticClass: "rounded-circle",
+                              attrs: {
+                                src:
+                                  "/images/aktivis/" +
+                                  _vm.selectedKomentar.user.aktivis.gambar +
+                                  ".jpg",
+                                width: "30",
+                                height: "30",
+                                alt: "user image",
+                              },
+                            })
+                          : _c("img", {
+                              staticClass: "rounded-circle",
+                              attrs: {
+                                src: "/images/no_image_man.jpg",
+                                width: "30",
+                                height: "30",
+                                alt: "user image",
+                              },
+                            }),
+                        _vm._v(" "),
+                        _vm.selectedKomentar.user
+                          ? _c("check-value", {
+                              attrs: {
+                                value: _vm.selectedKomentar.user.aktivis.name,
+                              },
+                            })
+                          : _c("span", [_vm._v("-")]),
+                        _vm._v("\n              |\n              "),
+                        _vm.selectedKomentar.cu
+                          ? _c("check-value", {
+                              attrs: { value: _vm.selectedKomentar.cu.name },
+                            })
+                          : _c("span", [_vm._v("-")]),
+                      ],
+                      1
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "header-elements" }, [
+                      _c("span", { staticClass: "badge badge-secondary" }, [
+                        _c("small", {
+                          domProps: {
+                            innerHTML: _vm._s(
+                              _vm.$options.filters.dateTime(
+                                _vm.selectedKomentar.created_at
+                              )
+                            ),
+                          },
+                        }),
+                      ]),
+                    ]),
+                  ]
+                ),
                 _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("11. Rancangan Kerja (Job Design)")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b11_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b11_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b11_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b11_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                _vm.selectedKomentar.keterangan
+                  ? _c("div", { staticClass: "card-body pb-1 pt-2" }, [
+                      _c("div", {
+                        domProps: {
+                          innerHTML: _vm._s(_vm.selectedKomentar.keterangan),
                         },
                       }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b11_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b11_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b11_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
+                    ])
+                  : _vm._e(),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "text-center d-none d-md-block" }, [
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        _vm.isShowHapus = false
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-arrow-left13" }),
+                    _vm._v(" Batal"),
+                  ]
+                ),
                 _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("12. Rekruitmen dan Seleksi")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b12_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b12_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b12_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b12_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b12_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b12_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b12_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-warning",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.hapus()
+                      },
+                    },
+                  },
+                  [_c("i", { staticClass: "icon-checkmark5" }), _vm._v(" Ok")]
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "d-block d-md-none" }, [
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-warning btn-block pb-2",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.hapus()
+                      },
+                    },
+                  },
+                  [_c("i", { staticClass: "icon-checkmark5" }), _vm._v(" Ok")]
+                ),
                 _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("13. Kompensasi")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b13_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b13_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block pb-2",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        _vm.isShowHapus = false
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-arrow-left13" }),
+                    _vm._v(" Batal"),
+                  ]
+                ),
+              ]),
+            ]),
+          ]),
+      _vm._v(" "),
+      _c("hr"),
+      _vm._v(" "),
+      _c("div", { staticClass: "text-center d-none d-md-block" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.tutup.apply(null, arguments)
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+        ),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "d-block d-md-none" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block pb-2",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.tutup.apply(null, arguments)
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+        ),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-backward2" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-arrow-left5" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-spinner2 spinner" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-arrow-right5" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-forward3" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      {
+        staticClass: "btn btn-warning btn-block pb-2",
+        attrs: { type: "submit" },
+      },
+      [_c("i", { staticClass: "icon-paperplane" }), _vm._v(" Kirim Komentar")]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "text-warning pb-2" }, [
+      _c("i", {
+        staticClass: "icon-question3",
+        staticStyle: { "font-size": "3em" },
+      }),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formListMateri.vue?vue&type=template&id=72f042f3&":
+/*!********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formListMateri.vue?vue&type=template&id=72f042f3& ***!
+  \********************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("formListMateri") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "form",
+        {
+          attrs: {
+            enctype: "multipart/form-data",
+            "data-vv-scope": "formListMateri",
+          },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c(
+            "div",
+            {
+              staticClass: "form-group",
+              class: { "has-error": _vm.errors.has("formListMateri.nama") },
+            },
+            [
+              _c(
+                "h5",
+                {
+                  class: {
+                    "text-danger": _vm.errors.has("formListMateri.nama"),
+                  },
+                },
+                [
+                  _vm.errors.has("formListMateri.nama")
+                    ? _c("i", { staticClass: "icon-cross2" })
+                    : _vm._e(),
+                  _vm._v("\n\t\t\t\t\tNama :\n\t\t\t\t"),
+                ]
+              ),
+              _vm._v(" "),
+              _c("input", {
+                directives: [
+                  {
+                    name: "validate",
+                    rawName: "v-validate",
+                    value: "required",
+                    expression: "'required'",
+                  },
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.formListMateri.nama,
+                    expression: "formListMateri.nama",
+                  },
+                ],
+                staticClass: "form-control",
+                attrs: {
+                  type: "text",
+                  name: "name",
+                  placeholder: "Silahkan masukkan nama materi",
+                },
+                domProps: { value: _vm.formListMateri.nama },
+                on: {
+                  input: function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.$set(_vm.formListMateri, "nama", $event.target.value)
+                  },
+                },
+              }),
+              _vm._v(" "),
+              _vm.errors.has("formListMateri.nama")
+                ? _c("small", { staticClass: "text-muted text-danger" }, [
+                    _c("i", { staticClass: "icon-arrow-small-right" }),
+                    _vm._v(
+                      " " +
+                        _vm._s(_vm.errors.first("formListMateri.nama")) +
+                        "\n\t\t\t\t"
+                    ),
+                  ])
+                : _c("small", { staticClass: "text-muted" }, [
+                    _vm._v(" \n\t\t\t\t"),
+                  ]),
+            ]
+          ),
+          _vm._v(" "),
+          _c(
+            "div",
+            {
+              staticClass: "form-group",
+              class: { "has-error": _vm.errors.has("formListMateri.waktu") },
+            },
+            [
+              _c(
+                "h5",
+                {
+                  class: {
+                    "text-danger": _vm.errors.has("formListMateri.waktu"),
+                  },
+                },
+                [
+                  _vm.errors.has("formListMateri.waktu")
+                    ? _c("i", { staticClass: "icon-cross2" })
+                    : _vm._e(),
+                  _vm._v("\n\t\t\t\t\tWaktu (Jam) :\n\t\t\t\t"),
+                ]
+              ),
+              _vm._v(" "),
+              _c("input", {
+                directives: [
+                  {
+                    name: "validate",
+                    rawName: "v-validate",
+                    value: "required",
+                    expression: "'required'",
+                  },
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.formListMateri.waktu,
+                    expression: "formListMateri.waktu",
+                  },
+                ],
+                staticClass: "form-control",
+                attrs: {
+                  type: "text",
+                  name: "waktu",
+                  placeholder: "Silahkan masukkan waktu (jam)",
+                },
+                domProps: { value: _vm.formListMateri.waktu },
+                on: {
+                  input: function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.$set(_vm.formListMateri, "waktu", $event.target.value)
+                  },
+                },
+              }),
+              _vm._v(" "),
+              _vm.errors.has("formListMateri.waktu")
+                ? _c("small", { staticClass: "text-muted text-danger" }, [
+                    _c("i", { staticClass: "icon-arrow-small-right" }),
+                    _vm._v(
+                      " " +
+                        _vm._s(_vm.errors.first("formListMateri.waktu")) +
+                        "\n\t\t\t\t"
+                    ),
+                  ])
+                : _c("small", { staticClass: "text-muted" }, [
+                    _vm._v(" \n\t\t\t\t"),
+                  ]),
+            ]
+          ),
+          _vm._v(" "),
+          _c("hr"),
+          _vm._v(" "),
+          _c("div", { staticClass: "text-center d-none d-md-block" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+            _vm._v(" "),
+            _vm._m(0),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "d-block d-md-none" }, [
+            _vm._m(1),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block pb-2",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+          ]),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      {
+        staticClass: "btn btn-primary btn-block pb-2",
+        attrs: { type: "submit" },
+      },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=template&id=0e67c796&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=template&id=0e67c796& ***!
+  \****************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("formMateri") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "form",
+        {
+          attrs: {
+            enctype: "multipart/form-data",
+            "data-vv-scope": "formMateri",
+          },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c(
+            "div",
+            {
+              staticClass: "form-group",
+              class: { "has-error": _vm.errors.has("formMateri.name") },
+            },
+            [
+              _c(
+                "h5",
+                { class: { "text-danger": _vm.errors.has("formMateri.name") } },
+                [
+                  _vm.errors.has("formMateri.name")
+                    ? _c("i", { staticClass: "icon-cross2" })
+                    : _vm._e(),
+                  _vm._v("\n\t\t\t\t\tNama :\n\t\t\t\t"),
+                ]
+              ),
+              _vm._v(" "),
+              _c("input", {
+                directives: [
+                  {
+                    name: "validate",
+                    rawName: "v-validate",
+                    value: "required",
+                    expression: "'required'",
+                  },
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.formMateri.name,
+                    expression: "formMateri.name",
+                  },
+                ],
+                staticClass: "form-control",
+                attrs: {
+                  type: "text",
+                  name: "name",
+                  placeholder: "Silahkan masukkan nama",
+                  "data-vv-as": "Nama di nametag",
+                },
+                domProps: { value: _vm.formMateri.name },
+                on: {
+                  input: function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.$set(_vm.formMateri, "name", $event.target.value)
+                  },
+                },
+              }),
+              _vm._v(" "),
+              _vm.errors.has("formMateri.name")
+                ? _c("small", { staticClass: "text-muted text-danger" }, [
+                    _c("i", { staticClass: "icon-arrow-small-right" }),
+                    _vm._v(
+                      " " +
+                        _vm._s(_vm.errors.first("formMateri.name")) +
+                        "\n\t\t\t\t"
+                    ),
+                  ])
+                : _c("small", { staticClass: "text-muted" }, [
+                    _vm._v(" \n\t\t\t\t"),
+                  ]),
+            ]
+          ),
+          _vm._v(" "),
+          _c("div", { staticClass: "form-group" }, [
+            _c("h5", [_vm._v(" Keterangan: ")]),
+            _vm._v(" "),
+            _c("textarea", {
+              directives: [
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.formMateri.keterangan,
+                  expression: "formMateri.keterangan",
+                },
+              ],
+              staticClass: "form-control",
+              attrs: {
+                rows: "5",
+                type: "text",
+                name: "keterangan",
+                placeholder: "Silahkan masukkan keterangan ",
+              },
+              domProps: { value: _vm.formMateri.keterangan },
+              on: {
+                input: function ($event) {
+                  if ($event.target.composing) {
+                    return
+                  }
+                  _vm.$set(_vm.formMateri, "keterangan", $event.target.value)
+                },
+              },
+            }),
+          ]),
+          _vm._v(" "),
+          _vm.mode == "create"
+            ? _c(
+                "div",
+                {
+                  staticClass: "form-group",
+                  class: { "has-error": _vm.errors.has("formMateri.format") },
+                },
+                [
                   _c(
-                    "td",
+                    "h5",
+                    {
+                      class: {
+                        "text-danger": _vm.errors.has("formMateri.format"),
+                      },
+                    },
                     [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b13_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
+                      _vm.errors.has("formMateri.format")
+                        ? _c("i", { staticClass: "icon-cross2" })
+                        : _vm._e(),
+                      _vm._v("\n\t\t\t\t\tPilih Format:\n\t\t\t\t"),
+                    ]
                   ),
                   _vm._v(" "),
                   _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b13_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                    "select",
+                    {
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.formMateri.format,
+                          expression: "formMateri.format",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b13_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b13_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b13_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("14. Pembagian Tingkatan Staf")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b14_cu_penilaian / 1,
-                          valueType: "currency",
+                        {
+                          name: "validate",
+                          rawName: "v-validate",
+                          value: "required",
+                          expression: "'required'",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b14_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        name: "format",
+                        "data-width": "100%",
+                        "data-vv-as": "format",
+                      },
+                      on: {
+                        change: function ($event) {
+                          var $$selectedVal = Array.prototype.filter
+                            .call($event.target.options, function (o) {
+                              return o.selected
+                            })
+                            .map(function (o) {
+                              var val = "_value" in o ? o._value : o.value
+                              return val
+                            })
+                          _vm.$set(
+                            _vm.formMateri,
+                            "format",
+                            $event.target.multiple
+                              ? $$selectedVal
+                              : $$selectedVal[0]
+                          )
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
+                      },
+                    },
                     [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b14_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
+                      _c("option", { attrs: { disabled: "", value: "" } }, [
+                        _vm._v("Silahkan pilih format"),
+                      ]),
+                      _vm._v(" "),
+                      _c("option", { attrs: { value: "upload" } }, [
+                        _vm._v("Upload"),
+                      ]),
+                      _vm._v(" "),
+                      _c("option", { attrs: { value: "link" } }, [
+                        _vm._v("Link"),
+                      ]),
+                    ]
                   ),
                   _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b14_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                  _vm.errors.has("formMateri.format")
+                    ? _c("small", { staticClass: "text-muted text-danger" }, [
+                        _c("i", { staticClass: "icon-arrow-small-right" }),
+                        _vm._v(
+                          " " +
+                            _vm._s(_vm.errors.first("formMateri.format")) +
+                            "\n\t\t\t\t"
+                        ),
+                      ])
+                    : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                ]
+              )
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.mode == "create"
+            ? [
+                _vm.formMateri.format == "upload"
+                  ? _c("div", { staticClass: "form-group" }, [
+                      _c("h5", [_vm._v(" Upload dokumen: ")]),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "card-card-body" }, [
+                        _c("input", {
+                          ref: "fileInput",
+                          staticClass: "form-control",
+                          attrs: { type: "file", accept: ".pdf,image/*" },
+                          on: { change: _vm.upload },
+                        }),
+                      ]),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [
+                        _vm._v("File yang diterima adalah PDF dan gambar/foto"),
+                      ]),
+                    ])
+                  : _vm.formMateri.format == "link"
+                  ? _c("div", { staticClass: "form-group" }, [
+                      _c("h5", [_vm._v("Link dokumen: ")]),
+                      _vm._v(" "),
+                      _c("input", {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.formMateri.link,
+                            expression: "formMateri.link",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          type: "text",
+                          name: "link",
+                          placeholder: "Silahkan masukkan link",
+                        },
+                        domProps: { value: _vm.formMateri.link },
+                        on: {
+                          input: function ($event) {
+                            if ($event.target.composing) {
+                              return
+                            }
+                            _vm.$set(
+                              _vm.formMateri,
+                              "link",
+                              $event.target.value
+                            )
+                          },
                         },
                       }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [
+                        _vm._v("Silahkan masukkan link ke dokumen"),
+                      ]),
+                    ])
+                  : _vm._e(),
+              ]
+            : _vm._e(),
+          _vm._v(" "),
+          _c("hr"),
+          _vm._v(" "),
+          _c("div", { staticClass: "text-center d-none d-md-block" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+            _vm._v(" "),
+            _vm._m(0),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "d-block d-md-none" }, [
+            _vm._m(1),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block pb-2",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+          ]),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      {
+        staticClass: "btn btn-primary btn-block pb-2",
+        attrs: { type: "submit" },
+      },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formNilai.vue?vue&type=template&id=77092c50&":
+/*!***************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formNilai.vue?vue&type=template&id=77092c50& ***!
+  \***************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formNilai" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _vm.mode == "create"
+          ? _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formNilai.materi") },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formNilai.materi"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formNilai.materi")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\tPilih Materi:\n\t\t\t"),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "select",
+                  {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.formNilai.materi,
+                        expression: "formNilai.materi",
+                      },
                     ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b14_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b14_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b14_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
+                    staticClass: "form-control",
+                    attrs: { name: "materi", "data-vv-as": "Materi" },
+                    on: {
+                      change: [
+                        function ($event) {
+                          var $$selectedVal = Array.prototype.filter
+                            .call($event.target.options, function (o) {
+                              return o.selected
+                            })
+                            .map(function (o) {
+                              var val = "_value" in o ? o._value : o.value
+                              return val
+                            })
+                          _vm.$set(
+                            _vm.formNilai,
+                            "materi",
+                            $event.target.multiple
+                              ? $$selectedVal
+                              : $$selectedVal[0]
+                          )
+                        },
+                        function ($event) {
+                          return _vm.changeMateri($event.target.value)
+                        },
+                      ],
+                    },
+                  },
+                  [
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm.itemDataListMateriNilaiStat === "loading"
+                        ? _c("span", [_vm._v("Mohon tunggu...")])
+                        : _c("span", [_vm._v("Silahkan pilih materi")]),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("----------------"),
+                    ]),
+                    _vm._v(" "),
+                    _vm._l(
+                      _vm.itemDataListMateriNilai,
+                      function (materi, index) {
+                        return _c(
+                          "option",
+                          { key: index, domProps: { value: materi.id } },
+                          [_vm._v(_vm._s(materi.nama))]
+                        )
+                      }
+                    ),
+                  ],
+                  2
+                ),
+                _vm._v(" "),
+                _vm.errors.has("formNilai.materi")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formNilai.materi")) +
+                          "\n\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+              ]
+            )
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.mode == "create"
+          ? _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formNilai.nilai") },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: { "text-danger": _vm.errors.has("formNilai.name") },
+                  },
+                  [
+                    _vm.errors.has("formNilai.nilai")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tNilai :\n\t\t\t\t"),
+                  ]
+                ),
                 _vm._v(" "),
-                _vm._m(2),
+                _c("input", {
+                  directives: [
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.formNilai.nilai,
+                      expression: "formNilai.nilai",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    type: "text",
+                    name: "nilai",
+                    placeholder: "Silahkan masukkan nilai",
+                  },
+                  domProps: { value: _vm.formNilai.nilai },
+                  on: {
+                    input: function ($event) {
+                      if ($event.target.composing) {
+                        return
+                      }
+                      _vm.$set(_vm.formNilai, "nilai", $event.target.value)
+                    },
+                  },
+                }),
                 _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("15. Tujuan Kinerja")]),
+                _vm.errors.has("formNilai.nilai")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formNilai.nilai")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [
+                      _vm._v(" \n\t\t\t\t"),
+                    ]),
+              ]
+            )
+          : _vm._e(),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("div", { staticClass: "table-responsive" }, [
+          _c("table", { staticClass: "table" }, [
+            _vm._m(0),
+            _vm._v(" "),
+            _c(
+              "tbody",
+              _vm._l(this.itemNilai, function (nl, index) {
+                return _c("tr", { key: nl.id }, [
+                  _c("td", [_vm._v(_vm._s(index + 1))]),
                   _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b15_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
+                  _c("td", [_vm._v(_vm._s(nl.nama))]),
                   _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
+                  _c("td", [_vm._v(_vm._s(nl.nilai))]),
+                ])
+              }),
+              0
+            ),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: {
+                type: "submit",
+                disabled: _vm.formNilai.aktivis_id == "",
+              },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: {
+                type: "submit",
+                disabled: _vm.formNilai.aktivis_id == "",
+              },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("thead", [
+      _c("tr", { staticClass: "bg-blue" }, [
+        _c("th", [_vm._v("No")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("Materi")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("Nilai")]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=template&id=261dac5c&":
+/*!********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=template&id=261dac5c& ***!
+  \********************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("formPertanyaan") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "form",
+        {
+          attrs: { "data-vv-scope": "formPertanyaan" },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c(
+            "div",
+            { staticClass: "form-group" },
+            [
+              _c("h5", [_vm._v(" Pertanyaan: ")]),
+              _vm._v(" "),
+              _c("ckeditor", {
+                attrs: { type: "classic", config: _vm.ckeditorNoImageConfig },
+                model: {
+                  value: _vm.formPertanyaan.keterangan,
+                  callback: function ($$v) {
+                    _vm.$set(_vm.formPertanyaan, "keterangan", $$v)
+                  },
+                  expression: "formPertanyaan.keterangan",
+                },
+              }),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c("hr"),
+          _vm._v(" "),
+          _c("div", { staticClass: "text-center d-none d-md-block" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+            _vm._v(" "),
+            _vm._m(0),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "d-block d-md-none" }, [
+            _vm._m(1),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block pb-2",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+          ]),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      {
+        staticClass: "btn btn-primary btn-block pb-2",
+        attrs: { type: "submit" },
+      },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5&":
+/*!****************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5& ***!
+  \****************************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("formKomentar") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.message.show
+        ? _c("message", {
+            attrs: {
+              title: "Oops terjadi kesalahan",
+              errorData: _vm.message.content,
+              showDebug: false,
+            },
+            on: { close: _vm.messageClose },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "div",
+        { staticClass: "card card-body bg-info text-white text-center" },
+        [_vm._v("\n      PERTANYAAN\n    ")]
+      ),
+      _vm._v(" "),
+      _c("div", { staticClass: "card" }, [
+        _c(
+          "div",
+          { staticClass: "card-header bg-light header-elements-inline" },
+          [
+            _c("h6", {
+              staticClass: "card-title",
+              domProps: {
+                innerHTML: _vm._s(
+                  _vm.$options.filters.dateTime(_vm.selected.created_at)
+                ),
+              },
+            }),
+            _vm._v(" "),
+            _c("div", { staticClass: "header-elements" }, [
+              _c(
+                "span",
+                { staticClass: "badge badge-primary" },
+                [
+                  _vm.selected.cu
+                    ? _c("check-value", {
+                        attrs: { value: _vm.selected.cu.name },
+                      })
+                    : _c("span", [_vm._v("-")]),
+                  _vm._v("\n            |\n            "),
+                  _vm.selected.user
+                    ? _c("check-value", {
+                        attrs: { value: _vm.selected.user.username },
+                      })
+                    : _c("span", [_vm._v("-")]),
+                ],
+                1
+              ),
+            ]),
+          ]
+        ),
+        _vm._v(" "),
+        _vm.selected.keterangan
+          ? _c("div", { staticClass: "card-body" }, [
+              _c("b", [_vm._v("Pertanyaan: ")]),
+              _vm._v(" "),
+              _c("br"),
+              _vm._v(" "),
+              _c("div", {
+                domProps: { innerHTML: _vm._s(_vm.selected.keterangan) },
+              }),
+            ])
+          : _vm._e(),
+      ]),
+      _vm._v(" "),
+      _vm.updateStat == "loading"
+        ? _c("div", [_vm._m(0)])
+        : [
+            !_vm.isShowHapus && !_vm.isShowJawaban && !_vm.isShowBatalJawaban
+              ? _c(
+                  "div",
+                  [
+                    _c(
+                      "div",
+                      {
+                        staticClass:
+                          "card card-body bg-warning text-white text-center",
+                      },
+                      [_vm._v("\n          KOMENTAR\n        ")]
+                    ),
+                    _vm._v(" "),
+                    _vm.itemDataKomentarStat == "success" &&
+                    _vm.itemDataKomentar.data.length > 0
+                      ? _vm._l(_vm.itemDataKomentar.data, function (komentar) {
+                          return _c(
+                            "div",
+                            {
+                              key: komentar.id,
+                              staticClass: "card",
+                              class: {
+                                "border-warning": komentar.terjawab == 1,
+                              },
+                            },
+                            [
+                              komentar.terjawab
+                                ? _c(
+                                    "div",
+                                    {
+                                      staticClass:
+                                        "card-header bg-warning text-white text-center",
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-check" }),
+                                      _vm._v(" JAWABAN\n            "),
+                                    ]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "card-header bg-light header-elements-inline",
+                                },
+                                [
+                                  _c(
+                                    "h6",
+                                    { staticClass: "card-title" },
+                                    [
+                                      komentar.user.aktivis.gambar
+                                        ? _c("img", {
+                                            staticClass: "rounded-circle",
+                                            attrs: {
+                                              src:
+                                                "/images/aktivis/" +
+                                                komentar.user.aktivis.gambar +
+                                                ".jpg",
+                                              width: "30",
+                                              height: "30",
+                                              alt: "user image",
+                                            },
+                                          })
+                                        : _c("img", {
+                                            staticClass: "rounded-circle",
+                                            attrs: {
+                                              src: "/images/no_image_man.jpg",
+                                              width: "30",
+                                              height: "30",
+                                              alt: "user image",
+                                            },
+                                          }),
+                                      _vm._v(" "),
+                                      komentar.user
+                                        ? _c("check-value", {
+                                            attrs: {
+                                              value: komentar.user.aktivis.name,
+                                            },
+                                          })
+                                        : _c("span", [_vm._v("-")]),
+                                      _vm._v(
+                                        "\n                |\n                "
+                                      ),
+                                      komentar.cu
+                                        ? _c("check-value", {
+                                            attrs: { value: komentar.cu.name },
+                                          })
+                                        : _c("span", [_vm._v("-")]),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "d-none d-sm-block" },
+                                    [
+                                      _c(
+                                        "div",
+                                        { staticClass: "header-elements" },
+                                        [
+                                          _c(
+                                            "span",
+                                            {
+                                              staticClass:
+                                                "badge badge-secondary",
+                                            },
+                                            [
+                                              _c("small", {
+                                                domProps: {
+                                                  innerHTML: _vm._s(
+                                                    _vm.$options.filters.dateTime(
+                                                      komentar.created_at
+                                                    )
+                                                  ),
+                                                },
+                                              }),
+                                            ]
+                                          ),
+                                          _vm._v(" "),
+                                          _c(
+                                            "div",
+                                            { staticClass: "list-icons ml-2" },
+                                            [
+                                              !komentar.terjawab
+                                                ? _c(
+                                                    "a",
+                                                    {
+                                                      staticClass:
+                                                        "btn btn-warning list-icons-item text-white",
+                                                      attrs: { href: "#" },
+                                                      on: {
+                                                        click: function (
+                                                          $event
+                                                        ) {
+                                                          $event.preventDefault()
+                                                          return _vm.showOpen(
+                                                            komentar,
+                                                            "jawaban"
+                                                          )
+                                                        },
+                                                      },
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-check",
+                                                      }),
+                                                    ]
+                                                  )
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              komentar.terjawab
+                                                ? _c(
+                                                    "a",
+                                                    {
+                                                      staticClass:
+                                                        "btn btn-warning list-icons-item text-white",
+                                                      attrs: { href: "#" },
+                                                      on: {
+                                                        click: function (
+                                                          $event
+                                                        ) {
+                                                          $event.preventDefault()
+                                                          return _vm.showOpen(
+                                                            komentar,
+                                                            "batalJawaban"
+                                                          )
+                                                        },
+                                                      },
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-cross",
+                                                      }),
+                                                    ]
+                                                  )
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              komentar.id_user ==
+                                              _vm.currentUser.id
+                                                ? _c(
+                                                    "a",
+                                                    {
+                                                      staticClass:
+                                                        "btn btn-light list-icons-item",
+                                                      attrs: { href: "#" },
+                                                      on: {
+                                                        click: function (
+                                                          $event
+                                                        ) {
+                                                          $event.preventDefault()
+                                                          return _vm.showOpen(
+                                                            komentar,
+                                                            "hapus"
+                                                          )
+                                                        },
+                                                      },
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-bin2",
+                                                      }),
+                                                    ]
+                                                  )
+                                                : _vm._e(),
+                                            ]
+                                          ),
+                                        ]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              komentar.keterangan
+                                ? _c(
+                                    "div",
+                                    { staticClass: "card-body pb-1 pt-2" },
+                                    [
+                                      _c("div", {
+                                        domProps: {
+                                          innerHTML: _vm._s(
+                                            komentar.keterangan
+                                          ),
+                                        },
+                                      }),
+                                    ]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "card-footer d-block d-sm-none text-center",
+                                },
+                                [
+                                  _c(
+                                    "span",
+                                    { staticClass: "badge badge-secondary" },
+                                    [
+                                      _c("small", {
+                                        domProps: {
+                                          innerHTML: _vm._s(
+                                            _vm.$options.filters.dateTime(
+                                              komentar.created_at
+                                            )
+                                          ),
+                                        },
+                                      }),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  !komentar.terjawab
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-warning btn-block mt-2 mb-1",
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.showOpen(
+                                                komentar,
+                                                "jawaban"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-check",
+                                          }),
+                                          _vm._v(" Jadikan Jawaban"),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  komentar.terjawab
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-warning btn-block mt-2 mb-1",
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.showOpen(
+                                                komentar,
+                                                "batalJawaban"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-check",
+                                          }),
+                                          _vm._v(" Batal Jawaban"),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mt-2 mb-1",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.showOpen(komentar, "hapus")
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-bin2" }),
+                                      _vm._v(" Hapus Komentar"),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                            ]
+                          )
+                        })
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.itemDataKomentarStat === "loading"
+                      ? _c("div", { staticClass: "card card-body" }, [
+                          _c("h4", [_vm._v("Mohon tunggu...")]),
+                          _vm._v(" "),
+                          _vm._m(1),
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.itemDataKomentarStat === "fail"
+                      ? _c("div", { staticClass: "card card-body" }, [
+                          _c("h4", [
+                            _vm._v(
+                              "Oops.. Terjadi kesalahan, silahkan coba lagi."
+                            ),
+                          ]),
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.itemDataKomentarStat == "success" &&
+                    _vm.itemDataKomentar.data.length > 0
+                      ? _c("div", { staticClass: "card card-body pb-2 pt-2" }, [
+                          _c("div", { staticClass: "row pre-scrollable" }, [
+                            _c(
+                              "div",
+                              { staticClass: "col-md-12 text-center" },
+                              [
+                                _vm.itemDataKomentarStat === "success"
+                                  ? _c(
+                                      "div",
+                                      { staticClass: "btn-group" },
+                                      [
+                                        _c(
+                                          "button",
+                                          {
+                                            staticClass: "btn btn-light",
+                                            class: {
+                                              disabled:
+                                                !_vm.itemDataKomentar
+                                                  .prev_page_url,
+                                            },
+                                            attrs: { href: "#" },
+                                            on: {
+                                              click: function ($event) {
+                                                $event.preventDefault()
+                                                return _vm.goToPage(1)
+                                              },
+                                            },
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass: "icon-backward2",
+                                            }),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "button",
+                                          {
+                                            staticClass: "btn btn-light",
+                                            class: {
+                                              disabled:
+                                                !_vm.itemDataKomentar
+                                                  .prev_page_url,
+                                            },
+                                            attrs: { href: "#" },
+                                            on: {
+                                              click: function ($event) {
+                                                $event.preventDefault()
+                                                return _vm.prevPage.apply(
+                                                  null,
+                                                  arguments
+                                                )
+                                              },
+                                            },
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass: "icon-arrow-left5",
+                                            }),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _vm._l(_vm.pages, function (n, index) {
+                                          return _c(
+                                            "button",
+                                            {
+                                              key: index,
+                                              staticClass: "btn",
+                                              class: {
+                                                "btn-primary":
+                                                  _vm.queryKomentar.page == n,
+                                                "btn-light":
+                                                  _vm.queryKomentar.page != n,
+                                              },
+                                              attrs: { href: "#" },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.goToPage(n)
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _vm._v(
+                                                "\n                    " +
+                                                  _vm._s(n) +
+                                                  "\n                "
+                                              ),
+                                            ]
+                                          )
+                                        }),
+                                        _vm._v(" "),
+                                        _c(
+                                          "button",
+                                          {
+                                            staticClass: "btn btn-light",
+                                            class: {
+                                              disabled:
+                                                !_vm.itemDataKomentar
+                                                  .next_page_url,
+                                            },
+                                            attrs: { href: "#" },
+                                            on: {
+                                              click: function ($event) {
+                                                $event.preventDefault()
+                                                return _vm.nextPage.apply(
+                                                  null,
+                                                  arguments
+                                                )
+                                              },
+                                            },
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass: "icon-arrow-right5",
+                                            }),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "button",
+                                          {
+                                            staticClass: "btn btn-light",
+                                            class: {
+                                              disabled:
+                                                !_vm.itemDataKomentar
+                                                  .next_page_url,
+                                            },
+                                            attrs: { href: "#" },
+                                            on: {
+                                              click: function ($event) {
+                                                $event.preventDefault()
+                                                return _vm.goToPage(
+                                                  _vm.itemDataKomentar.last_page
+                                                )
+                                              },
+                                            },
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass: "icon-forward3",
+                                            }),
+                                          ]
+                                        ),
+                                      ],
+                                      2
+                                    )
+                                  : _c("div", { staticClass: "btn-group" }, [
+                                      _vm._m(2),
+                                      _vm._v(" "),
+                                      _vm._m(3),
+                                      _vm._v(" "),
+                                      _vm._m(4),
+                                      _vm._v(" "),
+                                      _vm._m(5),
+                                      _vm._v(" "),
+                                      _vm._m(6),
+                                    ]),
+                              ]
+                            ),
+                          ]),
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _c("hr"),
+                    _vm._v(" "),
+                    _c(
+                      "form",
+                      {
                         attrs: {
-                          value:
-                            (_vm.form.p4.p4b15_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                          enctype: "multipart/form-data",
+                          "data-vv-scope": "formMateri",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b15_bkcu_penilaian / 1,
-                          valueType: "currency",
+                        on: {
+                          submit: function ($event) {
+                            $event.preventDefault()
+                            return _vm.save.apply(null, arguments)
+                          },
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b15_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                      },
+                      [
+                        _c(
+                          "div",
+                          { staticClass: "form-group" },
+                          [
+                            _c("ckeditor", {
+                              attrs: {
+                                type: "classic",
+                                config: _vm.ckeditorNoImageConfig,
+                              },
+                              model: {
+                                value: _vm.formKomentar.keterangan,
+                                callback: function ($$v) {
+                                  _vm.$set(_vm.formKomentar, "keterangan", $$v)
+                                },
+                                expression: "formKomentar.keterangan",
+                              },
+                            }),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm._m(7),
+                      ]
+                    ),
+                  ],
+                  2
+                )
+              : _vm.isShowHapus || _vm.isShowJawaban || _vm.isShowBatalJawaban
+              ? _c("div", [
+                  _c("div", { staticClass: "card card-body text-center" }, [
+                    _vm._m(8),
+                    _vm._v(" "),
+                    _vm.isShowHapus
+                      ? _c("h3", [_vm._v("Hapus komentar ini?")])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.isShowJawaban
+                      ? _c("h3", [
+                          _vm._v("Jadikan ini sebagai jawaban komentar ini?"),
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.isShowBatalJawaban
+                      ? _c("h3", [
+                          _vm._v("Batalkan komentar ini sebagai jawaban?"),
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass:
+                            "card-header bg-light header-elements-inline",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b15_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b15_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b15_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
+                        [
+                          _c(
+                            "h6",
+                            { staticClass: "card-title" },
+                            [
+                              _vm.selectedKomentar.user.aktivis.gambar
+                                ? _c("img", {
+                                    staticClass: "rounded-circle",
+                                    attrs: {
+                                      src:
+                                        "/images/aktivis/" +
+                                        _vm.selectedKomentar.user.aktivis
+                                          .gambar +
+                                        ".jpg",
+                                      width: "30",
+                                      height: "30",
+                                      alt: "user image",
+                                    },
+                                  })
+                                : _c("img", {
+                                    staticClass: "rounded-circle",
+                                    attrs: {
+                                      src: "/images/no_image_man.jpg",
+                                      width: "30",
+                                      height: "30",
+                                      alt: "user image",
+                                    },
+                                  }),
+                              _vm._v(" "),
+                              _vm.selectedKomentar.user
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value:
+                                        _vm.selectedKomentar.user.aktivis.name,
+                                    },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                              _vm._v("\n                |\n                "),
+                              _vm.selectedKomentar.cu
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: _vm.selectedKomentar.cu.name,
+                                    },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "header-elements" }, [
+                            _c(
+                              "span",
+                              { staticClass: "badge badge-secondary" },
+                              [
+                                _c("small", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        _vm.selectedKomentar.created_at
+                                      )
+                                    ),
+                                  },
+                                }),
+                              ]
+                            ),
+                          ]),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _vm.selectedKomentar.keterangan
+                        ? _c("div", { staticClass: "card-body pb-1 pt-2" }, [
+                            _c("div", {
+                              domProps: {
+                                innerHTML: _vm._s(
+                                  _vm.selectedKomentar.keterangan
+                                ),
+                              },
+                            }),
+                          ])
+                        : _vm._e(),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "row" }, [
+                      _c("div", { staticClass: "col-sm-6" }, [
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block mb-2",
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.showBatal()
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-arrow-left13" }),
+                            _vm._v(" Batal"),
+                          ]
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "col-sm-6" }, [
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-warning btn-block mb-2",
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.showOke()
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-checkmark5" }),
+                            _vm._v(" Ok"),
+                          ]
+                        ),
+                      ]),
+                    ]),
+                  ]),
+                ])
+              : _vm._e(),
+          ],
+      _vm._v(" "),
+      _c("hr"),
+      _vm._v(" "),
+      _c("div", { staticClass: "text-center d-none d-md-block" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.tutup.apply(null, arguments)
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+        ),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "d-block d-md-none" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block pb-2",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.tutup.apply(null, arguments)
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+        ),
+      ]),
+    ],
+    2
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-backward2" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-arrow-left5" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-spinner2 spinner" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-arrow-right5" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-forward3" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      {
+        staticClass: "btn btn-warning btn-block pb-2",
+        attrs: { type: "submit" },
+      },
+      [_c("i", { staticClass: "icon-paperplane" }), _vm._v(" Kirim Komentar")]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "text-warning pb-2" }, [
+      _c("i", {
+        staticClass: "icon-question3",
+        staticStyle: { "font-size": "3em" },
+      }),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=template&id=31ba210f&":
+/*!*****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=template&id=31ba210f& ***!
+  \*****************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formPeserta" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.checkPeserta.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass:
+              "alert bg-info text-white alert-styled-left alert-dismissible",
+          },
+          [
+            _c(
+              "span",
+              { staticClass: "font-weight-semibold" },
+              [
+                _vm._v(
+                  "Sasaran peserta untuk kegiatan ini adalah untuk tingkat: \n\t\t\t"
+                ),
+                _c("br"),
                 _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("16. Standar-standar penilaian")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b16_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
+                _vm._l(_vm.tingkat, function (sasaran, index) {
+                  return _c(
+                    "label",
+                    { key: index, staticClass: "badge badge-primary ml-1" },
+                    [_vm._v("\n\t\t\t\t" + _vm._s(sasaran.name) + "\n\t\t\t")]
+                  )
+                }),
+              ],
+              2
+            ),
+          ]
+        ),
+        _vm._v(" "),
+        _vm.message.show
+          ? _c("message", {
+              attrs: {
+                title: "Oops terjadi kesalahan",
+                errorData: _vm.message.content,
+                showDebug: false,
+              },
+              on: { close: _vm.messageClose },
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.formPeserta.aktivis_id
+          ? _c("div", { staticClass: "card" }, [
+              _c(
+                "div",
+                {
+                  staticClass:
+                    "card-header bg-info text-white header-elements-inline",
+                },
+                [
+                  _c("h6", { staticClass: "card-title" }, [
+                    _vm._v(_vm._s(_vm.formPeserta.name)),
+                  ]),
                   _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b16_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                  _c("div", { staticClass: "header-elements" }, [
+                    _vm.mode == "create"
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-danger",
+                            attrs: { type: "button" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.deleteSelected.apply(null, arguments)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-cross2 mr-2" }),
+                            _vm._v(" Batal"),
+                          ]
+                        )
+                      : _vm._e(),
+                  ]),
+                ]
+              ),
+              _vm._v(" "),
+              _c("div", { staticClass: "card-body" }, [
+                _c(
+                  "div",
+                  { staticClass: "media flex-column flex-sm-row mt-0 mb-3" },
+                  [
+                    _c("div", { staticClass: "mr-sm-3 mb-2 mb-sm-0" }, [
+                      _c("div", { staticClass: "card-img-actions" }, [
+                        _vm.formPeserta.gambar
+                          ? _c("img", {
+                              staticClass: "img-fluid img-preview rounded",
+                              attrs: {
+                                src:
+                                  "/images/aktivis/" +
+                                  _vm.formPeserta.gambar +
+                                  ".jpg",
+                              },
+                            })
+                          : _c("img", {
+                              staticClass: "img-fluid img-preview rounded",
+                              attrs: { src: "/images/no_image.jpg" },
+                            }),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "media-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-sm-6" }, [
+                          _c("ul", { staticClass: "list list-unstyled mb-0" }, [
+                            _c("li", [
+                              _c("b", [_vm._v("Gender:")]),
+                              _vm._v(" " + _vm._s(_vm.formPeserta.kelamin)),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _c("b", [_vm._v("Tempat Lahir:")]),
+                              _vm._v(
+                                " " + _vm._s(_vm.formPeserta.tempat_lahir)
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _c("b", [_vm._v("Tgl. Lahir:")]),
+                              _vm._v(" "),
+                              _c("span", {
+                                domProps: {
+                                  innerHTML: _vm._s(
+                                    _vm.$options.filters.date(
+                                      _vm.formPeserta.tanggal_lahir
+                                    )
+                                  ),
+                                },
+                              }),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _c("b", [_vm._v("Status:")]),
+                              _vm._v(" " + _vm._s(_vm.formPeserta.status)),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _c("b", [_vm._v("Tinggi:")]),
+                              _vm._v(" " + _vm._s(_vm.formPeserta.tinggi)),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _c("b", [_vm._v("Agama:")]),
+                              _vm._v(" " + _vm._s(_vm.formPeserta.agama)),
+                            ]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-sm-6" }, [
+                          _c("ul", { staticClass: "list list-unstyled mb-0" }, [
+                            _c("li", [
+                              _c("b", [_vm._v("CU:")]),
+                              _vm._v(" "),
+                              _c("br"),
+                              _vm._v(_vm._s(_vm.formPeserta.lembaga)),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _c("b", [_vm._v("Jabatan:")]),
+                              _vm._v(" "),
+                              _c("br"),
+                              _vm._v(_vm._s(_vm.formPeserta.jabatan)),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", [
+                              _c("b", [_vm._v("Pendidikan:")]),
+                              _vm._v(" "),
+                              _c("br"),
+                              _vm._v(_vm._s(_vm.formPeserta.pendidikan)),
+                            ]),
+                          ]),
+                        ]),
+                      ]),
+                    ]),
+                  ]
+                ),
+              ]),
+            ])
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.formPeserta.aktivis_id == "" && _vm.mode == "create"
+          ? _c("data-viewer", {
+              attrs: {
+                title: "Aktivis",
+                columnData: _vm.columnData,
+                itemData: _vm.itemData,
+                query: _vm.query,
+                itemDataStat: _vm.itemDataStat,
+                isDasar: "true",
+                isNoButtonRow: "true",
+              },
+              on: { fetch: _vm.fetch },
+              scopedSlots: _vm._u(
+                [
+                  {
+                    key: "item-desktop",
+                    fn: function (props) {
+                      return [
+                        _c(
+                          "tr",
+                          {
+                            staticClass: "text-nowrap cursor-pointer",
+                            on: {
+                              click: function ($event) {
+                                return _vm.selectedRow(props.item)
+                              },
+                            },
+                          },
+                          [
+                            _c("td", [
+                              _vm._v(
+                                "\n\t\t\t\t\t" +
+                                  _vm._s(
+                                    props.index +
+                                      1 +
+                                      (+_vm.itemData.current_page - 1) *
+                                        +_vm.itemData.per_page +
+                                      "."
+                                  ) +
+                                  "\n\t\t\t\t"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("td", [
+                              props.item.gambar
+                                ? _c("img", {
+                                    staticClass:
+                                      "img-rounded img-fluid wmin-sm",
+                                    attrs: {
+                                      src:
+                                        "/images/" +
+                                        _vm.kelas +
+                                        "/" +
+                                        props.item.gambar +
+                                        "n.jpg",
+                                    },
+                                  })
+                                : _c("img", {
+                                    staticClass:
+                                      "img-rounded img-fluid wmin-sm",
+                                    attrs: { src: "/images/no_image.jpg" },
+                                  }),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.name },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.kelamin },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            !_vm.columnData[4].disable
+                              ? _c("td", [
+                                  props.item.pekerjaan_aktif &&
+                                  props.item.pekerjaan_aktif.tipe == 1
+                                    ? _c(
+                                        "span",
+                                        [
+                                          props.item.pekerjaan_aktif.cu
+                                            ? _c("check-value", {
+                                                attrs: {
+                                                  value:
+                                                    props.item.pekerjaan_aktif
+                                                      .cu.name,
+                                                },
+                                              })
+                                            : _c("span", [_vm._v("-")]),
+                                        ],
+                                        1
+                                      )
+                                    : props.item.pekerjaan_aktif &&
+                                      props.item.pekerjaan_aktif.tipe == 2
+                                    ? _c(
+                                        "span",
+                                        [
+                                          props.item.pekerjaan_aktif
+                                            .lembaga_lain
+                                            ? _c("check-value", {
+                                                attrs: {
+                                                  value:
+                                                    props.item.pekerjaan_aktif
+                                                      .lembaga_lain.name,
+                                                },
+                                              })
+                                            : _c("span", [_vm._v("-")]),
+                                        ],
+                                        1
+                                      )
+                                    : props.item.pekerjaan_aktif &&
+                                      props.item.pekerjaan_aktif.tipe == 3
+                                    ? _c("span", [
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t"
+                                        ),
+                                      ])
+                                    : _c("span", [_vm._v("-")]),
+                                ])
+                              : _vm._e(),
+                            _vm._v(" "),
+                            _c("td", {
+                              domProps: {
+                                innerHTML: _vm._s(
+                                  _vm.$options.filters.checkTingkatAktivis(
+                                    props.item.pekerjaan_aktif.tingkat
+                                  )
+                                ),
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                props.item.pekerjaan_aktif
+                                  ? _c("check-value", {
+                                      attrs: {
+                                        value: props.item.pekerjaan_aktif.name,
+                                      },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                props.item.pendidikan_tertinggi
+                                  ? _c("check-value", {
+                                      attrs: {
+                                        value:
+                                          props.item.pendidikan_tertinggi
+                                            .tingkat,
+                                      },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                props.item.pendidikan_tertinggi
+                                  ? _c("check-value", {
+                                      attrs: {
+                                        value:
+                                          props.item.pendidikan_tertinggi.name,
+                                      },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("td", {
+                              domProps: {
+                                innerHTML: _vm._s(
+                                  _vm.$options.filters.date(
+                                    props.item.tanggal_lahir
+                                  )
+                                ),
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.tempat_lahir },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.tinggi },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.agama },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.status },
+                                }),
+                              ],
+                              1
+                            ),
+                          ]
+                        ),
+                      ]
+                    },
+                  },
+                ],
+                null,
+                false,
+                3568210896
+              ),
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _c("div", { staticClass: "row" }, [
+          _vm.item.tipe_tempat == "OFFLINE"
+            ? _c("div", { staticClass: "col-md-6" }, [
+                _c(
+                  "div",
+                  {
+                    staticClass: "form-group",
+                    class: {
+                      "has-error": _vm.errors.has("formPeserta.name_nametag"),
+                    },
+                  },
+                  [
+                    _c(
+                      "h5",
+                      {
+                        class: {
+                          "text-danger": _vm.errors.has(
+                            "formPeserta.name_nametag"
+                          ),
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b16_bkcu_penilaian / 1,
-                          valueType: "currency",
+                      },
+                      [
+                        _vm.errors.has("formPeserta.name_nametag")
+                          ? _c("i", { staticClass: "icon-cross2" })
+                          : _vm._e(),
+                        _vm._v("\n\t\t\t\t\tNama di nametag:\n\t\t\t\t"),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("input", {
+                      directives: [
+                        {
+                          name: "validate",
+                          rawName: "v-validate",
+                          value: "required",
+                          expression: "'required'",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b16_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.formPeserta.name_nametag,
+                          expression: "formPeserta.name_nametag",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b16_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        type: "text",
+                        name: "name_nametag",
+                        placeholder: "Silahkan masukkan nama di nametag",
+                        "data-vv-as": "Nama di nametag",
+                      },
+                      domProps: { value: _vm.formPeserta.name_nametag },
+                      on: {
+                        input: function ($event) {
+                          if ($event.target.composing) {
+                            return
+                          }
+                          _vm.$set(
+                            _vm.formPeserta,
+                            "name_nametag",
+                            $event.target.value
+                          )
+                        },
+                      },
+                    }),
+                    _vm._v(" "),
+                    _vm.errors.has("formPeserta.name_nametag")
+                      ? _c("small", { staticClass: "text-muted text-danger" }, [
+                          _c("i", { staticClass: "icon-arrow-small-right" }),
+                          _vm._v(
+                            " " +
+                              _vm._s(
+                                _vm.errors.first("formPeserta.name_nametag")
+                              ) +
+                              "\n\t\t\t\t"
+                          ),
+                        ])
+                      : _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" \n\t\t\t\t"),
+                        ]),
+                  ]
+                ),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _c(
+            "div",
+            {
+              class: {
+                "col-md-6": _vm.item.tipe_tempat == "OFFLINE",
+                "col-md-12": _vm.item.tipe_tempat == "ONLINE",
+              },
+            },
+            [
+              _c(
+                "div",
+                {
+                  staticClass: "form-group",
+                  class: {
+                    "has-error": _vm.errors.has("formPeserta.name_nametag"),
+                  },
+                },
+                [
                   _c(
-                    "td",
+                    "h5",
+                    {
+                      class: {
+                        "text-danger": _vm.errors.has(
+                          "formPeserta.name_sertifikat"
+                        ),
+                      },
+                    },
                     [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b16_bkcu_keterangan },
-                      }),
-                    ],
-                    1
+                      _vm.errors.has("formPeserta.name_sertifikat")
+                        ? _c("i", { staticClass: "icon-cross2" })
+                        : _vm._e(),
+                      _vm._v("\n\t\t\t\t\tNama di sertifikat:\n\t\t\t\t"),
+                    ]
                   ),
                   _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b16_bkcu_rekomendasi },
-                      }),
+                  _c("input", {
+                    directives: [
+                      {
+                        name: "validate",
+                        rawName: "v-validate",
+                        value: "required",
+                        expression: "'required'",
+                      },
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.formPeserta.name_sertifikat,
+                        expression: "formPeserta.name_sertifikat",
+                      },
                     ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("17. Kinerja sebagai nilai bersama")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b17_cu_penilaian / 1,
-                          valueType: "currency",
+                    staticClass: "form-control",
+                    attrs: {
+                      type: "text",
+                      name: "name_sertifikat",
+                      placeholder: "Silahkan masukkan nama di sertifikat",
+                      "data-vv-as": "Nama di sertifikat",
+                    },
+                    domProps: { value: _vm.formPeserta.name_sertifikat },
+                    on: {
+                      input: function ($event) {
+                        if ($event.target.composing) {
+                          return
+                        }
+                        _vm.$set(
+                          _vm.formPeserta,
+                          "name_sertifikat",
+                          $event.target.value
+                        )
+                      },
+                    },
+                  }),
+                  _vm._v(" "),
+                  _vm.errors.has("formPeserta.name_sertifikat")
+                    ? _c("small", { staticClass: "text-muted text-danger" }, [
+                        _c("i", { staticClass: "icon-arrow-small-right" }),
+                        _vm._v(
+                          " " +
+                            _vm._s(
+                              _vm.errors.first("formPeserta.name_sertifikat")
+                            ) +
+                            "\n\t\t\t\t"
+                        ),
+                      ])
+                    : _c("small", { staticClass: "text-muted" }, [
+                        _vm._v(" \n\t\t\t\t"),
+                      ]),
+                ]
+              ),
+            ]
+          ),
+          _vm._v(" "),
+          _vm.item.tipe_tempat == "OFFLINE"
+            ? _c("div", { staticClass: "col-md-6" }, [
+                _c(
+                  "div",
+                  { staticClass: "form-group" },
+                  [
+                    _c("h5", [_vm._v("Tgl. Kedatangan:")]),
+                    _vm._v(" "),
+                    _c("date-picker", {
+                      attrs: { defaultDate: _vm.formPeserta.datang },
+                      on: {
+                        dateSelected: function ($event) {
+                          _vm.formPeserta.datang = $event
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b17_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                      },
+                    }),
+                  ],
+                  1
+                ),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.item.tipe_tempat == "OFFLINE"
+            ? _c("div", { staticClass: "col-md-6" }, [
+                _c(
+                  "div",
+                  { staticClass: "form-group" },
+                  [
+                    _c("h5", [_vm._v("Tgl. Pulang:")]),
+                    _vm._v(" "),
+                    _c("date-picker", {
+                      attrs: { defaultDate: _vm.formPeserta.pulang },
+                      on: {
+                        dateSelected: function ($event) {
+                          _vm.formPeserta.pulang = $event
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
+                      },
+                    }),
+                  ],
+                  1
+                ),
+              ])
+            : _vm._e(),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "form-group" }, [
+          _c("h5", [_vm._v("Keterangan:")]),
+          _vm._v(" "),
+          _c("textarea", {
+            directives: [
+              {
+                name: "model",
+                rawName: "v-model",
+                value: _vm.formPeserta.keterangan,
+                expression: "formPeserta.keterangan",
+              },
+            ],
+            staticClass: "form-control",
+            attrs: {
+              rows: "5",
+              type: "text",
+              name: "keterangan",
+              placeholder: "Silahkan masukkan keterangan",
+            },
+            domProps: { value: _vm.formPeserta.keterangan },
+            on: {
+              input: function ($event) {
+                if ($event.target.composing) {
+                  return
+                }
+                _vm.$set(_vm.formPeserta, "keterangan", $event.target.value)
+              },
+            },
+          }),
+        ]),
+        _vm._v(" "),
+        _vm.message.show
+          ? _c("message", {
+              attrs: {
+                title: "Oops terjadi kesalahan",
+                errorData: _vm.message.content,
+                showDebug: false,
+              },
+              on: { close: _vm.messageClose },
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: {
+                type: "submit",
+                disabled: _vm.formPeserta.aktivis_id == "",
+              },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: {
+                type: "submit",
+                disabled: _vm.formPeserta.aktivis_id == "",
+              },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
+      ],
+      1
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=template&id=163a2d61&":
+/*!**********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=template&id=163a2d61& ***!
+  \**********************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("formPeserta") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "form",
+        {
+          attrs: { "data-vv-scope": "formPeserta" },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c(
+            "div",
+            {
+              staticClass: "form-group",
+              class: {
+                "has-error": _vm.errors.has("formPeserta.keteranganBatal"),
+              },
+            },
+            [
+              _c(
+                "h5",
+                {
+                  class: {
+                    "text-danger": _vm.errors.has(
+                      "formPeserta.keteranganBatal"
+                    ),
+                  },
+                },
+                [_vm._v("\n          Alasan penolakkan peserta?\n        ")]
+              ),
+              _vm._v(" "),
+              _c("textarea", {
+                directives: [
+                  {
+                    name: "validate",
+                    rawName: "v-validate",
+                    value: "required|min:5",
+                    expression: "'required|min:5'",
+                  },
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.formPeserta.keteranganBatal,
+                    expression: "formPeserta.keteranganBatal",
+                  },
+                ],
+                staticClass: "form-control",
+                attrs: {
+                  rows: "5",
+                  type: "text",
+                  name: "keteranganBatal",
+                  placeholder: "Silahkan masukkan keteranganBatal ",
+                  "data-vv-as": "Keterangan",
+                },
+                domProps: { value: _vm.formPeserta.keteranganBatal },
+                on: {
+                  input: function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.$set(
+                      _vm.formPeserta,
+                      "keteranganBatal",
+                      $event.target.value
+                    )
+                  },
+                },
+              }),
+              _vm._v(" "),
+              _vm.errors.has("formPeserta.keteranganBatal")
+                ? _c("small", { staticClass: "text-muted text-danger" }, [
+                    _c("i", { staticClass: "icon-arrow-small-right" }),
+                    _vm._v(
+                      " " +
+                        _vm._s(
+                          _vm.errors.first("formPeserta.keteranganBatal")
+                        ) +
+                        "\n        "
+                    ),
+                  ])
+                : _c("small", { staticClass: "text-muted" }, [
+                    _vm._v(" \n        "),
+                  ]),
+            ]
+          ),
+          _vm._v(" "),
+          _c("hr"),
+          _vm._v(" "),
+          _c("div", { staticClass: "text-center d-none d-md-block" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+            _vm._v(" "),
+            _vm._m(0),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "d-block d-md-none" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block pb-2",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+            _vm._v(" "),
+            _vm._m(1),
+          ]),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      {
+        staticClass: "btn btn-primary btn-block pb-2",
+        attrs: { type: "submit" },
+      },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=template&id=7180b8e2&":
+/*!***************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=template&id=7180b8e2& ***!
+  \***************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("formTugas") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "form",
+        {
+          attrs: {
+            enctype: "multipart/form-data",
+            "data-vv-scope": "formTugas",
+          },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c(
+            "div",
+            {
+              staticClass: "form-group",
+              class: { "has-error": _vm.errors.has("formTugas.name") },
+            },
+            [
+              _c(
+                "h5",
+                { class: { "text-danger": _vm.errors.has("formTugas.name") } },
+                [
+                  _vm.errors.has("formTugas.name")
+                    ? _c("i", { staticClass: "icon-cross2" })
+                    : _vm._e(),
+                  _vm._v("\n\t\t\t\t\tTugas:\n\t\t\t\t"),
+                ]
+              ),
+              _vm._v(" "),
+              _c("input", {
+                directives: [
+                  {
+                    name: "validate",
+                    rawName: "v-validate",
+                    value: "required",
+                    expression: "'required'",
+                  },
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.formTugas.name,
+                    expression: "formTugas.name",
+                  },
+                ],
+                staticClass: "form-control",
+                attrs: {
+                  type: "text",
+                  name: "name",
+                  placeholder: "Silahkan masukkan nama",
+                  "data-vv-as": "Nama di nametag",
+                },
+                domProps: { value: _vm.formTugas.name },
+                on: {
+                  input: function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.$set(_vm.formTugas, "name", $event.target.value)
+                  },
+                },
+              }),
+              _vm._v(" "),
+              _vm.errors.has("formTugas.name")
+                ? _c("small", { staticClass: "text-muted text-danger" }, [
+                    _c("i", { staticClass: "icon-arrow-small-right" }),
+                    _vm._v(
+                      " " +
+                        _vm._s(_vm.errors.first("formTugas.name")) +
+                        "\n\t\t\t\t"
+                    ),
+                  ])
+                : _c("small", { staticClass: "text-muted" }, [
+                    _vm._v(" \n\t\t\t\t"),
+                  ]),
+            ]
+          ),
+          _vm._v(" "),
+          _c("div", { staticClass: "form-group" }, [
+            _c("h5", [_vm._v(" Keterangan: ")]),
+            _vm._v(" "),
+            _c("textarea", {
+              directives: [
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.formTugas.keterangan,
+                  expression: "formTugas.keterangan",
+                },
+              ],
+              staticClass: "form-control",
+              attrs: {
+                rows: "5",
+                type: "text",
+                name: "keterangan",
+                placeholder: "Silahkan masukkan keterangan ",
+              },
+              domProps: { value: _vm.formTugas.keterangan },
+              on: {
+                input: function ($event) {
+                  if ($event.target.composing) {
+                    return
+                  }
+                  _vm.$set(_vm.formTugas, "keterangan", $event.target.value)
+                },
+              },
+            }),
+          ]),
+          _vm._v(" "),
+          _vm.mode == "create"
+            ? _c(
+                "div",
+                {
+                  staticClass: "form-group",
+                  class: { "has-error": _vm.errors.has("formTugas.tipe") },
+                },
+                [
                   _c(
-                    "td",
+                    "h5",
+                    {
+                      class: {
+                        "text-danger": _vm.errors.has("formTugas.tipe"),
+                      },
+                    },
                     [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b17_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
+                      _vm.errors.has("formTugas.tipe")
+                        ? _c("i", { staticClass: "icon-cross2" })
+                        : _vm._e(),
+                      _vm._v("\n\t\t\t\t\tPilih Tipe:\n\t\t\t\t"),
+                    ]
                   ),
                   _vm._v(" "),
                   _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b17_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                    "select",
+                    {
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.formTugas.tipe,
+                          expression: "formTugas.tipe",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b17_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b17_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b17_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("18. Kecakapan Tim")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b18_cu_penilaian / 1,
-                          valueType: "currency",
+                        {
+                          name: "validate",
+                          rawName: "v-validate",
+                          value: "required",
+                          expression: "'required'",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b18_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        name: "tipe",
+                        "data-width": "100%",
+                        "data-vv-as": "tipe",
+                      },
+                      on: {
+                        change: function ($event) {
+                          var $$selectedVal = Array.prototype.filter
+                            .call($event.target.options, function (o) {
+                              return o.selected
+                            })
+                            .map(function (o) {
+                              var val = "_value" in o ? o._value : o.value
+                              return val
+                            })
+                          _vm.$set(
+                            _vm.formTugas,
+                            "tipe",
+                            $event.target.multiple
+                              ? $$selectedVal
+                              : $$selectedVal[0]
+                          )
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
+                      },
+                    },
                     [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b18_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
+                      _c("option", { attrs: { disabled: "", value: "" } }, [
+                        _vm._v("Silahkan pilih tipe"),
+                      ]),
+                      _vm._v(" "),
+                      _c("option", { attrs: { value: "isian" } }, [
+                        _vm._v("Isian langsung"),
+                      ]),
+                      _vm._v(" "),
+                      _c("option", { attrs: { value: "upload" } }, [
+                        _vm._v("Upload tugas"),
+                      ]),
+                      _vm._v(" "),
+                      _c("option", { attrs: { value: "google form" } }, [
+                        _vm._v("Google form"),
+                      ]),
+                    ]
                   ),
                   _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b18_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                  _vm.errors.has("formTugas.tipe")
+                    ? _c("small", { staticClass: "text-muted text-danger" }, [
+                        _c("i", { staticClass: "icon-arrow-small-right" }),
+                        _vm._v(
+                          " " +
+                            _vm._s(_vm.errors.first("formTugas.tipe")) +
+                            "\n\t\t\t\t"
+                        ),
+                      ])
+                    : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                ]
+              )
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.formTugas.tipe != ""
+            ? [
+                _vm.formTugas.tipe == "google form"
+                  ? _c("div", { staticClass: "form-group" }, [
+                      _c("h5", [_vm._v("Link google form: ")]),
+                      _vm._v(" "),
+                      _c("input", {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.formTugas.link,
+                            expression: "formTugas.link",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          type: "text",
+                          name: "link",
+                          placeholder: "Silahkan masukkan link",
+                        },
+                        domProps: { value: _vm.formTugas.link },
+                        on: {
+                          input: function ($event) {
+                            if ($event.target.composing) {
+                              return
+                            }
+                            _vm.$set(_vm.formTugas, "link", $event.target.value)
+                          },
                         },
                       }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b18_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b18_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b18_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [
+                        _vm._v("Silahkan masukkan link ke google form"),
+                      ]),
+                    ])
+                  : _c(
+                      "div",
+                      [
+                        _vm.mode == "create"
+                          ? [
+                              _vm._m(0),
+                              _vm._v(" "),
+                              _vm.mode == "create"
+                                ? _c(
+                                    "div",
+                                    {
+                                      staticClass: "form-group",
+                                      class: {
+                                        "has-error":
+                                          _vm.errors.has("formTugas.format"),
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "h5",
+                                        {
+                                          class: {
+                                            "text-danger":
+                                              _vm.errors.has(
+                                                "formTugas.format"
+                                              ),
+                                          },
+                                        },
+                                        [
+                                          _vm.errors.has("formTugas.format")
+                                            ? _c("i", {
+                                                staticClass: "icon-cross2",
+                                              })
+                                            : _vm._e(),
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\tPilih Format:\n\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "select",
+                                        {
+                                          directives: [
+                                            {
+                                              name: "model",
+                                              rawName: "v-model",
+                                              value: _vm.formTugas.format,
+                                              expression: "formTugas.format",
+                                            },
+                                            {
+                                              name: "validate",
+                                              rawName: "v-validate",
+                                              value: "required",
+                                              expression: "'required'",
+                                            },
+                                          ],
+                                          staticClass: "form-control",
+                                          attrs: {
+                                            name: "format",
+                                            "data-width": "100%",
+                                            "data-vv-as": "format",
+                                          },
+                                          on: {
+                                            change: function ($event) {
+                                              var $$selectedVal =
+                                                Array.prototype.filter
+                                                  .call(
+                                                    $event.target.options,
+                                                    function (o) {
+                                                      return o.selected
+                                                    }
+                                                  )
+                                                  .map(function (o) {
+                                                    var val =
+                                                      "_value" in o
+                                                        ? o._value
+                                                        : o.value
+                                                    return val
+                                                  })
+                                              _vm.$set(
+                                                _vm.formTugas,
+                                                "format",
+                                                $event.target.multiple
+                                                  ? $$selectedVal
+                                                  : $$selectedVal[0]
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c(
+                                            "option",
+                                            {
+                                              attrs: {
+                                                disabled: "",
+                                                value: "",
+                                              },
+                                            },
+                                            [_vm._v("Silahkan pilih format")]
+                                          ),
+                                          _vm._v(" "),
+                                          _c(
+                                            "option",
+                                            { attrs: { value: "upload" } },
+                                            [_vm._v("Upload")]
+                                          ),
+                                          _vm._v(" "),
+                                          _c(
+                                            "option",
+                                            { attrs: { value: "link" } },
+                                            [_vm._v("Link")]
+                                          ),
+                                        ]
+                                      ),
+                                      _vm._v(" "),
+                                      _vm.errors.has("formTugas.format")
+                                        ? _c(
+                                            "small",
+                                            {
+                                              staticClass:
+                                                "text-muted text-danger",
+                                            },
+                                            [
+                                              _c("i", {
+                                                staticClass:
+                                                  "icon-arrow-small-right",
+                                              }),
+                                              _vm._v(
+                                                " " +
+                                                  _vm._s(
+                                                    _vm.errors.first(
+                                                      "formTugas.format"
+                                                    )
+                                                  ) +
+                                                  "\n\t\t\t\t\t\t\t"
+                                              ),
+                                            ]
+                                          )
+                                        : _c(
+                                            "small",
+                                            { staticClass: "text-muted" },
+                                            [_vm._v(" ")]
+                                          ),
+                                    ]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _vm.formTugas.format == "upload"
+                                ? _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [_vm._v(" Upload dokumen: ")]),
+                                    _vm._v(" "),
+                                    _c(
+                                      "div",
+                                      { staticClass: "card-card-body" },
+                                      [
+                                        _c("input", {
+                                          ref: "fileInput",
+                                          staticClass: "form-control",
+                                          attrs: { type: "file" },
+                                          on: { change: _vm.upload },
+                                        }),
+                                      ]
+                                    ),
+                                  ])
+                                : _vm.formTugas.format == "link"
+                                ? _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [_vm._v("Link dokumen: ")]),
+                                    _vm._v(" "),
+                                    _c("input", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.formTugas.link,
+                                          expression: "formTugas.link",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        type: "text",
+                                        name: "link",
+                                        placeholder: "Silahkan masukkan link",
+                                      },
+                                      domProps: { value: _vm.formTugas.link },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.formTugas,
+                                            "link",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                    _vm._v(" "),
+                                    _c("small", { staticClass: "text-muted" }, [
+                                      _vm._v(
+                                        "Silahkan masukkan link ke dokumen"
+                                      ),
+                                    ]),
+                                  ])
+                                : _vm._e(),
+                            ]
+                          : _vm._e(),
+                      ],
+                      2
+                    ),
+              ]
+            : _vm._e(),
+          _vm._v(" "),
+          _c("hr"),
+          _vm._v(" "),
+          _c("div", { staticClass: "text-center d-none d-md-block" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+            _vm._v(" "),
+            _vm._m(1),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "d-block d-md-none" }, [
+            _vm._m(2),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block pb-2",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.tutup.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            ),
+          ]),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("h5", [
+      _vm._v("\n\t\t\t\t\t\t\tDokumen pendukung:\n\t\t\t\t\t\t\t"),
+      _c("br"),
+      _vm._v(" "),
+      _c("small", { staticClass: "text-muted" }, [
+        _vm._v(
+          "silahkan diisi apabila ada dokumen pendukung untuk mengerjakan tugas ini"
+        ),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      {
+        staticClass: "btn btn-primary btn-block pb-2",
+        attrs: { type: "submit" },
+      },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=template&id=7e0a0ccf&":
+/*!**********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=template&id=7e0a0ccf& ***!
+  \**********************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("formJawaban") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.message.show
+        ? _c("message", {
+            attrs: {
+              title: "Oops terjadi kesalahan",
+              errorData: _vm.message.content,
+              showDebug: false,
+            },
+            on: { close: _vm.messageClose },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c("div", { staticClass: "card" }, [
+        _c(
+          "div",
+          { staticClass: "card-header bg-light header-elements-inline" },
+          [
+            _c("h6", { staticClass: "card-title" }, [
+              _vm._v(_vm._s(_vm.selected.name)),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "d-none d-sm-block" }, [
+              _c("div", { staticClass: "header-elements" }, [
+                _c("span", { staticClass: "badge badge-primary" }, [
+                  _vm._v(_vm._s(_vm._f("uppercase")(_vm.selected.tipe))),
                 ]),
                 _vm._v(" "),
-                _vm._m(3),
-                _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("19. Jenjang Karir")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b19_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b19_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b19_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b19_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                _c("span", {
+                  staticClass: "badge badge-secondary ml-1",
+                  domProps: {
+                    innerHTML: _vm._s(
+                      _vm.$options.filters.dateTime(_vm.selected.created_at)
+                    ),
+                  },
+                }),
+              ]),
+            ]),
+          ]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "card-body" }, [
+          _c("div", {
+            domProps: { innerHTML: _vm._s(_vm.selected.keterangan) },
+          }),
+          _vm._v(" "),
+          _vm.selected.tipe != "google form"
+            ? _c("div", [
+                _vm.selected.link
+                  ? _c("div", [
+                      _c("hr"),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "btn btn-light btn-block mt-1 mb-1",
+                          attrs: {
+                            type: "button",
+                            href: _vm.selected.link,
+                            target: "_blank",
+                          },
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b19_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b19_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b19_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
+                        [
+                          _c("i", { staticClass: "icon-file-download" }),
+                          _vm._v(" Unduh dokumen pendukung"),
+                        ]
+                      ),
+                    ])
+                  : _vm._e(),
                 _vm._v(" "),
-                _c("tr", [
-                  _c("td", [_vm._v("20. Program Pengembangan")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b20_cu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b20_cu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.form.p4.p4b20_bkcu_penilaian / 1,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value:
-                            (_vm.form.p4.p4b20_bkcu_penilaian /
-                              _vm.jumlahIndikator) *
-                            _vm.bobotSkor,
-                          valueType: "currency",
+                _vm.selected.filename
+                  ? _c("div", [
+                      _c("hr"),
+                      _vm._v(" "),
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light btn-block mt-1 mb-1",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.downloadMateri(_vm.selected.filename)
+                            },
+                          },
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b20_cu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b20_bkcu_keterangan },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: { value: _vm.form.p4.p4b20_bkcu_rekomendasi },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-              ]),
+                        [
+                          _c("i", { staticClass: "icon-file-download" }),
+                          _vm._v(" Unduh dokumen pendukung"),
+                        ]
+                      ),
+                    ])
+                  : _vm._e(),
+              ])
+            : _vm._e(),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-sm-none text-center" }, [
+          _c("div", { staticClass: "card-footer" }, [
+            _c("span", { staticClass: "badge badge-primary" }, [
+              _vm._v(_vm._s(_vm._f("uppercase")(_vm.selected.tipe))),
+            ]),
+            _vm._v(" "),
+            _c("span", {
+              staticClass: "badge badge-secondary",
+              domProps: {
+                innerHTML: _vm._s(
+                  _vm.$options.filters.dateTime(_vm.selected.created_at)
+                ),
+              },
+            }),
+          ]),
+        ]),
+      ]),
+      _vm._v(" "),
+      _vm.tipeUser != "peserta"
+        ? _c(
+            "div",
+            [
+              _vm.itemDataStat == "success" && _vm.itemData.data.length > 0
+                ? _c(
+                    "div",
+                    {
+                      staticClass:
+                        "card card-body bg-warning text-white text-center",
+                    },
+                    [_vm._v("\n        JAWABAN\n      ")]
+                  )
+                : _c("div", [
+                    _vm.selected.tipe != "google form"
+                      ? _c(
+                          "div",
+                          {
+                            staticClass:
+                              "card card-body bg-secondary text-white text-center",
+                          },
+                          [_vm._v("BELUM ADA JAWABAN\n        ")]
+                        )
+                      : _c("div", [
+                          _vm._v(
+                            "\n          Tugas ini menggunakan google form sebagai media untuk memberikan jawaban, oleh karena itu, untuk memeriksa hasil jawaban dari peserta silahkan ke google form berikut:\n          "
+                          ),
+                          _c(
+                            "a",
+                            {
+                              staticClass: "btn bg-blue btn-block mt-2 mb-1",
+                              attrs: {
+                                type: "button",
+                                href: _vm.selected.link,
+                                target: "_blank",
+                              },
+                            },
+                            [
+                              _c("i", { staticClass: "icon-google" }),
+                              _vm._v(" Google Form"),
+                            ]
+                          ),
+                        ]),
+                  ]),
               _vm._v(" "),
-              _c("tfoot", [
-                _c("tr", { staticClass: "bg-primary font-weight-bold" }, [
-                  _c("td", [_vm._v("SUBTOTAL")]),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorCUP4A + _vm.nilaiSkorCUP4B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotCUP4A + _vm.nilaiBobotCUP4B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiSkorBKCUP4A + _vm.nilaiSkorBKCUP4B,
-                          valueType: "decimal",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "td",
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.nilaiBobotBKCUP4A + _vm.nilaiBobotBKCUP4B,
-                          valueType: "decimal",
+              _vm.itemDataStat == "success" && _vm.itemData.data.length > 0
+                ? _vm._l(_vm.itemData.data, function (jawaban) {
+                    return _c(
+                      "div",
+                      {
+                        key: jawaban.id,
+                        staticClass: "card",
+                        class: { "border-warning": jawaban.terjawab == 1 },
+                      },
+                      [
+                        _c(
+                          "div",
+                          {
+                            staticClass:
+                              "card-header bg-light header-elements-inline",
+                          },
+                          [
+                            _c(
+                              "h6",
+                              { staticClass: "card-title" },
+                              [
+                                jawaban.user.aktivis.gambar
+                                  ? _c("img", {
+                                      staticClass: "rounded-circle",
+                                      attrs: {
+                                        src:
+                                          "/images/aktivis/" +
+                                          jawaban.user.aktivis.gambar +
+                                          ".jpg",
+                                        width: "30",
+                                        height: "30",
+                                        alt: "user image",
+                                      },
+                                    })
+                                  : _c("img", {
+                                      staticClass: "rounded-circle",
+                                      attrs: {
+                                        src: "/images/no_image_man.jpg",
+                                        width: "30",
+                                        height: "30",
+                                        alt: "user image",
+                                      },
+                                    }),
+                                _vm._v(" "),
+                                jawaban.user
+                                  ? _c("check-value", {
+                                      attrs: {
+                                        value: jawaban.user.aktivis.name,
+                                      },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                                _vm._v("\n              |\n              "),
+                                jawaban.cu
+                                  ? _c("check-value", {
+                                      attrs: { value: jawaban.cu.name },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "d-none d-sm-block" }, [
+                              _c("div", { staticClass: "header-elements" }, [
+                                _c(
+                                  "span",
+                                  { staticClass: "badge badge-secondary" },
+                                  [
+                                    _c("small", {
+                                      domProps: {
+                                        innerHTML: _vm._s(
+                                          _vm.$options.filters.dateTime(
+                                            jawaban.created_at
+                                          )
+                                        ),
+                                      },
+                                    }),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "list-icons ml-2" }, [
+                                  jawaban.id_user == _vm.currentUser.id
+                                    ? _c(
+                                        "a",
+                                        {
+                                          staticClass:
+                                            "btn btn-light list-icons-item",
+                                          attrs: { href: "#" },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.showOpen(
+                                                jawaban,
+                                                "hapus"
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [_c("i", { staticClass: "icon-bin2" })]
+                                      )
+                                    : _vm._e(),
+                                ]),
+                              ]),
+                            ]),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        jawaban.keterangan
+                          ? _c("div", { staticClass: "card-body pt-2" }, [
+                              _c("div", {
+                                domProps: {
+                                  innerHTML: _vm._s(jawaban.keterangan),
+                                },
+                              }),
+                              _vm._v(" "),
+                              jawaban.link != "" || jawaban.filename != ""
+                                ? _c("div", [
+                                    _c("hr", { staticClass: "mb-1" }),
+                                    _vm._v(" "),
+                                    _c("h5", [_vm._v("Dokumen pendukung:")]),
+                                    _vm._v(" "),
+                                    jawaban.link
+                                      ? _c("div", [
+                                          _c(
+                                            "a",
+                                            {
+                                              staticClass:
+                                                "btn btn-light btn-block mt-1 mb-1",
+                                              attrs: {
+                                                type: "button",
+                                                href: jawaban.link,
+                                                target: "_blank",
+                                              },
+                                            },
+                                            [
+                                              _c("i", {
+                                                staticClass:
+                                                  "icon-file-download",
+                                              }),
+                                              _vm._v(
+                                                " Unduh dokumen pendukung"
+                                              ),
+                                            ]
+                                          ),
+                                        ])
+                                      : _vm._e(),
+                                    _vm._v(" "),
+                                    jawaban.filename
+                                      ? _c("div", [
+                                          _c(
+                                            "button",
+                                            {
+                                              staticClass:
+                                                "btn btn-light btn-block mt-1 mb-1",
+                                              attrs: { type: "button" },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.downloadMateri(
+                                                    jawaban.filename
+                                                  )
+                                                },
+                                              },
+                                            },
+                                            [
+                                              _c("i", {
+                                                staticClass:
+                                                  "icon-file-download",
+                                              }),
+                                              _vm._v(
+                                                " Unduh dokumen pendukung"
+                                              ),
+                                            ]
+                                          ),
+                                        ])
+                                      : _vm._e(),
+                                  ])
+                                : _vm._e(),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          {
+                            staticClass:
+                              "card-footer d-block d-sm-none text-center",
+                          },
+                          [
+                            _c(
+                              "span",
+                              { staticClass: "badge badge-secondary" },
+                              [
+                                _c("small", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        jawaban.created_at
+                                      )
+                                    ),
+                                  },
+                                }),
+                              ]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "button",
+                              {
+                                staticClass:
+                                  "btn btn-light btn-block mt-2 mb-1",
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.showOpen(jawaban, "hapus")
+                                  },
+                                },
+                              },
+                              [
+                                _c("i", { staticClass: "icon-bin2" }),
+                                _vm._v(" Hapus Komentar"),
+                              ]
+                            ),
+                          ]
+                        ),
+                      ]
+                    )
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataStat === "loading"
+                ? _c("div", { staticClass: "card card-body" }, [
+                    _c("h4", [_vm._v("Mohon tunggu...")]),
+                    _vm._v(" "),
+                    _vm._m(0),
+                  ])
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataStat === "fail"
+                ? _c("div", { staticClass: "card card-body" }, [
+                    _c("h4", [
+                      _vm._v("Oops.. Terjadi kesalahan, silahkan coba lagi."),
+                    ]),
+                  ])
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataStat == "success" && _vm.itemData.data.length > 0
+                ? _c("div", { staticClass: "card card-body pb-2 pt-2" }, [
+                    _c("div", { staticClass: "row pre-scrollable" }, [
+                      _c("div", { staticClass: "col-md-12 text-center" }, [
+                        _vm.itemDataStat === "success"
+                          ? _c(
+                              "div",
+                              { staticClass: "btn-group" },
+                              [
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass: "btn btn-light",
+                                    class: {
+                                      disabled: !_vm.itemData.prev_page_url,
+                                    },
+                                    attrs: { href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.goToPage(1)
+                                      },
+                                    },
+                                  },
+                                  [_c("i", { staticClass: "icon-backward2" })]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass: "btn btn-light",
+                                    class: {
+                                      disabled: !_vm.itemData.prev_page_url,
+                                    },
+                                    attrs: { href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.prevPage.apply(
+                                          null,
+                                          arguments
+                                        )
+                                      },
+                                    },
+                                  },
+                                  [_c("i", { staticClass: "icon-arrow-left5" })]
+                                ),
+                                _vm._v(" "),
+                                _vm._l(_vm.pages, function (n, index) {
+                                  return _c(
+                                    "button",
+                                    {
+                                      key: index,
+                                      staticClass: "btn",
+                                      class: {
+                                        "btn-primary": _vm.queryData.page == n,
+                                        "btn-light": _vm.queryData.page != n,
+                                      },
+                                      attrs: { href: "#" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.goToPage(n)
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _vm._v(
+                                        "\n                  " +
+                                          _vm._s(n) +
+                                          "\n              "
+                                      ),
+                                    ]
+                                  )
+                                }),
+                                _vm._v(" "),
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass: "btn btn-light",
+                                    class: {
+                                      disabled: !_vm.itemData.next_page_url,
+                                    },
+                                    attrs: { href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.nextPage.apply(
+                                          null,
+                                          arguments
+                                        )
+                                      },
+                                    },
+                                  },
+                                  [
+                                    _c("i", {
+                                      staticClass: "icon-arrow-right5",
+                                    }),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass: "btn btn-light",
+                                    class: {
+                                      disabled: !_vm.itemData.next_page_url,
+                                    },
+                                    attrs: { href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.goToPage(
+                                          _vm.itemData.last_page
+                                        )
+                                      },
+                                    },
+                                  },
+                                  [_c("i", { staticClass: "icon-forward3" })]
+                                ),
+                              ],
+                              2
+                            )
+                          : _c("div", { staticClass: "btn-group" }, [
+                              _vm._m(1),
+                              _vm._v(" "),
+                              _vm._m(2),
+                              _vm._v(" "),
+                              _vm._m(3),
+                              _vm._v(" "),
+                              _vm._m(4),
+                              _vm._v(" "),
+                              _vm._m(5),
+                            ]),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ],
+            2
+          )
+        : _c("div", [
+            _vm.updateStat == "loading"
+              ? _c("div", [_vm._m(6)])
+              : _c("div", [
+                  !_vm.isShowHapus && !_vm.isShowUbah
+                    ? _c("div", [
+                        _c("hr"),
+                        _vm._v(" "),
+                        _vm.selected.tipe != "google form"
+                          ? _c("div", [
+                              _vm.formDataStat == "success" && _vm.formData
+                                ? _c(
+                                    "div",
+                                    { staticClass: "card border-warning" },
+                                    [
+                                      _c("div", { staticClass: "card-body" }, [
+                                        _c(
+                                          "div",
+                                          { staticClass: "form-group" },
+                                          [
+                                            _c("h5", [_vm._v("Jawaban:")]),
+                                            _vm._v(" "),
+                                            _c("textarea", {
+                                              directives: [
+                                                {
+                                                  name: "model",
+                                                  rawName: "v-model",
+                                                  value:
+                                                    _vm.formData.keterangan,
+                                                  expression:
+                                                    "formData.keterangan",
+                                                },
+                                              ],
+                                              staticClass: "form-control",
+                                              attrs: {
+                                                rows: "5",
+                                                type: "text",
+                                                name: "keterangan",
+                                                placeholder:
+                                                  "Silahkan masukkan jawaban ",
+                                                readonly: "",
+                                              },
+                                              domProps: {
+                                                value: _vm.formData.keterangan,
+                                              },
+                                              on: {
+                                                input: function ($event) {
+                                                  if ($event.target.composing) {
+                                                    return
+                                                  }
+                                                  _vm.$set(
+                                                    _vm.formData,
+                                                    "keterangan",
+                                                    $event.target.value
+                                                  )
+                                                },
+                                              },
+                                            }),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _vm.formData.link != "" ||
+                                        _vm.formData.filename != ""
+                                          ? _c("div", [
+                                              _c("h5", [
+                                                _vm._v("Dokumen pendukung:"),
+                                              ]),
+                                              _vm._v(" "),
+                                              _vm.formData.link
+                                                ? _c("div", [
+                                                    _c(
+                                                      "a",
+                                                      {
+                                                        staticClass:
+                                                          "btn btn-light btn-block mt-1 mb-1",
+                                                        attrs: {
+                                                          type: "button",
+                                                          href: _vm.formData
+                                                            .link,
+                                                          target: "_blank",
+                                                        },
+                                                      },
+                                                      [
+                                                        _c("i", {
+                                                          staticClass:
+                                                            "icon-file-download",
+                                                        }),
+                                                        _vm._v(
+                                                          " Unduh dokumen pendukung"
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ])
+                                                : _vm._e(),
+                                              _vm._v(" "),
+                                              _vm.formData.filename
+                                                ? _c("div", [
+                                                    _c(
+                                                      "button",
+                                                      {
+                                                        staticClass:
+                                                          "btn btn-light btn-block mt-1 mb-1",
+                                                        attrs: {
+                                                          type: "button",
+                                                        },
+                                                        on: {
+                                                          click: function (
+                                                            $event
+                                                          ) {
+                                                            $event.preventDefault()
+                                                            return _vm.downloadMateri(
+                                                              _vm.formData
+                                                                .filename
+                                                            )
+                                                          },
+                                                        },
+                                                      },
+                                                      [
+                                                        _c("i", {
+                                                          staticClass:
+                                                            "icon-file-download",
+                                                        }),
+                                                        _vm._v(
+                                                          " Unduh dokumen pendukung"
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ])
+                                                : _vm._e(),
+                                            ])
+                                          : _vm._e(),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c(
+                                        "div",
+                                        { staticClass: "card-footer" },
+                                        [
+                                          _c("div", { staticClass: "row" }, [
+                                            _c(
+                                              "div",
+                                              { staticClass: "col-sm-6" },
+                                              [
+                                                _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light btn-block mt-1 mb-1",
+                                                    attrs: { type: "button" },
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.showOpen(
+                                                          _vm.formData,
+                                                          "edit"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass:
+                                                        "icon-pencil5",
+                                                    }),
+                                                    _vm._v(" Ubah Jawaban"),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "div",
+                                              { staticClass: "col-sm-6" },
+                                              [
+                                                _c(
+                                                  "button",
+                                                  {
+                                                    staticClass:
+                                                      "btn btn-light btn-block mt-1 mb-1",
+                                                    attrs: { type: "button" },
+                                                    on: {
+                                                      click: function ($event) {
+                                                        $event.preventDefault()
+                                                        return _vm.showOpen(
+                                                          _vm.formData,
+                                                          "hapus"
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass: "icon-bin2",
+                                                    }),
+                                                    _vm._v(" Hapus Jawaban"),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                          ]),
+                                        ]
+                                      ),
+                                    ]
+                                  )
+                                : _c(
+                                    "form",
+                                    {
+                                      attrs: {
+                                        enctype: "multipart/form-data",
+                                        "data-vv-scope": "formJawaban",
+                                      },
+                                      on: {
+                                        submit: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.save.apply(null, arguments)
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("div", { staticClass: "form-group" }, [
+                                        _c("h5", [_vm._v("Jawaban:")]),
+                                        _vm._v(" "),
+                                        _c("textarea", {
+                                          directives: [
+                                            {
+                                              name: "model",
+                                              rawName: "v-model",
+                                              value: _vm.formJawaban.keterangan,
+                                              expression:
+                                                "formJawaban.keterangan",
+                                            },
+                                          ],
+                                          staticClass: "form-control",
+                                          attrs: {
+                                            rows: "5",
+                                            type: "text",
+                                            name: "keterangan",
+                                            placeholder:
+                                              "Silahkan masukkan jawaban ",
+                                          },
+                                          domProps: {
+                                            value: _vm.formJawaban.keterangan,
+                                          },
+                                          on: {
+                                            input: function ($event) {
+                                              if ($event.target.composing) {
+                                                return
+                                              }
+                                              _vm.$set(
+                                                _vm.formJawaban,
+                                                "keterangan",
+                                                $event.target.value
+                                              )
+                                            },
+                                          },
+                                        }),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("div", { staticClass: "form-group" }, [
+                                        _vm._m(7),
+                                        _vm._v(" "),
+                                        _vm.mode == "create"
+                                          ? _c(
+                                              "div",
+                                              {
+                                                staticClass: "form-group",
+                                                class: {
+                                                  "has-error":
+                                                    _vm.errors.has(
+                                                      "formJawaban.format"
+                                                    ),
+                                                },
+                                              },
+                                              [
+                                                _c(
+                                                  "h5",
+                                                  {
+                                                    class: {
+                                                      "text-danger":
+                                                        _vm.errors.has(
+                                                          "formJawaban.format"
+                                                        ),
+                                                    },
+                                                  },
+                                                  [
+                                                    _vm.errors.has(
+                                                      "formJawaban.format"
+                                                    )
+                                                      ? _c("i", {
+                                                          staticClass:
+                                                            "icon-cross2",
+                                                        })
+                                                      : _vm._e(),
+                                                    _vm._v(
+                                                      "\n                    Pilih Format:\n                  "
+                                                    ),
+                                                  ]
+                                                ),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "select",
+                                                  {
+                                                    directives: [
+                                                      {
+                                                        name: "model",
+                                                        rawName: "v-model",
+                                                        value:
+                                                          _vm.formJawaban
+                                                            .format,
+                                                        expression:
+                                                          "formJawaban.format",
+                                                      },
+                                                      {
+                                                        name: "validate",
+                                                        rawName: "v-validate",
+                                                        value: "required",
+                                                        expression:
+                                                          "'required'",
+                                                      },
+                                                    ],
+                                                    staticClass: "form-control",
+                                                    attrs: {
+                                                      name: "format",
+                                                      "data-width": "100%",
+                                                      "data-vv-as": "format",
+                                                    },
+                                                    on: {
+                                                      change: function (
+                                                        $event
+                                                      ) {
+                                                        var $$selectedVal =
+                                                          Array.prototype.filter
+                                                            .call(
+                                                              $event.target
+                                                                .options,
+                                                              function (o) {
+                                                                return o.selected
+                                                              }
+                                                            )
+                                                            .map(function (o) {
+                                                              var val =
+                                                                "_value" in o
+                                                                  ? o._value
+                                                                  : o.value
+                                                              return val
+                                                            })
+                                                        _vm.$set(
+                                                          _vm.formJawaban,
+                                                          "format",
+                                                          $event.target.multiple
+                                                            ? $$selectedVal
+                                                            : $$selectedVal[0]
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c(
+                                                      "option",
+                                                      {
+                                                        attrs: {
+                                                          disabled: "",
+                                                          value: "",
+                                                        },
+                                                      },
+                                                      [
+                                                        _vm._v(
+                                                          "Silahkan pilih format"
+                                                        ),
+                                                      ]
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "option",
+                                                      {
+                                                        attrs: {
+                                                          value: "upload",
+                                                        },
+                                                      },
+                                                      [_vm._v("Upload")]
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "option",
+                                                      {
+                                                        attrs: {
+                                                          value: "link",
+                                                        },
+                                                      },
+                                                      [_vm._v("Link")]
+                                                    ),
+                                                  ]
+                                                ),
+                                                _vm._v(" "),
+                                                _vm.errors.has(
+                                                  "formJawaban.format"
+                                                )
+                                                  ? _c(
+                                                      "small",
+                                                      {
+                                                        staticClass:
+                                                          "text-muted text-danger",
+                                                      },
+                                                      [
+                                                        _c("i", {
+                                                          staticClass:
+                                                            "icon-arrow-small-right",
+                                                        }),
+                                                        _vm._v(
+                                                          " " +
+                                                            _vm._s(
+                                                              _vm.errors.first(
+                                                                "formJawaban.format"
+                                                              )
+                                                            ) +
+                                                            "\n                  "
+                                                        ),
+                                                      ]
+                                                    )
+                                                  : _c(
+                                                      "small",
+                                                      {
+                                                        staticClass:
+                                                          "text-muted",
+                                                      },
+                                                      [_vm._v(" ")]
+                                                    ),
+                                              ]
+                                            )
+                                          : _vm._e(),
+                                        _vm._v(" "),
+                                        _vm.formJawaban.format == "upload"
+                                          ? _c(
+                                              "div",
+                                              { staticClass: "form-group" },
+                                              [
+                                                _c("h5", [
+                                                  _vm._v("Upload dokumen: "),
+                                                ]),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    staticClass:
+                                                      "card-card-body",
+                                                  },
+                                                  [
+                                                    _c("input", {
+                                                      ref: "fileInput",
+                                                      staticClass:
+                                                        "form-control",
+                                                      attrs: { type: "file" },
+                                                      on: {
+                                                        change: _vm.upload,
+                                                      },
+                                                    }),
+                                                  ]
+                                                ),
+                                              ]
+                                            )
+                                          : _vm.formJawaban.format == "link"
+                                          ? _c(
+                                              "div",
+                                              { staticClass: "form-group" },
+                                              [
+                                                _c("h5", [
+                                                  _vm._v("Link dokumen: "),
+                                                ]),
+                                                _vm._v(" "),
+                                                _c("input", {
+                                                  directives: [
+                                                    {
+                                                      name: "model",
+                                                      rawName: "v-model",
+                                                      value:
+                                                        _vm.formJawaban.link,
+                                                      expression:
+                                                        "formJawaban.link",
+                                                    },
+                                                  ],
+                                                  staticClass: "form-control",
+                                                  attrs: {
+                                                    type: "text",
+                                                    name: "link",
+                                                    placeholder:
+                                                      "Silahkan masukkan link",
+                                                  },
+                                                  domProps: {
+                                                    value: _vm.formJawaban.link,
+                                                  },
+                                                  on: {
+                                                    input: function ($event) {
+                                                      if (
+                                                        $event.target.composing
+                                                      ) {
+                                                        return
+                                                      }
+                                                      _vm.$set(
+                                                        _vm.formJawaban,
+                                                        "link",
+                                                        $event.target.value
+                                                      )
+                                                    },
+                                                  },
+                                                }),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "small",
+                                                  { staticClass: "text-muted" },
+                                                  [
+                                                    _vm._v(
+                                                      "Silahkan masukkan link ke dokumen"
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            )
+                                          : _vm._e(),
+                                      ]),
+                                      _vm._v(" "),
+                                      _vm._m(8),
+                                    ]
+                                  ),
+                            ])
+                          : _c("div", [
+                              _vm._v(
+                                "\n            Tugas ini membutuhkan anda untuk mengisi google form, silahkan tekan tombol berikut untuk ke google form pada tugas ini dan mengikuti petunjuk selanjutnya disana.\n            "
+                              ),
+                              _c(
+                                "a",
+                                {
+                                  staticClass:
+                                    "btn bg-blue btn-block mt-2 mb-1",
+                                  attrs: {
+                                    type: "button",
+                                    href: _vm.selected.link,
+                                    target: "_blank",
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-google" }),
+                                  _vm._v(" Google Form"),
+                                ]
+                              ),
+                            ]),
+                      ])
+                    : _vm.isShowUbah
+                    ? _c(
+                        "form",
+                        {
+                          attrs: { "data-vv-scope": "formData" },
+                          on: {
+                            submit: function ($event) {
+                              $event.preventDefault()
+                              return _vm.save.apply(null, arguments)
+                            },
+                          },
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("td", { attrs: { colspan: "3" } }),
+                        [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c("h5", [_vm._v("Jawaban:")]),
+                            _vm._v(" "),
+                            _c("textarea", {
+                              directives: [
+                                {
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.formData.keterangan,
+                                  expression: "formData.keterangan",
+                                },
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                rows: "5",
+                                type: "text",
+                                name: "keterangan",
+                                placeholder: "Silahkan masukkan jawaban ",
+                              },
+                              domProps: { value: _vm.formData.keterangan },
+                              on: {
+                                input: function ($event) {
+                                  if ($event.target.composing) {
+                                    return
+                                  }
+                                  _vm.$set(
+                                    _vm.formData,
+                                    "keterangan",
+                                    $event.target.value
+                                  )
+                                },
+                              },
+                            }),
+                          ]),
+                          _vm._v(" "),
+                          _vm._m(9),
+                          _vm._v(" "),
+                          _vm.formData.format == "link"
+                            ? _c("div", [
+                                _c("h5", [_vm._v("Link dokumen: ")]),
+                                _vm._v(" "),
+                                _c("input", {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.formData.link,
+                                      expression: "formData.link",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    type: "text",
+                                    name: "link",
+                                    placeholder: "Silahkan masukkan link",
+                                  },
+                                  domProps: { value: _vm.formData.link },
+                                  on: {
+                                    input: function ($event) {
+                                      if ($event.target.composing) {
+                                        return
+                                      }
+                                      _vm.$set(
+                                        _vm.formData,
+                                        "link",
+                                        $event.target.value
+                                      )
+                                    },
+                                  },
+                                }),
+                                _vm._v(" "),
+                                _c("small", { staticClass: "text-muted" }, [
+                                  _vm._v("Silahkan masukkan link ke dokumen"),
+                                ]),
+                              ])
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "row" }, [
+                            _c("div", { staticClass: "col-sm-6" }, [
+                              _c(
+                                "button",
+                                {
+                                  staticClass:
+                                    "btn btn-light btn-block mt-1 mb-1",
+                                  attrs: { type: "button" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.showBatal()
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-arrow-left13" }),
+                                  _vm._v(" Batal"),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _vm._m(10),
+                          ]),
+                        ]
+                      )
+                    : _vm.isShowHapus
+                    ? _c("div", [
+                        _c(
+                          "div",
+                          { staticClass: "card card-body text-center" },
+                          [
+                            _vm._m(11),
+                            _vm._v(" "),
+                            _c("h3", [_vm._v("Hapus jawaban ini?")]),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "row" }, [
+                              _c("div", { staticClass: "col-sm-6" }, [
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass: "btn btn-light btn-block mb-2",
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.showBatal()
+                                      },
+                                    },
+                                  },
+                                  [
+                                    _c("i", {
+                                      staticClass: "icon-arrow-left13",
+                                    }),
+                                    _vm._v(" Batal"),
+                                  ]
+                                ),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-sm-6" }, [
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass:
+                                      "btn btn-warning btn-block mb-2",
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.showOke()
+                                      },
+                                    },
+                                  },
+                                  [
+                                    _c("i", { staticClass: "icon-checkmark5" }),
+                                    _vm._v(" Ok"),
+                                  ]
+                                ),
+                              ]),
+                            ]),
+                          ]
+                        ),
+                      ])
+                    : _vm._e(),
                 ]),
-              ]),
-            ]),
-          ]
+          ]),
+      _vm._v(" "),
+      _c("hr"),
+      _vm._v(" "),
+      _c("div", { staticClass: "text-center d-none d-md-block" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.tutup.apply(null, arguments)
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
         ),
-      ]
-    ),
-  ])
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "d-block d-md-none" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block pb-2",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.tutup.apply(null, arguments)
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+        ),
+      ]),
+    ],
+    1
+  )
 }
 var staticRenderFns = [
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("thead", { staticClass: "bg-primary" }, [
-      _c("tr", { staticClass: "text-nowarp" }, [
-        _c("th", [_vm._v("PERSPEKTIF")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("SKOR CU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("BOBOT CU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("SKOR BKCU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("BOBOT BKCU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("KETERANGAN CU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("KETERANGAN BKCU")]),
-        _vm._v(" "),
-        _c("th", [_vm._v("REKOMENDASI BKCU")]),
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-backward2" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-arrow-left5" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-spinner2 spinner" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-arrow-right5" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-forward3" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("h5", [
+      _vm._v("\n                  Dokumen pendukung:\n                  "),
+      _c("br"),
+      _vm._v(" "),
+      _c("small", { staticClass: "text-muted" }, [
+        _vm._v(
+          "silahkan diisi apabila ada dokumen pendukung untuk mengerjakan tugas ini"
+        ),
       ]),
     ])
   },
@@ -57405,24 +20340,54 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
-      _c("td", { attrs: { colspan: "8" } }, [_vm._v("ADMINISTRASI")]),
+    return _c(
+      "button",
+      {
+        staticClass: "btn btn-warning btn-block pb-2",
+        attrs: { type: "submit" },
+      },
+      [_c("i", { staticClass: "icon-paperplane" }), _vm._v(" Kirim Jawaban")]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("h5", [
+      _vm._v("\n            Dokumen pendukung:\n            "),
+      _c("br"),
+      _vm._v(" "),
+      _c("small", { staticClass: "text-muted" }, [
+        _vm._v(
+          "silahkan diisi apabila ada dokumen pendukung untuk mengerjakan tugas ini"
+        ),
+      ]),
     ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
-      _c("td", { attrs: { colspan: "8" } }, [_vm._v("MANAJEMEN KINERJA")]),
+    return _c("div", { staticClass: "col-sm-6" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-primary btn-block mt-1 mb-1",
+          attrs: { type: "submit" },
+        },
+        [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+      ),
     ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
-      _c("td", { attrs: { colspan: "8" } }, [_vm._v("MANAJEMEN WAWASAN")]),
+    return _c("span", { staticClass: "text-warning pb-2" }, [
+      _c("i", {
+        staticClass: "icon-question3",
+        staticStyle: { "font-size": "3em" },
+      }),
     ])
   },
 ]
@@ -57432,17 +20397,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue":
+/***/ "./resources/assets/js/components/checkbox.vue":
 /*!*****************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue ***!
+  !*** ./resources/assets/js/components/checkbox.vue ***!
   \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* harmony import */ var _checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkbox.vue?vue&type=template&id=7d32a75a& */ "./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&");
+/* harmony import */ var _checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkbox.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -57452,9 +20417,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -57464,54 +20429,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/formInfo.vue"
+component.options.__file = "resources/assets/js/components/checkbox.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&":
 /*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js& ***!
   \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkbox.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/***/ "./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&":
 /*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  !*** ./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a& ***!
   \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkbox.vue?vue&type=template&id=7d32a75a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/components/datatable.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -57521,9 +20486,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -57533,55 +20498,57 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/infoIcon.vue"
+component.options.__file = "resources/assets/js/components/datatable.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue":
+/***/ "./resources/assets/js/components/datePicker.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue ***!
+  !*** ./resources/assets/js/components/datePicker.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
 
 
 
@@ -57589,10 +20556,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -57602,55 +20569,71 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/wajibBadge.vue"
+component.options.__file = "resources/assets/js/components/datePicker.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_4bb6c6b5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=4bb6c6b5& */ "./resources/assets/js/views/assesmentAccess/form.vue?vue&type=template&id=4bb6c6b5&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -57659,9 +20642,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_4bb6c6b5___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_4bb6c6b5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -57671,54 +20654,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/form.vue"
+component.options.__file = "resources/assets/js/components/infoIcon.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form.vue?vue&type=template&id=4bb6c6b5&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form.vue?vue&type=template&id=4bb6c6b5& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_4bb6c6b5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=4bb6c6b5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form.vue?vue&type=template&id=4bb6c6b5&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_4bb6c6b5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_4bb6c6b5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_filter.vue":
-/*!*******************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_filter.vue ***!
-  \*******************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/detail.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/detail.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_filter_vue_vue_type_template_id_bec24e1c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form_filter.vue?vue&type=template&id=bec24e1c& */ "./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=template&id=bec24e1c&");
-/* harmony import */ var _form_filter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form_filter.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=script&lang=js&");
+/* harmony import */ var _detail_vue_vue_type_template_id_55783ca6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=55783ca6& */ "./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=template&id=55783ca6&");
+/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -57728,9 +20711,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_filter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_filter_vue_vue_type_template_id_bec24e1c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_filter_vue_vue_type_template_id_bec24e1c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _detail_vue_vue_type_template_id_55783ca6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _detail_vue_vue_type_template_id_55783ca6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -57740,57 +20723,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/form_filter.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/detail.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_filter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_filter.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_filter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=template&id=bec24e1c&":
-/*!**************************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=template&id=bec24e1c& ***!
-  \**************************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=template&id=55783ca6&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=template&id=55783ca6& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_filter_vue_vue_type_template_id_bec24e1c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_filter.vue?vue&type=template&id=bec24e1c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=template&id=bec24e1c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_filter_vue_vue_type_template_id_bec24e1c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_55783ca6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=55783ca6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=template&id=55783ca6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_55783ca6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_filter_vue_vue_type_template_id_bec24e1c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_55783ca6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_p1.vue":
-/*!***************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_p1.vue ***!
-  \***************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formHadir.vue":
+/*!**************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formHadir.vue ***!
+  \**************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_p1_vue_vue_type_template_id_0646e08a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form_p1.vue?vue&type=template&id=0646e08a& */ "./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=template&id=0646e08a&");
-/* harmony import */ var _form_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form_p1.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _form_p1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form_p1.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
+/* harmony import */ var _formHadir_vue_vue_type_template_id_2558e9cb___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formHadir.vue?vue&type=template&id=2558e9cb& */ "./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=template&id=2558e9cb&");
+/* harmony import */ var _formHadir_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formHadir.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -57798,10 +20779,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _form_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_p1_vue_vue_type_template_id_0646e08a___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_p1_vue_vue_type_template_id_0646e08a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _formHadir_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formHadir_vue_vue_type_template_id_2558e9cb___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formHadir_vue_vue_type_template_id_2558e9cb___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -57811,70 +20792,123 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/form_p1.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/formHadir.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p1.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formHadir_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formHadir.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formHadir_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css&":
-/*!************************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css& ***!
-  \************************************************************************************************/
-/*! no static exports found */
+/***/ "./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=template&id=2558e9cb&":
+/*!*********************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=template&id=2558e9cb& ***!
+  \*********************************************************************************************/
+/*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p1.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formHadir_vue_vue_type_template_id_2558e9cb___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formHadir.vue?vue&type=template&id=2558e9cb& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=template&id=2558e9cb&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formHadir_vue_vue_type_template_id_2558e9cb___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formHadir_vue_vue_type_template_id_2558e9cb___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=template&id=0646e08a&":
-/*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=template&id=0646e08a& ***!
-  \**********************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue":
+/*!******************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue ***!
+  \******************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _formKeputusan_vue_vue_type_template_id_28209b97___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKeputusan.vue?vue&type=template&id=28209b97& */ "./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=template&id=28209b97&");
+/* harmony import */ var _formKeputusan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKeputusan.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _formKeputusan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formKeputusan_vue_vue_type_template_id_28209b97___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formKeputusan_vue_vue_type_template_id_28209b97___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/formKeputusan.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKeputusan.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=template&id=28209b97&":
+/*!*************************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=template&id=28209b97& ***!
+  \*************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_template_id_0646e08a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p1.vue?vue&type=template&id=0646e08a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=template&id=0646e08a&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_template_id_0646e08a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusan_vue_vue_type_template_id_28209b97___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKeputusan.vue?vue&type=template&id=28209b97& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=template&id=28209b97&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusan_vue_vue_type_template_id_28209b97___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_template_id_0646e08a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusan_vue_vue_type_template_id_28209b97___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_p2.vue":
-/*!***************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_p2.vue ***!
-  \***************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue":
+/*!**************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue ***!
+  \**************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_p2_vue_vue_type_template_id_062ab188___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form_p2.vue?vue&type=template&id=062ab188& */ "./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=template&id=062ab188&");
-/* harmony import */ var _form_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form_p2.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formKeputusanKomentar_vue_vue_type_template_id_5d3dc3aa___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa& */ "./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa&");
+/* harmony import */ var _formKeputusanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKeputusanKomentar.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -57884,9 +20918,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_p2_vue_vue_type_template_id_062ab188___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_p2_vue_vue_type_template_id_062ab188___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formKeputusanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formKeputusanKomentar_vue_vue_type_template_id_5d3dc3aa___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formKeputusanKomentar_vue_vue_type_template_id_5d3dc3aa___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -57896,54 +20930,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/form_p2.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p2.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKeputusanKomentar.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=template&id=062ab188&":
-/*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=template&id=062ab188& ***!
-  \**********************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa&":
+/*!*********************************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa& ***!
+  \*********************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p2_vue_vue_type_template_id_062ab188___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p2.vue?vue&type=template&id=062ab188& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=template&id=062ab188&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p2_vue_vue_type_template_id_062ab188___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusanKomentar_vue_vue_type_template_id_5d3dc3aa___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusanKomentar_vue_vue_type_template_id_5d3dc3aa___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p2_vue_vue_type_template_id_062ab188___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusanKomentar_vue_vue_type_template_id_5d3dc3aa___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_p3.vue":
-/*!***************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_p3.vue ***!
-  \***************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formListMateri.vue":
+/*!*******************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formListMateri.vue ***!
+  \*******************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_p3_vue_vue_type_template_id_060e8286___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form_p3.vue?vue&type=template&id=060e8286& */ "./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=template&id=060e8286&");
-/* harmony import */ var _form_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form_p3.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formListMateri_vue_vue_type_template_id_72f042f3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formListMateri.vue?vue&type=template&id=72f042f3& */ "./resources/assets/js/views/kegiatanBKCU/formListMateri.vue?vue&type=template&id=72f042f3&");
+/* harmony import */ var _formListMateri_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formListMateri.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formListMateri.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -57953,9 +20987,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_p3_vue_vue_type_template_id_060e8286___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_p3_vue_vue_type_template_id_060e8286___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formListMateri_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formListMateri_vue_vue_type_template_id_72f042f3___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formListMateri_vue_vue_type_template_id_72f042f3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -57965,54 +20999,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/form_p3.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/formListMateri.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formListMateri.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formListMateri.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p3.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formListMateri_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formListMateri.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formListMateri.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formListMateri_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=template&id=060e8286&":
-/*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=template&id=060e8286& ***!
-  \**********************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formListMateri.vue?vue&type=template&id=72f042f3&":
+/*!**************************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formListMateri.vue?vue&type=template&id=72f042f3& ***!
+  \**************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p3_vue_vue_type_template_id_060e8286___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p3.vue?vue&type=template&id=060e8286& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=template&id=060e8286&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p3_vue_vue_type_template_id_060e8286___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formListMateri_vue_vue_type_template_id_72f042f3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formListMateri.vue?vue&type=template&id=72f042f3& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formListMateri.vue?vue&type=template&id=72f042f3&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formListMateri_vue_vue_type_template_id_72f042f3___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p3_vue_vue_type_template_id_060e8286___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formListMateri_vue_vue_type_template_id_72f042f3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_p4.vue":
+/***/ "./resources/assets/js/views/kegiatanBKCU/formMateri.vue":
 /*!***************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_p4.vue ***!
+  !*** ./resources/assets/js/views/kegiatanBKCU/formMateri.vue ***!
   \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_p4_vue_vue_type_template_id_05f25384___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form_p4.vue?vue&type=template&id=05f25384& */ "./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=template&id=05f25384&");
-/* harmony import */ var _form_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form_p4.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formMateri_vue_vue_type_template_id_0e67c796___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formMateri.vue?vue&type=template&id=0e67c796& */ "./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=template&id=0e67c796&");
+/* harmony import */ var _formMateri_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formMateri.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -58022,9 +21056,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_p4_vue_vue_type_template_id_05f25384___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_p4_vue_vue_type_template_id_05f25384___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formMateri_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formMateri_vue_vue_type_template_id_0e67c796___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formMateri_vue_vue_type_template_id_0e67c796___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -58034,54 +21068,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/form_p4.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/formMateri.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=script&lang=js& ***!
   \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p4.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formMateri_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formMateri.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formMateri_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=template&id=05f25384&":
+/***/ "./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=template&id=0e67c796&":
 /*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=template&id=05f25384& ***!
+  !*** ./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=template&id=0e67c796& ***!
   \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p4_vue_vue_type_template_id_05f25384___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p4.vue?vue&type=template&id=05f25384& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=template&id=05f25384&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p4_vue_vue_type_template_id_05f25384___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formMateri_vue_vue_type_template_id_0e67c796___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formMateri.vue?vue&type=template&id=0e67c796& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=template&id=0e67c796&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formMateri_vue_vue_type_template_id_0e67c796___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p4_vue_vue_type_template_id_05f25384___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formMateri_vue_vue_type_template_id_0e67c796___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/kesimpulan.vue":
-/*!******************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/kesimpulan.vue ***!
-  \******************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formNilai.vue":
+/*!**************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formNilai.vue ***!
+  \**************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _kesimpulan_vue_vue_type_template_id_32967008___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./kesimpulan.vue?vue&type=template&id=32967008& */ "./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=template&id=32967008&");
-/* harmony import */ var _kesimpulan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./kesimpulan.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formNilai_vue_vue_type_template_id_77092c50___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formNilai.vue?vue&type=template&id=77092c50& */ "./resources/assets/js/views/kegiatanBKCU/formNilai.vue?vue&type=template&id=77092c50&");
+/* harmony import */ var _formNilai_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formNilai.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formNilai.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -58091,9 +21125,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _kesimpulan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _kesimpulan_vue_vue_type_template_id_32967008___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _kesimpulan_vue_vue_type_template_id_32967008___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formNilai_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formNilai_vue_vue_type_template_id_77092c50___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formNilai_vue_vue_type_template_id_77092c50___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -58103,54 +21137,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/kesimpulan.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/formNilai.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formNilai.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formNilai.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_kesimpulan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./kesimpulan.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_kesimpulan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formNilai_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formNilai.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formNilai.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formNilai_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=template&id=32967008&":
-/*!*************************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=template&id=32967008& ***!
-  \*************************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formNilai.vue?vue&type=template&id=77092c50&":
+/*!*********************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formNilai.vue?vue&type=template&id=77092c50& ***!
+  \*********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_kesimpulan_vue_vue_type_template_id_32967008___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./kesimpulan.vue?vue&type=template&id=32967008& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=template&id=32967008&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_kesimpulan_vue_vue_type_template_id_32967008___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formNilai_vue_vue_type_template_id_77092c50___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formNilai.vue?vue&type=template&id=77092c50& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formNilai.vue?vue&type=template&id=77092c50&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formNilai_vue_vue_type_template_id_77092c50___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_kesimpulan_vue_vue_type_template_id_32967008___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formNilai_vue_vue_type_template_id_77092c50___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue":
-/*!**********************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue ***!
-  \**********************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue":
+/*!*******************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue ***!
+  \*******************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _penilaian_bkcu_vue_vue_type_template_id_616e65da___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./penilaian_bkcu.vue?vue&type=template&id=616e65da& */ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=template&id=616e65da&");
-/* harmony import */ var _penilaian_bkcu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./penilaian_bkcu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formPertanyaan_vue_vue_type_template_id_261dac5c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPertanyaan.vue?vue&type=template&id=261dac5c& */ "./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=template&id=261dac5c&");
+/* harmony import */ var _formPertanyaan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPertanyaan.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -58160,9 +21194,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _penilaian_bkcu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _penilaian_bkcu_vue_vue_type_template_id_616e65da___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _penilaian_bkcu_vue_vue_type_template_id_616e65da___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formPertanyaan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formPertanyaan_vue_vue_type_template_id_261dac5c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formPertanyaan_vue_vue_type_template_id_261dac5c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -58172,54 +21206,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_bkcu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./penilaian_bkcu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_bkcu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPertanyaan.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=template&id=616e65da&":
-/*!*****************************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=template&id=616e65da& ***!
-  \*****************************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=template&id=261dac5c&":
+/*!**************************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=template&id=261dac5c& ***!
+  \**************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_bkcu_vue_vue_type_template_id_616e65da___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./penilaian_bkcu.vue?vue&type=template&id=616e65da& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=template&id=616e65da&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_bkcu_vue_vue_type_template_id_616e65da___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaan_vue_vue_type_template_id_261dac5c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPertanyaan.vue?vue&type=template&id=261dac5c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=template&id=261dac5c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaan_vue_vue_type_template_id_261dac5c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_bkcu_vue_vue_type_template_id_616e65da___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaan_vue_vue_type_template_id_261dac5c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue":
-/*!********************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/penilaian_cu.vue ***!
-  \********************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue":
+/*!***************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue ***!
+  \***************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _penilaian_cu_vue_vue_type_template_id_4e0d4bde___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./penilaian_cu.vue?vue&type=template&id=4e0d4bde& */ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=template&id=4e0d4bde&");
-/* harmony import */ var _penilaian_cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./penilaian_cu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formPertanyaanKomentar_vue_vue_type_template_id_7365e6e5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5& */ "./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5&");
+/* harmony import */ var _formPertanyaanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPertanyaanKomentar.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -58229,9 +21263,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _penilaian_cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _penilaian_cu_vue_vue_type_template_id_4e0d4bde___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _penilaian_cu_vue_vue_type_template_id_4e0d4bde___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formPertanyaanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formPertanyaanKomentar_vue_vue_type_template_id_7365e6e5___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formPertanyaanKomentar_vue_vue_type_template_id_7365e6e5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -58241,54 +21275,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/penilaian_cu.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./penilaian_cu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPertanyaanKomentar.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=template&id=4e0d4bde&":
-/*!***************************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=template&id=4e0d4bde& ***!
-  \***************************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5&":
+/*!**********************************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5& ***!
+  \**********************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_cu_vue_vue_type_template_id_4e0d4bde___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./penilaian_cu.vue?vue&type=template&id=4e0d4bde& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=template&id=4e0d4bde&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_cu_vue_vue_type_template_id_4e0d4bde___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaanKomentar_vue_vue_type_template_id_7365e6e5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaanKomentar_vue_vue_type_template_id_7365e6e5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_cu_vue_vue_type_template_id_4e0d4bde___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaanKomentar_vue_vue_type_template_id_7365e6e5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/score_p1.vue":
+/***/ "./resources/assets/js/views/kegiatanBKCU/formPeserta.vue":
 /*!****************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/score_p1.vue ***!
+  !*** ./resources/assets/js/views/kegiatanBKCU/formPeserta.vue ***!
   \****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _score_p1_vue_vue_type_template_id_680442ff___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./score_p1.vue?vue&type=template&id=680442ff& */ "./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=template&id=680442ff&");
-/* harmony import */ var _score_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./score_p1.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formPeserta_vue_vue_type_template_id_31ba210f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPeserta.vue?vue&type=template&id=31ba210f& */ "./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=template&id=31ba210f&");
+/* harmony import */ var _formPeserta_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPeserta.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -58298,9 +21332,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _score_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _score_p1_vue_vue_type_template_id_680442ff___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _score_p1_vue_vue_type_template_id_680442ff___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formPeserta_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formPeserta_vue_vue_type_template_id_31ba210f___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formPeserta_vue_vue_type_template_id_31ba210f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -58310,54 +21344,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/score_p1.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/formPeserta.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=script&lang=js&":
 /*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=script&lang=js& ***!
   \*****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p1.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPeserta_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPeserta.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPeserta_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=template&id=680442ff&":
+/***/ "./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=template&id=31ba210f&":
 /*!***********************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=template&id=680442ff& ***!
+  !*** ./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=template&id=31ba210f& ***!
   \***********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p1_vue_vue_type_template_id_680442ff___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p1.vue?vue&type=template&id=680442ff& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=template&id=680442ff&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p1_vue_vue_type_template_id_680442ff___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPeserta_vue_vue_type_template_id_31ba210f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPeserta.vue?vue&type=template&id=31ba210f& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=template&id=31ba210f&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPeserta_vue_vue_type_template_id_31ba210f___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p1_vue_vue_type_template_id_680442ff___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPeserta_vue_vue_type_template_id_31ba210f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/score_p2.vue":
-/*!****************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/score_p2.vue ***!
-  \****************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue":
+/*!*********************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue ***!
+  \*********************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _score_p2_vue_vue_type_template_id_68125a80___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./score_p2.vue?vue&type=template&id=68125a80& */ "./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=template&id=68125a80&");
-/* harmony import */ var _score_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./score_p2.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formPesertaBatal_vue_vue_type_template_id_163a2d61___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPesertaBatal.vue?vue&type=template&id=163a2d61& */ "./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=template&id=163a2d61&");
+/* harmony import */ var _formPesertaBatal_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPesertaBatal.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -58367,9 +21401,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _score_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _score_p2_vue_vue_type_template_id_68125a80___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _score_p2_vue_vue_type_template_id_68125a80___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formPesertaBatal_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formPesertaBatal_vue_vue_type_template_id_163a2d61___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formPesertaBatal_vue_vue_type_template_id_163a2d61___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -58379,54 +21413,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/score_p2.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p2.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPesertaBatal_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPesertaBatal.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPesertaBatal_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=template&id=68125a80&":
-/*!***********************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=template&id=68125a80& ***!
-  \***********************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=template&id=163a2d61&":
+/*!****************************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=template&id=163a2d61& ***!
+  \****************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p2_vue_vue_type_template_id_68125a80___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p2.vue?vue&type=template&id=68125a80& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=template&id=68125a80&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p2_vue_vue_type_template_id_68125a80___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPesertaBatal_vue_vue_type_template_id_163a2d61___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPesertaBatal.vue?vue&type=template&id=163a2d61& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=template&id=163a2d61&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPesertaBatal_vue_vue_type_template_id_163a2d61___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p2_vue_vue_type_template_id_68125a80___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPesertaBatal_vue_vue_type_template_id_163a2d61___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/score_p3.vue":
-/*!****************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/score_p3.vue ***!
-  \****************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formTugas.vue":
+/*!**************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formTugas.vue ***!
+  \**************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _score_p3_vue_vue_type_template_id_68207201___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./score_p3.vue?vue&type=template&id=68207201& */ "./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=template&id=68207201&");
-/* harmony import */ var _score_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./score_p3.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formTugas_vue_vue_type_template_id_7180b8e2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formTugas.vue?vue&type=template&id=7180b8e2& */ "./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=template&id=7180b8e2&");
+/* harmony import */ var _formTugas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formTugas.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -58436,9 +21470,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _score_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _score_p3_vue_vue_type_template_id_68207201___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _score_p3_vue_vue_type_template_id_68207201___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formTugas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formTugas_vue_vue_type_template_id_7180b8e2___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formTugas_vue_vue_type_template_id_7180b8e2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -58448,54 +21482,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/score_p3.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/formTugas.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p3.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTugas.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=template&id=68207201&":
-/*!***********************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=template&id=68207201& ***!
-  \***********************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=template&id=7180b8e2&":
+/*!*********************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=template&id=7180b8e2& ***!
+  \*********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p3_vue_vue_type_template_id_68207201___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p3.vue?vue&type=template&id=68207201& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=template&id=68207201&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p3_vue_vue_type_template_id_68207201___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugas_vue_vue_type_template_id_7180b8e2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTugas.vue?vue&type=template&id=7180b8e2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=template&id=7180b8e2&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugas_vue_vue_type_template_id_7180b8e2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p3_vue_vue_type_template_id_68207201___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugas_vue_vue_type_template_id_7180b8e2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/score_p4.vue":
-/*!****************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/score_p4.vue ***!
-  \****************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue":
+/*!*********************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue ***!
+  \*********************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _score_p4_vue_vue_type_template_id_682e8982___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./score_p4.vue?vue&type=template&id=682e8982& */ "./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=template&id=682e8982&");
-/* harmony import */ var _score_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./score_p4.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formTugasJawaban_vue_vue_type_template_id_7e0a0ccf___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formTugasJawaban.vue?vue&type=template&id=7e0a0ccf& */ "./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=template&id=7e0a0ccf&");
+/* harmony import */ var _formTugasJawaban_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formTugasJawaban.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -58505,9 +21539,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _score_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _score_p4_vue_vue_type_template_id_682e8982___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _score_p4_vue_vue_type_template_id_682e8982___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formTugasJawaban_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formTugasJawaban_vue_vue_type_template_id_7e0a0ccf___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formTugasJawaban_vue_vue_type_template_id_7e0a0ccf___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -58517,38 +21551,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/score_p4.vue"
+component.options.__file = "resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p4.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugasJawaban_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTugasJawaban.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugasJawaban_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=template&id=682e8982&":
-/*!***********************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=template&id=682e8982& ***!
-  \***********************************************************************************************/
+/***/ "./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=template&id=7e0a0ccf&":
+/*!****************************************************************************************************!*\
+  !*** ./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=template&id=7e0a0ccf& ***!
+  \****************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p4_vue_vue_type_template_id_682e8982___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p4.vue?vue&type=template&id=682e8982& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=template&id=682e8982&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p4_vue_vue_type_template_id_682e8982___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugasJawaban_vue_vue_type_template_id_7e0a0ccf___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTugasJawaban.vue?vue&type=template&id=7e0a0ccf& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=template&id=7e0a0ccf&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugasJawaban_vue_vue_type_template_id_7e0a0ccf___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p4_vue_vue_type_template_id_682e8982___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugasJawaban_vue_vue_type_template_id_7e0a0ccf___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/38.js b/public/js/components/38.js
index f6591e64f..1fecc52f0 100644
--- a/public/js/components/38.js
+++ b/public/js/components/38.js
@@ -1,8 +1,8 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[38],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
 /*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
   \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -17,53 +17,21 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['form', 'title'],
-  methods: {
-    check: function check() {
-      this.$emit('check');
-    }
-  }
+  props: []
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -76,105 +44,20 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['columnData', 'itemDataStat', 'items'],
-  components: {},
-  data: function data() {
-    return {};
-  },
-  methods: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['defaultDate'],
-  components: {
-    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
-  },
-  data: function data() {
-    return {
-      time: '',
-      dateVal: ''
-    };
-  },
-  mounted: function mounted() {
-    if (this.defaultDate == '') {
-      var today = new Date();
-      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
-      this.time = date;
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    } else {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-      this.$emit('dateSelected', this.defaultDate);
-    }
-  },
-  watch: {
-    defaultDate: function defaultDate(newVal, oldVal) {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-    }
-  },
-  methods: {
-    onChanged: function onChanged(event) {
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
+  props: {
+    message: {
+      "default": ''
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -186,12 +69,6 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
   props: {
     message: {
@@ -202,52 +79,44 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _formPeserta_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./formPeserta.vue */ "./resources/assets/js/views/kegiatanBKCU/formPeserta.vue");
-/* harmony import */ var _formPesertaBatal_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./formPesertaBatal.vue */ "./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _formStatus_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./formStatus.vue */ "./resources/assets/js/views/kegiatanBKCU/formStatus.vue");
-/* harmony import */ var _formHadir_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./formHadir.vue */ "./resources/assets/js/views/kegiatanBKCU/formHadir.vue");
-/* harmony import */ var _formMateri_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./formMateri.vue */ "./resources/assets/js/views/kegiatanBKCU/formMateri.vue");
-/* harmony import */ var _formTugas_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./formTugas.vue */ "./resources/assets/js/views/kegiatanBKCU/formTugas.vue");
-/* harmony import */ var _formTugasJawaban_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./formTugasJawaban.vue */ "./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue");
-/* harmony import */ var _formKeputusan_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./formKeputusan.vue */ "./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue");
-/* harmony import */ var _formKeputusanKomentar_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./formKeputusanKomentar.vue */ "./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue");
-/* harmony import */ var _formPertanyaan_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./formPertanyaan.vue */ "./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue");
-/* harmony import */ var _formPertanyaanKomentar_vue__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./formPertanyaanKomentar.vue */ "./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue");
-/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");
-/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_21__);
-var _mapGetters;
-
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _form_p1_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./form_p1.vue */ "./resources/assets/js/views/assesmentAccess/form_p1.vue");
+/* harmony import */ var _form_p2_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./form_p2.vue */ "./resources/assets/js/views/assesmentAccess/form_p2.vue");
+/* harmony import */ var _form_p3_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./form_p3.vue */ "./resources/assets/js/views/assesmentAccess/form_p3.vue");
+/* harmony import */ var _form_p4_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./form_p4.vue */ "./resources/assets/js/views/assesmentAccess/form_p4.vue");
+/* harmony import */ var _score_p1_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./score_p1.vue */ "./resources/assets/js/views/assesmentAccess/score_p1.vue");
+/* harmony import */ var _score_p2_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./score_p2.vue */ "./resources/assets/js/views/assesmentAccess/score_p2.vue");
+/* harmony import */ var _score_p3_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./score_p3.vue */ "./resources/assets/js/views/assesmentAccess/score_p3.vue");
+/* harmony import */ var _score_p4_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./score_p4.vue */ "./resources/assets/js/views/assesmentAccess/score_p4.vue");
+/* harmony import */ var _kesimpulan_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./kesimpulan.vue */ "./resources/assets/js/views/assesmentAccess/kesimpulan.vue");
+/* harmony import */ var _helpers_pusherAuth_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../helpers/pusherAuth.js */ "./resources/assets/js/helpers/pusherAuth.js");
+/* harmony import */ var laravel_echo__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! laravel-echo */ "./node_modules/laravel-echo/dist/echo.js");
+/* harmony import */ var pusher_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! pusher-js */ "./node_modules/pusher-js/dist/web/pusher.js");
+/* harmony import */ var pusher_js__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(pusher_js__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_21__);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 //
@@ -826,6 +695,566 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    formP1: _form_p1_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    formP2: _form_p2_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    formP3: _form_p3_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
+    formP4: _form_p4_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
+    scoreP1: _score_p1_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
+    scoreP2: _score_p2_vue__WEBPACK_IMPORTED_MODULE_14__["default"],
+    scoreP3: _score_p3_vue__WEBPACK_IMPORTED_MODULE_15__["default"],
+    scoreP4: _score_p4_vue__WEBPACK_IMPORTED_MODULE_16__["default"],
+    kesimpulan: _kesimpulan_vue__WEBPACK_IMPORTED_MODULE_17__["default"]
+  },
+  data: function data() {
+    return {
+      title: "Self Assesment ACCESS Branding",
+      titleDesc: "Menambah self assesment ACCESS branding",
+      titleIcon: "icon-plus3",
+      level2Title: "Assesment Access",
+      kelas: "assesmentAccess",
+      tabName: "p1",
+      nilaiSkorCUP1A: 0,
+      nilaiBobotCUP1A: 0,
+      nilaiSkorBKCUP1A: 0,
+      nilaiBobotBKCUP1A: 0,
+      nilaiSkorCUP1B: 0,
+      nilaiBobotCUP1B: 0,
+      nilaiSkorBKCUP1B: 0,
+      nilaiBobotBKCUP1B: 0,
+      nilaiSkorCUP1C: 0,
+      nilaiBobotCUP1C: 0,
+      nilaiSkorBKCUP1C: 0,
+      nilaiBobotBKCUP1C: 0,
+      nilaiSkorCUP1D: 0,
+      nilaiBobotCUP1D: 0,
+      nilaiSkorBKCUP1D: 0,
+      nilaiBobotBKCUP1D: 0,
+      nilaiSkorCUP1E: 0,
+      nilaiBobotCUP1E: 0,
+      nilaiSkorBKCUP1E: 0,
+      nilaiBobotBKCUP1E: 0,
+      nilaiSkorCUP1F: 0,
+      nilaiBobotCUP1F: 0,
+      nilaiSkorBKCUP1F: 0,
+      nilaiBobotBKCUP1F: 0,
+      nilaiSkorCUP2A: 0,
+      nilaiBobotCUP2A: 0,
+      nilaiSkorBKCUP2A: 0,
+      nilaiBobotBKCUP2A: 0,
+      nilaiSkorCUP2B: 0,
+      nilaiBobotCUP2B: 0,
+      nilaiSkorBKCUP2B: 0,
+      nilaiBobotBKCUP2B: 0,
+      nilaiSkorCUP3A: 0,
+      nilaiBobotCUP3A: 0,
+      nilaiSkorBKCUP3A: 0,
+      nilaiBobotBKCUP3A: 0,
+      nilaiSkorCUP3B: 0,
+      nilaiBobotCUP3B: 0,
+      nilaiSkorBKCUP3B: 0,
+      nilaiBobotBKCUP3B: 0,
+      nilaiSkorCUP4A: 0,
+      nilaiBobotCUP4A: 0,
+      nilaiSkorBKCUP4A: 0,
+      nilaiBobotBKCUP4A: 0,
+      nilaiSkorCUP4B: 0,
+      nilaiBobotCUP4B: 0,
+      nilaiSkorBKCUP4B: 0,
+      nilaiBobotBKCUP4B: 0,
+      nilaiTotalSkorCU: 0,
+      nilaiTotalBobotCU: 0,
+      nilaiTotalSkorBKCU: 0,
+      nilaiTotalBobotBKCU: 0,
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ["Y", "m", "d"],
+          delimiter: "-"
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: "thousand",
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ",",
+          delimiter: "."
+        },
+        numeric2: {
+          numeral: true,
+          numeralIntegerScale: 2,
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ",",
+          delimiter: "."
+        }
+      },
+      modalShow: false,
+      modalState: "",
+      modalTitle: "",
+      modalColor: "",
+      modalContent: "",
+      submited: false
+    };
+  },
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    if (this.$route.meta.mode == "lihat" || this.$route.meta.mode == "penilaianBkcu") {
+      Object(_helpers_pusherAuth_js__WEBPACK_IMPORTED_MODULE_18__["PusherAuth"])();
+      window.Echo["private"]("assesment.channel." + this.$route.params.id).listen('AssesmentEvent', function (data) {
+        if (data.tipe == 'p1') {
+          lodash__WEBPACK_IMPORTED_MODULE_21___default.a.merge(_this.form.p1, data.datas);
+        }
+
+        if (data.tipe == 'p2') {
+          lodash__WEBPACK_IMPORTED_MODULE_21___default.a.merge(_this.form.p2, data.datas);
+        }
+
+        if (data.tipe == 'p3') {
+          lodash__WEBPACK_IMPORTED_MODULE_21___default.a.merge(_this.form.p3, data.datas);
+        }
+
+        if (data.tipe == 'p4') {
+          lodash__WEBPACK_IMPORTED_MODULE_21___default.a.merge(_this.form.p4, data.datas);
+        }
+      });
+    }
+  },
+  created: function created() {
+    this.changeCU(this.currentUser.id_cu);
+  },
+  watch: {
+    // check route changes
+    $route: function $route(to, from) {
+      this.fetch();
+    },
+    formStat: function formStat(value) {
+      if (value === "success") {
+        if (this.$route.meta.mode == "create") {
+          this.changeCU(this.currentUser.id_cu);
+        } else {
+          this.changeCU(this.form.id_cu);
+          this.$store.dispatch("laporanCu/detailPearls", this.form.id_laporan_cu);
+        }
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = "";
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = "Oops terjadi kesalahan :(";
+        this.modalContent = this.updateResponse;
+      }
+    },
+    updateSingleStat: function updateSingleStat(value) {
+      if (value == "fail") {
+        this.modalShow = true;
+        this.modalState = value;
+        this.modalColor = "";
+        this.modalTitle = "Oops terjadi kesalahan :(";
+        this.modalContent = this.updateResponse;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      if (this.$route.meta.mode == "edit") {
+        this.$store.dispatch(this.kelas + "/edit", this.$route.params.id);
+        this.title = "Ubah self assesment ACCESS branding";
+        this.titleDesc = "Mengubah self assesment ACCESS branding";
+        this.titleIcon = "icon-pencil5";
+      } else if (this.$route.meta.mode == "penilaianBkcu") {
+        this.$store.dispatch(this.kelas + "/editPenilaian", this.$route.params.id);
+        this.title = "Penilaian self assesment ACCESS branding";
+        this.titleDesc = "Penilaian self assesment ACCESS branding";
+        this.titleIcon = "icon-law";
+      } else if (this.$route.meta.mode == "lihat") {
+        this.$store.dispatch(this.kelas + "/edit", this.$route.params.id);
+        this.title = "Melihat self assesment ACCESS branding";
+        this.titleDesc = "Melihat data self assesment ACCESS branding";
+        this.titleIcon = "icon-file-eye";
+      } else {
+        this.title = "Tambah self assesment ACCESS branding";
+        this.titleDesc = "Menambah self assesment ACCESS branding";
+        this.titleIcon = "icon-plus3";
+        this.$store.dispatch(this.kelas + '/resetPeriode');
+        this.$store.dispatch(this.kelas + "/create");
+      }
+    },
+    changeCU: function changeCU(id) {
+      this.form.id_cu = id;
+      this.$store.dispatch("laporanCu/getPeriodeCu", id);
+    },
+    changePeriode: function changePeriode(id) {
+      var _periode = "";
+      _periode = lodash__WEBPACK_IMPORTED_MODULE_21___default.a.find(this.modelPeriode, {
+        id: parseInt(id, 10)
+      });
+      this.form.id_laporan_cu = id;
+      this.form.periode = _periode.periode;
+      this.$store.dispatch(this.kelas + "/cariData", [this.form.id_cu, this.form.periode]);
+      this.$store.dispatch("laporanCu/detailPearls", id);
+    },
+    reloadPearls: function reloadPearls() {
+      this.$store.dispatch("laporanCu/detailPearls", this.form.id_laporan_cu);
+    },
+    saveDraft: function saveDraft() {
+      var _this2 = this;
+
+      this.$validator.validateAll("form").then(function (result) {
+        if (result) {
+          if (_this2.$route.meta.mode == "edit") {
+            _this2.form.status = "BELUM SELESAI DIISI";
+
+            _this2.$store.dispatch(_this2.kelas + "/update", [_this2.$route.params.id, _this2.form]);
+          } else if (_this2.$route.meta.mode == "penilaianBkcu") {
+            _this2.form.status = "BELUM SELESAI DINILAI";
+
+            _this2.$store.dispatch(_this2.kelas + "/update", [_this2.$route.params.id, _this2.form]);
+          } else {
+            _this2.form.status = "BELUM SELESAI DIISI";
+
+            _this2.$store.dispatch(_this2.kelas + "/store", _this2.form);
+          }
+
+          _this2.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this2.submited = true;
+        }
+      });
+    },
+    saveSingle: function saveSingle(perspektif) {
+      var _this3 = this;
+
+      console.log(perspektif);
+      this.$validator.validateAll("form").then(function (result) {
+        if (result) {
+          if (_this3.$route.meta.mode == "edit") {
+            _this3.form.status = "BELUM SELESAI DIISI";
+
+            _this3.$store.dispatch(_this3.kelas + "/updateSingle", [_this3.$route.params.id, perspektif, _this3.form]);
+          } else if (_this3.$route.meta.mode == "penilaianBkcu") {
+            _this3.form.status = "BELUM SELESAI DINILAI";
+
+            _this3.$store.dispatch(_this3.kelas + "/updateSingle", [_this3.$route.params.id, perspektif, _this3.form]);
+          } else {
+            _this3.form.status = "BELUM SELESAI DIISI";
+
+            _this3.$store.dispatch(_this3.kelas + "/store", _this3.form);
+          }
+
+          _this3.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this3.submited = true;
+        }
+      });
+    },
+    save: function save() {
+      var _this4 = this;
+
+      this.$validator.validateAll("form").then(function (result) {
+        if (result) {
+          if (_this4.$route.meta.mode == "edit") {
+            _this4.form.status = "BELUM DINILAI";
+
+            _this4.$store.dispatch(_this4.kelas + "/update", [_this4.$route.params.id, _this4.form]);
+          } else if (_this4.$route.meta.mode == "penilaianBkcu") {
+            _this4.form.status = "SUDAH DINILAI";
+
+            _this4.$store.dispatch(_this4.kelas + "/update", [_this4.$route.params.id, _this4.form]);
+          } else {
+            _this4.form.status = "BELUM DINILAI";
+
+            _this4.$store.dispatch(_this4.kelas + "/store", _this4.form);
+          }
+
+          _this4.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this4.submited = true;
+        }
+      });
+    },
+    back: function back() {
+      if (this.currentUser.id_cu == 0) {
+        this.$router.push({
+          name: this.kelas + "Cu",
+          params: {
+            cu: "semua"
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.kelas + "Cu",
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        });
+      }
+    },
+    modalTutup: function modalTutup() {
+      if (this.updateStat === "success") {
+        this.back();
+      }
+
+      this.modalShow = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === "success") {
+        this.modalTutup;
+      } else if (this.modalState === "loading") {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+    },
+    totalSkorCU: function totalSkorCU() {
+      var jumlah = this.nilaiSkorCUP1A + this.nilaiSkorCUP1B + this.nilaiSkorCUP1C + this.nilaiSkorCUP1D + this.nilaiSkorCUP1E + this.nilaiSkorCUP1F + this.nilaiSkorCUP2A + this.nilaiSkorCUP2B + this.nilaiSkorCUP3A + this.nilaiSkorCUP3B + this.nilaiSkorCUP4A + this.nilaiSkorCUP4B;
+      this.nilaiTotalSkorCU = jumlah;
+      return jumlah;
+    },
+    totalBobotCU: function totalBobotCU() {
+      var jumlah = this.$options.filters.round(this.nilaiBobotCUP1A + this.nilaiBobotCUP1B + this.nilaiBobotCUP1C + this.nilaiBobotCUP1D + this.nilaiBobotCUP1E + this.nilaiBobotCUP1F + this.nilaiBobotCUP2A + this.nilaiBobotCUP2B + this.nilaiBobotCUP3A + this.nilaiBobotCUP3B + this.nilaiBobotCUP4A + this.nilaiBobotCUP4B, 2);
+      this.nilaiTotalBobotCU = jumlah;
+      return jumlah;
+    },
+    totalSkorBKCU: function totalSkorBKCU() {
+      var jumlah = this.nilaiSkorBKCUP1A + this.nilaiSkorBKCUP1B + this.nilaiSkorBKCUP1C + this.nilaiSkorBKCUP1D + this.nilaiSkorBKCUP1E + this.nilaiSkorBKCUP1F + this.nilaiSkorBKCUP2A + this.nilaiSkorBKCUP2B + this.nilaiSkorBKCUP3A + this.nilaiSkorBKCUP3B + this.nilaiSkorBKCUP4A + this.nilaiSkorBKCUP4B;
+      this.nilaiTotalSkorBKCU = jumlah;
+      return jumlah;
+    },
+    totalBobotBKCU: function totalBobotBKCU() {
+      var jumlah = this.$options.filters.round(this.nilaiBobotBKCUP1A + this.nilaiBobotBKCUP1B + this.nilaiBobotBKCUP1C + this.nilaiBobotBKCUP1D + this.nilaiBobotBKCUP1E + this.nilaiBobotBKCUP1F + this.nilaiBobotBKCUP2A + this.nilaiBobotBKCUP2B + this.nilaiBobotBKCUP3A + this.nilaiBobotBKCUP3B + this.nilaiBobotBKCUP4A + this.nilaiBobotBKCUP4B, 2);
+      this.nilaiTotalBobotBKCU = jumlah;
+      return jumlah;
+    },
+    // p1
+    skorCUP1A: function skorCUP1A(value) {
+      this.nilaiSkorCUP1A = value;
+    },
+    bobotCUP1A: function bobotCUP1A(value) {
+      this.nilaiBobotCUP1A = value;
+    },
+    skorBKCUP1A: function skorBKCUP1A(value) {
+      this.nilaiSkorBKCUP1A = value;
+    },
+    bobotBKCUP1A: function bobotBKCUP1A(value) {
+      this.nilaiBobotBKCUP1A = value;
+    },
+    skorCUP1B: function skorCUP1B(value) {
+      this.nilaiSkorCUP1B = value;
+    },
+    bobotCUP1B: function bobotCUP1B(value) {
+      this.nilaiBobotCUP1B = value;
+    },
+    skorBKCUP1B: function skorBKCUP1B(value) {
+      this.nilaiSkorBKCUP1B = value;
+    },
+    bobotBKCUP1B: function bobotBKCUP1B(value) {
+      this.nilaiBobotBKCUP1B = value;
+    },
+    skorCUP1C: function skorCUP1C(value) {
+      this.nilaiSkorCUP1C = value;
+    },
+    bobotCUP1C: function bobotCUP1C(value) {
+      this.nilaiBobotCUP1C = value;
+    },
+    skorBKCUP1C: function skorBKCUP1C(value) {
+      this.nilaiSkorBKCUP1C = value;
+    },
+    bobotBKCUP1C: function bobotBKCUP1C(value) {
+      this.nilaiBobotBKCUP1C = value;
+    },
+    skorCUP1D: function skorCUP1D(value) {
+      this.nilaiSkorCUP1D = value;
+    },
+    bobotCUP1D: function bobotCUP1D(value) {
+      this.nilaiBobotCUP1D = value;
+    },
+    skorBKCUP1D: function skorBKCUP1D(value) {
+      this.nilaiSkorBKCUP1D = value;
+    },
+    bobotBKCUP1D: function bobotBKCUP1D(value) {
+      this.nilaiBobotBKCUP1D = value;
+    },
+    skorCUP1E: function skorCUP1E(value) {
+      this.nilaiSkorCUP1E = value;
+    },
+    bobotCUP1E: function bobotCUP1E(value) {
+      this.nilaiBobotCUP1E = value;
+    },
+    skorBKCUP1E: function skorBKCUP1E(value) {
+      this.nilaiSkorBKCUP1E = value;
+    },
+    bobotBKCUP1E: function bobotBKCUP1E(value) {
+      this.nilaiBobotBKCUP1E = value;
+    },
+    skorCUP1F: function skorCUP1F(value) {
+      this.nilaiSkorCUP1F = value;
+    },
+    bobotCUP1F: function bobotCUP1F(value) {
+      this.nilaiBobotCUP1F = value;
+    },
+    skorBKCUP1F: function skorBKCUP1F(value) {
+      this.nilaiSkorBKCUP1F = value;
+    },
+    bobotBKCUP1F: function bobotBKCUP1F(value) {
+      this.nilaiBobotBKCUP1F = value;
+    },
+    // p2
+    skorCUP2A: function skorCUP2A(value) {
+      this.nilaiSkorCUP2A = value;
+    },
+    bobotCUP2A: function bobotCUP2A(value) {
+      this.nilaiBobotCUP2A = value;
+    },
+    skorBKCUP2A: function skorBKCUP2A(value) {
+      this.nilaiSkorBKCUP2A = value;
+    },
+    bobotBKCUP2A: function bobotBKCUP2A(value) {
+      this.nilaiBobotBKCUP2A = value;
+    },
+    skorCUP2B: function skorCUP2B(value) {
+      this.nilaiSkorCUP2B = value;
+    },
+    bobotCUP2B: function bobotCUP2B(value) {
+      this.nilaiBobotCUP2B = value;
+    },
+    skorBKCUP2B: function skorBKCUP2B(value) {
+      this.nilaiSkorBKCUP2B = value;
+    },
+    bobotBKCUP2B: function bobotBKCUP2B(value) {
+      this.nilaiBobotBKCUP2B = value;
+    },
+    // p3
+    skorCUP3A: function skorCUP3A(value) {
+      this.nilaiSkorCUP3A = value;
+    },
+    bobotCUP3A: function bobotCUP3A(value) {
+      this.nilaiBobotCUP3A = value;
+    },
+    skorBKCUP3A: function skorBKCUP3A(value) {
+      this.nilaiSkorBKCUP3A = value;
+    },
+    bobotBKCUP3A: function bobotBKCUP3A(value) {
+      this.nilaiBobotBKCUP3A = value;
+    },
+    skorCUP3B: function skorCUP3B(value) {
+      this.nilaiSkorCUP3B = value;
+    },
+    bobotCUP3B: function bobotCUP3B(value) {
+      this.nilaiBobotCUP3B = value;
+    },
+    skorBKCUP3B: function skorBKCUP3B(value) {
+      this.nilaiSkorBKCUP3B = value;
+    },
+    bobotBKCUP3B: function bobotBKCUP3B(value) {
+      this.nilaiBobotBKCUP3B = value;
+    },
+    // p4
+    skorCUP4A: function skorCUP4A(value) {
+      this.nilaiSkorCUP4A = value;
+    },
+    bobotCUP4A: function bobotCUP4A(value) {
+      this.nilaiBobotCUP4A = value;
+    },
+    skorBKCUP4A: function skorBKCUP4A(value) {
+      this.nilaiSkorBKCUP4A = value;
+    },
+    bobotBKCUP4A: function bobotBKCUP4A(value) {
+      this.nilaiBobotBKCUP4A = value;
+    },
+    skorCUP4B: function skorCUP4B(value) {
+      this.nilaiSkorCUP4B = value;
+    },
+    bobotCUP4B: function bobotCUP4B(value) {
+      this.nilaiBobotCUP4B = value;
+    },
+    skorBKCUP4B: function skorBKCUP4B(value) {
+      this.nilaiSkorBKCUP4B = value;
+    },
+    bobotBKCUP4B: function bobotBKCUP4B(value) {
+      this.nilaiBobotBKCUP4B = value;
+    },
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("auth", {
+    currentUser: "currentUser"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("assesmentAccess", {
+    form: "data",
+    formStat: "dataStat",
+    rules: "rules",
+    options: "options",
+    updateResponse: "update",
+    updateStat: "updateStat",
+    updateSingleResponse: "updateSingle",
+    updateSingleStat: "updateSingleStat",
+    periode: "periode",
+    periodeStat: "periodeStat"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("cu", {
+    modelCU: "headerDataS",
+    modelCUStat: "headerDataStatS"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("laporanCu", {
+    modelPeriode: "periode",
+    modelPeriodeStat: "periodeStat",
+    modelPearls: "pearls",
+    modelPearlsStat: "pearlsStat"
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 //
 //
 //
@@ -976,6 +1405,55 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ["cuTabName", "bkcuTabName", "jumlahPenilaianCU", "jumlahPenilaianBKCU", "tipe", "status"],
+  components: {},
+  data: function data() {
+    return {};
+  },
+  created: function created() {},
+  watch: {},
+  methods: {
+    changeTabCU: function changeTabCU(value) {
+      this.$emit("changeTabCU", value);
+    },
+    changeTabBKCU: function changeTabBKCU(value) {
+      this.$emit("changeTabBKCU", value);
+    }
+  },
+  computed: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _laporanCu_formKatex__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../laporanCu/formKatex */ "./resources/assets/js/views/laporanCu/formKatex.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./penilaian_cu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue");
+/* harmony import */ var _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./penilaian_bkcu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue");
+/* harmony import */ var _form_filter_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./form_filter.vue */ "./resources/assets/js/views/assesmentAccess/form_filter.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -1494,1481 +1972,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- // import formPdf from "./formPdf.vue";
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default.a,
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    dataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    formPeserta: _formPeserta_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formPesertaBatal: _formPesertaBatal_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formStatus: _formStatus_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
-    formHadir: _formHadir_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
-    formMateri: _formMateri_vue__WEBPACK_IMPORTED_MODULE_14__["default"],
-    formTugas: _formTugas_vue__WEBPACK_IMPORTED_MODULE_15__["default"],
-    formTugasJawaban: _formTugasJawaban_vue__WEBPACK_IMPORTED_MODULE_16__["default"],
-    // formPdf,
-    formKeputusan: _formKeputusan_vue__WEBPACK_IMPORTED_MODULE_17__["default"],
-    formKeputusanKomentar: _formKeputusanKomentar_vue__WEBPACK_IMPORTED_MODULE_18__["default"],
-    formPertanyaan: _formPertanyaan_vue__WEBPACK_IMPORTED_MODULE_19__["default"],
-    formPertanyaanKomentar: _formPertanyaanKomentar_vue__WEBPACK_IMPORTED_MODULE_20__["default"]
-  },
-  data: function data() {
-    var _ref;
-
-    return _ref = {
-      title: 'Detail Pertemuan PUSKOPCUINA',
-      titleDesc: 'Informasi detail pertemuan PUSKOPCUINA',
-      titleIcon: 'icon-stack2',
-      level: 2,
-      level2Title: 'Pertemuan PUSKOPCUINA',
-      kelas: 'kegiatanBKCU',
-      sasaran: [],
-      tabName: 'info',
-      tipeUser: '',
-      tempatData: '',
-      isDisableTable: false,
-      formPesertaBatal: {
-        keterangan: ''
-      },
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        year: {
-          date: true,
-          datePattern: ['Y']
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      queryPesertaTerdaftar: {
-        order_column: "created_at",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      queryPesertaHadir: {
-        order_column: "created_at",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      queryMateri: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      queryTugas: {
-        order_column: "created_at",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      queryKeputusan: {
-        order_column: "created_at",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      queryPertanyaan: {
-        order_column: "created_at",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      excelDownloadUrl: '',
-      excelDownloadUrl2: '',
-      columnDataPesertaTerdaftar: [{
-        title: 'No.'
-      }, {
-        title: 'Status',
-        name: 'statusPertemuan',
-        tipe: 'string',
-        sort: true,
-        filter: false
-      }, {
-        title: 'Foto',
-        name: 'gambar',
-        hide: false
-      }, {
-        title: 'Nama',
-        name: 'aktivis.name',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Nama Di Nametag',
-        name: 'name_nametag',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Nama Di Sertifikat',
-        name: 'name_sertifikat',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Datang',
-        name: 'datang',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Pulang',
-        name: 'pulang',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Keterangan',
-        name: 'keterangan',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Gender',
-        name: 'aktivis.kelamin',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Lembaga',
-        name: 'lembaga',
-        tipe: 'string'
-      }, {
-        title: 'Tingkat',
-        name: 'tingkat_name',
-        tipe: 'string'
-      }, {
-        title: 'Jabatan',
-        name: 'jabatan',
-        tipe: 'string'
-      }, {
-        title: 'Pendidikan',
-        name: 'aktivis.pendidikan_tertinggi.tingkat',
-        tipe: 'string'
-      }, {
-        title: 'Jurusan',
-        name: 'aktivis.pendidikan_tertinggi.name',
-        tipe: 'string'
-      }, {
-        title: 'Tgl. Lahir',
-        name: 'aktivis.tanggal_lahir',
-        tipe: 'datetime',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tempat Lahir',
-        name: 'aktivis.tempat_lahir',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tinggi',
-        name: 'aktivis.tinggi',
-        tipe: 'numeric',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Agama',
-        name: 'aktivis.agama',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Status Pernikahan',
-        name: 'aktivis.status',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Email',
-        name: 'aktivis.email',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'No. Hp',
-        name: 'aktivis.hp',
-        tipe: 'numeric',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kontak Lain',
-        name: 'aktivis.kontak',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Daftar',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      columnDataPesertaHadir: [{
-        title: 'No.'
-      }, {
-        title: 'Foto',
-        name: 'gambar',
-        hide: false
-      }, {
-        title: 'Nama',
-        name: 'aktivis.name',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Nama Di Nametag',
-        name: 'name_nametag',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Nama Di Sertifikat',
-        name: 'name_sertifikat',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Datang',
-        name: 'datang',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Pulang',
-        name: 'pulang',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Hadir',
-        name: 'tanggal_hadir',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Keterangan',
-        name: 'keterangan',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Gender',
-        name: 'aktivis.kelamin',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Lembaga',
-        name: 'lembaga',
-        tipe: 'string'
-      }, {
-        title: 'Tingkat',
-        name: 'tingkat_name',
-        tipe: 'string'
-      }, {
-        title: 'Jabatan',
-        name: 'jabatan',
-        tipe: 'string'
-      }, {
-        title: 'Pendidikan',
-        name: 'aktivis.pendidikan_tertinggi.tingkat',
-        tipe: 'string'
-      }, {
-        title: 'Jurusan',
-        name: 'aktivis.pendidikan_tertinggi.name',
-        tipe: 'string'
-      }, {
-        title: 'Tgl. Lahir',
-        name: 'aktivis.tanggal_lahir',
-        tipe: 'datetime',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tempat Lahir',
-        name: 'aktivis.tempat_lahir',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tinggi',
-        name: 'aktivis.tinggi',
-        tipe: 'numeric',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Agama',
-        name: 'aktivis.agama',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Status Pernikahan',
-        name: 'aktivis.status',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Email',
-        name: 'aktivis.email',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'No. Hp',
-        name: 'aktivis.hp',
-        tipe: 'numeric',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kontak Lain',
-        name: 'aktivis.kontak',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Daftar',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      columnDataMateri: [{
-        title: 'No.'
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Tipe',
-        name: 'tipe',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      columnDataTugas: [{
-        title: 'No.'
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Tipe',
-        name: 'tipe',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      columnDataKeputusan: [{
-        title: 'No.'
-      }, {
-        title: 'CU',
-        name: 'cu.name',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Tgl. / Waktu Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      columnDataPertanyaan: [{
-        title: 'No.'
-      }, {
-        title: 'CU',
-        name: 'cu.name',
-        tipe: 'string',
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Tgl. / Waktu Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      columnDataPanitia: [{
-        title: 'No.'
-      }, {
-        title: 'Foto'
-      }, {
-        title: 'Nama'
-      }, {
-        title: 'Lembaga'
-      }, {
-        title: 'Asal'
-      }, {
-        title: 'Peran'
-      }, {
-        title: 'keterangan'
-      }, {
-        title: 'Email'
-      }, {
-        title: 'No. Hp'
-      }],
-      columnDataCU: [{
-        title: 'No.'
-      }, {
-        title: 'CU'
-      }, {
-        title: 'Laki-Laki'
-      }, {
-        title: 'Perempuan'
-      }, {
-        title: 'Total'
-      }],
-      itemDataPanitia: [],
-      selectedItem: '',
-      selectedItemMateri: '',
-      selectedItemTugas: '',
-      selectedItemKeputusan: '',
-      selectedItemPertanyaan: '',
-      formModalMode: ''
-    }, _defineProperty(_ref, "itemDataPanitia", []), _defineProperty(_ref, "itemDataPanitiaStat", 'success'), _defineProperty(_ref, "cancelState", 'methods'), _defineProperty(_ref, "state", ''), _defineProperty(_ref, "modalShow", false), _defineProperty(_ref, "modalState", ''), _defineProperty(_ref, "modalTitle", ''), _defineProperty(_ref, "modalColor", ''), _defineProperty(_ref, "modalContent", ''), _defineProperty(_ref, "modalSize", ''), _defineProperty(_ref, "submited", false), _ref;
-  },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
-  watch: {
-    itemStat: function itemStat(value) {
-      if (value === "success") {
-        this.hideColumn();
-        this.checkTipe(this.item.tipe);
-
-        if (this.currentUser.aktivis) {
-          if (this.item.status == 4) {
-            this.checkPanitia();
-          }
-        } else {
-          this.modalOpen('pesertaTidakTerdaftar');
-        }
-
-        this.fetchPesertaTerdaftar(this.queryPesertaTerdaftar);
-        this.fetchCountPeserta();
-        this.fetchCountKeputusan();
-        this.fetchCountPertanyaan();
-        var valDalam;
-
-        var _iterator = _createForOfIteratorHelper(this.item.panitia_dalam),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            valDalam = _step.value;
-            this.itemDataPanitia.push(valDalam);
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-
-        var valLuar;
-
-        var _iterator2 = _createForOfIteratorHelper(this.item.panitia_luar),
-            _step2;
-
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            valLuar = _step2.value;
-            this.itemDataPanitia.push(valLuar);
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
-
-        var valLuarLembaga;
-
-        var _iterator3 = _createForOfIteratorHelper(this.item.panitia_luar_lembaga),
-            _step3;
-
-        try {
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            valLuarLembaga = _step3.value;
-            this.itemDataPanitia.push(valLuarLembaga);
-          }
-        } catch (err) {
-          _iterator3.e(err);
-        } finally {
-          _iterator3.f();
-        }
-      }
-    },
-    checkPanitiaDataStat: function checkPanitiaDataStat(value) {
-      if (value == 'success') {
-        if (this.checkPanitiaData) {
-          this.tipeUser = this.checkPanitiaData.peran;
-
-          if (!this.checkPanitiaData.tanggal_hadir) {
-            this.modalOpen('panitiaTerdaftar');
-          }
-        } else {
-          this.checkPeserta();
-        }
-      }
-    },
-    checkPesertaDataStat: function checkPesertaDataStat(value) {
-      if (this.state != 'tambahPeserta' && this.state != 'ubahPeserta') {
-        if (value == 'success') {
-          if (this.checkPesertaData) {
-            this.tipeUser = 'peserta';
-
-            if (!this.checkPesertaData.tanggal_hadir) {
-              this.modalOpen('pesertaTerdaftar');
-            }
-          } else {
-            this.modalOpen('pesertaTidakTerdaftar');
-          }
-        }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-
-        if (this.state == 'statusPertemuan') {
-          this.fetch();
-        } else if (this.state == 'tambahKeputusan' || this.state == 'hapusKeputusan') {
-          this.fetchCountKeputusan();
-        } else if (this.state == 'tambahPertanyaan' || this.state == 'hapusPertanyaan') {
-          this.fetchCountPertanyaan();
-        }
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-    },
-    fetchPesertaTerdaftar: function fetchPesertaTerdaftar(params) {
-      if (this.item.status == '2') {
-        if (this.currentUser.id_cu == 0) {
-          this.$store.dispatch(this.kelas + '/indexPeserta', [params, this.item.id]);
-          this.excelDownloadUrl = this.kelas + '/indexPeserta/' + this.item.id;
-        } else {
-          this.$store.dispatch(this.kelas + '/indexPesertaCu', [params, this.item.id, this.currentUser.id_cu]);
-          this.excelDownloadUrl = this.kelas + '/indexPesertaCu/' + +this.item.id + '/' + this.$route.params.cu;
-        }
-      } else {
-        this.$store.dispatch(this.kelas + '/indexPeserta', [params, this.item.id]);
-        this.excelDownloadUrl = this.kelas + '/indexPeserta/' + this.item.id;
-      }
-    },
-    fetchPesertaHadir: function fetchPesertaHadir(params) {
-      this.$store.dispatch(this.kelas + '/indexPesertaHadir', [params, this.item.id]);
-      this.excelDownloadUrl2 = this.kelas + '/indexPesertaHadir';
-    },
-    fetchMateri: function fetchMateri(params) {
-      this.$store.dispatch(this.kelas + '/indexMateri', [params, this.item.id]);
-    },
-    fetchTugas: function fetchTugas(params) {
-      this.$store.dispatch(this.kelas + '/indexTugas', [params, this.item.id]);
-    },
-    fetchKeputusan: function fetchKeputusan(params) {
-      this.$store.dispatch(this.kelas + '/indexKeputusan', [params, this.item.id]);
-    },
-    fetchPertanyaan: function fetchPertanyaan(params) {
-      this.$store.dispatch(this.kelas + '/indexPertanyaan', [params, this.item.id]);
-    },
-    fetchCountPeserta: function fetchCountPeserta() {
-      this.$store.dispatch(this.kelas + '/countPeserta', this.item.id);
-      if (this.item.tipe_tempat == 'ONLINE') this.$store.dispatch(this.kelas + '/countPesertaHadir', this.item.id);
-    },
-    fetchCountKeputusan: function fetchCountKeputusan() {
-      if (this.item.keputusan_cu) {
-        this.$store.dispatch(this.kelas + '/countKeputusan', [this.item.id, this.currentUser.id_cu, this.currentUser.id]);
-      }
-    },
-    fetchCountPertanyaan: function fetchCountPertanyaan() {
-      if (this.item.pertanyaan_cu) {
-        this.$store.dispatch(this.kelas + '/countPertanyaan', [this.item.id, this.currentUser.id_cu, this.currentUser.id]);
-      }
-    },
-    fetchStatistik: function fetchStatistik() {
-      this.$store.dispatch(this.kelas + '/indexPesertaCountCu', this.item.id);
-      this.$store.dispatch(this.kelas + '/indexPesertaHadirCountCu', this.item.id);
-      this.$store.dispatch(this.kelas + '/indexKeputusanCount', this.item.id);
-    },
-    hideColumn: function hideColumn() {
-      if (this.item.tipe_tempat == 'ONLINE') {
-        this.columnDataPesertaTerdaftar[4].disable = true;
-        this.columnDataPesertaTerdaftar[6].disable = true;
-        this.columnDataPesertaTerdaftar[7].disable = true;
-        this.columnDataPesertaHadir[3].disable = true;
-        this.columnDataPesertaHadir[5].disable = true;
-        this.columnDataPesertaHadir[6].disable = true;
-      } else {
-        this.columnDataPesertaTerdaftar[4].disable = false;
-        this.columnDataPesertaTerdaftar[6].disable = false;
-        this.columnDataPesertaTerdaftar[7].disable = false;
-        this.columnDataPesertaHadir[3].disable = false;
-        this.columnDataPesertaHadir[5].disable = false;
-        this.columnDataPesertaHadir[6].disable = false;
-      }
-    },
-    checkTipe: function checkTipe(tipe) {
-      if (tipe == 'diklat_bkcu') {
-        this.level2Title = 'Diklat PUSKOPCUINA';
-      } else {
-        this.level2Title = 'Pertemuan PUSKOPCUINA';
-      }
-
-      this.title = 'Detail ' + this.level2Title;
-      this.titleDesc = 'Informasi detail ' + this.level2Title;
-    },
-    checkPeserta: function checkPeserta() {
-      this.$store.dispatch(this.kelas + '/checkPeserta', [this.item.id, this.currentUser.id_aktivis]);
-    },
-    checkPanitia: function checkPanitia() {
-      if (this.currentUser.aktivis) {
-        this.$store.dispatch(this.kelas + '/checkPanitia', [this.item.id, this.currentUser.id_aktivis]);
-      } else {
-        this.modalOpen('userTidakAktivis');
-      }
-    },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-
-      if (value == 'pesertaTerdaftar') {
-        this.fetchPesertaTerdaftar(this.queryPesertaTerdaftar);
-      } else if (value == 'pesertaHadir') {
-        this.fetchPesertaHadir(this.queryPesertaHadir);
-      } else if (value == 'materi') {
-        this.fetchMateri(this.queryMateri);
-      } else if (value == 'tugas') {
-        this.fetchTugas(this.queryTugas);
-      } else if (value == 'keputusan') {
-        this.fetchKeputusan(this.queryKeputusan);
-      } else if (value == 'pertanyaan') {
-        this.fetchPertanyaan(this.queryPertanyaan);
-      } else if (value == 'statistik') {
-        this.fetchStatistik();
-      }
-    },
-    back: function back() {
-      this.$router.push({
-        name: this.kelas,
-        params: {
-          tipe: this.item.tipe,
-          periode: this.momentYear()
-        }
-      });
-    },
-    ubahKegiatan: function ubahKegiatan(id) {
-      this.$router.push({
-        name: this.kelas + 'EditDetail',
-        params: {
-          id: id
-        }
-      });
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.modalSize = '';
-      this.state = state;
-      this.isDisableTable = true;
-
-      if (isMobile) {
-        if (this.state == 'ubahMateri' || this.state == 'hapusMateri' || this.state == 'lihatMateri') {
-          this.selectedItemMateri = itemMobile;
-        } else if (this.state == 'ubahKeputusan' || this.state == 'hapusKeputusan' || this.state == 'keputusanKomentar') {
-          this.selectedItemKeputusan = itemMobile;
-        } else if (this.state == 'ubahTugas' || this.state == 'hapusTugas' || this.state == 'lihatTugas') {
-          this.selectedItemTugas = itemMobile;
-        } else {
-          this.selectedItemPertanyaan = itemMobile;
-        }
-      }
-
-      if (state == 'hapusPertemuan') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus Diklat ' + this.item.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-      } else if (state == 'hapusPeserta') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus Peserta ' + this.selectedItem.aktivis.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-      } else if (state == 'alasanPeserta') {
-        this.modalState = 'content-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Maaf anda belum bisa mengikuti pertemuan ini';
-        this.modalContent = 'Alasan penolakkan: <br/>' + this.selectedItem.keteranganBatal;
-      } else if (state == 'batalPeserta') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tolak Peserta ' + this.selectedItem.aktivis.name + ' ?';
-        this.modalButton = 'Ok';
-      } else if (state == 'statusPertemuan') {
-        this.modalState = 'normal2';
-        this.modalTitle = 'Ubah status ' + this.item.name + ' ini?';
-        this.modalColor = 'bg-primary';
-      } else if (state == 'ubahPeserta') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah Peserta';
-        this.modalSize = 'modal-lg';
-        this.formModalMode = 'edit';
-      } else if (state == 'tambahPeserta') {
-        if (this.countPeserta >= this.item.peserta_max) {
-          this.modalState = 'content-tutup';
-          this.modalColor = '';
-          this.modalTitle = 'Diklat sudah penuh';
-          this.modalContent = 'Maaf anda tidak bisa mendaftarkan peserta lagi, karena kuota peserta pada diklat ini sudah terpenuhi.';
-        }
-
-        if (this.itemDataPesertaTerdaftar.data.length >= this.item.peserta_max_cu && this.currentUser.id_cu != 0) {
-          this.modalState = 'content-tutup';
-          this.modalColor = '';
-          this.modalTitle = 'CU anda tidak bisa mendaftarkan peserta lagi';
-          this.modalContent = 'Maaf anda tidak bisa mendaftarkan peserta lagi, karena jumlah maksimal peserta per CU adalah ' + this.item.peserta_max_cu + ' orang.';
-        } else {
-          this.modalState = 'normal1';
-          this.modalColor = 'bg-primary';
-          this.modalTitle = 'Tambah Peserta';
-          this.modalSize = 'modal-lg';
-          this.formModalMode = 'create';
-        }
-      } else if (state == 'pesertaTidakTerdaftar') {
-        this.modalState = 'fail';
-        this.modalColor = '';
-        this.modalTitle = 'Maaf anda tidak terdaftar dalam pertemuan ini';
-        this.modalContent = 'Maaf anda tidak terdaftar dalam pertemuan ini, silahkan pastikan anda sudah mendaftar di pertemuan ini';
-      } else if (state == 'userTidakAktivis') {
-        this.modalState = 'fail';
-        this.modalColor = '';
-        this.modalTitle = 'Maaf anda tidak bisa melanjutkan';
-        this.modalContent = 'Anda tidak bisa melanjutkan karena user anda tidak memiliki informasi aktivis, silahkan tambahkan data aktivis kepada user anda.';
-      } else if (state == 'pesertaTerdaftar') {
-        this.modalState = 'normal2';
-        this.modalTitle = 'Masuk ' + this.item.name;
-        this.modalColor = 'bg-primary';
-      } else if (state == 'panitiaTerdaftar') {
-        this.modalState = 'normal2';
-        this.modalTitle = 'Masuk ' + this.item.name;
-        this.modalColor = 'bg-primary';
-      } else if (state == 'ubahMateri') {
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah Materi';
-        this.formModalMode = 'edit';
-      } else if (state == 'tambahMateri') {
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah Materi';
-        this.formModalMode = 'create';
-      } else if (state == 'hapusMateri') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus Materi ' + this.selectedItemMateri.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-      } else if (state == 'lihatMateri') {
-        if (this.selectedItemMateri.tipe != 'pdf') {
-          this.modalImageOpen('/files/pertemuan/' + this.selectedItemMateri.filename + '.jpg');
-        } else {
-          this.modalTitle = 'Lihat Materi';
-          this.modalState = 'normal2';
-          this.modalColor = 'bg-primary';
-          this.modalSize = 'modal-lg';
-        }
-      } else if (state == 'tambahTugas') {
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah Tugas';
-        this.formModalMode = 'create';
-      } else if (state == 'ubahTugas') {
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah Tugas';
-        this.formModalMode = 'edit';
-      } else if (state == 'hapusTugas') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus Tugas ' + this.selectedItemTugas.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-      } else if (state == 'lihatTugas') {
-        this.modalTitle = 'Lihat Tugas';
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalSize = 'modal-lg';
-      } else if (state == 'tambahKeputusan') {
-        if (this.item.keputusan_cu) {
-          if (this.countKeputusan[0] >= this.item.keputusan_cu) {
-            this.modalState = 'content-tutup';
-            this.modalColor = '';
-            this.modalTitle = 'CU anda tidak bisa menambahkan keputusan lagi';
-            this.modalContent = 'Maaf anda tidak bisa memberikan keputusan lagi, karena jumlah keputusan maksimal per CU adalah ' + this.item.keputusan_cu + ' kali.';
-          } else if (this.countKeputusan[1] >= this.item.keputusan_user) {
-            this.modalState = 'content-tutup';
-            this.modalColor = '';
-            this.modalTitle = 'Anda tidak bisa menambahkan keputusan lagi';
-            this.modalContent = 'Maaf anda tidak bisa memberikan keputusan lagi, karena jumlah keputusan maksimal per peserta adalah ' + this.item.keputusan_user + ' kali.';
-          } else {
-            this.modalState = 'normal3';
-            this.modalColor = 'bg-primary';
-            this.modalTitle = 'Tambah Keputusan';
-            this.formModalMode = 'create';
-            this.modalSize = 'modal-lg';
-          }
-        } else {
-          this.modalState = 'normal3';
-          this.modalColor = 'bg-primary';
-          this.modalTitle = 'Tambah Keputusan';
-          this.formModalMode = 'create';
-          this.modalSize = 'modal-lg';
-        }
-      } else if (state == 'hapusKeputusan') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus Keputusan ini ?';
-        this.modalButton = 'Iya, Hapus';
-      } else if (state == 'ubahKeputusan') {
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah Keputusan';
-        this.formModalMode = 'edit';
-        this.modalSize = 'modal-lg';
-      } else if (state == 'keputusanKomentar') {
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Komentar Keputusan';
-        this.modalSize = 'modal-lg';
-      } else if (state == 'tambahPertanyaan') {
-        if (this.item.pertanyaan_cu) {
-          if (this.countPertanyaan[0] >= this.item.pertanyaan_cu) {
-            this.modalState = 'content-tutup';
-            this.modalColor = '';
-            this.modalTitle = 'CU anda tidak bisa menambahkan pertanyaan lagi';
-            this.modalContent = 'Maaf anda tidak bisa memberikan pertanyaan lagi, karena jumlah pertanyaan maksimal per CU adalah ' + this.item.pertanyaan_cu + ' kali.';
-          } else if (this.countPertanyaan[1] >= this.item.pertanyaan_user) {
-            this.modalState = 'content-tutup';
-            this.modalColor = '';
-            this.modalTitle = 'Anda tidak bisa menambahkan pertanyaan lagi';
-            this.modalContent = 'Maaf anda tidak bisa memberikan pertanyaan lagi, karena jumlah pertanyaan maksimal per peserta adalah ' + this.item.pertanyaan_user + ' kali.';
-          } else {
-            this.modalState = 'normal3';
-            this.modalColor = 'bg-primary';
-            this.modalTitle = 'Tambah Pertanyaan';
-            this.formModalMode = 'create';
-            this.modalSize = 'modal-lg';
-          }
-        } else {
-          this.modalState = 'normal3';
-          this.modalColor = 'bg-primary';
-          this.modalTitle = 'Tambah Pertanyaan';
-          this.formModalMode = 'create';
-          this.modalSize = 'modal-lg';
-        }
-      } else if (state == 'hapusPertanyaan') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus Pertanyaan ini ?';
-        this.modalButton = 'Iya, Hapus';
-      } else if (state == 'ubahPertanyaan') {
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah Pertanyaan';
-        this.formModalMode = 'edit';
-        this.modalSize = 'modal-lg';
-      } else if (state == 'pertanyaanKomentar') {
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Komentar Pertanyaan';
-        this.modalSize = 'modal-lg';
-      }
-    },
-    modalImageOpen: function modalImageOpen(content) {
-      this.modalShow = true;
-      this.modalState = 'image';
-      this.modalContent = content;
-      this.modalSize = '';
-      this.modalButton = 'Ok';
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      this.modalShow = false;
-
-      if (this.state == 'hapusPertemuan') {
-        this.$store.dispatch(this.kelas + '/destroy', this.item.id);
-      } else if (this.state == 'hapusPeserta') {
-        this.$store.dispatch(this.kelas + '/destroyPeserta', this.selectedItem.id);
-      } else if (this.state == 'hapusMateri') {
-        this.$store.dispatch(this.kelas + '/destroyMateri', [this.item.tipe, this.selectedItemMateri.id]);
-      } else if (this.state == 'hapusTugas') {
-        this.$store.dispatch(this.kelas + '/destroyTugas', [this.item.tipe, this.selectedItemTugas.id]);
-      } else if (this.state == 'hapusKeputusan') {
-        this.$store.dispatch(this.kelas + '/destroyKeputusan', this.selectedItemKeputusan.id);
-      } else if (this.state == 'hapusPertanyaan') {
-        this.$store.dispatch(this.kelas + '/destroyPertanyaan', this.selectedItemPertanyaan.id);
-      }
-    },
-    modalTutup: function modalTutup() {
-      if (this.state == 'tambahPeserta' || this.state == 'ubahPeserta' || this.state == 'hapusPeserta' || this.state == 'batalPeserta') {
-        this.changeTab('pesertaTerdaftar');
-        this.fetchCountPeserta();
-      } else if (this.state == 'tambahMateri' || this.state == 'ubahMateri' || this.state == 'hapusMateri') {
-        this.changeTab('materi');
-      } else if (this.state == 'tambahTugas' || this.state == 'ubahTugas' || this.state == 'hapusTugas') {
-        this.changeTab('tugas');
-      } else if (this.state == 'tambahKeputusan' || this.state == 'ubahKeputusan' || this.state == 'hapusKeputusan' || this.state == 'keputusanKomentar') {
-        this.changeTab('keputusan');
-      } else if (this.state == 'tambahPertanyaan' || this.state == 'ubahPertanyaan' || this.state == 'hapusPertanyaan' || this.state == 'pertanyaanKomentar') {
-        this.changeTab('pertanyaan');
-      } else if (this.state == 'hapusPertemuan') {
-        this.back();
-      } else if (this.state == 'pesertaTidakTerdaftar') {
-        this.$router.push({
-          name: 'dashboard'
-        });
-      } else if (this.state == 'pesertaTerdaftar' || this.state == 'panitiaTerdaftar') {
-        if (this.updateStat == 'success') {
-          this.modalShow = false;
-        } else {
-          this.$router.push({
-            name: 'dashboard'
-          });
-        }
-      }
-
-      this.isDisableTable = false;
-      this.modalShow = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading' || this.state === 'pesertaTerdaftar' || this.state === 'panitiaTerdaftar') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-
-      this.isDisableTable = false;
-    },
-    downloadMateri: function downloadMateri(filename) {
-      if (this.item.tipe == 'diklat_bkcu') {
-        axios.get('/api/download_folder/' + filename + '/diklat', {
-          responseType: 'blob'
-        }).then(function (response) {
-          file_saver__WEBPACK_IMPORTED_MODULE_21___default.a.saveAs(response.data, filename);
-        });
-      } else if (this.item.tipe == 'pertemuan_bkcu') {
-        axios.get('/api/download_folder/' + filename + '/pertemuan', {
-          responseType: 'blob'
-        }).then(function (response) {
-          file_saver__WEBPACK_IMPORTED_MODULE_21___default.a.saveAs(response.data, filename);
-        });
-      }
-    },
-    momentYear: function momentYear() {
-      return moment().year();
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', (_mapGetters = {
-    item: 'data',
-    itemStat: 'dataStat',
-    checkPesertaData: 'data2',
-    checkPesertaDataStat: 'dataStat2',
-    checkPanitiaData: 'data3',
-    checkPanitiaDataStat: 'dataStat3',
-    itemDataPesertaTerdaftar: 'dataS',
-    itemDataPesertaTerdaftarStat: 'dataStatS',
-    itemDataPesertaHadir: 'dataS2',
-    itemDataPesertaHadirStat: 'dataStatS2',
-    itemDataMateri: 'dataS3',
-    itemDataMateriStat: 'dataStatS3',
-    itemDataKeputusan: 'dataS4',
-    itemDataKeputusanStat: 'dataStatS4'
-  }, _defineProperty(_mapGetters, "itemDataKeputusan", 'dataS4'), _defineProperty(_mapGetters, "itemDataKeputusanStat", 'dataStatS4'), _defineProperty(_mapGetters, "itemDataPertanyaan", 'dataS9'), _defineProperty(_mapGetters, "itemDataPertanyaanStat", 'dataStatS9'), _defineProperty(_mapGetters, "itemDataTugas", 'dataS10'), _defineProperty(_mapGetters, "itemDataTugasStat", 'dataStatS10'), _defineProperty(_mapGetters, "itemDataPesertaTerdaftarCU", 'dataS6'), _defineProperty(_mapGetters, "itemDataPesertaTerdaftarCUStat", 'dataStatS6'), _defineProperty(_mapGetters, "itemDataPesertaHadirCU", 'dataS7'), _defineProperty(_mapGetters, "itemDataPesertaHadirCUStat", 'dataStatS7'), _defineProperty(_mapGetters, "itemDataKeputusanCount", 'dataS8'), _defineProperty(_mapGetters, "itemDataKeputusanCountStat", 'dataStatS8'), _defineProperty(_mapGetters, "countPeserta", 'count'), _defineProperty(_mapGetters, "countPesertaStat", 'countStat'), _defineProperty(_mapGetters, "countPesertaHadir", 'count2'), _defineProperty(_mapGetters, "countPesertaHadirStat", 'countStat2'), _defineProperty(_mapGetters, "countKeputusan", 'count3'), _defineProperty(_mapGetters, "countKeputusanStat", 'countStat3'), _defineProperty(_mapGetters, "countPertanyaan", 'count4'), _defineProperty(_mapGetters, "countPertanyaanStat", 'countStat4'), _defineProperty(_mapGetters, "updateResponse", 'update'), _defineProperty(_mapGetters, "updateStat", 'updateStat'), _mapGetters)))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_checkbox_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkbox.vue */ "./resources/assets/js/components/checkbox.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['kelas', 'item', 'state'],
-  components: {
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    checkbox: _components_checkbox_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      formStatus: {
-        status: 0
-      },
-      submited: false
-    };
-  },
-  created: function created() {},
-  watch: {},
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('formStatus').then(function (result) {
-        if (_this.state == 'pesertaTerdaftar') {
-          _this.$store.dispatch(_this.kelas + '/updatePesertaHadir', [_this.item.id, _this.currentUser.id_aktivis]);
-        } else {
-          _this.$store.dispatch(_this.kelas + '/updatePanitiaHadir', [_this.item.id, _this.currentUser.id_aktivis]);
-        }
-      });
-    },
-    tutup: function tutup() {
-      this.$router.push({
-        name: 'dashboard'
-      });
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
 //
 //
 //
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected', 'kegiatan_id', 'pilih'],
-  components: {
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      formKeputusan: {
-        kegiatan_id: '',
-        id_user: '',
-        id_cu: '',
-        keterangan: '',
-        pilih: []
-      },
-      ckeditorNoImageConfig: {
-        toolbar: {
-          items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo']
-        },
-        table: {
-          contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']
-        }
-      },
-      submited: false
-    };
-  },
-  created: function created() {
-    if (this.mode == 'edit') {
-      this.formKeputusan = Object.assign({}, this.selected);
-      var newArr = [];
-      this.selected.pilih.forEach(function (entry) {
-        newArr[entry.id] = entry.pivot.nilai;
-      });
-      this.formKeputusan.pilih = newArr;
-    }
-  },
-  watch: {},
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('formKeputusan').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.formKeputusan.id_user = _this.currentUser.id;
-
-            _this.$store.dispatch('kegiatanBKCU/updateKeputusan', [_this.formKeputusan.id, _this.formKeputusan]);
-          } else {
-            _this.formKeputusan.id_user = _this.currentUser.id;
-            _this.formKeputusan.id_cu = _this.currentUser.id_cu;
-
-            _this.$store.dispatch('kegiatanBKCU/storeKeputusan', [_this.kegiatan_id, _this.formKeputusan]);
-          }
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -3208,179 +2217,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['selected', 'kegiatan_id'],
-  components: {
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      ckeditorNoImageConfig: {
-        toolbar: {
-          items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo']
-        },
-        table: {
-          contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']
-        }
-      },
-      selectedKomentar: {},
-      formKomentar: {
-        id: '',
-        kegiatan_id: '',
-        kegiatan_keputusan_id: '',
-        id_user: '',
-        id_cu: '',
-        keterangan: ''
-      },
-      pages: [],
-      queryKomentar: {
-        order_column: "created_at",
-        order_direction: "desc",
-        filter_match: "and",
-        limit: 3,
-        page: 1
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      isShowHapus: false,
-      submited: false
-    };
-  },
-  created: function created() {
-    this.formKomentar.kegiatan_keputusan_id = this.selected.id;
-    this.fetchKomentar(this.queryKomentar);
-  },
-  watch: {
-    itemDataKomentarStat: function itemDataKomentarStat(value) {
-      if (value == 'success') {
-        this.calculatePagination();
-      }
-    },
-    updateStat: function updateStat(value) {
-      if (value == 'success') {
-        this.fetchKomentar(this.queryKomentar);
-        this.isShowHapus = false;
-        this.formKomentar.keterangan = '';
-      } else if (value == 'fail') {
-        this.message.show = true;
-        this.message.content = this.updateResponse;
-      }
-    }
-  },
-  methods: {
-    fetchKomentar: function fetchKomentar(params) {
-      this.$store.dispatch('kegiatanBKCU/indexKeputusanKomentar', [params, this.selected.id]);
-    },
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('formKomentar').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.formKomentar.id_user = _this.currentUser.id;
-
-            _this.$store.dispatch('kegiatanBKCU/updateKeputusanKomentar', [_this.formKomentar.id, _this.formKomentar]);
-          } else {
-            _this.formKomentar.id_user = _this.currentUser.id;
-            _this.formKomentar.id_cu = _this.currentUser.id_cu;
-
-            _this.$store.dispatch('kegiatanBKCU/storeKeputusanKomentar', [_this.kegiatan_id, _this.formKomentar]);
-          }
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    hapusOpen: function hapusOpen(value) {
-      this.selectedKomentar = value;
-      this.isShowHapus = true;
-    },
-    hapus: function hapus() {
-      this.$store.dispatch('kegiatanBKCU/destroyKeputusanKomentar', this.selectedKomentar.id);
-    },
-    calculatePagination: function calculatePagination() {
-      var i = 0;
-      var startPage = 0;
-      var endPage = 0;
-      var diffPage = 0;
-      startPage = this.queryKomentar.page < 3 ? 1 : this.queryKomentar.page - 1;
-      endPage = 4 + startPage;
-      endPage = this.itemDataKomentar.last_page < endPage ? this.itemDataKomentar.last_page : endPage;
-      diffPage = startPage - endPage + 4;
-      startPage -= startPage - diffPage > 0 ? diffPage : 0;
-      this.pages.length = 0;
-
-      for (i = startPage; i <= endPage; i++) {
-        this.pages.push(i);
-      }
-    },
-    prevPage: function prevPage() {
-      if (this.itemDataKomentar.prev_page_url) {
-        this.queryKomentar.page = Number(this.queryKomentar.page) - 1;
-        this.fetchKomentar(this.queryKomentar);
-      }
-    },
-    goToPage: function goToPage(value) {
-      if (this.queryKomentar.page != value) {
-        this.queryKomentar.page = value;
-        this.fetchKomentar(this.queryKomentar);
-        ;
-      }
-    },
-    nextPage: function nextPage() {
-      if (this.itemDataKomentar.next_page_url) {
-        this.queryKomentar.page = Number(this.queryKomentar.page) + 1;
-        this.fetchKomentar(this.queryKomentar);
-      }
-    },
-    messageClose: function messageClose() {
-      this.message.show = false;
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
-    itemDataKomentar: 'dataS5',
-    itemDataKomentarStat: 'dataStatS5',
-    updateResponse: 'update2',
-    updateStat: 'updateStat2'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -3493,87 +2329,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected', 'kegiatan_id', 'kegiatan_tipe'],
-  components: {
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      formMateri: {
-        name: '',
-        keterangan: '',
-        content: '',
-        format: '',
-        link: ''
-      },
-      penjelasanStatus: '',
-      submited: false
-    };
-  },
-  created: function created() {
-    if (this.mode == 'edit') {
-      this.formMateri = Object.assign({}, this.selected);
-    }
-  },
-  watch: {},
-  methods: {
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.formMateri.content = files[0];
-    },
-    save: function save() {
-      var _this = this;
-
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_1__["toMulipartedForm"])(this.formMateri, this.mode);
-      this.$validator.validateAll('formMateri').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.$store.dispatch('kegiatanBKCU/updateMateri', [_this.formMateri.id, formData]);
-          } else {
-            _this.$store.dispatch('kegiatanBKCU/storeMateri', [_this.kegiatan_tipe, _this.kegiatan_id, formData]);
-          }
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -3617,93 +2372,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected', 'kegiatan_id'],
-  components: {
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      formPertanyaan: {
-        kegiatan_id: '',
-        id_user: '',
-        id_cu: '',
-        keterangan: ''
-      },
-      ckeditorNoImageConfig: {
-        toolbar: {
-          items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo']
-        },
-        table: {
-          contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']
-        }
-      },
-      submited: false
-    };
-  },
-  created: function created() {
-    if (this.mode == 'edit') {
-      this.formPertanyaan = Object.assign({}, this.selected);
-    }
-  },
-  watch: {},
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('formPertanyaan').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.formPertanyaan.id_user = _this.currentUser.id;
-
-            _this.$store.dispatch('kegiatanBKCU/updatePertanyaan', [_this.formPertanyaan.id, _this.formPertanyaan]);
-          } else {
-            _this.formPertanyaan.id_user = _this.currentUser.id;
-            _this.formPertanyaan.id_cu = _this.currentUser.id_cu;
-
-            _this.$store.dispatch('kegiatanBKCU/storePertanyaan', [_this.kegiatan_id, _this.formPertanyaan]);
-          }
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -3937,223 +2605,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['selected', 'kegiatan_id'],
-  components: {
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      ckeditorNoImageConfig: {
-        toolbar: {
-          items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo']
-        },
-        table: {
-          contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']
-        }
-      },
-      selectedKomentar: {},
-      formKomentar: {
-        id: '',
-        kegiatan_id: '',
-        kegiatan_pertanyaan_id: '',
-        id_user: '',
-        id_cu: '',
-        keterangan: ''
-      },
-      pages: [],
-      queryKomentar: {
-        order_column: "created_at",
-        order_direction: "desc",
-        filter_match: "and",
-        limit: 3,
-        page: 1
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      isShowHapus: false,
-      isShowJawaban: false,
-      isShowBatalJawaban: false,
-      submited: false
-    };
-  },
-  created: function created() {
-    this.formKomentar.kegiatan_pertanyaan_id = this.selected.id;
-    this.fetchKomentar(this.queryKomentar);
-  },
-  watch: {
-    itemDataKomentarStat: function itemDataKomentarStat(value) {
-      if (value == 'success') {
-        this.calculatePagination();
-      }
-    },
-    updateStat: function updateStat(value) {
-      if (value == 'success') {
-        this.fetchKomentar(this.queryKomentar);
-        this.formKomentar.keterangan = '';
-      } else if (value == 'fail') {
-        this.message.show = true;
-        this.message.content = this.updateResponse;
-      }
-    }
-  },
-  methods: {
-    fetchKomentar: function fetchKomentar(params) {
-      this.$store.dispatch('kegiatanBKCU/indexPertanyaanKomentar', [params, this.selected.id]);
-    },
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('formKomentar').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.formKomentar.id_user = _this.currentUser.id;
-
-            _this.$store.dispatch('kegiatanBKCU/updatePertanyaanKomentar', [_this.formKomentar.id, _this.formKomentar]);
-          } else {
-            _this.formKomentar.id_user = _this.currentUser.id;
-            _this.formKomentar.id_cu = _this.currentUser.id_cu;
-
-            _this.$store.dispatch('kegiatanBKCU/storePertanyaanKomentar', [_this.kegiatan_id, _this.formKomentar]);
-          }
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    showOpen: function showOpen(value, tipe) {
-      this.selectedKomentar = value;
-
-      if (tipe == 'hapus') {
-        this.isShowHapus = true;
-      } else if (tipe == 'jawaban') {
-        this.isShowJawaban = true;
-      } else if (tipe == 'batalJawaban') {
-        this.isShowBatalJawaban = true;
-      }
-    },
-    showOke: function showOke() {
-      if (this.isShowHapus) {
-        this.$store.dispatch('kegiatanBKCU/destroyPertanyaanKomentar', this.selectedKomentar.id);
-      } else if (this.isShowJawaban) {
-        this.$store.dispatch('kegiatanBKCU/jawabanPertanyaan', [this.selectedKomentar.id, 'jawaban']);
-      } else if (this.isShowBatalJawaban) {
-        this.$store.dispatch('kegiatanBKCU/jawabanPertanyaan', [this.selectedKomentar.id, 'batalJawaban']);
-      }
-
-      this.isShowHapus = false;
-      this.isShowJawaban = false;
-      this.isShowBatalJawaban = false;
-    },
-    showBatal: function showBatal() {
-      this.selectedKomentar = {};
-
-      if (this.isShowHapus) {
-        this.isShowHapus = false;
-      } else if (this.isShowJawaban) {
-        this.isShowJawaban = false;
-      } else {
-        this.isShowBatalJawaban = false;
-      }
-    },
-    calculatePagination: function calculatePagination() {
-      var i = 0;
-      var startPage = 0;
-      var endPage = 0;
-      var diffPage = 0;
-      startPage = this.queryKomentar.page < 3 ? 1 : this.queryKomentar.page - 1;
-      endPage = 4 + startPage;
-      endPage = this.itemDataKomentar.last_page < endPage ? this.itemDataKomentar.last_page : endPage;
-      diffPage = startPage - endPage + 4;
-      startPage -= startPage - diffPage > 0 ? diffPage : 0;
-      this.pages.length = 0;
-
-      for (i = startPage; i <= endPage; i++) {
-        this.pages.push(i);
-      }
-    },
-    prevPage: function prevPage() {
-      if (this.itemDataKomentar.prev_page_url) {
-        this.queryKomentar.page = Number(this.queryKomentar.page) - 1;
-        this.fetchKomentar(this.queryKomentar);
-      }
-    },
-    goToPage: function goToPage(value) {
-      if (this.queryKomentar.page != value) {
-        this.queryKomentar.page = value;
-        this.fetchKomentar(this.queryKomentar);
-        ;
-      }
-    },
-    nextPage: function nextPage() {
-      if (this.itemDataKomentar.next_page_url) {
-        this.queryKomentar.page = Number(this.queryKomentar.page) + 1;
-        this.fetchKomentar(this.queryKomentar);
-      }
-    },
-    messageClose: function messageClose() {
-      this.message.show = false;
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
-    itemDataKomentar: 'dataS5',
-    itemDataKomentarStat: 'dataStatS5',
-    updateResponse: 'update2',
-    updateStat: 'updateStat2'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__);
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -4385,298 +2836,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected', 'item', 'tingkat'],
-  components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      kelas: 'aktivis',
-      tingkatArray: [],
-      tingkatName: [],
-      formPeserta: {
-        aktivis_id: '',
-        kegiatan_id: '',
-        cu_id: '',
-        keterangan: '',
-        tingkat: '',
-        name_nametag: '',
-        name_sertifikat: '',
-        datang: '',
-        pulang: ''
-      },
-      selectedItem: [],
-      query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 5,
-        page: 1
-      },
-      columnData: [{
-        title: 'No.'
-      }, {
-        title: 'Foto'
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Gender'
-      }, {
-        title: 'CU',
-        disable: false
-      }, {
-        title: 'Tingkat'
-      }, {
-        title: 'Jabatan'
-      }, {
-        title: 'Pendidikan'
-      }, {
-        title: 'Jurusan'
-      }, {
-        title: 'Tgl. Lahir'
-      }, {
-        title: 'Tempat Lahir'
-      }, {
-        title: 'Tinggi'
-      }, {
-        title: 'Agama'
-      }, {
-        title: 'Status Pernikahan'
-      }],
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        year: {
-          date: true,
-          datePattern: ['Y']
-        }
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      submited: false
-    };
-  },
-  created: function created() {
-    if (this.mode == 'edit') {
-      this.formPeserta = this.selected;
-      this.formPeserta.tingkat = this.selected.aktivis.pekerjaan_aktif.tingkat;
-      this.formPeserta.jabatan = this.selected.aktivis.pekerjaan_aktif.name;
-      this.formPeserta.cu_id = this.selected.aktivis.pekerjaan_aktif.id_tempat;
-
-      if (this.selected.aktivis.pendidikan_tertinggi) {
-        this.formPeserta.pendidikan = this.selected.aktivis.pendidikan_tertinggi.tingkat + ' ' + this.selected.aktivis.pendidikan_tertinggi.name;
-      }
-
-      this.formPeserta.status = this.selected.status;
-      this.formPeserta.kelamin = this.selected.aktivis.kelamin;
-      this.formPeserta.agama = this.selected.aktivis.agama;
-      this.formPeserta.tinggi = this.selected.aktivis.tinggi;
-      this.formPeserta.tanggal_lahir = this.selected.aktivis.tanggal_lahir;
-      this.formPeserta.tempat_lahir = this.selected.aktivis.tempat_lahir;
-      this.formPeserta.name = this.selected.aktivis.name;
-      this.formPeserta.gambar = this.selected.aktivis.gambar;
-      this.formPeserta.jabatan = this.selected.pekerjaan_aktif.name;
-
-      if (this.selected.aktivis.pekerjaan_aktif.tipe == 1) {
-        this.formPeserta.lembaga = this.selected.aktivis.pekerjaan_aktif.cu.name;
-      } else if (this.selected.aktivis.pekerjaan_aktif.tipe == 2) {
-        this.formPeserta.lembaga = this.selected.aktivis.pekerjaan_aktif.lembaga_lain.name;
-      } else if (this.selected.aktivis.pekerjaan_aktif.tipe == 3) {
-        this.formPeserta.lembaga = "PUSKOPCUINA";
-      }
-    } else {
-      var i;
-
-      for (i = 0; i < this.tingkat.length; i++) {
-        this.tingkatArray.push(this.tingkat[i].id);
-      }
-
-      for (i = 0; i < this.tingkat.length; i++) {
-        this.tingkatName.push(this.tingkat[i].name);
-      }
-
-      this.fetch(this.query);
-    }
-  },
-  watch: {
-    checkPesertaDataStat: function checkPesertaDataStat(value) {
-      if (value == 'success') {
-        if (this.checkPesertaData) {
-          this.message.show = true;
-          this.message.content = "Maaf peserta ini sudah terdaftar di pertemuan ini";
-          this.deleteSelected();
-        } else {
-          this.save();
-        }
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch(params) {
-      if (this.currentUser.id_cu == 0) {
-        this.$store.dispatch('aktivis/index', [params, 'semua', 'aktif']);
-        this.disableColumnCu(false);
-      } else {
-        this.$store.dispatch('aktivis/indexCu', [params, this.currentUser.id_cu, 'semua', 'aktif']);
-        this.disableColumnCu(true);
-      }
-    },
-    disableColumnCu: function disableColumnCu(value) {
-      this.columnData[4].disable = value;
-    },
-    deleteSelected: function deleteSelected() {
-      this.formPeserta.aktivis_id = '';
-      this.formPeserta.name_nametag = '';
-      this.formPeserta.name_sertifikat = '';
-      this.formPeserta.datang = '';
-      this.formPeserta.pulang = '';
-      this.formPeserta.keterangan = '';
-      this.selectedItem = [];
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-      this.formPeserta.tingkat = item.pekerjaan_aktif.tingkat;
-      this.formPeserta.name_sertifikat = item.name;
-
-      if (this.tingkatArray.includes(this.formPeserta.tingkat)) {
-        this.formPeserta.aktivis_id = item.id;
-        this.formPeserta.kegiatan_id = this.item.id;
-        this.formPeserta.jabatan = item.pekerjaan_aktif.name;
-        this.formPeserta.cu_id = item.pekerjaan_aktif.id_tempat;
-
-        if (item.pendidikan_tertinggi) {
-          this.formPeserta.pendidikan = item.pendidikan_tertinggi.tingkat + ' ' + item.pendidikan_tertinggi.name;
-        }
-
-        this.formPeserta.status = item.status;
-        this.formPeserta.kelamin = item.kelamin;
-        this.formPeserta.agama = item.agama;
-        this.formPeserta.tinggi = item.tinggi;
-        this.formPeserta.tanggal_lahir = item.tanggal_lahir;
-        this.formPeserta.tempat_lahir = item.tempat_lahir;
-        this.formPeserta.name = item.name;
-        this.formPeserta.gambar = item.gambar;
-        this.formPeserta.jabatan = item.pekerjaan_aktif.name;
-
-        if (item.pekerjaan_aktif.tipe == 1) {
-          this.formPeserta.lembaga = item.pekerjaan_aktif.cu.name;
-        } else if (item.pekerjaan_aktif.tipe == 2) {
-          this.formPeserta.lembaga = item.pekerjaan_aktif.lembaga_lain.name;
-        } else if (item.pekerjaan_aktif.tipe == 3) {
-          this.formPeserta.lembaga = "PUSKOPCUINA";
-        }
-
-        this.message.show = false;
-      } else {
-        this.message.show = true;
-        this.message.content = "Maaf peserta pertemuan ini harus dari tingkat " + this.tingkatName;
-        this.selectedItem = '';
-      }
-    },
-    checkPeserta: function checkPeserta() {
-      if (this.mode != 'edit') {
-        this.$store.dispatch('kegiatanBKCU/checkPeserta', [this.item.id, this.formPeserta.aktivis_id]);
-      } else {
-        this.save();
-      }
-    },
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('formPeserta').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.$store.dispatch('kegiatanBKCU/updatePeserta', [_this.formPeserta.id, _this.formPeserta]);
-          } else {
-            _this.formPeserta.status = _this.item.status;
-
-            _this.$store.dispatch('kegiatanBKCU/storePeserta', [_this.item.tipe, _this.item.id, _this.formPeserta]);
-          }
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    messageClose: function messageClose() {
-      this.message.show = false;
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('kegiatanBKCU', {
-    checkPesertaData: 'data2',
-    checkPesertaDataStat: 'dataStat2'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('aktivis', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -4714,66 +2873,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['kelas', 'tipe', 'id'],
-  components: {
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      formPeserta: {
-        status: '',
-        keteranganBatal: ''
-      },
-      penjelasanStatus: '',
-      submited: false
-    };
-  },
-  created: function created() {},
-  watch: {},
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('formPeserta').then(function (result) {
-        _this.$store.dispatch(_this.kelas + '/batalPeserta', [_this.tipe, _this.id, _this.formPeserta]);
-      });
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -4929,112 +3028,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected', 'kegiatan_id', 'kegiatan_tipe'],
-  components: {
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      formTugas: {
-        id_cu: '',
-        id_user: '',
-        name: '',
-        tipe: '',
-        format: '',
-        content: '',
-        link: ''
-      },
-      submited: false
-    };
-  },
-  created: function created() {
-    if (this.mode == 'edit') {
-      this.formTugas = Object.assign({}, this.selected);
-    }
-  },
-  watch: {},
-  methods: {
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.formTugas.content = files[0];
-    },
-    save: function save() {
-      var _this = this;
-
-      this.formTugas.id_user = this.currentUser.id;
-      this.formTugas.id_cu = this.currentUser.id_cu;
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_1__["toMulipartedForm"])(this.formTugas, this.mode);
-      this.$validator.validateAll('formTugas').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.$store.dispatch('kegiatanBKCU/updateTugas', [_this.formTugas.id, formData]);
-          } else {
-            _this.$store.dispatch('kegiatanBKCU/storeTugas', [_this.kegiatan_tipe, _this.kegiatan_id, formData]);
-          }
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");
-/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_5__);
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -5383,13090 +3376,54240 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
+
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['selected', 'kegiatan_id', 'kegiatan_tipe', 'tipeUser'],
+  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'itemData', 'updateSingleStat'],
   components: {
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    formKatex: _laporanCu_formKatex__WEBPACK_IMPORTED_MODULE_4__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_3___default.a,
+    penilaianCu: _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    penilaianBkcu: _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formFilter: _form_filter_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_9__["default"]
   },
   data: function data() {
     return {
-      title: '',
-      selectedJawaban: {},
-      formJawaban: {
+      kelas: 'laporanCu',
+      cuTabName: 'semua',
+      bkcuTabName: 'semua',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalSize: '',
+      modalColor: '',
+      modalButton: '',
+      modalKatex: {
         id: '',
-        kegiatan_tugas_id: '',
-        id_user: '',
         id_cu: '',
-        keterangan: '',
-        content: '',
-        format: '',
-        link: ''
-      },
-      pages: [],
-      queryData: {
-        order_column: "created_at",
-        order_direction: "desc",
-        filter_match: "and",
-        limit: 5,
-        page: 1
-      },
-      message: {
-        show: false,
-        content: ''
+        no_ba: '',
+        periode: '',
+        section: '',
+        katex1: [],
+        katex2: [],
+        form: [],
+        indikator: '',
+        isUbah: false
       },
-      mode: 'create',
-      isShowHapus: false,
-      isShowUbah: false,
-      submited: false
+      cleaveOption: {
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      }
     };
   },
-  created: function created() {
-    this.formJawaban.kegiatan_tugas_id = this.selected.id;
-    this.fetchJawaban(this.queryData);
-  },
+  created: function created() {},
   watch: {
-    itemDataStat: function itemDataStat(value) {
-      if (value == 'success') {
-        this.calculatePagination();
-      }
-    },
     updateStat: function updateStat(value) {
-      if (value == 'success') {
-        this.fetchJawaban(this.queryData);
-        this.formJawaban.keterangan = '';
-      } else if (value == 'fail') {
-        this.message.show = true;
-        this.message.content = this.updateResponse;
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.reloadPearls();
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
       }
     }
   },
   methods: {
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.formJawaban.content = files[0];
+    changeTabCU: function changeTabCU(value) {
+      if (this.$route.meta.mode == 'lihat') {
+        this.bkcuTabName = 'semua';
+        this.cuTabName = value;
+      }
     },
-    fetchJawaban: function fetchJawaban(params) {
-      if (this.tipeUser == 'peserta') {
-        this.$store.dispatch('kegiatanBKCU/editTugasJawaban', this.selected.id);
-      } else {
-        this.$store.dispatch('kegiatanBKCU/indexTugasJawaban', [params, this.selected.id]);
+    changeTabBKCU: function changeTabBKCU(value) {
+      if (this.$route.meta.mode == 'lihat') {
+        this.cuTabName = 'semua';
+        this.bkcuTabName = value;
       }
     },
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('formJawaban').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.$store.dispatch('kegiatanBKCU/updateTugasJawaban', [_this.formData.id, _this.formData]);
-
-            _this.isShowUbah = false;
-          } else {
-            _this.formJawaban.id_user = _this.currentUser.id;
-            _this.formJawaban.id_cu = _this.currentUser.id_cu;
-            var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_1__["toMulipartedForm"])(_this.formJawaban, _this.mode);
-
-            _this.$store.dispatch('kegiatanBKCU/storeTugasJawaban', [_this.kegiatan_tipe, formData]);
-          }
-        } else {
-          _this.submited = true;
-        }
-      });
+    saveSingle: function saveSingle() {
+      this.$emit('saveSingle', 'p1');
     },
-    showOpen: function showOpen(value, tipe) {
-      this.selectedJawaban = value;
-
-      if (tipe == 'hapus') {
-        this.isShowHapus = true;
-        this.mode = 'create';
-      } else if (tipe == 'edit') {
-        this.isShowUbah = true;
-        this.mode = tipe;
-      }
+    reloadPearls: function reloadPearls() {
+      this.$emit('reloadPearls');
     },
-    showOke: function showOke() {
-      if (this.isShowHapus) {
-        this.$store.dispatch('kegiatanBKCU/destroyTugasJawaban', [this.kegiatan_tipe, this.selectedJawaban.id]);
-      }
-
-      this.isShowHapus = false;
-      this.mode == 'create';
+    next: function next() {
+      this.$emit('next');
     },
-    showBatal: function showBatal() {
-      this.selectedJawaban = {};
-
-      if (this.isShowHapus) {
-        this.isShowHapus = false;
-      } else if (this.isShowUbah) {
-        this.isShowUbah = false;
-      }
+    prev: function prev() {
+      this.$emit('prev');
     },
-    calculatePagination: function calculatePagination() {
-      var i = 0;
-      var startPage = 0;
-      var endPage = 0;
-      var diffPage = 0;
-      startPage = this.queryData.page < 3 ? 1 : this.queryData.page - 1;
-      endPage = 4 + startPage;
-      endPage = this.itemData.last_page < endPage ? this.itemData.last_page : endPage;
-      diffPage = startPage - endPage + 4;
-      startPage -= startPage - diffPage > 0 ? diffPage : 0;
-      this.pages.length = 0;
-
-      for (i = startPage; i <= endPage; i++) {
-        this.pages.push(i);
-      }
+    skorCUA: function skorCUA() {
+      var jumlah = (this.form.p1.p1a1_cu_penilaian + this.form.p1.p1a2_cu_penilaian) / 1;
+      this.$emit('skorCUA', jumlah);
+      return jumlah;
     },
-    prevPage: function prevPage() {
-      if (this.itemData.prev_page_url) {
-        this.queryData.page = Number(this.queryData.page) - 1;
-        this.fetchJawaban(this.queryData);
-      }
+    bobotCUA: function bobotCUA() {
+      var jumlah = this.$options.filters.round((this.form.p1.p1a1_cu_penilaian + this.form.p1.p1a2_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotCUA', jumlah);
+      return jumlah;
     },
-    goToPage: function goToPage(value) {
-      if (this.queryData.page != value) {
-        this.queryData.page = value;
-        this.fetchJawaban(this.queryData);
-        ;
-      }
+    skorBKCUA: function skorBKCUA() {
+      var jumlah = (this.form.p1.p1a1_bkcu_penilaian + this.form.p1.p1a2_bkcu_penilaian) / 1;
+      this.$emit('skorBKCUA', jumlah);
+      return jumlah;
     },
-    nextPage: function nextPage() {
-      if (this.itemData.next_page_url) {
-        this.queryData.page = Number(this.queryData.page) + 1;
-        this.fetchJawaban(this.queryData);
-      }
+    bobotBKCUA: function bobotBKCUA() {
+      var jumlah = this.$options.filters.round((this.form.p1.p1a1_bkcu_penilaian + this.form.p1.p1a2_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotBKCUA', jumlah);
+      return jumlah;
     },
-    messageClose: function messageClose() {
-      this.message.show = false;
+    skorCUB: function skorCUB() {
+      var jumlah = (this.form.p1.p1b3_cu_penilaian + this.form.p1.p1b4_cu_penilaian + this.form.p1.p1b5_cu_penilaian + this.form.p1.p1b7_cu_penilaian) / 1;
+      this.$emit('skorCUB', jumlah);
+      return jumlah;
     },
-    tutup: function tutup() {
-      this.$emit('tutup');
+    bobotCUB: function bobotCUB() {
+      var jumlah = this.$options.filters.round((this.form.p1.p1b3_cu_penilaian + this.form.p1.p1b4_cu_penilaian + this.form.p1.p1b5_cu_penilaian + this.form.p1.p1b7_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotCUB', jumlah);
+      return jumlah;
     },
-    downloadMateri: function downloadMateri(filename) {
-      if (this.kegiatan_tipe == 'diklat_bkcu') {
-        axios.get('/api/download_folder/' + filename + '/diklat', {
-          responseType: 'blob'
-        }).then(function (response) {
-          file_saver__WEBPACK_IMPORTED_MODULE_5___default.a.saveAs(response.data, filename);
-        });
-      } else if (this.kegiatan_tipe == 'pertemuan_bkcu') {
-        axios.get('/api/download_folder/' + filename + '/pertemuan', {
-          responseType: 'blob'
-        }).then(function (response) {
-          file_saver__WEBPACK_IMPORTED_MODULE_5___default.a.saveAs(response.data, filename);
-        });
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
-    itemData: 'dataS11',
-    itemDataStat: 'dataStatS11',
-    formData: 'data4',
-    formDataStat: 'dataStat4',
-    updateResponse: 'update2',
-    updateStat: 'updateStat2'
-  }))
-});
+    skorBKCUB: function skorBKCUB() {
+      var jumlah = (this.form.p1.p1b3_bkcu_penilaian + this.form.p1.p1b4_bkcu_penilaian + this.form.p1.p1b5_bkcu_penilaian + this.form.p1.p1b7_bkcu_penilaian) / 1;
+      this.$emit('skorBKCUB', jumlah);
+      return jumlah;
+    },
+    bobotBKCUB: function bobotBKCUB() {
+      var jumlah = this.$options.filters.round((this.form.p1.p1b3_bkcu_penilaian + this.form.p1.p1b4_bkcu_penilaian + this.form.p1.p1b5_bkcu_penilaian + this.form.p1.p1b7_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotBKCUB', jumlah);
+      return jumlah;
+    },
+    skorCUC: function skorCUC() {
+      var jumlah = (this.form.p1.p1c8_cu_penilaian + this.form.p1.p1c9_cu_penilaian) / 1;
+      this.$emit('skorCUC', jumlah);
+      return jumlah;
+    },
+    bobotCUC: function bobotCUC() {
+      var jumlah = this.$options.filters.round((this.form.p1.p1c8_cu_penilaian + this.form.p1.p1c9_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotCUC', jumlah);
+      return jumlah;
+    },
+    skorBKCUC: function skorBKCUC() {
+      var jumlah = (this.form.p1.p1c8_bkcu_penilaian + this.form.p1.p1c9_bkcu_penilaian) / 1;
+      this.$emit('skorBKCUC', jumlah);
+      return jumlah;
+    },
+    bobotBKCUC: function bobotBKCUC() {
+      var jumlah = this.$options.filters.round((this.form.p1.p1c8_bkcu_penilaian + this.form.p1.p1c9_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotBKCUC', jumlah);
+      return jumlah;
+    },
+    skorCUD: function skorCUD() {
+      var jumlah = (this.form.p1.p1d10_cu_penilaian + this.form.p1.p1d11_cu_penilaian) / 1;
+      this.$emit('skorCUD', jumlah);
+      return jumlah;
+    },
+    bobotCUD: function bobotCUD() {
+      var jumlah = this.$options.filters.round((this.form.p1.p1d10_cu_penilaian + this.form.p1.p1d11_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotCUD', jumlah);
+      return jumlah;
+    },
+    skorBKCUD: function skorBKCUD() {
+      var jumlah = (this.form.p1.p1d10_bkcu_penilaian + this.form.p1.p1d11_bkcu_penilaian) / 1;
+      this.$emit('skorBKCUD', jumlah);
+      return jumlah;
+    },
+    bobotBKCUD: function bobotBKCUD() {
+      var jumlah = this.$options.filters.round((this.form.p1.p1d10_bkcu_penilaian + this.form.p1.p1d11_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotBKCUD', jumlah);
+      return jumlah;
+    },
+    skorCUE: function skorCUE() {
+      var jumlah = this.form.p1.p1e12_cu_penilaian / 1;
+      this.$emit('skorCUE', jumlah);
+      return jumlah;
+    },
+    bobotCUE: function bobotCUE() {
+      var jumlah = this.$options.filters.round(this.form.p1.p1e12_cu_penilaian / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotCUE', jumlah);
+      return jumlah;
+    },
+    skorBKCUE: function skorBKCUE() {
+      var jumlah = this.form.p1.p1e12_bkcu_penilaian / 1;
+      this.$emit('skorBKCUE', jumlah);
+      return jumlah;
+    },
+    bobotBKCUE: function bobotBKCUE() {
+      var jumlah = this.$options.filters.round(this.form.p1.p1e12_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotBKCUE', jumlah);
+      return jumlah;
+    },
+    skorCUF: function skorCUF() {
+      var jumlah = (this.form.p1.p1f13_cu_penilaian + this.form.p1.p1f14_cu_penilaian) / 1;
+      this.$emit('skorCUF', jumlah);
+      return jumlah;
+    },
+    bobotCUF: function bobotCUF() {
+      var jumlah = this.$options.filters.round((this.form.p1.p1f13_cu_penilaian + this.form.p1.p1f14_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotCUF', jumlah);
+      return jumlah;
+    },
+    skorBKCUF: function skorBKCUF() {
+      var jumlah = (this.form.p1.p1f13_bkcu_penilaian + this.form.p1.p1f14_bkcu_penilaian) / 1;
+      this.$emit('skorBKCUF', jumlah);
+      return jumlah;
+    },
+    bobotBKCUF: function bobotBKCUF() {
+      var jumlah = this.$options.filters.round((this.form.p1.p1f13_bkcu_penilaian + this.form.p1.p1f14_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotBKCUF', jumlah);
+      return jumlah;
+    },
+    jumlahPenilaianCU: function jumlahPenilaianCU(value) {
+      var jumlah = 0;
 
-/***/ }),
+      if (this.form.p1.p1a1_cu_penilaian == value) {
+        jumlah++;
+      }
 
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
+      if (this.form.p1.p1a2_cu_penilaian == value) {
+        jumlah++;
+      }
 
-exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
+      if (this.form.p1.p1b3_cu_penilaian == value) {
+        jumlah++;
+      }
 
+      if (this.form.p1.p1b4_cu_penilaian == value) {
+        jumlah++;
+      }
 
-// module
-exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
+      if (this.form.p1.p1b5_cu_penilaian == value) {
+        jumlah++;
+      }
 
-// exports
+      if (this.form.p1.p1b7_cu_penilaian == value) {
+        jumlah++;
+      }
 
+      if (this.form.p1.p1c8_cu_penilaian == value) {
+        jumlah++;
+      }
 
-/***/ }),
+      if (this.form.p1.p1c9_cu_penilaian == value) {
+        jumlah++;
+      }
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
+      if (this.form.p1.p1d10_cu_penilaian == value) {
+        jumlah++;
+      }
 
+      if (this.form.p1.p1d11_cu_penilaian == value) {
+        jumlah++;
+      }
 
-var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+      if (this.form.p1.p1e12_cu_penilaian == value) {
+        jumlah++;
+      }
 
-if(typeof content === 'string') content = [[module.i, content, '']];
+      if (this.form.p1.p1f13_cu_penilaian == value) {
+        jumlah++;
+      }
 
-var transform;
-var insertInto;
+      if (this.form.p1.p1f14_cu_penilaian == value) {
+        jumlah++;
+      }
 
+      return jumlah;
+    },
+    jumlahPenilaianBKCU: function jumlahPenilaianBKCU(value) {
+      var jumlah = 0;
 
+      if (this.form.p1.p1a1_bkcu_penilaian == value) {
+        jumlah++;
+      }
 
-var options = {"hmr":true}
+      if (this.form.p1.p1a2_bkcu_penilaian == value) {
+        jumlah++;
+      }
 
-options.transform = transform
-options.insertInto = undefined;
+      if (this.form.p1.p1b3_bkcu_penilaian == value) {
+        jumlah++;
+      }
 
-var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+      if (this.form.p1.p1b4_bkcu_penilaian == value) {
+        jumlah++;
+      }
 
-if(content.locals) module.exports = content.locals;
+      if (this.form.p1.p1b5_bkcu_penilaian == value) {
+        jumlah++;
+      }
 
-if(false) {}
+      if (this.form.p1.p1b7_bkcu_penilaian == value) {
+        jumlah++;
+      }
 
-/***/ }),
+      if (this.form.p1.p1c8_bkcu_penilaian == value) {
+        jumlah++;
+      }
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+      if (this.form.p1.p1c9_bkcu_penilaian == value) {
+        jumlah++;
+      }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      staticClass: "card card-body mb-2",
-      class: { "bg-warning": _vm.form == 1 },
-      staticStyle: { cursor: "pointer" },
-      on: {
-        click: function ($event) {
-          $event.preventDefault()
-          return _vm.check.apply(null, arguments)
-        },
-      },
-    },
-    [
-      _c("div", { staticClass: "form-check" }, [
-        _c("label", { staticClass: "form-check-label" }, [
-          _c("div", { staticClass: "uniform-checker" }, [
-            _c("span", { class: { checked: _vm.form == 1 } }, [
-              _c("input", {
-                staticClass: "form-check-input-styled",
-                attrs: { type: "checkbox", checked: "", "data-fouc": "" },
-              }),
-            ]),
-          ]),
-          _vm._v("\n\t\t\t" + _vm._s(_vm.title) + "\n\t\t"),
-        ]),
-      ]),
-    ]
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
+      if (this.form.p1.p1d10_bkcu_penilaian == value) {
+        jumlah++;
+      }
 
+      if (this.form.p1.p1d11_bkcu_penilaian == value) {
+        jumlah++;
+      }
 
+      if (this.form.p1.p1e12_bkcu_penilaian == value) {
+        jumlah++;
+      }
 
-/***/ }),
+      if (this.form.p1.p1f13_bkcu_penilaian == value) {
+        jumlah++;
+      }
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+      if (this.form.p1.p1f14_bkcu_penilaian == value) {
+        jumlah++;
+      }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      staticClass: "table-responsive table-scrollable",
-      staticStyle: { "max-height": "33rem" },
+      return jumlah;
     },
-    [
-      _c("table", { staticClass: "table table-striped" }, [
-        _c("thead", { staticClass: "bg-primary" }, [
-          _c(
-            "tr",
-            { staticClass: "text-nowrap" },
-            _vm._l(_vm.columnData, function (item, index) {
-              return _c("th", { key: index }, [
-                _c("span", { domProps: { innerHTML: _vm._s(item.title) } }),
-              ])
-            }),
-            0
-          ),
-        ]),
-        _vm._v(" "),
-        _vm.itemDataStat === "loading"
-          ? _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._m(0),
-                ]),
-              ]),
-            ])
-          : _vm.itemDataStat === "success"
-          ? _c(
-              "tbody",
-              [
-                _vm._l(_vm.items, function (item, index) {
-                  return _vm._t("item-desktop", null, {
-                    item: item,
-                    index: index,
-                  })
-                }),
-                _vm._v(" "),
-                _vm.items.length == 0
-                  ? _c("tr", [
-                      _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                        _vm._v("Belum terdapat data..."),
-                      ]),
-                    ])
-                  : _vm._e(),
-              ],
-              2
-            )
-          : _vm.itemDataStat === "fail"
-          ? _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._v(
-                    "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
-                  ),
-                ]),
-              ]),
-            ])
-          : _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._v("-"),
-                ]),
-              ]),
-            ]),
-      ]),
-    ]
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
-  },
-]
-render._withStripped = true
+    modalBuka: function modalBuka(itemData, type) {
+      this.modalSize = 'modal-lg';
+      this.modalColor = 'bg-primary';
+      this.modalShow = true;
+      this.modalState = 'normal1';
+      this.modalKatex.id = itemData.id;
+      this.modalKatex.periode = itemData.periode;
+      this.modalKatex.id_tp = '';
+      this.modalKatex.no_tp = '';
+      this.modalKatex.id_cu = itemData.id_cu;
+      this.modalKatex.no_ba = itemData.no_ba;
+      this.modalKatex.section = 'CU ' + itemData.cu.name + ' periode ' + this.formatPeriode(itemData.periode);
+      this.modalKatex.id_cu = itemData.id_cu; // p1	
+
+      if (type == 'p1') {
+        this.modalTitle = 'P1 - Provisi pinjaman lalai di atas 12 bulan';
+        this.modalKatex.form.push({
+          title: 'Cadangan Resiko',
+          key: 'dcr',
+          value: itemData.dcr
+        }, {
+          title: 'Piutang Lalai Di Atas 12 Bulan',
+          key: 'piutang_lalai_12bulan',
+          value: itemData.piutang_lalai_12bulan
+        });
+        this.modalKatex.indikator = '100% provisi tersedia untuk pinjaman lalai di atas 12 bulan dan setiap triwulan dilakukan charge off secara konsisten.';
+        var katex1Content1 = '\\text{P1} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{100} \\% (\\text{IDEAL})';
+        var katex2Content1 = '\\text{P1} = \\dfrac{' + this.formatCurrency(this.modalKatex.form[0].value) + '}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.p1) + ' \\% (\\text{' + (itemData.p1 >= 1 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+        this.modalKatex.katex1.push({
+          title: '',
+          content: katex1Content1
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: katex2Content1
+        }); // p2
+      } else if (type == 'p2') {
+        this.modalTitle = 'P2 -  Provisi pinjaman lalai 1 - 12 bulan';
+        this.modalKatex.form.push({
+          title: 'Cadangan Resiko',
+          key: 'dcr',
+          value: itemData.dcr
+        }, {
+          title: 'Piutang Lalai Di Atas 12 Bulan',
+          key: 'piutang_lalai_12bulan',
+          value: itemData.piutang_lalai_12bulan
+        }, {
+          title: 'Piutang Lalai 1 - 12 Bulan',
+          key: 'piutang_lalai_1bulan',
+          value: itemData.piutang_lalai_1bulan
+        });
+        this.modalKatex.indikator = '35% provisi tersedia untuk pinjaman lalai 1 – 12 bulan dan setiap triwulan dilakukan charge off dari waktu ke waktu';
 
+        var _katex1Content = '\\text{P2} = \\dfrac{\\text{Saldo Cadangan Resiko setelah P1}[\\text{' + this.modalKatex.form[0].title + '} - \\text{' + this.modalKatex.form[1].title + '}]}{\\text{' + this.modalKatex.form[2].title + '}} \\times \\text{100} \\% = \\text{Di Atas 35} \\% (\\text{IDEAL})';
 
+        var _katex2Content = '\\text{P2} = \\dfrac{' + this.formatCurrency(this.modalKatex.form[0].value) + ' - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.p2) + ' \\% (\\text{' + (itemData.p2 >= 0.35 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
 
-/***/ }),
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content
+        });
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        if (itemData.p1 >= 1) {
+          this.modalKatex.katex2.push({
+            title: '',
+            content: _katex2Content
+          });
+        } else {
+          this.modalKatex.katex2.push({
+            title: 'Karena tidak ada saldo cadangan resiko setelah P1, maka P2 (TIDAK IDEAL)',
+            content: _katex2Content
+          });
+        } // e1
+
+      } else if (type == 'e1') {
+        this.modalTitle = 'E1 - Piutang bersih / total aset';
+
+        if (itemData.p1 >= 1 && itemData.p2 > 0.35) {
+          this.modalKatex.form.push({
+            title: 'Piutang Beredar',
+            key: 'piutang_beredar',
+            value: itemData.piutang_beredar
+          }, {
+            title: 'Piutang Lalai Di Atas 12 Bulan',
+            key: 'piutang_lalai_12bulan',
+            value: itemData.piutang_lalai_12bulan
+          }, {
+            title: 'Piutang Lalai 1 - 12 Bulan',
+            key: 'piutang_lalai_1bulan',
+            value: itemData.piutang_lalai_1bulan
+          }, {
+            title: 'Aset',
+            key: 'aset',
+            value: itemData.aset
+          });
+        } else {
+          this.modalKatex.form.push({
+            title: 'Piutang Beredar',
+            key: 'piutang_beredar',
+            value: itemData.piutang_beredar
+          }, {
+            title: 'Cadangan Resiko',
+            key: 'dcr',
+            value: itemData.dcr
+          }, {
+            title: 'Aset',
+            key: 'aset',
+            value: itemData.aset
+          });
+        }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("DatePicker", {
-    staticClass: "w-100",
-    attrs: {
-      format: "DD-MM-YYYY",
-      "value-type": "format",
-      placeholder: "Pilih Tanggal",
-      editable: true,
-    },
-    on: { change: _vm.onChanged },
-    model: {
-      value: _vm.time,
-      callback: function ($$v) {
-        _vm.time = $$v
-      },
-      expression: "time",
-    },
-  })
-}
-var staticRenderFns = []
-render._withStripped = true
+        this.modalKatex.indikator = 'Rasio Piutang Bersih adalah 70% – 80% dari total aset dan portofolio pinjaman beragam dengan setidaknya 5 macam produk pinjaman yang berbeda';
+        var _katex1Content2 = '\\text{E1} = \\dfrac{\\text{Piutang Beredar} - ((\\text{100} \\% \\times \\text{Piutang Lalai Di Atas 12 Bulan}) + (\\text{35} \\% \\times \\text{Piutang Lalai 1 - 12 Bulan}))}{\\text{Aset}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\% (\\text{IDEAL})';
+        var katex1Content2 = '\\text{E1} = \\dfrac{\\text{Piutang Beredar} - \\text{Cadangan Resiko}}{\\text{Aset}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\% (\\text{IDEAL})';
+        var _katex2Content2 = '';
+        var katex2Title1 = '';
 
+        if (itemData.p1 >= 1 && itemData.p2 > 0.35) {
+          katex2Title1 = 'Dikarenakan P1 dan P2 (IDEAL), maka rumus yang digunakan adalah rumus 1';
+          _katex2Content2 = '\\text{E1} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} - ((\\text{100} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}) + (\\text{35} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}))}{\\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e1) + ' \\% (\\text{' + (itemData.e1 >= 0.7 && itemData.e1 <= 0.8 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+        } else {
+          katex2Title1 = 'Dikarenakan P1 dan P2 (TIDAK IDEAL), maka rumus yang digunakan adalah rumus 2';
+          _katex2Content2 = '\\text{E1} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e1) + ' \\% (\\text{' + (itemData.e1 >= 0.7 && itemData.e1 <= 0.8 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+        }
 
+        this.modalKatex.katex1.push({
+          title: 'Rumus 1 - apabila P1 dan P2 (IDEAL)',
+          content: _katex1Content2
+        }, {
+          title: 'Rumus 2 - apabila P1 dan P2 (TIDAK IDEAL)',
+          content: katex1Content2
+        });
+        this.modalKatex.katex2.push({
+          title: katex2Title1,
+          content: _katex2Content2
+        }); // e5
+      } else if (type == 'e5') {
+        this.modalTitle = 'E5 - Simpanan non saham / total aset';
+        this.modalKatex.form.push({
+          title: 'Simpanan Non Saham Unggulan',
+          key: 'nonsaham_unggulan',
+          value: itemData.nonsaham_unggulan
+        }, {
+          title: 'Simpanan Non Saham Harian',
+          key: 'nonsaham_harian',
+          value: itemData.nonsaham_harian
+        }, {
+          title: 'Aset',
+          key: 'aset',
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = 'Rasio 70% – 80% dari total aset dan memiliki beragam jenis simpanan minimal 5 jenis produk simpanan yang berbeda.';
 
-/***/ }),
+        var _katex1Content3 = '\\text{E5} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '}}{\\text{' + this.modalKatex.form[2].title + '}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\%(\\text{IDEAL})';
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+        var _katex2Content3 = '\\text{E5} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e5) + ' \\% (\\text{' + (itemData.e5 >= 0.7 && itemData.e5 <= 0.8 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticStyle: { display: "inline-block" } }, [
-    _c("i", {
-      directives: [
-        {
-          name: "tooltip",
-          rawName: "v-tooltip",
-          value: _vm.message,
-          expression: "message",
-        },
-      ],
-      staticClass: "icon-info22 d-none d-sm-block",
-    }),
-    _vm._v(" "),
-    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
-      _c("i", [_vm._v(_vm._s(_vm.message))]),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content3
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content3
+        }); // e6
+      } else if (type == 'e6') {
+        this.modalTitle = 'E6 - Pinjaman kepada pihak luar terhadap total aset';
+        this.modalKatex.form.push({
+          title: 'Total Hutang Pihak Ke-3',
+          key: 'total_hutang_pihak3',
+          value: itemData.total_hutang_pihak3
+        }, {
+          title: 'Aset',
+          key: 'aset',
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = 'Jumlah pinjaman kepada pihak eksternal 1% – 5% dari total aset.';
+
+        var _katex1Content4 = '\\text{E6} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})';
+
+        var _katex2Content4 = '\\text{E6} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e6) + ' \\% ( \\text{' + (itemData.e6 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content4
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content4
+        }); // e7
+      } else if (type == "e7") {
+        this.modalTitle = "E7 - Persentase total aset yang didanai dari simpanan saham";
+        this.modalKatex.form.push({
+          title: "Simpanan Saham",
+          key: "simpanan_saham",
+          value: itemData.simpanan_saham
+        }, {
+          title: "Aset",
+          key: "aset",
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = "10-20% total aset yang didanai dari simpanan saham";
+
+        var _katex1Content5 = "\\text{E7} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{10} \\% \\text{ Sampai } \\text{20} \\%(\\text{IDEAL})";
+
+        var _katex2Content5 = "\\text{E7} = \\dfrac{" + this.formatCurrency(this.modalKatex.form[0].value) + "}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e7) + " \\% (\\text{" + (itemData.e7 >= 0.1 && itemData.e7 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content5
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content5
+        }); // e9
+      } else if (type == 'e9') {
+        this.modalTitle = 'E9 - Modal lembaga bersih';
+        this.modalKatex.form.push({
+          title: 'Cadangan Resiko',
+          key: 'dcr',
+          value: itemData.dcr
+        }, {
+          title: 'Cadangan Umum',
+          key: 'dcu',
+          value: itemData.dcu
+        }, {
+          title: 'Dana Gedung',
+          key: 'dana_gedung',
+          value: itemData.dana_gedung
+        }, {
+          title: 'Donasi',
+          key: 'donasi',
+          value: itemData.donasi
+        }, {
+          title: 'SHU Tahun Lalu',
+          key: 'shu_lalu',
+          value: itemData.shu_lalu
+        }, {
+          title: 'Piutang Lalai Di Atas 12 Bulan',
+          key: 'piutang_lalai_12bulan',
+          value: itemData.piutang_lalai_12bulan
+        }, {
+          title: 'Piutang Lalai 1 - 12 Bulan',
+          key: 'piutang_lalai_1bulan',
+          value: itemData.piutang_lalai_1bulan
+        }, {
+          title: 'Aset Bermasalah',
+          key: 'aset_masalah',
+          value: itemData.aset_masalah
+        }, {
+          title: 'Aset',
+          key: 'aset',
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = 'Modal lembaga bersih sebesar 10% dari total aset.';
+
+        var _katex1Content6 = '\\text{E9} = \\dfrac{(\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '} + \\text{' + this.modalKatex.form[2].title + '} + \\text{' + this.modalKatex.form[3].title + '} + \\text{' + this.modalKatex.form[4].title + '}) - ((\\text{100} \\% \\times \\text{' + this.modalKatex.form[5].title + '}) + (\\text{35} \\% \\times \\text{' + this.modalKatex.form[6].title + '}) + \\text{' + this.modalKatex.form[7].title + '})}{\\text{' + this.modalKatex.form[8].title + '}} \\times \\text{100} \\% = \\text{Lebih Dari Sama Dengan 10} \\% (\\text{IDEAL})';
+
+        var _katex2Content6 = '\\text{E9} = \\dfrac{(\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[4].value) + '}) - ((\\text{100} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[5].value) + '}) + (\\text{35} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[6].value) + '}) + \\text{' + this.formatCurrency(this.modalKatex.form[7].value) + '})}{\\text{' + this.formatCurrency(this.modalKatex.form[8].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e9) + ' \\% ( \\text{' + (itemData.e9 >= 0.1 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content6
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content6
+        }); // a1
+      } else if (type == 'a1') {
+        this.modalTitle = 'A1 - Total pinjaman lalai / total pinjaman beredar';
+        this.modalKatex.form.push({
+          title: 'Piutang Lalai Di Atas 12 Bulan',
+          key: 'piutang_lalai_12bulan',
+          value: itemData.piutang_lalai_12bulan
+        }, {
+          title: 'Piutang Lalai 1 - 12 Bulan',
+          key: 'piutang_lalai_1bulan',
+          value: itemData.piutang_lalai_1bulan
+        }, {
+          title: 'Piutang Beredar',
+          key: 'piutang_beredar',
+          value: itemData.piutang_beredar
+        });
+        this.modalKatex.indikator = 'Total pinjaman lalai &le; 5% dari total pinjaman beredar.';
+
+        var _katex1Content7 = '\\text{A1} = \\dfrac{\\text{Total Pinjaman Lalai}[\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '}]}{\\text{' + this.modalKatex.form[2].title + '}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})';
+
+        var _katex2Content7 = '\\text{A1} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.a1) + ' \\% ( \\text{' + (itemData.a1 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content7
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content7
+        }); // a2	
+      } else if (type == 'a2') {
+        this.modalTitle = 'A2 - Aset yang tidak menghasilkan / total aset';
+        this.modalKatex.form.push({
+          title: 'Aset Tidak Menghasilkan',
+          key: 'aset_tidak_menghasilkan',
+          value: itemData.aset_tidak_menghasilkan
+        }, {
+          title: 'Aset',
+          key: 'aset',
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = 'Aset tidak menghasilkan 5% dari total aset.';
+
+        var _katex1Content8 = '\\text{A2} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})';
+
+        var _katex2Content8 = '\\text{A2} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.a2) + ' \\% ( \\text{' + (itemData.a2 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content8
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content8
+        }); // r7
+      } else if (type == 'r7') {
+        this.modalTitle = 'R7 - BJS saham terhadap rata-rata aset';
+        this.modalKatex.form.push({
+          title: 'BJS Saham',
+          key: 'bjs_saham',
+          value: itemData.bjs_saham
+        }, {
+          title: 'Simpanan Saham Bulan Desember',
+          key: 'simpanan_saham_des',
+          value: itemData.aset
+        }, {
+          title: 'Simpanan Saham Bulan ' + this.formatPeriodeMonth(itemData.periode),
+          key: 'simpanan_saham',
+          value: itemData.simpanan_saham
+        }, {
+          title: 'Simpanan Saham Tahun Lalu',
+          key: 'simpanan_saham_lalu',
+          value: itemData.simpanan_saham_lalu
+        }, {
+          title: 'Harga Pasar',
+          key: 'harga_pasar',
+          value: itemData.harga_pasar
+        });
+        this.modalKatex.indikator = 'Dividen saham dibayar 1% lebih tinggi daripada suku bunga pasar';
+
+        if (itemData.simpanan_saham_des != 0) {
+          var _katex1Content9 = '\\text{R7} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{Simpanan Saham Rata-rata}(\\frac{\\text{' + this.modalKatex.form[1].title + '} + \\text{' + this.modalKatex.form[2].title + '}}{\\text{Jumlah Bulan Berjalan}} \\times \\text{12})} \\times \\text{100} \\% = \\text{Harga Pasar} \\% (\\text{IDEAL})';
+
+          var _katex2Content9 = '\\text{R7} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{(\\frac{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}}{\\text{' + this.formatPeriodeMonth(itemData.periode) + '}} \\times \\text{12})} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.r7_1) + ' \\% ( \\text{' + (itemData.r7_1 == itemData.harga_pasar ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+          this.modalKatex.katex1.push({
+            title: 'Jika simpanan saham bersumber dari saldo bulan desember tahun lalu',
+            content: _katex1Content9
+          });
+          this.modalKatex.katex2.push({
+            title: '',
+            content: _katex2Content9
+          });
+        }
+
+        if (itemData.simpanan_saham_lalu != 0) {
+          var _katex1Content10 = '\\text{R7} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{Simpanan Saham Rata-rata}(\\frac{\\text{' + this.modalKatex.form[3].title + '} + \\text{' + this.modalKatex.form[2].title + '}}{\\text{2}})} \\times \\text{100} \\% = \\text{Harga Pasar} \\% (\\text{IDEAL})';
+
+          var katex2Content2 = '\\text{R7} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{(\\frac{\\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}}{\\text{2}})} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.r7_2) + ' \\% ( \\text{' + (itemData.r7_2 == itemData.harga_pasar ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+          this.modalKatex.katex1.push({
+            title: 'Jika simpanan saham bersumber dari saldo tahun lalu bulan ' + this.formatPeriodeMonth(itemData.periode),
+            content: _katex1Content10
+          });
+          this.modalKatex.katex2.push({
+            title: '',
+            content: katex2Content2
+          });
+        } //r9	
+
+      } else if (type == 'r9') {
+        this.modalTitle = 'R9 - biaya operasional terhadap rata-rata aset';
+        this.modalKatex.form.push({
+          title: 'Total Biaya',
+          key: 'total_biaya',
+          value: itemData.total_biaya
+        }, {
+          title: 'Beban Penyisihan Cadangan Resiko',
+          key: 'beban_penyisihan_dcr',
+          value: itemData.beban_penyisihan_dcr
+        }, {
+          title: 'Aset',
+          key: 'aset',
+          value: itemData.aset
+        }, {
+          title: 'Aset Tahun Lalu',
+          key: 'aset_lalu',
+          value: itemData.aset_lalu
+        });
+        this.modalKatex.indikator = 'Beban operasional terhadap rata-rata aset sebesar 5%.';
+
+        var _katex1Content11 = '\\text{R9} = \\dfrac{\\text{Beban Operasional}(\\text{' + this.modalKatex.form[0].title + '} - \\text{' + this.modalKatex.form[1].title + '})}{\\text{Rata-rata Aset}(\\frac{\\text{' + this.modalKatex.form[2].title + '} + \\text{' + this.modalKatex.form[3].title + '}}{\\text{2}})} \\times \\text{100} \\% <= \\text{5} \\% (\\text{IDEAL})';
 
+        var _katex2Content10 = '\\text{R9} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\frac{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '}}{\\text{2}}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e6) + ' \\% ( \\text{' + (itemData.r9 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
 
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content11
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content10
+        }); //l1
+      } else if (type == 'l1') {
+        this.modalTitle = 'L1 - (investasi likuid + aset-aset likuid - hutang jangka pendek < 30 Hari) / simpanan non saham';
+        this.modalKatex.form.push({
+          title: 'Investasi Likuid',
+          key: 'investasi_likuid',
+          value: itemData.investasi_likuid
+        }, {
+          title: 'Aset Likuid Tidak Menghasilkan',
+          key: 'aset_likuid_tidak_menghasilkan',
+          value: itemData.aset_likuid_tidak_menghasilkan
+        }, {
+          title: 'Hutang Tidak Berbiaya < 30 Hari',
+          key: 'hutang_tidak_berbiaya_30hari',
+          value: itemData.hutang_tidak_berbiaya_30hari
+        }, {
+          title: 'Total Simpanan Non Saham',
+          key: 'tot_nonsaham',
+          value: itemData.tot_nonsaham
+        });
+        this.modalKatex.indikator = 'Likuiditas sebesar 15% dari total simpanan non saham tetapi tidak melampaui 20% dari total aset.';
+
+        var _katex1Content12 = '\\text{L1} = \\dfrac{(\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '}) - \\text{' + this.modalKatex.form[2].title + '}}{\\text{' + this.modalKatex.form[3].title + '}} \\times \\text{100} \\% = \\text{15} \\% \\text{ Sampai } \\text{20} \\% (\\text{IDEAL})';
+
+        var _katex2Content11 = '\\text{L1} = \\dfrac{(\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}) - \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.l1) + ' \\% (\\text{' + (itemData.l1 >= 0.15 && itemData.l1 <= 0.2 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content12
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content11
+        }); // l2
+      } else if (type == "l2") {
+        this.modalTitle = "L2 - Likuiditas untuk memenuhi permintaan penarikan setelah membayar semua kewajiban < 30 hari";
+        this.modalKatex.form.push({
+          title: "Investasi Likuid",
+          key: "investasi_likuid",
+          value: itemData.investasi_likuid
+        }, {
+          title: "Aset Likuid Tidak Menghasilkan",
+          key: "aset_likuid_tidak_menghasilkan",
+          value: itemData.aset_likuid_tidak_menghasilkan
+        }, {
+          title: "Hutang Tidak Berbiaya < 30 Hari",
+          key: "hutang_tidak_berbiaya_30hari",
+          value: itemData.hutang_tidak_berbiaya_30hari
+        }, {
+          title: "Aset",
+          key: "aset",
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = "Likuiditas sebesar 15% dari total simpanan non saham tetapi tidak melampaui 20% dari total aset.";
+
+        var _katex1Content13 = "\\text{L1} = \\dfrac{(\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "}) - \\text{" + this.modalKatex.form[2].title + "}}{\\text{" + this.modalKatex.form[3].title + "}} \\times \\text{100} \\% = \\text{15} \\% \\text{ Sampai } \\text{20} \\% (\\text{IDEAL})";
+
+        var _katex2Content12 = "\\text{L1} = \\dfrac{(\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}) - \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.l1) + " \\% (\\text{" + (itemData.l1 >= 0.15 && itemData.l1 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content13
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content12
+        }); //s10	
+      } else if (type == 's10') {
+        this.modalTitle = "S10 - Pertumbuhan anggota";
+        this.modalKatex.form.push({
+          title: "Lelaki Biasa",
+          key: "l_biasa",
+          value: itemData.l_biasa
+        }, {
+          title: "Lelaki L. Biasa",
+          key: "l_lbiasa",
+          value: itemData.l_lbiasa
+        }, {
+          title: "Perempuan Biasa",
+          key: "p_biasa",
+          value: itemData.p_biasa
+        }, {
+          title: "Perempuan L.Biasa",
+          key: "p_lbiasa",
+          value: itemData.p_lbiasa
+        }, {
+          title: "Total Anggota",
+          key: "total_anggota",
+          value: itemData.total_anggota,
+          hideForm: true
+        }, {
+          title: "Total Anggota Tahun Lalu",
+          key: "total_anggota_lalu",
+          value: itemData.total_anggota_lalu
+        });
+        this.modalKatex.indikator = "Pertumbuhan anggota di atas 12% per tahun.";
+
+        var _katex1Content14 = "\\text{s10} = \\dfrac{\\text{" + this.modalKatex.form[4].title + "} - \\text{" + this.modalKatex.form[5].title + "}}{\\text{" + this.modalKatex.form[5].title + "}} \\times \\text{100} \\% = \\text{Di Atas 12} \\% (\\text{IDEAL})";
+
+        var _katex2Content13 = "\\text{s10} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[4].value) + "} - \\text{" + this.formatCurrency(this.modalKatex.form[5].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[5].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.s10) + " \\% ( \\text{" + (itemData.s10 > 0.12 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content14
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content13
+        }); //s11
+      } else if (type == 's11') {
+        this.modalTitle = "S11 - Pertumbuhan aset";
+        this.modalKatex.form.push({
+          title: "Aset",
+          key: "aset",
+          value: itemData.aset
+        }, {
+          title: "Aset Tahun Lalu",
+          key: "aset_lalu",
+          value: itemData.aset_lalu
+        });
+        this.modalKatex.indikator = "Pertumbuhan aset 10% di atas laju inflasi.";
+
+        var _katex1Content15 = "\\text{s11} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "} - \\text{" + this.modalKatex.form[1].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{10} \\% \\text{ Di Atas Laju Inflasi} (\\text{IDEAL})";
+
+        var _katex2Content14 = "\\text{S11} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} - \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.s11) + " \\% ( \\text{" + (itemData.s11 > itemData.laju_inflasi + 0.1 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content15
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content14
+        });
+      }
+    },
+    modalKatexReset: function modalKatexReset() {
+      this.modalKatex.isUbah = false;
+      this.modalKatex.katex1 = [];
+      this.modalKatex.katex2 = [];
+      this.modalKatex.form = [];
+    },
+    modalTutup: function modalTutup() {
+      this.modalSize = '';
+      this.modalShow = false;
+      this.modalKatexReset();
+    },
+    formatPeriode: function formatPeriode(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value) + ' ' + vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('year')(value);
+    },
+    formatPeriodeMonth: function formatPeriodeMonth(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value);
+    },
+    formatCurrency: function formatCurrency(value) {
+      return this.$options.filters.currency(value, '', 0, {
+        thousandsSeparator: '.'
+      });
+    },
+    formatPercentage: function formatPercentage(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('percentage2')(value, 2);
+    },
+    countTotal: function countTotal(value1, value2) {
+      return value1 - value2;
+    },
+    countPercentage: function countPercentage(value1, value2) {
+      if (value2 > 0) {
+        return this.formatPercentage(this.countTotal(value1, value2) / value2);
+      } else {
+        return this.formatPercentage('0');
+      }
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanCu', {
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  }))
+});
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=template&id=55783ca6&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=template&id=55783ca6& ***!
-  \************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: _vm.level,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan",
-                      errorItem: _vm.errors.items,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("div", { staticClass: "row" }, [
-                _c("div", { staticClass: "col-md-12" }, [
-                  _c(
-                    "div",
-                    { staticClass: "card" },
-                    [
-                      _vm.item.tipe == "diklat_bkcu"
-                        ? [
-                            _vm.item.gambar
-                              ? _c("img", {
-                                  staticClass: "img-fluid wmin-sm",
-                                  attrs: {
-                                    src:
-                                      "/images/diklat/" +
-                                      _vm.item.gambar +
-                                      ".jpg",
-                                  },
-                                })
-                              : _vm._e(),
-                          ]
-                        : _vm.item.tipe == "pertemuan_bkcu"
-                        ? [
-                            _vm.item.gambar
-                              ? _c("img", {
-                                  staticClass: "img-fluid wmin-sm",
-                                  attrs: {
-                                    src:
-                                      "/images/pertemuan/" +
-                                      _vm.item.gambar +
-                                      ".jpg",
-                                  },
-                                })
-                              : _vm._e(),
-                          ]
-                        : _vm._e(),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "card-header" }, [
-                        _c("h5", { staticClass: "card-title" }, [
-                          _vm._v(_vm._s(_vm.item.name)),
-                        ]),
-                      ]),
-                    ],
-                    2
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-lg-3 col-md-4 order-md-12" }, [
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(0),
-                    _vm._v(" "),
-                    _c(
-                      "div",
-                      { staticClass: "card-body" },
-                      [
-                        _vm.item.tipe == "diklat_bkcu"
-                          ? [
-                              _vm.tipeUser == "panitia"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-2",
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("tambahMateri")
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-plus22" }),
-                                      _vm._v(
-                                        " Tambah Materi\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _vm._e(),
-                              _vm._v(" "),
-                              _vm.tipeUser == "panitia"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-2",
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.ubahKegiatan(_vm.item.id)
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-pencil5" }),
-                                      _vm._v(
-                                        " Ubah Diklat\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _vm._e(),
-                              _vm._v(" "),
-                              _vm.tipeUser == "panitia"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-2",
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen(
-                                            "statusPertemuan"
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-calendar5",
-                                      }),
-                                      _vm._v(
-                                        " Status Diklat\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _vm._e(),
-                              _vm._v(" "),
-                              _vm.tipeUser == "panitia"
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-2",
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("hapusPertemuan")
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-bin2" }),
-                                      _vm._v(
-                                        " Hapus Diklat\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _vm._e(),
-                              _vm._v(" "),
-                              _vm.currentUser.id_cu == 0
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn bg-warning-400 btn-block mb-2",
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("tambahPeserta")
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-people" }),
-                                      _vm._v(
-                                        " Daftar Peserta Diklat\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
+/* harmony import */ var _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./penilaian_cu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue");
+/* harmony import */ var _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./penilaian_bkcu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue");
+/* harmony import */ var _form_filter_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form_filter.vue */ "./resources/assets/js/views/assesmentAccess/form_filter.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'updateSingleStat'],
+  components: {
+    penilaianCu: _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    penilaianBkcu: _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    formFilter: _form_filter_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  data: function data() {
+    return {
+      cuTabName: 'semua',
+      bkcuTabName: 'semua'
+    };
+  },
+  created: function created() {},
+  watch: {},
+  methods: {
+    changeTabCU: function changeTabCU(value) {
+      if (this.$route.meta.mode == 'lihat') {
+        this.bkcuTabName = 'semua';
+        this.cuTabName = value;
+      }
+    },
+    changeTabBKCU: function changeTabBKCU(value) {
+      if (this.$route.meta.mode == 'lihat') {
+        this.cuTabName = 'semua';
+        this.bkcuTabName = value;
+      }
+    },
+    saveSingle: function saveSingle() {
+      this.$emit('saveSingle', 'p2');
+    },
+    prev: function prev() {
+      this.$emit('prev');
+    },
+    next: function next() {
+      this.$emit('next');
+    },
+    skorCUA: function skorCUA() {
+      var jumlah = (this.form.p2.p2a1_cu_penilaian + this.form.p2.p2a2_cu_penilaian + this.form.p2.p2a3_cu_penilaian + this.form.p2.p2a4_cu_penilaian + this.form.p2.p2a5_cu_penilaian + this.form.p2.p2a6_cu_penilaian + this.form.p2.p2a7_cu_penilaian + this.form.p2.p2a8_cu_penilaian + this.form.p2.p2a9_cu_penilaian + this.form.p2.p2a10_cu_penilaian + this.form.p2.p2a11_cu_penilaian) / 1;
+      this.$emit('skorCUA', jumlah);
+      return jumlah;
+    },
+    bobotCUA: function bobotCUA() {
+      var jumlah = this.$options.filters.round((this.form.p2.p2a1_cu_penilaian + this.form.p2.p2a2_cu_penilaian + this.form.p2.p2a3_cu_penilaian + this.form.p2.p2a4_cu_penilaian + this.form.p2.p2a5_cu_penilaian + this.form.p2.p2a6_cu_penilaian + this.form.p2.p2a7_cu_penilaian + this.form.p2.p2a8_cu_penilaian + this.form.p2.p2a9_cu_penilaian + this.form.p2.p2a10_cu_penilaian + this.form.p2.p2a11_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotCUA', jumlah);
+      return jumlah;
+    },
+    skorBKCUA: function skorBKCUA() {
+      var jumlah = (this.form.p2.p2a1_bkcu_penilaian + this.form.p2.p2a2_bkcu_penilaian + this.form.p2.p2a3_bkcu_penilaian + this.form.p2.p2a4_bkcu_penilaian + this.form.p2.p2a5_bkcu_penilaian + this.form.p2.p2a6_bkcu_penilaian + this.form.p2.p2a7_bkcu_penilaian + this.form.p2.p2a8_bkcu_penilaian + this.form.p2.p2a9_bkcu_penilaian + this.form.p2.p2a10_bkcu_penilaian + this.form.p2.p2a11_bkcu_penilaian) / 1;
+      this.$emit('skorBKCUA', jumlah);
+      return jumlah;
+    },
+    bobotBKCUA: function bobotBKCUA() {
+      var jumlah = this.$options.filters.round((this.form.p2.p2a1_bkcu_penilaian + this.form.p2.p2a2_bkcu_penilaian + this.form.p2.p2a3_bkcu_penilaian + this.form.p2.p2a4_bkcu_penilaian + this.form.p2.p2a5_bkcu_penilaian + this.form.p2.p2a6_bkcu_penilaian + this.form.p2.p2a7_bkcu_penilaian + this.form.p2.p2a8_bkcu_penilaian + this.form.p2.p2a9_bkcu_penilaian + this.form.p2.p2a10_bkcu_penilaian + this.form.p2.p2a11_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotBKCUA', jumlah);
+      return jumlah;
+    },
+    skorCUB: function skorCUB() {
+      var jumlah = (this.form.p2.p2b12_cu_penilaian + this.form.p2.p2b13_cu_penilaian + this.form.p2.p2b14_cu_penilaian + this.form.p2.p2b15_cu_penilaian + this.form.p2.p2b16_cu_penilaian + this.form.p2.p2b17_cu_penilaian + this.form.p2.p2b18_cu_penilaian + this.form.p2.p2b19_cu_penilaian + this.form.p2.p2b20_cu_penilaian + this.form.p2.p2b21_cu_penilaian + this.form.p2.p2b22_cu_penilaian + this.form.p2.p2b23_cu_penilaian + this.form.p2.p2b24_cu_penilaian + this.form.p2.p2b25_cu_penilaian + this.form.p2.p2b26_cu_penilaian + this.form.p2.p2b27_cu_penilaian) / 1;
+      this.$emit('skorCUB', jumlah);
+      return jumlah;
+    },
+    bobotCUB: function bobotCUB() {
+      var jumlah = this.$options.filters.round((this.form.p2.p2b12_cu_penilaian + this.form.p2.p2b13_cu_penilaian + this.form.p2.p2b14_cu_penilaian + this.form.p2.p2b15_cu_penilaian + this.form.p2.p2b16_cu_penilaian + this.form.p2.p2b17_cu_penilaian + this.form.p2.p2b18_cu_penilaian + this.form.p2.p2b19_cu_penilaian + this.form.p2.p2b20_cu_penilaian + this.form.p2.p2b21_cu_penilaian + this.form.p2.p2b22_cu_penilaian + this.form.p2.p2b23_cu_penilaian + this.form.p2.p2b24_cu_penilaian + this.form.p2.p2b25_cu_penilaian + this.form.p2.p2b26_cu_penilaian + this.form.p2.p2b27_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotCUB', jumlah);
+      return jumlah;
+    },
+    skorBKCUB: function skorBKCUB() {
+      var jumlah = (this.form.p2.p2b12_bkcu_penilaian + this.form.p2.p2b13_bkcu_penilaian + this.form.p2.p2b14_bkcu_penilaian + this.form.p2.p2b15_bkcu_penilaian + this.form.p2.p2b16_bkcu_penilaian + this.form.p2.p2b17_bkcu_penilaian + this.form.p2.p2b18_bkcu_penilaian + this.form.p2.p2b19_bkcu_penilaian + this.form.p2.p2b20_bkcu_penilaian + this.form.p2.p2b21_bkcu_penilaian + this.form.p2.p2b22_bkcu_penilaian + this.form.p2.p2b23_bkcu_penilaian + this.form.p2.p2b24_bkcu_penilaian + this.form.p2.p2b25_bkcu_penilaian + this.form.p2.p2b26_bkcu_penilaian + this.form.p2.p2b27_bkcu_penilaian) / 1;
+      this.$emit('skorBKCUB', jumlah);
+      return jumlah;
+    },
+    bobotBKCUB: function bobotBKCUB() {
+      var jumlah = this.$options.filters.round((this.form.p2.p2b12_bkcu_penilaian + this.form.p2.p2b13_bkcu_penilaian + this.form.p2.p2b14_bkcu_penilaian + this.form.p2.p2b15_bkcu_penilaian + this.form.p2.p2b16_bkcu_penilaian + this.form.p2.p2b17_bkcu_penilaian + this.form.p2.p2b18_bkcu_penilaian + this.form.p2.p2b19_bkcu_penilaian + this.form.p2.p2b20_bkcu_penilaian + this.form.p2.p2b21_bkcu_penilaian + this.form.p2.p2b22_bkcu_penilaian + this.form.p2.p2b23_bkcu_penilaian + this.form.p2.p2b24_bkcu_penilaian + this.form.p2.p2b25_bkcu_penilaian + this.form.p2.p2b26_bkcu_penilaian + this.form.p2.p2b27_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotBKCUB', jumlah);
+      return jumlah;
+    },
+    jumlahPenilaianCU: function jumlahPenilaianCU(nilai) {
+      var jumlah = 0;
+
+      if (this.form.p2.p2a1_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a2_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a3_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a4_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a5_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a6_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a7_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a8_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a9_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a10_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a11_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b12_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b13_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b14_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b15_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b16_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b17_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b18_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b19_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b20_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b21_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b22_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b23_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b24_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b25_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b26_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b27_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      return jumlah;
+    },
+    jumlahPenilaianBKCU: function jumlahPenilaianBKCU(nilai) {
+      var jumlah = 0;
+
+      if (this.form.p2.p2a1_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a2_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a3_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a4_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a5_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a6_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a7_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a8_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a9_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a10_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2a11_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b12_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b13_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b14_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b15_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b16_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b17_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b18_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b19_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b20_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b21_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b22_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b23_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b24_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b25_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b26_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p2.p2b27_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      return jumlah;
+    }
+  },
+  computed: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./penilaian_cu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue");
+/* harmony import */ var _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./penilaian_bkcu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue");
+/* harmony import */ var _form_filter_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form_filter.vue */ "./resources/assets/js/views/assesmentAccess/form_filter.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'updateSingleStat'],
+  components: {
+    penilaianCu: _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    penilaianBkcu: _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    formFilter: _form_filter_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  data: function data() {
+    return {
+      cuTabName: 'semua',
+      bkcuTabName: 'semua'
+    };
+  },
+  created: function created() {},
+  watch: {},
+  methods: {
+    changeTabCU: function changeTabCU(value) {
+      if (this.$route.meta.mode == 'lihat') {
+        this.bkcuTabName = 'semua';
+        this.cuTabName = value;
+      }
+    },
+    changeTabBKCU: function changeTabBKCU(value) {
+      if (this.$route.meta.mode == 'lihat') {
+        this.cuTabName = 'semua';
+        this.bkcuTabName = value;
+      }
+    },
+    saveSingle: function saveSingle() {
+      this.$emit('saveSingle', 'p3');
+    },
+    next: function next() {
+      this.$emit('next');
+    },
+    prev: function prev() {
+      this.$emit('prev');
+    },
+    skorCUA: function skorCUA() {
+      var jumlah = (this.form.p3.p3a1_cu_penilaian + this.form.p3.p3a2_cu_penilaian + this.form.p3.p3a3_cu_penilaian + this.form.p3.p3a4_cu_penilaian + this.form.p3.p3a5_cu_penilaian + this.form.p3.p3a6_cu_penilaian + this.form.p3.p3a7_cu_penilaian + this.form.p3.p3a8_cu_penilaian + this.form.p3.p3a9_cu_penilaian) / 1;
+      this.$emit('skorCUA', jumlah);
+      return jumlah;
+    },
+    bobotCUA: function bobotCUA() {
+      var jumlah = this.$options.filters.round((this.form.p3.p3a1_cu_penilaian + this.form.p3.p3a2_cu_penilaian + this.form.p3.p3a3_cu_penilaian + this.form.p3.p3a4_cu_penilaian + this.form.p3.p3a5_cu_penilaian + this.form.p3.p3a6_cu_penilaian + this.form.p3.p3a7_cu_penilaian + this.form.p3.p3a8_cu_penilaian + this.form.p3.p3a9_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotCUA', jumlah);
+      return jumlah;
+    },
+    skorBKCUA: function skorBKCUA() {
+      var jumlah = (this.form.p3.p3a1_bkcu_penilaian + this.form.p3.p3a2_bkcu_penilaian + this.form.p3.p3a3_bkcu_penilaian + this.form.p3.p3a4_bkcu_penilaian + this.form.p3.p3a5_bkcu_penilaian + this.form.p3.p3a6_bkcu_penilaian + this.form.p3.p3a7_bkcu_penilaian + this.form.p3.p3a8_bkcu_penilaian + this.form.p3.p3a9_bkcu_penilaian) / 1;
+      this.$emit('skorBKCUA', jumlah);
+      return jumlah;
+    },
+    bobotBKCUA: function bobotBKCUA() {
+      var jumlah = this.$options.filters.round((this.form.p3.p3a1_bkcu_penilaian + this.form.p3.p3a2_bkcu_penilaian + this.form.p3.p3a3_bkcu_penilaian + this.form.p3.p3a4_bkcu_penilaian + this.form.p3.p3a5_bkcu_penilaian + this.form.p3.p3a6_bkcu_penilaian + this.form.p3.p3a7_bkcu_penilaian + this.form.p3.p3a8_bkcu_penilaian + this.form.p3.p3a9_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotBKCUA', jumlah);
+      return jumlah;
+    },
+    skorCUB: function skorCUB() {
+      var jumlah = (this.form.p3.p3b10_cu_penilaian + this.form.p3.p3b11_cu_penilaian + this.form.p3.p3b12_cu_penilaian + this.form.p3.p3b13_cu_penilaian + this.form.p3.p3b14_cu_penilaian + this.form.p3.p3b15_cu_penilaian + this.form.p3.p3b16_cu_penilaian + this.form.p3.p3b17_cu_penilaian + this.form.p3.p3b18_cu_penilaian + this.form.p3.p3b19_cu_penilaian + this.form.p3.p3b20_cu_penilaian + this.form.p3.p3b21_cu_penilaian + this.form.p3.p3b22_cu_penilaian + this.form.p3.p3b23_cu_penilaian + this.form.p3.p3b24_cu_penilaian + this.form.p3.p3b25_cu_penilaian + this.form.p3.p3b26_cu_penilaian) / 1;
+      this.$emit('skorCUB', jumlah);
+      return jumlah;
+    },
+    bobotCUB: function bobotCUB() {
+      var jumlah = this.$options.filters.round((this.form.p3.p3b10_cu_penilaian + this.form.p3.p3b11_cu_penilaian + this.form.p3.p3b12_cu_penilaian + this.form.p3.p3b13_cu_penilaian + this.form.p3.p3b14_cu_penilaian + this.form.p3.p3b15_cu_penilaian + this.form.p3.p3b16_cu_penilaian + this.form.p3.p3b17_cu_penilaian + this.form.p3.p3b18_cu_penilaian + this.form.p3.p3b19_cu_penilaian + this.form.p3.p3b20_cu_penilaian + this.form.p3.p3b21_cu_penilaian + this.form.p3.p3b22_cu_penilaian + this.form.p3.p3b23_cu_penilaian + this.form.p3.p3b24_cu_penilaian + this.form.p3.p3b25_cu_penilaian + this.form.p3.p3b26_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotCUB', jumlah);
+      return jumlah;
+    },
+    skorBKCUB: function skorBKCUB() {
+      var jumlah = (this.form.p3.p3b10_bkcu_penilaian + this.form.p3.p3b11_bkcu_penilaian + this.form.p3.p3b12_bkcu_penilaian + this.form.p3.p3b13_bkcu_penilaian + this.form.p3.p3b14_bkcu_penilaian + this.form.p3.p3b15_bkcu_penilaian + this.form.p3.p3b16_bkcu_penilaian + this.form.p3.p3b17_bkcu_penilaian + this.form.p3.p3b18_bkcu_penilaian + this.form.p3.p3b19_bkcu_penilaian + this.form.p3.p3b20_bkcu_penilaian + this.form.p3.p3b21_bkcu_penilaian + this.form.p3.p3b22_bkcu_penilaian + this.form.p3.p3b23_bkcu_penilaian + this.form.p3.p3b24_bkcu_penilaian + this.form.p3.p3b25_bkcu_penilaian + this.form.p3.p3b26_bkcu_penilaian) / 1;
+      this.$emit('skorBKCUB', jumlah);
+      return jumlah;
+    },
+    bobotBKCUB: function bobotBKCUB() {
+      var jumlah = this.$options.filters.round((this.form.p3.p3b10_bkcu_penilaian + this.form.p3.p3b11_bkcu_penilaian + this.form.p3.p3b12_bkcu_penilaian + this.form.p3.p3b13_bkcu_penilaian + this.form.p3.p3b14_bkcu_penilaian + this.form.p3.p3b15_bkcu_penilaian + this.form.p3.p3b16_bkcu_penilaian + this.form.p3.p3b17_bkcu_penilaian + this.form.p3.p3b18_bkcu_penilaian + this.form.p3.p3b19_bkcu_penilaian + this.form.p3.p3b20_bkcu_penilaian + this.form.p3.p3b21_bkcu_penilaian + this.form.p3.p3b22_bkcu_penilaian + this.form.p3.p3b23_bkcu_penilaian + this.form.p3.p3b24_bkcu_penilaian + this.form.p3.p3b25_bkcu_penilaian + this.form.p3.p3b26_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotBKCUB', jumlah);
+      return jumlah;
+    },
+    jumlahPenilaianCU: function jumlahPenilaianCU(nilai) {
+      var jumlah = 0;
+
+      if (this.form.p3.p3a1_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a2_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a3_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a4_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a5_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a6_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a7_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a8_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a9_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b10_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b11_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b12_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b13_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b14_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b15_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b16_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b17_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b18_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b19_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b20_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b21_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b22_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b23_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b24_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b25_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b26_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      return jumlah;
+    },
+    jumlahPenilaianBKCU: function jumlahPenilaianBKCU(nilai) {
+      var jumlah = 0;
+
+      if (this.form.p3.p3a1_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a2_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a3_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a4_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a5_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a6_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a7_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a8_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3a9_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b10_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b11_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b12_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b13_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b14_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b15_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b16_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b17_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b18_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b19_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b20_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b21_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b22_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b23_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b24_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b25_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p3.p3b26_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      return jumlah;
+    }
+  },
+  computed: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./penilaian_cu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue");
+/* harmony import */ var _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./penilaian_bkcu.vue */ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue");
+/* harmony import */ var _form_filter_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form_filter.vue */ "./resources/assets/js/views/assesmentAccess/form_filter.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'updateSingleStat'],
+  components: {
+    penilaianCu: _penilaian_cu_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    penilaianBkcu: _penilaian_bkcu_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    formFilter: _form_filter_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  data: function data() {
+    return {
+      cuTabName: 'semua',
+      bkcuTabName: 'semua'
+    };
+  },
+  created: function created() {},
+  watch: {},
+  methods: {
+    changeTabCU: function changeTabCU(value) {
+      if (this.$route.meta.mode == 'lihat') {
+        this.bkcuTabName = 'semua';
+        this.cuTabName = value;
+      }
+    },
+    changeTabBKCU: function changeTabBKCU(value) {
+      if (this.$route.meta.mode == 'lihat') {
+        this.cuTabName = 'semua';
+        this.bkcuTabName = value;
+      }
+    },
+    saveSingle: function saveSingle() {
+      this.$emit('saveSingle', 'p4');
+    },
+    prev: function prev() {
+      this.$emit('prev');
+    },
+    next: function next() {
+      this.$emit('next');
+    },
+    skorCUA: function skorCUA() {
+      var jumlah = (this.form.p4.p4a1_cu_penilaian + this.form.p4.p4a2_cu_penilaian + this.form.p4.p4a3_cu_penilaian + this.form.p4.p4a4_cu_penilaian + this.form.p4.p4a5_cu_penilaian + this.form.p4.p4a6_cu_penilaian + this.form.p4.p4a7_cu_penilaian + this.form.p4.p4a8_cu_penilaian + this.form.p4.p4a9_cu_penilaian + this.form.p4.p4a10_cu_penilaian) / 1;
+      this.$emit('skorCUA', jumlah);
+      return jumlah;
+    },
+    bobotCUA: function bobotCUA() {
+      var jumlah = this.$options.filters.round((this.form.p4.p4a1_cu_penilaian + this.form.p4.p4a2_cu_penilaian + this.form.p4.p4a3_cu_penilaian + this.form.p4.p4a4_cu_penilaian + this.form.p4.p4a5_cu_penilaian + this.form.p4.p4a6_cu_penilaian + this.form.p4.p4a7_cu_penilaian + this.form.p4.p4a8_cu_penilaian + this.form.p4.p4a9_cu_penilaian + this.form.p4.p4a10_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotCUA', jumlah);
+      return jumlah;
+    },
+    skorBKCUA: function skorBKCUA() {
+      var jumlah = (this.form.p4.p4a1_bkcu_penilaian + this.form.p4.p4a2_bkcu_penilaian + this.form.p4.p4a3_bkcu_penilaian + this.form.p4.p4a4_bkcu_penilaian + this.form.p4.p4a5_bkcu_penilaian + this.form.p4.p4a6_bkcu_penilaian + this.form.p4.p4a7_bkcu_penilaian + this.form.p4.p4a8_bkcu_penilaian + this.form.p4.p4a9_bkcu_penilaian + this.form.p4.p4a10_bkcu_penilaian) / 1;
+      this.$emit('skorBKCUA', jumlah);
+      return jumlah;
+    },
+    bobotBKCUA: function bobotBKCUA() {
+      var jumlah = this.$options.filters.round((this.form.p4.p4a1_bkcu_penilaian + this.form.p4.p4a2_bkcu_penilaian + this.form.p4.p4a3_bkcu_penilaian + this.form.p4.p4a4_bkcu_penilaian + this.form.p4.p4a5_bkcu_penilaian + this.form.p4.p4a6_bkcu_penilaian + this.form.p4.p4a7_bkcu_penilaian + this.form.p4.p4a8_bkcu_penilaian + this.form.p4.p4a9_bkcu_penilaian + this.form.p4.p4a10_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotBKCUA', jumlah);
+      return jumlah;
+    },
+    skorCUB: function skorCUB() {
+      var jumlah = (this.form.p4.p4b11_cu_penilaian + this.form.p4.p4b12_cu_penilaian + this.form.p4.p4b13_cu_penilaian + this.form.p4.p4b14_cu_penilaian + this.form.p4.p4b15_cu_penilaian + this.form.p4.p4b16_cu_penilaian + this.form.p4.p4b17_cu_penilaian + this.form.p4.p4b18_cu_penilaian + this.form.p4.p4b19_cu_penilaian + this.form.p4.p4b20_cu_penilaian) / 1;
+      this.$emit('skorCUB', jumlah);
+      return jumlah;
+    },
+    bobotCUB: function bobotCUB() {
+      var jumlah = this.$options.filters.round((this.form.p4.p4b11_cu_penilaian + this.form.p4.p4b12_cu_penilaian + this.form.p4.p4b13_cu_penilaian + this.form.p4.p4b14_cu_penilaian + this.form.p4.p4b15_cu_penilaian + this.form.p4.p4b16_cu_penilaian + this.form.p4.p4b17_cu_penilaian + this.form.p4.p4b18_cu_penilaian + this.form.p4.p4b19_cu_penilaian + this.form.p4.p4b20_cu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotCUB', jumlah);
+      return jumlah;
+    },
+    skorBKCUB: function skorBKCUB() {
+      var jumlah = (this.form.p4.p4b11_bkcu_penilaian + this.form.p4.p4b12_bkcu_penilaian + this.form.p4.p4b13_bkcu_penilaian + this.form.p4.p4b14_bkcu_penilaian + this.form.p4.p4b15_bkcu_penilaian + this.form.p4.p4b16_bkcu_penilaian + this.form.p4.p4b17_bkcu_penilaian + this.form.p4.p4b18_bkcu_penilaian + this.form.p4.p4b19_bkcu_penilaian + this.form.p4.p4b20_bkcu_penilaian) / 1;
+      this.$emit('skorBKCUB', jumlah);
+      return jumlah;
+    },
+    bobotBKCUB: function bobotBKCUB() {
+      var jumlah = this.$options.filters.round((this.form.p4.p4b11_bkcu_penilaian + this.form.p4.p4b12_bkcu_penilaian + this.form.p4.p4b13_bkcu_penilaian + this.form.p4.p4b14_bkcu_penilaian + this.form.p4.p4b15_bkcu_penilaian + this.form.p4.p4b16_bkcu_penilaian + this.form.p4.p4b17_bkcu_penilaian + this.form.p4.p4b18_bkcu_penilaian + this.form.p4.p4b19_bkcu_penilaian + this.form.p4.p4b20_bkcu_penilaian) / this.jumlahIndikator * this.bobotSkor, 2);
+      this.$emit('bobotBKCUB', jumlah);
+      return jumlah;
+    },
+    jumlahPenilaianCU: function jumlahPenilaianCU(nilai) {
+      var jumlah = 0;
+
+      if (this.form.p4.p4a1_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a2_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a3_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a4_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a5_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a6_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a7_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a8_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a9_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a10_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b11_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b12_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b13_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b14_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b15_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b16_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b17_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b18_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b19_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b20_cu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      return jumlah;
+    },
+    jumlahPenilaianBKCU: function jumlahPenilaianBKCU(nilai) {
+      var jumlah = 0;
+
+      if (this.form.p4.p4a1_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a2_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a3_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a4_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a5_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a6_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a7_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a8_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a9_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4a10_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b11_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b12_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b13_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b14_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b15_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b16_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b17_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b18_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b19_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      if (this.form.p4.p4b20_bkcu_penilaian == nilai) {
+        jumlah++;
+      }
+
+      return jumlah;
+    }
+  },
+  computed: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['form', 'mode', 'nilaiTotalSkorCU', 'nilaiTotalBobotCU', 'nilaiTotalSkorBKCU', 'nilaiTotalBobotBKCU', 'a1', 'e9'],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"]
+  },
+  data: function data() {
+    return {
+      collapsed: false
+    };
+  },
+  created: function created() {},
+  watch: {},
+  methods: {},
+  computed: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['form'],
+  components: {},
+  data: function data() {
+    return {};
+  },
+  created: function created() {},
+  watch: {},
+  methods: {
+    click1: function click1() {
+      if (this.$route.meta.mode == 'penilaianBkcu') {
+        this.$emit('click1');
+      }
+    },
+    click2: function click2() {
+      if (this.$route.meta.mode == 'penilaianBkcu') {
+        this.$emit('click2');
+      }
+    },
+    click3: function click3() {
+      if (this.$route.meta.mode == 'penilaianBkcu') {
+        this.$emit('click3');
+      }
+    },
+    click4: function click4() {
+      if (this.$route.meta.mode == 'penilaianBkcu') {
+        this.$emit('click4');
+      }
+    }
+  },
+  computed: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['form', 'subtitle1', 'subtitle2', 'subtitle3', 'subtitle4'],
+  components: {},
+  data: function data() {
+    return {};
+  },
+  created: function created() {},
+  watch: {},
+  methods: {
+    click1: function click1() {
+      if (this.$route.meta.mode != 'penilaianBkcu' && this.$route.meta.mode != 'lihat') {
+        this.$emit('click1');
+      }
+    },
+    click2: function click2() {
+      if (this.$route.meta.mode != 'penilaianBkcu' && this.$route.meta.mode != 'lihat') {
+        this.$emit('click2');
+      }
+    },
+    click3: function click3() {
+      if (this.$route.meta.mode != 'penilaianBkcu' && this.$route.meta.mode != 'lihat') {
+        this.$emit('click3');
+      }
+    },
+    click4: function click4() {
+      if (this.$route.meta.mode != 'penilaianBkcu' && this.$route.meta.mode != 'lihat') {
+        this.$emit('click4');
+      }
+    }
+  },
+  computed: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'nilaiSkorCUP1A', 'nilaiBobotCUP1A', 'nilaiSkorBKCUP1A', 'nilaiBobotBKCUP1A', 'nilaiSkorCUP1B', 'nilaiBobotCUP1B', 'nilaiSkorBKCUP1B', 'nilaiBobotBKCUP1B', 'nilaiSkorCUP1C', 'nilaiBobotCUP1C', 'nilaiSkorBKCUP1C', 'nilaiBobotBKCUP1C', 'nilaiSkorCUP1D', 'nilaiBobotCUP1D', 'nilaiSkorBKCUP1D', 'nilaiBobotBKCUP1D', 'nilaiSkorCUP1E', 'nilaiBobotCUP1E', 'nilaiSkorBKCUP1E', 'nilaiBobotBKCUP1E', 'nilaiSkorCUP1F', 'nilaiBobotCUP1F', 'nilaiSkorBKCUP1F', 'nilaiBobotBKCUP1F'],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'perspektif_keuangan_' + this.form.cu.no_ba,
+      collapsed: false,
+      excel: {
+        fields: {
+          perspektif: 'perspektif',
+          skor_cu: 'skor_cu',
+          bobot_cu: 'bobot_cu',
+          skor_bkcu: 'skor_bkcu',
+          bobot_bkcu: 'bobot_bkcu',
+          keterangan_cu: 'keterangan_cu',
+          keterangan_bkcu: 'keterangan_bkcu',
+          rekomendasi_bkcu: 'rekomendasi_bkcu'
+        },
+        data: [],
+        meta: [[{
+          "key": "charset",
+          "value": "utf-8"
+        }]]
+      }
+    };
+  },
+  created: function created() {
+    this.excel.data = [{
+      perspektif: '1. P1 = Mengukur kemampuan CU menyediakan dana cadangan risiko atas piutang lalai > 12 bulan',
+      skor_cu: this.form.p1.p1a1_cu_penilaian / 1,
+      bobot_cu: (this.form.p1.p1a1_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p1.p1a1_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p1.p1a1_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p1.p1a1_cu_keterangan,
+      keterangan_bkcu: this.form.p1.p1a1_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p1.p1a1_bkcu_rekomendasi
+    }, {
+      perspektif: '2. P2 = Mengukur kemampuan CU menyediakan dana cadangan risiko atas piutang lalai < 12 bulan',
+      skor_cu: this.form.p1.p1a2_cu_penilaian / 1,
+      bobot_cu: (this.form.p1.p1a2_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p1.p1a2_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p1.p1a2_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p1.p1a2_cu_keterangan,
+      keterangan_bkcu: this.form.p1.p1a2_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p1.p1a2_bkcu_rekomendasi
+    }, {
+      perspektif: '3. E1 = Mengukur persentase total asset yang diinvestasikan dalam piutang',
+      skor_cu: this.form.p1.p1b3_cu_penilaian / 1,
+      bobot_cu: (this.form.p1.p1b3_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p1.p1b3_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p1.p1b3_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p1.p1b3_cu_keterangan,
+      keterangan_bkcu: this.form.p1.p1b3_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p1.p1b3_bkcu_rekomendasi
+    }, {
+      perspektif: '4. E5 = Mengukur persentase total asset yang didanai dari simpanan non saham',
+      skor_cu: this.form.p1.p1b4_cu_penilaian / 1,
+      bobot_cu: (this.form.p1.p1b4_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p1.p1b4_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p1.p1b4_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p1.p1b4_cu_keterangan,
+      keterangan_bkcu: this.form.p1.p1b4_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p1.p1b4_bkcu_rekomendasi
+    }, {
+      perspektif: '5. E6 = Mengukur persentase total asset yang didanai dari pinjaman pihak 3',
+      skor_cu: this.form.p1.p1b5_cu_penilaian / 1,
+      bobot_cu: (this.form.p1.p1b5_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p1.p1b5_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p1.p1b5_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p1.p1b5_cu_keterangan,
+      keterangan_bkcu: this.form.p1.p1b5_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p1.p1b5_bkcu_rekomendasi
+    }, {
+      perspektif: '6. E9 = Mengukur level nyata dari modal lembaga setelah mengeluarkan penyisihan DCR untuk menutupi P1 & P2',
+      skor_cu: this.form.p1.p1b7_cu_penilaian / 1,
+      bobot_cu: (this.form.p1.p1b7_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p1.p1b7_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p1.p1b7_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p1.p1b7_cu_keterangan,
+      keterangan_bkcu: this.form.p1.p1b7_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p1.p1b7_bkcu_rekomendasi
+    }, {
+      perspektif: '7. A1 = Mengukur persentase total kelalaian piutang terhadap total piutang',
+      skor_cu: this.form.p1.p1c8_cu_penilaian / 1,
+      bobot_cu: (this.form.p1.p1c8_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p1.p1c8_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p1.p1c8_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p1.p1c8_cu_keterangan,
+      keterangan_bkcu: this.form.p1.p1c8_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p1.p1c8_bkcu_rekomendasi
+    }, {
+      perspektif: '8. A2 = Mengukur total asset yang tidak menghasilkan income',
+      skor_cu: this.form.p1.p1c9_cu_penilaian / 1,
+      bobot_cu: (this.form.p1.p1c9_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p1.p1c9_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p1.p1c9_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p1.p1c9_cu_keterangan,
+      keterangan_bkcu: this.form.p1.p1c9_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p1.p1c9_bkcu_rekomendasi
+    }, {
+      perspektif: '9. R7 = Mengukur persentase pengembalian biaya atas simpanan saham',
+      skor_cu: this.form.p1.p1d10_cu_penilaian / 1,
+      bobot_cu: (this.form.p1.p1d10_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p1.p1d10_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p1.p1d10_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p1.p1d10_cu_keterangan,
+      keterangan_bkcu: this.form.p1.p1d10_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p1.p1d10_bkcu_rekomendasi
+    }, {
+      perspektif: '10. R9 = Mengukur persentase beban untuk mengelola semua asset',
+      skor_cu: this.form.p1.p1d11_cu_penilaian / 1,
+      bobot_cu: (this.form.p1.p1d11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p1.p1d11_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p1.p1d11_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p1.p1d11_cu_keterangan,
+      keterangan_bkcu: this.form.p1.p1d11_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p1.p1d11_bkcu_rekomendasi
+    }, {
+      perspektif: '11. L1 = Mengukur persentase cadangan likuid untuk memenuhi permintaan penarikan setelah membayar semua kewajiban < 30 hari',
+      skor_cu: this.form.p1.p1e12_cu_penilaian / 1,
+      bobot_cu: (this.form.p1.p1e12_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p1.p1e12_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p1.p1e12_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p1.p1e12_cu_keterangan,
+      keterangan_bkcu: this.form.p1.p1e12_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p1.p1e12_bkcu_rekomendasi
+    }, {
+      perspektif: '12. S10 = Mengukur persentase pertumbuhan anggota dari tahun ke tahun',
+      skor_cu: this.form.p1.p1f13_cu_penilaian / 1,
+      bobot_cu: (this.form.p1.p1f13_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p1.p1f13_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p1.p1f13_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p1.p1f13_cu_keterangan,
+      keterangan_bkcu: this.form.p1.p1f13_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p1.p1f13_bkcu_rekomendasi
+    }, {
+      perspektif: '13. S11 = Mengukur persentase pertumbuhan total  aset dari tahun ke tahun',
+      skor_cu: this.form.p1.p1f14_cu_penilaian / 1,
+      bobot_cu: (this.form.p1.p1f14_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p1.p1f14_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p1.p1f14_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p1.p1f14_cu_keterangan,
+      keterangan_bkcu: this.form.p1.p1f14_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p1.p1f14_bkcu_rekomendasi
+    }];
+  },
+  watch: {},
+  methods: {},
+  computed: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'nilaiSkorCUP2A', 'nilaiBobotCUP2A', 'nilaiSkorBKCUP2A', 'nilaiBobotBKCUP2A', 'nilaiSkorCUP2B', 'nilaiBobotCUP2B', 'nilaiSkorBKCUP2B', 'nilaiBobotBKCUP2B'],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  data: function data() {
+    return {
+      collapsed: false,
+      title: 'perspektif_anggota_' + this.form.cu.no_ba,
+      excel: {
+        fields: {
+          perspektif: 'perspektif',
+          skor_cu: 'skor_cu',
+          bobot_cu: 'bobot_cu',
+          skor_bkcu: 'skor_bkcu',
+          bobot_bkcu: 'bobot_bkcu',
+          keterangan_cu: 'keterangan_cu',
+          keterangan_bkcu: 'keterangan_bkcu',
+          rekomendasi_bkcu: 'rekomendasi_bkcu'
+        },
+        data: [],
+        meta: [[{
+          "key": "charset",
+          "value": "utf-8"
+        }]]
+      }
+    };
+  },
+  created: function created() {
+    this.excel.data = [{
+      perspektif: '1. Target Produk dan Pelayanan',
+      skor_cu: this.form.p2.p2a1_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2a1_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2a1_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2a1_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2a1_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2a1_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2a1_bkcu_rekomendasi
+    }, {
+      perspektif: '2. Tampilan Produk',
+      skor_cu: this.form.p2.p2a2_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2a2_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2a2_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2a2_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2a2_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2a2_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2a2_bkcu_rekomendasi
+    }, {
+      perspektif: '3. Rentangan Produk Keuangan',
+      skor_cu: this.form.p2.p2a3_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2a3_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2a3_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2a3_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2a3_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2a3_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2a3_bkcu_rekomendasi
+    }, {
+      perspektif: '4. Brand sebagai Pola Pikir',
+      skor_cu: this.form.p2.p2a4_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2a4_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2a4_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2a4_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2a4_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2a4_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2a4_bkcu_rekomendasi
+    }, {
+      perspektif: '5. Produk Pendorong Kesejahteraan',
+      skor_cu: this.form.p2.p2a5_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2a5_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2a5_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2a5_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2a5_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2a5_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2a5_bkcu_rekomendasi
+    }, {
+      perspektif: '6. Capacitiy Based Landing (Pinjaman berbasis kemampuan mengembalikan)',
+      skor_cu: this.form.p2.p2a6_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2a6_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2a6_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2a6_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2a6_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2a6_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2a6_bkcu_rekomendasi
+    }, {
+      perspektif: '7. Akses dan Kenyamanan',
+      skor_cu: this.form.p2.p2a7_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2a7_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2a7_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2a7_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2a7_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2a7_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2a7_bkcu_rekomendasi
+    }, {
+      perspektif: '8. Price Value',
+      skor_cu: this.form.p2.p2a8_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2a8_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2a8_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2a8_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2a8_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2a8_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2a8_bkcu_rekomendasi
+    }, {
+      perspektif: '9. Pemasaran dan Promosi',
+      skor_cu: this.form.p2.p2a9_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2a9_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2a9_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2a9_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2a9_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2a9_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2a9_bkcu_rekomendasi
+    }, {
+      perspektif: '10. Insentif Loyalitas',
+      skor_cu: this.form.p2.p2a10_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2a10_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2a10_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2a10_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2a10_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2a10_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2a10_bkcu_rekomendasi
+    }, {
+      perspektif: '11. Kemasan Produk',
+      skor_cu: this.form.p2.p2a11_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2a11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2a11_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2a11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2a11_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2a11_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2a11_bkcu_rekomendasi
+    }, {
+      perspektif: '12. Pemahaman tentang Anggota',
+      skor_cu: this.form.p2.p2b12_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b12_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b12_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b12_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b12_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b12_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b12_bkcu_rekomendasi
+    }, {
+      perspektif: '13. Membina Hubungan Berkelanjutan dengan Anggota',
+      skor_cu: this.form.p2.p2b13_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b13_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b13_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b13_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b13_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b13_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b13_bkcu_rekomendasi
+    }, {
+      perspektif: '14. Evaluasi Kepuasan Anggota',
+      skor_cu: this.form.p2.p2b14_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b14_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b14_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b14_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b14_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b14_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b14_bkcu_rekomendasi
+    }, {
+      perspektif: '15. Share of Wallet (Hanya menjadi anggota CU kita)',
+      skor_cu: this.form.p2.p2b15_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b15_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b15_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b15_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b15_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b15_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b15_bkcu_rekomendasi
+    }, {
+      perspektif: '16. Customer Care Excellence yang dilembagakan',
+      skor_cu: this.form.p2.p2b16_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b16_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b16_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b16_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b16_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b16_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b16_bkcu_rekomendasi
+    }, {
+      perspektif: '17. Manfaat bagi anggota (Member benefit)',
+      skor_cu: this.form.p2.p2b17_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b17_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b17_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b17_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b17_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b17_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b17_bkcu_rekomendasi
+    }, {
+      perspektif: '18. Rapat Anggota',
+      skor_cu: this.form.p2.p2b18_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b18_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b18_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b18_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b18_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b18_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b18_bkcu_rekomendasi
+    }, {
+      perspektif: '19. Partisipasi anggota',
+      skor_cu: this.form.p2.p2b19_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b19_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b19_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b19_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b19_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b19_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b19_bkcu_rekomendasi
+    }, {
+      perspektif: '20. Masukan dari anggota secara rutin setiap tahun dalam perencanaan, umpan balik dari anggota diminta secara rutin dan wilayah kerja sudah dibagi untuk memastikan bahwa umpan balik terkumpul',
+      skor_cu: this.form.p2.p2b20_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b20_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b20_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b20_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b20_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b20_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b20_bkcu_rekomendasi
+    }, {
+      perspektif: '21. Pengguna Produk-produk Pinjaman',
+      skor_cu: this.form.p2.p2b21_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b21_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b21_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b21_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b21_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b21_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b21_bkcu_rekomendasi
+    }, {
+      perspektif: '22. Pemahaman Tanggung jawab Peminjam - dilihat dari % Kelalaian',
+      skor_cu: this.form.p2.p2b22_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b22_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b22_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b22_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b22_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b22_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b22_bkcu_rekomendasi
+    }, {
+      perspektif: '23. Infrastruktur Fisik-Bangunan dan Ruang Kantor',
+      skor_cu: this.form.p2.p2b23_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b23_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b23_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b23_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b23_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b23_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b23_bkcu_rekomendasi
+    }, {
+      perspektif: '24. Infrastruktur teknologi –telefon dan faks',
+      skor_cu: this.form.p2.p2b24_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b24_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b24_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b24_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b24_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b24_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b24_bkcu_rekomendasi
+    }, {
+      perspektif: '25. Komputer, Aplikasi, Network dan Email',
+      skor_cu: this.form.p2.p2b25_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b25_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b25_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b25_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b25_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b25_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b25_bkcu_rekomendasi
+    }, {
+      perspektif: '26. Website',
+      skor_cu: this.form.p2.p2b26_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b26_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b26_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b26_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b26_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b26_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b26_bkcu_rekomendasi
+    }, {
+      perspektif: '27. Sistem Pelaporan Manajemen & Pusat Data',
+      skor_cu: this.form.p2.p2b27_cu_penilaian / 1,
+      bobot_cu: (this.form.p2.p2b27_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p2.p2b27_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p2.p2b27_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p2.p2b27_cu_keterangan,
+      keterangan_bkcu: this.form.p2.p2b27_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p2.p2b27_bkcu_rekomendasi
+    }];
+  },
+  watch: {},
+  methods: {},
+  computed: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'nilaiSkorCUP3A', 'nilaiBobotCUP3A', 'nilaiSkorBKCUP3A', 'nilaiBobotBKCUP3A', 'nilaiSkorCUP3B', 'nilaiBobotCUP3B', 'nilaiSkorBKCUP3B', 'nilaiBobotBKCUP3B'],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  data: function data() {
+    return {
+      collapsed: false,
+      title: 'perspektif_bisnis_' + this.form.cu.no_ba,
+      excel: {
+        fields: {
+          perspektif: 'perspektif',
+          skor_cu: 'skor_cu',
+          bobot_cu: 'bobot_cu',
+          skor_bkcu: 'skor_bkcu',
+          bobot_bkcu: 'bobot_bkcu',
+          keterangan_cu: 'keterangan_cu',
+          keterangan_bkcu: 'keterangan_bkcu',
+          rekomendasi_bkcu: 'rekomendasi_bkcu'
+        },
+        data: [],
+        meta: [[{
+          "key": "charset",
+          "value": "utf-8"
+        }]]
+      }
+    };
+  },
+  created: function created() {
+    this.excel.data = [{
+      perspektif: '1. Manual Operasional Yang Komprehensif',
+      skor_cu: this.form.p3.p3a1_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3a1_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3a1_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3a1_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3a1_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3a1_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3a1_bkcu_rekomendasi
+    }, {
+      perspektif: '2. Manual Prosedur',
+      skor_cu: this.form.p3.p3a2_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3a2_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3a2_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3a2_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3a2_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3a2_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3a2_bkcu_rekomendasi
+    }, {
+      perspektif: '3. Produktivitas Staf',
+      skor_cu: this.form.p3.p3a3_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3a3_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3a3_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3a3_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3a3_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3a3_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3a3_bkcu_rekomendasi
+    }, {
+      perspektif: '4. Manajemen Kekeliruan (Error Management)',
+      skor_cu: this.form.p3.p3a4_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3a4_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3a4_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3a4_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3a4_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3a4_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3a4_bkcu_rekomendasi
+    }, {
+      perspektif: '5. Service delivery kepada anggota - Pinjaman',
+      skor_cu: this.form.p3.p3a5_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3a5_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3a5_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3a5_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3a5_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3a5_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3a5_bkcu_rekomendasi
+    }, {
+      perspektif: '6. Service delivery kepada anggota - Simpanan',
+      skor_cu: this.form.p3.p3a6_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3a6_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3a6_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3a6_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3a6_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3a6_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3a6_bkcu_rekomendasi
+    }, {
+      perspektif: '7. Service delivery kepada anggota – Penarikan Simpanan',
+      skor_cu: this.form.p3.p3a7_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3a7_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3a7_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3a7_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3a7_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3a7_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3a7_bkcu_rekomendasi
+    }, {
+      perspektif: '8. Penggunaan Mesin dan Peralatan Kantor',
+      skor_cu: this.form.p3.p3a8_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3a8_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3a8_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3a8_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3a8_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3a8_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3a8_bkcu_rekomendasi
+    }, {
+      perspektif: '9. Efisiensi Komunikasi Internal',
+      skor_cu: this.form.p3.p3a9_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3a9_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3a9_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3a9_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3a9_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3a9_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3a9_bkcu_rekomendasi
+    }, {
+      perspektif: '10. Kematangan Visi',
+      skor_cu: this.form.p3.p3b10_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b10_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b10_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b10_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b10_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b10_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b10_bkcu_rekomendasi
+    }, {
+      perspektif: '11. Keberanian Visi (Boldness  of Vission)',
+      skor_cu: this.form.p3.p3b11_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b11_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b11_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b11_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b11_bkcu_rekomendasi
+    }, {
+      perspektif: '12. Perumusan Misi Dengan Baik',
+      skor_cu: this.form.p3.p3b12_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b12_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b12_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b12_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b12_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b12_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b12_bkcu_rekomendasi
+    }, {
+      perspektif: '13. Nilai-nilai inti',
+      skor_cu: this.form.p3.p3b13_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b13_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b13_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b13_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b13_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b13_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b13_bkcu_rekomendasi
+    }, {
+      perspektif: '14. Keluasan Sasaran',
+      skor_cu: this.form.p3.p3b14_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b14_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b14_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b14_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b14_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b14_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b14_bkcu_rekomendasi
+    }, {
+      perspektif: '15. Tujuan Strategis',
+      skor_cu: this.form.p3.p3b15_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b15_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b15_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b15_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b15_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b15_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b15_bkcu_rekomendasi
+    }, {
+      perspektif: '16. Rencana Bisnis Tahunan',
+      skor_cu: this.form.p3.p3b16_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b16_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b16_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b16_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b16_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b16_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b16_bkcu_rekomendasi
+    }, {
+      perspektif: '17. Budaya Jual (Sales Culture)',
+      skor_cu: this.form.p3.p3b17_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b17_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b17_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b17_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b17_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b17_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b17_bkcu_rekomendasi
+    }, {
+      perspektif: '18. Keterlibatan Masyarakat Lokal',
+      skor_cu: this.form.p3.p3b18_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b18_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b18_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b18_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b18_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b18_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b18_bkcu_rekomendasi
+    }, {
+      perspektif: '19. Kemitraan dan Aliansi',
+      skor_cu: this.form.p3.p3b19_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b19_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b19_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b19_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b19_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b19_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b19_bkcu_rekomendasi
+    }, {
+      perspektif: '20. Hubungan dengan Federasi (BKCU)',
+      skor_cu: this.form.p3.p3b20_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b20_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b20_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b20_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b20_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b20_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b20_bkcu_rekomendasi
+    }, {
+      perspektif: '21. Anggota Masyarakat Pengguna Layanan Credit Union',
+      skor_cu: this.form.p3.p3b21_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b21_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b21_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b21_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b21_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b21_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b21_bkcu_rekomendasi
+    }, {
+      perspektif: '22. Segmentasi Anggota menurut umur',
+      skor_cu: this.form.p3.p3b22_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b22_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b22_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b22_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b22_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b22_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b22_bkcu_rekomendasi
+    }, {
+      perspektif: '23. Keberagaman Keanggotaan',
+      skor_cu: this.form.p3.p3b23_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b23_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b23_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b23_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b23_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b23_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b23_bkcu_rekomendasi
+    }, {
+      perspektif: '24. Kesetaraan Gender',
+      skor_cu: this.form.p3.p3b24_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b24_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b24_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b24_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b24_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b24_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b24_bkcu_rekomendasi
+    }, {
+      perspektif: '25. Pemenuhan Aturan',
+      skor_cu: this.form.p3.p3b25_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b25_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b25_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b25_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b25_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b25_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b25_bkcu_rekomendasi
+    }, {
+      perspektif: '26. Kepatuhan Hukum',
+      skor_cu: this.form.p3.p3b26_cu_penilaian / 1,
+      bobot_cu: (this.form.p3.p3b26_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p3.p3b26_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p3.p3b26_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p3.p3b26_cu_keterangan,
+      keterangan_bkcu: this.form.p3.p3b26_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p3.p3b26_bkcu_rekomendasi
+    }];
+  },
+  watch: {},
+  methods: {},
+  computed: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['form', 'mode', 'jumlahIndikator', 'bobotSkor', 'nilaiSkorCUP4A', 'nilaiBobotCUP4A', 'nilaiSkorBKCUP4A', 'nilaiBobotBKCUP4A', 'nilaiSkorCUP4B', 'nilaiBobotCUP4B', 'nilaiSkorBKCUP4B', 'nilaiBobotBKCUP4B'],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  data: function data() {
+    return {
+      collapsed: false,
+      title: 'perspektif_pembelajaran_' + this.form.cu.no_ba,
+      excel: {
+        fields: {
+          perspektif: 'perspektif',
+          skor_cu: 'skor_cu',
+          bobot_cu: 'bobot_cu',
+          skor_bkcu: 'skor_bkcu',
+          bobot_bkcu: 'bobot_bkcu',
+          keterangan_cu: 'keterangan_cu',
+          keterangan_bkcu: 'keterangan_bkcu',
+          rekomendasi_bkcu: 'rekomendasi_bkcu'
+        },
+        data: [],
+        meta: [[{
+          "key": "charset",
+          "value": "utf-8"
+        }]]
+      }
+    };
+  },
+  created: function created() {
+    this.excel.data = [{
+      perspektif: '1. Pusat Keputusan Yang Utama',
+      skor_cu: this.form.p4.p4a1_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4a1_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4a1_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4a1_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4a1_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4a1_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4a1_bkcu_rekomendasi
+    }, {
+      perspektif: '2. Peran Penasehat (advisory)',
+      skor_cu: this.form.p4.p4a2_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4a2_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4a2_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4a2_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4a2_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4a2_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4a2_bkcu_rekomendasi
+    }, {
+      perspektif: '3. Peran Pengabadian (Perpetuating)',
+      skor_cu: this.form.p4.p4a3_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4a3_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4a3_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4a3_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4a3_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4a3_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4a3_bkcu_rekomendasi
+    }, {
+      perspektif: '4. Fungsi Wali',
+      skor_cu: this.form.p4.p4a4_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4a4_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4a4_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4a4_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4a4_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4a4_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4a4_bkcu_rekomendasi
+    }, {
+      perspektif: '5. Sebagai Simbol',
+      skor_cu: this.form.p4.p4a5_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4a5_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4a5_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4a5_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4a5_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4a5_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4a5_bkcu_rekomendasi
+    }, {
+      perspektif: '6. Komposisi dan Komitmen',
+      skor_cu: this.form.p4.p4a6_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4a6_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4a6_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4a6_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4a6_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4a6_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4a6_bkcu_rekomendasi
+    }, {
+      perspektif: '7. Service delivery kepada anggota – Penarikan Simpanan',
+      skor_cu: this.form.p4.p4a7_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4a7_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4a7_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4a7_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4a7_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4a7_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4a7_bkcu_rekomendasi
+    }, {
+      perspektif: '8. Tata Kelola',
+      skor_cu: this.form.p4.p4a8_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4a8_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4a8_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4a8_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4a8_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4a8_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4a8_bkcu_rekomendasi
+    }, {
+      perspektif: '9. Evaluasi Kinerja',
+      skor_cu: this.form.p4.p4a9_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4a9_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4a9_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4a9_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4a9_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4a9_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4a9_bkcu_rekomendasi
+    }, {
+      perspektif: '10. Kesetaraan Gender Dalam Kepemimpinan',
+      skor_cu: this.form.p4.p4a10_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4a10_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4a10_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4a10_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4a10_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4a10_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4a10_bkcu_rekomendasi
+    }, {
+      perspektif: '11. Rancangan Kerja (Job Design)',
+      skor_cu: this.form.p4.p4b11_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4b11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4b11_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4b11_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4b11_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4b11_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4b11_bkcu_rekomendasi
+    }, {
+      perspektif: '12. Rekruitmen dan Seleksi',
+      skor_cu: this.form.p4.p4b12_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4b12_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4b12_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4b12_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4b12_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4b12_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4b12_bkcu_rekomendasi
+    }, {
+      perspektif: '13. Kompensasi',
+      skor_cu: this.form.p4.p4b13_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4b13_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4b13_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4b13_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4b13_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4b13_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4b13_bkcu_rekomendasi
+    }, {
+      perspektif: '14. Pembagian Tingkatan Staf',
+      skor_cu: this.form.p4.p4b14_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4b14_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4b14_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4b14_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4b14_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4b14_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4b14_bkcu_rekomendasi
+    }, {
+      perspektif: '15. Tujuan Kinerja',
+      skor_cu: this.form.p4.p4b15_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4b15_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4b15_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4b15_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4b15_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4b15_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4b15_bkcu_rekomendasi
+    }, {
+      perspektif: '16. Standar-standar penilaian',
+      skor_cu: this.form.p4.p4b16_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4b16_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4b16_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4b16_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4b16_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4b16_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4b16_bkcu_rekomendasi
+    }, {
+      perspektif: '17. Kinerja sebagai nilai bersama',
+      skor_cu: this.form.p4.p4b17_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4b17_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4b17_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4b17_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4b17_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4b17_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4b17_bkcu_rekomendasi
+    }, {
+      perspektif: '18. Kecakapan Tim',
+      skor_cu: this.form.p4.p4b18_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4b18_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4b18_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4b18_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4b18_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4b18_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4b18_bkcu_rekomendasi
+    }, {
+      perspektif: '19. Jenjang Karir',
+      skor_cu: this.form.p4.p4b19_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4b19_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4b19_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4b19_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4b19_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4b19_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4b19_bkcu_rekomendasi
+    }, {
+      perspektif: '20. Program Pengembangan',
+      skor_cu: this.form.p4.p4b20_cu_penilaian / 1,
+      bobot_cu: (this.form.p4.p4b20_cu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      skor_bkcu: this.form.p4.p4b20_bkcu_penilaian / 1,
+      bobot_bkcu: (this.form.p4.p4b20_bkcu_penilaian / this.jumlahIndikator * this.bobotSkor).toFixed(2).replace('.', ','),
+      keterangan_cu: this.form.p4.p4b20_cu_keterangan,
+      keterangan_bkcu: this.form.p4.p4b20_bkcu_keterangan,
+      rekomendasi_bkcu: this.form.p4.p4b20_bkcu_rekomendasi
+    }];
+  },
+  watch: {},
+  methods: {},
+  computed: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css&":
+/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css& ***!
+  \*******************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+exports.i(__webpack_require__(/*! -!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/katex/dist/katex.min.css */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/katex/dist/katex.min.css"), "");
+
+// module
+exports.push([module.i, "\n", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css&":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css& ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p1.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+          ),
+        ]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticStyle: { display: "inline-block" } }, [
+    _c("i", {
+      directives: [
+        {
+          name: "tooltip",
+          rawName: "v-tooltip",
+          value: _vm.message,
+          expression: "message",
+        },
+      ],
+      staticClass: "icon-info22 d-none d-sm-block",
+    }),
+    _vm._v(" "),
+    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
+      _c("i", [_vm._v(_vm._s(_vm.message))]),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticStyle: { display: "inline-block" } }, [
+      _c(
+        "span",
+        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
+        [_vm._v("Wajib diisi")]
+      ),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form.vue?vue&type=template&id=4bb6c6b5&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form.vue?vue&type=template&id=4bb6c6b5& ***!
+  \*************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops, terjadi kesalahan",
+                      errorItem: _vm.errors.items,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "form",
+                {
+                  attrs: {
+                    enctype: "multipart/form-data",
+                    "data-vv-scope": "form",
+                  },
+                  on: {
+                    submit: function ($event) {
+                      $event.preventDefault()
+                      return _vm.save.apply(null, arguments)
+                    },
+                  },
+                },
+                [
+                  _c("div", { staticClass: "card card-body" }, [
+                    _c("div", { staticClass: "row" }, [
+                      _vm.currentUser.id_cu == 0
+                        ? _c("div", { staticClass: "col-md-6" }, [
+                            _c(
+                              "div",
+                              {
+                                staticClass: "form-group",
+                                class: {
+                                  "has-error": _vm.errors.has("form.id_cu"),
+                                },
+                              },
+                              [
+                                _c(
+                                  "h5",
+                                  {
+                                    class: {
+                                      "text-danger":
+                                        _vm.errors.has("form.id_cu"),
+                                    },
+                                  },
+                                  [
+                                    _vm.errors.has("form.id_cu")
+                                      ? _c("i", { staticClass: "icon-cross2" })
+                                      : _vm._e(),
+                                    _vm._v(
+                                      "\n                      CU:\n                      "
+                                    ),
+                                    _c("wajib-badge"),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "select",
+                                  {
+                                    directives: [
+                                      {
+                                        name: "model",
+                                        rawName: "v-model",
+                                        value: _vm.form.id_cu,
+                                        expression: "form.id_cu",
+                                      },
+                                      {
+                                        name: "validate",
+                                        rawName: "v-validate",
+                                        value: "required",
+                                        expression: "'required'",
+                                      },
+                                    ],
+                                    staticClass: "form-control",
+                                    attrs: {
+                                      name: "id_cu",
+                                      "data-width": "100%",
+                                      "data-vv-as": "CU",
+                                      disabled:
+                                        _vm.modelCU.length == 0 ||
+                                        _vm.$route.meta.mode ==
+                                          "penilaian_bkcu" ||
+                                        _vm.$route.meta.mode == "lihat" ||
+                                        _vm.$route.meta.mode == "edit",
+                                    },
+                                    on: {
+                                      change: [
+                                        function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
+                                              )
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.$set(
+                                            _vm.form,
+                                            "id_cu",
+                                            $event.target.multiple
+                                              ? $$selectedVal
+                                              : $$selectedVal[0]
+                                          )
+                                        },
+                                        function ($event) {
+                                          return _vm.changeCU(
+                                            $event.target.value
+                                          )
+                                        },
+                                      ],
+                                    },
+                                  },
+                                  [
+                                    _c(
+                                      "option",
+                                      { attrs: { disabled: "", value: "0" } },
+                                      [_vm._v("Silahkan pilih CU")]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm._l(_vm.modelCU, function (cu, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: cu.id },
+                                        },
+                                        [_vm._v(_vm._s(cu.name))]
+                                      )
+                                    }),
+                                  ],
+                                  2
+                                ),
+                                _vm._v(" "),
+                                _vm.errors.has("form.id_cu")
+                                  ? _c(
+                                      "small",
+                                      { staticClass: "text-muted text-danger" },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-arrow-small-right",
+                                        }),
+                                        _vm._v(
+                                          "\n                      " +
+                                            _vm._s(
+                                              _vm.errors.first("form.id_cu")
+                                            ) +
+                                            "\n                    "
+                                        ),
+                                      ]
+                                    )
+                                  : _c("small", { staticClass: "text-muted" }, [
+                                      _vm._v(" "),
+                                    ]),
+                              ]
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _c(
+                        "div",
+                        {
+                          class: {
+                            "col-md-6": _vm.currentUser.id_cu == 0,
+                            "col-md-12": _vm.currentUser.id_cu != 0,
+                          },
+                        },
+                        [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.periode"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.periode"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.periode")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n                      Periode:\n                      "
+                                  ),
+                                  _c("wajib-badge"),
+                                  _vm._v(" "),
+                                  _c("info-icon", {
+                                    attrs: {
+                                      message:
+                                        "Periode diambil dari laporan perkembangan CU",
+                                    },
+                                  }),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_laporan_cu,
+                                      expression: "form.id_laporan_cu",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "periode",
+                                    "data-width": "100%",
+                                    "data-vv-as": "CU",
+                                    disabled:
+                                      _vm.modelPeriode.length == 0 ||
+                                      _vm.$route.meta.mode ==
+                                        "penilaian_bkcu" ||
+                                      _vm.$route.meta.mode == "lihat" ||
+                                      _vm.$route.meta.mode == "edit",
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_laporan_cu",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changePeriode(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelPeriodeStat == "loading"
+                                        ? _c("span", [
+                                            _vm._v("Mohon tunggu..."),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih periode"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelPeriode,
+                                    function (periode, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: periode.id },
+                                        },
+                                        [_vm._v(_vm._s(periode.periode))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.periode")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        "\n                      " +
+                                          _vm._s(
+                                            _vm.errors.first("form.periode")
+                                          ) +
+                                          "\n                    "
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _vm._m(0),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "col-md-6 mb-1" }, [
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block",
+                            attrs: { type: "button" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.back.apply(null, arguments)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-arrow-left13" }),
+                            _vm._v(" Batal\n                  "),
+                          ]
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _vm.$route.meta.mode != "lihat"
+                        ? _c("div", { staticClass: "col-md-6 mb-1" }, [
+                            (_vm.$route.meta.mode == "create" &&
+                              _vm.periodeStat == "success" &&
+                              _vm.periode == null) ||
+                            (_vm.$route.meta.mode != "create" &&
+                              _vm.form.periode != "" &&
+                              _vm.formStat == "success")
+                              ? _c("div", [
+                                  _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveDraft.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft\n                      "
+                                      ),
+                                    ]
+                                  ),
+                                ])
+                              : _vm._e(),
+                          ])
+                        : _vm._e(),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  (_vm.$route.meta.mode == "create" &&
+                    _vm.periodeStat == "success" &&
+                    _vm.periode == null) ||
+                  (_vm.$route.meta.mode != "create" &&
+                    _vm.form.periode != "" &&
+                    _vm.formStat == "success")
+                    ? _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
+                        _c(
+                          "ul",
+                          {
+                            staticClass: "nav nav-tabs nav-tabs-solid bg-light",
+                          },
+                          [
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "p1" },
+                                  staticStyle: { cursor: "pointer" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("p1")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "a",
+                                    {
+                                      staticClass: "font-weight-bold",
+                                      class: {
+                                        "text-white": _vm.tabName == "p1",
+                                      },
+                                      attrs: { href: "#" },
+                                    },
+                                    [_vm._v("1. PERSPEKTIF KEUANGAN")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("hr", { staticClass: "mt-1 mb-1" }),
+                                  _vm._v(" "),
+                                  _c(
+                                    "ul",
+                                    { staticClass: "list-inline mb-0" },
+                                    [
+                                      _c("li", [
+                                        _vm._v(
+                                          "\n                        Skor CU: " +
+                                            _vm._s(
+                                              _vm.nilaiSkorCUP1A +
+                                                _vm.nilaiSkorCUP1B +
+                                                _vm.nilaiSkorCUP1C +
+                                                _vm.nilaiSkorCUP1D +
+                                                _vm.nilaiSkorCUP1E +
+                                                _vm.nilaiSkorCUP1F
+                                            ) +
+                                            "\n                        / Bobot Skor CU: " +
+                                            _vm._s(
+                                              _vm._f("round")(
+                                                _vm.nilaiBobotCUP1A +
+                                                  _vm.nilaiBobotCUP1B +
+                                                  _vm.nilaiBobotCUP1C +
+                                                  _vm.nilaiBobotCUP1D +
+                                                  _vm.nilaiBobotCUP1E +
+                                                  _vm.nilaiBobotCUP1F,
+                                                2
+                                              )
+                                            ) +
+                                            "%\n                      "
+                                        ),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("li", [
+                                        _vm._v(
+                                          "\n                        Skor PUSKOPCUINA: " +
+                                            _vm._s(
+                                              _vm.nilaiSkorBKCUP1A +
+                                                _vm.nilaiSkorBKCUP1B +
+                                                _vm.nilaiSkorBKCUP1C +
+                                                _vm.nilaiSkorBKCUP1D +
+                                                _vm.nilaiSkorBKCUP1E +
+                                                _vm.nilaiSkorBKCUP1F
+                                            ) +
+                                            "\n                        / Bobot Skor PUSKOPCUINA: " +
+                                            _vm._s(
+                                              _vm._f("round")(
+                                                _vm.nilaiBobotBKCUP1A +
+                                                  _vm.nilaiBobotBKCUP1B +
+                                                  _vm.nilaiBobotBKCUP1C +
+                                                  _vm.nilaiBobotBKCUP1D +
+                                                  _vm.nilaiBobotBKCUP1E +
+                                                  _vm.nilaiBobotBKCUP1F,
+                                                2
+                                              )
+                                            ) +
+                                            "%\n                      "
+                                        ),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "p2" },
+                                  staticStyle: { cursor: "pointer" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("p2")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "a",
+                                    {
+                                      staticClass: "font-weight-bold",
+                                      class: {
+                                        "text-white": _vm.tabName == "p2",
+                                      },
+                                      attrs: { href: "#" },
+                                    },
+                                    [_vm._v("2. PERSPEKTIF ANGGOTA/PELANGGAN")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("hr", { staticClass: "mt-1 mb-1" }),
+                                  _vm._v(" "),
+                                  _c(
+                                    "ul",
+                                    { staticClass: "list-inline mb-0" },
+                                    [
+                                      _c("li", [
+                                        _vm._v(
+                                          "Skor CU: " +
+                                            _vm._s(
+                                              _vm.nilaiSkorCUP2A +
+                                                _vm.nilaiSkorCUP2B
+                                            ) +
+                                            " / Bobot Skor CU: " +
+                                            _vm._s(
+                                              _vm._f("round")(
+                                                _vm.nilaiBobotCUP2A +
+                                                  _vm.nilaiBobotCUP2B,
+                                                2
+                                              )
+                                            ) +
+                                            "%"
+                                        ),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("li", [
+                                        _vm._v(
+                                          "Skor PUSKOPCUINA: " +
+                                            _vm._s(
+                                              _vm.nilaiSkorBKCUP2A +
+                                                _vm.nilaiSkorBKCUP2B
+                                            ) +
+                                            " / Bobot Skor PUSKOPCUINA: " +
+                                            _vm._s(
+                                              _vm._f("round")(
+                                                _vm.nilaiBobotBKCUP2A +
+                                                  _vm.nilaiBobotBKCUP2B,
+                                                2
+                                              )
+                                            ) +
+                                            "%"
+                                        ),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "p3" },
+                                  staticStyle: { cursor: "pointer" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("p3")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "a",
+                                    {
+                                      staticClass: "font-weight-bold",
+                                      class: {
+                                        "text-white": _vm.tabName == "p3",
+                                      },
+                                      attrs: { href: "#" },
+                                    },
+                                    [_vm._v("3. PERSPEKTIF BISNIS INTERNAL")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("hr", { staticClass: "mt-1 mb-1" }),
+                                  _vm._v(" "),
+                                  _c(
+                                    "ul",
+                                    { staticClass: "list-inline mb-0" },
+                                    [
+                                      _c("li", [
+                                        _vm._v(
+                                          "Skor CU: " +
+                                            _vm._s(
+                                              _vm.nilaiSkorCUP3A +
+                                                _vm.nilaiSkorCUP3B
+                                            ) +
+                                            " / Bobot Skor CU: " +
+                                            _vm._s(
+                                              _vm._f("round")(
+                                                _vm.nilaiBobotCUP3A +
+                                                  _vm.nilaiBobotCUP3B,
+                                                2
+                                              )
+                                            ) +
+                                            "%"
+                                        ),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("li", [
+                                        _vm._v(
+                                          "Skor PUSKOPCUINA: " +
+                                            _vm._s(
+                                              _vm.nilaiSkorBKCUP3A +
+                                                _vm.nilaiSkorBKCUP3B
+                                            ) +
+                                            " / Bobot Skor PUSKOPCUINA: " +
+                                            _vm._s(
+                                              _vm._f("round")(
+                                                _vm.nilaiBobotBKCUP3A +
+                                                  _vm.nilaiBobotBKCUP3B,
+                                                2
+                                              )
+                                            ) +
+                                            "%"
+                                        ),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "p4" },
+                                  staticStyle: { cursor: "pointer" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("p4")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "a",
+                                    {
+                                      staticClass: "font-weight-bold",
+                                      class: {
+                                        "text-white": _vm.tabName == "p4",
+                                      },
+                                      attrs: { href: "#" },
+                                    },
+                                    [_vm._v("4. PERSPEKTIF PEMBELAJARAN")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("hr", { staticClass: "mt-1 mb-1" }),
+                                  _vm._v(" "),
+                                  _c(
+                                    "ul",
+                                    { staticClass: "list-inline mb-0" },
+                                    [
+                                      _c("li", [
+                                        _vm._v(
+                                          "Skor CU: " +
+                                            _vm._s(
+                                              _vm.nilaiSkorCUP4A +
+                                                _vm.nilaiSkorCUP4B
+                                            ) +
+                                            " / Bobot Skor CU: " +
+                                            _vm._s(
+                                              _vm._f("round")(
+                                                _vm.nilaiBobotCUP4A +
+                                                  _vm.nilaiBobotCUP4B,
+                                                2
+                                              )
+                                            ) +
+                                            "%"
+                                        ),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("li", [
+                                        _vm._v(
+                                          "Skor PUSKOPCUINA: " +
+                                            _vm._s(
+                                              _vm.nilaiSkorBKCUP4A +
+                                                _vm.nilaiSkorBKCUP4B
+                                            ) +
+                                            " / Bobot Skor PUSKOPCUINA: " +
+                                            _vm._s(
+                                              _vm._f("round")(
+                                                _vm.nilaiBobotBKCUP4A +
+                                                  _vm.nilaiBobotBKCUP4B,
+                                                2
+                                              )
+                                            ) +
+                                            "%"
+                                        ),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "nav-item" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "nav-link",
+                                  class: { active: _vm.tabName == "p5" },
+                                  staticStyle: { cursor: "pointer" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.changeTab("p5")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "a",
+                                    {
+                                      staticClass: "font-weight-bold",
+                                      class: {
+                                        "text-white": _vm.tabName == "p5",
+                                      },
+                                      attrs: { href: "#" },
+                                    },
+                                    [_vm._v("5. SCORE CARD & KESIMPULAN")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("hr", { staticClass: "mt-1 mb-1" }),
+                                  _vm._v(" "),
+                                  _c(
+                                    "ul",
+                                    { staticClass: "list-inline mb-0" },
+                                    [
+                                      _c("li", [
+                                        _vm._v(
+                                          "\n                        Total Skor CU: " +
+                                            _vm._s(_vm.totalSkorCU()) +
+                                            " /\n                        Total Bobot Skor CU: " +
+                                            _vm._s(_vm.totalBobotCU()) +
+                                            "%\n                      "
+                                        ),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("li", [
+                                        _vm._v(
+                                          "\n                        Total Skor PUSKOPCUINA: " +
+                                            _vm._s(_vm.totalSkorBKCU()) +
+                                            " /\n                        Total Bobot Skor PUSKOPCUINA: " +
+                                            _vm._s(_vm.totalBobotBKCU()) +
+                                            "%\n                      "
+                                        ),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                            ]),
+                          ]
+                        ),
+                      ])
+                    : _vm._e(),
+                  _vm._v(" "),
+                  _vm.$route.meta.mode == "create" &&
+                  _vm.periodeStat == "success" &&
+                  _vm.periode != null
+                    ? _c(
+                        "div",
+                        {
+                          staticClass:
+                            "alert bg-danger text-white alert-styled-left",
+                        },
+                        [
+                          _c("span", { staticClass: "font-weight-semibold" }, [
+                            _vm._v(
+                              "Maaf, self assesment untuk periode ini sudah pernah dilakukan mohon periksa kembali.\n\t\t\t\t\t\t\t"
+                            ),
+                          ]),
+                        ]
+                      )
+                    : _vm._e(),
+                  _vm._v(" "),
+                  _c(
+                    "transition",
+                    {
+                      attrs: {
+                        "enter-active-class": "animated fadeIn",
+                        mode: "out-in",
+                      },
+                    },
+                    [
+                      (_vm.$route.meta.mode == "create" &&
+                        _vm.periodeStat == "success" &&
+                        _vm.periode == null) ||
+                      (_vm.$route.meta.mode != "create" &&
+                        _vm.form.periode != "" &&
+                        _vm.formStat == "success")
+                        ? _c(
+                            "div",
+                            {
+                              directives: [
+                                {
+                                  name: "show",
+                                  rawName: "v-show",
+                                  value: _vm.tabName == "p1",
+                                  expression: "tabName == 'p1'",
+                                },
+                              ],
+                            },
+                            [
+                              _vm.formStat == "success"
+                                ? _c("form-p1", {
+                                    attrs: {
+                                      form: _vm.form,
+                                      jumlahIndikator: "56",
+                                      bobotSkor: "40",
+                                      mode: _vm.$route.meta.mode,
+                                      itemData: _vm.modelPearls,
+                                      updateSingleStat: _vm.updateSingleStat,
+                                    },
+                                    on: {
+                                      saveSingle: _vm.saveSingle,
+                                      reloadPearls: function ($event) {
+                                        return _vm.reloadPearls()
+                                      },
+                                      next: function ($event) {
+                                        return _vm.changeTab("p2")
+                                      },
+                                      prev: _vm.back,
+                                      skorCUA: _vm.skorCUP1A,
+                                      skorBKCUA: _vm.skorBKCUP1A,
+                                      bobotCUA: _vm.bobotCUP1A,
+                                      bobotBKCUA: _vm.bobotBKCUP1A,
+                                      skorCUB: _vm.skorCUP1B,
+                                      skorBKCUB: _vm.skorBKCUP1B,
+                                      bobotCUB: _vm.bobotCUP1B,
+                                      bobotBKCUB: _vm.bobotBKCUP1B,
+                                      skorCUC: _vm.skorCUP1C,
+                                      skorBKCUC: _vm.skorBKCUP1C,
+                                      bobotCUC: _vm.bobotCUP1C,
+                                      bobotBKCUC: _vm.bobotBKCUP1C,
+                                      skorCUD: _vm.skorCUP1D,
+                                      skorBKCUD: _vm.skorBKCUP1D,
+                                      bobotCUD: _vm.bobotCUP1D,
+                                      bobotBKCUD: _vm.bobotBKCUP1D,
+                                      skorCUE: _vm.skorCUP1E,
+                                      skorBKCUE: _vm.skorBKCUP1E,
+                                      bobotCUE: _vm.bobotCUP1E,
+                                      bobotBKCUE: _vm.bobotBKCUP1E,
+                                      skorCUF: _vm.skorCUP1F,
+                                      skorBKCUF: _vm.skorBKCUP1F,
+                                      bobotCUF: _vm.bobotCUP1F,
+                                      bobotBKCUF: _vm.bobotBKCUP1F,
+                                    },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                    ]
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "transition",
+                    {
+                      attrs: {
+                        "enter-active-class": "animated fadeIn",
+                        mode: "out-in",
+                      },
+                    },
+                    [
+                      _c(
+                        "div",
+                        {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.tabName == "p2",
+                              expression: "tabName == 'p2'",
+                            },
+                          ],
+                        },
+                        [
+                          _vm.formStat == "success"
+                            ? _c("form-p2", {
+                                attrs: {
+                                  form: _vm.form,
+                                  jumlahIndikator: "108",
+                                  bobotSkor: "20",
+                                  mode: _vm.$route.meta.mode,
+                                  updateSingleStat: _vm.updateSingleStat,
+                                },
+                                on: {
+                                  saveSingle: _vm.saveSingle,
+                                  prev: function ($event) {
+                                    return _vm.changeTab("p2")
+                                  },
+                                  next: function ($event) {
+                                    return _vm.changeTab("p3")
+                                  },
+                                  skorCUA: _vm.skorCUP2A,
+                                  skorBKCUA: _vm.skorBKCUP2A,
+                                  bobotCUA: _vm.bobotCUP2A,
+                                  bobotBKCUA: _vm.bobotBKCUP2A,
+                                  skorCUB: _vm.skorCUP2B,
+                                  skorBKCUB: _vm.skorBKCUP2B,
+                                  bobotCUB: _vm.bobotCUP2B,
+                                  bobotBKCUB: _vm.bobotBKCUP2B,
+                                },
+                              })
+                            : _vm._e(),
+                        ],
+                        1
+                      ),
+                    ]
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "transition",
+                    {
+                      attrs: {
+                        "enter-active-class": "animated fadeIn",
+                        mode: "out-in",
+                      },
+                    },
+                    [
+                      _c(
+                        "div",
+                        {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.tabName == "p3",
+                              expression: "tabName == 'p3'",
+                            },
+                          ],
+                        },
+                        [
+                          _vm.formStat == "success"
+                            ? _c("form-p3", {
+                                attrs: {
+                                  form: _vm.form,
+                                  jumlahIndikator: "104",
+                                  bobotSkor: "20",
+                                  mode: _vm.$route.meta.mode,
+                                  updateSingleStat: _vm.updateSingleStat,
+                                },
+                                on: {
+                                  saveSingle: _vm.saveSingle,
+                                  prev: function ($event) {
+                                    return _vm.changeTab("p3")
+                                  },
+                                  next: function ($event) {
+                                    return _vm.changeTab("p4")
+                                  },
+                                  skorCUA: _vm.skorCUP3A,
+                                  skorBKCUA: _vm.skorBKCUP3A,
+                                  bobotCUA: _vm.bobotCUP3A,
+                                  bobotBKCUA: _vm.bobotBKCUP3A,
+                                  skorCUB: _vm.skorCUP3B,
+                                  skorBKCUB: _vm.skorBKCUP3B,
+                                  bobotCUB: _vm.bobotCUP3B,
+                                  bobotBKCUB: _vm.bobotBKCUP3B,
+                                },
+                              })
+                            : _vm._e(),
+                        ],
+                        1
+                      ),
+                    ]
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "transition",
+                    {
+                      attrs: {
+                        "enter-active-class": "animated fadeIn",
+                        mode: "out-in",
+                      },
+                    },
+                    [
+                      _c(
+                        "div",
+                        {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.tabName == "p4",
+                              expression: "tabName == 'p4'",
+                            },
+                          ],
+                        },
+                        [
+                          _vm.formStat == "success"
+                            ? _c("form-p4", {
+                                attrs: {
+                                  form: _vm.form,
+                                  jumlahIndikator: "80",
+                                  bobotSkor: "20",
+                                  mode: _vm.$route.meta.mode,
+                                  updateSingleStat: _vm.updateSingleStat,
+                                },
+                                on: {
+                                  saveSingle: _vm.saveSingle,
+                                  prev: function ($event) {
+                                    return _vm.changeTab("p3")
+                                  },
+                                  next: function ($event) {
+                                    return _vm.changeTab("p5")
+                                  },
+                                  skorCUA: _vm.skorCUP4A,
+                                  skorBKCUA: _vm.skorBKCUP4A,
+                                  bobotCUA: _vm.bobotCUP4A,
+                                  bobotBKCUA: _vm.bobotBKCUP4A,
+                                  skorCUB: _vm.skorCUP4B,
+                                  skorBKCUB: _vm.skorBKCUP4B,
+                                  bobotCUB: _vm.bobotCUP4B,
+                                  bobotBKCUB: _vm.bobotBKCUP4B,
+                                },
+                              })
+                            : _vm._e(),
+                        ],
+                        1
+                      ),
+                    ]
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "transition",
+                    {
+                      attrs: {
+                        "enter-active-class": "animated fadeIn",
+                        mode: "out-in",
+                      },
+                    },
+                    [
+                      _c(
+                        "div",
+                        {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.tabName == "p5",
+                              expression: "tabName == 'p5'",
+                            },
+                          ],
+                        },
+                        [
+                          _vm.formStat == "success"
+                            ? _c("score-p1", {
+                                attrs: {
+                                  form: _vm.form,
+                                  jumlahIndikator: "56",
+                                  bobotSkor: "40",
+                                  mode: _vm.$route.meta.mode,
+                                  nilaiSkorCUP1A: _vm.nilaiSkorCUP1A,
+                                  nilaiBobotCUP1A: _vm.nilaiBobotCUP1A,
+                                  nilaiSkorBKCUP1A: _vm.nilaiSkorBKCUP1A,
+                                  nilaiBobotBKCUP1A: _vm.nilaiBobotBKCUP1A,
+                                  nilaiSkorCUP1B: _vm.nilaiSkorCUP1B,
+                                  nilaiBobotCUP1B: _vm.nilaiBobotCUP1B,
+                                  nilaiSkorBKCUP1B: _vm.nilaiSkorBKCUP1B,
+                                  nilaiBobotBKCUP1B: _vm.nilaiBobotBKCUP1B,
+                                  nilaiSkorCUP1C: _vm.nilaiSkorCUP1C,
+                                  nilaiBobotCUP1C: _vm.nilaiBobotCUP1C,
+                                  nilaiSkorBKCUP1C: _vm.nilaiSkorBKCUP1C,
+                                  nilaiBobotBKCUP1C: _vm.nilaiBobotBKCUP1C,
+                                  nilaiSkorCUP1D: _vm.nilaiSkorCUP1D,
+                                  nilaiBobotCUP1D: _vm.nilaiBobotCUP1D,
+                                  nilaiSkorBKCUP1D: _vm.nilaiSkorBKCUP1D,
+                                  nilaiBobotBKCUP1D: _vm.nilaiBobotBKCUP1D,
+                                  nilaiSkorCUP1E: _vm.nilaiSkorCUP1E,
+                                  nilaiBobotCUP1E: _vm.nilaiBobotCUP1E,
+                                  nilaiSkorBKCUP1E: _vm.nilaiSkorBKCUP1E,
+                                  nilaiBobotBKCUP1E: _vm.nilaiBobotBKCUP1E,
+                                  nilaiSkorCUP1F: _vm.nilaiSkorCUP1F,
+                                  nilaiBobotCUP1F: _vm.nilaiBobotCUP1F,
+                                  nilaiSkorBKCUP1F: _vm.nilaiSkorBKCUP1F,
+                                  nilaiBobotBKCUP1F: _vm.nilaiBobotBKCUP1F,
+                                },
+                              })
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _c("hr"),
+                          _vm._v(" "),
+                          _vm.formStat == "success"
+                            ? _c("score-p2", {
+                                attrs: {
+                                  form: _vm.form,
+                                  jumlahIndikator: "108",
+                                  bobotSkor: "20",
+                                  mode: _vm.$route.meta.mode,
+                                  nilaiSkorCUP2A: _vm.nilaiSkorCUP2A,
+                                  nilaiBobotCUP2A: _vm.nilaiBobotCUP2A,
+                                  nilaiSkorBKCUP2A: _vm.nilaiSkorBKCUP2A,
+                                  nilaiBobotBKCUP2A: _vm.nilaiBobotBKCUP2A,
+                                  nilaiSkorCUP2B: _vm.nilaiSkorCUP2B,
+                                  nilaiBobotCUP2B: _vm.nilaiBobotCUP2B,
+                                  nilaiSkorBKCUP2B: _vm.nilaiSkorBKCUP2B,
+                                  nilaiBobotBKCUP2B: _vm.nilaiBobotBKCUP2B,
+                                },
+                              })
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _c("hr"),
+                          _vm._v(" "),
+                          _vm.formStat == "success"
+                            ? _c("score-p3", {
+                                attrs: {
+                                  form: _vm.form,
+                                  jumlahIndikator: "104",
+                                  bobotSkor: "20",
+                                  mode: _vm.$route.meta.mode,
+                                  nilaiSkorCUP3A: _vm.nilaiSkorCUP3A,
+                                  nilaiBobotCUP3A: _vm.nilaiBobotCUP3A,
+                                  nilaiSkorBKCUP3A: _vm.nilaiSkorBKCUP3A,
+                                  nilaiBobotBKCUP3A: _vm.nilaiBobotBKCUP3A,
+                                  nilaiSkorCUP3B: _vm.nilaiSkorCUP3B,
+                                  nilaiBobotCUP3B: _vm.nilaiBobotCUP3B,
+                                  nilaiSkorBKCUP3B: _vm.nilaiSkorBKCUP3B,
+                                  nilaiBobotBKCUP3B: _vm.nilaiBobotBKCUP3B,
+                                },
+                              })
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _c("hr"),
+                          _vm._v(" "),
+                          _vm.formStat == "success"
+                            ? _c("score-p4", {
+                                attrs: {
+                                  form: _vm.form,
+                                  jumlahIndikator: "80",
+                                  bobotSkor: "20",
+                                  mode: _vm.$route.meta.mode,
+                                  nilaiSkorCUP4A: _vm.nilaiSkorCUP4A,
+                                  nilaiBobotCUP4A: _vm.nilaiBobotCUP4A,
+                                  nilaiSkorBKCUP4A: _vm.nilaiSkorBKCUP4A,
+                                  nilaiBobotBKCUP4A: _vm.nilaiBobotBKCUP4A,
+                                  nilaiSkorCUP4B: _vm.nilaiSkorCUP4B,
+                                  nilaiBobotCUP4B: _vm.nilaiBobotCUP4B,
+                                  nilaiSkorBKCUP4B: _vm.nilaiSkorBKCUP4B,
+                                  nilaiBobotBKCUP4B: _vm.nilaiBobotBKCUP4B,
+                                },
+                              })
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _c("hr"),
+                          _vm._v(" "),
+                          _vm.formStat == "success"
+                            ? _c("kesimpulan", {
+                                attrs: {
+                                  form: _vm.form,
+                                  mode: _vm.$route.meta.mode,
+                                  nilaiTotalSkorCU: _vm.nilaiTotalSkorCU,
+                                  nilaiTotalBobotCU: _vm.nilaiTotalBobotCU,
+                                  nilaiTotalSkorBKCU: _vm.nilaiTotalSkorBKCU,
+                                  nilaiTotalBobotBKCU: _vm.nilaiTotalBobotBKCU,
+                                  a1: _vm.modelPearls
+                                    ? _vm.modelPearls.a1 * 100
+                                    : 0,
+                                  e9: _vm.modelPearls
+                                    ? _vm.modelPearls.e9 * 100
+                                    : 0,
+                                },
+                              })
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _vm.formStat == "success"
+                            ? _c("div", [
+                                _vm.$route.meta.mode != "penilaianBkcu"
+                                  ? _c("div", [
+                                      _vm.form.p4.p4b20_cu_penilaian != null &&
+                                      _vm.form.p4.p4b20_cu_keterangan != null
+                                        ? _c(
+                                            "div",
+                                            { staticClass: "card card-body" },
+                                            [
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "text-center d-none d-md-block",
+                                                },
+                                                [
+                                                  _c(
+                                                    "button",
+                                                    {
+                                                      staticClass:
+                                                        "btn btn-light",
+                                                      attrs: { type: "button" },
+                                                      on: {
+                                                        click: function (
+                                                          $event
+                                                        ) {
+                                                          $event.preventDefault()
+                                                          return _vm.changeTab(
+                                                            "p4"
+                                                          )
+                                                        },
+                                                      },
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-arrow-left13",
+                                                      }),
+                                                      _vm._v(
+                                                        " Kembali\n                        "
+                                                      ),
+                                                    ]
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _vm.$route.meta.mode !=
+                                                  "lihat"
+                                                    ? _c(
+                                                        "button",
+                                                        {
+                                                          staticClass:
+                                                            "btn btn-primary",
+                                                          attrs: {
+                                                            type: "submit",
+                                                          },
+                                                        },
+                                                        [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-floppy-disk",
+                                                          }),
+                                                          _vm._v(
+                                                            " Simpan\n                        "
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "d-block d-md-none",
+                                                },
+                                                [
+                                                  _vm.$route.meta.mode !=
+                                                  "lihat"
+                                                    ? _c(
+                                                        "button",
+                                                        {
+                                                          staticClass:
+                                                            "btn btn-primary btn-block",
+                                                          attrs: {
+                                                            type: "submit",
+                                                          },
+                                                        },
+                                                        [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-floppy-disk",
+                                                          }),
+                                                          _vm._v(
+                                                            " Simpan\n                        "
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "button",
+                                                    {
+                                                      staticClass:
+                                                        "btn btn-light btn-block",
+                                                      attrs: { type: "button" },
+                                                      on: {
+                                                        click: function (
+                                                          $event
+                                                        ) {
+                                                          $event.preventDefault()
+                                                          return _vm.changeTab(
+                                                            "p4"
+                                                          )
+                                                        },
+                                                      },
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-arrow-left13",
+                                                      }),
+                                                      _vm._v(
+                                                        " Kembali\n                        "
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                    ])
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.$route.meta.mode == "penilaianBkcu"
+                                  ? _c("div", [
+                                      _vm.form.p4.p4b20_bkcu_penilaian != null
+                                        ? _c(
+                                            "div",
+                                            { staticClass: "card card-body" },
+                                            [
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "text-center d-none d-md-block",
+                                                },
+                                                [
+                                                  _c(
+                                                    "button",
+                                                    {
+                                                      staticClass:
+                                                        "btn btn-light",
+                                                      attrs: { type: "button" },
+                                                      on: {
+                                                        click: function (
+                                                          $event
+                                                        ) {
+                                                          $event.preventDefault()
+                                                          return _vm.changeTab(
+                                                            "p4"
+                                                          )
+                                                        },
+                                                      },
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-arrow-left13",
+                                                      }),
+                                                      _vm._v(
+                                                        " Kembali\n                        "
+                                                      ),
+                                                    ]
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _vm.$route.meta.mode !=
+                                                  "lihat"
+                                                    ? _c(
+                                                        "button",
+                                                        {
+                                                          staticClass:
+                                                            "btn btn-primary",
+                                                          attrs: {
+                                                            type: "submit",
+                                                          },
+                                                        },
+                                                        [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-floppy-disk",
+                                                          }),
+                                                          _vm._v(
+                                                            " Simpan\n                        "
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "d-block d-md-none",
+                                                },
+                                                [
+                                                  _vm.$route.meta.mode !=
+                                                  "lihat"
+                                                    ? _c(
+                                                        "button",
+                                                        {
+                                                          staticClass:
+                                                            "btn btn-primary btn-block",
+                                                          attrs: {
+                                                            type: "submit",
+                                                          },
+                                                        },
+                                                        [
+                                                          _c("i", {
+                                                            staticClass:
+                                                              "icon-floppy-disk",
+                                                          }),
+                                                          _vm._v(
+                                                            " Simpan\n                        "
+                                                          ),
+                                                        ]
+                                                      )
+                                                    : _vm._e(),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "button",
+                                                    {
+                                                      staticClass:
+                                                        "btn btn-light btn-block",
+                                                      attrs: { type: "button" },
+                                                      on: {
+                                                        click: function (
+                                                          $event
+                                                        ) {
+                                                          $event.preventDefault()
+                                                          return _vm.changeTab(
+                                                            "p4"
+                                                          )
+                                                        },
+                                                      },
+                                                    },
+                                                    [
+                                                      _c("i", {
+                                                        staticClass:
+                                                          "icon-arrow-left13",
+                                                      }),
+                                                      _vm._v(
+                                                        " Kembali\n                        "
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]
+                                          )
+                                        : _vm._e(),
+                                    ])
+                                  : _vm._e(),
+                              ])
+                            : _vm._e(),
+                        ],
+                        1
+                      ),
+                    ]
+                  ),
+                ],
+                1
+              ),
+            ],
+            1
+          ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            content: _vm.modalContent,
+            color: _vm.modalColor,
+          },
+          on: {
+            batal: _vm.modalTutup,
+            tutup: _vm.modalTutup,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v(_vm._s(_vm.modalTitle)),
+          ]),
+          _vm._v(" "),
+          _c("template", { slot: "modal-body1" }),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "col-md-12" }, [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Periode mengacu pada periode pada laporan statistik CU yang diinputkan di SIMO, apabila anda tidak menemukan periode yang dimaksud maka silahkan cek ke menu laporan statistik CU dibawah menu Tata kelola."
+          ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c("hr"),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=template&id=bec24e1c&":
+/*!********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=template&id=bec24e1c& ***!
+  \********************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "col-md-3" }, [
+        _c(
+          "div",
+          {
+            staticClass: "card card-body has-bg-image",
+            class: {
+              "bg-danger": _vm.cuTabName == "semua" || _vm.cuTabName == "1",
+              "bg-slate-300": _vm.cuTabName != "semua" && _vm.cuTabName != "1",
+            },
+            staticStyle: { cursor: "pointer" },
+            on: {
+              click: function ($event) {
+                return _vm.changeTabCU(1)
+              },
+            },
+          },
+          [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c("h3", { staticClass: "mb-0" }, [
+                  _vm._v("CU: " + _vm._s(_vm.jumlahPenilaianCU(1))),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
+                  _vm._v("Jumlah penilaian Poor(1)"),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-3" }, [
+        _c(
+          "div",
+          {
+            staticClass: "card card-body has-bg-image",
+            class: {
+              "bg-warning": _vm.cuTabName == "semua" || _vm.cuTabName == "2",
+              "bg-slate-300": _vm.cuTabName != "semua" && _vm.cuTabName != "2",
+            },
+            staticStyle: { cursor: "pointer" },
+            on: {
+              click: function ($event) {
+                return _vm.changeTabCU(2)
+              },
+            },
+          },
+          [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c("h3", { staticClass: "mb-0" }, [
+                  _vm._v("CU: " + _vm._s(_vm.jumlahPenilaianCU(2))),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
+                  _vm._v("Jumlah penilaian Fair(2)"),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-3" }, [
+        _c(
+          "div",
+          {
+            staticClass: "card card-body has-bg-image",
+            class: {
+              "bg-success": _vm.cuTabName == "semua" || _vm.cuTabName == "3",
+              "bg-slate-300": _vm.cuTabName != "semua" && _vm.cuTabName != "3",
+            },
+            staticStyle: { cursor: "pointer" },
+            on: {
+              click: function ($event) {
+                return _vm.changeTabCU(3)
+              },
+            },
+          },
+          [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c("h3", { staticClass: "mb-0" }, [
+                  _vm._v("CU: " + _vm._s(_vm.jumlahPenilaianCU(3))),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
+                  _vm._v("Jumlah penilaian Good(3)"),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-3" }, [
+        _c(
+          "div",
+          {
+            staticClass: "card card-body has-bg-image",
+            class: {
+              "bg-primary": _vm.cuTabName == "semua" || _vm.cuTabName == "4",
+              "bg-slate-300": _vm.cuTabName != "semua" && _vm.cuTabName != "4",
+            },
+            staticStyle: { cursor: "pointer" },
+            on: {
+              click: function ($event) {
+                return _vm.changeTabCU(4)
+              },
+            },
+          },
+          [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c("h3", { staticClass: "mb-0" }, [
+                  _vm._v("CU: " + _vm._s(_vm.jumlahPenilaianCU(4))),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
+                  _vm._v("Jumlah penilaian Excellent(4)"),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "col-md-3" }, [
+        _c(
+          "div",
+          {
+            staticClass: "card card-body has-bg-image",
+            class: {
+              "bg-danger": _vm.bkcuTabName == "semua" || _vm.bkcuTabName == "1",
+              "bg-slate-300":
+                _vm.bkcuTabName != "semua" && _vm.bkcuTabName != "1",
+            },
+            staticStyle: { cursor: "pointer" },
+            on: {
+              click: function ($event) {
+                return _vm.changeTabBKCU(1)
+              },
+            },
+          },
+          [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c("h3", { staticClass: "mb-0" }, [
+                  _vm._v("BKCU: " + _vm._s(_vm.jumlahPenilaianBKCU(1))),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
+                  _vm._v("Jumlah penilaian Poor(1)"),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-3" }, [
+        _c(
+          "div",
+          {
+            staticClass: "card card-body has-bg-image",
+            class: {
+              "bg-warning":
+                _vm.bkcuTabName == "semua" || _vm.bkcuTabName == "2",
+              "bg-slate-300":
+                _vm.bkcuTabName != "semua" && _vm.bkcuTabName != "2",
+            },
+            staticStyle: { cursor: "pointer" },
+            on: {
+              click: function ($event) {
+                return _vm.changeTabBKCU(2)
+              },
+            },
+          },
+          [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c("h3", { staticClass: "mb-0" }, [
+                  _vm._v("BKCU: " + _vm._s(_vm.jumlahPenilaianBKCU(2))),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
+                  _vm._v("Jumlah penilaian Fair(2)"),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-3" }, [
+        _c(
+          "div",
+          {
+            staticClass: "card card-body has-bg-image",
+            class: {
+              "bg-success":
+                _vm.bkcuTabName == "semua" || _vm.bkcuTabName == "3",
+              "bg-slate-300":
+                _vm.bkcuTabName != "semua" && _vm.bkcuTabName != "3",
+            },
+            staticStyle: { cursor: "pointer" },
+            on: {
+              click: function ($event) {
+                return _vm.changeTabBKCU(3)
+              },
+            },
+          },
+          [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c("h3", { staticClass: "mb-0" }, [
+                  _vm._v("BKCU: " + _vm._s(_vm.jumlahPenilaianBKCU(3))),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
+                  _vm._v("Jumlah penilaian Good(3)"),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-3" }, [
+        _c(
+          "div",
+          {
+            staticClass: "card card-body has-bg-image",
+            class: {
+              "bg-primary":
+                _vm.bkcuTabName == "semua" || _vm.bkcuTabName == "4",
+              "bg-slate-300":
+                _vm.bkcuTabName != "semua" && _vm.bkcuTabName != "4",
+            },
+            staticStyle: { cursor: "pointer" },
+            on: {
+              click: function ($event) {
+                return _vm.changeTabBKCU(4)
+              },
+            },
+          },
+          [
+            _c("div", { staticClass: "media" }, [
+              _c("div", { staticClass: "media-body" }, [
+                _c("h3", { staticClass: "mb-0" }, [
+                  _vm._v("BKCU: " + _vm._s(_vm.jumlahPenilaianBKCU(4))),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-uppercase font-size-xs" }, [
+                  _vm._v("Jumlah penilaian Excellent(4)"),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c(
+      "div",
+      { staticClass: "row" },
+      [
+        _c(
+          "transition",
+          {
+            attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" },
+          },
+          [
+            _vm.cuTabName != "semua" || _vm.bkcuTabName != "semua"
+              ? _c("div", { staticClass: "col-md-12" }, [
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-warning btn-block",
+                      attrs: { type: "button" },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.changeTabCU("semua")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-reset" }),
+                      _vm._v(" Reset pencarian\n        "),
+                    ]
+                  ),
+                ])
+              : _vm._e(),
+          ]
+        ),
+        _vm._v(" "),
+        _vm._m(0),
+      ],
+      1
+    ),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=template&id=0646e08a&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=template&id=0646e08a& ***!
+  \****************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("form-filter", {
+        attrs: {
+          cuTabName: _vm.cuTabName,
+          bkcuTabName: _vm.bkcuTabName,
+          jumlahPenilaianCU: _vm.jumlahPenilaianCU,
+          jumlahPenilaianBKCU: _vm.jumlahPenilaianBKCU,
+        },
+        on: { changeTabCU: _vm.changeTabCU, changeTabBKCU: _vm.changeTabBKCU },
+      }),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
+                },
+              ],
+            },
+            [
+              _c("div", { staticClass: "card card-body bg-info text-white" }, [
+                _c("div", { staticClass: "row justify-content-between" }, [
+                  _c("div", { staticClass: "col-md-6" }, [
+                    _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
+                      _vm._v("A. PERLINDUNGAN"),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "col-md-6 text-right" }, [
+                    _c(
+                      "ul",
+                      { staticClass: "list-inline mb-0 font-weight-bold" },
+                      [
+                        _c("li", [
+                          _vm._v(
+                            "Skor CU: " +
+                              _vm._s(_vm.skorCUA()) +
+                              " / Bobot Skor CU: " +
+                              _vm._s(_vm.bobotCUA()) +
+                              "%"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _vm._v(
+                            "Skor PUSKOPCUINA: " +
+                              _vm._s(_vm.skorBKCUA()) +
+                              " / Bobot Skor PUSKOPCUINA: " +
+                              _vm._s(_vm.bobotBKCUA()) +
+                              "%"
+                          ),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+              ]),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p1.p1a1_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p1.p1a1_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1a1_cu_penilaian == cuTabName || form.p1.p1a1_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              _c("div", { staticClass: "card border-info" }, [
+                _c("div", { staticClass: "card-header bg-info text-white" }, [
+                  _c("h5", { staticClass: "card-title" }, [
+                    _vm._v(
+                      "\n\t\t\t\t\t1. P1 = Mengukur kemampuan CU menyediakan dana cadangan risiko atas piutang lalai > 12 bulan"
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "card-body" }, [
+                  _c("div", { staticClass: "row" }, [
+                    _c("div", { staticClass: "col-md-12" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "card card-body",
+                          class: {
+                            "bg-primary": _vm.itemData.p1 >= 1,
+                            "bg-danger": _vm.itemData.p1 < 1,
+                          },
+                          staticStyle: { cursor: "pointer" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.modalBuka(_vm.itemData, "p1")
+                            },
+                          },
+                        },
+                        [
+                          _c("div", { staticClass: "media mb-3" }, [
+                            _c("div", { staticClass: "media-body" }, [
+                              _c(
+                                "h6",
+                                { staticClass: "font-weight-semibold mb-8" },
+                                [
+                                  _vm._v(
+                                    _vm._s(
+                                      _vm._f("percentage")(_vm.itemData.p1, 2)
+                                    )
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _vm.itemData.p1 >= 1
+                                ? _c("span", { staticClass: "opacity-75" }, [
+                                    _vm._v(
+                                      "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
+                                    ),
+                                  ])
+                                : _c("span", [
+                                    _vm._v(
+                                      "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
+                                    ),
+                                  ]),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "div",
+                              { staticClass: "ml-3 align-self-center" },
+                              [
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass:
+                                      "btn btn-light btn-icon rounded-round",
+                                    attrs: { type: "button" },
+                                  },
+                                  [_c("b", [_vm._v("P1")])]
+                                ),
+                              ]
+                            ),
+                          ]),
+                          _vm._v(" "),
+                          _c(
+                            "div",
+                            {
+                              staticClass: "progress bg-blue mb-2",
+                              staticStyle: { height: "0.125rem" },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "progress-bar bg-white",
+                                  staticStyle: { width: "100%" },
+                                },
+                                [
+                                  _c("span", { staticClass: "sr-only" }, [
+                                    _vm._v("100% Complete"),
+                                  ]),
+                                ]
+                              ),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c("b", [
+                            _vm._v("Provisi pinjaman lalai di atas 12 bulan"),
+                          ]),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c(
+                      "div",
+                      { staticClass: "col-md-12" },
+                      [
+                        _c(
+                          "h5",
+                          [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _c("penilaian-cu", {
+                          attrs: {
+                            form: _vm.form.p1.p1a1_cu_penilaian,
+                            subtitle1:
+                              "Kurang dari 50% persediaan DCR untuk kredit lalai di atas 12 bulan dan tidak dilakukan pemutihan tunggakan (charge-off)",
+                            subtitle2:
+                              "50-99% persediaan DCR untuk kredit lalai di atas 12 bulan dan tidak dilakukan pemutihan tunggakan (charge-off)",
+                            subtitle3:
+                              "100% persediaan DCR untuk kredit lalai di atas 12 bulan dan pemutihan tunggakan (charge-off)setiap triwulan dalam setahun atau hanya kadang - kadang saja dilakukan",
+                            subtitle4:
+                              "100% persediaan DCR untuk kredit lalai di atas 12 bulan dan dilakukan pemutihan tunggakan (charge-off) setiap triwulan atau secara berkala dan konsisten",
+                          },
+                          on: {
+                            click1: function ($event) {
+                              _vm.form.p1.p1a1_cu_penilaian = 1
+                            },
+                            click2: function ($event) {
+                              _vm.form.p1.p1a1_cu_penilaian = 2
+                            },
+                            click3: function ($event) {
+                              _vm.form.p1.p1a1_cu_penilaian = 3
+                            },
+                            click4: function ($event) {
+                              _vm.form.p1.p1a1_cu_penilaian = 4
+                            },
+                          },
+                        }),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "form-group" }, [
+                          _c(
+                            "h5",
+                            [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c("textarea", {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.p1.p1a1_cu_keterangan,
+                                expression: "form.p1.p1a1_cu_keterangan",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              rows: "6",
+                              type: "text",
+                              name: "p1a1_cu_keterangan",
+                              placeholder: "Silahkan masukkan keterangan ",
+                              readonly:
+                                _vm.$route.meta.mode == "penilaianBkcu" ||
+                                _vm.$route.meta.mode == "lihat",
+                            },
+                            domProps: { value: _vm.form.p1.p1a1_cu_keterangan },
+                            on: {
+                              input: function ($event) {
+                                if ($event.target.composing) {
+                                  return
+                                }
+                                _vm.$set(
+                                  _vm.form.p1,
+                                  "p1a1_cu_keterangan",
+                                  $event.target.value
+                                )
+                              },
+                            },
+                          }),
+                        ]),
+                      ],
+                      1
+                    ),
+                    _vm._v(" "),
+                    _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                      ? _c("div", { staticClass: "col-md-12" }, [
+                          _c("div", { staticClass: "row" }, [
+                            _c("div", { staticClass: "col-md-12" }, [_c("hr")]),
+                            _vm._v(" "),
+                            _c(
+                              "div",
+                              { staticClass: "col-md-12" },
+                              [
+                                _c("h5", [_vm._v("Penilaian PUSKOPCUINA:")]),
+                                _vm._v(" "),
+                                _c("penilaian-bkcu", {
+                                  attrs: {
+                                    form: _vm.form.p1.p1a1_bkcu_penilaian,
+                                  },
+                                  on: {
+                                    click1: function ($event) {
+                                      _vm.form.p1.p1a1_bkcu_penilaian = 1
+                                    },
+                                    click2: function ($event) {
+                                      _vm.form.p1.p1a1_bkcu_penilaian = 2
+                                    },
+                                    click3: function ($event) {
+                                      _vm.form.p1.p1a1_bkcu_penilaian = 3
+                                    },
+                                    click4: function ($event) {
+                                      _vm.form.p1.p1a1_bkcu_penilaian = 4
+                                    },
+                                  },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "col-md-6" }, [
+                              _c("div", { staticClass: "form-group" }, [
+                                _c("h5", [_vm._v("Keterangan PUSKOPCUINA:")]),
+                                _vm._v(" "),
+                                _c("textarea", {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.p1.p1a1_bkcu_keterangan,
+                                      expression:
+                                        "form.p1.p1a1_bkcu_keterangan",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    rows: "6",
+                                    type: "text",
+                                    name: "p1a1_bkcu_keterangan",
+                                    placeholder:
+                                      "Silahkan masukkan keterangan ",
+                                    readonly: _vm.$route.meta.mode == "lihat",
+                                  },
+                                  domProps: {
+                                    value: _vm.form.p1.p1a1_bkcu_keterangan,
+                                  },
+                                  on: {
+                                    input: function ($event) {
+                                      if ($event.target.composing) {
+                                        return
+                                      }
+                                      _vm.$set(
+                                        _vm.form.p1,
+                                        "p1a1_bkcu_keterangan",
+                                        $event.target.value
+                                      )
+                                    },
+                                  },
+                                }),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "col-md-6" }, [
+                              _c("div", { staticClass: "form-group" }, [
+                                _c("h5", [_vm._v("Rekomendasi PUSKOPCUINA:")]),
+                                _vm._v(" "),
+                                _c("textarea", {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.p1.p1a1_bkcu_rekomendasi,
+                                      expression:
+                                        "form.p1.p1a1_bkcu_rekomendasi",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    rows: "6",
+                                    type: "text",
+                                    name: "p1a1_bkcu_rekomendasi",
+                                    placeholder:
+                                      "Silahkan masukkan rekomendasi ",
+                                    readonly: _vm.$route.meta.mode == "lihat",
+                                  },
+                                  domProps: {
+                                    value: _vm.form.p1.p1a1_bkcu_rekomendasi,
+                                  },
+                                  on: {
+                                    input: function ($event) {
+                                      if ($event.target.composing) {
+                                        return
+                                      }
+                                      _vm.$set(
+                                        _vm.form.p1,
+                                        "p1a1_bkcu_rekomendasi",
+                                        $event.target.value
+                                      )
+                                    },
+                                  },
+                                }),
+                              ]),
+                            ]),
+                          ]),
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.$route.meta.mode != "lihat"
+                      ? _c("div", { staticClass: "col-md-12" }, [
+                          _c("hr"),
+                          _vm._v(" "),
+                          _vm.updateSingleStat == "loading"
+                            ? _c(
+                                "button",
+                                {
+                                  staticClass: "btn btn-light btn-block",
+                                  attrs: { type: "button", disabled: "" },
+                                },
+                                [_c("i", { staticClass: "icon-sync spinner" })]
+                              )
+                            : _c(
+                                "button",
+                                {
+                                  staticClass: "btn btn-warning btn-block",
+                                  attrs: { type: "button" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.saveSingle.apply(
+                                        null,
+                                        arguments
+                                      )
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-floppy-disk" }),
+                                  _vm._v(
+                                    " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                        ])
+                      : _vm._e(),
+                  ]),
+                ]),
+              ]),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p1.p1a2_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p1.p1a2_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1a2_cu_penilaian == cuTabName || form.p1.p1a2_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1a1_cu_penilaian != null &&
+                _vm.form.p1.p1a1_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t2. P2 = Mengukur kemampuan CU menyediakan dana cadangan risiko atas piutang lalai < 12 bulan"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "card card-body",
+                              class: {
+                                "bg-primary": _vm.itemData.p2 > 0.35,
+                                "bg-danger": _vm.itemData.p2 <= 0.35,
+                              },
+                              staticStyle: { cursor: "pointer" },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalBuka(_vm.itemData, "p2")
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "media no-margin-top content-group",
+                                },
+                                [
+                                  _c("div", { staticClass: "media-body" }, [
+                                    _c(
+                                      "h6",
+                                      {
+                                        staticClass:
+                                          "font-weight-semibold mb-8",
+                                      },
+                                      [
+                                        _vm._v(
+                                          _vm._s(
+                                            _vm._f("percentage")(
+                                              _vm.itemData.p2,
+                                              2
+                                            )
+                                          )
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.itemData.p2 > 0.35
+                                      ? _c(
+                                          "span",
+                                          { staticClass: "opacity-75" },
+                                          [
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c("span", [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "ml-3 align-self-center" },
+                                    [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-icon rounded-round",
+                                          attrs: { type: "button" },
+                                        },
+                                        [_c("b", [_vm._v("P2")])]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "progress bg-blue mb-2",
+                                  staticStyle: { height: "0.125rem" },
+                                },
+                                [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass: "progress-bar bg-white",
+                                      staticStyle: { width: "100%" },
+                                    },
+                                    [
+                                      _c("span", { staticClass: "sr-only" }, [
+                                        _vm._v("100% Complete"),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("b", [
+                                _vm._v("Provisi pinjaman lalai 1-12 bulan"),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p1.p1a2_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada persediaan DCR untuk kredit lalai 1-12 bulan dan tidak dilakukan pemutihan tunggakan (charge-off)",
+                                subtitle2:
+                                  "Kurang dari 35% DCR utk KL 1-12 bulan dan tidak dilakukan pemutihan tunggakan (charge-off)",
+                                subtitle3:
+                                  "Tersedia 35% DCR untuk kredit lalai 1-12 bulan dan pemutihan tunggakan (charge-off)setiap triwulan dalam setahun atau hanya kadang - kadang saja dilakukan",
+                                subtitle4:
+                                  "Tersedia 35% DCR untuk kredit lalai 1-12 bulan dan dilakukan pemutihan tunggakan (charge-off) setiap bulan secara berkala dan konsisten",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p1.p1a2_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p1.p1a2_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p1.p1a2_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p1.p1a2_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p1.p1a2_cu_keterangan,
+                                    expression: "form.p1.p1a2_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a2_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p1.p1a2_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p1,
+                                      "p1a2_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p1.p1a2_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p1.p1a2_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p1.p1a2_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p1.p1a2_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p1.p1a2_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1a2_bkcu_keterangan,
+                                          expression:
+                                            "form.p1.p1a2_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a2_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p1.p1a2_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1a2_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1a2_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p1.p1a2_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a2_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1a2_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1a2_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1a2_cu_penilaian != null &&
+                _vm.form.p1.p1a2_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c(
+                    "div",
+                    { staticClass: "card card-body bg-warning text-white" },
+                    [
+                      _c(
+                        "div",
+                        { staticClass: "row justify-content-between" },
+                        [
+                          _c("div", { staticClass: "col-md-6" }, [
+                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
+                              _vm._v("B. STRUKTUR KEUANGAN YANG EFEKTIF "),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-md-6 text-right" }, [
+                            _c(
+                              "ul",
+                              {
+                                staticClass:
+                                  "list-inline mb-0 font-weight-bold",
+                              },
+                              [
+                                _c("li", [
+                                  _vm._v(
+                                    "Skor CU: " +
+                                      _vm._s(_vm.skorCUB()) +
+                                      " / Bobot Skor CU: " +
+                                      _vm._s(_vm.bobotCUB()) +
+                                      "% "
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.skorBKCUB()) +
+                                      " / Bobot Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.bobotBKCUB()) +
+                                      "% "
+                                  ),
+                                ]),
+                              ]
+                            ),
+                          ]),
+                        ]
+                      ),
+                    ]
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p1.p1b3_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p1.p1b3_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1b3_cu_penilaian == cuTabName || form.p1.p1b3_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1a2_cu_penilaian != null &&
+                _vm.form.p1.p1a2_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t3. E1 = Mengukur persentase total asset yang diinvestasikan dalam piutang"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "card card-body",
+                              class: {
+                                "bg-primary":
+                                  _vm.itemData.e1 >= 0.7 &&
+                                  _vm.itemData.e1 <= 0.8,
+                                "bg-danger":
+                                  _vm.itemData.e1 < 0.7 ||
+                                  _vm.itemData.e1 > 0.8,
+                              },
+                              staticStyle: { cursor: "pointer" },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalBuka(_vm.itemData, "e1")
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "media no-margin-top content-group",
+                                },
+                                [
+                                  _c("div", { staticClass: "media-body" }, [
+                                    _c(
+                                      "h6",
+                                      {
+                                        staticClass:
+                                          "font-weight-semibold mb-8",
+                                      },
+                                      [
+                                        _vm._v(
+                                          _vm._s(
+                                            _vm._f("percentage")(
+                                              _vm.itemData.e1,
+                                              2
+                                            )
+                                          )
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.itemData.e1 >= 0.7 &&
+                                    _vm.itemData.e1 <= 0.8
+                                      ? _c(
+                                          "span",
+                                          { staticClass: "opacity-75" },
+                                          [
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c("span", [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "ml-3 align-self-center" },
+                                    [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-icon rounded-round",
+                                          attrs: { type: "button" },
+                                        },
+                                        [_c("b", [_vm._v("E1")])]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "progress bg-blue mb-2",
+                                  staticStyle: { height: "0.125rem" },
+                                },
+                                [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass: "progress-bar bg-white",
+                                      staticStyle: { width: "100%" },
+                                    },
+                                    [
+                                      _c("span", { staticClass: "sr-only" }, [
+                                        _vm._v("100% Complete"),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("b", [_vm._v("Piutang bersih / total aset")]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p1.p1b3_cu_penilaian,
+                                subtitle1:
+                                  "Kurang dari 50% total aset ; dan lebih dari 80% total aset",
+                                subtitle2: "51-69% dari total aset",
+                                subtitle3: "70-80% dari total aset",
+                                subtitle4:
+                                  "70-80% dari total aset dan portofolio pinjaman beragam minimal 5 produk pinjaman",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p1.p1b3_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p1.p1b3_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p1.p1b3_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p1.p1b3_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p1.p1b3_cu_keterangan,
+                                    expression: "form.p1.p1b3_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b3_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p1.p1b3_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p1,
+                                      "p1b3_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p1.p1b3_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p1.p1b3_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p1.p1b3_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p1.p1b3_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p1.p1b3_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1b3_bkcu_keterangan,
+                                          expression:
+                                            "form.p1.p1b3_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b3_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p1.p1b3_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1b3_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1b3_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p1.p1b3_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b3_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1b3_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1b3_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p1.p1b4_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p1.p1b4_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1b4_cu_penilaian == cuTabName || form.p1.p1b4_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1b3_cu_penilaian != null &&
+                _vm.form.p1.p1b3_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t4. E5 = Mengukur persentase total asset yang didanai dari simpanan non saham"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "card card-body",
+                              class: {
+                                "bg-primary":
+                                  _vm.itemData.e5 >= 0.7 &&
+                                  _vm.itemData.e5 <= 0.8,
+                                "bg-danger":
+                                  _vm.itemData.e5 < 0.7 ||
+                                  _vm.itemData.e5 > 0.8,
+                              },
+                              staticStyle: { cursor: "pointer" },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalBuka(_vm.itemData, "e5")
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "media no-margin-top content-group",
+                                },
+                                [
+                                  _c("div", { staticClass: "media-body" }, [
+                                    _c(
+                                      "h6",
+                                      {
+                                        staticClass:
+                                          "font-weight-semibold mb-8",
+                                      },
+                                      [
+                                        _vm._v(
+                                          _vm._s(
+                                            _vm._f("percentage")(
+                                              _vm.itemData.e5,
+                                              2
+                                            )
+                                          )
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.itemData.e5 >= 0.7 &&
+                                    _vm.itemData.e5 <= 0.8
+                                      ? _c(
+                                          "span",
+                                          { staticClass: "opacity-75" },
+                                          [
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c("span", [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "ml-3 align-self-center" },
+                                    [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-icon rounded-round",
+                                          attrs: { type: "button" },
+                                        },
+                                        [_c("b", [_vm._v("E5")])]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "progress bg-blue mb-2",
+                                  staticStyle: { height: "0.125rem" },
+                                },
+                                [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass: "progress-bar bg-white",
+                                      staticStyle: { width: "100%" },
+                                    },
+                                    [
+                                      _c("span", { staticClass: "sr-only" }, [
+                                        _vm._v("100% Complete"),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("b", [
+                                _vm._v("Simpanan non saham / total aset"),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p1.p1b4_cu_penilaian,
+                                subtitle1:
+                                  "Kurang dari 50% total aset ; dan lebih dari 80% total aset",
+                                subtitle2: "51-69% dari total aset",
+                                subtitle3: "70-80% dari total aset",
+                                subtitle4:
+                                  "70-80% dari total aset dan portofolio pinjaman beragam minimal 5 jenis simpanan",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p1.p1b4_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p1.p1b4_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p1.p1b4_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p1.p1b4_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p1.p1b4_cu_keterangan,
+                                    expression: "form.p1.p1b4_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b4_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p1.p1b4_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p1,
+                                      "p1b4_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p1.p1b4_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p1.p1b4_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p1.p1b4_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p1.p1b4_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p1.p1b4_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1b4_bkcu_keterangan,
+                                          expression:
+                                            "form.p1.p1b4_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b4_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p1.p1b4_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1b4_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1b4_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p1.p1b4_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b4_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1b4_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1b4_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p1.p1b5_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p1.p1b5_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1b5_cu_penilaian == cuTabName || form.p1.p1b5_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1b4_cu_penilaian != null &&
+                _vm.form.p1.p1b4_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t5. E6 = Mengukur persentase total asset yang didanai dari pinjaman pihak 3"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "card card-body",
+                              class: {
+                                "bg-primary": _vm.itemData.e6 <= 0.05,
+                                "bg-danger": _vm.itemData.e6 > 0.05,
+                              },
+                              staticStyle: { cursor: "pointer" },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalBuka(_vm.itemData, "e6")
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "media no-margin-top content-group",
+                                },
+                                [
+                                  _c("div", { staticClass: "media-body" }, [
+                                    _c(
+                                      "h6",
+                                      {
+                                        staticClass:
+                                          "font-weight-semibold mb-8",
+                                      },
+                                      [
+                                        _vm._v(
+                                          _vm._s(
+                                            _vm._f("percentage")(
+                                              _vm.itemData.e6,
+                                              2
+                                            )
+                                          )
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.itemData.e6 <= 0.05
+                                      ? _c(
+                                          "span",
+                                          { staticClass: "opacity-75" },
+                                          [
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c("span", [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "ml-3 align-self-center" },
+                                    [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-icon rounded-round",
+                                          attrs: { type: "button" },
+                                        },
+                                        [_c("b", [_vm._v("E6")])]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "progress bg-blue mb-2",
+                                  staticStyle: { height: "0.125rem" },
+                                },
+                                [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass: "progress-bar bg-white",
+                                      staticStyle: { width: "100%" },
+                                    },
+                                    [
+                                      _c("span", { staticClass: "sr-only" }, [
+                                        _vm._v("100% Complete"),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("b", [
+                                _vm._v(
+                                  "Pinjaman kepada pihak luar terhadap total aset"
+                                ),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p1.p1b5_cu_penilaian,
+                                subtitle1: "Di atas 30% dari total aset",
+                                subtitle2: "20-30% dari total aset",
+                                subtitle3: "1-19 % dari total aset",
+                                subtitle4: "0%",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p1.p1b5_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p1.p1b5_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p1.p1b5_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p1.p1b5_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p1.p1b5_cu_keterangan,
+                                    expression: "form.p1.p1b5_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b5_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p1.p1b5_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p1,
+                                      "p1b5_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p1.p1b5_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p1.p1b5_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p1.p1b5_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p1.p1b5_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p1.p1b5_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1b5_bkcu_keterangan,
+                                          expression:
+                                            "form.p1.p1b5_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b5_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p1.p1b5_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1b5_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1b5_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p1.p1b5_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b5_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1b5_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1b5_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p1.p1b7_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p1.p1b7_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1b7_cu_penilaian == cuTabName || form.p1.p1b7_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1b5_cu_penilaian != null &&
+                _vm.form.p1.p1b5_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t6. E9 = Mengukur level nyata dari modal lembaga setelah mengeluarkan penyisihan DCR untuk menutupi P1 & P2"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "card card-body",
+                              class: {
+                                "bg-primary": _vm.itemData.e9 >= 0.1,
+                                "bg-danger": _vm.itemData.e9 < 0.1,
+                              },
+                              staticStyle: { cursor: "pointer" },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalBuka(_vm.itemData, "e9")
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "media no-margin-top content-group",
+                                },
+                                [
+                                  _c("div", { staticClass: "media-body" }, [
+                                    _c(
+                                      "h6",
+                                      {
+                                        staticClass:
+                                          "font-weight-semibold mb-8",
+                                      },
+                                      [
+                                        _vm._v(
+                                          _vm._s(
+                                            _vm._f("percentage")(
+                                              _vm.itemData.e9,
+                                              2
+                                            )
+                                          )
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.itemData.e9 >= 0.1
+                                      ? _c(
+                                          "span",
+                                          { staticClass: "opacity-75" },
+                                          [
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c("span", [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "ml-3 align-self-center" },
+                                    [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-icon rounded-round",
+                                          attrs: { type: "button" },
+                                        },
+                                        [_c("b", [_vm._v("E9")])]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "progress bg-blue mb-2",
+                                  staticStyle: { height: "0.125rem" },
+                                },
+                                [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass: "progress-bar bg-white",
+                                      staticStyle: { width: "100%" },
+                                    },
+                                    [
+                                      _c("span", { staticClass: "sr-only" }, [
+                                        _vm._v("100% Complete"),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("b", [_vm._v("Modal lembaga bersih")]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p1.p1b7_cu_penilaian,
+                                subtitle1: "Di bawah 4% dari total aset",
+                                subtitle2: "4-9% dari total aset",
+                                subtitle3: "10% dari total aset ",
+                                subtitle4: "Di atas 10% dari total aset",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p1.p1b7_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p1.p1b7_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p1.p1b7_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p1.p1b7_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p1.p1b7_cu_keterangan,
+                                    expression: "form.p1.p1b7_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b7_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p1.p1b7_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p1,
+                                      "p1b7_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p1.p1b7_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p1.p1b7_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p1.p1b7_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p1.p1b7_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p1.p1b7_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1b7_bkcu_keterangan,
+                                          expression:
+                                            "form.p1.p1b7_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b7_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p1.p1b7_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1b7_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1b7_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p1.p1b7_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b7_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1b7_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1b7_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua')",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1b7_cu_penilaian != null &&
+                _vm.form.p1.p1b7_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c(
+                    "div",
+                    { staticClass: "card card-body bg-success text-white" },
+                    [
+                      _c(
+                        "div",
+                        { staticClass: "row justify-content-between" },
+                        [
+                          _c("div", { staticClass: "col-md-6" }, [
+                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
+                              _vm._v("C. KUALITAS ASET"),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-md-6 text-right" }, [
+                            _c(
+                              "ul",
+                              {
+                                staticClass:
+                                  "list-inline mb-0 font-weight-bold",
+                              },
+                              [
+                                _c("li", [
+                                  _vm._v(
+                                    "Skor CU: " +
+                                      _vm._s(_vm.skorCUC()) +
+                                      " / Bobot Skor CU: " +
+                                      _vm._s(_vm.bobotCUC()) +
+                                      "% "
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.skorBKCUC()) +
+                                      " / Bobot Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.bobotBKCUC()) +
+                                      "% "
+                                  ),
+                                ]),
+                              ]
+                            ),
+                          ]),
+                        ]
+                      ),
+                    ]
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p1.p1c8_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p1.p1c8_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1c8_cu_penilaian == cuTabName || form.p1.p1c8_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1b7_cu_penilaian != null &&
+                _vm.form.p1.p1b7_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-success" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-success text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t7. A1 = Mengukur persentase total kelalaian piutang terhadap total piutang"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "col-md-12" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "card card-body",
+                                  class: {
+                                    "bg-primary": _vm.itemData.a1 <= 0.05,
+                                    "bg-danger": _vm.itemData.a1 > 0.05,
+                                  },
+                                  staticStyle: { cursor: "pointer" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.modalBuka(_vm.itemData, "a1")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass:
+                                        "media no-margin-top content-group",
+                                    },
+                                    [
+                                      _c("div", { staticClass: "media-body" }, [
+                                        _c(
+                                          "h6",
+                                          {
+                                            staticClass:
+                                              "font-weight-semibold mb-8",
+                                          },
+                                          [
+                                            _vm._v(
+                                              _vm._s(
+                                                _vm._f("percentage")(
+                                                  _vm.itemData.a1,
+                                                  2
+                                                )
+                                              )
+                                            ),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _vm.itemData.a1 <= 0.05
+                                          ? _c(
+                                              "span",
+                                              { staticClass: "opacity-75" },
+                                              [
+                                                _vm._v(
+                                                  "\n\t\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
+                                            )
+                                          : _c("span", [
+                                              _vm._v(
+                                                "\n\t\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t\t"
+                                              ),
+                                            ]),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c(
+                                        "div",
+                                        {
+                                          staticClass: "ml-3 align-self-center",
+                                        },
+                                        [
+                                          _c(
+                                            "button",
+                                            {
+                                              staticClass:
+                                                "btn btn-light btn-icon rounded-round",
+                                              attrs: { type: "button" },
+                                            },
+                                            [_c("b", [_vm._v("A1")])]
+                                          ),
+                                        ]
+                                      ),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass: "progress bg-blue mb-2",
+                                      staticStyle: { height: "0.125rem" },
+                                    },
+                                    [
+                                      _c(
+                                        "div",
+                                        {
+                                          staticClass: "progress-bar bg-white",
+                                          staticStyle: { width: "100%" },
+                                        },
+                                        [
+                                          _c(
+                                            "span",
+                                            { staticClass: "sr-only" },
+                                            [_vm._v("100% Complete")]
+                                          ),
+                                        ]
+                                      ),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("b", [
+                                    _vm._v(
+                                      "Total pinjaman lalai / total ipnjaman beredar"
+                                    ),
+                                  ]),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p1.p1c8_cu_penilaian,
+                                subtitle1: "Di atas 10% dari pinjaman beredar",
+                                subtitle2: "6-10% dari pinjaman beredar",
+                                subtitle3: "≤  5% dari pinjaman beredar",
+                                subtitle4: "0%",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p1.p1c8_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p1.p1c8_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p1.p1c8_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p1.p1c8_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p1.p1c8_cu_keterangan,
+                                    expression: "form.p1.p1c8_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1c8_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p1.p1c8_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p1,
+                                      "p1c8_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p1.p1c8_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p1.p1c8_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p1.p1c8_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p1.p1c8_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p1.p1c8_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1c8_bkcu_keterangan,
+                                          expression:
+                                            "form.p1.p1c8_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1c8_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p1.p1c8_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1c8_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1c8_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p1.p1c8_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1c8_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1c8_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1c8_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p1.p1c9_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p1.p1c9_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1c9_cu_penilaian == cuTabName || form.p1.p1c9_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1c8_cu_penilaian != null &&
+                _vm.form.p1.p1c8_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-success" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-success text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t8. A2 = Mengukur total asset yang tidak menghasilkan income"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "card card-body",
+                              class: {
+                                "bg-primary": _vm.itemData.a2 < 0.05,
+                                "bg-danger": _vm.itemData.a2 >= 0.05,
+                              },
+                              staticStyle: { cursor: "pointer" },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalBuka(_vm.itemData, "a2")
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "media no-margin-top content-group",
+                                },
+                                [
+                                  _c("div", { staticClass: "media-body" }, [
+                                    _c(
+                                      "h6",
+                                      {
+                                        staticClass:
+                                          "font-weight-semibold mb-8",
+                                      },
+                                      [
+                                        _vm._v(
+                                          _vm._s(
+                                            _vm._f("percentage")(
+                                              _vm.itemData.a2,
+                                              2
+                                            )
+                                          )
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.itemData.a2 < 0.05
+                                      ? _c(
+                                          "span",
+                                          { staticClass: "opacity-75" },
+                                          [
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c("span", [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "ml-3 align-self-center" },
+                                    [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-icon rounded-round",
+                                          attrs: { type: "button" },
+                                        },
+                                        [_c("b", [_vm._v("A2")])]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "progress bg-blue mb-2",
+                                  staticStyle: { height: "0.125rem" },
+                                },
+                                [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass: "progress-bar bg-white",
+                                      staticStyle: { width: "100%" },
+                                    },
+                                    [
+                                      _c("span", { staticClass: "sr-only" }, [
+                                        _vm._v("100% Complete"),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("b", [
+                                _vm._v(
+                                  "Aset yang tidak menghasilkan / total aset"
+                                ),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p1.p1c9_cu_penilaian,
+                                subtitle1: "Di atas 10% dari total aset",
+                                subtitle2: "6-9% dari total aset",
+                                subtitle3: "5% dari total aset",
+                                subtitle4: "Di bawah 5% dari total aset",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p1.p1c9_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p1.p1c9_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p1.p1c9_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p1.p1c9_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p1.p1c9_cu_keterangan,
+                                    expression: "form.p1.p1c9_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1c9_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p1.p1c9_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p1,
+                                      "p1c9_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p1.p1c9_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p1.p1c9_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p1.p1c9_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p1.p1c9_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p1.p1c9_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1c9_bkcu_keterangan,
+                                          expression:
+                                            "form.p1.p1c9_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1c9_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p1.p1c9_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1c9_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1c9_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p1.p1c9_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1c9_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1c9_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1c9_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua')",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1c9_cu_penilaian != null &&
+                _vm.form.p1.p1c9_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c(
+                    "div",
+                    { staticClass: "card card-body bg-brown text-white" },
+                    [
+                      _c(
+                        "div",
+                        { staticClass: "row justify-content-between" },
+                        [
+                          _c("div", { staticClass: "col-md-6" }, [
+                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
+                              _vm._v("D. NILAI PENGEMBALIAN ATAS PEMBIAYAAN"),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-md-6 text-right" }, [
+                            _c(
+                              "ul",
+                              {
+                                staticClass:
+                                  "list-inline mb-0 font-weight-bold",
+                              },
+                              [
+                                _c("li", [
+                                  _vm._v(
+                                    "Skor CU: " +
+                                      _vm._s(_vm.skorCUD()) +
+                                      " / Bobot Skor CU: " +
+                                      _vm._s(_vm.bobotCUD()) +
+                                      "% "
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.skorBKCUD()) +
+                                      " / Bobot Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.bobotBKCUD()) +
+                                      "% "
+                                  ),
+                                ]),
+                              ]
+                            ),
+                          ]),
+                        ]
+                      ),
+                    ]
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p1.p1d10_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p1.p1d10_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1d10_cu_penilaian == cuTabName || form.p1.p1d10_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1c9_cu_penilaian != null &&
+                _vm.form.p1.p1c9_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-brown" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-brown text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t9. R7 = Mengukur persentase pengembalian biaya atas simpanan saham"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "card card-body",
+                              class: {
+                                "bg-primary":
+                                  _vm.itemData.r7_1 == _vm.itemData.harga_pasar,
+                                "bg-danger":
+                                  _vm.itemData.r7_1 != _vm.itemData.harga_pasar,
+                              },
+                              staticStyle: { cursor: "pointer" },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalBuka(_vm.itemData, "r7")
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "media no-margin-top content-group",
+                                },
+                                [
+                                  _c("div", { staticClass: "media-body" }, [
+                                    _c(
+                                      "h6",
+                                      {
+                                        staticClass:
+                                          "font-weight-semibold mb-8",
+                                      },
+                                      [
+                                        _vm._v(
+                                          _vm._s(
+                                            _vm._f("percentage")(
+                                              _vm.itemData.r7_1,
+                                              2
+                                            )
+                                          ) +
+                                            " / " +
+                                            _vm._s(
+                                              _vm._f("percentage")(
+                                                _vm.itemData.r7_2,
+                                                2
+                                              )
+                                            )
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.itemData.r7_1 ==
+                                    _vm.itemData.harga_pasar
+                                      ? _c(
+                                          "span",
+                                          { staticClass: "opacity-75" },
+                                          [
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL / \n\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c("span", [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL / \n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]),
+                                    _vm._v(" "),
+                                    _vm.itemData.r7_2 ==
+                                    _vm.itemData.harga_pasar
+                                      ? _c(
+                                          "span",
+                                          { staticClass: "opacity-75" },
+                                          [
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL  \n\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c("span", [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL \n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "ml-3 align-self-center" },
+                                    [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-icon rounded-round",
+                                          attrs: { type: "button" },
+                                        },
+                                        [_c("b", [_vm._v("R7")])]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "progress bg-blue mb-2",
+                                  staticStyle: { height: "0.125rem" },
+                                },
+                                [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass: "progress-bar bg-white",
+                                      staticStyle: { width: "100%" },
+                                    },
+                                    [
+                                      _c("span", { staticClass: "sr-only" }, [
+                                        _vm._v("100% Complete"),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("b", [
+                                _vm._v("BJS saham terhadap rata-rata aset"),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p1.p1d10_cu_penilaian,
+                                subtitle1:
+                                  "Deviden anggota dibawah harga pasar",
+                                subtitle2:
+                                  "Deviden dibayar dibawah atau 2% lebih tinggi dari pasar",
+                                subtitle3:
+                                  "Deviden dibayar 1% lebih tinggi dari pasar",
+                                subtitle4: "Deviden dibayar setara bunga pasar",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p1.p1d10_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p1.p1d10_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p1.p1d10_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p1.p1d10_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p1.p1d10_cu_keterangan,
+                                    expression: "form.p1.p1d10_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1d10_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p1.p1d10_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p1,
+                                      "p1d10_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p1.p1d10_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p1.p1d10_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p1.p1d10_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p1.p1d10_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p1.p1d10_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1d10_bkcu_keterangan,
+                                          expression:
+                                            "form.p1.p1d10_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1d10_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1d10_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1d10_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1d10_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p1.p1d10_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1d10_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1d10_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1d10_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p1.p1d11_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p1.p1d11_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1d11_cu_penilaian == cuTabName || form.p1.p1d11_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1d10_cu_penilaian != null &&
+                _vm.form.p1.p1d10_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-brown" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-brown text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t10. R9 = Mengukur persentase beban untuk mengelola semua asset"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "card card-body",
+                              class: {
+                                "bg-primary": _vm.itemData.r9 <= 0.05,
+                                "bg-danger": _vm.itemData.r9 > 0.05,
+                              },
+                              staticStyle: { cursor: "pointer" },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalBuka(_vm.itemData, "r9")
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "media no-margin-top content-group",
+                                },
+                                [
+                                  _c("div", { staticClass: "media-body" }, [
+                                    _c(
+                                      "h6",
+                                      {
+                                        staticClass:
+                                          "font-weight-semibold mb-8",
+                                      },
+                                      [
+                                        _vm._v(
+                                          _vm._s(
+                                            _vm._f("percentage")(
+                                              _vm.itemData.r9,
+                                              2
+                                            )
+                                          )
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.itemData.r9 <= 0.05
+                                      ? _c(
+                                          "span",
+                                          { staticClass: "opacity-75" },
+                                          [
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c("span", [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "ml-3 align-self-center" },
+                                    [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-icon rounded-round",
+                                          attrs: { type: "button" },
+                                        },
+                                        [_c("b", [_vm._v("R9")])]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "progress bg-blue mb-2",
+                                  staticStyle: { height: "0.125rem" },
+                                },
+                                [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass: "progress-bar bg-white",
+                                      staticStyle: { width: "100%" },
+                                    },
+                                    [
+                                      _c("span", { staticClass: "sr-only" }, [
+                                        _vm._v("100% Complete"),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("b", [
+                                _vm._v(
+                                  "Biaya operasional terhadap rata-rata aset"
+                                ),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p1.p1d11_cu_penilaian,
+                                subtitle1:
+                                  "Biaya Operasional dibawah 5% dari rata-rata aset dan staf tidak mampu melaksanakan kegiatan operasional",
+                                subtitle2:
+                                  "Biaya Operasional >5% dari rata-rata aset ",
+                                subtitle3:
+                                  "Biaya Operasional sebesar 5% dari rata-rata aset",
+                                subtitle4:
+                                  "Biaya Operasional sebesar 5% dari rata-rata aset dengan jumlah staf yang memadai dan gaji kompetitif",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p1.p1d11_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p1.p1d11_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p1.p1d11_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p1.p1d11_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p1.p1d11_cu_keterangan,
+                                    expression: "form.p1.p1d11_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1d11_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p1.p1d11_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p1,
+                                      "p1d11_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p1.p1d11_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p1.p1d11_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p1.p1d11_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p1.p1d11_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p1.p1d11_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1d11_bkcu_keterangan,
+                                          expression:
+                                            "form.p1.p1d11_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1d11_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1d11_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1d11_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1d11_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p1.p1d11_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1d11_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1d11_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1d11_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1d11_cu_penilaian != null &&
+                _vm.form.p1.p1d11_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c(
+                    "div",
+                    { staticClass: "card card-body bg-danger text-white" },
+                    [
+                      _c(
+                        "div",
+                        { staticClass: "row justify-content-between" },
+                        [
+                          _c("div", { staticClass: "col-md-6" }, [
+                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
+                              _vm._v("E. LIKUIDITAS"),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-md-6 text-right" }, [
+                            _c(
+                              "ul",
+                              {
+                                staticClass:
+                                  "list-inline mb-0 font-weight-bold",
+                              },
+                              [
+                                _c("li", [
+                                  _vm._v(
+                                    "Skor CU: " +
+                                      _vm._s(_vm.skorCUE()) +
+                                      " / Bobot Skor CU: " +
+                                      _vm._s(_vm.bobotCUE()) +
+                                      "% "
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.skorBKCUE()) +
+                                      " / Bobot Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.bobotBKCUE()) +
+                                      "% "
+                                  ),
+                                ]),
+                              ]
+                            ),
+                          ]),
+                        ]
+                      ),
+                    ]
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p1.p1e12_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p1.p1e12_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1e12_cu_penilaian == cuTabName || form.p1.p1e12_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1d11_cu_penilaian != null &&
+                _vm.form.p1.p1d11_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-danger" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-danger text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t11. L1 = Mengukur persentase cadangan likuid untuk memenuhi permintaan penarikan setelah membayar semua kewajiban < 30 hari"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "card card-body",
+                              class: {
+                                "bg-primary":
+                                  _vm.itemData.l1 >= 0.15 &&
+                                  _vm.itemData.l1 <= 0.2,
+                                "bg-danger":
+                                  _vm.itemData.l1 < 0.15 ||
+                                  _vm.itemData.l1 > 0.2,
+                              },
+                              staticStyle: { cursor: "pointer" },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalBuka(_vm.itemData, "l1")
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "media no-margin-top content-group",
+                                },
+                                [
+                                  _c("div", { staticClass: "media-body" }, [
+                                    _c(
+                                      "h6",
+                                      {
+                                        staticClass:
+                                          "font-weight-semibold mb-8",
+                                      },
+                                      [
+                                        _vm._v(
+                                          _vm._s(
+                                            _vm._f("percentage")(
+                                              _vm.itemData.l1,
+                                              2
+                                            )
+                                          )
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.itemData.l1 >= 0.15 &&
+                                    _vm.itemData.l1 <= 0.2
+                                      ? _c(
+                                          "span",
+                                          { staticClass: "opacity-75" },
+                                          [
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c("span", [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "ml-3 align-self-center" },
+                                    [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-icon rounded-round",
+                                          attrs: { type: "button" },
+                                        },
+                                        [_c("b", [_vm._v("L1")])]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "progress bg-blue mb-2",
+                                  staticStyle: { height: "0.125rem" },
+                                },
+                                [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass: "progress-bar bg-white",
+                                      staticStyle: { width: "100%" },
+                                    },
+                                    [
+                                      _c("span", { staticClass: "sr-only" }, [
+                                        _vm._v("100% Complete"),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("b", [
+                                _vm._v(
+                                  "(investasi likuid + aset-aset likuid - hutang jangka pendek < 30 hari) / simpanan non saham"
+                                ),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p1.p1e12_cu_penilaian,
+                                subtitle1:
+                                  "Dibawah 10% dari simpanan non saham atau lebih dari 15%  simpanan non saham, dan jumlah tersebut melampaui 20% total aset",
+                                subtitle2:
+                                  "10 -15% dari simpanan non saham tetapi tidak melampaui 20% total aset",
+                                subtitle3:
+                                  "15% dari simpanan non saham tetapi tidak melampaui 20% dari total aset",
+                                subtitle4:
+                                  "Diatas 15% dari simpanan non saham tetapi tidak melampaui 20% dari total aset",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p1.p1e12_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p1.p1e12_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p1.p1e12_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p1.p1e12_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p1.p1e12_cu_keterangan,
+                                    expression: "form.p1.p1e12_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1e12_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p1.p1e12_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p1,
+                                      "p1e12_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p1.p1e12_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p1.p1e12_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p1.p1e12_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p1.p1e12_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p1.p1e12_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1e12_bkcu_keterangan,
+                                          expression:
+                                            "form.p1.p1e12_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1e12_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1e12_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1e12_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1e12_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p1.p1e12_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1e12_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1e12_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1e12_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1e12_cu_penilaian != null &&
+                _vm.form.p1.p1e12_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c(
+                    "div",
+                    { staticClass: "card card-body bg-teal text-white" },
+                    [
+                      _c(
+                        "div",
+                        { staticClass: "row justify-content-between" },
+                        [
+                          _c("div", { staticClass: "col-md-6" }, [
+                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
+                              _vm._v("F. PERTUMBUHAN"),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-md-6 text-right" }, [
+                            _c(
+                              "ul",
+                              {
+                                staticClass:
+                                  "list-inline mb-0 font-weight-bold",
+                              },
+                              [
+                                _c("li", [
+                                  _vm._v(
+                                    "Skor CU: " +
+                                      _vm._s(_vm.skorCUF()) +
+                                      " / Bobot Skor CU: " +
+                                      _vm._s(_vm.bobotCUF()) +
+                                      "% "
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.skorBKCUF()) +
+                                      " / Bobot Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.bobotBKCUF()) +
+                                      "% "
+                                  ),
+                                ]),
+                              ]
+                            ),
+                          ]),
+                        ]
+                      ),
+                    ]
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p1.p1ff13_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p1.p1ff13_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1ff13_cu_penilaian == cuTabName || form.p1.p1ff13_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1e12_cu_penilaian != null &&
+                _vm.form.p1.p1e12_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-teal" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-teal text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t12. S10 = Mengukur persentase pertumbuhan anggota dari tahun ke tahun"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "card card-body",
+                              class: {
+                                "bg-primary": _vm.itemData.s10 > 0.12,
+                                "bg-danger": _vm.itemData.s10 <= 0.12,
+                              },
+                              staticStyle: { cursor: "pointer" },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalBuka(_vm.itemData, "s10")
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "media no-margin-top content-group",
+                                },
+                                [
+                                  _c("div", { staticClass: "media-body" }, [
+                                    _c(
+                                      "h6",
+                                      {
+                                        staticClass:
+                                          "font-weight-semibold mb-8",
+                                      },
+                                      [
+                                        _vm._v(
+                                          _vm._s(
+                                            _vm._f("percentage")(
+                                              _vm.itemData.s10,
+                                              2
+                                            )
+                                          )
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.itemData.s10 >= 0.12
+                                      ? _c(
+                                          "span",
+                                          { staticClass: "opacity-75" },
+                                          [
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c("span", [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "ml-3 align-self-center" },
+                                    [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-icon rounded-round",
+                                          attrs: { type: "button" },
+                                        },
+                                        [_c("b", [_vm._v("S10")])]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "progress bg-blue mb-2",
+                                  staticStyle: { height: "0.125rem" },
+                                },
+                                [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass: "progress-bar bg-white",
+                                      staticStyle: { width: "100%" },
+                                    },
+                                    [
+                                      _c("span", { staticClass: "sr-only" }, [
+                                        _vm._v("100% Complete"),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("b", [_vm._v("Pertumbuhan anggota")]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p1.p1f13_cu_penilaian,
+                                subtitle1: "Kurang dari 5%",
+                                subtitle2: "5-11%",
+                                subtitle3: "12%",
+                                subtitle4: "Lebih dari 12%",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p1.p1f13_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p1.p1f13_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p1.p1f13_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p1.p1f13_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p1.p1f13_cu_keterangan,
+                                    expression: "form.p1.p1f13_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1f13_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p1.p1f13_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p1,
+                                      "p1f13_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p1.p1f13_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p1.p1f13_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p1.p1f13_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p1.p1f13_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p1.p1f13_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1f13_bkcu_keterangan,
+                                          expression:
+                                            "form.p1.p1f13_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1f13_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1f13_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1f13_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1f13_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p1.p1f13_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1f13_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1f13_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1f13_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p1.p1f14_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p1.p1f14_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1f14_cu_penilaian == cuTabName || form.p1.p1f14_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1f13_cu_penilaian != null &&
+                _vm.form.p1.p1f13_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-teal" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-teal text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t13. S11 = Mengukur persentase pertumbuhan total  aset dari tahun ke tahun"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "card card-body",
+                              class: {
+                                "bg-primary":
+                                  _vm.itemData.s11 >
+                                  0.1 + _vm.itemData.laju_inflasi,
+                                "bg-danger":
+                                  _vm.itemData.s11 <=
+                                  0.1 + _vm.itemData.laju_inflasi,
+                              },
+                              staticStyle: { cursor: "pointer" },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalBuka(_vm.itemData, "s11")
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "media no-margin-top content-group",
+                                },
+                                [
+                                  _c("div", { staticClass: "media-body" }, [
+                                    _c(
+                                      "h6",
+                                      {
+                                        staticClass:
+                                          "font-weight-semibold mb-8",
+                                      },
+                                      [
+                                        _vm._v(
+                                          _vm._s(
+                                            _vm._f("percentage")(
+                                              _vm.itemData.s11,
+                                              2
+                                            )
+                                          )
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.itemData.s11 >
+                                    0.1 + _vm.itemData.laju_inflasi
+                                      ? _c(
+                                          "span",
+                                          { staticClass: "opacity-75" },
+                                          [
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c("span", [
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "ml-3 align-self-center" },
+                                    [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-light btn-icon rounded-round",
+                                          attrs: { type: "button" },
+                                        },
+                                        [_c("b", [_vm._v("S11")])]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "progress bg-blue mb-2",
+                                  staticStyle: { height: "0.125rem" },
+                                },
+                                [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass: "progress-bar bg-white",
+                                      staticStyle: { width: "100%" },
+                                    },
+                                    [
+                                      _c("span", { staticClass: "sr-only" }, [
+                                        _vm._v("100% Complete"),
+                                      ]),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("b", [_vm._v("Pertumbuhan aset")]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p1.p1f14_cu_penilaian,
+                                subtitle1: "Kurang dari tingkat inflasi",
+                                subtitle2:
+                                  "1-4 % lebih tinggi dari tingkat Inflasi",
+                                subtitle3:
+                                  "5-9% lebih tinggi dari tingkat inflasi",
+                                subtitle4:
+                                  "Lebih dari 10% dibanding tingkat inflasi",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p1.p1f14_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p1.p1f14_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p1.p1f14_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p1.p1f14_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p1.p1f14_cu_keterangan,
+                                    expression: "form.p1.p1f14_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1f14_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p1.p1f14_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p1,
+                                      "p1f14_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" ||
+                        _vm.mode == "lihat" ||
+                        _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p1.p1f14_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p1.p1f14_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p1.p1f14_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p1.p1f14_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p1.p1f14_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1f14_bkcu_keterangan,
+                                          expression:
+                                            "form.p1.p1f14_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1f14_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1f14_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1f14_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p1.p1f14_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p1.p1f14_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1f14_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p1.p1f14_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p1,
+                                            "p1f14_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1f14_cu_penilaian != null &&
+                _vm.form.p1.p1f14_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card card-body" }, [
+                    _c(
+                      "div",
+                      { staticClass: "text-center d-none d-md-block" },
+                      [
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light",
+                            attrs: { type: "button" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.prev.apply(null, arguments)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-arrow-left13" }),
+                            _vm._v(" Batal\n\t\t\t\t"),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-primary",
+                            attrs: { type: "button" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.next.apply(null, arguments)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-arrow-right14" }),
+                            _vm._v(" Selanjutnya\n\t\t\t\t"),
+                          ]
+                        ),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "d-block d-md-none" }, [
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-primary btn-block",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.next.apply(null, arguments)
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-arrow-right14" }),
+                          _vm._v(" Selanjutnya\n\t\t\t\t"),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light btn-block",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.prev.apply(null, arguments)
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-arrow-left13" }),
+                          _vm._v(" Batal\n\t\t\t\t"),
+                        ]
+                      ),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
+            button: _vm.modalButton,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v(_vm._s(_vm.modalTitle)),
+          ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body1" },
+            [
+              _c("form-katex", {
+                attrs: { kelas: _vm.kelas, modalKatex: _vm.modalKatex },
+                on: { tutup: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=template&id=062ab188&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=template&id=062ab188& ***!
+  \****************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.form.p1.p1f14_cu_penilaian == null &&
+      _vm.form.p1.p1f14_cu_keterangan == null &&
+      _vm.mode != "penilaianBkcu" &&
+      _vm.mode != "lihat"
+        ? _c("div", { staticClass: "card bg-danger card-body" }, [
+            _c("h6", { staticClass: "mb-0" }, [
+              _vm._v(
+                "Maaf, anda tidak bisa melanjutkan mengisi perspektif ini sebelum melengkapi perspektif sebelumnya."
+              ),
+            ]),
+          ])
+        : _vm._e(),
+      _vm._v(" "),
+      (_vm.form.p1.p1f14_cu_penilaian != null &&
+        _vm.form.p1.p1f14_cu_keterangan != null) ||
+      _vm.mode == "penilaianBkcu" ||
+      _vm.mode == "lihat"
+        ? _c(
+            "div",
+            [
+              _c("form-filter", {
+                attrs: {
+                  cuTabName: _vm.cuTabName,
+                  bkcuTabName: _vm.bkcuTabName,
+                  jumlahPenilaianCU: _vm.jumlahPenilaianCU,
+                  jumlahPenilaianBKCU: _vm.jumlahPenilaianBKCU,
+                },
+                on: {
+                  changeTabCU: _vm.changeTabCU,
+                  changeTabBKCU: _vm.changeTabBKCU,
+                },
+              }),
+            ],
+            1
+          )
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1f14_cu_penilaian != null &&
+                _vm.form.p1.p1f14_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c(
+                    "div",
+                    { staticClass: "card card-body bg-info text-white" },
+                    [
+                      _c(
+                        "div",
+                        { staticClass: "row justify-content-between" },
+                        [
+                          _c("div", { staticClass: "col-md-6" }, [
+                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
+                              _vm._v(
+                                "A. PRODUK DAN PELAYANAN YANG BERKUALITAS"
+                              ),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-md-6 text-right" }, [
+                            _c(
+                              "ul",
+                              {
+                                staticClass:
+                                  "list-inline mb-0 font-weight-bold",
+                              },
+                              [
+                                _c("li", [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\tSkor CU: " +
+                                      _vm._s(_vm.skorCUA()) +
+                                      " / Bobot Skor CU: " +
+                                      _vm._s(_vm.bobotCUA()) +
+                                      "% \n\t\t\t\t\t\t"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\tSkor PUSKOPCUINA: " +
+                                      _vm._s(_vm.skorBKCUA()) +
+                                      " / Bobot Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.bobotBKCUA()) +
+                                      "% \n\t\t\t\t\t\t"
+                                  ),
+                                ]),
+                              ]
+                            ),
+                          ]),
+                        ]
+                      ),
+                    ]
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2a1_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2a1_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a1_cu_penilaian == cuTabName || form.p2.p2a1_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p1.p1f14_cu_penilaian != null &&
+                _vm.form.p1.p1f14_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t1. Target Produk dan Pelayanan"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2a1_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Tidak ada sarana untuk menerima umpan balik dari anggota</li> <li>Produk dan pelayanan tidak memenuhi semua kebutuhan anggota sebagaimana terukur dari anggota masyarakat yang menggunakan jasa pelayanan credit union (kurang dari 10%)</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Ada survei  secara tidak teratur terhadap anggota</li><li>Produk dan pelayanan memenuhi sejumlah kebutuhan anggota sebagaimana terukur dari anggota masyarakat yang menggunakan jasa pelayanan credit union (10 - 19%)</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Ada survei secara tahunan terhadap anggota</li><li>Produk dan pelayanan memenuhi semua kebutuhan anggota sebagaimana terukur dari anggota masyarakat yang menggunakan jasa pelayanan credit union (20 - 30%)</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Ada survei tahunan dan mekanisme umpan balik tambahan</li><li>Produk dan pelayanan memenuhi semua kebutuhan anggota sebagaimana terukur dari anggota masyarakat yang menggunakan jasa pelayanan credit union (di atas 30%)</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2a1_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2a1_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2a1_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2a1_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2a1_cu_keterangan,
+                                    expression: "form.p2.p2a1_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a1_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2a1_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2a1_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2a1_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2a1_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2a1_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2a1_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2a1_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a1_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2a1_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a1_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p2.p2a1_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a1_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a1_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2a1_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a1_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2a1_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a1_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2a2_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2a2_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a2_cu_penilaian == cuTabName || form.p2.p2a2_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2a1_cu_penilaian != null &&
+                _vm.form.p2.p2a1_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t2. Tampilan Produk"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2a2_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada katalog produk yang dikembangkan atau sangat jarang mencetak brosur dan pamflet",
+                                subtitle2:
+                                  "Menggunakan brosur dan pamflet, namun sedang-sedang saja dalam hal penyampaian pesan positif tentang kepuasan, keakraban, kegembiraan credit union",
+                                subtitle3:
+                                  "Menggunakan katalog, brosur dan pamflet produk secara profesional",
+                                subtitle4:
+                                  "Menggunakan katalog, brosur dan pamflet produk secara profesional; ada foto-foto anggota yang menunjukkan kepuasan dan kesan bahwa CU itu ramah, gembira, unik dan penuh peluang",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2a2_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2a2_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2a2_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2a2_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2a2_cu_keterangan,
+                                    expression: "form.p2.p2a2_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a2_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2a2_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2a2_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2a2_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2a2_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2a2_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2a2_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2a2_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a2_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2a2_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a2_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p2.p2a2_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a2_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a2_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2a2_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a2_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2a2_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a2_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2a3_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2a3_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a3_cu_penilaian == cuTabName || form.p2.p2a3_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2a2_cu_penilaian != null &&
+                _vm.form.p2.p2a2_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t3. Rentangan Produk Keuangan"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2a3_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Produk-produk masih bersifat tradisional dan belum pernah dikaji dalam 5 tahun terakhir</li><li>Produk-produk keuangan (simpanan, pinjaman) masih terbatas; rancangan produknya masih tradisional</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Produk-produk masih bersifat tradisional dan belum pernah dikaji dalam 3 tahun terakhir</li><li>Produk-produk keuang-an masih belum mam-pu menjawab kebutuh-an para anggota</li><li>Produk-produknya tidak sesuai dengan data demografi terkini dari para anggotanya; usia, pekerjaan, jender, agama, perilaku, gaya hidup, status sosial, dll</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Produk-produknya baru dikembangkan</li><li>Jangkauan produk-produk keuangan merupakan solusi  yang disesuaikan dengan masalah para anggota</li><li>Produk-produknya sesuai dengan mayoritas demografi anggota yang ada; usia, pekerjaan, jender, agama, perilaku, gaya hidup, status sosial, dll</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Produk-produknya baru dikembangkan dalam 10 tahun terakhir</li><li>Produk keuangannya kompetitif dan berdasarkan kebutuhan dan merupakan solusi  yang disesuaikan dengan masalah para anggota</li><li>Produk-produknya sesuai dengan demografi anggota yang ada; usia, pekerjaan, jender, agama, perilaku, gaya hidup, status sosial, dll</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2a3_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2a3_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2a3_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2a3_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2a3_cu_keterangan,
+                                    expression: "form.p2.p2a3_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a3_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2a3_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2a3_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2a3_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2a3_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2a3_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2a3_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2a3_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a3_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2a3_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a3_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p2.p2a3_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a3_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a3_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2a3_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a3_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2a3_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a3_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2a4_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2a4_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a4_cu_penilaian == cuTabName || form.p2.p2a4_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2a3_cu_penilaian != null &&
+                _vm.form.p2.p2a3_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t4. Brand sebagai Pola Pikir"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2a4_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada citra branding yang tersebar",
+                                subtitle2:
+                                  "Tidak ada bukti tertulis tentang citra branding; sedikit menggambarkan janji dan manfaat produk dan pelayanan, sedikit kesan bisnis dan ikatan psikologis, nama produk agak tradisional",
+                                subtitle3:
+                                  "Menampilkan citra branding secara tertulis yang menggambarkan kesan tentang manfaat produk dan pelayanan, ada keunikan; nama produk mudah diingat, menarik, dan trendi",
+                                subtitle4:
+                                  "Secara aktif mempromo-sikan manfaat produk dan pelayanan, memanfaatkan peluang eksternal, ikatan psikologis terbangun di antara para anggota, ada keunikan; nama produk mudah diingat, menarik, dan trendi",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2a4_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2a4_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2a4_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2a4_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2a4_cu_keterangan,
+                                    expression: "form.p2.p2a4_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a4_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2a4_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2a4_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2a4_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2a4_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2a4_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2a4_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2a4_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a4_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2a4_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a4_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p2.p2a4_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a4_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a4_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2a4_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a4_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2a4_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a4_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2a5_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2a5_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a5_cu_penilaian == cuTabName || form.p2.p2a5_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2a4_cu_penilaian != null &&
+                _vm.form.p2.p2a4_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t5. Produk Pendorong Kesejahteraan"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2a5_cu_penilaian,
+                                subtitle1:
+                                  "Hanya menawarkan produk-produk simpanan yang bersifat tradisional",
+                                subtitle2:
+                                  "Ada 5 produk simpanan yang bersifat membangun kekayaan seperti simpanan pendidikan, pembelian rumah, pembelian mobil, pembelian komputer dan investasi, rehab rumah, darurat, dll",
+                                subtitle3:
+                                  "Ada 6 - 10 produk simpanan yang bersifat membangun kekayaan seperti simpanan pendidikan, pembelian rumah, pembelian mobil, pembelian komputer dan investasi, rehab rumah, darurat, dll",
+                                subtitle4:
+                                  "Lebih dari 10 produk simpanan yang bersifat membangun kekayaan seperti simpanan pendidikan, pembelian rumah, pembelian mobil, pembelian komputer dan investasi, rehab rumah, darurat, dll",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2a5_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2a5_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2a5_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2a5_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2a5_cu_keterangan,
+                                    expression: "form.p2.p2a5_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a5_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2a5_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2a5_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2a5_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2a5_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2a5_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2a5_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2a5_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a5_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2a5_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a5_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p2.p2a5_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a5_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a5_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2a5_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a5_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2a5_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a5_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2a6_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2a6_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a6_cu_penilaian == cuTabName || form.p2.p2a6_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2a5_cu_penilaian != null &&
+                _vm.form.p2.p2a5_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t6. Capacitiy Based Landing (Pinjaman berbasis kemampuan mengembalikan)"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2a6_cu_penilaian,
+                                subtitle1:
+                                  "Pinjaman diberikan berdasarkan besar modal atau simpanan",
+                                subtitle2:
+                                  "Pinjaman diberikan berdasarkan kemampuan mengembalikan",
+                                subtitle3:
+                                  "Semua pinjaman diberikan berdasarkan kemampuan mengembalikan dan dianalisis menggunakan Analisa 5C (Character, Capacity to pay, Capital status, Collateral/Co-makers, Credit conditions)",
+                                subtitle4:
+                                  "Semua pinjaman diberikan berdasarkan kemampuan mengembalikan dan dianalisis menggunakan Analisa 5C, ada BJP (balas jasa pinjaman) bagi peminjam yang baik",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2a6_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2a6_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2a6_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2a6_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2a6_cu_keterangan,
+                                    expression: "form.p2.p2a6_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a6_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2a6_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2a6_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2a6_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2a6_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2a6_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2a6_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2a6_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a6_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2a6_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a6_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p2.p2a6_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a6_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a6_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2a6_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a6_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2a6_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a6_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2a7_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2a7_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a7_cu_penilaian == cuTabName || form.p2.p2a7_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2a6_cu_penilaian != null &&
+                _vm.form.p2.p2a6_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t7. Akses dan Kenyamanan"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2a7_cu_penilaian,
+                                subtitle1:
+                                  "Tidak menggunakan pelayanan dengan cara ekstensif; masih terikat pada pola tradisional ; “melalui kasir”, jam kantor tidak fleksibel, tidak dapat memenuhi kebutuhan penarikan tunai dari para anggota",
+                                subtitle2:
+                                  "Menggunakan beberapa pelayanan terkait kebutuhan anggota, misalnya jam kerja diperpanjang, kasir pelayanan buka selama jam istirahat, ada kasir pelayanan cepat, kasir keliling, kolektor, pelayanan dari rumah ke rumah, pelayanan pada hari Minggu dan libur, dan Tempat Pelayanan Ramah Anggota (Member Friendly Service Point), dll",
+                                subtitle3:
+                                  "Menggunakan sebagian besar  pelayanan terkait kebutuhan anggota, misalnya jam kerja diperpanjang, kasir pelayanan buka selama jam istirahat, ada kasir pelayanan cepat, kasir keliling, kolektor, pelayanan dari rumah ke rumah, pelayanan pada hari Minggu dan libur, dan Tempat Pelayanan Ramah Anggota, dll",
+                                subtitle4:
+                                  "Menggunakan pelayanan yang ekstensif dan fleksibel terkait kebutuhan anggota, misalnya jam kerja diperpanjang, kasir pelayanan buka selama jam istirahat, ada kasir pelayanan cepat, kasir keliling, kolektor, pelayanan dari rumah ke rumah, pelayanan pada hari libur, dan Tempat Pelayanan Ramah Anggota, dll",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2a7_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2a7_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2a7_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2a7_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2a7_cu_keterangan,
+                                    expression: "form.p2.p2a7_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a7_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2a7_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2a7_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2a7_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2a7_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2a7_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2a7_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2a7_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a7_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2a7_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a7_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p2.p2a7_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a7_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a7_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2a7_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a7_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2a7_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a7_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2a8_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2a8_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a8_cu_penilaian == cuTabName || form.p2.p2a8_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2a7_cu_penilaian != null &&
+                _vm.form.p2.p2a7_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t8. Price Value"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2a8_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Tidak mampu membayar bunga sesuai tingkat bunga pasar</li><li>Membayar bunga terlalu tinggi dari tingkat bunga pasar</li></ul>",
+                                subtitle2:
+                                  "Pada tingkat bunga pasar yang paling rendah",
+                                subtitle3:
+                                  "Tingkat bunga lebih tinggi untuk simpanan dan lebih rendah untuk pinjaman dibandingkan dengan yang berlaku di pasar",
+                                subtitle4:
+                                  "Tingkat bunga yang kompetitif pada semua produk simpanan dan pinjaman termasuk jaminan pengembalian",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2a8_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2a8_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2a8_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2a8_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2a8_cu_keterangan,
+                                    expression: "form.p2.p2a8_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a8_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2a8_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2a8_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2a8_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2a8_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2a8_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2a8_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2a8_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a8_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2a8_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a8_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p2.p2a8_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a8_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a8_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2a8_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a8_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2a8_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a8_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2a9_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2a9_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a9_cu_penilaian == cuTabName || form.p2.p2a9_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2a8_cu_penilaian != null &&
+                _vm.form.p2.p2a8_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t9. Pemasaran dan Promosi"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2a9_cu_penilaian,
+                                subtitle1:
+                                  "Tidak memiliki program promosi dan pemasaran atau program promosi tidak memuaskan; tidak ada peningkatan penggunaan produk dan pelayanan, jumlah anggota dan anggota yang loyal",
+                                subtitle2:
+                                  "Kadang-kadang meluncurkan program promosi yang dalam beberapa hal meningkatkan nilai produk dan pelayanan; kadang-kadang frekuensi penggunaan produk dan pelayanan meningkat dan membangkitkan kepuasan terhadap CU",
+                                subtitle3:
+                                  "Sukses melaksanakan program promosi tahunan yang meningkatkan nilai produk dan pelayanan: ada bukti program promosi dan pemasaran dan bukti antara hubungan penambahan jumlah anggota dengan penggunaan produk dan pelayanan",
+                                subtitle4:
+                                  "Sukses melaksanakan program promosi tahun-an yang disiapkan de-ngan baik, yang secara konsisten meningkatkan nilai produk dan pelayanan: ada bukti program promosi dan pemasaran dan bukti antara hubungan penambahan jumlah anggota dengan penggunaan produk dan pelayanan serta bukti pemasaran yang kooperatif",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2a9_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2a9_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2a9_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2a9_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2a9_cu_keterangan,
+                                    expression: "form.p2.p2a9_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a9_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2a9_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2a9_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2a9_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2a9_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2a9_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2a9_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2a9_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a9_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2a9_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a9_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p2.p2a9_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a9_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a9_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2a9_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a9_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2a9_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a9_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2a10_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2a10_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a10_cu_penilaian == cuTabName || form.p2.p2a10_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2a9_cu_penilaian != null &&
+                _vm.form.p2.p2a9_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t10. Insentif Loyalitas"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2a10_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada taktik yang dijalankan untuk meraih loyalitas anggota dan meningkatkan kepuasan anggota dalam berbisnis dengan credit union",
+                                subtitle2:
+                                  "Menerapkan sedikit taktik untuk meraih loyalitas anggota dan meningkat-kan kepuasan anggota, misalnya dengan program ucapan ulang tahun, anggota terbaik, penarikan undian terkait dengan frekuensi transaksi, penghargaan terhadap anggota paling berjasa, anggota terbaik bulan ini, dll",
+                                subtitle3:
+                                  "Menerapkan program untuk meraih loyalitas anggota dan meningkat-kan kepuasan anggota, misalnya dengan program ucapan ulang tahun, anggota terbaik, penarikan undian terkait dengan frekuensi transaksi, penghargaan terhadap anggota paling berjasa, anggota terbaik bulan ini, dll",
+                                subtitle4:
+                                  "Menerapkan taktik ekstensif terbaik untuk meraih loyalitas anggota dan meningkatkan kepuasan anggota dalam berbisnis dengan credit union",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2a10_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2a10_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2a10_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2a10_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2a10_cu_keterangan,
+                                    expression: "form.p2.p2a10_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a10_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2a10_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2a10_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2a10_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2a10_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2a10_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2a10_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2a10_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a10_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2a10_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a10_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2a10_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a10_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a10_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2a10_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a10_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2a10_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a10_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2a11_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2a11_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a11_cu_penilaian == cuTabName || form.p2.p2a11_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2a10_cu_penilaian != null &&
+                _vm.form.p2.p2a10_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t11. Kemasan Produk"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2a11_cu_penilaian,
+                                subtitle1:
+                                  "Pengemasan produk dan pelayanan tidak menciptakan pengalaman yang mengesankan, jarang menggunakan bahan cetak untuk promosi dan tidak berbasis solusi maupun produk membangun kekayaan",
+                                subtitle2:
+                                  "Pengemasan produk dan pelayanan kadang-kadang menciptakan pengalaman yang mengesankan, menyertakan sejumlah aspek sopan santun bagi staf, menggunakan bahan cetak untuk promosi dan slogan, dalam beberapa hal berbasis solusi dan produk membangun kekayaan",
+                                subtitle3:
+                                  "Menggunakan kemasan bisnis yang hampir sepenuhnya menciptakan pengalaman yang amat mengesankan, menyertakan sejumlah aspek sopan santun bagi staf, menggunakan bahan cetak untuk promosi dan slogan, dalam beberapa hal berbasis solusi dan produk membangun kekayaan",
+                                subtitle4:
+                                  "Menggunakan kemasan bisnis utuh yang menciptakan pengalaman yang amat mengesankan, menyertakan sejumlah aspek sopan santun bagi staf, menggunakan bahan cetak untuk promosi dan slogan, dalam beberapa hal berbasis solusi dan produk membangun kekayaan",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2a11_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2a11_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2a11_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2a11_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2a11_cu_keterangan,
+                                    expression: "form.p2.p2a11_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a11_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2a11_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2a11_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2a11_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2a11_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2a11_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2a11_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2a11_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a11_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2a11_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a11_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2a11_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a11_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2a11_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2a11_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a11_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2a11_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2a11_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2a11_cu_penilaian != null &&
+                _vm.form.p2.p2a11_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c(
+                    "div",
+                    { staticClass: "card card-body bg-warning text-white" },
+                    [
+                      _c(
+                        "div",
+                        { staticClass: "row justify-content-between" },
+                        [
+                          _c("div", { staticClass: "col-md-6" }, [
+                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
+                              _vm._v("B. KEPUASAN ANGGOTA"),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-md-6 text-right" }, [
+                            _c(
+                              "ul",
+                              {
+                                staticClass:
+                                  "list-inline mb-0 font-weight-bold",
+                              },
+                              [
+                                _c("li", [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\tSkor CU: " +
+                                      _vm._s(_vm.skorCUB()) +
+                                      " / Bobot Skor CU: " +
+                                      _vm._s(_vm.bobotCUB()) +
+                                      "% \n\t\t\t\t\t\t"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\tSkor PUSKOPCUINA: " +
+                                      _vm._s(_vm.skorBKCUB()) +
+                                      " / Bobot Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.bobotBKCUB()) +
+                                      "% \n\t\t\t\t\t\t"
+                                  ),
+                                ]),
+                              ]
+                            ),
+                          ]),
+                        ]
+                      ),
+                    ]
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b12_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b12_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b12_cu_penilaian == cuTabName || form.p2.p2b12_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2a11_cu_penilaian != null &&
+                _vm.form.p2.p2a11_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t12. Pemahaman tentang Anggota"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b12_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada sistem untuk melacak sejarah transaksi anggota dan informasi pribadi",
+                                subtitle2:
+                                  "<ul><li>Ada database anggota tetapi tidak diperbaharui secara teratur</li><li>Ada sedikit informasi pribadi anggota tetapi belum memberikan gambaran tentang apa yang dikehendaki , bagaimana cara melayani dan memasarkannya</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Database anggota selalu diperbaharui secara teratur untuk melacak sejarah transaksi</li><li>Ada informasi pribadi mendasar yang memberikan gambaran tentang apa yang dikehendaki, bagaimana cara melayani dan memasarkannya</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Database anggota selalu diperbaharui secara teratur dan terpelihara untuk melacak sejarah transaksi</li><li>Informasi pribadi leng-kap dan dapat mem-berikan gambaran tentang apa yang di-kehendaki , bagaimana cara melayani dan memasarkannya</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b12_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b12_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b12_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b12_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b12_cu_keterangan,
+                                    expression: "form.p2.p2b12_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b12_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b12_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b12_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b12_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b12_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b12_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b12_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b12_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b12_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b12_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b12_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b12_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b12_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b12_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b12_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b12_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b12_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b12_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b13_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b13_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b13_cu_penilaian == cuTabName || form.p2.p2b13_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b12_cu_penilaian != null &&
+                _vm.form.p2.p2b12_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t13. Membina Hubungan Berkelanjutan dengan Anggota"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b13_cu_penilaian,
+                                subtitle1: "Tidak ada program",
+                                subtitle2:
+                                  "Kadang-kadang dijalan-kan di beberapa bidang dan ada peningkatan hampir di semua bidang, misalnya frekuensi penggunaan pelayanan, kesetiaan, kepuasan, rasa memiliki, citra, niat baik, dan keaktifan",
+                                subtitle3:
+                                  "Program tahunan di-jalankan di semua bidang dan ada peningkatan hampir di semua bidang, misalnya frekuensi penggunaan pelayanan, kesetiaan, kepuasan, rasa memiliki, citra, niat baik, dan keaktifan",
+                                subtitle4:
+                                  "Program tahunan dijalankan secara ekstensif di semua bidang dan ada peningkatan hampir di semua bidang, misalnya frekuensi penggunaan pelayanan, kesetiaan, kepuasan, rasa memiliki, citra, niat baik, dan keaktifan",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b13_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b13_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b13_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b13_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b13_cu_keterangan,
+                                    expression: "form.p2.p2b13_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b13_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b13_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b13_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b13_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b13_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b13_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b13_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b13_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b13_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b13_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b13_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b13_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b13_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b13_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b13_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b13_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b13_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b13_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b14_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b14_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b14_cu_penilaian == cuTabName || form.p2.p2b14_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b13_cu_penilaian != null &&
+                _vm.form.p2.p2b13_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t14. Evaluasi Kepuasan Anggota"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b14_cu_penilaian,
+                                subtitle1:
+                                  "Tidak melakukan survei kepuasan anggota",
+                                subtitle2:
+                                  "Menjalankan tapi tidak teratur, ada pertemuan formal/informal anggota dan survei kepuasan anggota di beberapa bidang misalnya pelayanan tepat waktu, kesantunan staf, tanggap, paham terhadap masalah anggota, evaluasi menyeluruh terhadap organisasi, penggunaan produk tetapi tidak dianalisis dan digunakan; tidak menggunakan tolak ukur yang ditetapkan",
+                                subtitle3:
+                                  "Menjalankan pertemuan formal/informal anggota dan survei kepuasan anggota di beberapa bidang misalnya pelayanan tepat waktu, kesantunan staf, tanggap, paham terhadap masalah anggota, evaluasi menyeluruh terhadap organisasi, penggunaan produk, menganalisis dan menggunakannya; menggunakan tolak ukur yang ditetapkan, penilaiannya sangat baik",
+                                subtitle4:
+                                  "Menjalankan secara konsisten pertemuan formal/informal anggota dan survei kepuasan anggota di beberapa bidang misalnya pelayanan tepat waktu, kesantunan staf, tanggap, paham terhadap masalah anggota, evaluasi menyeluruh terhadap organisasi, penggunaan produk, menganalisis dan menggunakannya; menggunakan tolak ukur yang ditetapkan, penilaiannya prima",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b14_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b14_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b14_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b14_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b14_cu_keterangan,
+                                    expression: "form.p2.p2b14_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b14_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b14_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b14_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b14_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b14_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b14_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b14_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b14_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b14_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b14_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b14_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b14_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b14_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b14_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b14_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b14_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b14_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b14_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b15_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b15_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b15_cu_penilaian == cuTabName || form.p2.p2b15_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b14_cu_penilaian != null &&
+                _vm.form.p2.p2b14_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t15. Share of Wallet (Hanya menjadi anggota CU kita)"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b15_cu_penilaian,
+                                subtitle1:
+                                  "Tidak melakukan survei kepuasan anggota",
+                                subtitle2:
+                                  "50 - 69% anggota menyatakan bahwa CU merupakan lembaga keuangan yang terbaik",
+                                subtitle3:
+                                  "70-80% anggota menyatakan bahwa CU merupakan lembaga keuangan yang terbaik",
+                                subtitle4:
+                                  "Lebih dari 80% anggota menyatakan bahwa CU merupakan lembaga keuangan yang terbaik",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b15_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b15_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b15_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b15_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b15_cu_keterangan,
+                                    expression: "form.p2.p2b15_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b15_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b15_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b15_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b15_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b15_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b15_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b15_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b15_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b15_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b15_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b15_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b15_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b15_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b15_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b15_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b15_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b15_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b15_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b16_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b16_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b16_cu_penilaian == cuTabName || form.p2.p2b16_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b15_cu_penilaian != null &&
+                _vm.form.p2.p2b15_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t16. Customer Care Excellence yang dilembagakan"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b16_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Orientasi kepada pelanggan tidak diintegrasikan dengan profil kemampuan staf; orientasi pelanggan dalam tujuan/strategi</li><li>Operasional sehari-hari belum tertulis dan tidak mengikuti Peduli Anggota (Customer Care)</li><li>Tidak ada staf yang ditunjuk untuk mengelola hubungan dengan anggota</li><li>Hubungan dengan anggota ditetapkan dalam misi, tetapi tidak dalam nilai-nilai inti organisasi</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Orientasi kepada pelanggan diintegra-sikan dengan profil kemampuan beberapa orang staf</li><li>Orientasi pelanggan dalam tujuan/strategi tapi belum jelas</li><li>Operasional sehari-hari sudah mengikuti standar Pelayanan Peduli Anggota tapi tidak secara tertulis</li><li>Menunjuk staf untuk mengelola hubungan dengan anggota</li><li>Hubungan dengan anggota ditetapkan dalam misi, tetapi tidak dalam nilai-nilai inti organisasi</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Orientasi kepada pelanggan diintegrasikan dengan profil kemampuan semua staf</li><li>Ada 4 orientasi pelanggan dalam tujuan/strategi pada Strategic Plan (SP) yang dikomunikasikan untuk diikuti semua<ul><li>Operasional sehari-hari sudah mengikuti standar Pelayanan Peduli Anggota secara tertulis</li><li>Menunjuk staf untuk mengelola hubungan dengan anggota</li><li>Mengadopsi mekanisme untuk melibatkan anggota dalam mengembangkan;  produk baru</li><li>hubungan dengan anggota merupakan bagian dari visi, misi, dan nilai-nilai inti organisasi.</li></ul></li></ul>",
+                                subtitle4:
+                                  "<ul><li>Orientasi kepada pelanggan diintegra-sikan dengan profil kemampuan semua staf </li><li>Ada 5 atau lebih orientasi pelanggan dalam tujuan/strategi pada Strategic Plan (SP) yang dikomunikasikan untuk diikuti semua <ul><li>Operasional sehari-hari sudah mengikuti standar Pelayanan Peduli Anggota secara tertulis</li><li>Menunjuk staf untuk mengelola hubungan dengan anggota</li><li>Mengadopsi mekanisme untuk melibatkan anggota dalam mengembangkan produk baru;</li><li>hubungan dengan anggota merupakan bagian dari visi, misi, dan nilai-nilai inti organisasi</li></ul></li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b16_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b16_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b16_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b16_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b16_cu_keterangan,
+                                    expression: "form.p2.p2b16_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b16_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b16_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b16_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b16_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b16_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b16_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b16_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b16_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b16_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b16_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b16_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b16_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b16_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b16_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b16_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b16_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b16_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b16_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b17_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b17_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b17_cu_penilaian == cuTabName || form.p2.p2b17_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b16_cu_penilaian != null &&
+                _vm.form.p2.p2b16_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t17. Manfaat bagi anggota (Member benefit)"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b17_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada program kesejahteraan bagi anggota",
+                                subtitle2:
+                                  "Ada beberapa pelayanan kesejahteraan bagi anggota yang menggunakan dana dari pelayanan keuangan, misalnya beasiswa, kesehatan, pensiun, bantuan untuk kematian, kelahiran, musibah, dll",
+                                subtitle3:
+                                  "5 – 7 pelayanan kesejahteraan berkelanjutan tersedia untuk anggota yang menggunakan dana terpisah dari pelaksana-an pelayanan keuangan, misalnya beasiswa, kesehatan, pensiun, bantuan untuk kematian, kelahiran, musibah, dll; dana untuk pelayanan ini berasal dari akumulasi keuntungan",
+                                subtitle4:
+                                  "Lebih dari  7 pelayanan kesejahteraan berkelanjutan yang penuh inovasi dan menunjukkan keunikan dari CU tersedia untuk anggota serta menggunakan dana terpisah dari pelaksana-an pelayanan keuangan, misalnya beasiswa, kesehatan, pensiun, bantuan untuk kematian, kelahiran, musibah, dll; dana untuk pelayanan ini berasal dari akumulasi keuntungan",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b17_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b17_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b17_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b17_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b17_cu_keterangan,
+                                    expression: "form.p2.p2b17_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b17_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b17_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b17_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b17_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b17_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b17_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b17_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b17_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b17_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b17_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b17_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b17_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b17_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b17_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b17_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b17_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b17_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b17_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b18_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b18_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b18_cu_penilaian == cuTabName || form.p2.p2b18_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b17_cu_penilaian != null &&
+                _vm.form.p2.p2b17_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t18. Rapat Anggota"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b18_cu_penilaian,
+                                subtitle1:
+                                  "Rapat Anggota Tahunan tidak dilakukan secara rutin",
+                                subtitle2:
+                                  "Rapat Anggota Tahunan dilakukan dengan jumlah kuorum minimal",
+                                subtitle3:
+                                  "Rapat Anggota Tahunan dilakukan tepat waktu termasuk pertemuan umum yang dilakukan secara khusus sesuai kebutuhan",
+                                subtitle4:
+                                  "Rapat Anggota Tahunan dilakukan tepat waktu termasuk pertemuan umum yang dilakukan secara khusus sesuai kebutuhan dan program anggota seperti pertemuan keluarga, dll",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b18_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b18_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b18_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b18_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b18_cu_keterangan,
+                                    expression: "form.p2.p2b18_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b18_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b18_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b18_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b18_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b18_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b18_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b18_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b18_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b18_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b18_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b18_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b18_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b18_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b18_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b18_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b18_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b18_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b18_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b19_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b19_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b19_cu_penilaian == cuTabName || form.p2.p2b19_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b18_cu_penilaian != null &&
+                _vm.form.p2.p2b18_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t19. Partisipasi anggota"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b19_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada masukan dari anggota dalam perencanaan",
+                                subtitle2:
+                                  "Ada masukan dari anggota tetapi tidak rutin. Beberapa anggota terlibat dalam kegiatan yang dilakukan oleh CU.",
+                                subtitle3:
+                                  "Ada masukan tahunan dari anggota dalam perencanaan, umpan balik dari anggota diminta secara rutin",
+                                subtitle4:
+                                  "Masukan dari anggota secara rutin setiap tahun dalam perencanaan, umpan balik dari anggota diminta secara rutin dan wilayah kerja sudah dibagi untuk memastikan bahwa umpan balik terkumpul",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b19_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b19_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b19_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b19_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b19_cu_keterangan,
+                                    expression: "form.p2.p2b19_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b19_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b19_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b19_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b19_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b19_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b19_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b19_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b19_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b19_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b19_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b19_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b19_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b19_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b19_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b19_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b19_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b19_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b19_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b20_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b20_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b20_cu_penilaian == cuTabName || form.p2.p2b20_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b19_cu_penilaian != null &&
+                _vm.form.p2.p2b19_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t20. Penggunaan Produk-produk Membangun Kekayaan"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b20_cu_penilaian,
+                                subtitle1:
+                                  "Kurang dari 20%  anggota menggunakan rata-rata 1- 2 produk pembangun kekayaan",
+                                subtitle2:
+                                  "21 - 30%  anggota menggunakan rata-rata 1- 2 produk pembangun kekayaan",
+                                subtitle3:
+                                  "31 - 40%  anggota menggunakan rata-rata 3 - 5 produk pembangun kekayaan",
+                                subtitle4:
+                                  "Lebih dari 40%  anggota menggunakan lebih dari 5 produk pembangun kekayaan",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b20_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b20_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b20_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b20_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b20_cu_keterangan,
+                                    expression: "form.p2.p2b20_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b20_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b20_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b20_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b20_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b20_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b20_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b20_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b20_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b20_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b20_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b20_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b20_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b20_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b20_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b20_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b20_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b20_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b20_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b21_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b21_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b21_cu_penilaian == cuTabName || form.p2.p2b21_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b20_cu_penilaian != null &&
+                _vm.form.p2.p2b20_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t21. Pengguna Produk-produk Pinjaman"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b21_cu_penilaian,
+                                subtitle1:
+                                  "Kurang dari 50% anggota menggunakan produk-produk pinjaman",
+                                subtitle2:
+                                  "50 - 79% anggota menggunakan produk-produk pinjaman",
+                                subtitle3:
+                                  "80 - 90% anggota menggunakan produk-produk pinjaman",
+                                subtitle4:
+                                  "Lebih dari 90% anggota menggunakan produk pinjaman",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b21_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b21_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b21_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b21_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b21_cu_keterangan,
+                                    expression: "form.p2.p2b21_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b21_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b21_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b21_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b21_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b21_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b21_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b21_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b21_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b21_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b21_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b21_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b21_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b21_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b21_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b21_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b21_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b21_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b21_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b22_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b22_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b22_cu_penilaian == cuTabName || form.p2.p2b22_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b21_cu_penilaian != null &&
+                _vm.form.p2.p2b21_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t22. Pemahaman Tanggung jawab Peminjam - dilihat dari % Kelalaian"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b22_cu_penilaian,
+                                subtitle1:
+                                  "Kurang dari 80% anggota membayar tepat waktu sesuai dengan perjanjian dan persyaratan pinjaman",
+                                subtitle2:
+                                  "80 - 94% anggota membayar tepat waktu sesuai dengan perjanjian dan persyaratan pinjaman",
+                                subtitle3:
+                                  "95% anggota membayar tepat waktu sesuai dengan perjanjian dan persyaratan pinjaman.",
+                                subtitle4:
+                                  "Lebih dari 95% anggota membayar tepat waktu sesuai dengan perjanjian dan persyaratan pinjam-an.",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b22_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b22_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b22_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b22_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b22_cu_keterangan,
+                                    expression: "form.p2.p2b22_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b22_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b22_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b22_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b22_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b22_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b22_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b22_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b22_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b22_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b22_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b22_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b22_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b22_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b22_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b22_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b22_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b22_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b22_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b23_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b23_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b23_cu_penilaian == cuTabName || form.p2.p2b23_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b22_cu_penilaian != null &&
+                _vm.form.p2.p2b22_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t23. Infrastruktur Fisik-Bangunan dan Ruang Kantor"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b23_cu_penilaian,
+                                subtitle1:
+                                  "Prasarana fisik tidak memadai, menyebabkan hilangnya efektivitas dan efisiensi, misalnya lokasi kantor tidak disukai oleh anggota dan staf; ruang kerja tidak memadai baik secara individu maupun tim",
+                                subtitle2:
+                                  "Prasarana fisik tersedia dengan cukup baik, demi memenuhi kebutuhan organisasi yang paling mendesak; sejumlah perbaikan dapat sangat membantu meningkatkan  efektivitas dan efisiensi, misalnya ruang kerja tim tidak memadai, tidak bisa mengadakan diskusi yang bersifat rahasia, staf berbagi meja kerja",
+                                subtitle3:
+                                  "Prasarana fisik dan bangunan memadai untuk kebutuhan organisasi sekarang ini, prasarana tidak menghambat efektivitas dan efisiensi misalnya lokasi disukai oleh anggota dan staf, ruang kerja memadai bagi individu maupun tim dan memungkinkan untuk mengadakan diskusi-diskusi yang bersifat rahasia",
+                                subtitle4:
+                                  "Prasarana fisik terbangun dengan baik untuk memenuhi kebutuhan organisasi sekarang ini dan antisipasi untuk kebutuhan masa depan, dirancang dengan baik dan penuh pemikiran untuk meningkatkan efektivitas dan efisiensi organisasi, misalnya lokasi disukai oleh anggota dan staf, ruang kerja luas,  mendorong timuntuk bekerja sama, tata letak meningkatkan interaksi penting di kalangan staf",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b23_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b23_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b23_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b23_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b23_cu_keterangan,
+                                    expression: "form.p2.p2b23_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b23_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b23_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b23_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b23_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b23_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b23_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b23_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b23_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b23_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b23_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b23_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b23_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b23_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b23_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b23_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b23_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b23_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b23_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b24_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b24_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b24_cu_penilaian == cuTabName || form.p2.p2b24_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b23_cu_penilaian != null &&
+                _vm.form.p2.p2b23_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t24. Infrastruktur teknologi –telefon dan faks"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b24_cu_penilaian,
+                                subtitle1:
+                                  "Jumlah fasilitas nomor telepon dan faksimille terbatas sehingga menghambat efektivitas dan efisiensi pekerjaan harian",
+                                subtitle2:
+                                  "Fasilitas telepon dan faksimille memadai dan dapat di akses oleh sebagian besar staf; dapat diandal kan atau ramah pengguna; atau mungkin kurang dalam beberapa aspek yang sebetulnya dapat membantu meningkatkan efektivitas dan efisiensi misalnya voice mail individual atau mungkin sulit diakses oleh beberapa staf misalnya staf di bagian depan",
+                                subtitle3:
+                                  "<ul><li>Fasilitas telepon dan faksimille dapat diakses oleh semua staf di tiap sudut kantor; tidak ada hambatan untuk memenuhi kebutuhan komunikasi sehari-hari</li><li>Termasuk fasilitas tambahan yang dapat membantu meningkat-kan efektivitas dan efisiensimisalnya voice mail yang dapat diakses dengan remote</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Fasilitas telepon dan faksimille yang bagus sekali dan dapat diandalkan oleh semua staf di tiap sudut kantor, menyertakan voice mail individual setiap jam</li><li>Dilengkapi dengan fasilitas tambahan (misalnya pager, telepon genggam) bagi staf terpilih; efektif dan  berpengaruh dalam meningkatkan efektivitas dan efisiensi staf</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b24_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b24_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b24_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b24_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b24_cu_keterangan,
+                                    expression: "form.p2.p2b24_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b24_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b24_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b24_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b24_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b24_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b24_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b24_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b24_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b24_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b24_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b24_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b24_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b24_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b24_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b24_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b24_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b24_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b24_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b25_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b25_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b25_cu_penilaian == cuTabName || form.p2.p2b25_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b24_cu_penilaian != null &&
+                _vm.form.p2.p2b24_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t25. Komputer, Aplikasi, Network dan Email"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b25_cu_penilaian,
+                                subtitle1:
+                                  "Terbatas/tidak ada penggunaan komputer atau teknologi lainnya dalam kegiatan harian; dan atau sedikit/tidak ada staf yang menggunakan prasarana teknologi dan informasi",
+                                subtitle2:
+                                  "Fasilitas teknologi tersedia dengan baik pada tingkat atas; prasarana tidak lengkap; seringkali peralatan di pakai bersama; penggunaan teknologi informasi dimanfaatkan dengan baik oleh beberapa staf saja",
+                                subtitle3:
+                                  "Perangkat keras dan lunak dapat diakses oleh staf, tidak ada pemakaian alat secara bersama-sama, pengunaan TI tinggi dan lebih efisien",
+                                subtitle4:
+                                  "Perangkat keras jaringan komputer bagus sekali dengan jangkauan aplikasi perangkat lunak yang komprehensif; semua staf memiliki komputer dan akses email sendiri; dapat diakses; dipakai secara rutin; efektif dan berpengaruh dalam meningkatkan efisiensi staf",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b25_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b25_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b25_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b25_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b25_cu_keterangan,
+                                    expression: "form.p2.p2b25_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b25_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b25_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b25_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b25_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b25_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b25_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b25_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b25_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b25_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b25_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b25_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b25_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b25_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b25_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b25_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b25_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b25_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b25_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b26_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b26_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b26_cu_penilaian == cuTabName || form.p2.p2b26_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b25_cu_penilaian != null &&
+                _vm.form.p2.p2b25_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t26. Website"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b26_cu_penilaian,
+                                subtitle1: "Tidak ada website",
+                                subtitle2:
+                                  "Website dasar memuat informasi umum tentang perkembangan terkini; pemeliharaan website menjadi beban dan hanya sesekali waktu digunakan",
+                                subtitle3:
+                                  "Website komprehensif memuat dasar tentang organisasi dan perkembangan terkini",
+                                subtitle4:
+                                  "Website komprehensif yang interaktif dan bagus sekali, diperbarui secara rutin termasuk informasi mengenai perkembangan terkini organisasi; dipuji karena ramah pengguna dan kedalaman informasinya; menyertakan jalur terkait (link) yang berhubungandengan organisasi dan sumber daya yang bermanfaat tentang topik atau pelayanan",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b26_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b26_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b26_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b26_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b26_cu_keterangan,
+                                    expression: "form.p2.p2b26_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b26_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b26_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b26_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b26_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b26_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b26_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b26_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b26_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b26_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b26_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b26_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b26_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b26_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b26_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b26_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b26_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b26_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b26_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p2.p2b27_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p2.p2b27_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b27_cu_penilaian == cuTabName || form.p2.p2b27_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b26_cu_penilaian != null &&
+                _vm.form.p2.p2b26_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t27. Sistem Pelaporan Manajemen & Pusat Data"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p2.p2b27_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada sistem untuk melacak informasi keanggotaan, staf, hasil-hasil pelayanan, dan informasi keuangan",
+                                subtitle2:
+                                  "Manajemen database dan sistem pelaporan ada hanya pada bidang terbatas; sistem hanya menampilkan aspek-aspek dasar, digunakan oleh sedikit staf saja",
+                                subtitle3:
+                                  "Manajemen database dan sistem pelaporan ada untuk semua bidang dan dapat melacak informasi keanggotaan, staf, hasil-hasil pelayanan, informasi keuangan, sering digunakan untuk membantu sharing informasi dan efisiensi",
+                                subtitle4:
+                                  "Database elektronik yang bagus sekali dan sistem manajemen pelaporan yang ada untuk melacak keanggotaan, staf, hasil-hasil pelayanan dan informasi keuangan; dipakai secara luas dan penting sekali untuk meningkatkan sharing informasi dan efisiensi",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p2.p2b27_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p2.p2b27_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p2.p2b27_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p2.p2b27_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p2.p2b27_cu_keterangan,
+                                    expression: "form.p2.p2b27_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b27_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p2.p2b27_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p2,
+                                      "p2b27_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p2.p2b27_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p2.p2b27_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p2.p2b27_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p2.p2b27_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p2.p2b27_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b27_bkcu_keterangan,
+                                          expression:
+                                            "form.p2.p2b27_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b27_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b27_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b27_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p2.p2b27_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p2.p2b27_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b27_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p2.p2b27_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p2,
+                                            "p2b27_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b27_cu_penilaian != null &&
+                _vm.form.p2.p2b27_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card card-body" }, [
+                    _c(
+                      "div",
+                      { staticClass: "text-center d-none d-md-block" },
+                      [
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light",
+                            attrs: { type: "button" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.prev.apply(null, arguments)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-arrow-left13" }),
+                            _vm._v(" Kembali\n\t\t\t\t"),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-primary",
+                            attrs: { type: "button" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.next.apply(null, arguments)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-arrow-right14" }),
+                            _vm._v(" Selanjutnya\n\t\t\t\t"),
+                          ]
+                        ),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "d-block d-md-none" }, [
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-primary btn-block",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.next.apply(null, arguments)
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-arrow-right14" }),
+                          _vm._v(" Selanjutnya\n\t\t\t\t"),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light btn-block",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.prev.apply(null, arguments)
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-arrow-left13" }),
+                          _vm._v(" Kembali\n\t\t\t\t"),
+                        ]
+                      ),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=template&id=060e8286&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=template&id=060e8286& ***!
+  \****************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.form.p2.p2b27_cu_penilaian == null &&
+      _vm.form.p2.p2b27_cu_keterangan == null &&
+      _vm.mode != "penilaianBkcu" &&
+      _vm.mode != "lihat"
+        ? _c("div", { staticClass: "card bg-danger card-body" }, [
+            _c("h6", { staticClass: "mb-0" }, [
+              _vm._v(
+                "Maaf, anda tidak bisa melanjutkan mengisi perspektif ini sebelum melengkapi perspektif sebelumnya."
+              ),
+            ]),
+          ])
+        : _vm._e(),
+      _vm._v(" "),
+      (_vm.form.p2.p2b27_cu_penilaian != null &&
+        _vm.form.p2.p2b27_cu_keterangan != null) ||
+      _vm.mode == "penilaianBkcu" ||
+      _vm.mode == "lihat"
+        ? _c(
+            "div",
+            [
+              _c("form-filter", {
+                attrs: {
+                  cuTabName: _vm.cuTabName,
+                  bkcuTabName: _vm.bkcuTabName,
+                  jumlahPenilaianCU: _vm.jumlahPenilaianCU,
+                  jumlahPenilaianBKCU: _vm.jumlahPenilaianBKCU,
+                },
+                on: {
+                  changeTabCU: _vm.changeTabCU,
+                  changeTabBKCU: _vm.changeTabBKCU,
+                },
+              }),
+            ],
+            1
+          )
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b27_cu_penilaian != null &&
+                _vm.form.p2.p2b27_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c(
+                    "div",
+                    { staticClass: "card card-body bg-info text-white" },
+                    [
+                      _c(
+                        "div",
+                        { staticClass: "row justify-content-between" },
+                        [
+                          _c("div", { staticClass: "col-md-6" }, [
+                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
+                              _vm._v(
+                                "A. PRODUK DAN PELAYANAN YANG BERKUALITAS"
+                              ),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-md-6 text-right" }, [
+                            _c(
+                              "ul",
+                              {
+                                staticClass:
+                                  "list-inline mb-0 font-weight-bold",
+                              },
+                              [
+                                _c("li", [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\tSkor CU: " +
+                                      _vm._s(_vm.skorCUA()) +
+                                      " / \n\t\t\t\t\t\t\tBobot Skor CU: " +
+                                      _vm._s(_vm.bobotCUA()) +
+                                      "% \n\t\t\t\t\t\t"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\tSkor PUSKOPCUINA: " +
+                                      _vm._s(_vm.skorBKCUA()) +
+                                      " / \t\n\t\t\t\t\t\t\tBobot Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.bobotBKCUA()) +
+                                      "%\n\t\t\t\t\t\t"
+                                  ),
+                                ]),
+                              ]
+                            ),
+                          ]),
+                        ]
+                      ),
+                    ]
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3a1_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3a1_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a1_cu_penilaian == cuTabName || form.p3.p3a1_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p2.p2b27_cu_penilaian != null &&
+                _vm.form.p2.p2b27_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t1. Manual Operasional Yang Komprehensif"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3a1_cu_penilaian,
+                                subtitle1:
+                                  "Kegiatan sebagian diarahkan oleh kebijakan, tetapi tidak cukup untuk memberi keputusan operasional; keputusan didasarkan pada pemecahan persoalan yang dilakukan oleh Pengurus; praktik-praktik di sejumlah bidang tidak ditetapkan secara tertulis dalam bentuk kebijakan",
+                                subtitle2:
+                                  "Kegiatan pada umumnya diarahkan oleh kebijakan operasional pada sejumlah bidang seperti organisasi, keuangan, manajemen kredit, sumber daya manusia, risiko, penyelenggaraan, perencanaan, produk dan pelayanan; tidak dikaji dan diperbarui secara rutin",
+                                subtitle3:
+                                  "Kegiatan diarahkan oleh sejumlah manual operasional yang komprehensif dan dikaji kembali ketika berbagai kebutuhan baru muncul dalam bidang: organisasi, keuangan, manajemen kredit, sumber daya manusia, manajemen risiko, penyelenggaraan, perencanaan, produk dan pelayanan",
+                                subtitle4:
+                                  "Kegiatan diarahkan oleh sejumlah manual operasional yang komprehensif yang dikaji dan diperbarui sekali setahun pada bidang: organisasi, keuangan, manajemen kredit, sumber daya manusia, risiko, penyelenggaraan, perencanaan, produk dan pelayanan",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3a1_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3a1_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3a1_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3a1_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3a1_cu_keterangan,
+                                    expression: "form.p3.p3a1_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a1_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3a1_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3a1_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3a1_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3a1_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3a1_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3a1_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3a1_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a1_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3a1_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a1_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p3.p3a1_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a1_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a1_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3a1_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a1_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3a1_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a1_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3a2_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3a2_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a2_cu_penilaian == cuTabName || form.p3.p3a2_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3a1_cu_penilaian != null &&
+                _vm.form.p3.p3a1_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t2. Manual Prosedur"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3a2_cu_penilaian,
+                                subtitle1:
+                                  "Manajemen tidak diarahkan oleh manual prosedur sebagai standar pelaksanaan harian",
+                                subtitle2:
+                                  "<ul><li>Prosedur tertulis seadanya saja pada pada beberapa bidang seperti organisasi, keuangan, manajemen kredit, SDM, penyeleng-garaan, perencanaan, sehubungan dengan produk dan pelayanan</li><li>Prosedur tertulis tidak dikaji dan diperbaharui setiap tahun</li></ul>",
+                                subtitle3:
+                                  "Manajemen diarahkan oleh sejumlah manual operasional yang komprehensif yang dikaji kembali <u>bilamana perlu</u> pada bidang: organisasi, keuangan, manajemen kredit, sumber daya manusia, risiko, penyelenggaraan, perencanaan, produk dan pelayanan.",
+                                subtitle4:
+                                  "Manajemen diarahkan oleh sejumlah manual operasional yang komprehensif yang dikaji dan <u>diperbarui sekali setahun</u> pada bidang: organisasi, keuangan, manajemen kredit, sumber daya manusia, risiko, penyelenggaraan, perencanaan, produk dan pelayanan.",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3a2_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3a2_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3a2_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3a2_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3a2_cu_keterangan,
+                                    expression: "form.p3.p3a2_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a2_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3a2_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3a2_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3a2_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3a2_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3a2_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3a2_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3a2_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a2_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3a2_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a2_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p3.p3a2_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a2_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a2_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3a2_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a2_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3a2_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a2_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3a3_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3a3_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a3_cu_penilaian == cuTabName || form.p3.p3a3_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3a2_cu_penilaian != null &&
+                _vm.form.p3.p3a2_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t3. Produktivitas Staf"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3a3_cu_penilaian,
+                                subtitle1:
+                                  "Rasio antara anggota dan staf di bawah 200",
+                                subtitle2:
+                                  "Rasio antara anggota dan staf = 200– 349",
+                                subtitle3:
+                                  "Rasio antara anggota dan staf = 350 - 500",
+                                subtitle4:
+                                  "Rasio antara anggota dan staf lebih dari 500",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3a3_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3a3_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3a3_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3a3_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3a3_cu_keterangan,
+                                    expression: "form.p3.p3a3_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a3_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3a3_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3a3_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3a3_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3a3_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3a3_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3a3_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3a3_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a3_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3a3_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a3_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p3.p3a3_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a3_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a3_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3a3_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a3_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3a3_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a3_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3a4_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3a4_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a4_cu_penilaian == cuTabName || form.p3.p3a4_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3a3_cu_penilaian != null &&
+                _vm.form.p3.p3a3_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t4. Manajemen Kekeliruan (Error Management)"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3a4_cu_penilaian,
+                                subtitle1: "Tidak ada sistem yang diberlakukan",
+                                subtitle2:
+                                  "Kesalahan yang diulangi secara tidak menentu",
+                                subtitle3:
+                                  "Ada sistem yang ditetapkan dan diberlakukan",
+                                subtitle4:
+                                  "Sistem ditetapkan dan diberlakukan; ada evaluasi rutin dan kajian terhadap sistem",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3a4_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3a4_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3a4_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3a4_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3a4_cu_keterangan,
+                                    expression: "form.p3.p3a4_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a4_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3a4_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3a4_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3a4_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3a4_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3a4_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3a4_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3a4_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a4_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3a4_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a4_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p3.p3a4_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a4_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a4_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3a4_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a4_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3a4_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a4_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3a5_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3a5_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a5_cu_penilaian == cuTabName || form.p3.p3a5_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3a4_cu_penilaian != null &&
+                _vm.form.p3.p3a4_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t5. Service delivery kepada anggota - Pinjaman"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3a5_cu_penilaian,
+                                subtitle1:
+                                  "Tidak sesuai dengan penilaian pinjaman dan proses persetujuan",
+                                subtitle2:
+                                  "Penerapan kebijakan pinjaman tidak konsisten dan terjadi proses penundaan",
+                                subtitle3:
+                                  "Pelaksanaan kebijakan pinjaman dilakukan secara konsisten dan menunjukkan pengalihan pinjaman secara efisien.",
+                                subtitle4:
+                                  "Pelaksanaan kebijakan pinjaman dilakukan secara konsisten dan menunjukkan pengalihan pinjaman secara efisien dan secara teratur selalu dikaji.",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3a5_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3a5_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3a5_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3a5_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3a5_cu_keterangan,
+                                    expression: "form.p3.p3a5_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a5_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3a5_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3a5_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3a5_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3a5_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3a5_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3a5_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3a5_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a5_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3a5_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a5_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p3.p3a5_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a5_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a5_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3a5_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a5_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3a5_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a5_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3a6_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3a6_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a6_cu_penilaian == cuTabName || form.p3.p3a6_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3a5_cu_penilaian != null &&
+                _vm.form.p3.p3a5_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t6. Service delivery kepada anggota - Simpanan"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3a6_cu_penilaian,
+                                subtitle1:
+                                  "Tidak dilaksanakan financial counseling",
+                                subtitle2:
+                                  "Financial counseling dilaksanakan tetapi tidak dilembagakan",
+                                subtitle3:
+                                  "Ada Staf khusus yang ditugaskan  dan bertanggung jawab memberikan financial counseling bagi anggota",
+                                subtitle4:
+                                  "Lebih dari 1 staf terlatih dan tersedia untuk financial counseling bagi anggota",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3a6_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3a6_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3a6_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3a6_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3a6_cu_keterangan,
+                                    expression: "form.p3.p3a6_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a6_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3a6_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3a6_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3a6_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3a6_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3a6_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3a6_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3a6_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a6_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3a6_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a6_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p3.p3a6_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a6_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a6_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3a6_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a6_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3a6_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a6_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3a7_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3a7_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a7_cu_penilaian == cuTabName || form.p3.p3a7_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3a6_cu_penilaian != null &&
+                _vm.form.p3.p3a6_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t7. Service delivery kepada anggota – Penarikan Simpanan"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3a7_cu_penilaian,
+                                subtitle1:
+                                  "Prosedur penanganan uang tunai tidak fleksibel dan konservatif sehingga tidak terpenuhi kebutuhan anggota dalam menarik dananya",
+                                subtitle2:
+                                  "Prosedur penanganan uang tunai fleksibel dan terpenuhi kebutuhan anggota tetapi memberi risiko pada credit union",
+                                subtitle3:
+                                  "Faktor-faktor lingkungan, fisik, likuiditas dan risiko dikelola untuk memudahkan permintaan penarikan tunai melalui meja kasir",
+                                subtitle4:
+                                  "Terpenuhi kebutuhan anggota untuk menarik uang tunai tepat pada waktunya dan tanpa halangan",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3a7_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3a7_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3a7_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3a7_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3a7_cu_keterangan,
+                                    expression: "form.p3.p3a7_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a7_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3a7_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3a7_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3a7_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3a7_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3a7_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3a7_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3a7_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a7_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3a7_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a7_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p3.p3a7_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a7_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a7_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3a7_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a7_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3a7_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a7_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3a8_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3a8_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a8_cu_penilaian == cuTabName || form.p3.p3a8_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3a7_cu_penilaian != null &&
+                _vm.form.p3.p3a7_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t8. Penggunaan Mesin dan Peralatan Kantor"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3a8_cu_penilaian,
+                                subtitle1:
+                                  "Staf tidak mampu memakai peralatan terbatas yang tersedia untuk mereka",
+                                subtitle2:
+                                  "Kapasitas staf terbatas untuk memakai peralatan yang tersedia untuk mereka",
+                                subtitle3:
+                                  "Staf mampu memakai peralatan yang tersedia untuk mereka secara penuh",
+                                subtitle4:
+                                  "Staf mampu memakai berbagai peralatan yang tersedia secara penuh dan terampil menjalankan program",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3a8_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3a8_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3a8_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3a8_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3a8_cu_keterangan,
+                                    expression: "form.p3.p3a8_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a8_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3a8_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3a8_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3a8_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3a8_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3a8_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3a8_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3a8_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a8_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3a8_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a8_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p3.p3a8_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a8_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a8_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3a8_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a8_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3a8_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a8_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3a9_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3a9_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a9_cu_penilaian == cuTabName || form.p3.p3a9_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3a8_cu_penilaian != null &&
+                _vm.form.p3.p3a8_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t9. Efisiensi Komunikasi Internal"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3a9_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada kebijakan dan prosedur tertulis untuk membangun komunikasi dengan para pemangku kepentingan",
+                                subtitle2:
+                                  "Kebijakan dan prosedur terbatas ditetapkan untuk membangun komunikasi dengan para pemangku kepentingan:<ul><li>Laporan tahunan dikirim kepada anggota sebelum RAT</li></ul>",
+                                subtitle3:
+                                  "Bukti mengenai adanya kebijakan dan prosedur untuk mengadakan paket komunikasi yang komprehensif bagi anggota termasuk:<ul><li>berita berkala secara rutin bagi anggota</li><li>panduan bagi pengguna telepon yang efektif termasuk waktu menanggapi</li><li>panduan untuk menanggapi surat dan email </li><li>pelatihan bagi staf yang berada di garis depan</li><li>komunikasi staf secara rutin misalnya dalam pertemuan dan rapat staf</li></ul>",
+                                subtitle4:
+                                  "Bukti lengkap mengenai adanya kebijakan dan prosedur untuk menyediakan praktik terbaik menyangkut paket komunikasi bagi anggota termasuk: <ul><li>berita berkala secara rutin bagi anggota</li><li>panduan bagi pengguna telepon yang efektif termasuk waktu menanggapi</li><li>panduan untuk menanggapi surat dan email </li><li>pelatihan bagi staf yang berada di garis depan</li><li>komunikasi staf secara rutin misalnya dalam pertemuan dan rapat staf</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3a9_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3a9_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3a9_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3a9_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3a9_cu_keterangan,
+                                    expression: "form.p3.p3a9_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a9_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3a9_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3a9_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3a9_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3a9_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3a9_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3a9_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3a9_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a9_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3a9_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a9_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p3.p3a9_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a9_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3a9_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3a9_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a9_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3a9_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3a9_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3a9_cu_penilaian != null &&
+                _vm.form.p3.p3a9_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c(
+                    "div",
+                    { staticClass: "card card-body bg-warning text-white" },
+                    [
+                      _c(
+                        "div",
+                        { staticClass: "row justify-content-between" },
+                        [
+                          _c("div", { staticClass: "col-md-6" }, [
+                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
+                              _vm._v("B. POSISI BERSAING"),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-md-6 text-right" }, [
+                            _c(
+                              "ul",
+                              {
+                                staticClass:
+                                  "list-inline mb-0 font-weight-bold",
+                              },
+                              [
+                                _c("li", [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\tSkor CU: " +
+                                      _vm._s(_vm.skorCUB()) +
+                                      " / \n\t\t\t\t\t\t\tBobot Skor CU: " +
+                                      _vm._s(_vm.bobotCUB()) +
+                                      "% \n\t\t\t\t\t\t\t"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\tSkor PUSKOPCUINA: " +
+                                      _vm._s(_vm.skorBKCUB()) +
+                                      " / \n\t\t\t\t\t\t\tBobot Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.bobotBKCUB()) +
+                                      "% \n\t\t\t\t\t\t"
+                                  ),
+                                ]),
+                              ]
+                            ),
+                          ]),
+                        ]
+                      ),
+                    ]
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b10_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b10_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b10_cu_penilaian == cuTabName || form.p3.p3b10_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3a9_cu_penilaian != null &&
+                _vm.form.p3.p3a9_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t10. Kematangan Visi"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b10_cu_penilaian,
+                                subtitle1:
+                                  "Pengurus dan staf tidak memiliki  visi untuk masa depan credit union",
+                                subtitle2:
+                                  "<ul><li>Pemahaman yang terbatas mengenai visi credit union oleh pengurus dan staf</li><li>Ada visi tertulis tetapi jarang diterapkan dalam tindakan</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Pemahaman yang jelas dan terinci mengenai masa depan credit union yang diinginkan</li><li>Ada visi tertulis yang diterapkan dalam tindakan</li></ul>",
+                                subtitle4:
+                                  "<ul><li>• Pemahaman terhadap visi credit union sangat jelas, rinci dan yakin</li><li>Ada visi tertulis yang diterapkan dalam tindakan secara konsiten</li><li>Komitmen selalu ditunjukkan oleh Pengurus dan staf untuk mencapai visi.</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b10_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b10_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b10_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b10_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b10_cu_keterangan,
+                                    expression: "form.p3.p3b10_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b10_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b10_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b10_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b10_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b10_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b10_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b10_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b10_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b10_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b10_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b10_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b10_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b10_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b10_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b10_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b10_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b10_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b10_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b11_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b11_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b11_cu_penilaian == cuTabName || form.p3.p3b11_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b10_cu_penilaian != null &&
+                _vm.form.p3.p3b10_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t11. Keberanian Visi (Boldness  of Vission)"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b11_cu_penilaian,
+                                subtitle1: "Visi tidak dijabarkan secara jelas",
+                                subtitle2:
+                                  "Visi tertulis menetapkan arah yang akan dicapai oleh credit union, tetapi tidak meyakinkan, menginspirasi dan tanggap terhadap tantangan pasar yang ada",
+                                subtitle3:
+                                  "<ul><li>Visi tertulis jelas, meyakinkan, dan menginspirasi orang-orang yang menjalankan CU</li><li>Visi menunjukkan arah yang akan dicapai CU</li><li>Visi merupakan respon terhadap tantangan pasar yang ada</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Visi tertulis jelas, meyakinkan, dan menginspirasi </li><li>Visi dijalankan sesuai arah yang akan dicapai CU sehubung-an dengan kriteria kinerja, standar, nilai-nilai dasar kelembaga-an serta praktik terbaik-nya</li><li>Visi tanggap terhadap tantangan pasar yang ada.</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b11_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b11_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b11_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b11_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b11_cu_keterangan,
+                                    expression: "form.p3.p3b11_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b11_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b11_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b11_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b11_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b11_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b11_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b11_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b11_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b11_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b11_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b11_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b11_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b11_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b11_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b11_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b11_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b11_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b11_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b12_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b12_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b12_cu_penilaian == cuTabName || form.p3.p3b12_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b11_cu_penilaian != null &&
+                _vm.form.p3.p3b11_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t12. Perumusan Misi Dengan Baik"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b12_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Tidak ada tujuan yang jelas dan terjabar baik mengenai keberadaan CU</li><li>Pernyataan misi tertulis tetapi tidak mengacu kepada visi;</li><li>Misi diketahui oleh beberapa orang saja dalam organisasi.</li></ul>",
+                                subtitle2:
+                                  "Misi tertulis kurang jelas dan tidak mendefinisikan alasan mengenai keberadaan CU",
+                                subtitle3:
+                                  "<ul><li>Misi tertulis jelas dan menjabarkan alasan  mengenai keberadaan yang mencerminkan nilai-nilai serta tujuan CU</li><li>Misi diketahui oleh semua orang.</li><li>Secara konsisten dirujuk sebagai dasar pengembangan pelayanan bagi anggota</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Misi tertulis jelas dan menjabarkan alasan  mengenai keberadaan yang mencerminkan nilai-nilai serta tujuan CU</li><li>Ada kejelasan, Mendorong dan menggambarkan kenyataan </li><li>Misi diketahui oleh semua orang.</li><li>Secara konsisten dirujuk sebagai dasar pengembangan pelayanan bagi anggota</li><li>Dikomunikasikan dalam kegiatan promosi dan pemasaran</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b12_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b12_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b12_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b12_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b12_cu_keterangan,
+                                    expression: "form.p3.p3b12_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b12_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b12_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b12_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b12_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b12_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b12_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b12_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b12_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b12_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b12_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b12_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b12_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b12_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b12_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b12_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b12_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b12_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b12_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b13_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b13_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b13_cu_penilaian == cuTabName || form.p3.p3b13_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b12_cu_penilaian != null &&
+                _vm.form.p3.p3b12_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t13. Nilai-nilai inti"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b13_cu_penilaian,
+                                subtitle1: "Tidak tertulis dan tidak jelas",
+                                subtitle2:
+                                  "<ul><li>Nilai-nilai inti tertulis tetapi kurang dirujuk</li><li>Diketahui oleh sedikit orang.</li><li>Menjawab sejumlah pertanyaan: Nilai mana yang berharga bagi kita? Apa yang kita perjuangkan? Bagaimana kita memperlakukan satu sama lain dan bekerjasama? Bagaimana kita memperlakukan para anggota? Bagaimana kita menilai diri sendiri? Apa saja karakteristik budaya kita serta gaya kepemimpinan kita?</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Nilai-nilai inti tertulis, jelas, dan mendorong, dijabarkan secara baik dan seringkali menjadi rujukan</li><li>Diketahui oleh banyak orang.</li><li>Berfungsi selaku dasar yang memberi arah dan dukungan bagi orang-orang yang bekerja</li><li>Nilai-nilai inti merupakan nilai-nilai dalam diri yang menentukan posisi orang-orang dalam CU. Hal ini menjawab sejumlah pertanyaan: Nilai mana yang berharga bagi kita? Apa yang kita perjuangkan? Bagaimana kita memperlakukan satu sama lain dan bekerjasama? Bagaimana kita memperlakukan para anggota? Bagaimana kita menilai diri sendiri? Apa saja karakteristik budaya kita serta gaya kepemimpinan kita?</li></ul>",
+                                subtitle4:
+                                  "<ul><li>• Nilai-nilai inti tertulis, jelas, dan mendorong, dijabarkan secara baik dan selalu menjadi rujukan</li><li>Diketahui oleh banyak orang.</li><li>Berfungsi selaku dasar yang memberi arah dan dukungan bagi orang-orang yang bekerja</li><li>Nilai-nilai inti merupakan nilai-nilai dalam diri yang menentukan posisi orang-orang dalam CU. Hal ini menjawab sejumlah pertanyaan: Nilai mana yang berharga bagi kita? Apa yang kita perjuangkan? Bagaimana kita memperlakukan satu sama lain dan bekerjasama? Bagaimana kita memperlakukan para anggota? Bagaimana kita menilai diri sendiri? Apa saja karakteristik budaya kita serta gaya kepemimpinan kita?</li><li>Nilai-nilai tercermin dalam pengembangan produk dan pelayanan.</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b13_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b13_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b13_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b13_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b13_cu_keterangan,
+                                    expression: "form.p3.p3b13_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b13_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b13_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b13_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b13_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b13_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b13_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b13_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b13_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b13_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b13_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b13_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b13_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b13_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b13_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b13_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b13_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b13_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b13_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b14_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b14_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b14_cu_penilaian == cuTabName || form.p3.p3b14_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b13_cu_penilaian != null &&
+                _vm.form.p3.p3b13_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t14. Keluasan Sasaran"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b14_cu_penilaian,
+                                subtitle1:
+                                  "CU tidak memiliki sasaran yang konkrit",
+                                subtitle2:
+                                  "Sasaran yang masih terbatas, namun sasaran tersebut kurang tegasdan lemah dalam elemen SMART (Stretching = spesifik; Measurable = terukur; Attainable= dapat dicapai; Related to Member= berhubungan dengan anggota; Time bound= batasan waktu)",
+                                subtitle3:
+                                  "<ul><li>Visi diterjemahkan ke dalam tujuan aksi</li><li>Visi memiliki semua unsur SMART</li><li>Diketahui oleh banyak orang</li><li>Dipantau dan dikaji secara konsisten </li></ul>",
+                                subtitle4:
+                                  "<ul><li>Visi diterjemahkan ke dalam tujuan aksi</li><li>Memiliki semua unsur SMART</li><li>Dikenal luas</li><li>Monitoring tertutup dan ditinjau dengan seperangkat indikator</li><li>Inovasi produk dan pelayanan mencerminkan tujuan.</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b14_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b14_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b14_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b14_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b14_cu_keterangan,
+                                    expression: "form.p3.p3b14_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b14_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b14_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b14_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b14_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b14_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b14_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b14_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b14_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b14_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b14_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b14_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b14_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b14_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b14_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b14_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b14_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b14_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b14_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b15_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b15_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b15_cu_penilaian == cuTabName || form.p3.p3b15_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b14_cu_penilaian != null &&
+                _vm.form.p3.p3b14_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t15. Tujuan Strategis"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b15_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Strategi tidak ada; tidak jelas, tidak teratur, dan dilebih-lebihkan</li><li>Strategi tidak konsisten dengan visi dan tujuan umum</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Ada strategi tapi tidak jelas kaitannya dengan visi, misi dan tujuan umum; atau kurang terkait</li><li>Tidak mudah diberlakukan; dijalankan secara rutin</li><li>Tidak inovatif</li><li>Tidak diketahui secara luas dan memiliki pengaruh yang terbatas dalam perilaku dari hari ke hari</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Ada strategi, jelas terkait dengan visi, misi dan tujuan umum</li><li>Koheren</li><li>Mudah diberlakukan</li><li>Tidak rutin, inovatif</li><li>Banyak diketahui dan mendorong perilaku keseharian.</li></ul>",
+                                subtitle4:
+                                  "<ul><li>• Memiliki strategi jangka menengah hingga jangka panjang yang jelas, </li><li>Koheren yang terkait dengan visi, misi dan tujuan umum</li><li>Mudah diberlakukan</li><li>Tidak rutin, inovatif</li><li>Diketahui secara luas dan berpengaruh terhadap perilaku keseharian</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b15_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b15_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b15_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b15_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b15_cu_keterangan,
+                                    expression: "form.p3.p3b15_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b15_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b15_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b15_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b15_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b15_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b15_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b15_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b15_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b15_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b15_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b15_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b15_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b15_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b15_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b15_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b15_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b15_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b15_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b16_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b16_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b16_cu_penilaian == cuTabName || form.p3.p3b16_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b15_cu_penilaian != null &&
+                _vm.form.p3.p3b15_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t16. Rencana Bisnis Tahunan"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b16_cu_penilaian,
+                                subtitle1:
+                                  "CU tidak memiliki rencana bisnis tahunan",
+                                subtitle2:
+                                  "<ul><li>Rencana bisnis tahunan ada tetapi tidak jelas</li><li>Tidak berkaitan dengan visi, misi, tujuan umum dan strategis</li><li>Dapat berubah dari tahun ke tahun</li><li>Sasaran-sasaran diabaikan atau tidak diketahui oleh staf; kurangnya patokan</li><li>Kebanyakan berfokus pada input dan bukan pada penilaian output</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Rencana bisnis tahunan berkaitan dengan visi, misi, tujuan umum dan </li><li>Ada visi tertulis yang diterapkan dalam tindakan strategis</li><li>Sasaran-sasaran multi tahun termasuk patokan</li><li>Sasaran-sasaran diketahui oleh semua staf dan menggunakan nya sebagai panduan kerja</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Dalam rencana bisnis tahunan terdapat sejumlah target kinerja yang terukur dan menuntut kesungguhan di semua bidang, sangat berkaitan dengan visi, misi, tujuan umum dan strategis</li><li>Berfokus pada input dan output</li><li>Sasaran-sasaran multi tahun</li><li>Sasaran-sasaran di ketahui dan diadopsi secara konsisten oleh semua staf dengan rajin</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b16_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b16_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b16_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b16_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b16_cu_keterangan,
+                                    expression: "form.p3.p3b16_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b16_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b16_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b16_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b16_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b16_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b16_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b16_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b16_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b16_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b16_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b16_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b16_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b16_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b16_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b16_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b16_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b16_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b16_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b17_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b17_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b17_cu_penilaian == cuTabName || form.p3.p3b17_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b16_cu_penilaian != null &&
+                _vm.form.p3.p3b16_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t17. Budaya Jual (Sales Culture)"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b17_cu_penilaian,
+                                subtitle1:
+                                  "CU tidak memiliki keterampilan dan keahlian mengenai humas/pemasaran",
+                                subtitle2:
+                                  "<ul><li>CU mengambil peluang terbatas untuk terlibat dalam kegiatan humas/pemasaran yang kian berkembang</li><li>Sejumlah keterampilan dan pengalaman humas/pemasaran pada staf atau melalui dukungan eksternal</li></ul>",
+                                subtitle3:
+                                  "<ul><li>CU mempertimbang-kan humas/pemasaran sebagai sarana penting dan aktif mencari peluang, melibatkan diri dalam kegiatan tersebut</li><li>Banyak pengalaman dan keahlian internal menyangkut humas/ pemasaran atau akses terhadap dukungan eksternal yang terkait.</li></ul>",
+                                subtitle4:
+                                  "<ul><li>CU sepenuhnya sadar akan kekuatan humas/pemasaran dan terus menerus melibat-kan diri</li><li>Banyak pengalaman humas/pemasaran dalam CU atau pemanfaatan sumber daya bermutu dari luar yang dapat digunakan secara efektif, berjangka panjang dan berkesinambungan.</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b17_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b17_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b17_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b17_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b17_cu_keterangan,
+                                    expression: "form.p3.p3b17_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b17_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b17_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b17_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b17_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b17_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b17_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b17_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b17_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b17_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b17_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b17_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b17_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b17_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b17_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b17_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b17_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b17_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b17_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b18_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b18_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b18_cu_penilaian == cuTabName || form.p3.p3b18_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b17_cu_penilaian != null &&
+                _vm.form.p3.p3b17_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t18. Keterlibatan Masyarakat Lokal"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b18_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Keberadaan CU tidak dikenal atau secara umum tidak dilihat secara positif</li><li>Hanya sedikit anggota masyarakat setempat yang mendapat manfaat dari keterlibatannya</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Keberadaan CU cukup dikenal atau umumnya diterima secara positif</li><li>Beberapa anggota masyarakat setempat mendapat manfaat dari keterlibatannya</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Keberadaan CU cukup dikenal dalam masya-rakat dan dilihat seba-gai lembaga yang terbuka dan tanggap terhadap kebutuhan masyarakat; dengan melakukan setidaknya 2 program kemasyarakatan setiap tahunnya</li><li>Lebih banyak anggota masyarakat; termasuk tokoh masyarakat terlibat secara konstruktif</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Keberadaan CU dikenal secara luas dalam masyarakat dan dilihat sebagai lembaga yang aktif terlibat dan sangat tanggap, dengan lebih dari 2 program kemasyarakatan per tahun</li><li>Banyak anggota masyarakat yang terlibat secara aktif dan konstruktif</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b18_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b18_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b18_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b18_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b18_cu_keterangan,
+                                    expression: "form.p3.p3b18_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b18_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b18_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b18_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b18_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b18_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b18_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b18_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b18_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b18_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b18_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b18_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b18_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b18_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b18_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b18_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b18_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b18_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b18_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b19_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b19_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b19_cu_penilaian == cuTabName || form.p3.p3b19_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b18_cu_penilaian != null &&
+                _vm.form.p3.p3b18_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t19. Kemitraan dan Aliansi"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b19_cu_penilaian,
+                                subtitle1:
+                                  "CU tidak memiliki kemitraan dan aliansi",
+                                subtitle2:
+                                  "Tahap awal membangun hubungan dan bekerjasama dengan lembaga-lembaga lain di sektor publik (for-profit, non-profit)",
+                                subtitle3:
+                                  "Dibangun secara efektif dan mempengaruhi hubungan-hubungan utama dengan sektor publik (for-profit, non-profit); hubungan stabil dan mendapat manfaat bagi CU",
+                                subtitle4:
+                                  "Dibangun, berpengaruh dan mempertahankan hubungan-hubungan yang kuat dan berdampak kuat terhadap sektor publik (for-profit, non-profit); hubungan stabil, berjangka panjang dan berkolaborasi dan saling menguntungkan",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b19_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b19_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b19_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b19_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b19_cu_keterangan,
+                                    expression: "form.p3.p3b19_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b19_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b19_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b19_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b19_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b19_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b19_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b19_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b19_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b19_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b19_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b19_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b19_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b19_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b19_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b19_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b19_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b19_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b19_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b20_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b20_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b20_cu_penilaian == cuTabName || form.p3.p3b20_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b19_cu_penilaian != null &&
+                _vm.form.p3.p3b19_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t20. Hubungan dengan Federasi (BKCU)"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b20_cu_penilaian,
+                                subtitle1:
+                                  "Bukan anggota atau anggota pasif; tidak ikut dalam pertemuan; tidak secara tetap menerima layanan dari federasi (BKCU)",
+                                subtitle2:
+                                  "Anggota federasi (BKCU) tetapi jarang terlibat; jarang mengikuti pertemuan dan berlangganan layanan; tidak diberitahukan tentang simpanan, saham dan pinjaman yang diminta untuk dibayarkan kembali",
+                                subtitle3:
+                                  "Anggota federasi (BKCU); aktif terlibat dalam pertemuan; berlangganan layanan federasi; selalu diberitahukan tentang simpanan, saham dan pinjaman yang diminta untuk dibayarkan kembali, mengikuti standar yang dipromosikan secara nasional, misal satu logo, visi, standar-standar, kebijakan, produk, dll",
+                                subtitle4:
+                                  "<ul><li>Anggota federasi (BKCU)</li><li>Aktif menghadiri dan memberi kontribusi dalam pertemuan</li><li>Secara konsisten berlangganan dan mempromosikan layanan federasi</li><li>Secara konsisten mengikuti standar yang dipromosikan oleh federasi nasional</li><li>Selalu diberitahukan menyangkut simpanan, saham dan pinjaman</li><li>Secara konsisten mendukung dan memberi kontribusi terhadap penyelenggaraan federasi nasional.</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b20_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b20_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b20_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b20_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b20_cu_keterangan,
+                                    expression: "form.p3.p3b20_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b20_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b20_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b20_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b20_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b20_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b20_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b20_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b20_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b20_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b20_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b20_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b20_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b20_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b20_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b20_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b20_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b20_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b20_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b21_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b21_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b21_cu_penilaian == cuTabName || form.p3.p3b21_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b20_cu_penilaian != null &&
+                _vm.form.p3.p3b20_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t21. Anggota Masyarakat Pengguna Layanan Credit Union"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b21_cu_penilaian,
+                                subtitle1:
+                                  "Kurang dari 10% populasi di daerah kerja adalah anggota CU",
+                                subtitle2:
+                                  "10 - 19% populasi di daerah kerja adalah anggota CU",
+                                subtitle3:
+                                  "20 - 30% populasi di daerah kerja adalah anggota CU",
+                                subtitle4:
+                                  "Lebih dari 30% populasi di daerah kerja adalah anggota CU",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b21_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b21_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b21_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b21_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b21_cu_keterangan,
+                                    expression: "form.p3.p3b21_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b21_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b21_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b21_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b21_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b21_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b21_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b21_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b21_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b21_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b21_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b21_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b21_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b21_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b21_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b21_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b21_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b21_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b21_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b22_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b22_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b22_cu_penilaian == cuTabName || form.p3.p3b22_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b21_cu_penilaian != null &&
+                _vm.form.p3.p3b21_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t22. Segmentasi Anggota menurut umur"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b22_cu_penilaian,
+                                subtitle1:
+                                  "Dikonsentrasikan kepada 3 segmen umur sbb:<ul><li>1 – 10</li><li>11 – 18</li><li>19 – 25</li><li>26 – 45</li><li>46 -  60</li><li>Lebih dari 60 tahun</li></ul>",
+                                subtitle2:
+                                  "Dikonsentrasikan kepada 4 segmen umur sbb:<ul><li>1 – 10</li><li>11 – 18</li><li>19 – 25</li><li>26 – 45</li><li>46 -  60</li><li>Lebih dari 60 tahun</li></ul>",
+                                subtitle3:
+                                  "Tersebar pada semua segmen umur sbb:<ul><li>1 – 10</li><li>11 – 18</li><li>19 – 25</li><li>26 – 45</li><li>46 -  60</li><li>Lebih dari 60 tahun</li></ul>",
+                                subtitle4:
+                                  "Tersebar pada semua segmen umur sbb., tetapi dengan konsentrasi terbesar pada umur 26-45 tahun yaitu kelompok yang paling produktif<ul><li>1 – 10</li><li>11 – 18</li><li>19 – 25</li><li>26 – 45</li><li>46 -  60</li><li>Lebih dari 60 tahun</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b22_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b22_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b22_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b22_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b22_cu_keterangan,
+                                    expression: "form.p3.p3b22_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b22_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b22_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b22_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b22_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b22_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b22_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b22_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b22_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b22_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b22_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b22_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b22_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b22_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b22_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b22_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b22_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b22_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b22_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
                                   )
-                                : _vm.currentUser.can &&
-                                  _vm.currentUser.can["index_diklat_bkcu"] &&
-                                  _vm.currentUser.id_cu != 0 &&
-                                  _vm.item.status == 2
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b23_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b23_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b23_cu_penilaian == cuTabName || form.p3.p3b23_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b22_cu_penilaian != null &&
+                _vm.form.p3.p3b22_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t23. Keberagaman Keanggotaan"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b23_cu_penilaian,
+                                subtitle1:
+                                  "Terkonsentrasi pada 3 segmen berikut :<ul><li>Profesional/Teknis</li><li>Eksekutif</li><li>Kelas menengah</li><li>Pedagang</li><li>Staf administrasi</li><li>Buruh</li><li>Pengusaha kecil</li><li>Pengangguran</li><li>Kelompok etnis</li></ul>",
+                                subtitle2:
+                                  "Terkonsentrasi pada 4 segmen berikut :<ul><li>Profesional/Teknis</li><li>Eksekutif</li><li>Kelas menengah</li><li>Pedagang</li><li>Staf administrasi</li><li>Buruh</li><li>Pengusaha kecil</li><li>Pengangguran</li><li>Kelompok etnis</li></ul>",
+                                subtitle3:
+                                  "Tersebar pada semua segmen berikut :<ul><li>Profesional/Teknis</li><li>Eksekutif</li><li>Kelas menengah</li><li>Pedagang</li><li>Staf administrasi</li><li>Buruh</li><li>Pengusaha kecil</li><li>Pengangguran</li><li>Kelompok etnis</li></ul>",
+                                subtitle4:
+                                  "Tersebar pada semua segmen berikut tetapi konsentrasi terbesar pada 5-8 :<ul><li>Profesional/Teknis</li><li>Eksekutif</li><li>Kelas menengah</li><li>Pedagang</li><li>Staf administrasi</li><li>Buruh</li><li>Pengusaha kecil</li><li>Pengangguran</li><li>Kelompok etnis</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b23_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b23_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b23_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b23_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b23_cu_keterangan,
+                                    expression: "form.p3.p3b23_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b23_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b23_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b23_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b23_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b23_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b23_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b23_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b23_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b23_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b23_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b23_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b23_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b23_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b23_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b23_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b23_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b23_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b23_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
                                 ? _c(
                                     "button",
                                     {
-                                      staticClass:
-                                        "btn bg-warning-400 btn-block mb-2",
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b24_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b24_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b24_cu_penilaian == cuTabName || form.p3.p3b24_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b23_cu_penilaian != null &&
+                _vm.form.p3.p3b23_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t24. Kesetaraan Gender"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b24_cu_penilaian,
+                                subtitle1: "Tidak setara; 70 : 30%",
+                                subtitle2: "60 : 40%",
+                                subtitle3:
+                                  "Menekankan pada kesetaraan jender antara 40 : 60%",
+                                subtitle4:
+                                  "Menekankan pada kesetaraan jender antara 50 : 50%",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b24_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b24_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b24_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b24_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b24_cu_keterangan,
+                                    expression: "form.p3.p3b24_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b24_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b24_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b24_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b24_bkcu_penilaian,
+                                      },
                                       on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("tambahPeserta")
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b24_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b24_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b24_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b24_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b24_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b24_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b24_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b24_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b24_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b24_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b24_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b24_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b24_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b24_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
                                         },
                                       },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
                                     },
                                     [
-                                      _c("i", { staticClass: "icon-people" }),
-                                      _vm._v(
-                                        " Daftar Peserta Diklat\n\t\t\t\t\t\t\t\t\t"
-                                      ),
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
                                     ]
                                   )
-                                : _vm._e(),
-                            ]
-                          : _vm.item.tipe == "pertemuan_bkcu"
-                          ? [
-                              _vm.tipeUser == "panitia"
-                                ? _c(
+                                : _c(
                                     "button",
                                     {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-2",
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
                                       on: {
                                         click: function ($event) {
                                           $event.preventDefault()
-                                          return _vm.modalOpen("tambahMateri")
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
                                         },
                                       },
                                     },
                                     [
-                                      _c("i", { staticClass: "icon-plus22" }),
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
                                       _vm._v(
-                                        " Tambah Materi\n\t\t\t\t\t\t\t\t\t"
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
                                       ),
                                     ]
-                                  )
-                                : _vm._e(),
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b25_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b25_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b25_cu_penilaian == cuTabName || form.p3.p3b25_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b24_cu_penilaian != null &&
+                _vm.form.p3.p3b24_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t25. Pemenuhan Aturan"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b25_cu_penilaian,
+                                subtitle1:
+                                  "Gagal memenuhi peraturan minimal dengan pertimbangan mengenai persyaratan",
+                                subtitle2:
+                                  "Pemenuhan pertimbangan persyaratan secara terbatas yang dilakukan oleh lembaga CU <ul><li>Pengumpulan pernyatan keuangan tahunan</li><li>Audit tahunan</li></ul>",
+                                subtitle3:
+                                  "Mengikuti semua persyaratan yang ditentukan oleh lembaga secara tepat waktu",
+                                subtitle4:
+                                  "Mengikuti semua persyaratan yang ditentukan oleh lembaga secara tepat waktu dan dipromosikan oleh pemberi peraturan sebagai CU model",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b25_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b25_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b25_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b25_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b25_cu_keterangan,
+                                    expression: "form.p3.p3b25_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b25_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b25_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b25_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b25_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b25_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b25_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b25_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b25_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b25_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b25_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b25_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b25_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b25_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b25_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b25_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b25_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b25_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b25_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
                               _vm._v(" "),
-                              _vm.tipeUser == "panitia"
+                              _vm.updateSingleStat == "loading"
                                 ? _c(
                                     "button",
                                     {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-2",
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.ubahKegiatan(_vm.item.id)
-                                        },
-                                      },
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
                                     },
                                     [
-                                      _c("i", { staticClass: "icon-pencil5" }),
-                                      _vm._v(
-                                        " Ubah Pertemuan\n\t\t\t\t\t\t\t\t\t"
-                                      ),
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
                                     ]
                                   )
-                                : _vm._e(),
-                              _vm._v(" "),
-                              _vm.tipeUser == "panitia"
-                                ? _c(
+                                : _c(
                                     "button",
                                     {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-2",
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
                                       on: {
                                         click: function ($event) {
                                           $event.preventDefault()
-                                          return _vm.modalOpen(
-                                            "statusPertemuan"
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
                                           )
                                         },
                                       },
                                     },
                                     [
                                       _c("i", {
-                                        staticClass: "icon-calendar5",
+                                        staticClass: "icon-floppy-disk",
                                       }),
                                       _vm._v(
-                                        " Status Pertemuan\n\t\t\t\t\t\t\t\t\t"
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
                                       ),
                                     ]
-                                  )
-                                : _vm._e(),
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p3.p3b26_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p3.p3b26_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b26_cu_penilaian == cuTabName || form.p3.p3b26_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b25_cu_penilaian != null &&
+                _vm.form.p3.p3b25_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t26. Kepatuhan Hukum"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p3.p3b26_cu_penilaian,
+                                subtitle1:
+                                  "Tidak mematuhi peraturan sesuai peraturan perundang-undangan",
+                                subtitle2:
+                                  "Kepatuhan yang terbatas terhadap peraturan sesuai peraturan perundang-undangan yang berlaku",
+                                subtitle3:
+                                  "Kepatuhan secara penuh terhadap peraturan sesuai peraturan perundang-undangan yang berlaku",
+                                subtitle4:
+                                  "Kepatuhan secara penuh terhadap peraturan sesuai peraturan perundang-undangan yang berlaku dan dipromosikan oleh pemberi peraturan sebagai CU model",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p3.p3b26_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p3.p3b26_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p3.p3b26_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p3.p3b26_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
                               _vm._v(" "),
-                              _vm.tipeUser == "panitia" && _vm.item.status == 1
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-2",
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p3.p3b26_cu_keterangan,
+                                    expression: "form.p3.p3b26_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b26_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p3.p3b26_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p3,
+                                      "p3b26_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p3.p3b26_bkcu_penilaian,
+                                      },
                                       on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("hapusPertemuan")
+                                        click1: function ($event) {
+                                          _vm.form.p3.p3b26_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p3.p3b26_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p3.p3b26_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p3.p3b26_bkcu_penilaian = 4
                                         },
                                       },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-bin2" }),
-                                      _vm._v(
-                                        " Hapus Pertemuan\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _vm._e(),
-                              _vm._v(" "),
-                              _vm.currentUser.id_cu == 0
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn bg-warning-400 btn-block mb-2",
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b26_bkcu_keterangan,
+                                          expression:
+                                            "form.p3.p3b26_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b26_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b26_bkcu_keterangan,
+                                      },
                                       on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("tambahPeserta")
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b26_bkcu_keterangan",
+                                            $event.target.value
+                                          )
                                         },
                                       },
-                                    },
-                                    [
-                                      _c("i", { staticClass: "icon-people" }),
-                                      _vm._v(
-                                        " Daftar Peserta Pertemuan\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _vm.currentUser.can &&
-                                  _vm.currentUser.can["index_pertemuan_bkcu"] &&
-                                  _vm.currentUser.id_cu != 0 &&
-                                  _vm.item.status == 2
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn bg-warning-400 btn-block mb-2",
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p3.p3b26_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p3.p3b26_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b26_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p3.p3b26_bkcu_rekomendasi,
+                                      },
                                       on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("tambahPeserta")
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p3,
+                                            "p3b26_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
                                         },
                                       },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
                                     },
                                     [
-                                      _c("i", { staticClass: "icon-people" }),
-                                      _vm._v(
-                                        " Daftar Peserta Pertemuan\n\t\t\t\t\t\t\t\t\t"
-                                      ),
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
                                     ]
                                   )
-                                : _vm._e(),
-                            ]
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.item.pilih && _vm.item.pilih.length > 0
-                          ? [
-                              _vm.item.status == 4 && _vm.tipeUser == "peserta"
-                                ? _c(
+                                : _c(
                                     "button",
                                     {
-                                      staticClass:
-                                        "btn bg-success btn-block mb-2",
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
                                       on: {
                                         click: function ($event) {
                                           $event.preventDefault()
-                                          return _vm.modalOpen(
-                                            "tambahKeputusan"
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
                                           )
                                         },
                                       },
                                     },
                                     [
-                                      _c("i", { staticClass: "icon-hammer" }),
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
                                       _vm._v(
-                                        " Beri Keputusan\n\t\t\t\t\t\t\t\t\t"
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
                                       ),
                                     ]
-                                  )
-                                : _vm._e(),
-                            ]
+                                  ),
+                            ])
                           : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b26_cu_penilaian != null &&
+                _vm.form.p3.p3b26_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card card-body" }, [
+                    _c(
+                      "div",
+                      { staticClass: "text-center d-none d-md-block" },
+                      [
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light",
+                            attrs: { type: "button" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.prev.apply(null, arguments)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-arrow-left13" }),
+                            _vm._v(" Kembali\n\t\t\t\t"),
+                          ]
+                        ),
                         _vm._v(" "),
-                        _vm.item.status == 4 && _vm.tipeUser == "peserta"
-                          ? _c(
-                              "button",
-                              {
-                                staticClass: "btn bg-info btn-block mb-2",
-                                on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("tambahPertanyaan")
-                                  },
-                                },
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-primary",
+                            attrs: { type: "button" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.next.apply(null, arguments)
                               },
-                              [
-                                _c("i", { staticClass: "icon-question7" }),
-                                _vm._v(" Ajukan Pertanyaan\n\t\t\t\t\t\t\t\t"),
-                              ]
-                            )
-                          : _vm._e(),
-                      ],
-                      2
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-arrow-right14" }),
+                            _vm._v(" Selanjutnya\n\t\t\t\t"),
+                          ]
+                        ),
+                      ]
                     ),
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(1),
                     _vm._v(" "),
-                    _c(
-                      "table",
-                      {
-                        staticClass:
-                          "table table-borderless table-xs border-top-0 my-2",
-                      },
-                      [
-                        _c("tbody", [
-                          _c("tr", [
-                            _c("td", { staticClass: "font-weight-semibold" }, [
-                              _vm._v("Status:"),
-                            ]),
-                            _vm._v(" "),
-                            _c("td", { staticClass: "text-right" }, [
-                              _c("span", {
-                                domProps: {
-                                  innerHTML: _vm._s(
-                                    _vm.$options.filters.statusDiklat(
-                                      _vm.item.status
-                                    )
-                                  ),
-                                },
-                              }),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("tr", [
-                            _c("td", { staticClass: "font-weight-semibold" }, [
-                              _vm._v("Kode:"),
-                            ]),
-                            _vm._v(" "),
-                            _c("td", { staticClass: "text-right" }, [
+                    _c("div", { staticClass: "d-block d-md-none" }, [
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-primary btn-block",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.next.apply(null, arguments)
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-arrow-right14" }),
+                          _vm._v(" Selanjutnya\n\t\t\t\t"),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light btn-block",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.prev.apply(null, arguments)
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-arrow-left13" }),
+                          _vm._v(" Kembali\n\t\t\t\t"),
+                        ]
+                      ),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=template&id=05f25384&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=template&id=05f25384& ***!
+  \****************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.form.p3.p3b26_cu_penilaian == null &&
+      _vm.form.p3.p3b26_cu_keterangan == null &&
+      _vm.mode != "penilaianBkcu" &&
+      _vm.mode != "lihat"
+        ? _c("div", { staticClass: "card bg-danger card-body" }, [
+            _c("h6", { staticClass: "mb-0" }, [
+              _vm._v(
+                "Maaf, anda tidak bisa melanjutkan mengisi perspektif ini sebelum melengkapi perspektif sebelumnya."
+              ),
+            ]),
+          ])
+        : _vm._e(),
+      _vm._v(" "),
+      (_vm.form.p3.p3b26_cu_penilaian != null &&
+        _vm.form.p3.p3b26_cu_keterangan != null) ||
+      _vm.mode == "penilaianBkcu" ||
+      _vm.mode == "lihat"
+        ? _c(
+            "div",
+            [
+              _c("form-filter", {
+                attrs: {
+                  cuTabName: _vm.cuTabName,
+                  bkcuTabName: _vm.bkcuTabName,
+                  jumlahPenilaianCU: _vm.jumlahPenilaianCU,
+                  jumlahPenilaianBKCU: _vm.jumlahPenilaianBKCU,
+                },
+                on: {
+                  changeTabCU: _vm.changeTabCU,
+                  changeTabBKCU: _vm.changeTabBKCU,
+                },
+              }),
+            ],
+            1
+          )
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b26_cu_penilaian != null &&
+                _vm.form.p3.p3b26_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c(
+                    "div",
+                    { staticClass: "card card-body bg-info text-white" },
+                    [
+                      _c(
+                        "div",
+                        { staticClass: "row justify-content-between" },
+                        [
+                          _c("div", { staticClass: "col-md-6" }, [
+                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
                               _vm._v(
-                                "\n\t\t\t\t\t\t\t\t\t\t\t" +
-                                  _vm._s(_vm.item.kode_diklat) +
-                                  "\n\t\t\t\t\t\t\t\t\t\t"
+                                "A. KEPEMIMPINAN – PENGURUS YANG BERPENGETAHUAN DAN TERLIBAT AKTIF"
                               ),
                             ]),
                           ]),
                           _vm._v(" "),
-                          _c("tr", [
-                            _c("td", { staticClass: "font-weight-semibold" }, [
-                              _vm._v("Durasi:"),
-                            ]),
-                            _vm._v(" "),
-                            _c("td", { staticClass: "text-right" }, [
-                              _vm._v(_vm._s(_vm.item.durasi) + " jam"),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("tr", [
-                            _c("td", { staticClass: "font-weight-semibold" }, [
-                              _vm._v("Tgl. Mulai:"),
-                            ]),
-                            _vm._v(" "),
-                            _c("td", {
-                              staticClass: "text-right",
-                              domProps: {
-                                innerHTML: _vm._s(
-                                  _vm.$options.filters.dateMonth(_vm.item.mulai)
-                                ),
-                              },
-                            }),
-                          ]),
-                          _vm._v(" "),
-                          _c("tr", [
-                            _c("td", { staticClass: "font-weight-semibold" }, [
-                              _vm._v("Tgl. Selesai:"),
-                            ]),
-                            _vm._v(" "),
-                            _c("td", {
-                              staticClass: "text-right",
-                              domProps: {
-                                innerHTML: _vm._s(
-                                  _vm.$options.filters.dateMonth(
-                                    _vm.item.selesai
-                                  )
-                                ),
+                          _c("div", { staticClass: "col-md-6 text-right" }, [
+                            _c(
+                              "ul",
+                              {
+                                staticClass:
+                                  "list-inline mb-0 font-weight-bold",
                               },
-                            }),
-                          ]),
-                          _vm._v(" "),
-                          _vm._m(2),
-                          _vm._v(" "),
-                          _c("tr", [
-                            _c("td", { staticClass: "font-weight-semibold" }, [
-                              _vm._v("Peserta Min:"),
-                            ]),
-                            _vm._v(" "),
-                            _c("td", { staticClass: "text-right" }, [
-                              _vm._v(_vm._s(_vm.item.peserta_min) + " orang"),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("tr", [
-                            _c("td", { staticClass: "font-weight-semibold" }, [
-                              _vm._v("Peserta Max:"),
-                            ]),
-                            _vm._v(" "),
-                            _c("td", { staticClass: "text-right" }, [
-                              _vm._v(_vm._s(_vm.item.peserta_max) + " orang"),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("tr", [
-                            _c("td", { staticClass: "font-weight-semibold" }, [
-                              _vm._v("Peserta Max Per CU:"),
-                            ]),
-                            _vm._v(" "),
-                            _c("td", { staticClass: "text-right" }, [
-                              _vm._v(
-                                _vm._s(_vm.item.peserta_max_cu) + " orang"
-                              ),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _vm.item.keputusan_cu ||
-                          _vm.item.pertanyaan_cu ||
-                          _vm.item.keputusan_user ||
-                          _vm.item.pertanyaan_user
-                            ? _c("tr", [_vm._m(3)])
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _vm.item.keputusan_cu
-                            ? _c("tr", [
-                                _c(
-                                  "td",
-                                  { staticClass: "font-weight-semibold" },
-                                  [_vm._v("Keputusan Max Per CU:")]
-                                ),
-                                _vm._v(" "),
-                                _c("td", { staticClass: "text-right" }, [
-                                  _vm._v(
-                                    _vm._s(_vm.item.keputusan_cu) + " kali"
-                                  ),
-                                ]),
-                              ])
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _vm.item.keputusan_user
-                            ? _c("tr", [
-                                _c(
-                                  "td",
-                                  { staticClass: "font-weight-semibold" },
-                                  [_vm._v("Keputusan Max Per Peserta:")]
-                                ),
-                                _vm._v(" "),
-                                _c("td", { staticClass: "text-right" }, [
-                                  _vm._v(
-                                    _vm._s(_vm.item.keputusan_user) + " kali"
-                                  ),
-                                ]),
-                              ])
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _vm.item.pertanyaan_cu
-                            ? _c("tr", [
-                                _c(
-                                  "td",
-                                  { staticClass: "font-weight-semibold" },
-                                  [_vm._v("Pertanyaan Max Per CU:")]
-                                ),
-                                _vm._v(" "),
-                                _c("td", { staticClass: "text-right" }, [
+                              [
+                                _c("li", [
                                   _vm._v(
-                                    _vm._s(_vm.item.pertanyaan_cu) + " kali"
+                                    "\n\t\t\t\t\t\t\tSkor CU: " +
+                                      _vm._s(_vm.skorCUA()) +
+                                      " / \n\t\t\t\t\t\t\tBobot Skor CU: " +
+                                      _vm._s(_vm.bobotCUA()) +
+                                      "% \n\t\t\t\t\t\t"
                                   ),
                                 ]),
-                              ])
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _vm.item.pertanyaan_user
-                            ? _c("tr", [
-                                _c(
-                                  "td",
-                                  { staticClass: "font-weight-semibold" },
-                                  [_vm._v("Pertanyaan Max Per Peserta:")]
-                                ),
                                 _vm._v(" "),
-                                _c("td", { staticClass: "text-right" }, [
+                                _c("li", [
                                   _vm._v(
-                                    _vm._s(_vm.item.pertanyaan_user) + " kali"
+                                    "\n\t\t\t\t\t\t\tSkor PUSKOPCUINA: " +
+                                      _vm._s(_vm.skorBKCUA()) +
+                                      " / \t\n\t\t\t\t\t\t\tBobot Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.bobotBKCUA()) +
+                                      "% \n\t\t\t\t\t\t"
                                   ),
                                 ]),
-                              ])
-                            : _vm._e(),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(4),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _vm.item.sasaran
-                        ? _c(
-                            "span",
-                            _vm._l(_vm.item.sasaran, function (sasaran, index) {
-                              return _c(
-                                "label",
-                                {
-                                  key: index,
-                                  staticClass: "badge badge-primary ml-1",
-                                },
-                                [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t" +
-                                      _vm._s(sasaran.name) +
-                                      "\n\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            }),
-                            0
-                          )
-                        : _vm._e(),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _vm.item.tempat
-                    ? _c("div", { staticClass: "card" }, [
-                        _vm._m(5),
-                        _vm._v(" "),
+                              ]
+                            ),
+                          ]),
+                        ]
+                      ),
+                    ]
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4a1_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4a1_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a1_cu_penilaian == cuTabName || form.p4.p4a1_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p3.p3b26_cu_penilaian != null &&
+                _vm.form.p3.p3b26_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t1. Pusat Keputusan Yang Utama"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
                         _c(
                           "div",
-                          { staticClass: "card-img-actions mx-1 mt-1" },
+                          { staticClass: "col-md-12" },
                           [
-                            _vm.item.tempat && _vm.item.tempat.gambar
-                              ? _c(
-                                  "a",
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4a1_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Tidak ada manual kebijakan</li><li>Tidak ada rencana strategis (SP)</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Pengurus memiliki kewenangan dan tanggung jawab penuh terhadap manajemen</li><li>Manual kebijakan tidak lengkap</li><li>Rencana strategis (SP) dikembangkan tetapi tidak diterjemahkan ke dalam pelaksanaannya</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Pengurus memiliki kewenangan dan tanggung jawab penuh terhadap manajemen</li><li>Kebijakan yang komprehensif berlaku dan dikaji setiap tahun</li><li>Rencana strategis (SP) dikembangkan secara penuh dengan rencana tindakan dan tindak lanjut melalui pemantauan pada pertemuan bulanan</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Dalam konsultasi dengan manajemen:</li><li>Pengurus memiliki kewenangan dan tanggung jawab penuh terhadap manajeme</li><li>Kebijakan yang komprehensif berlaku tercetak dan dikaji setiap tahu</li><li>Rencana strategis (SP) dikembangkan secara penuh dengan rencana tindakan dan tindak lanjut melalui pemantauan pada pertemuan bulana</li><li>Pengurus secara rutin mengkaji dampak eksternal pada lingkungan dan  cepat tanggap terhadap situasi yang berubah-ubah</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4a1_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4a1_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4a1_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4a1_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
                                   {
-                                    attrs: { href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.modalImageOpen(
-                                          "/images/tempat/" +
-                                            _vm.item.tempat.gambar +
-                                            ".jpg"
-                                        )
-                                      },
-                                    },
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4a1_cu_keterangan,
+                                    expression: "form.p4.p4a1_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a1_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4a1_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4a1_cu_keterangan",
+                                      $event.target.value
+                                    )
                                   },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
                                   [
-                                    _c("img", {
-                                      staticClass: "card-img img-fluid",
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
                                       attrs: {
-                                        src:
-                                          "/images/tempat/" +
-                                          _vm.item.tempat.gambar +
-                                          "n.jpg",
+                                        form: _vm.form.p4.p4a1_bkcu_penilaian,
                                       },
-                                    }),
-                                    _vm._v(" "),
-                                    _vm._m(6),
-                                  ]
-                                )
-                              : _c(
-                                  "a",
-                                  {
-                                    attrs: { href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.modalImageOpen(
-                                          "/images/no_image.jpg"
-                                        )
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4a1_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4a1_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4a1_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4a1_bkcu_penilaian = 4
+                                        },
                                       },
-                                    },
-                                  },
-                                  [
-                                    _c("img", {
-                                      staticClass: "card-img img-fluid",
-                                      attrs: { src: "/images/no_image.jpg" },
                                     }),
-                                    _vm._v(" "),
-                                    _vm._m(7),
-                                  ]
+                                  ],
+                                  1
                                 ),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _vm.itemStat == "success"
-                          ? _c(
-                              "table",
-                              {
-                                staticClass:
-                                  "table table-borderless table-xs border-top-0 my-2",
-                              },
-                              [
-                                _c("tbody", [
-                                  _c("tr", [
-                                    _c(
-                                      "td",
-                                      { staticClass: "font-weight-semibold" },
-                                      [_vm._v("Nama:")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      { staticClass: "text-right" },
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: _vm.item.tempat.name,
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("tr", [
-                                    _c(
-                                      "td",
-                                      { staticClass: "font-weight-semibold" },
-                                      [_vm._v("Email:")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      { staticClass: "text-right" },
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: _vm.item.tempat.email,
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("tr", [
-                                    _c(
-                                      "td",
-                                      { staticClass: "font-weight-semibold" },
-                                      [_vm._v("No. Telp:")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      { staticClass: "text-right" },
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: _vm.item.tempat.telp,
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("tr", [
-                                    _c(
-                                      "td",
-                                      { staticClass: "font-weight-semibold" },
-                                      [_vm._v("No. Hp:")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      { staticClass: "text-right" },
-                                      [
-                                        _c("check-value", {
-                                          attrs: { value: _vm.item.tempat.hp },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("tr", [
-                                    _c(
-                                      "td",
-                                      { staticClass: "font-weight-semibold" },
-                                      [_vm._v("Alamat:")]
-                                    ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
                                     _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      { staticClass: "text-right" },
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: _vm.item.tempat.alamat,
-                                          },
-                                        }),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a1_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4a1_bkcu_keterangan",
+                                        },
                                       ],
-                                      1
-                                    ),
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a1_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p4.p4a1_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a1_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
                                   ]),
-                                  _vm._v(" "),
-                                  _c("tr", [
-                                    _c(
-                                      "td",
-                                      { staticClass: "font-weight-semibold" },
-                                      [_vm._v("Website:")]
-                                    ),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
                                     _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      { staticClass: "text-right" },
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: _vm.item.tempat.website,
-                                          },
-                                        }),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a1_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4a1_bkcu_rekomendasi",
+                                        },
                                       ],
-                                      1
-                                    ),
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a1_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4a1_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a1_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
                                   ]),
                                 ]),
-                              ]
-                            )
-                          : _vm._e(),
-                      ])
-                    : _vm.item.tipe_tempat == "ONLINE"
-                    ? _c("div", { staticClass: "card" }, [
-                        _vm._m(8),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "card-body" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t\t\t\tDilaksanakan secara online\n\t\t\t\t\t\t\t"
-                          ),
-                        ]),
-                      ])
-                    : _c("div", { staticClass: "card" }, [
-                        _vm._m(9),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "card-body" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t\t\t\tBelum menentukan tempat pertemuan\n\t\t\t\t\t\t\t"
-                          ),
-                        ]),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  { staticClass: "col-lg-9 col-md-8 order-md-1" },
-                  [
-                    _c("div", { staticClass: "card" }, [
-                      _c("div", { staticClass: "nav-tabs-responsive" }, [
-                        _c(
-                          "ul",
-                          {
-                            staticClass:
-                              "nav nav-tabs nav-tabs-bottom flex-nowrap mb-0",
-                          },
-                          [
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "info" },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("info")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", { staticClass: "icon-menu7 mr-2" }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\tUmum\n\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "materi" },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("materi")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-folder-download2 mr-2",
-                                  }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\tUnduhan\n\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "tugas" },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("tugas")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", { staticClass: "icon-paste mr-2" }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\tTugas\n\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _vm.item.pilih && _vm.item.pilih.length > 0
-                              ? _c("li", { staticClass: "nav-item" }, [
-                                  _c(
-                                    "a",
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
                                     {
-                                      staticClass: "nav-link",
-                                      class: {
-                                        active: _vm.tabName == "keputusan",
-                                      },
-                                      attrs: { href: "#" },
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
                                       on: {
                                         click: function ($event) {
                                           $event.preventDefault()
-                                          return _vm.changeTab("keputusan")
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
                                         },
                                       },
                                     },
                                     [
                                       _c("i", {
-                                        staticClass: "icon-hammer mr-2",
+                                        staticClass: "icon-floppy-disk",
                                       }),
                                       _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t\t\tKeputusan \n\t\t\t\t\t\t\t\t\t\t"
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
                                       ),
-                                      _vm.countKeputusanStat == "success" &&
-                                      _vm.countKeputusan[0] > 0
-                                        ? _c(
-                                            "span",
-                                            {
-                                              staticClass:
-                                                "badge badge-success ml-2",
-                                            },
-                                            [
-                                              _vm._v(
-                                                _vm._s(_vm.countKeputusan[0])
-                                              ),
-                                            ]
-                                          )
-                                        : _vm._e(),
                                     ]
                                   ),
-                                ])
-                              : _vm._e(),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4a2_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4a2_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a2_cu_penilaian == cuTabName || form.p4.p4a2_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p4.p4a1_cu_penilaian != null &&
+                _vm.form.p4.p4a1_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t2. Peran Penasehat (advisory)"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
                             _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: {
-                                    active: _vm.tabName == "pertanyaan",
-                                  },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("pertanyaan")
-                                    },
-                                  },
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4a2_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Pengurus tidak bertindak dalam kapasitas selaku penasihat terhadap manajemen, dan anggota</li><li>Tidak memberi nasihat kepada anggota mengenai kebutuhan menyangkut perubahan kebijakan pinjaman, ART dan strategi pemasaran</li><li>Tidak bertindak selaku kelompok penasihat bagi kelompok lainnya, tidak mengkaji kebijakan atau tindakan yang diambil</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Pengurus bertindak dalam kapasitas selaku penasihat terhadap manajemen, dan anggota</li><li>Kurang memberi masukan kepada anggota mengenai kebutuhan untuk perubahan dalam kebijakan menyangkut pinjaman, ART dan strategi pemasaran</li><li>Kurang mengkaji keputusan atau tindakan yang diambil</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Pengurus bertindak dalam kapasitas selaku penasihat terhadap manajemen, dan anggota</li><li>Memberi masukan kepada anggota mengenai kebutuhan untuk perubahan dalam kebijakan menyangkut pinjaman, ART dan strategi pemasaran</li><li>Bertindak selaku kelompok penasihat bagi kelompok lainnya,  mengkaji kebijakan atau tindakan yang diambil</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Pengurus bertindak dalam kapasitas selaku penasihat terhadap manajemen, dan anggota</li><li>Secara konsisten memberi masukan kepada anggota mengenai kebutuhan untuk perubahan dalam kebijakan menyangkut pinjaman, ART dan strategi pemasaran</li><li>Bertindak selaku kelompok penasihat bagi kelompok lainnya,  secara konsisten mengkaji kebijakan atau tindakan yang diambil</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4a2_cu_penilaian = 1
                                 },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-question7 mr-2",
-                                  }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\tPertanyaan \n\t\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                  _vm.countPertanyaanStat == "success" &&
-                                  _vm.countPertanyaan[0] > 0
-                                    ? _c(
-                                        "span",
-                                        {
-                                          staticClass: "badge badge-info ml-2",
-                                        },
-                                        [_vm._v(_vm._s(_vm.countPertanyaan[0]))]
-                                      )
-                                    : _vm._e(),
-                                ]
-                              ),
-                            ]),
+                                click2: function ($event) {
+                                  _vm.form.p4.p4a2_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4a2_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4a2_cu_penilaian = 4
+                                },
+                              },
+                            }),
                             _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
+                            _c("div", { staticClass: "form-group" }, [
                               _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: {
-                                    active: _vm.tabName == "pesertaTerdaftar",
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4a2_cu_keterangan,
+                                    expression: "form.p4.p4a2_cu_keterangan",
                                   },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("pesertaTerdaftar")
-                                    },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a2_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4a2_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4a2_cu_keterangan",
+                                      $event.target.value
+                                    )
                                   },
                                 },
-                                [
-                                  _c("i", { staticClass: "icon-people mr-2" }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\tTerdaftar\n\t\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                  _vm.countPesertaStat == "success" &&
-                                  _vm.countPeserta > 0 &&
-                                  _vm.currentUser.id_cu == 0
-                                    ? _c(
-                                        "span",
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4a2_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4a2_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4a2_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4a2_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4a2_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
                                         {
-                                          staticClass: "badge badge-dark ml-2",
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a2_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4a2_bkcu_keterangan",
                                         },
-                                        [_vm._v(_vm._s(_vm.countPeserta))]
-                                      )
-                                    : _vm._e(),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: {
-                                    active: _vm.tabName == "pesertaHadir",
-                                  },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("pesertaHadir")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-accessibility mr-2",
-                                  }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\tHadir \n\t\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                  _vm.countPesertaHadirStat == "success" &&
-                                  _vm.countPesertaHadir > 0
-                                    ? _c(
-                                        "span",
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a2_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p4.p4a2_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a2_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
                                         {
-                                          staticClass: "badge badge-dark ml-2",
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a2_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4a2_bkcu_rekomendasi",
                                         },
-                                        [_vm._v(_vm._s(_vm.countPesertaHadir))]
-                                      )
-                                    : _vm._e(),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "nav-item" }, [
-                              _c(
-                                "a",
-                                {
-                                  staticClass: "nav-link",
-                                  class: { active: _vm.tabName == "statistik" },
-                                  attrs: { href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.changeTab("statistik")
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a2_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4a2_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a2_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
                                     },
-                                  },
-                                },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-equalizer mr-2",
-                                  }),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\tStatistik\n\t\t\t\t\t\t\t\t\t"
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
                                   ),
-                                ]
-                              ),
-                            ]),
-                          ]
-                        ),
+                            ])
+                          : _vm._e(),
                       ]),
                     ]),
-                    _vm._v(" "),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4a3_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4a3_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a3_cu_penilaian == cuTabName || form.p4.p4a3_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p4.p4a2_cu_penilaian != null &&
+                _vm.form.p4.p4a2_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
                     _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
                       [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t3. Peran Pengabadian (Perpetuating)"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
                         _c(
                           "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "info",
-                                expression: "tabName == 'info'",
-                              },
-                            ],
-                          },
+                          { staticClass: "col-md-12" },
                           [
-                            _vm.item.keterangan
-                              ? _c("div", { staticClass: "card" }, [
-                                  _c(
-                                    "div",
-                                    { staticClass: "card-header bg-white" },
-                                    [
-                                      _c("h5", { staticClass: "card-title" }, [
-                                        _vm._v("1. Kerangka Acuan"),
-                                      ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("div", {
-                                    staticClass: "card-body",
-                                    domProps: {
-                                      innerHTML: _vm._s(_vm.item.keterangan),
-                                    },
-                                  }),
-                                ])
-                              : _vm._e(),
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
                             _vm._v(" "),
-                            _vm.item.jadwal
-                              ? _c("div", { staticClass: "card" }, [
-                                  _c(
-                                    "div",
-                                    { staticClass: "card-header bg-white" },
-                                    [
-                                      _c("h5", { staticClass: "card-title" }, [
-                                        _vm._v("2. Jadwal"),
-                                      ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("div", {
-                                    staticClass: "card-body",
-                                    domProps: {
-                                      innerHTML: _vm._s(_vm.item.jadwal),
-                                    },
-                                  }),
-                                ])
-                              : _vm._e(),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4a3_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Tidak ada jaminan bahwa Pengurus kompeten dan paham akan peran dan tanggung jawabnya</li><li>Pengurus tidak mendorong dibuatnya pelatihan dan pembangan bagi semua staf untuk menjamin efektivitas</li><li>Kurang dari 50% anggota Pengurus tidak pernah mengikuti pelatihan kompetensi (CUDCC = Credit Union Director’s and ManagersCompetency Course)</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Pengurus memiliki pemahaman dan kompetensi yang terbatas dalam menjalankan peran dan tanggung jawabnya</li><li>Pelatihan dan pengembangan bagi semua staf untuk menjamin efektivitas masih terbatas</li><li>50 - 79% anggota Pengurus sudah menyelesaikan program pelatihan kompetensi (CUDCC)</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Menunjang keberlanjutan CU dengan memastikan bahwa Pengurus paham dan kompeten menjalankan peran dan tanggung jawabnya</li><li>Pengurus mensyaratkan pelatihan dan pengembangan bagi semua staf untuk menjamin efektivitas secara terbatas</li><li>80% anggota Pengurus sudah menyelesaikan program pelatihan kompetensi (CUDCC)</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Menunjang keberlanjutan CU dengan memastikan bahwa Pengurus paham dan kompeten menjalankan peran dan tanggung jawabnya</li><li>Pelatihan profesional yang berkelanjutan wajib bagi semua staf untuk menjamin efektivitas secara terbatas</li><li>100% anggota Pengurus sudah menyelesaikan program pelatihan kompetensi (CUDCC)</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4a3_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4a3_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4a3_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4a3_cu_penilaian = 4
+                                },
+                              },
+                            }),
                             _vm._v(" "),
-                            _vm.itemDataPanitia
-                              ? _c(
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4a3_cu_keterangan,
+                                    expression: "form.p4.p4a3_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a3_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4a3_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4a3_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
                                   "div",
-                                  { staticClass: "card" },
+                                  { staticClass: "col-md-12" },
                                   [
-                                    _c(
-                                      "div",
-                                      { staticClass: "card-header bg-white" },
-                                      [
-                                        _c(
-                                          "h5",
-                                          { staticClass: "card-title" },
-                                          [_vm._v("3. Panitia dan Fasilitator")]
-                                        ),
-                                      ]
-                                    ),
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
                                     _vm._v(" "),
-                                    _c("data-table", {
+                                    _c("penilaian-bkcu", {
                                       attrs: {
-                                        items: _vm.itemDataPanitia,
-                                        columnData: _vm.columnDataPanitia,
-                                        itemDataStat: _vm.itemStat,
+                                        form: _vm.form.p4.p4a3_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4a3_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4a3_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4a3_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4a3_bkcu_penilaian = 4
+                                        },
                                       },
-                                      scopedSlots: _vm._u(
-                                        [
-                                          {
-                                            key: "item-desktop",
-                                            fn: function (props) {
-                                              return [
-                                                props.item
-                                                  ? _c("tr", [
-                                                      _c("td", [
-                                                        _vm._v(
-                                                          _vm._s(
-                                                            props.index + 1
-                                                          )
-                                                        ),
-                                                      ]),
-                                                      _vm._v(" "),
-                                                      _c("td", [
-                                                        props.item.gambar
-                                                          ? _c("img", {
-                                                              staticClass:
-                                                                "img-rounded img-fluid wmin-sm",
-                                                              attrs: {
-                                                                src:
-                                                                  "/images/aktivis/" +
-                                                                  props.item
-                                                                    .gambar +
-                                                                  "n.jpg",
-                                                                width: "35px",
-                                                              },
-                                                            })
-                                                          : _c("img", {
-                                                              staticClass:
-                                                                "img-rounded img-fluid wmin-sm",
-                                                              attrs: {
-                                                                src: "/images/no_image_man.jpg",
-                                                                width: "35px",
-                                                              },
-                                                            }),
-                                                      ]),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item.name,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      props.item.pivot.asal ==
-                                                      "dalam"
-                                                        ? _c("td", [
-                                                            props.item
-                                                              .pekerjaan_aktif &&
-                                                            props.item
-                                                              .pekerjaan_aktif
-                                                              .tipe == 1
-                                                              ? _c(
-                                                                  "span",
-                                                                  [
-                                                                    props.item
-                                                                      .pekerjaan_aktif
-                                                                      .cu
-                                                                      ? _c(
-                                                                          "check-value",
-                                                                          {
-                                                                            attrs:
-                                                                              {
-                                                                                "front-text":
-                                                                                  "CU",
-                                                                                value:
-                                                                                  props
-                                                                                    .item
-                                                                                    .pekerjaan_aktif
-                                                                                    .cu
-                                                                                    .name,
-                                                                              },
-                                                                          }
-                                                                        )
-                                                                      : _c(
-                                                                          "span",
-                                                                          [
-                                                                            _vm._v(
-                                                                              "-"
-                                                                            ),
-                                                                          ]
-                                                                        ),
-                                                                  ],
-                                                                  1
-                                                                )
-                                                              : props.item
-                                                                  .pekerjaan_aktif &&
-                                                                props.item
-                                                                  .pekerjaan_aktif
-                                                                  .tipe == 2
-                                                              ? _c(
-                                                                  "span",
-                                                                  [
-                                                                    props.item
-                                                                      .pekerjaan_aktif
-                                                                      .lembaga_lain
-                                                                      ? _c(
-                                                                          "check-value",
-                                                                          {
-                                                                            attrs:
-                                                                              {
-                                                                                value:
-                                                                                  props
-                                                                                    .item
-                                                                                    .pekerjaan_aktif
-                                                                                    .lembaga_lain
-                                                                                    .name,
-                                                                              },
-                                                                          }
-                                                                        )
-                                                                      : _c(
-                                                                          "span",
-                                                                          [
-                                                                            _vm._v(
-                                                                              "-"
-                                                                            ),
-                                                                          ]
-                                                                        ),
-                                                                  ],
-                                                                  1
-                                                                )
-                                                              : props.item
-                                                                  .pekerjaan_aktif &&
-                                                                props.item
-                                                                  .pekerjaan_aktif
-                                                                  .tipe == 3
-                                                              ? _c("span", [
-                                                                  _vm._v(
-                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                  ),
-                                                                ])
-                                                              : _c("span", [
-                                                                  _vm._v("-"),
-                                                                ]),
-                                                          ])
-                                                        : props.item.pivot
-                                                            .asal == "luar"
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .lembaga,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : props.item.pivot
-                                                            .asal ==
-                                                          "luar lembaga"
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .name,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item.pivot
-                                                                  .asal,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item.pivot
-                                                                  .peran,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item.pivot
-                                                                  .keterangan,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item
-                                                                  .email,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item.hp,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                    ])
-                                                  : _vm._e(),
-                                              ]
-                                            },
-                                          },
-                                        ],
-                                        null,
-                                        false,
-                                        4144858265
-                                      ),
                                     }),
                                   ],
                                   1
-                                )
-                              : _vm._e(),
-                          ]
-                        ),
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a3_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4a3_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a3_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p4.p4a3_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a3_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a3_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4a3_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a3_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4a3_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a3_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4a4_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4a4_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a4_cu_penilaian == cuTabName || form.p4.p4a4_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p4.p4a3_cu_penilaian != null &&
+                _vm.form.p4.p4a3_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t4. Fungsi Wali"),
+                        ]),
                       ]
                     ),
                     _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
                         _c(
                           "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "materi",
-                                expression: "tabName == 'materi'",
-                              },
-                            ],
-                          },
+                          { staticClass: "col-md-12" },
                           [
                             _c(
-                              "data-viewer",
-                              {
-                                attrs: {
-                                  title: "Unduhan",
-                                  itemData: _vm.itemDataMateri,
-                                  columnData: _vm.columnDataMateri,
-                                  itemDataStat: _vm.itemDataMateriStat,
-                                  query: _vm.queryMateri,
-                                  isNoExcel: "true",
-                                  isDasar: "true",
-                                  isDisable: _vm.isDisableTable,
-                                  dataview: "grid",
-                                },
-                                on: { fetch: _vm.fetchMateri },
-                                scopedSlots: _vm._u([
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4a4_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Pengurus mengejar kepentingan pribadi dengan biaya dari anggota (atau pihak terkait)</li><li>Tidak memantau atau mengkaji portofolio pinjaman</li><li>Tidak ada kebijakan tentang manajemen risiko</li><li>Pelanggaran sehubungan dengan pinjaman lebih dari 10% terhadap portofolio pinjaman</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Pengurus mewakili anggota, tetapi terkadang mendorong terpenuhinya kepentingan pribadi</li><li>Pemantauan dan kajian yang tidak menentu terhadap portofolio pinjaman dan investasi</li><li>Kebijakan tentang manajemen risiko masih terbatas</li><li>Pelanggaran sehubungan dengan pinjaman berkisar antara 6 - 10% terhadap portofolio pinjaman</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Pengurus secara konsisten mengutamakan kebutuhan para anggota</li><li>Secara konsisten memantau dan mengawasi portofolio pinjaman </li><li>Mempertahankan kebijakan dengan penekanan khusus untuk membatasi/ mengontrol terjadinya risiko yang tidak semesti nya terjadi</li><li>Pelanggaran sehubungan dengan pinjaman berkisar antara 3 - 5% terhadap portofolio pinjaman</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Pengurus secara konsisten mengutamakan kebutuhan para anggota</li><li>Secara konsisten memantau dan mengawasi portofolio pinjaman </li><li>Mempertahankan kebijakan dengan penekanan khusus untuk membatasi/ mengontrol terjadinya risiko yang tidak semesti nya terjadi</li><li>Secara terus menerus berupaya menjalankan kinerja dengan praktik terbaik dalam fungsinya selaku wali</li><li>Pelanggaran sehubungan dengan pinjaman 2% ke bawah terhadap portofolio pinjaman</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4a4_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4a4_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4a4_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4a4_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
                                   {
-                                    key: "item-mobile",
-                                    fn: function (props) {
-                                      return [
-                                        _c(
-                                          "div",
-                                          { staticClass: "col-md-12" },
-                                          [
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "card-header bg-light header-elements-inline",
-                                                },
-                                                [
-                                                  _c(
-                                                    "h6",
-                                                    {
-                                                      staticClass: "card-title",
-                                                    },
-                                                    [
-                                                      _c(
-                                                        "a",
-                                                        {
-                                                          attrs: { href: "#" },
-                                                          on: {
-                                                            click: function (
-                                                              $event
-                                                            ) {
-                                                              $event.preventDefault()
-                                                              return _vm.modalOpen(
-                                                                "lihatMateri",
-                                                                true,
-                                                                props.item
-                                                              )
-                                                            },
-                                                          },
-                                                        },
-                                                        [
-                                                          _vm._v(
-                                                            _vm._s(
-                                                              props.item.name
-                                                            )
-                                                          ),
-                                                        ]
-                                                      ),
-                                                    ]
-                                                  ),
-                                                  _vm._v(" "),
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass:
-                                                        "d-none d-sm-block",
-                                                    },
-                                                    [
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "header-elements",
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "span",
-                                                            {
-                                                              staticClass:
-                                                                "badge badge-primary",
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                _vm._s(
-                                                                  _vm._f(
-                                                                    "uppercase"
-                                                                  )(
-                                                                    props.item
-                                                                      .tipe
-                                                                  )
-                                                                )
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c("span", {
-                                                            staticClass:
-                                                              "badge badge-secondary ml-1",
-                                                            domProps: {
-                                                              innerHTML: _vm._s(
-                                                                _vm.$options.filters.dateTime(
-                                                                  props.item
-                                                                    .created_at
-                                                                )
-                                                              ),
-                                                            },
-                                                          }),
-                                                        ]
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              props.item.keterangan
-                                                ? _c(
-                                                    "div",
-                                                    {
-                                                      staticClass: "card-body",
-                                                    },
-                                                    [
-                                                      _vm._v(
-                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                          _vm._s(
-                                                            props.item
-                                                              .keterangan
-                                                          ) +
-                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]
-                                                  )
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-footer" },
-                                                [
-                                                  _c(
-                                                    "div",
-                                                    { staticClass: "row" },
-                                                    [
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "col-md-6",
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "d-none d-sm-block",
-                                                            },
-                                                            [
-                                                              props.item
-                                                                .format ==
-                                                              "upload"
-                                                                ? _c(
-                                                                    "button",
-                                                                    {
-                                                                      staticClass:
-                                                                        "btn btn-light mb-1",
-                                                                      attrs: {
-                                                                        type: "button",
-                                                                      },
-                                                                      on: {
-                                                                        click:
-                                                                          function (
-                                                                            $event
-                                                                          ) {
-                                                                            $event.preventDefault()
-                                                                            return _vm.downloadMateri(
-                                                                              props
-                                                                                .item
-                                                                                .tipe ==
-                                                                                "jpg"
-                                                                                ? props
-                                                                                    .item
-                                                                                    .filename +
-                                                                                    ".jpg"
-                                                                                : props
-                                                                                    .item
-                                                                                    .filename
-                                                                            )
-                                                                          },
-                                                                      },
-                                                                    },
-                                                                    [
-                                                                      _c("i", {
-                                                                        staticClass:
-                                                                          "icon-file-eye",
-                                                                      }),
-                                                                      _vm._v(
-                                                                        " Lihat"
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : props.item
-                                                                    .format ==
-                                                                  "link"
-                                                                ? _c(
-                                                                    "a",
-                                                                    {
-                                                                      staticClass:
-                                                                        "btn btn-light mb-1",
-                                                                      attrs: {
-                                                                        type: "button",
-                                                                        href: props
-                                                                          .item
-                                                                          .link,
-                                                                        target:
-                                                                          "_blank",
-                                                                      },
-                                                                    },
-                                                                    [
-                                                                      _c("i", {
-                                                                        staticClass:
-                                                                          "icon-file-eye",
-                                                                      }),
-                                                                      _vm._v(
-                                                                        " Lihat"
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : _vm._e(),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "d-block d-sm-none text-center",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "span",
-                                                                {
-                                                                  staticClass:
-                                                                    "badge badge-primary",
-                                                                },
-                                                                [
-                                                                  _vm._v(
-                                                                    _vm._s(
-                                                                      _vm._f(
-                                                                        "uppercase"
-                                                                      )(
-                                                                        props
-                                                                          .item
-                                                                          .tipe
-                                                                      )
-                                                                    )
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                              _vm._v(" "),
-                                                              _c("span", {
-                                                                staticClass:
-                                                                  "badge badge-secondary",
-                                                                domProps: {
-                                                                  innerHTML:
-                                                                    _vm._s(
-                                                                      _vm.$options.filters.dateTime(
-                                                                        props
-                                                                          .item
-                                                                          .created_at
-                                                                      )
-                                                                    ),
-                                                                },
-                                                              }),
-                                                              _vm._v(" "),
-                                                              props.item
-                                                                .format ==
-                                                              "upload"
-                                                                ? _c(
-                                                                    "button",
-                                                                    {
-                                                                      staticClass:
-                                                                        "btn btn-light btn-block mt-2 mb-1",
-                                                                      attrs: {
-                                                                        type: "button",
-                                                                      },
-                                                                      on: {
-                                                                        click:
-                                                                          function (
-                                                                            $event
-                                                                          ) {
-                                                                            $event.preventDefault()
-                                                                            return _vm.downloadMateri(
-                                                                              props
-                                                                                .item
-                                                                                .tipe ==
-                                                                                "jpg"
-                                                                                ? props
-                                                                                    .item
-                                                                                    .filename +
-                                                                                    ".jpg"
-                                                                                : props
-                                                                                    .item
-                                                                                    .filename
-                                                                            )
-                                                                          },
-                                                                      },
-                                                                    },
-                                                                    [
-                                                                      _c("i", {
-                                                                        staticClass:
-                                                                          "icon-file-eye",
-                                                                      }),
-                                                                      _vm._v(
-                                                                        " Lihat"
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : props.item
-                                                                    .format ==
-                                                                  "link"
-                                                                ? _c(
-                                                                    "a",
-                                                                    {
-                                                                      staticClass:
-                                                                        "btn btn-light btn-block mt-2 mb-1",
-                                                                      attrs: {
-                                                                        type: "button",
-                                                                        href: props
-                                                                          .item
-                                                                          .link,
-                                                                        target:
-                                                                          "_blank",
-                                                                      },
-                                                                    },
-                                                                    [
-                                                                      _c("i", {
-                                                                        staticClass:
-                                                                          "icon-file-eye",
-                                                                      }),
-                                                                      _vm._v(
-                                                                        " Lihat"
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : _vm._e(),
-                                                            ]
-                                                          ),
-                                                        ]
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "col-md-6 text-right",
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "d-none d-sm-block",
-                                                            },
-                                                            [
-                                                              _vm.tipeUser !=
-                                                              "peserta"
-                                                                ? _c(
-                                                                    "button",
-                                                                    {
-                                                                      staticClass:
-                                                                        "btn btn-light mb-1",
-                                                                      attrs: {
-                                                                        type: "button",
-                                                                      },
-                                                                      on: {
-                                                                        click:
-                                                                          function (
-                                                                            $event
-                                                                          ) {
-                                                                            $event.preventDefault()
-                                                                            return _vm.modalOpen(
-                                                                              "ubahMateri",
-                                                                              true,
-                                                                              props.item
-                                                                            )
-                                                                          },
-                                                                      },
-                                                                    },
-                                                                    [
-                                                                      _c("i", {
-                                                                        staticClass:
-                                                                          "icon-pencil5",
-                                                                      }),
-                                                                      _vm._v(
-                                                                        " Ubah"
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : _vm._e(),
-                                                              _vm._v(" "),
-                                                              _vm.tipeUser !=
-                                                              "peserta"
-                                                                ? _c(
-                                                                    "button",
-                                                                    {
-                                                                      staticClass:
-                                                                        "btn btn-light mb-1",
-                                                                      attrs: {
-                                                                        type: "button",
-                                                                      },
-                                                                      on: {
-                                                                        click:
-                                                                          function (
-                                                                            $event
-                                                                          ) {
-                                                                            $event.preventDefault()
-                                                                            return _vm.modalOpen(
-                                                                              "hapusMateri",
-                                                                              true,
-                                                                              props.item
-                                                                            )
-                                                                          },
-                                                                      },
-                                                                    },
-                                                                    [
-                                                                      _c("i", {
-                                                                        staticClass:
-                                                                          "icon-bin2",
-                                                                      }),
-                                                                      _vm._v(
-                                                                        " Hapus"
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : _vm._e(),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "d-block d-sm-none",
-                                                            },
-                                                            [
-                                                              _c("hr"),
-                                                              _vm._v(" "),
-                                                              _vm.tipeUser !=
-                                                              "peserta"
-                                                                ? _c(
-                                                                    "button",
-                                                                    {
-                                                                      staticClass:
-                                                                        "btn btn-light btn-block mb-1",
-                                                                      attrs: {
-                                                                        type: "button",
-                                                                      },
-                                                                      on: {
-                                                                        click:
-                                                                          function (
-                                                                            $event
-                                                                          ) {
-                                                                            $event.preventDefault()
-                                                                            return _vm.modalOpen(
-                                                                              "ubahMateri",
-                                                                              true,
-                                                                              props.item
-                                                                            )
-                                                                          },
-                                                                      },
-                                                                    },
-                                                                    [
-                                                                      _c("i", {
-                                                                        staticClass:
-                                                                          "icon-pencil5",
-                                                                      }),
-                                                                      _vm._v(
-                                                                        " Ubah"
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : _vm._e(),
-                                                              _vm._v(" "),
-                                                              _vm.tipeUser !=
-                                                              "peserta"
-                                                                ? _c(
-                                                                    "button",
-                                                                    {
-                                                                      staticClass:
-                                                                        "btn btn-light btn-block mb-1",
-                                                                      attrs: {
-                                                                        type: "button",
-                                                                      },
-                                                                      on: {
-                                                                        click:
-                                                                          function (
-                                                                            $event
-                                                                          ) {
-                                                                            $event.preventDefault()
-                                                                            return _vm.modalOpen(
-                                                                              "hapusMateri",
-                                                                              true,
-                                                                              props.item
-                                                                            )
-                                                                          },
-                                                                      },
-                                                                    },
-                                                                    [
-                                                                      _c("i", {
-                                                                        staticClass:
-                                                                          "icon-bin2",
-                                                                      }),
-                                                                      _vm._v(
-                                                                        " Hapus"
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : _vm._e(),
-                                                            ]
-                                                          ),
-                                                        ]
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]),
-                                          ]
-                                        ),
-                                      ]
-                                    },
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4a4_cu_keterangan,
+                                    expression: "form.p4.p4a4_cu_keterangan",
                                   },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a4_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4a4_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4a4_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
                                 ]),
-                              },
-                              [
-                                _vm.tipeUser != "peserta"
-                                  ? _c("template", { slot: "button-desktop" }, [
-                                      _c(
-                                        "button",
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4a4_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4a4_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4a4_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4a4_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4a4_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
                                         {
-                                          staticClass: "btn btn-light",
-                                          attrs: { type: "button" },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen(
-                                                "tambahMateri"
-                                              )
-                                            },
-                                          },
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a4_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4a4_bkcu_keterangan",
                                         },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-plus3",
-                                          }),
-                                          _vm._v(" Tambah Unduhan"),
-                                        ]
-                                      ),
-                                    ])
-                                  : _vm._e(),
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a4_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p4.p4a4_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a4_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
                                 _vm._v(" "),
-                                _vm.tipeUser != "peserta"
-                                  ? _c("template", { slot: "button-mobile" }, [
-                                      _c(
-                                        "button",
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
                                         {
-                                          staticClass:
-                                            "btn btn-light btn-block",
-                                          attrs: { type: "button" },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen(
-                                                "tambahMateri"
-                                              )
-                                            },
-                                          },
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a4_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4a4_bkcu_rekomendasi",
                                         },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-plus3",
-                                          }),
-                                          _vm._v(" Tambah Unduhan"),
-                                        ]
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a4_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4a4_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a4_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
                                       ),
-                                    ])
-                                  : _vm._e(),
-                              ],
-                              2
-                            ),
-                          ],
-                          1
-                        ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4a5_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4a5_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a5_cu_penilaian == cuTabName || form.p4.p4a5_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p4.p4a4_cu_penilaian != null &&
+                _vm.form.p4.p4a4_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t5. Sebagai Simbol"),
+                        ]),
                       ]
                     ),
                     _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
                         _c(
                           "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "tugas",
-                                expression: "tabName == 'tugas'",
-                              },
-                            ],
-                          },
+                          { staticClass: "col-md-12" },
                           [
                             _c(
-                              "data-viewer",
-                              {
-                                attrs: {
-                                  title: "Tugas",
-                                  itemData: _vm.itemDataTugas,
-                                  columnData: _vm.columnDataTugas,
-                                  itemDataStat: _vm.itemDataTugasStat,
-                                  query: _vm.queryTugas,
-                                  isNoExcel: "true",
-                                  isDasar: "true",
-                                  isDisable: _vm.isDisableTable,
-                                  dataview: "grid",
-                                },
-                                on: { fetch: _vm.fetchTugas },
-                                scopedSlots: _vm._u([
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4a5_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Di bawah 50% Pengurus adalah penabung dan peminjam, dan kebanyakan merupakan penunggak</li><li>Kepentingan pribadi Pengurus lebih diutamakan daripada fungsinya</li><li>Tidak menjalankan fungsinya secara profesional dan integritas yang tinggi</li><li>Pengurus tidak menjadi simbol kekuatan dan kepemimpinan dalam CU dan masyarakat</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Pengurus bersikap adil dalam kepemimpinannya dan kekuatannya terlihat dalam CU dan masyarakat</li><li>Menunjukkan fungsinya dengan tingkat profesionalisme dan integritas tetapi masih belum mampu menyeimbangkan antara kepentingan pribadi dengan fungsi-fungsi kepengurusan</li><li>75% Pengurus adalah peminjam yang baik, penabung aktif dan tidak menunggak pembayaran</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Pengurus dipandang sebagai simbol kekuatan dan kepemimpinan dalam CU dan masyarakat</li><li>Menunjukkan fungsinya dengan profesionalisme dan integritas serta nilai-nilai moral</li><li>Pengurus yang meminjam tidak pernah menunggak dan merupakan penabung yang aktif</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Pengurus dipandang sebagai simbol kekuatan dan kepemimpinan dalam CU dan masyarakat</li><li>Menunjukkan fungsinya dengan profesionalisme dan integritas serta nilai-nilai moral yang tinggi</li><li>Pengurus yang meminjam tidak pernah menunggak dan merupakan penabung yang aktif</li><li>Terus menerus berupaya melakukan praktik terbaik selaku pemimpin CU</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4a5_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4a5_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4a5_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4a5_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
                                   {
-                                    key: "item-mobile",
-                                    fn: function (props) {
-                                      return [
-                                        _c(
-                                          "div",
-                                          { staticClass: "col-md-12" },
-                                          [
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "card-header bg-light header-elements-inline",
-                                                },
-                                                [
-                                                  _c(
-                                                    "h6",
-                                                    {
-                                                      staticClass: "card-title",
-                                                    },
-                                                    [
-                                                      _c(
-                                                        "a",
-                                                        {
-                                                          attrs: { href: "#" },
-                                                          on: {
-                                                            click: function (
-                                                              $event
-                                                            ) {
-                                                              $event.preventDefault()
-                                                              return _vm.modalOpen(
-                                                                "lihatTugas",
-                                                                true,
-                                                                props.item
-                                                              )
-                                                            },
-                                                          },
-                                                        },
-                                                        [
-                                                          _vm._v(
-                                                            _vm._s(
-                                                              props.item.name
-                                                            )
-                                                          ),
-                                                        ]
-                                                      ),
-                                                    ]
-                                                  ),
-                                                  _vm._v(" "),
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass:
-                                                        "d-none d-sm-block",
-                                                    },
-                                                    [
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "header-elements",
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "span",
-                                                            {
-                                                              staticClass:
-                                                                "badge badge-primary",
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                _vm._s(
-                                                                  _vm._f(
-                                                                    "uppercase"
-                                                                  )(
-                                                                    props.item
-                                                                      .tipe
-                                                                  )
-                                                                )
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c("span", {
-                                                            staticClass:
-                                                              "badge badge-secondary ml-1",
-                                                            domProps: {
-                                                              innerHTML: _vm._s(
-                                                                _vm.$options.filters.dateTime(
-                                                                  props.item
-                                                                    .created_at
-                                                                )
-                                                              ),
-                                                            },
-                                                          }),
-                                                        ]
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              props.item.keterangan
-                                                ? _c(
-                                                    "div",
-                                                    {
-                                                      staticClass: "card-body",
-                                                    },
-                                                    [
-                                                      _vm._v(
-                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                          _vm._s(
-                                                            props.item
-                                                              .keterangan
-                                                          ) +
-                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]
-                                                  )
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-footer" },
-                                                [
-                                                  _c(
-                                                    "div",
-                                                    { staticClass: "row" },
-                                                    [
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "col-md-6",
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "d-none d-sm-block",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "button",
-                                                                {
-                                                                  staticClass:
-                                                                    "btn btn-light mb-1",
-                                                                  attrs: {
-                                                                    type: "button",
-                                                                  },
-                                                                  on: {
-                                                                    click:
-                                                                      function (
-                                                                        $event
-                                                                      ) {
-                                                                        $event.preventDefault()
-                                                                        return _vm.modalOpen(
-                                                                          "lihatTugas",
-                                                                          true,
-                                                                          props.item
-                                                                        )
-                                                                      },
-                                                                  },
-                                                                },
-                                                                [
-                                                                  _c("i", {
-                                                                    staticClass:
-                                                                      "icon-file-eye",
-                                                                  }),
-                                                                  _vm._v(
-                                                                    " Lihat "
-                                                                  ),
-                                                                  props.item
-                                                                    .hasjawaban_count >
-                                                                    0 &&
-                                                                  _vm.tipeUser !=
-                                                                    "peserta"
-                                                                    ? _c(
-                                                                        "span",
-                                                                        {
-                                                                          staticClass:
-                                                                            "badge badge-success",
-                                                                        },
-                                                                        [
-                                                                          _vm._v(
-                                                                            _vm._s(
-                                                                              props
-                                                                                .item
-                                                                                .hasjawaban_count
-                                                                            )
-                                                                          ),
-                                                                        ]
-                                                                      )
-                                                                    : _vm._e(),
-                                                                ]
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "d-block d-sm-none text-center",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "span",
-                                                                {
-                                                                  staticClass:
-                                                                    "badge badge-primary",
-                                                                },
-                                                                [
-                                                                  _vm._v(
-                                                                    _vm._s(
-                                                                      _vm._f(
-                                                                        "uppercase"
-                                                                      )(
-                                                                        props
-                                                                          .item
-                                                                          .tipe
-                                                                      )
-                                                                    )
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                              _vm._v(" "),
-                                                              _c("span", {
-                                                                staticClass:
-                                                                  "badge badge-secondary",
-                                                                domProps: {
-                                                                  innerHTML:
-                                                                    _vm._s(
-                                                                      _vm.$options.filters.dateTime(
-                                                                        props
-                                                                          .item
-                                                                          .created_at
-                                                                      )
-                                                                    ),
-                                                                },
-                                                              }),
-                                                              _vm._v(" "),
-                                                              _c(
-                                                                "button",
-                                                                {
-                                                                  staticClass:
-                                                                    "btn btn-light btn-block mt-2 mb-1",
-                                                                  attrs: {
-                                                                    type: "button",
-                                                                  },
-                                                                  on: {
-                                                                    click:
-                                                                      function (
-                                                                        $event
-                                                                      ) {
-                                                                        $event.preventDefault()
-                                                                        return _vm.modalOpen(
-                                                                          "lihatTugas",
-                                                                          true,
-                                                                          props.item
-                                                                        )
-                                                                      },
-                                                                  },
-                                                                },
-                                                                [
-                                                                  _c("i", {
-                                                                    staticClass:
-                                                                      "icon-file-eye",
-                                                                  }),
-                                                                  _vm._v(
-                                                                    " Lihat "
-                                                                  ),
-                                                                  props.item
-                                                                    .hasjawaban_count >
-                                                                    0 &&
-                                                                  _vm.tipeUser !=
-                                                                    "peserta"
-                                                                    ? _c(
-                                                                        "span",
-                                                                        {
-                                                                          staticClass:
-                                                                            "badge badge-success",
-                                                                        },
-                                                                        [
-                                                                          _vm._v(
-                                                                            _vm._s(
-                                                                              props
-                                                                                .item
-                                                                                .hasjawaban_count
-                                                                            )
-                                                                          ),
-                                                                        ]
-                                                                      )
-                                                                    : _vm._e(),
-                                                                ]
-                                                              ),
-                                                            ]
-                                                          ),
-                                                        ]
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "col-md-6 text-right",
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "d-none d-sm-block",
-                                                            },
-                                                            [
-                                                              _vm.tipeUser !=
-                                                              "peserta"
-                                                                ? _c(
-                                                                    "button",
-                                                                    {
-                                                                      staticClass:
-                                                                        "btn btn-light mb-1",
-                                                                      attrs: {
-                                                                        type: "button",
-                                                                      },
-                                                                      on: {
-                                                                        click:
-                                                                          function (
-                                                                            $event
-                                                                          ) {
-                                                                            $event.preventDefault()
-                                                                            return _vm.modalOpen(
-                                                                              "ubahTugas",
-                                                                              true,
-                                                                              props.item
-                                                                            )
-                                                                          },
-                                                                      },
-                                                                    },
-                                                                    [
-                                                                      _c("i", {
-                                                                        staticClass:
-                                                                          "icon-pencil5",
-                                                                      }),
-                                                                      _vm._v(
-                                                                        " Ubah"
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : _vm._e(),
-                                                              _vm._v(" "),
-                                                              _vm.tipeUser !=
-                                                              "peserta"
-                                                                ? _c(
-                                                                    "button",
-                                                                    {
-                                                                      staticClass:
-                                                                        "btn btn-light mb-1",
-                                                                      attrs: {
-                                                                        type: "button",
-                                                                      },
-                                                                      on: {
-                                                                        click:
-                                                                          function (
-                                                                            $event
-                                                                          ) {
-                                                                            $event.preventDefault()
-                                                                            return _vm.modalOpen(
-                                                                              "hapusTugas",
-                                                                              true,
-                                                                              props.item
-                                                                            )
-                                                                          },
-                                                                      },
-                                                                    },
-                                                                    [
-                                                                      _c("i", {
-                                                                        staticClass:
-                                                                          "icon-bin2",
-                                                                      }),
-                                                                      _vm._v(
-                                                                        " Hapus"
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : _vm._e(),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "d-block d-sm-none",
-                                                            },
-                                                            [
-                                                              _vm.tipeUser !=
-                                                              "peserta"
-                                                                ? _c(
-                                                                    "button",
-                                                                    {
-                                                                      staticClass:
-                                                                        "btn btn-light btn-block mb-1",
-                                                                      attrs: {
-                                                                        type: "button",
-                                                                      },
-                                                                      on: {
-                                                                        click:
-                                                                          function (
-                                                                            $event
-                                                                          ) {
-                                                                            $event.preventDefault()
-                                                                            return _vm.modalOpen(
-                                                                              "ubahTugas",
-                                                                              true,
-                                                                              props.item
-                                                                            )
-                                                                          },
-                                                                      },
-                                                                    },
-                                                                    [
-                                                                      _c("i", {
-                                                                        staticClass:
-                                                                          "icon-pencil5",
-                                                                      }),
-                                                                      _vm._v(
-                                                                        " Ubah"
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : _vm._e(),
-                                                              _vm._v(" "),
-                                                              _vm.tipeUser !=
-                                                              "peserta"
-                                                                ? _c(
-                                                                    "button",
-                                                                    {
-                                                                      staticClass:
-                                                                        "btn btn-light btn-block mb-1",
-                                                                      attrs: {
-                                                                        type: "button",
-                                                                      },
-                                                                      on: {
-                                                                        click:
-                                                                          function (
-                                                                            $event
-                                                                          ) {
-                                                                            $event.preventDefault()
-                                                                            return _vm.modalOpen(
-                                                                              "hapusTugas",
-                                                                              true,
-                                                                              props.item
-                                                                            )
-                                                                          },
-                                                                      },
-                                                                    },
-                                                                    [
-                                                                      _c("i", {
-                                                                        staticClass:
-                                                                          "icon-bin2",
-                                                                      }),
-                                                                      _vm._v(
-                                                                        " Hapus"
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : _vm._e(),
-                                                            ]
-                                                          ),
-                                                        ]
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]),
-                                          ]
-                                        ),
-                                      ]
-                                    },
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4a5_cu_keterangan,
+                                    expression: "form.p4.p4a5_cu_keterangan",
                                   },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a5_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4a5_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4a5_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
                                 ]),
-                              },
-                              [
-                                _vm.tipeUser != "peserta"
-                                  ? _c("template", { slot: "button-desktop" }, [
-                                      _c(
-                                        "button",
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4a5_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4a5_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4a5_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4a5_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4a5_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
                                         {
-                                          staticClass: "btn btn-light",
-                                          attrs: { type: "button" },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen(
-                                                "tambahTugas"
-                                              )
-                                            },
-                                          },
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a5_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4a5_bkcu_keterangan",
                                         },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-plus3",
-                                          }),
-                                          _vm._v(" Tambah Tugas"),
-                                        ]
-                                      ),
-                                    ])
-                                  : _vm._e(),
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a5_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p4.p4a5_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a5_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
                                 _vm._v(" "),
-                                _vm.tipeUser != "peserta"
-                                  ? _c("template", { slot: "button-mobile" }, [
-                                      _c(
-                                        "button",
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
                                         {
-                                          staticClass:
-                                            "btn btn-light btn-block",
-                                          attrs: { type: "button" },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalOpen(
-                                                "tambahTugas"
-                                              )
-                                            },
-                                          },
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a5_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4a5_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a5_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4a5_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a5_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
                                         },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-plus3",
-                                          }),
-                                          _vm._v(" Tambah Tugas"),
-                                        ]
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
                                       ),
-                                    ])
-                                  : _vm._e(),
-                              ],
-                              2
-                            ),
-                          ],
-                          1
-                        ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4a6_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4a6_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a6_cu_penilaian == cuTabName || form.p4.p4a6_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p4.p4a5_cu_penilaian != null &&
+                _vm.form.p4.p4a5_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t6. Komposisi dan Komitmen"),
+                        ]),
                       ]
                     ),
                     _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
                         _c(
                           "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "keputusan",
-                                expression: "tabName == 'keputusan'",
-                              },
-                            ],
-                          },
+                          { staticClass: "col-md-12" },
                           [
                             _c(
-                              "data-viewer",
-                              {
-                                attrs: {
-                                  title: "Keputusan",
-                                  itemData: _vm.itemDataKeputusan,
-                                  columnData: _vm.columnDataKeputusan,
-                                  itemDataStat: _vm.itemDataKeputusanStat,
-                                  query: _vm.queryKeputusan,
-                                  isNoExcel: "true",
-                                  isDasar: "true",
-                                  isDisable: _vm.isDisableTable,
-                                  dataview: "grid",
-                                },
-                                on: { fetch: _vm.fetchKeputusan },
-                                scopedSlots: _vm._u([
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4a6_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Keanggotaan dengan keterbatasan keragaman di bidang kerja dan keahlian</li><li>Ditarik dari spektrum keanggotaan yang sempit</li><li>Pengalaman terbatas atau tidak terkait</li><li>Komitmen rendah terhadap keberhasilan organisasi, visi, misi, pertemuan-pertemuan jarang terjadi dan atau sedikit orang yang hadir</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Ada keragaman di bidang kerja</li><li>Keanggotaan mewakili beberapa segmen yang berbeda</li><li>Komitmen terhadap keberhasilan organisasi, visi, misi, dan perilaku yang sesuai</li><li>Pertemuan-pertemuan rutin dan bertujuan pasti direncanakan secara baik dan ada kehadiran yang konsisten</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Keragaman yang baik di bidang kerja dan keahlian</li><li>Keanggotaan mewakili semua segmen</li><li>Komitmen yang baik terhadap keberhasilan organisasi, visi, misi, dan perilaku yang sesuai</li><li>Pertemuan-pertemuan rutin dan bertujuan pasti direncanakan secara baik dan ada kehadiran yang konsisten</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Keanggotaan dari berbagai bidang kerja dan keahlian dan ditarik dari spektrum penuh berdasarkan segmen pasar</li><li>Program fungsional keahlian terkait dengan isi</li><li>Kemauan yang tinggi dan dibuktikan dengan catatan tentang kegiatan pembelajaran mengenai CU dan mengatasi persoalan-persoalannya</li><li>Komitmen luar biasa terhadap keberhasilan, visi dan misi CU</li><li>Mengadakan pertemuan per orang secara rutin, menghadiri pertemuan dengan baik, adanya pertemuan berkala</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4a6_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4a6_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4a6_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4a6_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
                                   {
-                                    key: "item-mobile",
-                                    fn: function (props) {
-                                      return [
-                                        _c(
-                                          "div",
-                                          { staticClass: "col-md-12" },
-                                          [
-                                            _c(
-                                              "div",
-                                              {
-                                                staticClass: "card",
-                                                class: {
-                                                  "border-success":
-                                                    props.item.id_cu ==
-                                                    _vm.currentUser.id_cu,
-                                                },
-                                              },
-                                              [
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    staticClass:
-                                                      "card-header bg-light header-elements-inline",
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "h6",
-                                                      {
-                                                        staticClass:
-                                                          "card-title",
-                                                      },
-                                                      [
-                                                        props.item.user.aktivis
-                                                          .gambar
-                                                          ? _c("img", {
-                                                              staticClass:
-                                                                "rounded-circle",
-                                                              attrs: {
-                                                                src:
-                                                                  "/images/aktivis/" +
-                                                                  props.item
-                                                                    .user
-                                                                    .aktivis
-                                                                    .gambar +
-                                                                  ".jpg",
-                                                                width: "30",
-                                                                height: "30",
-                                                                alt: "user image",
-                                                              },
-                                                            })
-                                                          : _c("img", {
-                                                              staticClass:
-                                                                "rounded-circle",
-                                                              attrs: {
-                                                                src: "/images/no_image_man.jpg",
-                                                                width: "30",
-                                                                height: "30",
-                                                                alt: "user image",
-                                                              },
-                                                            }),
-                                                        _vm._v(" "),
-                                                        props.item.user
-                                                          ? _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .user
-                                                                    .aktivis
-                                                                    .name,
-                                                              },
-                                                            })
-                                                          : _c("span", [
-                                                              _vm._v("-"),
-                                                            ]),
-                                                        _vm._v(
-                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                        ),
-                                                        props.item.cu
-                                                          ? _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item.cu
-                                                                    .name,
-                                                              },
-                                                            })
-                                                          : _c("span", [
-                                                              _vm._v("-"),
-                                                            ]),
-                                                      ],
-                                                      1
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "div",
-                                                      {
-                                                        staticClass:
-                                                          "d-none d-sm-block",
-                                                      },
-                                                      [
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "header-elements",
-                                                          },
-                                                          [
-                                                            _c("span", {
-                                                              staticClass:
-                                                                "badge badge-secondary",
-                                                              domProps: {
-                                                                innerHTML:
-                                                                  _vm._s(
-                                                                    _vm.$options.filters.dateTime(
-                                                                      props.item
-                                                                        .created_at
-                                                                    )
-                                                                  ),
-                                                              },
-                                                            }),
-                                                          ]
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ]
-                                                ),
-                                                _vm._v(" "),
-                                                props.item.keterangan
-                                                  ? _c(
-                                                      "div",
-                                                      {
-                                                        staticClass:
-                                                          "card-body",
-                                                      },
-                                                      [
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass: "row",
-                                                          },
-                                                          _vm._l(
-                                                            props.item.pilih,
-                                                            function (pilih) {
-                                                              return _c(
-                                                                "div",
-                                                                {
-                                                                  key: pilih.id,
-                                                                  staticClass:
-                                                                    "col-md-6",
-                                                                },
-                                                                [
-                                                                  _c(
-                                                                    "div",
-                                                                    {
-                                                                      staticClass:
-                                                                        "card",
-                                                                      class: {
-                                                                        "border-primary":
-                                                                          pilih
-                                                                            .pivot
-                                                                            .nilai ==
-                                                                          1,
-                                                                        "border-danger":
-                                                                          pilih
-                                                                            .pivot
-                                                                            .nilai ==
-                                                                          2,
-                                                                        "border-secondary":
-                                                                          pilih
-                                                                            .pivot
-                                                                            .nilai ==
-                                                                          3,
-                                                                      },
-                                                                    },
-                                                                    [
-                                                                      _c(
-                                                                        "div",
-                                                                        {
-                                                                          staticClass:
-                                                                            "card-header text-white",
-                                                                          class:
-                                                                            {
-                                                                              "bg-primary":
-                                                                                pilih
-                                                                                  .pivot
-                                                                                  .nilai ==
-                                                                                1,
-                                                                              "bg-danger":
-                                                                                pilih
-                                                                                  .pivot
-                                                                                  .nilai ==
-                                                                                2,
-                                                                              "bg-secondary":
-                                                                                pilih
-                                                                                  .pivot
-                                                                                  .nilai ==
-                                                                                3,
-                                                                            },
-                                                                        },
-                                                                        [
-                                                                          pilih
-                                                                            .pivot
-                                                                            .nilai ==
-                                                                          1
-                                                                            ? _c(
-                                                                                "span",
-                                                                                [
-                                                                                  _vm._v(
-                                                                                    "SETUJU"
-                                                                                  ),
-                                                                                ]
-                                                                              )
-                                                                            : pilih
-                                                                                .pivot
-                                                                                .nilai ==
-                                                                              2
-                                                                            ? _c(
-                                                                                "span",
-                                                                                [
-                                                                                  _vm._v(
-                                                                                    "TIDAK SETUJU"
-                                                                                  ),
-                                                                                ]
-                                                                              )
-                                                                            : pilih
-                                                                                .pivot
-                                                                                .nilai ==
-                                                                              3
-                                                                            ? _c(
-                                                                                "span",
-                                                                                [
-                                                                                  _vm._v(
-                                                                                    "TIDAK PUNYA TANGGAPAN"
-                                                                                  ),
-                                                                                ]
-                                                                              )
-                                                                            : _vm._e(),
-                                                                        ]
-                                                                      ),
-                                                                      _vm._v(
-                                                                        " "
-                                                                      ),
-                                                                      _c(
-                                                                        "div",
-                                                                        {
-                                                                          staticClass:
-                                                                            "card-body",
-                                                                        },
-                                                                        [
-                                                                          _c(
-                                                                            "check-value",
-                                                                            {
-                                                                              attrs:
-                                                                                {
-                                                                                  value:
-                                                                                    pilih.name,
-                                                                                },
-                                                                            }
-                                                                          ),
-                                                                        ],
-                                                                        1
-                                                                      ),
-                                                                    ]
-                                                                  ),
-                                                                ]
-                                                              )
-                                                            }
-                                                          ),
-                                                          0
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c("hr", {
-                                                          staticClass:
-                                                            "mt-1 mb-1",
-                                                        }),
-                                                        _vm._v(" "),
-                                                        _c("b", [
-                                                          _vm._v(
-                                                            "Catatan / Komentar "
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("br"),
-                                                        _vm._v(" "),
-                                                        _c("div", {
-                                                          domProps: {
-                                                            innerHTML: _vm._s(
-                                                              props.item
-                                                                .keterangan
-                                                            ),
-                                                          },
-                                                        }),
-                                                      ]
-                                                    )
-                                                  : _vm._e(),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    staticClass: "card-footer",
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "div",
-                                                      { staticClass: "row" },
-                                                      [
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-md-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "d-none d-sm-block",
-                                                              },
-                                                              [
-                                                                _c(
-                                                                  "button",
-                                                                  {
-                                                                    staticClass:
-                                                                      "btn btn-light mb-1",
-                                                                    attrs: {
-                                                                      type: "button",
-                                                                    },
-                                                                    on: {
-                                                                      click:
-                                                                        function (
-                                                                          $event
-                                                                        ) {
-                                                                          $event.preventDefault()
-                                                                          return _vm.modalOpen(
-                                                                            "keputusanKomentar",
-                                                                            true,
-                                                                            props.item
-                                                                          )
-                                                                        },
-                                                                    },
-                                                                  },
-                                                                  [
-                                                                    _c("i", {
-                                                                      staticClass:
-                                                                        "icon-reply",
-                                                                    }),
-                                                                    _vm._v(
-                                                                      " Komentar \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                    ),
-                                                                    props.item
-                                                                      .haskomentar_count >
-                                                                    0
-                                                                      ? _c(
-                                                                          "span",
-                                                                          {
-                                                                            staticClass:
-                                                                              "badge badge-success",
-                                                                          },
-                                                                          [
-                                                                            _vm._v(
-                                                                              _vm._s(
-                                                                                props
-                                                                                  .item
-                                                                                  .haskomentar_count
-                                                                              )
-                                                                            ),
-                                                                          ]
-                                                                        )
-                                                                      : _vm._e(),
-                                                                  ]
-                                                                ),
-                                                              ]
-                                                            ),
-                                                            _vm._v(" "),
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "d-block d-sm-none text-center",
-                                                              },
-                                                              [
-                                                                _c("span", {
-                                                                  staticClass:
-                                                                    "badge badge-secondary",
-                                                                  domProps: {
-                                                                    innerHTML:
-                                                                      _vm._s(
-                                                                        _vm.$options.filters.dateTime(
-                                                                          props
-                                                                            .item
-                                                                            .created_at
-                                                                        )
-                                                                      ),
-                                                                  },
-                                                                }),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "button",
-                                                                  {
-                                                                    staticClass:
-                                                                      "btn btn-light btn-block mt-2 mb-1",
-                                                                    attrs: {
-                                                                      type: "button",
-                                                                    },
-                                                                    on: {
-                                                                      click:
-                                                                        function (
-                                                                          $event
-                                                                        ) {
-                                                                          $event.preventDefault()
-                                                                          return _vm.modalOpen(
-                                                                            "keputusanKomentar",
-                                                                            true,
-                                                                            props.item
-                                                                          )
-                                                                        },
-                                                                    },
-                                                                  },
-                                                                  [
-                                                                    _c("i", {
-                                                                      staticClass:
-                                                                        "icon-reply",
-                                                                    }),
-                                                                    _vm._v(
-                                                                      " Komentar \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                    ),
-                                                                    props.item
-                                                                      .haskomentar_count >
-                                                                    0
-                                                                      ? _c(
-                                                                          "span",
-                                                                          {
-                                                                            staticClass:
-                                                                              "badge badge-success",
-                                                                          },
-                                                                          [
-                                                                            _vm._v(
-                                                                              _vm._s(
-                                                                                props
-                                                                                  .item
-                                                                                  .haskomentar_count
-                                                                              )
-                                                                            ),
-                                                                          ]
-                                                                        )
-                                                                      : _vm._e(),
-                                                                  ]
-                                                                ),
-                                                              ]
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-md-6 text-right",
-                                                          },
-                                                          [
-                                                            props.item.id_cu ==
-                                                            _vm.currentUser
-                                                              .id_cu
-                                                              ? _c(
-                                                                  "div",
-                                                                  {
-                                                                    staticClass:
-                                                                      "d-none d-sm-block",
-                                                                  },
-                                                                  [
-                                                                    _vm.item
-                                                                      .status ==
-                                                                    4
-                                                                      ? _c(
-                                                                          "button",
-                                                                          {
-                                                                            staticClass:
-                                                                              "btn btn-light mb-1",
-                                                                            attrs:
-                                                                              {
-                                                                                type: "button",
-                                                                              },
-                                                                            on: {
-                                                                              click:
-                                                                                function (
-                                                                                  $event
-                                                                                ) {
-                                                                                  $event.preventDefault()
-                                                                                  return _vm.modalOpen(
-                                                                                    "ubahKeputusan",
-                                                                                    true,
-                                                                                    props.item
-                                                                                  )
-                                                                                },
-                                                                            },
-                                                                          },
-                                                                          [
-                                                                            _c(
-                                                                              "i",
-                                                                              {
-                                                                                staticClass:
-                                                                                  "icon-pencil5",
-                                                                              }
-                                                                            ),
-                                                                            _vm._v(
-                                                                              " Ubah "
-                                                                            ),
-                                                                          ]
-                                                                        )
-                                                                      : _vm._e(),
-                                                                    _vm._v(" "),
-                                                                    _vm.item
-                                                                      .status ==
-                                                                    4
-                                                                      ? _c(
-                                                                          "button",
-                                                                          {
-                                                                            staticClass:
-                                                                              "btn btn-light mb-1",
-                                                                            attrs:
-                                                                              {
-                                                                                type: "button",
-                                                                              },
-                                                                            on: {
-                                                                              click:
-                                                                                function (
-                                                                                  $event
-                                                                                ) {
-                                                                                  $event.preventDefault()
-                                                                                  return _vm.modalOpen(
-                                                                                    "hapusKeputusan",
-                                                                                    true,
-                                                                                    props.item
-                                                                                  )
-                                                                                },
-                                                                            },
-                                                                          },
-                                                                          [
-                                                                            _c(
-                                                                              "i",
-                                                                              {
-                                                                                staticClass:
-                                                                                  "icon-bin2",
-                                                                              }
-                                                                            ),
-                                                                            _vm._v(
-                                                                              " Hapus "
-                                                                            ),
-                                                                          ]
-                                                                        )
-                                                                      : _vm._e(),
-                                                                  ]
-                                                                )
-                                                              : _vm._e(),
-                                                            _vm._v(" "),
-                                                            props.item.id_cu ==
-                                                            _vm.currentUser
-                                                              .id_cu
-                                                              ? _c(
-                                                                  "div",
-                                                                  {
-                                                                    staticClass:
-                                                                      "d-block d-sm-none",
-                                                                  },
-                                                                  [
-                                                                    _vm.item
-                                                                      .status ==
-                                                                    4
-                                                                      ? _c(
-                                                                          "button",
-                                                                          {
-                                                                            staticClass:
-                                                                              "btn btn-light btn-block mb-1",
-                                                                            attrs:
-                                                                              {
-                                                                                type: "button",
-                                                                              },
-                                                                            on: {
-                                                                              click:
-                                                                                function (
-                                                                                  $event
-                                                                                ) {
-                                                                                  $event.preventDefault()
-                                                                                  return _vm.modalOpen(
-                                                                                    "ubahKeputusan",
-                                                                                    true,
-                                                                                    props.item
-                                                                                  )
-                                                                                },
-                                                                            },
-                                                                          },
-                                                                          [
-                                                                            _c(
-                                                                              "i",
-                                                                              {
-                                                                                staticClass:
-                                                                                  "icon-pencil5",
-                                                                              }
-                                                                            ),
-                                                                            _vm._v(
-                                                                              " Ubah "
-                                                                            ),
-                                                                          ]
-                                                                        )
-                                                                      : _vm._e(),
-                                                                    _vm._v(" "),
-                                                                    _vm.item
-                                                                      .status ==
-                                                                    4
-                                                                      ? _c(
-                                                                          "button",
-                                                                          {
-                                                                            staticClass:
-                                                                              "btn btn-light btn-block mb-1",
-                                                                            attrs:
-                                                                              {
-                                                                                type: "button",
-                                                                              },
-                                                                            on: {
-                                                                              click:
-                                                                                function (
-                                                                                  $event
-                                                                                ) {
-                                                                                  $event.preventDefault()
-                                                                                  return _vm.modalOpen(
-                                                                                    "hapusKeputusan",
-                                                                                    true,
-                                                                                    props.item
-                                                                                  )
-                                                                                },
-                                                                            },
-                                                                          },
-                                                                          [
-                                                                            _c(
-                                                                              "i",
-                                                                              {
-                                                                                staticClass:
-                                                                                  "icon-bin2",
-                                                                              }
-                                                                            ),
-                                                                            _vm._v(
-                                                                              " Hapus "
-                                                                            ),
-                                                                          ]
-                                                                        )
-                                                                      : _vm._e(),
-                                                                  ]
-                                                                )
-                                                              : _vm._e(),
-                                                          ]
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                          ]
-                                        ),
-                                      ]
-                                    },
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4a6_cu_keterangan,
+                                    expression: "form.p4.p4a6_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a6_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4a6_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4a6_cu_keterangan",
+                                      $event.target.value
+                                    )
                                   },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
                                 ]),
-                              },
-                              [
-                                _vm.item.status == 4
-                                  ? _c("template", { slot: "button-desktop" }, [
-                                      _vm.item.status == 4 &&
-                                      _vm.tipeUser == "peserta"
-                                        ? _c(
-                                            "button",
-                                            {
-                                              staticClass: "btn btn-success",
-                                              attrs: { type: "button" },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.modalOpen(
-                                                    "tambahKeputusan"
-                                                  )
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c("i", {
-                                                staticClass: "icon-hammer",
-                                              }),
-                                              _vm._v(" Beri Keputusan"),
-                                            ]
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4a6_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4a6_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4a6_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4a6_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4a6_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a6_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4a6_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a6_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p4.p4a6_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a6_bkcu_keterangan",
+                                            $event.target.value
                                           )
-                                        : _vm._e(),
-                                    ])
-                                  : _vm._e(),
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
                                 _vm._v(" "),
-                                _vm.item.status == 4
-                                  ? _c("template", { slot: "button-mobile" }, [
-                                      _vm.item.status == 4 &&
-                                      _vm.tipeUser == "peserta"
-                                        ? _c(
-                                            "button",
-                                            {
-                                              staticClass:
-                                                "btn btn-success btn-block",
-                                              attrs: { type: "button" },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.modalOpen(
-                                                    "tambahKeputusan"
-                                                  )
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c("i", {
-                                                staticClass: "icon-hammer",
-                                              }),
-                                              _vm._v(" Beri Keputusan"),
-                                            ]
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a6_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4a6_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a6_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4a6_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a6_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
                                           )
-                                        : _vm._e(),
-                                    ])
-                                  : _vm._e(),
-                              ],
-                              2
-                            ),
-                          ],
-                          1
-                        ),
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4a7_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4a7_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a7_cu_penilaian == cuTabName || form.p4.p4a7_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p4.p4a6_cu_penilaian != null &&
+                _vm.form.p4.p4a6_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t7. Bimbingan dan Pengarahan (Coaching)"
+                          ),
+                        ]),
                       ]
                     ),
                     _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
                         _c(
                           "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "pertanyaan",
-                                expression: "tabName == 'pertanyaan'",
-                              },
-                            ],
-                          },
+                          { staticClass: "col-md-12" },
                           [
                             _c(
-                              "data-viewer",
-                              {
-                                attrs: {
-                                  title: "Pertanyaan",
-                                  itemData: _vm.itemDataPertanyaan,
-                                  columnData: _vm.columnDataPertanyaan,
-                                  itemDataStat: _vm.itemDataPertanyaanStat,
-                                  query: _vm.queryPertanyaan,
-                                  isNoExcel: "true",
-                                  isDasar: "true",
-                                  isDisable: _vm.isDisableTable,
-                                  dataview: "grid",
-                                },
-                                on: { fetch: _vm.fetchPertanyaan },
-                                scopedSlots: _vm._u([
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4a7_cu_penilaian,
+                                subtitle1:
+                                  "Pengurus tidak melatih, membantu, menginspirasi, memotivasi dan mendorong, tidak berorientasi pada tindakan dan tidak mengevaluasi manajemen dan anggota",
+                                subtitle2:
+                                  "Sangat sedikit Pengurus yang melatih, membantu, menginspirasi, memotivasi dan mendorong, berorientasi pada tindakan tetapi tidak mengevaluasi manajemen dan anggota",
+                                subtitle3:
+                                  "Pengurus yang melatih, membantu, menginspirasi, memotivasi dan mendorong, berorientasi pada tindakan dan mengevaluasi proses berdasarkan ukuran kinerja",
+                                subtitle4:
+                                  "Pengurus yang melatih, membantu, menginspirasi, memotivasi dan mendorong, berorientasi pada tindakan dan mengevaluasi proses berdasarkan ukuran-ukuran kinerja dalam praktik terbaik",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4a7_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4a7_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4a7_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4a7_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
                                   {
-                                    key: "item-mobile",
-                                    fn: function (props) {
-                                      return [
-                                        _c(
-                                          "div",
-                                          { staticClass: "col-md-12" },
-                                          [
-                                            _c(
-                                              "div",
-                                              {
-                                                staticClass: "card",
-                                                class: {
-                                                  "border-info":
-                                                    props.item.id_cu ==
-                                                    _vm.currentUser.id_cu,
-                                                },
-                                              },
-                                              [
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    staticClass:
-                                                      "card-header bg-light header-elements-inline",
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "h6",
-                                                      {
-                                                        staticClass:
-                                                          "card-title",
-                                                      },
-                                                      [
-                                                        props.item.user.aktivis
-                                                          .gambar
-                                                          ? _c("img", {
-                                                              staticClass:
-                                                                "rounded-circle",
-                                                              attrs: {
-                                                                src:
-                                                                  "/images/aktivis/" +
-                                                                  props.item
-                                                                    .user
-                                                                    .aktivis
-                                                                    .gambar +
-                                                                  ".jpg",
-                                                                width: "30",
-                                                                height: "30",
-                                                                alt: "user image",
-                                                              },
-                                                            })
-                                                          : _c("img", {
-                                                              staticClass:
-                                                                "rounded-circle",
-                                                              attrs: {
-                                                                src: "/images/no_image_man.jpg",
-                                                                width: "30",
-                                                                height: "30",
-                                                                alt: "user image",
-                                                              },
-                                                            }),
-                                                        _vm._v(" "),
-                                                        props.item.user
-                                                          ? _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .user
-                                                                    .aktivis
-                                                                    .name,
-                                                              },
-                                                            })
-                                                          : _c("span", [
-                                                              _vm._v("-"),
-                                                            ]),
-                                                        _vm._v(
-                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                        ),
-                                                        props.item.cu
-                                                          ? _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item.cu
-                                                                    .name,
-                                                              },
-                                                            })
-                                                          : _c("span", [
-                                                              _vm._v("-"),
-                                                            ]),
-                                                      ],
-                                                      1
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "div",
-                                                      {
-                                                        staticClass:
-                                                          "d-none d-sm-block",
-                                                      },
-                                                      [
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "header-elements",
-                                                          },
-                                                          [
-                                                            _c("span", {
-                                                              staticClass:
-                                                                "badge badge-secondary",
-                                                              domProps: {
-                                                                innerHTML:
-                                                                  _vm._s(
-                                                                    _vm.$options.filters.dateTime(
-                                                                      props.item
-                                                                        .created_at
-                                                                    )
-                                                                  ),
-                                                              },
-                                                            }),
-                                                          ]
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ]
-                                                ),
-                                                _vm._v(" "),
-                                                props.item.keterangan
-                                                  ? _c(
-                                                      "div",
-                                                      {
-                                                        staticClass:
-                                                          "card-body",
-                                                      },
-                                                      [
-                                                        _c("b", [
-                                                          _vm._v("Pertanyaan "),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("br"),
-                                                        _vm._v(" "),
-                                                        _c("div", {
-                                                          domProps: {
-                                                            innerHTML: _vm._s(
-                                                              props.item
-                                                                .keterangan
-                                                            ),
-                                                          },
-                                                        }),
-                                                        _vm._v(" "),
-                                                        props.item.terjawab
-                                                          ? _c(
-                                                              "button",
-                                                              {
-                                                                staticClass:
-                                                                  "btn btn-warning btn-block",
-                                                                attrs: {
-                                                                  disabled: "",
-                                                                },
-                                                              },
-                                                              [
-                                                                _c("i", {
-                                                                  staticClass:
-                                                                    "icon-check",
-                                                                }),
-                                                                _vm._v(
-                                                                  " TERJAWAB\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                ),
-                                                              ]
-                                                            )
-                                                          : _vm._e(),
-                                                      ]
-                                                    )
-                                                  : _vm._e(),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    staticClass: "card-footer",
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "div",
-                                                      { staticClass: "row" },
-                                                      [
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-md-6",
-                                                          },
-                                                          [
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "d-none d-sm-block",
-                                                              },
-                                                              [
-                                                                _c(
-                                                                  "button",
-                                                                  {
-                                                                    staticClass:
-                                                                      "btn btn-light mb-1",
-                                                                    attrs: {
-                                                                      type: "button",
-                                                                    },
-                                                                    on: {
-                                                                      click:
-                                                                        function (
-                                                                          $event
-                                                                        ) {
-                                                                          $event.preventDefault()
-                                                                          return _vm.modalOpen(
-                                                                            "pertanyaanKomentar",
-                                                                            true,
-                                                                            props.item
-                                                                          )
-                                                                        },
-                                                                    },
-                                                                  },
-                                                                  [
-                                                                    _c("i", {
-                                                                      staticClass:
-                                                                        "icon-reply",
-                                                                    }),
-                                                                    _vm._v(
-                                                                      " Komentar \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                    ),
-                                                                    props.item
-                                                                      .haskomentar_count >
-                                                                    0
-                                                                      ? _c(
-                                                                          "span",
-                                                                          {
-                                                                            staticClass:
-                                                                              "badge badge-success",
-                                                                          },
-                                                                          [
-                                                                            _vm._v(
-                                                                              _vm._s(
-                                                                                props
-                                                                                  .item
-                                                                                  .haskomentar_count
-                                                                              )
-                                                                            ),
-                                                                          ]
-                                                                        )
-                                                                      : _vm._e(),
-                                                                  ]
-                                                                ),
-                                                              ]
-                                                            ),
-                                                            _vm._v(" "),
-                                                            _c(
-                                                              "div",
-                                                              {
-                                                                staticClass:
-                                                                  "d-block d-sm-none text-center",
-                                                              },
-                                                              [
-                                                                _c("span", {
-                                                                  staticClass:
-                                                                    "badge badge-secondary",
-                                                                  domProps: {
-                                                                    innerHTML:
-                                                                      _vm._s(
-                                                                        _vm.$options.filters.dateTime(
-                                                                          props
-                                                                            .item
-                                                                            .created_at
-                                                                        )
-                                                                      ),
-                                                                  },
-                                                                }),
-                                                                _vm._v(" "),
-                                                                _c(
-                                                                  "button",
-                                                                  {
-                                                                    staticClass:
-                                                                      "btn btn-light btn-block mt-2 mb-1",
-                                                                    attrs: {
-                                                                      type: "button",
-                                                                    },
-                                                                    on: {
-                                                                      click:
-                                                                        function (
-                                                                          $event
-                                                                        ) {
-                                                                          $event.preventDefault()
-                                                                          return _vm.modalOpen(
-                                                                            "pertanyaanKomentar",
-                                                                            true,
-                                                                            props.item
-                                                                          )
-                                                                        },
-                                                                    },
-                                                                  },
-                                                                  [
-                                                                    _c("i", {
-                                                                      staticClass:
-                                                                        "icon-reply",
-                                                                    }),
-                                                                    _vm._v(
-                                                                      " Komentar \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                    ),
-                                                                    props.item
-                                                                      .haskomentar_count >
-                                                                    0
-                                                                      ? _c(
-                                                                          "span",
-                                                                          {
-                                                                            staticClass:
-                                                                              "badge badge-success",
-                                                                          },
-                                                                          [
-                                                                            _vm._v(
-                                                                              _vm._s(
-                                                                                props
-                                                                                  .item
-                                                                                  .haskomentar_count
-                                                                              )
-                                                                            ),
-                                                                          ]
-                                                                        )
-                                                                      : _vm._e(),
-                                                                  ]
-                                                                ),
-                                                              ]
-                                                            ),
-                                                          ]
-                                                        ),
-                                                        _vm._v(" "),
-                                                        _c(
-                                                          "div",
-                                                          {
-                                                            staticClass:
-                                                              "col-md-6 text-right",
-                                                          },
-                                                          [
-                                                            props.item.id_cu ==
-                                                            _vm.currentUser
-                                                              .id_cu
-                                                              ? _c(
-                                                                  "div",
-                                                                  {
-                                                                    staticClass:
-                                                                      "d-none d-sm-block",
-                                                                  },
-                                                                  [
-                                                                    _vm.item
-                                                                      .status ==
-                                                                    4
-                                                                      ? _c(
-                                                                          "button",
-                                                                          {
-                                                                            staticClass:
-                                                                              "btn btn-light mb-1",
-                                                                            attrs:
-                                                                              {
-                                                                                type: "button",
-                                                                              },
-                                                                            on: {
-                                                                              click:
-                                                                                function (
-                                                                                  $event
-                                                                                ) {
-                                                                                  $event.preventDefault()
-                                                                                  return _vm.modalOpen(
-                                                                                    "ubahPertanyaan",
-                                                                                    true,
-                                                                                    props.item
-                                                                                  )
-                                                                                },
-                                                                            },
-                                                                          },
-                                                                          [
-                                                                            _c(
-                                                                              "i",
-                                                                              {
-                                                                                staticClass:
-                                                                                  "icon-pencil5",
-                                                                              }
-                                                                            ),
-                                                                            _vm._v(
-                                                                              " Ubah "
-                                                                            ),
-                                                                          ]
-                                                                        )
-                                                                      : _vm._e(),
-                                                                    _vm._v(" "),
-                                                                    _vm.item
-                                                                      .status ==
-                                                                    4
-                                                                      ? _c(
-                                                                          "button",
-                                                                          {
-                                                                            staticClass:
-                                                                              "btn btn-light mb-1",
-                                                                            attrs:
-                                                                              {
-                                                                                type: "button",
-                                                                              },
-                                                                            on: {
-                                                                              click:
-                                                                                function (
-                                                                                  $event
-                                                                                ) {
-                                                                                  $event.preventDefault()
-                                                                                  return _vm.modalOpen(
-                                                                                    "hapusPertanyaan",
-                                                                                    true,
-                                                                                    props.item
-                                                                                  )
-                                                                                },
-                                                                            },
-                                                                          },
-                                                                          [
-                                                                            _c(
-                                                                              "i",
-                                                                              {
-                                                                                staticClass:
-                                                                                  "icon-bin2",
-                                                                              }
-                                                                            ),
-                                                                            _vm._v(
-                                                                              " Hapus "
-                                                                            ),
-                                                                          ]
-                                                                        )
-                                                                      : _vm._e(),
-                                                                  ]
-                                                                )
-                                                              : _vm._e(),
-                                                            _vm._v(" "),
-                                                            props.item.id_cu ==
-                                                            _vm.currentUser
-                                                              .id_cu
-                                                              ? _c(
-                                                                  "div",
-                                                                  {
-                                                                    staticClass:
-                                                                      "d-block d-sm-none",
-                                                                  },
-                                                                  [
-                                                                    _vm.item
-                                                                      .status ==
-                                                                    4
-                                                                      ? _c(
-                                                                          "button",
-                                                                          {
-                                                                            staticClass:
-                                                                              "btn btn-light btn-block mb-1",
-                                                                            attrs:
-                                                                              {
-                                                                                type: "button",
-                                                                              },
-                                                                            on: {
-                                                                              click:
-                                                                                function (
-                                                                                  $event
-                                                                                ) {
-                                                                                  $event.preventDefault()
-                                                                                  return _vm.modalOpen(
-                                                                                    "ubahPertanyaan",
-                                                                                    true,
-                                                                                    props.item
-                                                                                  )
-                                                                                },
-                                                                            },
-                                                                          },
-                                                                          [
-                                                                            _c(
-                                                                              "i",
-                                                                              {
-                                                                                staticClass:
-                                                                                  "icon-pencil5",
-                                                                              }
-                                                                            ),
-                                                                            _vm._v(
-                                                                              " Ubah "
-                                                                            ),
-                                                                          ]
-                                                                        )
-                                                                      : _vm._e(),
-                                                                    _vm._v(" "),
-                                                                    _vm.item
-                                                                      .status ==
-                                                                    4
-                                                                      ? _c(
-                                                                          "button",
-                                                                          {
-                                                                            staticClass:
-                                                                              "btn btn-light btn-block mb-1",
-                                                                            attrs:
-                                                                              {
-                                                                                type: "button",
-                                                                              },
-                                                                            on: {
-                                                                              click:
-                                                                                function (
-                                                                                  $event
-                                                                                ) {
-                                                                                  $event.preventDefault()
-                                                                                  return _vm.modalOpen(
-                                                                                    "hapusPertanyaan",
-                                                                                    true,
-                                                                                    props.item
-                                                                                  )
-                                                                                },
-                                                                            },
-                                                                          },
-                                                                          [
-                                                                            _c(
-                                                                              "i",
-                                                                              {
-                                                                                staticClass:
-                                                                                  "icon-bin2",
-                                                                              }
-                                                                            ),
-                                                                            _vm._v(
-                                                                              " Hapus "
-                                                                            ),
-                                                                          ]
-                                                                        )
-                                                                      : _vm._e(),
-                                                                  ]
-                                                                )
-                                                              : _vm._e(),
-                                                          ]
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                          ]
-                                        ),
-                                      ]
-                                    },
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4a7_cu_keterangan,
+                                    expression: "form.p4.p4a7_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a7_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4a7_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4a7_cu_keterangan",
+                                      $event.target.value
+                                    )
                                   },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
                                 ]),
-                              },
-                              [
-                                _vm.item.status == 4
-                                  ? _c("template", { slot: "button-desktop" }, [
-                                      _vm.item.status == 4 &&
-                                      _vm.tipeUser == "peserta"
-                                        ? _c(
-                                            "button",
-                                            {
-                                              staticClass: "btn btn-info",
-                                              attrs: { type: "button" },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.modalOpen(
-                                                    "tambahPertanyaan"
-                                                  )
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c("i", {
-                                                staticClass: "icon-question7",
-                                              }),
-                                              _vm._v(" Ajukan Pertanyaan"),
-                                            ]
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4a7_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4a7_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4a7_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4a7_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4a7_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a7_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4a7_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a7_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p4.p4a7_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a7_bkcu_keterangan",
+                                            $event.target.value
                                           )
-                                        : _vm._e(),
-                                    ])
-                                  : _vm._e(),
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
                                 _vm._v(" "),
-                                _vm.item.status == 4
-                                  ? _c("template", { slot: "button-mobile" }, [
-                                      _vm.item.status == 4 &&
-                                      _vm.tipeUser == "peserta"
-                                        ? _c(
-                                            "button",
-                                            {
-                                              staticClass:
-                                                "btn btn-info btn-block",
-                                              attrs: { type: "button" },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.modalOpen(
-                                                    "tambahPertanyaan"
-                                                  )
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c("i", {
-                                                staticClass: "icon-question7",
-                                              }),
-                                              _vm._v(" Ajukan Pertanyaan"),
-                                            ]
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a7_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4a7_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a7_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4a7_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a7_bkcu_rekomendasi",
+                                            $event.target.value
                                           )
-                                        : _vm._e(),
-                                    ])
-                                  : _vm._e(),
-                              ],
-                              2
-                            ),
-                          ],
-                          1
-                        ),
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4a8_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4a8_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a8_cu_penilaian == cuTabName || form.p4.p4a8_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p4.p4a7_cu_penilaian != null &&
+                _vm.form.p4.p4a7_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t8. Tata Kelola"),
+                        ]),
                       ]
                     ),
                     _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
-                        _vm.tabName == "pesertaTerdaftar"
-                          ? _c(
-                              "div",
-                              [
-                                _c(
-                                  "data-viewer",
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4a8_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Peranan Pengurus dan Manejer tidak dijabarkan secara jelas</li><li>Pengurus mengintervensi fungsi managemen</li><li>Pengurus tidak meneliti anggaran atau mengauditnya, tidak menetapkan target kinerja dan memastikan bahwa GM akuntabel atau tidak berjalan sesuai prosedur formal; fungsi-fungsi eksekutif, bendahara dan Pengurus tidak jelas</li><li>Besarnya jumlah Pengurus mencerminkan kepentingan pribadi</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Penjabaran yang terbatas atas berbagai peran Pengurus dan para manejer</li><li>Pengurus <u>tidak</u> berfungsi sesuai AD/ART</li><li>Kajian keuangan terbatas, kadang-kadang menetapkan arah kelembagaan dan target, <u>tidak</u> memantau kemungkinan timbulnya konflik kepentingan, mencermati para auditor, atau mengkaji pemenuhan peraturan</li><li>Upaya terbatas untuk mengontrol besarnya jumlah pengurus; <u>tidak secara rutin</u> mengkaji kinerja GM dan tidak siap memecat atau mempekerjakan GM</li></ul>",
+                                subtitle3:
+                                  "<ul><li>• Peranan pengurus dan manejer secara jelas dijabarkan dan setiap pihak menjalankan perannya tanpa intervensi</li><li>Pengurus mengkaji anggaran, mengaudit, pemenuhan peraturan </li><li>Jumlah pengurus ditentukan untuk efektivitas maksimal dengan proses pencalonan yang teliti</li><li>Pengurus menjabarkan kembali target kinerja dan secara aktif mendorong GM untuk memenuhi target</li><li>Kajian tahunan terhadap kinerja GM</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Pengurus dan manejer menunjukkan kerja tim tingkat tingi dan bekerjasama secara baik dengan peran yang jelas</li><li>Pengurus sepenuhnya memahami dan memenuhi tugas-tugasnya</li><li>Jumlah pengurus ditetapkan untuk efektivitas maksimal melalui proses pencalonan yang teliti</li><li>Pengurus secara aktif menjabarkan target kinerja dan memastikan GM akuntabel</li><li>Pengurus diberdayakan dan disiapkan untuk mempekerjakan atau memecat GM</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4a8_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4a8_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4a8_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4a8_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
                                   {
-                                    attrs: {
-                                      title: "peserta terdaftar",
-                                      itemData: _vm.itemDataPesertaTerdaftar,
-                                      columnData:
-                                        _vm.columnDataPesertaTerdaftar,
-                                      itemDataStat:
-                                        _vm.itemDataPesertaTerdaftarStat,
-                                      query: _vm.queryPesertaTerdaftar,
-                                      excelDownloadUrl: _vm.excelDownloadUrl,
-                                      isDasar: "true",
-                                      isNoKolom: "true",
-                                      isDisable: _vm.isDisableTable,
-                                    },
-                                    on: { fetch: _vm.fetchPesertaTerdaftar },
-                                    scopedSlots: _vm._u(
-                                      [
-                                        {
-                                          key: "item-desktop",
-                                          fn: function (props) {
-                                            return [
-                                              props.item
-                                                ? _c(
-                                                    "tr",
-                                                    {
-                                                      staticClass:
-                                                        "text-nowrap",
-                                                      class: {
-                                                        "bg-info":
-                                                          _vm.selectedItem
-                                                            .id ===
-                                                          props.item.id,
-                                                      },
-                                                      on: {
-                                                        click: function (
-                                                          $event
-                                                        ) {
-                                                          return _vm.selectedRow(
-                                                            props.item
-                                                          )
-                                                        },
-                                                      },
-                                                    },
-                                                    [
-                                                      _c("td", [
-                                                        _vm._v(
-                                                          _vm._s(
-                                                            props.index + 1
-                                                          )
-                                                        ),
-                                                      ]),
-                                                      _vm._v(" "),
-                                                      _c("td", [
-                                                        _c("span", {
-                                                          domProps: {
-                                                            innerHTML: _vm._s(
-                                                              _vm.$options.filters.statusPeserta(
-                                                                props.item
-                                                                  .status
-                                                              )
-                                                            ),
-                                                          },
-                                                        }),
-                                                      ]),
-                                                      _vm._v(" "),
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[2]
-                                                        .hide
-                                                        ? _c("td", [
-                                                            props.item
-                                                              .aktivis &&
-                                                            props.item.aktivis
-                                                              .gambar
-                                                              ? _c("img", {
-                                                                  staticClass:
-                                                                    "img-rounded img-fluid wmin-sm",
-                                                                  attrs: {
-                                                                    src:
-                                                                      "/images/aktivis/" +
-                                                                      props.item
-                                                                        .aktivis
-                                                                        .gambar +
-                                                                      "n.jpg",
-                                                                    width:
-                                                                      "35px",
-                                                                  },
-                                                                })
-                                                              : _c("img", {
-                                                                  staticClass:
-                                                                    "img-rounded img-fluid wmin-sm",
-                                                                  attrs: {
-                                                                    src: "/images/no_image_man.jpg",
-                                                                    width:
-                                                                      "35px",
-                                                                  },
-                                                                }),
-                                                          ])
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[3]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .aktivis
-                                                                        .name,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[4]
-                                                        .hide &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[4]
-                                                        .disable
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .name_nametag,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[5]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .name_sertifikat,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[6]
-                                                        .hide &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[6]
-                                                        .disable
-                                                        ? _c("td", [
-                                                            _c("span", {
-                                                              domProps: {
-                                                                innerHTML:
-                                                                  _vm._s(
-                                                                    _vm.$options.filters.date(
-                                                                      props.item
-                                                                        .datang
-                                                                    )
-                                                                  ),
-                                                              },
-                                                            }),
-                                                          ])
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[7]
-                                                        .hide &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[7]
-                                                        .disable
-                                                        ? _c("td", [
-                                                            _c("span", {
-                                                              domProps: {
-                                                                innerHTML:
-                                                                  _vm._s(
-                                                                    _vm.$options.filters.date(
-                                                                      props.item
-                                                                        .pulang
-                                                                    )
-                                                                  ),
-                                                              },
-                                                            }),
-                                                          ])
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[8]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .keterangan,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[9]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .aktivis
-                                                                        .kelamin,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[10]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .lembaga,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[11]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .tingkat_name,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[12]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .jabatan,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[13]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              props.item.aktivis
-                                                                .pendidikan_tertinggi
-                                                                ? _c(
-                                                                    "check-value",
-                                                                    {
-                                                                      attrs: {
-                                                                        value:
-                                                                          props
-                                                                            .item
-                                                                            .aktivis
-                                                                            .pendidikan_tertinggi
-                                                                            .tingkat,
-                                                                      },
-                                                                    }
-                                                                  )
-                                                                : _c("span", [
-                                                                    _vm._v("-"),
-                                                                  ]),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[14]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              props.item.aktivis
-                                                                .pendidikan_tertinggi
-                                                                ? _c(
-                                                                    "check-value",
-                                                                    {
-                                                                      attrs: {
-                                                                        value:
-                                                                          props
-                                                                            .item
-                                                                            .aktivis
-                                                                            .pendidikan_tertinggi
-                                                                            .name,
-                                                                      },
-                                                                    }
-                                                                  )
-                                                                : _c("span", [
-                                                                    _vm._v("-"),
-                                                                  ]),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[15]
-                                                        .hide
-                                                        ? _c("td", {
-                                                            domProps: {
-                                                              innerHTML: _vm._s(
-                                                                _vm.$options.filters.date(
-                                                                  props.item
-                                                                    .aktivis
-                                                                    .tanggal_lahir
-                                                                )
-                                                              ),
-                                                            },
-                                                          })
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[16]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .aktivis
-                                                                        .tempat_lahir,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[17]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .aktivis
-                                                                        .tinggi,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[18]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .aktivis
-                                                                        .agama,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[19]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .aktivis
-                                                                        .status,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[20]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .aktivis
-                                                                        .email,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[21]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .aktivis
-                                                                        .hp,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[22]
-                                                        .hide
-                                                        ? _c(
-                                                            "td",
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      props.item
-                                                                        .aktivis
-                                                                        .kontak,
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e(),
-                                                      _vm._v(" "),
-                                                      props.item.aktivis &&
-                                                      !_vm
-                                                        .columnDataPesertaTerdaftar[22]
-                                                        .hide
-                                                        ? _c("td", {
-                                                            domProps: {
-                                                              innerHTML: _vm._s(
-                                                                _vm.$options.filters.dateTime(
-                                                                  props.item
-                                                                    .created_at
-                                                                )
-                                                              ),
-                                                            },
-                                                          })
-                                                        : _vm._e(),
-                                                    ]
-                                                  )
-                                                : _vm._e(),
-                                            ]
-                                          },
-                                        },
-                                      ],
-                                      null,
-                                      false,
-                                      666165183
-                                    ),
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4a8_cu_keterangan,
+                                    expression: "form.p4.p4a8_cu_keterangan",
                                   },
-                                  [
-                                    _vm.currentUser.id_cu == 0
-                                      ? _c(
-                                          "template",
-                                          { slot: "button-desktop" },
-                                          [
-                                            _c(
-                                              "button",
-                                              {
-                                                staticClass:
-                                                  "btn bg-warning-400 mb-1",
-                                                on: {
-                                                  click: function ($event) {
-                                                    $event.preventDefault()
-                                                    return _vm.modalOpen(
-                                                      "tambahPeserta"
-                                                    )
-                                                  },
-                                                },
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass: "icon-people",
-                                                }),
-                                                _vm._v(
-                                                  " Daftar Peserta\n\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _vm.item.status == 2 &&
-                                            _vm.selectedItem.status != 3
-                                              ? _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light mb-1",
-                                                    attrs: {
-                                                      disabled:
-                                                        !_vm.selectedItem.id,
-                                                    },
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.modalOpen(
-                                                          "ubahPeserta"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass:
-                                                        "icon-pencil5",
-                                                    }),
-                                                    _vm._v(
-                                                      " Ubah\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                            _vm._v(" "),
-                                            _vm.item.status == 2 &&
-                                            _vm.selectedItem.status != 3
-                                              ? _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light mb-1",
-                                                    attrs: {
-                                                      disabled:
-                                                        !_vm.selectedItem.id,
-                                                    },
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.modalOpen(
-                                                          "hapusPeserta"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass: "icon-bin2",
-                                                    }),
-                                                    _vm._v(
-                                                      " Hapus\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                            _vm._v(" "),
-                                            _c(
-                                              "button",
-                                              {
-                                                staticClass:
-                                                  "btn btn-light mb-1",
-                                                attrs: {
-                                                  disabled:
-                                                    !_vm.selectedItem.id,
-                                                },
-                                                on: {
-                                                  click: function ($event) {
-                                                    $event.preventDefault()
-                                                    return _vm.modalOpen(
-                                                      "batalPeserta"
-                                                    )
-                                                  },
-                                                },
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass: "icon-blocked",
-                                                }),
-                                                _vm._v(
-                                                  " Tolak\n\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _vm.selectedItem.status == 3
-                                              ? _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light mb-1",
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.modalOpen(
-                                                          "alasanPeserta"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass: "icon-eye",
-                                                    }),
-                                                    _vm._v(
-                                                      " Lihat Alasan Penolakan\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                          ]
-                                        )
-                                      : _vm._e(),
-                                    _vm._v(" "),
-                                    _vm.currentUser.id_cu == 0
-                                      ? _c(
-                                          "template",
-                                          { slot: "button-mobile" },
-                                          [
-                                            _c(
-                                              "button",
-                                              {
-                                                staticClass:
-                                                  "btn bg-warning-400 btn-block mb-1",
-                                                on: {
-                                                  click: function ($event) {
-                                                    $event.preventDefault()
-                                                    return _vm.modalOpen(
-                                                      "tambahPeserta"
-                                                    )
-                                                  },
-                                                },
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass: "icon-people",
-                                                }),
-                                                _vm._v(
-                                                  " Daftar Peserta\n\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _vm.item.status == 2 &&
-                                            _vm.selectedItem.status != 3
-                                              ? _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light btn-block mb-1",
-                                                    attrs: {
-                                                      disabled:
-                                                        !_vm.selectedItem.id,
-                                                    },
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.modalOpen(
-                                                          "ubahPeserta"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass:
-                                                        "icon-pencil5",
-                                                    }),
-                                                    _vm._v(
-                                                      " Ubah\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                            _vm._v(" "),
-                                            _vm.item.status == 2 &&
-                                            _vm.selectedItem.status != 3
-                                              ? _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light btn-block mb-1",
-                                                    attrs: {
-                                                      disabled:
-                                                        !_vm.selectedItem.id,
-                                                    },
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.modalOpen(
-                                                          "hapusPeserta"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass: "icon-bin2",
-                                                    }),
-                                                    _vm._v(
-                                                      " Hapus\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                            _vm._v(" "),
-                                            _vm.selectedItem.status == 3
-                                              ? _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light btn-block mb-1",
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.modalOpen(
-                                                          "alasanPeserta"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass: "icon-eye",
-                                                    }),
-                                                    _vm._v(
-                                                      " Lihat Alasan Penolakan\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                          ]
-                                        )
-                                      : _vm._e(),
-                                    _vm._v(" "),
-                                    _vm.currentUser.id_cu != 0
-                                      ? _c(
-                                          "template",
-                                          { slot: "button-desktop" },
-                                          [
-                                            _vm.item.tipe == "diklat_bkcu"
-                                              ? [
-                                                  _vm.currentUser.can &&
-                                                  _vm.currentUser.can[
-                                                    "index_diklat_bkcu"
-                                                  ] &&
-                                                  _vm.item.status == 2
-                                                    ? _c(
-                                                        "button",
-                                                        {
-                                                          staticClass:
-                                                            "btn bg-warning-400 mb-1",
-                                                          on: {
-                                                            click: function (
-                                                              $event
-                                                            ) {
-                                                              $event.preventDefault()
-                                                              return _vm.modalOpen(
-                                                                "tambahPeserta"
-                                                              )
-                                                            },
-                                                          },
-                                                        },
-                                                        [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-people",
-                                                          }),
-                                                          _vm._v(
-                                                            " Daftar Peserta\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                          ),
-                                                        ]
-                                                      )
-                                                    : _vm._e(),
-                                                ]
-                                              : _vm.item.tipe ==
-                                                "pertemuan_bkcu"
-                                              ? [
-                                                  _vm.currentUser.can &&
-                                                  _vm.currentUser.can[
-                                                    "index_pertemuan_bkcu"
-                                                  ] &&
-                                                  _vm.item.status == 2
-                                                    ? _c(
-                                                        "button",
-                                                        {
-                                                          staticClass:
-                                                            "btn bg-warning-400 mb-1",
-                                                          on: {
-                                                            click: function (
-                                                              $event
-                                                            ) {
-                                                              $event.preventDefault()
-                                                              return _vm.modalOpen(
-                                                                "tambahPeserta"
-                                                              )
-                                                            },
-                                                          },
-                                                        },
-                                                        [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-people",
-                                                          }),
-                                                          _vm._v(
-                                                            " Daftar Peserta\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                          ),
-                                                        ]
-                                                      )
-                                                    : _vm._e(),
-                                                ]
-                                              : _vm._e(),
-                                            _vm._v(" "),
-                                            _vm.item.status == 2 &&
-                                            _vm.selectedItem.status != 3
-                                              ? _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light mb-1",
-                                                    attrs: {
-                                                      disabled:
-                                                        !_vm.selectedItem.id ||
-                                                        _vm.selectedItem
-                                                          .status != 2,
-                                                    },
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.modalOpen(
-                                                          "ubahPeserta"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass:
-                                                        "icon-pencil5",
-                                                    }),
-                                                    _vm._v(
-                                                      " Ubah\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                            _vm._v(" "),
-                                            _vm.item.status == 2 &&
-                                            _vm.selectedItem.status != 3
-                                              ? _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light mb-1",
-                                                    attrs: {
-                                                      disabled:
-                                                        !_vm.selectedItem.id ||
-                                                        _vm.selectedItem
-                                                          .status != 2,
-                                                    },
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.modalOpen(
-                                                          "hapusPeserta"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass: "icon-bin2",
-                                                    }),
-                                                    _vm._v(
-                                                      " Hapus\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                            _vm._v(" "),
-                                            _vm.selectedItem.status == 3
-                                              ? _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light mb-1",
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.modalOpen(
-                                                          "alasanPeserta"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass: "icon-eye",
-                                                    }),
-                                                    _vm._v(
-                                                      " Lihat Alasan Penolakan\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                          ],
-                                          2
-                                        )
-                                      : _c(
-                                          "template",
-                                          { slot: "button-mobile" },
-                                          [
-                                            _vm.item.tipe == "diklat_bkcu"
-                                              ? [
-                                                  _vm.currentUser.can &&
-                                                  _vm.currentUser.can[
-                                                    "index_diklat_bkcu"
-                                                  ] &&
-                                                  _vm.item.status == 2
-                                                    ? _c(
-                                                        "button",
-                                                        {
-                                                          staticClass:
-                                                            "btn bg-warning-400 btn-block mb-1",
-                                                          on: {
-                                                            click: function (
-                                                              $event
-                                                            ) {
-                                                              $event.preventDefault()
-                                                              return _vm.modalOpen(
-                                                                "tambahPeserta"
-                                                              )
-                                                            },
-                                                          },
-                                                        },
-                                                        [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-people",
-                                                          }),
-                                                          _vm._v(
-                                                            " Daftar Peserta\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                          ),
-                                                        ]
-                                                      )
-                                                    : _vm._e(),
-                                                ]
-                                              : _vm.item.tipe ==
-                                                "pertemuan_bkcu"
-                                              ? [
-                                                  _vm.currentUser.can &&
-                                                  _vm.currentUser.can[
-                                                    "index_pertemuan_bkcu"
-                                                  ] &&
-                                                  _vm.item.status == 2
-                                                    ? _c(
-                                                        "button",
-                                                        {
-                                                          staticClass:
-                                                            "btn bg-warning-400 btn-block mb-1",
-                                                          on: {
-                                                            click: function (
-                                                              $event
-                                                            ) {
-                                                              $event.preventDefault()
-                                                              return _vm.modalOpen(
-                                                                "tambahPeserta"
-                                                              )
-                                                            },
-                                                          },
-                                                        },
-                                                        [
-                                                          _c("i", {
-                                                            staticClass:
-                                                              "icon-people",
-                                                          }),
-                                                          _vm._v(
-                                                            " Daftar Peserta\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                          ),
-                                                        ]
-                                                      )
-                                                    : _vm._e(),
-                                                ]
-                                              : _vm._e(),
-                                            _vm._v(" "),
-                                            _vm.item.status == 2 &&
-                                            _vm.selectedItem.status != 3
-                                              ? _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light btn-block mb-1",
-                                                    attrs: {
-                                                      disabled:
-                                                        !_vm.selectedItem.id ||
-                                                        _vm.selectedItem
-                                                          .status != 1,
-                                                    },
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.modalOpen(
-                                                          "ubahPeserta"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass:
-                                                        "icon-pencil5",
-                                                    }),
-                                                    _vm._v(
-                                                      " Ubah\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                            _vm._v(" "),
-                                            _vm.item.status == 2 &&
-                                            _vm.selectedItem.status != 3
-                                              ? _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light btn-block mb-1",
-                                                    attrs: {
-                                                      disabled:
-                                                        !_vm.selectedItem.id ||
-                                                        _vm.selectedItem
-                                                          .status != 1,
-                                                    },
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.modalOpen(
-                                                          "hapusPeserta"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass: "icon-bin2",
-                                                    }),
-                                                    _vm._v(
-                                                      " Hapus\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                            _vm._v(" "),
-                                            _vm.selectedItem.status == 3
-                                              ? _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light btn-block mb-1",
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.modalOpen(
-                                                          "alasanPeserta"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass: "icon-eye",
-                                                    }),
-                                                    _vm._v(
-                                                      " Lihat Alasan Penolakan\n\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                          ],
-                                          2
-                                        ),
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a8_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4a8_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4a8_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4a8_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4a8_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4a8_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4a8_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4a8_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
                                   ],
-                                  2
+                                  1
                                 ),
-                              ],
-                              1
-                            )
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a8_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4a8_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a8_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p4.p4a8_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a8_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a8_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4a8_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a8_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4a8_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a8_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
                           : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4a9_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4a9_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a9_cu_penilaian == cuTabName || form.p4.p4a9_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p4.p4a8_cu_penilaian != null &&
+                _vm.form.p4.p4a8_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t9. Evaluasi Kinerja"),
+                        ]),
                       ]
                     ),
                     _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
-                        _vm.tabName == "pesertaHadir"
-                          ? _c(
-                              "div",
-                              [
-                                _c("data-viewer", {
-                                  attrs: {
-                                    title: "peserta hadir",
-                                    itemData: _vm.itemDataPesertaHadir,
-                                    columnData: _vm.columnDataPesertaHadir,
-                                    itemDataStat: _vm.itemDataPesertaHadirStat,
-                                    query: _vm.queryPesertaHadir,
-                                    excelDownloadUrl: _vm.excelDownloadUrl2,
-                                    isDasar: "true",
-                                    isNoKolom: "true",
-                                    isDisable: _vm.isDisableTable,
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4a9_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada evaluasi kinerja secara berkala",
+                                subtitle2:
+                                  "Kinerja dievaluasi tetapi tidak menggunakan alat evaluasi kinerja yang baku bagi pengurus secara individual maupun secara keseluruhan sebagai tim, Tidak jelas apakah hasil-hasil evaluasi digunakan untuk meningkatkan kinerja pengurus",
+                                subtitle3:
+                                  "Kinerja pengurus secara berkala dievaluasi dengan menggunakan alat evaluasi yang baku bagi pengurus secara individual maupun keseluruhan sebagai tim, Hasil-hasil evaluasi dipakai untuk meningkatkan kinerja dan efisiensi pengurus",
+                                subtitle4:
+                                  "Kinerja pengurus secara berkala dievaluasi dengan menggunakan alat evaluasi yang baku bagi pengurus secara individual maupun keseluruhan sebagai tim, Hasil-hasil evaluasi dipakai untuk meningkatkan kinerja dan efisiensi pengurus. Secara konsiten berupaya menjalankan praktik terbaik dalam menggunakan standar-standar penyelenggaraan",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4a9_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4a9_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4a9_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4a9_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4a9_cu_keterangan,
+                                    expression: "form.p4.p4a9_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a9_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4a9_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4a9_cu_keterangan",
+                                      $event.target.value
+                                    )
                                   },
-                                  on: { fetch: _vm.fetchPesertaHadir },
-                                  scopedSlots: _vm._u(
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4a9_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4a9_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4a9_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4a9_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4a9_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a9_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4a9_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a9_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value: _vm.form.p4.p4a9_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a9_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a9_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4a9_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a9_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4a9_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a9_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
                                     [
-                                      {
-                                        key: "item-desktop",
-                                        fn: function (props) {
-                                          return [
-                                            props.item
-                                              ? _c(
-                                                  "tr",
-                                                  {
-                                                    staticClass: "text-nowrap",
-                                                  },
-                                                  [
-                                                    _c("td", [
-                                                      _vm._v(
-                                                        _vm._s(props.index + 1)
-                                                      ),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    !_vm
-                                                      .columnDataPesertaHadir[1]
-                                                      .hide
-                                                      ? _c("td", [
-                                                          props.item.aktivis &&
-                                                          props.item.aktivis
-                                                            .gambar
-                                                            ? _c("img", {
-                                                                staticClass:
-                                                                  "img-rounded img-fluid wmin-sm",
-                                                                attrs: {
-                                                                  src:
-                                                                    "/images/aktivis/" +
-                                                                    props.item
-                                                                      .aktivis
-                                                                      .gambar +
-                                                                    "n.jpg",
-                                                                  width: "35px",
-                                                                },
-                                                              })
-                                                            : _c("img", {
-                                                                staticClass:
-                                                                  "img-rounded img-fluid wmin-sm",
-                                                                attrs: {
-                                                                  src: "/images/no_image_man.jpg",
-                                                                  width: "35px",
-                                                                },
-                                                              }),
-                                                        ])
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[2]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .aktivis
-                                                                    .name,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    !_vm
-                                                      .columnDataPesertaHadir[3]
-                                                      .hide &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[3]
-                                                      .disable
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .name_nametag,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    !_vm
-                                                      .columnDataPesertaHadir[4]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .name_sertifikat,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    !_vm
-                                                      .columnDataPesertaHadir[5]
-                                                      .hide &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[5]
-                                                      .disable
-                                                      ? _c("td", [
-                                                          _c("span", {
-                                                            domProps: {
-                                                              innerHTML: _vm._s(
-                                                                _vm.$options.filters.date(
-                                                                  props.item
-                                                                    .datang
-                                                                )
-                                                              ),
-                                                            },
-                                                          }),
-                                                        ])
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    !_vm
-                                                      .columnDataPesertaHadir[6]
-                                                      .hide &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[6]
-                                                      .disable
-                                                      ? _c("td", [
-                                                          _c("span", {
-                                                            domProps: {
-                                                              innerHTML: _vm._s(
-                                                                _vm.$options.filters.date(
-                                                                  props.item
-                                                                    .pulang
-                                                                )
-                                                              ),
-                                                            },
-                                                          }),
-                                                        ])
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    !_vm
-                                                      .columnDataPesertaHadir[7]
-                                                      .hide
-                                                      ? _c("td", {
-                                                          domProps: {
-                                                            innerHTML: _vm._s(
-                                                              _vm.$options.filters.dateTime(
-                                                                props.item
-                                                                  .tanggal_hadir
-                                                              )
-                                                            ),
-                                                          },
-                                                        })
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    !_vm
-                                                      .columnDataPesertaHadir[8]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .keterangan,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[9]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .aktivis
-                                                                    .kelamin,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[10]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .lembaga,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[11]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .tingkat_name,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[12]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .jabatan,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[13]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            props.item.aktivis
-                                                              .pendidikan_tertinggi
-                                                              ? _c(
-                                                                  "check-value",
-                                                                  {
-                                                                    attrs: {
-                                                                      value:
-                                                                        props
-                                                                          .item
-                                                                          .aktivis
-                                                                          .pendidikan_tertinggi
-                                                                          .tingkat,
-                                                                    },
-                                                                  }
-                                                                )
-                                                              : _c("span", [
-                                                                  _vm._v("-"),
-                                                                ]),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[14]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            props.item.aktivis
-                                                              .pendidikan_tertinggi
-                                                              ? _c(
-                                                                  "check-value",
-                                                                  {
-                                                                    attrs: {
-                                                                      value:
-                                                                        props
-                                                                          .item
-                                                                          .aktivis
-                                                                          .pendidikan_tertinggi
-                                                                          .name,
-                                                                    },
-                                                                  }
-                                                                )
-                                                              : _c("span", [
-                                                                  _vm._v("-"),
-                                                                ]),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[15]
-                                                      .hide
-                                                      ? _c("td", {
-                                                          domProps: {
-                                                            innerHTML: _vm._s(
-                                                              _vm.$options.filters.date(
-                                                                props.item
-                                                                  .aktivis
-                                                                  .tanggal_lahir
-                                                              )
-                                                            ),
-                                                          },
-                                                        })
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[16]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .aktivis
-                                                                    .tempat_lahir,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[17]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .aktivis
-                                                                    .tinggi,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[18]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .aktivis
-                                                                    .agama,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[19]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .aktivis
-                                                                    .status,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[20]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .aktivis
-                                                                    .email,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[21]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .aktivis.hp,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[22]
-                                                      .hide
-                                                      ? _c(
-                                                          "td",
-                                                          [
-                                                            _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .aktivis
-                                                                    .kontak,
-                                                              },
-                                                            }),
-                                                          ],
-                                                          1
-                                                        )
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    props.item.aktivis &&
-                                                    !_vm
-                                                      .columnDataPesertaHadir[22]
-                                                      .hide
-                                                      ? _c("td", {
-                                                          domProps: {
-                                                            innerHTML: _vm._s(
-                                                              _vm.$options.filters.dateTime(
-                                                                props.item
-                                                                  .created_at
-                                                              )
-                                                            ),
-                                                          },
-                                                        })
-                                                      : _vm._e(),
-                                                  ]
-                                                )
-                                              : _vm._e(),
-                                          ]
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
                                         },
                                       },
-                                    ],
-                                    null,
-                                    false,
-                                    795066714
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
                                   ),
-                                }),
-                              ],
-                              1
-                            )
+                            ])
                           : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4a10_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4a10_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a10_cu_penilaian == cuTabName || form.p4.p4a10_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p4.p4a9_cu_penilaian != null &&
+                _vm.form.p4.p4a9_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-info" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-info text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t10. Kesetaraan Gender Dalam Kepemimpinan"
+                          ),
+                        ]),
                       ]
                     ),
                     _vm._v(" "),
-                    _c(
-                      "transition",
-                      {
-                        attrs: {
-                          "enter-active-class": "animated fadeIn",
-                          mode: "out-in",
-                        },
-                      },
-                      [
-                        _vm.tabName == "statistik"
-                          ? _c(
-                              "div",
-                              [
-                                _vm.item.pilih && _vm.item.pilih.length > 0
-                                  ? [
-                                      _vm.itemDataKeputusanCountStat ==
-                                        "success" &&
-                                      _vm.itemDataKeputusanCount.length > 0
-                                        ? _c("div", { staticClass: "card" }, [
-                                            _c(
-                                              "div",
-                                              {
-                                                staticClass:
-                                                  "card-header bg-light",
-                                              },
-                                              [
-                                                _c(
-                                                  "h6",
-                                                  { staticClass: "card-title" },
-                                                  [_vm._v("Keputusan")]
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "div",
-                                              { staticClass: "card-body" },
-                                              _vm._l(
-                                                _vm.itemDataKeputusanCount,
-                                                function (p) {
-                                                  return _c(
-                                                    "div",
-                                                    { key: p.id },
-                                                    [
-                                                      _c(
-                                                        "h7",
-                                                        {
-                                                          staticClass:
-                                                            "font-weight-semibold mb-1",
-                                                        },
-                                                        [_vm._v(_vm._s(p.name))]
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "card card-body pt-1 pb-1 mt-1 mb-1",
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "row",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "col-sm-3 mb-1 mt-1",
-                                                                },
-                                                                [
-                                                                  _vm._v(
-                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSetuju\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                              _vm._v(" "),
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "col-sm-8 mb-1 mt-1",
-                                                                },
-                                                                [
-                                                                  _c(
-                                                                    "div",
-                                                                    {
-                                                                      staticClass:
-                                                                        "progress",
-                                                                    },
-                                                                    [
-                                                                      _c(
-                                                                        "div",
-                                                                        {
-                                                                          staticClass:
-                                                                            "progress-bar-striped bg-primary",
-                                                                          style:
-                                                                            {
-                                                                              width:
-                                                                                Math.round(
-                                                                                  (p.setuju /
-                                                                                    p.total) *
-                                                                                    100
-                                                                                ) +
-                                                                                "%",
-                                                                            },
-                                                                        },
-                                                                        [
-                                                                          _c(
-                                                                            "span",
-                                                                            {
-                                                                              staticClass:
-                                                                                "text-default font-size-lg",
-                                                                            },
-                                                                            [
-                                                                              _vm._v(
-                                                                                "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                                                  _vm._s(
-                                                                                    Math.round(
-                                                                                      (p.setuju /
-                                                                                        p.total) *
-                                                                                        100
-                                                                                    ) +
-                                                                                      "%"
-                                                                                  ) +
-                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                              ),
-                                                                            ]
-                                                                          ),
-                                                                        ]
-                                                                      ),
-                                                                    ]
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                              _vm._v(" "),
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "col-sm-1 mb-1 mt-1",
-                                                                },
-                                                                [
-                                                                  _vm._v(
-                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                                      _vm._s(
-                                                                        p.setuju
-                                                                      ) +
-                                                                      " / " +
-                                                                      _vm._s(
-                                                                        p.total
-                                                                      ) +
-                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                            ]
-                                                          ),
-                                                        ]
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "card card-body pt-1 pb-1 mt-1 mb-1",
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "row",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "col-sm-3 mb-1 mt-1",
-                                                                },
-                                                                [
-                                                                  _vm._v(
-                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTidak Setuju\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                              _vm._v(" "),
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "col-sm-8 mb-1 mt-1",
-                                                                },
-                                                                [
-                                                                  _c(
-                                                                    "div",
-                                                                    {
-                                                                      staticClass:
-                                                                        "progress",
-                                                                    },
-                                                                    [
-                                                                      _c(
-                                                                        "div",
-                                                                        {
-                                                                          staticClass:
-                                                                            "progress-bar-striped bg-danger",
-                                                                          style:
-                                                                            {
-                                                                              width:
-                                                                                Math.round(
-                                                                                  (p.taksetuju /
-                                                                                    p.total) *
-                                                                                    100
-                                                                                ) +
-                                                                                "%",
-                                                                            },
-                                                                        },
-                                                                        [
-                                                                          _c(
-                                                                            "span",
-                                                                            {
-                                                                              staticClass:
-                                                                                "text-default font-size-lg",
-                                                                            },
-                                                                            [
-                                                                              _vm._v(
-                                                                                "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                                                  _vm._s(
-                                                                                    Math.round(
-                                                                                      (p.taksetuju /
-                                                                                        p.total) *
-                                                                                        100
-                                                                                    ) +
-                                                                                      "%"
-                                                                                  ) +
-                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                              ),
-                                                                            ]
-                                                                          ),
-                                                                        ]
-                                                                      ),
-                                                                    ]
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                              _vm._v(" "),
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "col-sm-1 mb-1 mt-1",
-                                                                },
-                                                                [
-                                                                  _vm._v(
-                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                                      _vm._s(
-                                                                        p.taksetuju
-                                                                      ) +
-                                                                      " / " +
-                                                                      _vm._s(
-                                                                        p.total
-                                                                      ) +
-                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                            ]
-                                                          ),
-                                                        ]
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "card card-body pt-1 pb-1 mt-1 mb-1",
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "row",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "col-sm-3 mb-1 mt-1",
-                                                                },
-                                                                [
-                                                                  _vm._v(
-                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTidak Punya Keputusan\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                              _vm._v(" "),
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "col-sm-8 mb-1 mt-1",
-                                                                },
-                                                                [
-                                                                  _c(
-                                                                    "div",
-                                                                    {
-                                                                      staticClass:
-                                                                        "progress",
-                                                                    },
-                                                                    [
-                                                                      _c(
-                                                                        "div",
-                                                                        {
-                                                                          staticClass:
-                                                                            "progress-bar-striped bg-secondary",
-                                                                          style:
-                                                                            {
-                                                                              width:
-                                                                                Math.round(
-                                                                                  (p.takada /
-                                                                                    p.total) *
-                                                                                    100
-                                                                                ) +
-                                                                                "%",
-                                                                            },
-                                                                        },
-                                                                        [
-                                                                          _c(
-                                                                            "span",
-                                                                            {
-                                                                              staticClass:
-                                                                                "text-default font-size-lg",
-                                                                            },
-                                                                            [
-                                                                              _vm._v(
-                                                                                "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                                                  _vm._s(
-                                                                                    Math.round(
-                                                                                      (p.takada /
-                                                                                        p.total) *
-                                                                                        100
-                                                                                    ) +
-                                                                                      "%"
-                                                                                  ) +
-                                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                              ),
-                                                                            ]
-                                                                          ),
-                                                                        ]
-                                                                      ),
-                                                                    ]
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                              _vm._v(" "),
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "col-sm-1 mb-1 mt-1",
-                                                                },
-                                                                [
-                                                                  _vm._v(
-                                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                                      _vm._s(
-                                                                        p.takada
-                                                                      ) +
-                                                                      " / " +
-                                                                      _vm._s(
-                                                                        p.total
-                                                                      ) +
-                                                                      "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                  ),
-                                                                ]
-                                                              ),
-                                                            ]
-                                                          ),
-                                                        ]
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c("br"),
-                                                    ],
-                                                    1
-                                                  )
-                                                }
-                                              ),
-                                              0
-                                            ),
-                                          ])
-                                        : _vm._e(),
-                                    ]
-                                  : _vm._e(),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4a10_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada anggota perempuan dalam kepengurusan",
+                                subtitle2: "Pengurus perempuan kurang dari 10%",
+                                subtitle3: "30% pengurus adalah perempuan",
+                                subtitle4:
+                                  "50% pengurus adalah perempuan dan aktif",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4a10_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4a10_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4a10_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4a10_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4a10_cu_keterangan,
+                                    expression: "form.p4.p4a10_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1a10_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4a10_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4a10_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
                                 _vm._v(" "),
                                 _c(
                                   "div",
-                                  { staticClass: "card" },
+                                  { staticClass: "col-md-12" },
                                   [
-                                    _c(
-                                      "div",
-                                      { staticClass: "card-header bg-light" },
-                                      [
-                                        _c(
-                                          "h6",
-                                          { staticClass: "card-title" },
-                                          [_vm._v("CU Terdaftar")]
-                                        ),
-                                      ]
-                                    ),
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
                                     _vm._v(" "),
-                                    _c("data-table", {
+                                    _c("penilaian-bkcu", {
                                       attrs: {
-                                        items: _vm.itemDataPesertaTerdaftarCU,
-                                        columnData: _vm.columnDataCU,
-                                        itemDataStat:
-                                          _vm.itemDataPesertaTerdaftarCUStat,
+                                        form: _vm.form.p4.p4a10_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4a10_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4a10_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4a10_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4a10_bkcu_penilaian = 4
+                                        },
                                       },
-                                      scopedSlots: _vm._u(
-                                        [
-                                          {
-                                            key: "item-desktop",
-                                            fn: function (props) {
-                                              return [
-                                                props.item
-                                                  ? _c("tr", [
-                                                      _c("td", [
-                                                        _vm._v(
-                                                          _vm._s(
-                                                            props.index + 1
-                                                          )
-                                                        ),
-                                                      ]),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item.name,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item
-                                                                  .lakilaki,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item
-                                                                  .perempuan,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item
-                                                                  .total,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                    ])
-                                                  : _vm._e(),
-                                              ]
-                                            },
-                                          },
-                                        ],
-                                        null,
-                                        false,
-                                        1399653632
-                                      ),
                                     }),
                                   ],
                                   1
                                 ),
                                 _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "card" },
-                                  [
-                                    _c(
-                                      "div",
-                                      { staticClass: "card-header bg-light" },
-                                      [
-                                        _c(
-                                          "h6",
-                                          { staticClass: "card-title" },
-                                          [_vm._v("CU Hadir")]
-                                        ),
-                                      ]
-                                    ),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
                                     _vm._v(" "),
-                                    _c("data-table", {
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a10_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4a10_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
                                       attrs: {
-                                        items: _vm.itemDataPesertaHadirCU,
-                                        columnData: _vm.columnDataCU,
-                                        itemDataStat:
-                                          _vm.itemDataPesertaHadirCUStat,
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a10_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4a10_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a10_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4a10_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4a10_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1a10_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4a10_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4a10_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
                                       },
-                                      scopedSlots: _vm._u(
-                                        [
-                                          {
-                                            key: "item-desktop",
-                                            fn: function (props) {
-                                              return [
-                                                props.item
-                                                  ? _c("tr", [
-                                                      _c("td", [
-                                                        _vm._v(
-                                                          _vm._s(
-                                                            props.index + 1
-                                                          )
-                                                        ),
-                                                      ]),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item.name,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item
-                                                                  .lakilaki,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item
-                                                                  .perempuan,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "td",
-                                                        [
-                                                          _c("check-value", {
-                                                            attrs: {
-                                                              value:
-                                                                props.item
-                                                                  .total,
-                                                            },
-                                                          }),
-                                                        ],
-                                                        1
-                                                      ),
-                                                    ])
-                                                  : _vm._e(),
-                                              ]
-                                            },
-                                          },
-                                        ],
-                                        null,
-                                        false,
-                                        1399653632
-                                      ),
                                     }),
-                                  ],
-                                  1
-                                ),
-                              ],
-                              2
-                            )
+                                  ]),
+                                ]),
+                              ]),
+                            ])
                           : _vm._e(),
-                      ]
-                    ),
-                  ],
-                  1
-                ),
-              ]),
-            ],
-            1
-          ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            content: _vm.modalContent,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
-          },
-          on: {
-            batal: _vm.modalTutup,
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _vm.state == "tambahPeserta" || _vm.state == "ubahPeserta"
-                ? _c("form-peserta", {
-                    attrs: {
-                      mode: _vm.formModalMode,
-                      selected: _vm.selectedItem,
-                      item: _vm.item,
-                      tingkat: _vm.item.sasaran,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm.state == "batalPeserta"
-                ? _c("form-peserta-batal", {
-                    attrs: {
-                      kelas: _vm.kelas,
-                      id: _vm.selectedItem.id,
-                      tipe: _vm.item.tipe,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body2" },
-            [
-              _vm.state == "tambahMateri" || _vm.state == "ubahMateri"
-                ? _c("form-materi", {
-                    attrs: {
-                      mode: _vm.formModalMode,
-                      selected: _vm.selectedItemMateri,
-                      kegiatan_id: _vm.item.id,
-                      kegiatan_tipe: _vm.item.tipe,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.state == "tambahTugas" || _vm.state == "ubahTugas"
-                ? _c("form-tugas", {
-                    attrs: {
-                      mode: _vm.formModalMode,
-                      selected: _vm.selectedItemTugas,
-                      kegiatan_id: _vm.item.id,
-                      kegiatan_tipe: _vm.item.tipe,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm.state == "lihatTugas"
-                ? _c("form-tugas-jawaban", {
-                    attrs: {
-                      selected: _vm.selectedItemTugas,
-                      kegiatan_id: _vm.item.id,
-                      kegiatan_tipe: _vm.item.tipe,
-                      tipeUser: _vm.tipeUser,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm.state == "statusPertemuan"
-                ? _c("form-status", {
-                    attrs: {
-                      kelas: _vm.kelas,
-                      id: _vm.item.id,
-                      status: _vm.item.status,
-                      keteranganBatal: _vm.item.keteranganBatal,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm.state == "pesertaTerdaftar" ||
-                  _vm.state == "panitiaTerdaftar"
-                ? _c("form-hadir", {
-                    attrs: {
-                      kelas: _vm.kelas,
-                      item: _vm.item,
-                      state: _vm.state,
-                    },
-                  })
-                : _vm._e(),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body3" },
-            [
-              _vm.state == "tambahKeputusan" || _vm.state == "ubahKeputusan"
-                ? _c("form-keputusan", {
-                    attrs: {
-                      mode: _vm.formModalMode,
-                      selected: _vm.selectedItemKeputusan,
-                      kegiatan_id: _vm.item.id,
-                      pilih: _vm.item.pilih,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm.state == "keputusanKomentar"
-                ? _c("form-keputusan-komentar", {
-                    attrs: {
-                      selected: _vm.selectedItemKeputusan,
-                      kegiatan_id: _vm.item.id,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.state == "tambahPertanyaan" || _vm.state == "ubahPertanyaan"
-                ? _c("form-pertanyaan", {
-                    attrs: {
-                      mode: _vm.formModalMode,
-                      selected: _vm.selectedItemPertanyaan,
-                      kegiatan_id: _vm.item.id,
-                      pilih: _vm.item.pilih,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm.state == "pertanyaanKomentar"
-                ? _c("form-pertanyaan-komentar", {
-                    attrs: {
-                      selected: _vm.selectedItemPertanyaan,
-                      kegiatan_id: _vm.item.id,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
-            ],
-            1
-          ),
-        ],
-        2
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      { staticClass: "card-header bg-transparent header-elements-inline" },
-      [
-        _c(
-          "span",
-          { staticClass: "text-uppercase font-size-sm font-weight-semibold" },
-          [_vm._v("Menu")]
-        ),
-        _vm._v(" "),
-        _c("div", { staticClass: "header-elements" }, [
-          _c("div", { staticClass: "list-icons" }, [
-            _c("a", {
-              staticClass: "list-icons-item",
-              attrs: { "data-action": "collapse" },
-            }),
-          ]),
-        ]),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      { staticClass: "card-header bg-transparent header-elements-inline" },
-      [
-        _c(
-          "span",
-          { staticClass: "text-uppercase font-size-sm font-weight-semibold" },
-          [_vm._v("Info")]
-        ),
-        _vm._v(" "),
-        _c("div", { staticClass: "header-elements" }, [
-          _c("div", { staticClass: "list-icons" }, [
-            _c("a", {
-              staticClass: "list-icons-item",
-              attrs: { "data-action": "collapse" },
-            }),
-          ]),
-        ]),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("tr", [
-      _c("td", { attrs: { colspan: "2" } }, [
-        _c("hr", { staticClass: "mt-0 mb-0" }),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("td", { attrs: { colspan: "2" } }, [
-      _c("hr", { staticClass: "mt-0 mb-0" }),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      { staticClass: "card-header bg-transparent header-elements-inline" },
-      [
-        _c(
-          "span",
-          { staticClass: "text-uppercase font-size-sm font-weight-semibold" },
-          [_vm._v("Sasaran Peserta")]
-        ),
-        _vm._v(" "),
-        _c("div", { staticClass: "header-elements" }, [
-          _c("div", { staticClass: "list-icons" }, [
-            _c("a", {
-              staticClass: "list-icons-item",
-              attrs: { "data-action": "collapse" },
-            }),
-          ]),
-        ]),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      { staticClass: "card-header bg-transparent header-elements-inline" },
-      [
-        _c(
-          "span",
-          { staticClass: "text-uppercase font-size-sm font-weight-semibold" },
-          [_vm._v("Tempat")]
-        ),
-        _vm._v(" "),
-        _c("div", { staticClass: "header-elements" }, [
-          _c("div", { staticClass: "list-icons" }, [
-            _c("a", {
-              staticClass: "list-icons-item",
-              attrs: { "data-action": "collapse" },
-            }),
-          ]),
-        ]),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "card-img-actions-overlay card-img" }, [
-      _c("i", { staticClass: "icon-enlarge6 icon-2x" }),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "card-img-actions-overlay card-img" }, [
-      _c("i", { staticClass: "icon-enlarge6 icon-2x" }),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      { staticClass: "card-header bg-transparent header-elements-inline" },
-      [
-        _c(
-          "span",
-          { staticClass: "text-uppercase font-size-sm font-weight-semibold" },
-          [_vm._v("Tempat")]
-        ),
-        _vm._v(" "),
-        _c("div", { staticClass: "header-elements" }, [
-          _c("div", { staticClass: "list-icons" }, [
-            _c("a", {
-              staticClass: "list-icons-item",
-              attrs: { "data-action": "collapse" },
-            }),
-          ]),
-        ]),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      { staticClass: "card-header bg-transparent header-elements-inline" },
-      [
-        _c(
-          "span",
-          { staticClass: "text-uppercase font-size-sm font-weight-semibold" },
-          [_vm._v("Tempat")]
-        ),
-        _vm._v(" "),
-        _c("div", { staticClass: "header-elements" }, [
-          _c("div", { staticClass: "list-icons" }, [
-            _c("a", {
-              staticClass: "list-icons-item",
-              attrs: { "data-action": "collapse" },
-            }),
-          ]),
-        ]),
-      ]
-    )
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=template&id=2558e9cb&":
-/*!***************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=template&id=2558e9cb& ***!
-  \***************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("formStatus") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
       _vm._v(" "),
       _c(
-        "form",
-        {
-          attrs: { "data-vv-scope": "formStatus" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
-            },
-          },
-        },
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
         [
-          _c("h5", [_vm._v("Selamat Datang di " + _vm._s(_vm.item.name))]),
-          _vm._v(" "),
-          _c("div", { staticClass: "card card-body" }, [
-            _vm._v(
-              "\n\t\t\t\tDisini anda dapat mengakses materi untuk kegiatan ini serta anda dapat melakukan interaksi terhadap kegiatan ini seperti memberikan keputusan (apabila diminta), mengajukan pertanyaan dan mengerjakan tugas (apabila diminta).\n\t\t\t"
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "card" }, [
-            _c("div", { staticClass: "card-header bg-light" }, [
-              _vm._v(
-                "\n\t\t\t\t\t\tSebelum memulai mari pastikan bahwa data dibawah adalah benar data anda:\n\t\t\t\t"
-              ),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "card-body" }, [
-              _c("div", { staticClass: "media mt-0 mb-0" }, [
-                _c("div", { staticClass: "mr-3 mb-2 mb-0" }, [
-                  _c("div", { staticClass: "card-img-actions" }, [
-                    _vm.currentUser.aktivis && _vm.currentUser.aktivis.gambar
-                      ? _c("img", {
-                          staticClass: "img-fluid img-preview img-rounded",
-                          attrs: {
-                            src:
-                              "/images/aktivis/" +
-                              _vm.currentUser.aktivis.gambar +
-                              "n.jpg",
-                          },
-                        })
-                      : _c("img", {
-                          staticClass: "img-fluid img-preview img-rounded",
-                          attrs: { src: "/images/no_image_man.jpg" },
-                        }),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "media-body" }, [
-                  _c("b", [_vm._v("Nama:")]),
-                  _vm._v(
-                    "\n\t\t\t\t\t\t\t" +
-                      _vm._s(
-                        _vm.currentUser.aktivis
-                          ? _vm.currentUser.aktivis.name
-                          : "-"
-                      ) +
-                      "\n\t\t\t\t\t\t\t"
-                  ),
-                  _c("br"),
-                  _vm._v(" "),
-                  _c("b", [_vm._v("Tingkat:")]),
-                  _vm._v(
-                    "\n\t\t\t\t\t\t\t" +
-                      _vm._s(
-                        _vm.currentUser.aktivis &&
-                          _vm.currentUser.aktivis.pekerjaan_aktif
-                          ? _vm.$options.filters.checkTingkatAktivis(
-                              _vm.currentUser.aktivis.pekerjaan_aktif.tingkat
-                            )
-                          : ""
-                      ) +
-                      "\n\t\t\t\t\t\t\t"
-                  ),
-                  _c("br"),
-                  _vm._v(" "),
-                  _c("b", [_vm._v("Jabatan:")]),
-                  _vm._v(
-                    "\n\t\t\t\t\t\t\t" +
-                      _vm._s(
-                        _vm.currentUser.aktivis &&
-                          _vm.currentUser.aktivis.pekerjaan_aktif
-                          ? _vm.currentUser.aktivis.pekerjaan_aktif.name
-                          : ""
-                      ) +
-                      "\n\t\t\t\t\t\t\t"
-                  ),
-                  _c("br"),
-                  _vm._v(" "),
-                  _c("b", [_vm._v("Dari:")]),
-                  _vm._v(
-                    "\n\t\t\t\t\t\t\t" +
-                      _vm._s(
-                        _vm.currentUser && _vm.currentUser.id_cu != 0
-                          ? _vm.currentUser.cu.name
-                          : "PUSKOPCUINA"
-                      ) +
-                      "\n\t\t\t\t\t\t\t"
-                  ),
-                  _c("br"),
-                ]),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c("checkbox", {
-            attrs: {
-              form: _vm.formStatus.status,
-              title:
-                "Dengan ini saya setuju mengikuti " +
-                _vm.item.name +
-                " dan dianggap hadir dan terlibat didalam pelaksanaan kegiatan",
-            },
-            on: {
-              check: function ($event) {
-                _vm.formStatus.status != 0
-                  ? (_vm.formStatus.status = 0)
-                  : (_vm.formStatus.status = 1)
-              },
-            },
-          }),
-          _vm._v(" "),
-          _c("hr"),
-          _vm._v(" "),
-          _c("div", { staticClass: "text-center d-none d-md-block" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
                 },
-              },
-              [
-                _c("i", { staticClass: "icon-arrow-left13" }),
-                _vm._v(" Kembali"),
-              ]
-            ),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-primary",
-                attrs: { type: "submit", disabled: _vm.formStatus.status == 0 },
-              },
-              [_c("i", { staticClass: "icon-arrow-right14" }), _vm._v(" Masuk")]
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "d-block d-md-none" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-primary btn-block pb-2",
-                attrs: { type: "submit", disabled: _vm.formStatus.status == 0 },
-              },
-              [_c("i", { staticClass: "icon-arrow-right14" }), _vm._v(" Masuk")]
-            ),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block pb-2",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
+              ],
+            },
+            [
+              (_vm.form.p4.p4a10_cu_penilaian != null &&
+                _vm.form.p4.p4a10_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c(
+                    "div",
+                    { staticClass: "card card-body bg-warning text-white" },
+                    [
+                      _c(
+                        "div",
+                        { staticClass: "row justify-content-between" },
+                        [
+                          _c("div", { staticClass: "col-md-6" }, [
+                            _c("h6", { staticClass: "mb-0 font-weight-bold" }, [
+                              _vm._v("B. KEPUASAN STAF"),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-md-6 text-right" }, [
+                            _c(
+                              "ul",
+                              {
+                                staticClass:
+                                  "list-inline mb-0 font-weight-bold",
+                              },
+                              [
+                                _c("li", [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\tSkor CU: " +
+                                      _vm._s(_vm.skorCUB()) +
+                                      " / \n\t\t\t\t\t\t\tBobot Skor CU: " +
+                                      _vm._s(_vm.bobotCUB()) +
+                                      "% \n\t\t\t\t\t\t\t"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\tSkor PUSKOPCUINA: " +
+                                      _vm._s(_vm.skorBKCUB()) +
+                                      " / \n\t\t\t\t\t\t\tBobot Skor PUSKOPCUINA: " +
+                                      _vm._s(_vm.bobotBKCUB()) +
+                                      "% \n\t\t\t\t\t\t"
+                                  ),
+                                ]),
+                              ]
+                            ),
+                          ]),
+                        ]
+                      ),
+                    ]
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4b11_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4b11_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b11_cu_penilaian == cuTabName || form.p4.p4b11_bkcu_penilaian == bkcuTabName",
                 },
-              },
-              [
-                _c("i", { staticClass: "icon-arror-left13" }),
-                _vm._v(" Kembali"),
-              ]
-            ),
-          ]),
-        ],
-        1
+              ],
+            },
+            [
+              (_vm.form.p4.p4a10_cu_penilaian != null &&
+                _vm.form.p4.p4a10_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t11. Rancangan Kerja (Job Design)"
+                          ),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4b11_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Ketidakjelasan peran dan tanggung jawab; terlalu banyak tanggung jawab; tanggung jawab yang tumpang tindih</li><li>Uraian tugas tidak ada</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Posisi yang ada untuk sebagian besar peran kunci; hanya sedikit yang kosong</li><li>Kebanyakan posisi kunci dijabarkan dengan baik dan memiliki uraian tugas yang statis</li><li>Beberapa akuntabilitas yang tidak jelas atau peran dan tanggung jawab yang tumpang tindih</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Semua peran sudah terkait dengan posisi</li><li>Masing-masing staf sudah memiliki peran dan tanggung jawab yang terjabar secara baik dengan adanya kegiatan yang jelas dan keterkaitan dengan pelaporan; tumpang tindih hanya sedikit</li><li>Uraian tugas secara terus menerus dijabarkan kembali supaya ada perkembangan kelembagaan dan staf dalam pekerjaannya</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Semua peran sesuai dengan posisi yang didedikasikan</li><li>Semua staf memiliki peran utama yang jelas dan harus dipenuhi beserta bidang-bidang kewenangannya, dapat berinisiatif dan berupaya membuat perubahan</li><li>Peran utama dijabarkan sehubungan dengan produk akhir dan pelayanan yang akan diberikan</li><li>Semua staf memiliki kemampuan untuk mendefinisikan kegiatan-kegiatan dan diberdayakan untuk terus menerus menguji kembali pekerjaannya</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4b11_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4b11_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4b11_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4b11_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4b11_cu_keterangan,
+                                    expression: "form.p4.p4b11_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b11_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4b11_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4b11_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4b11_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4b11_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4b11_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4b11_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4b11_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b11_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4b11_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b11_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b11_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b11_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b11_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4b11_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b11_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b11_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b11_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
       ),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=template&id=28209b97&":
-/*!*******************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=template&id=28209b97& ***!
-  \*******************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("formKeputusan") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
       _vm._v(" "),
       _c(
-        "form",
-        {
-          attrs: { "data-vv-scope": "formKeputusan" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4b12_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4b12_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b12_cu_penilaian == cuTabName || form.p4.p4b12_bkcu_penilaian == bkcuTabName",
+                },
+              ],
             },
-          },
-        },
+            [
+              (_vm.form.p4.p4b11_cu_penilaian != null &&
+                _vm.form.p4.p4b11_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t12. Rekruitmen dan Seleksi"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4b12_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada kebijakan tentang rekrutmen, tidak panduan untuk membuat keputusan yang kuat mengenai cara mempekerjakan staf; kebijakan mempekerjakan staf sering dipolitisir",
+                                subtitle2:
+                                  "<ul><li>Kebijakan tentang rekrutmen yang berlaku tidak memadai</li><li>Orang-orang yang bertanggung jawab untuk mempekerjakan staf memiliki sedikit pengetahuan tentang aturan dasar ketenagakerjaan yang resmi</li><li>Tidak ada panduan pembuatan keputusan yang kuat untuk mempekerjakan staf</li><li>Tidak mengantisipasi kebutuhan di masa mendatang dalam mempekerjakan staf</li></li>",
+                                subtitle3:
+                                  "<ul><li>Kebijakan tentang rekrutmen berlaku untuk membantu upaya mencari calon karyawan yang handal untuk diseleksi</li><li>Orang-orang yang bertanggung jawab untuk mempekerjakan staf memiliki pengetahuan memadai tentang aturan dasar ketenagakerjaan yang resmi</li><li>Ada panduan pembuatan keputusan yang kuat untuk mempekerjakan staf</li><li>Kebutuhan di masa mendatang dalam mempekerjakanstaf terantisipasi</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Ada kebijakan tentang rekrutmen yang jelas untuk mendapatkan calon staf yang handal untuk diseleksi</li><li>Orang-orang yang bertanggung jawab untuk mempekerjakan staf memiliki banyak pengetahuan tentang aturan dasar ketenagakerjaan yang resmi</li><li>Ada panduan yang konsisten tentang pembuatan keputusan yang kuat untuk mempekerjakan staf</li><li>Kebutuhan di masa mendatang dalam mempekerjakan staf selalu terantisipasi</li><li>Selalu berupaya melakukan praktik terbaik menyangkut pengembangan SDM</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4b12_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4b12_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4b12_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4b12_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4b12_cu_keterangan,
+                                    expression: "form.p4.p4b12_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b12_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4b12_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4b12_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4b12_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4b12_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4b12_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4b12_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4b12_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b12_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4b12_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b12_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b12_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b12_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b12_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4b12_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b12_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b12_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b12_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
         [
-          _vm._l(_vm.pilih, function (p) {
-            return _c("div", { key: p.id, staticClass: "card card-body" }, [
-              _c("div", { staticClass: "form-group mb-0" }, [
-                _c("label", { staticClass: "d-block font-weight-semibold" }, [
-                  _vm._v(_vm._s(p.name)),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "form-check form-check-inline" }, [
-                  _c("label", { staticClass: "form-check-label" }, [
-                    _c("input", {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.formKeputusan.pilih[p.id],
-                          expression: "formKeputusan.pilih[p.id]",
-                        },
-                      ],
-                      staticClass: "form-check-input",
-                      attrs: { type: "radio", value: "1", name: p.id },
-                      domProps: {
-                        checked: _vm._q(_vm.formKeputusan.pilih[p.id], "1"),
-                      },
-                      on: {
-                        change: function ($event) {
-                          return _vm.$set(_vm.formKeputusan.pilih, p.id, "1")
-                        },
-                      },
-                    }),
-                    _vm._v("\n\t\t\t\t\t\t\tSetuju\n\t\t\t\t\t\t"),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "form-check form-check-inline" }, [
-                  _c("label", { staticClass: "form-check-label" }, [
-                    _c("input", {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.formKeputusan.pilih[p.id],
-                          expression: "formKeputusan.pilih[p.id]",
-                        },
-                      ],
-                      staticClass: "form-check-input",
-                      attrs: { type: "radio", value: "2", name: p.id },
-                      domProps: {
-                        checked: _vm._q(_vm.formKeputusan.pilih[p.id], "2"),
-                      },
-                      on: {
-                        change: function ($event) {
-                          return _vm.$set(_vm.formKeputusan.pilih, p.id, "2")
-                        },
-                      },
-                    }),
-                    _vm._v("\n\t\t\t\t\t\t\tTidak Setuju\n\t\t\t\t\t\t"),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "form-check form-check-inline" }, [
-                  _c("label", { staticClass: "form-check-label" }, [
-                    _c("input", {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.formKeputusan.pilih[p.id],
-                          expression: "formKeputusan.pilih[p.id]",
-                        },
-                      ],
-                      staticClass: "form-check-input",
-                      attrs: { type: "radio", value: "3", name: p.id },
-                      domProps: {
-                        checked: _vm._q(_vm.formKeputusan.pilih[p.id], "3"),
-                      },
-                      on: {
-                        change: function ($event) {
-                          return _vm.$set(_vm.formKeputusan.pilih, p.id, "3")
-                        },
-                      },
-                    }),
-                    _vm._v(
-                      "\n\t\t\t\t\t\t\tTidak Punya Keputusan\n\t\t\t\t\t\t"
-                    ),
-                  ]),
-                ]),
-              ]),
-            ])
-          }),
-          _vm._v(" "),
           _c(
             "div",
-            { staticClass: "form-group" },
-            [
-              _c("h5", [_vm._v(" Catatan / Pendapat: ")]),
-              _vm._v(" "),
-              _c("ckeditor", {
-                attrs: { type: "classic", config: _vm.ckeditorNoImageConfig },
-                model: {
-                  value: _vm.formKeputusan.keterangan,
-                  callback: function ($$v) {
-                    _vm.$set(_vm.formKeputusan, "keterangan", $$v)
-                  },
-                  expression: "formKeputusan.keterangan",
-                },
-              }),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c("hr"),
-          _vm._v(" "),
-          _c("div", { staticClass: "text-center d-none d-md-block" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-            _vm._v(" "),
-            _vm._m(0),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "d-block d-md-none" }, [
-            _vm._m(1),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block pb-2",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4b13_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4b13_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b13_cu_penilaian == cuTabName || form.p4.p4b13_bkcu_penilaian == bkcuTabName",
                 },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-          ]),
-        ],
-        2
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      {
-        staticClass: "btn btn-primary btn-block pb-2",
-        attrs: { type: "submit" },
-      },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa&":
-/*!***************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa& ***!
-  \***************************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("formKomentar") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.message.show
-        ? _c("message", {
-            attrs: {
-              title: "Oops terjadi kesalahan",
-              errorData: _vm.message.content,
-              showDebug: false,
+              ],
             },
-            on: { close: _vm.messageClose },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "div",
-        { staticClass: "card card-body bg-success text-white text-center" },
-        [_vm._v("\n      KEPUTUSAN\n    ")]
-      ),
-      _vm._v(" "),
-      _c("div", { staticClass: "card" }, [
-        _c(
-          "div",
-          { staticClass: "card-header bg-light header-elements-inline" },
-          [
-            _c("h6", {
-              staticClass: "card-title",
-              domProps: {
-                innerHTML: _vm._s(
-                  _vm.$options.filters.dateTime(_vm.selected.created_at)
-                ),
-              },
-            }),
-            _vm._v(" "),
-            _c("div", { staticClass: "header-elements" }, [
-              _c(
-                "span",
-                { staticClass: "badge badge-primary" },
-                [
-                  _vm.selected.cu
-                    ? _c("check-value", {
-                        attrs: { value: _vm.selected.cu.name },
-                      })
-                    : _c("span", [_vm._v("-")]),
-                  _vm._v("\n            |\n            "),
-                  _vm.selected.user
-                    ? _c("check-value", {
-                        attrs: { value: _vm.selected.user.username },
-                      })
-                    : _c("span", [_vm._v("-")]),
-                ],
-                1
-              ),
-            ]),
-          ]
-        ),
-        _vm._v(" "),
-        _vm.selected.keterangan
-          ? _c("div", { staticClass: "card-body" }, [
-              _c(
-                "div",
-                { staticClass: "row" },
-                _vm._l(_vm.selected.pilih, function (pilih) {
-                  return _c("div", { key: pilih.id, staticClass: "col-md-6" }, [
+            [
+              (_vm.form.p4.p4b12_cu_penilaian != null &&
+                _vm.form.p4.p4b12_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
                     _c(
                       "div",
-                      {
-                        staticClass: "card",
-                        class: {
-                          "border-primary": pilih.pivot.nilai == 1,
-                          "border-danger": pilih.pivot.nilai == 2,
-                          "border-secondary": pilih.pivot.nilai == 3,
-                        },
-                      },
+                      { staticClass: "card-header bg-warning text-white" },
                       [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t13. Kompensasi"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
                         _c(
                           "div",
-                          {
-                            staticClass: "card-header text-white",
-                            class: {
-                              "bg-primary": pilih.pivot.nilai == 1,
-                              "bg-danger": pilih.pivot.nilai == 2,
-                              "bg-secondary": pilih.pivot.nilai == 3,
-                            },
-                          },
+                          { staticClass: "col-md-12" },
                           [
-                            pilih.pivot.nilai == 1
-                              ? _c("span", [_vm._v("SETUJU")])
-                              : pilih.pivot.nilai == 2
-                              ? _c("span", [_vm._v("TIDAK SETUJU")])
-                              : pilih.pivot.nilai == 3
-                              ? _c("span", [_vm._v("TIDAK PUNYA TANGGAPAN")])
-                              : _vm._e(),
-                          ]
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4b13_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada sistem kompensasi yang berlaku",
+                                subtitle2:
+                                  "Program kompensasi yang berlaku terbatas; tidak tersedia kajian berkala mengenai tingkat gaji serta biaya-biaya",
+                                subtitle3:
+                                  "<ul><li>Program kompensasi dijabarkan secara baik yang memadukan antara gaji dan keuntungan sebagai bagian dari gambaran besar yang berlaku</li><li>Ada kajian tentang tingkat gaji serta biaya-biaya</li><li>Mengikuti standar minimum industri</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Program kompensasi yang kompetitif dijabarkan secara baik yang memadukan antara gaji dan keuntungan sebagai gambaran besar yang berlaku</li><li>Kajian berkala tentang tingkat gaji serta biaya-biaya secara konsisten dilakukan dengan menerapkan standar-standar industri</li><li>Secara terus menerus berupaya menarik dan mempertahankan karyawan yang bermutu baik</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4b13_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4b13_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4b13_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4b13_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4b13_cu_keterangan,
+                                    expression: "form.p4.p4b13_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b13_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4b13_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4b13_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
                         ),
                         _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "card-body" },
-                          [_c("check-value", { attrs: { value: pilih.name } })],
-                          1
-                        ),
-                      ]
-                    ),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4b13_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4b13_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4b13_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4b13_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4b13_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b13_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4b13_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b13_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b13_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b13_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b13_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4b13_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b13_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b13_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b13_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
                   ])
-                }),
-                0
-              ),
-              _vm._v(" "),
-              _c("hr", { staticClass: "mt-1 mb-1" }),
-              _vm._v(" "),
-              _c("b", [_vm._v("Catatan / Komentar ")]),
-              _vm._v(" "),
-              _c("br"),
-              _vm._v(" "),
-              _c("div", {
-                domProps: { innerHTML: _vm._s(_vm.selected.keterangan) },
-              }),
-            ])
-          : _vm._e(),
-      ]),
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
       _vm._v(" "),
-      !_vm.isShowHapus
-        ? _c(
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
             "div",
-            [
-              _c(
-                "div",
+            {
+              directives: [
                 {
-                  staticClass:
-                    "card card-body bg-warning text-white text-center",
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4b14_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4b14_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b14_cu_penilaian == cuTabName || form.p4.p4b14_bkcu_penilaian == bkcuTabName",
                 },
-                [_vm._v("\n        KOMENTAR\n      ")]
-              ),
-              _vm._v(" "),
-              _vm.itemDataKomentarStat == "success" &&
-              _vm.itemDataKomentar.data.length > 0
-                ? _vm._l(_vm.itemDataKomentar.data, function (komentar) {
-                    return _c(
+              ],
+            },
+            [
+              (_vm.form.p4.p4b13_cu_penilaian != null &&
+                _vm.form.p4.p4b13_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
                       "div",
-                      { key: komentar.id, staticClass: "card" },
+                      { staticClass: "card-header bg-warning text-white" },
                       [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t14. Pembagian Tingkatan Staf"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
                         _c(
                           "div",
-                          {
-                            staticClass:
-                              "card-header bg-light header-elements-inline",
-                          },
+                          { staticClass: "col-md-12" },
                           [
                             _c(
-                              "h6",
-                              { staticClass: "card-title" },
-                              [
-                                komentar.user.aktivis.gambar
-                                  ? _c("img", {
-                                      staticClass: "rounded-circle",
-                                      attrs: {
-                                        src:
-                                          "/images/aktivis/" +
-                                          komentar.user.aktivis.gambar +
-                                          ".jpg",
-                                        width: "30",
-                                        height: "30",
-                                        alt: "user image",
-                                      },
-                                    })
-                                  : _c("img", {
-                                      staticClass: "rounded-circle",
-                                      attrs: {
-                                        src: "/images/no_image_man.jpg",
-                                        width: "30",
-                                        height: "30",
-                                        alt: "user image",
-                                      },
-                                    }),
-                                _vm._v(" "),
-                                komentar.user
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value: komentar.user.aktivis.name,
-                                      },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                                _vm._v("\n              |\n              "),
-                                komentar.cu
-                                  ? _c("check-value", {
-                                      attrs: { value: komentar.cu.name },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ],
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
                               1
                             ),
                             _vm._v(" "),
-                            _c("div", { staticClass: "d-none d-sm-block" }, [
-                              _c("div", { staticClass: "header-elements" }, [
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4b14_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Kebutuhan-kebutuhan staf yang nyata tidak diketahui</li><li>Pergantian staf yang tinggi</li><li>Banyak posisi yang tidak terisi</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Pemahaman tentang kebutuhan staf terbatas</li><li>Posisi-posisi penting tidak terisi</li><li>Pergantian staf berada pada tingkat menengah.</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Tingkat penempatan staf akurat mencerminkan kebutuhan lembaga</li><li>Semua posisi terisi</li><li>Sedikit pergantian staf</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Tingkat penempatan staf akurat mencerminkan kebutuhan lembaga</li><li>Semua posisi terisi</li><li>Sedikit pergantian staf</li><li>Terus menerus berupaya menemukan dan mempertahankan mutu staf yang tinggi.</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4b14_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4b14_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4b14_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4b14_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4b14_cu_keterangan,
+                                    expression: "form.p4.p4b14_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b14_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4b14_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4b14_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
                                 _c(
-                                  "span",
-                                  { staticClass: "badge badge-secondary" },
+                                  "div",
+                                  { staticClass: "col-md-12" },
                                   [
-                                    _c("small", {
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4b14_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4b14_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4b14_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4b14_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4b14_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b14_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4b14_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b14_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
                                       domProps: {
-                                        innerHTML: _vm._s(
-                                          _vm.$options.filters.dateTime(
-                                            komentar.created_at
+                                        value:
+                                          _vm.form.p4.p4b14_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b14_bkcu_keterangan",
+                                            $event.target.value
                                           )
-                                        ),
+                                        },
                                       },
                                     }),
-                                  ]
-                                ),
+                                  ]),
+                                ]),
                                 _vm._v(" "),
-                                komentar.id_user == _vm.currentUser.id
-                                  ? _c(
-                                      "div",
-                                      { staticClass: "list-icons ml-2" },
-                                      [
-                                        _c(
-                                          "a",
-                                          {
-                                            staticClass:
-                                              "btn btn-light list-icons-item",
-                                            attrs: { href: "#" },
-                                            on: {
-                                              click: function ($event) {
-                                                $event.preventDefault()
-                                                return _vm.hapusOpen(komentar)
-                                              },
-                                            },
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass: "icon-bin2",
-                                            }),
-                                          ]
-                                        ),
-                                      ]
-                                    )
-                                  : _vm._e(),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b14_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4b14_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b14_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b14_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b14_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
                               ]),
-                            ]),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        komentar.keterangan
-                          ? _c("div", { staticClass: "card-body pb-1 pt-2" }, [
-                              _c("div", {
-                                domProps: {
-                                  innerHTML: _vm._s(komentar.keterangan),
-                                },
-                              }),
                             ])
                           : _vm._e(),
                         _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4b15_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4b15_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b15_cu_penilaian == cuTabName || form.p4.p4b15_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p4.p4b14_cu_penilaian != null &&
+                _vm.form.p4.p4b14_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t15. Tujuan Kinerja"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
                         _c(
                           "div",
-                          {
-                            staticClass:
-                              "card-footer d-block d-sm-none text-center",
-                          },
+                          { staticClass: "col-md-12" },
                           [
                             _c(
-                              "span",
-                              { staticClass: "badge badge-secondary" },
-                              [
-                                _c("small", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        komentar.created_at
-                                      )
-                                    ),
-                                  },
-                                }),
-                              ]
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
                             ),
                             _vm._v(" "),
-                            _c(
-                              "button",
-                              {
-                                staticClass:
-                                  "btn btn-light btn-block mt-2 mb-1",
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4b15_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada proses manajemen kinerja yang berlaku",
+                                subtitle2:
+                                  "Menajemen kinerja yang terbatas dijalankan dengan tidak ada kaitan yang jelasterhadap pengakuan dan penghargaan atas usaha yang dilakukan",
+                                subtitle3:
+                                  "<ul><li>Proses manajemen kinerja yang komprehensif berlaku</li><li>Tujuan jelas untuk membantu staf menunjukkan kinerja terbaik sesuai kemampuannya dengan memberi umpan balik, pengakuan atas usaha yang dilakukan dan panduan terkait dengan kinerja untuk memenuhi kebutuhan staf</li></ul>",
+                                subtitle4:
+                                  "Proses manajemen kinerja dengan praktik terbaik berlaku",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4b15_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4b15_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4b15_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4b15_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4b15_cu_keterangan,
+                                    expression: "form.p4.p4b15_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b15_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4b15_cu_keterangan,
+                                },
                                 on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.hapusOpen(komentar)
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4b15_cu_keterangan",
+                                      $event.target.value
+                                    )
                                   },
                                 },
-                              },
-                              [
-                                _c("i", { staticClass: "icon-bin2" }),
-                                _vm._v(" Hapus Komentar"),
-                              ]
-                            ),
-                          ]
+                              }),
+                            ]),
+                          ],
+                          1
                         ),
-                      ]
-                    )
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemDataKomentarStat === "loading"
-                ? _c("div", { staticClass: "card card-body" }, [
-                    _c("h4", [_vm._v("Mohon tunggu...")]),
-                    _vm._v(" "),
-                    _vm._m(0),
-                  ])
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemDataKomentarStat === "fail"
-                ? _c("div", { staticClass: "card card-body" }, [
-                    _c("h4", [
-                      _vm._v("Oops.. Terjadi kesalahan, silahkan coba lagi."),
-                    ]),
-                  ])
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemDataKomentarStat == "success" &&
-              _vm.itemDataKomentar.data.length > 0
-                ? _c("div", { staticClass: "card card-body pb-2 pt-2" }, [
-                    _c("div", { staticClass: "row pre-scrollable" }, [
-                      _c("div", { staticClass: "col-md-12 text-center" }, [
-                        _vm.itemDataKomentarStat === "success"
-                          ? _c(
-                              "div",
-                              { staticClass: "btn-group" },
-                              [
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
                                 _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-light",
-                                    class: {
-                                      disabled:
-                                        !_vm.itemDataKomentar.prev_page_url,
-                                    },
-                                    attrs: { href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.goToPage(1)
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4b15_bkcu_penilaian,
                                       },
-                                    },
-                                  },
-                                  [_c("i", { staticClass: "icon-backward2" })]
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4b15_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4b15_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4b15_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4b15_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
                                 ),
                                 _vm._v(" "),
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-light",
-                                    class: {
-                                      disabled:
-                                        !_vm.itemDataKomentar.prev_page_url,
-                                    },
-                                    attrs: { href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.prevPage.apply(
-                                          null,
-                                          arguments
-                                        )
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b15_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4b15_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b15_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
                                       },
-                                    },
-                                  },
-                                  [_c("i", { staticClass: "icon-arrow-left5" })]
-                                ),
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b15_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b15_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
                                 _vm._v(" "),
-                                _vm._l(_vm.pages, function (n, i) {
-                                  return _c(
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b15_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4b15_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b15_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b15_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b15_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
                                     "button",
                                     {
-                                      key: i,
-                                      staticClass: "btn",
-                                      class: {
-                                        "btn-primary":
-                                          _vm.queryKomentar.page == n,
-                                        "btn-light":
-                                          _vm.queryKomentar.page != n,
-                                      },
-                                      attrs: { href: "#" },
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
                                       on: {
                                         click: function ($event) {
                                           $event.preventDefault()
-                                          return _vm.goToPage(n)
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
                                         },
                                       },
                                     },
                                     [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
                                       _vm._v(
-                                        "\n                  " +
-                                          _vm._s(n) +
-                                          "\n              "
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
                                       ),
                                     ]
-                                  )
-                                }),
-                                _vm._v(" "),
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-light",
-                                    class: {
-                                      disabled:
-                                        !_vm.itemDataKomentar.next_page_url,
-                                    },
-                                    attrs: { href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.nextPage.apply(
-                                          null,
-                                          arguments
-                                        )
-                                      },
-                                    },
-                                  },
-                                  [
-                                    _c("i", {
-                                      staticClass: "icon-arrow-right5",
-                                    }),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-light",
-                                    class: {
-                                      disabled:
-                                        !_vm.itemDataKomentar.next_page_url,
-                                    },
-                                    attrs: { href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.goToPage(
-                                          _vm.itemDataKomentar.last_page
-                                        )
-                                      },
-                                    },
-                                  },
-                                  [_c("i", { staticClass: "icon-forward3" })]
-                                ),
-                              ],
-                              2
-                            )
-                          : _c("div", { staticClass: "btn-group" }, [
-                              _vm._m(1),
-                              _vm._v(" "),
-                              _vm._m(2),
-                              _vm._v(" "),
-                              _vm._m(3),
-                              _vm._v(" "),
-                              _vm._m(4),
-                              _vm._v(" "),
-                              _vm._m(5),
-                            ]),
+                                  ),
+                            ])
+                          : _vm._e(),
                       ]),
                     ]),
                   ])
                 : _vm._e(),
-              _vm._v(" "),
-              _c("hr"),
-              _vm._v(" "),
-              _vm.updateStat == "loading"
-                ? _c("div", [_vm._m(6)])
-                : _c("div", [
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4b16_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4b16_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b16_cu_penilaian == cuTabName || form.p4.p4b16_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p4.p4b15_cu_penilaian != null &&
+                _vm.form.p4.p4b15_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
                     _c(
-                      "form",
-                      {
-                        attrs: {
-                          enctype: "multipart/form-data",
-                          "data-vv-scope": "formMateri",
-                        },
-                        on: {
-                          submit: function ($event) {
-                            $event.preventDefault()
-                            return _vm.save.apply(null, arguments)
-                          },
-                        },
-                      },
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
                       [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t16. Standar-standar penilaian"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
                         _c(
                           "div",
-                          { staticClass: "form-group" },
+                          { staticClass: "col-md-12" },
                           [
-                            _c("ckeditor", {
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
                               attrs: {
-                                type: "classic",
-                                config: _vm.ckeditorNoImageConfig,
+                                form: _vm.form.p4.p4b16_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada standart manajemen kinerja yang berlaku",
+                                subtitle2:
+                                  "Standart penilaian terbaik dilakukan dengan tidak  ada kaitan yg jelas terhadap pengakuan dan  penghargaan atas kerja",
+                                subtitle3:
+                                  "<ul><li>Proses standart penilaian kinerja yg menyeluruh dan diterapkan</li><li>Tujuan jelas untuk membantu staf menunjukkan kinerja terbaik dengan memberikan umpan balik pengakuan atas usha atau kinerja mengacu pada pedoman utk memenuhi kebutuhan staf</li></ul>",
+                                subtitle4:
+                                  "Standar penilaian diterapkan sebagai best practise",
                               },
-                              model: {
-                                value: _vm.formKomentar.keterangan,
-                                callback: function ($$v) {
-                                  _vm.$set(_vm.formKomentar, "keterangan", $$v)
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4b16_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4b16_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4b16_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4b16_cu_penilaian = 4
                                 },
-                                expression: "formKomentar.keterangan",
                               },
                             }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4b16_cu_keterangan,
+                                    expression: "form.p4.p4b16_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b16_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4b16_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4b16_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
                           ],
                           1
                         ),
                         _vm._v(" "),
-                        _vm._m(7),
-                      ]
-                    ),
-                  ]),
-            ],
-            2
-          )
-        : _c("div", [
-            _c("div", { staticClass: "card card-body text-center" }, [
-              _vm._m(8),
-              _vm._v(" "),
-              _c("h3", [_vm._v("Hapus komentar ini?")]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c(
-                  "div",
-                  {
-                    staticClass: "card-header bg-light header-elements-inline",
-                  },
-                  [
-                    _c(
-                      "h6",
-                      { staticClass: "card-title" },
-                      [
-                        _vm.selectedKomentar.user.aktivis.gambar
-                          ? _c("img", {
-                              staticClass: "rounded-circle",
-                              attrs: {
-                                src:
-                                  "/images/aktivis/" +
-                                  _vm.selectedKomentar.user.aktivis.gambar +
-                                  ".jpg",
-                                width: "30",
-                                height: "30",
-                                alt: "user image",
-                              },
-                            })
-                          : _c("img", {
-                              staticClass: "rounded-circle",
-                              attrs: {
-                                src: "/images/no_image_man.jpg",
-                                width: "30",
-                                height: "30",
-                                alt: "user image",
-                              },
-                            }),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4b16_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4b16_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4b16_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4b16_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4b16_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b16_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4b16_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b16_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b16_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b16_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b16_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4b16_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b16_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b16_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b16_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
                         _vm._v(" "),
-                        _vm.selectedKomentar.user
-                          ? _c("check-value", {
-                              attrs: {
-                                value: _vm.selectedKomentar.user.aktivis.name,
-                              },
-                            })
-                          : _c("span", [_vm._v("-")]),
-                        _vm._v("\n              |\n              "),
-                        _vm.selectedKomentar.cu
-                          ? _c("check-value", {
-                              attrs: { value: _vm.selectedKomentar.cu.name },
-                            })
-                          : _c("span", [_vm._v("-")]),
-                      ],
-                      1
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "header-elements" }, [
-                      _c("span", { staticClass: "badge badge-secondary" }, [
-                        _c("small", {
-                          domProps: {
-                            innerHTML: _vm._s(
-                              _vm.$options.filters.dateTime(
-                                _vm.selectedKomentar.created_at
-                              )
-                            ),
-                          },
-                        }),
-                      ]),
-                    ]),
-                  ]
-                ),
-                _vm._v(" "),
-                _vm.selectedKomentar.keterangan
-                  ? _c("div", { staticClass: "card-body pb-1 pt-2" }, [
-                      _c("div", {
-                        domProps: {
-                          innerHTML: _vm._s(_vm.selectedKomentar.keterangan),
-                        },
-                      }),
-                    ])
-                  : _vm._e(),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "text-center d-none d-md-block" }, [
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        _vm.isShowHapus = false
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-arrow-left13" }),
-                    _vm._v(" Batal"),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-warning",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.hapus()
-                      },
-                    },
-                  },
-                  [_c("i", { staticClass: "icon-checkmark5" }), _vm._v(" Ok")]
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "d-block d-md-none" }, [
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-warning btn-block pb-2",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.hapus()
-                      },
-                    },
-                  },
-                  [_c("i", { staticClass: "icon-checkmark5" }), _vm._v(" Ok")]
-                ),
-                _vm._v(" "),
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block pb-2",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        _vm.isShowHapus = false
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-arrow-left13" }),
-                    _vm._v(" Batal"),
-                  ]
-                ),
-              ]),
-            ]),
-          ]),
-      _vm._v(" "),
-      _c("hr"),
-      _vm._v(" "),
-      _c("div", { staticClass: "text-center d-none d-md-block" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.tutup.apply(null, arguments)
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-        ),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "d-block d-md-none" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block pb-2",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.tutup.apply(null, arguments)
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-        ),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-backward2" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-arrow-left5" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-spinner2 spinner" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-arrow-right5" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-forward3" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
       ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      {
-        staticClass: "btn btn-warning btn-block pb-2",
-        attrs: { type: "submit" },
-      },
-      [_c("i", { staticClass: "icon-paperplane" }), _vm._v(" Kirim Komentar")]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "text-warning pb-2" }, [
-      _c("i", {
-        staticClass: "icon-question3",
-        staticStyle: { "font-size": "3em" },
-      }),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=template&id=0e67c796&":
-/*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=template&id=0e67c796& ***!
-  \****************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("formMateri") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
       _vm._v(" "),
       _c(
-        "form",
-        {
-          attrs: {
-            enctype: "multipart/form-data",
-            "data-vv-scope": "formMateri",
-          },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
-            },
-          },
-        },
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
         [
           _c(
             "div",
             {
-              staticClass: "form-group",
-              class: { "has-error": _vm.errors.has("formMateri.name") },
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4b17_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4b17_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b17_cu_penilaian == cuTabName || form.p4.p4b17_bkcu_penilaian == bkcuTabName",
+                },
+              ],
             },
             [
-              _c(
-                "h5",
-                { class: { "text-danger": _vm.errors.has("formMateri.name") } },
-                [
-                  _vm.errors.has("formMateri.name")
-                    ? _c("i", { staticClass: "icon-cross2" })
-                    : _vm._e(),
-                  _vm._v("\n\t\t\t\t\tNama :\n\t\t\t\t"),
-                ]
-              ),
-              _vm._v(" "),
-              _c("input", {
-                directives: [
-                  {
-                    name: "validate",
-                    rawName: "v-validate",
-                    value: "required",
-                    expression: "'required'",
-                  },
-                  {
-                    name: "model",
-                    rawName: "v-model",
-                    value: _vm.formMateri.name,
-                    expression: "formMateri.name",
-                  },
-                ],
-                staticClass: "form-control",
-                attrs: {
-                  type: "text",
-                  name: "name",
-                  placeholder: "Silahkan masukkan nama",
-                  "data-vv-as": "Nama di nametag",
-                },
-                domProps: { value: _vm.formMateri.name },
-                on: {
-                  input: function ($event) {
-                    if ($event.target.composing) {
-                      return
-                    }
-                    _vm.$set(_vm.formMateri, "name", $event.target.value)
-                  },
-                },
-              }),
-              _vm._v(" "),
-              _vm.errors.has("formMateri.name")
-                ? _c("small", { staticClass: "text-muted text-danger" }, [
-                    _c("i", { staticClass: "icon-arrow-small-right" }),
-                    _vm._v(
-                      " " +
-                        _vm._s(_vm.errors.first("formMateri.name")) +
-                        "\n\t\t\t\t"
+              (_vm.form.p4.p4b16_cu_penilaian != null &&
+                _vm.form.p4.p4b16_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t17. Kinerja sebagai nilai bersama"
+                          ),
+                        ]),
+                      ]
                     ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4b17_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Staf dipekerjakan, diberi penghargaan dan dipromosikan untuk menjalankan serangkaian tugas/ kewajiban atau untuk alasan yang lebih jelas</li><li>Keputusan yang dibuat kebanyakan atas dasar ”keberanian”</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Kontribusi kinerja jarang dipakai dan bisa menjadi salah satu dari banyak kriteria untuk mempekerjakan, memberi penghargaan dan mempromosikan staf</li><li>Data kinerja digunakan untuk membuat keputusan.</li></ul>",
+                                subtitle3:
+                                  "<ul><li> Kontribusi staf bagi dampak sosial, keuangan dan kelembagaan secara khusus dianggap sebagai kriteria keunggulan dalam membuat keputusan-keputusan untuk mem-pekerjakan, memberi penghargaan dan mempromosikan</li><li>Keputusan-keputusan penting menyangkut organisasi didasari pada pertimbangan tentang kinerja yang komprehensif</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Semua staf secara sistematis dipekerjakan, diberi penghargaan dan dipromosikan atas kontribusinya secara kolektif terhadap dampak sosial, keuangan, dan kelembagaan</li><li>Proses dan pengambilan keputusan dari hari ke hari didasari pada pertimbangan kinerja secara komprehensif</li><li>Terus menerus mengacu kepada kinerja.</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4b17_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4b17_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4b17_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4b17_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4b17_cu_keterangan,
+                                    expression: "form.p4.p4b17_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b17_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4b17_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4b17_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4b17_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4b17_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4b17_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4b17_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4b17_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b17_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4b17_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b17_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b17_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b17_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b17_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4b17_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b17_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b17_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b17_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
                   ])
-                : _c("small", { staticClass: "text-muted" }, [
-                    _vm._v(" \n\t\t\t\t"),
-                  ]),
+                : _vm._e(),
             ]
           ),
-          _vm._v(" "),
-          _c("div", { staticClass: "form-group" }, [
-            _c("h5", [_vm._v(" Keterangan: ")]),
-            _vm._v(" "),
-            _c("textarea", {
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
               directives: [
                 {
-                  name: "model",
-                  rawName: "v-model",
-                  value: _vm.formMateri.keterangan,
-                  expression: "formMateri.keterangan",
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4b18_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4b18_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b18_cu_penilaian == cuTabName || form.p4.p4b18_bkcu_penilaian == bkcuTabName",
                 },
               ],
-              staticClass: "form-control",
-              attrs: {
-                rows: "5",
-                type: "text",
-                name: "keterangan",
-                placeholder: "Silahkan masukkan keterangan ",
-              },
-              domProps: { value: _vm.formMateri.keterangan },
-              on: {
-                input: function ($event) {
-                  if ($event.target.composing) {
-                    return
-                  }
-                  _vm.$set(_vm.formMateri, "keterangan", $event.target.value)
-                },
-              },
-            }),
-          ]),
-          _vm._v(" "),
-          _vm.mode == "create"
-            ? _c(
-                "div",
-                {
-                  staticClass: "form-group",
-                  class: { "has-error": _vm.errors.has("formMateri.format") },
-                },
-                [
-                  _c(
-                    "h5",
-                    {
-                      class: {
-                        "text-danger": _vm.errors.has("formMateri.format"),
-                      },
-                    },
-                    [
-                      _vm.errors.has("formMateri.format")
-                        ? _c("i", { staticClass: "icon-cross2" })
-                        : _vm._e(),
-                      _vm._v("\n\t\t\t\t\tPilih Format:\n\t\t\t\t"),
-                    ]
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "select",
-                    {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.formMateri.format,
-                          expression: "formMateri.format",
-                        },
-                        {
-                          name: "validate",
-                          rawName: "v-validate",
-                          value: "required",
-                          expression: "'required'",
-                        },
-                      ],
-                      staticClass: "form-control",
-                      attrs: {
-                        name: "format",
-                        "data-width": "100%",
-                        "data-vv-as": "format",
-                      },
-                      on: {
-                        change: function ($event) {
-                          var $$selectedVal = Array.prototype.filter
-                            .call($event.target.options, function (o) {
-                              return o.selected
-                            })
-                            .map(function (o) {
-                              var val = "_value" in o ? o._value : o.value
-                              return val
-                            })
-                          _vm.$set(
-                            _vm.formMateri,
-                            "format",
-                            $event.target.multiple
-                              ? $$selectedVal
-                              : $$selectedVal[0]
-                          )
-                        },
-                      },
-                    },
-                    [
-                      _c("option", { attrs: { disabled: "", value: "" } }, [
-                        _vm._v("Silahkan pilih format"),
-                      ]),
-                      _vm._v(" "),
-                      _c("option", { attrs: { value: "upload" } }, [
-                        _vm._v("Upload"),
-                      ]),
-                      _vm._v(" "),
-                      _c("option", { attrs: { value: "link" } }, [
-                        _vm._v("Link"),
-                      ]),
-                    ]
-                  ),
-                  _vm._v(" "),
-                  _vm.errors.has("formMateri.format")
-                    ? _c("small", { staticClass: "text-muted text-danger" }, [
-                        _c("i", { staticClass: "icon-arrow-small-right" }),
-                        _vm._v(
-                          " " +
-                            _vm._s(_vm.errors.first("formMateri.format")) +
-                            "\n\t\t\t\t"
+            },
+            [
+              (_vm.form.p4.p4b17_cu_penilaian != null &&
+                _vm.form.p4.p4b17_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t18. Kecakapan Tim"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4b18_cu_penilaian,
+                                subtitle1:
+                                  "<ul><li>Para staf memiliki latar belakang dan pengalaman yang sangat terbatas</li><li>Minat dan kemampuan staf terbatas pada pekerjaan yang ada saat ini; kurang mampu menyelesaikan persoalan jika ada masalah</li><li>Bergantung kepada  CEO/GM/Manajer</li></ul>",
+                                subtitle2:
+                                  "<ul><li>Ada beberapa variasi latar belakang dan pengalaman staf</li><li>Kecakapan yang baik, termasuk sejumlah kemampuan menyelesaikan persoalan jika ada masalah</li><li>Berminat atas pekerjaan, melebihi pekerjaan yang ditanganinya sekarang dan dalam keberhasilan misi lembaga</li></ul>",
+                                subtitle3:
+                                  "<ul><li>Staf memiliki berbagai latar belakang dan pengalaman serta terampil dalam banyak hal.</li><li>Sangat mampu dan berkomitmen terhadap misi dan strategi</li><li>Mau belajar dan mengembangkan diri serta menyelesaikan tanggung jawab yang bertambah banyak</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Staf berasal dari berbagai latar belakang dan pengalaman serta memiliki keterampilan yang luar biasa</li><li>Sangat mampu menjalankan berbagai peran, berkomitmen terhadap misi, strategi maupun pembelajaran yang terus menerus</li><li>Sangat mau dan mampu menjalankan proyek khusus dan bekerja sama lintas bagian</li><li>Staf adalah sumber gagasan dan merupakan daya gerak peningkatan dan inovasi</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4b18_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4b18_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4b18_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4b18_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4b18_cu_keterangan,
+                                    expression: "form.p4.p4b18_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b18_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4b18_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4b18_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
                         ),
-                      ])
-                    : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                ]
-              )
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.mode == "create"
-            ? [
-                _vm.formMateri.format == "upload"
-                  ? _c("div", { staticClass: "form-group" }, [
-                      _c("h5", [_vm._v(" Upload dokumen: ")]),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "card-card-body" }, [
-                        _c("input", {
-                          ref: "fileInput",
-                          staticClass: "form-control",
-                          attrs: { type: "file", accept: ".pdf,image/*" },
-                          on: { change: _vm.upload },
-                        }),
-                      ]),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [
-                        _vm._v("File yang diterima adalah PDF dan gambar/foto"),
-                      ]),
-                    ])
-                  : _vm.formMateri.format == "link"
-                  ? _c("div", { staticClass: "form-group" }, [
-                      _c("h5", [_vm._v("Link dokumen: ")]),
-                      _vm._v(" "),
-                      _c("input", {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.formMateri.link,
-                            expression: "formMateri.link",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          type: "text",
-                          name: "link",
-                          placeholder: "Silahkan masukkan link",
-                        },
-                        domProps: { value: _vm.formMateri.link },
-                        on: {
-                          input: function ($event) {
-                            if ($event.target.composing) {
-                              return
-                            }
-                            _vm.$set(
-                              _vm.formMateri,
-                              "link",
-                              $event.target.value
-                            )
-                          },
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [
-                        _vm._v("Silahkan masukkan link ke dokumen"),
-                      ]),
-                    ])
-                  : _vm._e(),
-              ]
-            : _vm._e(),
-          _vm._v(" "),
-          _c("hr"),
-          _vm._v(" "),
-          _c("div", { staticClass: "text-center d-none d-md-block" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-            _vm._v(" "),
-            _vm._m(0),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "d-block d-md-none" }, [
-            _vm._m(1),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block pb-2",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-          ]),
-        ],
-        2
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4b18_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4b18_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4b18_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4b18_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4b18_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b18_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4b18_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b18_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b18_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b18_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b18_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4b18_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b18_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b18_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b18_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
+                                    ]
+                                  )
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
       ),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      {
-        staticClass: "btn btn-primary btn-block pb-2",
-        attrs: { type: "submit" },
-      },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=template&id=261dac5c&":
-/*!********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=template&id=261dac5c& ***!
-  \********************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("formPertanyaan") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
       _vm._v(" "),
       _c(
-        "form",
-        {
-          attrs: { "data-vv-scope": "formPertanyaan" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
-            },
-          },
-        },
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
         [
           _c(
             "div",
-            { staticClass: "form-group" },
-            [
-              _c("h5", [_vm._v(" Pertanyaan: ")]),
-              _vm._v(" "),
-              _c("ckeditor", {
-                attrs: { type: "classic", config: _vm.ckeditorNoImageConfig },
-                model: {
-                  value: _vm.formPertanyaan.keterangan,
-                  callback: function ($$v) {
-                    _vm.$set(_vm.formPertanyaan, "keterangan", $$v)
-                  },
-                  expression: "formPertanyaan.keterangan",
-                },
-              }),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c("hr"),
-          _vm._v(" "),
-          _c("div", { staticClass: "text-center d-none d-md-block" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-            _vm._v(" "),
-            _vm._m(0),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "d-block d-md-none" }, [
-            _vm._m(1),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block pb-2",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4b19_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4b19_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b19_cu_penilaian == cuTabName || form.p4.p4b19_bkcu_penilaian == bkcuTabName",
                 },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-          ]),
-        ]
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      {
-        staticClass: "btn btn-primary btn-block pb-2",
-        attrs: { type: "submit" },
-      },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5&":
-/*!****************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5& ***!
-  \****************************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("formKomentar") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.message.show
-        ? _c("message", {
-            attrs: {
-              title: "Oops terjadi kesalahan",
-              errorData: _vm.message.content,
-              showDebug: false,
+              ],
             },
-            on: { close: _vm.messageClose },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "div",
-        { staticClass: "card card-body bg-info text-white text-center" },
-        [_vm._v("\n      PERTANYAAN\n    ")]
-      ),
-      _vm._v(" "),
-      _c("div", { staticClass: "card" }, [
-        _c(
-          "div",
-          { staticClass: "card-header bg-light header-elements-inline" },
-          [
-            _c("h6", {
-              staticClass: "card-title",
-              domProps: {
-                innerHTML: _vm._s(
-                  _vm.$options.filters.dateTime(_vm.selected.created_at)
-                ),
-              },
-            }),
-            _vm._v(" "),
-            _c("div", { staticClass: "header-elements" }, [
-              _c(
-                "span",
-                { staticClass: "badge badge-primary" },
-                [
-                  _vm.selected.cu
-                    ? _c("check-value", {
-                        attrs: { value: _vm.selected.cu.name },
-                      })
-                    : _c("span", [_vm._v("-")]),
-                  _vm._v("\n            |\n            "),
-                  _vm.selected.user
-                    ? _c("check-value", {
-                        attrs: { value: _vm.selected.user.username },
-                      })
-                    : _c("span", [_vm._v("-")]),
-                ],
-                1
-              ),
-            ]),
-          ]
-        ),
-        _vm._v(" "),
-        _vm.selected.keterangan
-          ? _c("div", { staticClass: "card-body" }, [
-              _c("b", [_vm._v("Pertanyaan: ")]),
-              _vm._v(" "),
-              _c("br"),
-              _vm._v(" "),
-              _c("div", {
-                domProps: { innerHTML: _vm._s(_vm.selected.keterangan) },
-              }),
-            ])
-          : _vm._e(),
-      ]),
-      _vm._v(" "),
-      _vm.updateStat == "loading"
-        ? _c("div", [_vm._m(0)])
-        : [
-            !_vm.isShowHapus && !_vm.isShowJawaban && !_vm.isShowBatalJawaban
-              ? _c(
-                  "div",
-                  [
+            [
+              (_vm.form.p4.p4b18_cu_penilaian != null &&
+                _vm.form.p4.p4b18_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
                     _c(
                       "div",
-                      {
-                        staticClass:
-                          "card card-body bg-warning text-white text-center",
-                      },
-                      [_vm._v("\n          KOMENTAR\n        ")]
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t19. Jenjang Karir"),
+                        ]),
+                      ]
                     ),
                     _vm._v(" "),
-                    _vm.itemDataKomentarStat == "success" &&
-                    _vm.itemDataKomentar.data.length > 0
-                      ? _vm._l(_vm.itemDataKomentar.data, function (komentar) {
-                          return _c(
-                            "div",
-                            {
-                              key: komentar.id,
-                              staticClass: "card",
-                              class: {
-                                "border-warning": komentar.terjawab == 1,
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4b19_cu_penilaian,
+                                subtitle1:
+                                  "Sistem penilaian kerja dan pengembangan kemampuan  staf tidak jelas; tidak ada kepedulian terhadap ambisi pribadi staf",
+                                subtitle2:
+                                  "Sistem penilaian kerja dan pengembangan kemampuan  staf  jelas dan jarang terkait dengan ambisi pribadi staf maupun ambisi bersama dalam CU",
+                                subtitle3:
+                                  "Sistem penilaian kerja dan pengembangan kemampuan  staf terkait dengan ambisi pribadi staf dan ambisi bersama dalam CU",
+                                subtitle4:
+                                  "Sistem penilaian kerja dan pengembangan terkait dengan ambisi pribadi staf dan ambisi bersama dalam CU, CU secara aktif berupaya menyediakan lingkungan kerja yang adalah ”karir bukan pekerjaan”",
                               },
-                            },
-                            [
-                              komentar.terjawab
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4b19_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4b19_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4b19_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4b19_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4b19_cu_keterangan,
+                                    expression: "form.p4.p4b19_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b19_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4b19_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4b19_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4b19_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4b19_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4b19_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4b19_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4b19_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b19_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4b19_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b19_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b19_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b19_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b19_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4b19_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b19_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b19_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b19_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
                                 ? _c(
-                                    "div",
+                                    "button",
                                     {
-                                      staticClass:
-                                        "card-header bg-warning text-white text-center",
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
                                     },
                                     [
-                                      _c("i", { staticClass: "icon-check" }),
-                                      _vm._v(" JAWABAN\n            "),
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
+                                      }),
                                     ]
                                   )
-                                : _vm._e(),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "card-header bg-light header-elements-inline",
-                                },
-                                [
-                                  _c(
-                                    "h6",
-                                    { staticClass: "card-title" },
+                                : _c(
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
+                                        },
+                                      },
+                                    },
                                     [
-                                      komentar.user.aktivis.gambar
-                                        ? _c("img", {
-                                            staticClass: "rounded-circle",
-                                            attrs: {
-                                              src:
-                                                "/images/aktivis/" +
-                                                komentar.user.aktivis.gambar +
-                                                ".jpg",
-                                              width: "30",
-                                              height: "30",
-                                              alt: "user image",
-                                            },
-                                          })
-                                        : _c("img", {
-                                            staticClass: "rounded-circle",
-                                            attrs: {
-                                              src: "/images/no_image_man.jpg",
-                                              width: "30",
-                                              height: "30",
-                                              alt: "user image",
-                                            },
-                                          }),
-                                      _vm._v(" "),
-                                      komentar.user
-                                        ? _c("check-value", {
-                                            attrs: {
-                                              value: komentar.user.aktivis.name,
-                                            },
-                                          })
-                                        : _c("span", [_vm._v("-")]),
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
                                       _vm._v(
-                                        "\n                |\n                "
-                                      ),
-                                      komentar.cu
-                                        ? _c("check-value", {
-                                            attrs: { value: komentar.cu.name },
-                                          })
-                                        : _c("span", [_vm._v("-")]),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "d-none d-sm-block" },
-                                    [
-                                      _c(
-                                        "div",
-                                        { staticClass: "header-elements" },
-                                        [
-                                          _c(
-                                            "span",
-                                            {
-                                              staticClass:
-                                                "badge badge-secondary",
-                                            },
-                                            [
-                                              _c("small", {
-                                                domProps: {
-                                                  innerHTML: _vm._s(
-                                                    _vm.$options.filters.dateTime(
-                                                      komentar.created_at
-                                                    )
-                                                  ),
-                                                },
-                                              }),
-                                            ]
-                                          ),
-                                          _vm._v(" "),
-                                          _c(
-                                            "div",
-                                            { staticClass: "list-icons ml-2" },
-                                            [
-                                              !komentar.terjawab
-                                                ? _c(
-                                                    "a",
-                                                    {
-                                                      staticClass:
-                                                        "btn btn-warning list-icons-item text-white",
-                                                      attrs: { href: "#" },
-                                                      on: {
-                                                        click: function (
-                                                          $event
-                                                        ) {
-                                                          $event.preventDefault()
-                                                          return _vm.showOpen(
-                                                            komentar,
-                                                            "jawaban"
-                                                          )
-                                                        },
-                                                      },
-                                                    },
-                                                    [
-                                                      _c("i", {
-                                                        staticClass:
-                                                          "icon-check",
-                                                      }),
-                                                    ]
-                                                  )
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              komentar.terjawab
-                                                ? _c(
-                                                    "a",
-                                                    {
-                                                      staticClass:
-                                                        "btn btn-warning list-icons-item text-white",
-                                                      attrs: { href: "#" },
-                                                      on: {
-                                                        click: function (
-                                                          $event
-                                                        ) {
-                                                          $event.preventDefault()
-                                                          return _vm.showOpen(
-                                                            komentar,
-                                                            "batalJawaban"
-                                                          )
-                                                        },
-                                                      },
-                                                    },
-                                                    [
-                                                      _c("i", {
-                                                        staticClass:
-                                                          "icon-cross",
-                                                      }),
-                                                    ]
-                                                  )
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              komentar.id_user ==
-                                              _vm.currentUser.id
-                                                ? _c(
-                                                    "a",
-                                                    {
-                                                      staticClass:
-                                                        "btn btn-light list-icons-item",
-                                                      attrs: { href: "#" },
-                                                      on: {
-                                                        click: function (
-                                                          $event
-                                                        ) {
-                                                          $event.preventDefault()
-                                                          return _vm.showOpen(
-                                                            komentar,
-                                                            "hapus"
-                                                          )
-                                                        },
-                                                      },
-                                                    },
-                                                    [
-                                                      _c("i", {
-                                                        staticClass:
-                                                          "icon-bin2",
-                                                      }),
-                                                    ]
-                                                  )
-                                                : _vm._e(),
-                                            ]
-                                          ),
-                                        ]
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
                                       ),
                                     ]
                                   ),
-                                ]
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    (_vm.cuTabName == "semua" && _vm.bkcuTabName == "semua") ||
+                    _vm.form.p4.p4b20_cu_penilaian == _vm.cuTabName ||
+                    _vm.form.p4.p4b20_bkcu_penilaian == _vm.bkcuTabName,
+                  expression:
+                    "(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b20_cu_penilaian == cuTabName || form.p4.p4b20_bkcu_penilaian == bkcuTabName",
+                },
+              ],
+            },
+            [
+              (_vm.form.p4.p4b19_cu_penilaian != null &&
+                _vm.form.p4.p4b19_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card border-warning" }, [
+                    _c(
+                      "div",
+                      { staticClass: "card-header bg-warning text-white" },
+                      [
+                        _c("h5", { staticClass: "card-title" }, [
+                          _vm._v("\n\t\t\t\t\t20. Program Pengembangan"),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c(
+                          "div",
+                          { staticClass: "col-md-12" },
+                          [
+                            _c(
+                              "h5",
+                              [_vm._v("Penilaian CU: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("penilaian-cu", {
+                              attrs: {
+                                form: _vm.form.p4.p4b20_cu_penilaian,
+                                subtitle1:
+                                  "Tidak ada program pengembangan wawasan staf",
+                                subtitle2:
+                                  "Wawasan staf dikembangkan dari waktu ke waktu tetapi tidak secara berkala, tidak ada peraturan tertulis mengenai program pengembangan staf",
+                                subtitle3:
+                                  "<ul><li>Wawasan staf dikembangkan dari waktu ke waktu melalui program-program pelatihan, pengarahan dan pengembangan bakat</li><li>Ada kebijakan tentang pengembangan kompetensi, termasuk pelatihan internal dan eksternal, rapat kerja, simposium dan seminar</li></ul>",
+                                subtitle4:
+                                  "<ul><li>Wawasan staf dikembangkan secara terus menerus dan diperbaharui melalui program-program pelatihan, pengarahan dan pengembangan bakat</li><li>Ada kebijakan tentang pengembangan kompetensi secara proaktif, termasuk pelatihan internal dan eksternal, rapat kerja, simposium dan seminar</li><li>Selalu berupaya melaksanakan praktik terbaik dalam program pengembangan</li></ul>",
+                              },
+                              on: {
+                                click1: function ($event) {
+                                  _vm.form.p4.p4b20_cu_penilaian = 1
+                                },
+                                click2: function ($event) {
+                                  _vm.form.p4.p4b20_cu_penilaian = 2
+                                },
+                                click3: function ($event) {
+                                  _vm.form.p4.p4b20_cu_penilaian = 3
+                                },
+                                click4: function ($event) {
+                                  _vm.form.p4.p4b20_cu_penilaian = 4
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "form-group" }, [
+                              _c(
+                                "h5",
+                                [_vm._v("Keterangan CU: "), _c("wajib-badge")],
+                                1
                               ),
                               _vm._v(" "),
-                              komentar.keterangan
+                              _c("textarea", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.p4.p4b20_cu_keterangan,
+                                    expression: "form.p4.p4b20_cu_keterangan",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  rows: "6",
+                                  type: "text",
+                                  name: "p1b20_cu_keterangan",
+                                  placeholder: "Silahkan masukkan keterangan ",
+                                  readonly:
+                                    _vm.$route.meta.mode == "penilaianBkcu" ||
+                                    _vm.$route.meta.mode == "lihat",
+                                },
+                                domProps: {
+                                  value: _vm.form.p4.p4b20_cu_keterangan,
+                                },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form.p4,
+                                      "p4b20_cu_keterangan",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                            ]),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.mode == "penilaianBkcu" || _vm.mode == "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "row" }, [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c("hr"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "col-md-12" },
+                                  [
+                                    _c("h5", [
+                                      _vm._v("Penilaian PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("penilaian-bkcu", {
+                                      attrs: {
+                                        form: _vm.form.p4.p4b20_bkcu_penilaian,
+                                      },
+                                      on: {
+                                        click1: function ($event) {
+                                          _vm.form.p4.p4b20_bkcu_penilaian = 1
+                                        },
+                                        click2: function ($event) {
+                                          _vm.form.p4.p4b20_bkcu_penilaian = 2
+                                        },
+                                        click3: function ($event) {
+                                          _vm.form.p4.p4b20_bkcu_penilaian = 3
+                                        },
+                                        click4: function ($event) {
+                                          _vm.form.p4.p4b20_bkcu_penilaian = 4
+                                        },
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Keterangan PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b20_bkcu_keterangan,
+                                          expression:
+                                            "form.p4.p4b20_bkcu_keterangan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b20_bkcu_keterangan",
+                                        placeholder:
+                                          "Silahkan masukkan keterangan ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b20_bkcu_keterangan,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b20_bkcu_keterangan",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "col-md-6" }, [
+                                  _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [
+                                      _vm._v("Rekomendasi PUSKOPCUINA:"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("textarea", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value:
+                                            _vm.form.p4.p4b20_bkcu_rekomendasi,
+                                          expression:
+                                            "form.p4.p4b20_bkcu_rekomendasi",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        rows: "6",
+                                        type: "text",
+                                        name: "p1b20_bkcu_rekomendasi",
+                                        placeholder:
+                                          "Silahkan masukkan rekomendasi ",
+                                        readonly:
+                                          _vm.$route.meta.mode == "lihat",
+                                      },
+                                      domProps: {
+                                        value:
+                                          _vm.form.p4.p4b20_bkcu_rekomendasi,
+                                      },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form.p4,
+                                            "p4b20_bkcu_rekomendasi",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "lihat"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _vm.updateSingleStat == "loading"
                                 ? _c(
-                                    "div",
-                                    { staticClass: "card-body pb-1 pt-2" },
+                                    "button",
+                                    {
+                                      staticClass: "btn btn-light btn-block",
+                                      attrs: { type: "button", disabled: "" },
+                                    },
                                     [
-                                      _c("div", {
-                                        domProps: {
-                                          innerHTML: _vm._s(
-                                            komentar.keterangan
-                                          ),
-                                        },
+                                      _c("i", {
+                                        staticClass: "icon-sync spinner",
                                       }),
                                     ]
                                   )
-                                : _vm._e(),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "card-footer d-block d-sm-none text-center",
-                                },
-                                [
-                                  _c(
-                                    "span",
-                                    { staticClass: "badge badge-secondary" },
-                                    [
-                                      _c("small", {
-                                        domProps: {
-                                          innerHTML: _vm._s(
-                                            _vm.$options.filters.dateTime(
-                                              komentar.created_at
-                                            )
-                                          ),
-                                        },
-                                      }),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  !komentar.terjawab
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-warning btn-block mt-2 mb-1",
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.showOpen(
-                                                komentar,
-                                                "jawaban"
-                                              )
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-check",
-                                          }),
-                                          _vm._v(" Jadikan Jawaban"),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  komentar.terjawab
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-warning btn-block mt-2 mb-1",
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.showOpen(
-                                                komentar,
-                                                "batalJawaban"
-                                              )
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-check",
-                                          }),
-                                          _vm._v(" Batal Jawaban"),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _c(
+                                : _c(
                                     "button",
                                     {
-                                      staticClass:
-                                        "btn btn-light btn-block mt-2 mb-1",
+                                      staticClass: "btn btn-warning btn-block",
+                                      attrs: { type: "button" },
                                       on: {
                                         click: function ($event) {
                                           $event.preventDefault()
-                                          return _vm.showOpen(komentar, "hapus")
+                                          return _vm.saveSingle.apply(
+                                            null,
+                                            arguments
+                                          )
                                         },
                                       },
                                     },
                                     [
-                                      _c("i", { staticClass: "icon-bin2" }),
-                                      _vm._v(" Hapus Komentar"),
+                                      _c("i", {
+                                        staticClass: "icon-floppy-disk",
+                                      }),
+                                      _vm._v(
+                                        " Simpan Draft Untuk Perspektif Ini\n\t\t\t\t\t\t"
+                                      ),
                                     ]
                                   ),
-                                ]
-                              ),
-                            ]
-                          )
-                        })
-                      : _vm._e(),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.cuTabName == "semua" && _vm.bkcuTabName == "semua",
+                  expression: "cuTabName == 'semua' && bkcuTabName == 'semua'",
+                },
+              ],
+            },
+            [
+              (_vm.form.p4.p4b20_cu_penilaian != null &&
+                _vm.form.p4.p4b20_cu_keterangan != null) ||
+              _vm.mode == "penilaianBkcu" ||
+              _vm.mode == "lihat"
+                ? _c("div", { staticClass: "card card-body" }, [
+                    _c(
+                      "div",
+                      { staticClass: "text-center d-none d-md-block" },
+                      [
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light",
+                            attrs: { type: "button" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.prev.apply(null, arguments)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-arrow-left13" }),
+                            _vm._v(" Kembali\n\t\t\t\t"),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-primary",
+                            attrs: { type: "button" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.next.apply(null, arguments)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-arrow-right14" }),
+                            _vm._v(" Selanjutnya\n\t\t\t\t"),
+                          ]
+                        ),
+                      ]
+                    ),
                     _vm._v(" "),
-                    _vm.itemDataKomentarStat === "loading"
-                      ? _c("div", { staticClass: "card card-body" }, [
-                          _c("h4", [_vm._v("Mohon tunggu...")]),
-                          _vm._v(" "),
-                          _vm._m(1),
+                    _c("div", { staticClass: "d-block d-md-none" }, [
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-primary btn-block",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.next.apply(null, arguments)
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-arrow-right14" }),
+                          _vm._v(" Selanjutnya\n\t\t\t\t"),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light btn-block",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.prev.apply(null, arguments)
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-arrow-left13" }),
+                          _vm._v(" Kembali\n\t\t\t\t"),
+                        ]
+                      ),
+                    ]),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=template&id=32967008&":
+/*!*******************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=template&id=32967008& ***!
+  \*******************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "div",
+      { staticClass: "card  border-top-2 border-top-primary rounded-top-0" },
+      [
+        _vm._m(0),
+        _vm._v(" "),
+        _c("div", { staticClass: "card-body" }, [
+          _c("p", [
+            _vm._v(
+              "Berdasarkan pengisian indikator di masing-masing perspektif oleh CU, maka dapat disimpulkan bahwa"
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "table-responsive" }, [
+            _c("table", { staticClass: "table table-bordered" }, [
+              _vm._m(1),
+              _vm._v(" "),
+              _c("tbody", [
+                _c("tr", [
+                  _c("td", [
+                    _vm.nilaiTotalBobotCU > 59 && _vm.nilaiTotalBobotCU < 71
+                      ? _c("span", [
+                          _vm.a1 < 10 && _vm.e9 >= 5
+                            ? _c("span", [
+                                _vm._v(
+                                  "\n\t\t\t\t\t\t\t\t\t\tPERUNGGU (BRONZE)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ])
+                            : _c("span", [
+                                _vm._v(
+                                  "MAAF ANDA BELUM BISA MENDAPATKAN ACCESS BRANDING"
+                                ),
+                              ]),
+                        ])
+                      : _vm.nilaiTotalBobotCU > 70 && _vm.nilaiTotalBobotCU < 81
+                      ? _c("span", [
+                          _vm.a1 < 7 && _vm.e9 >= 8
+                            ? _c("span", [
+                                _vm._v(
+                                  "\t\n\t\t\t\t\t\t\t\t\t\tPERAK (SILVER)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ])
+                            : _c("span", [
+                                _vm._v(
+                                  "\n\t\t\t\t\t\t\t\t\t\tPERUNGGU (BRONZE)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ]),
+                        ])
+                      : _vm.nilaiTotalBobotCU > 81 && _vm.nilaiTotalBobotCU < 91
+                      ? _c("span", [
+                          _vm.a1 < 5 && _vm.e9 >= 10
+                            ? _c("span", [
+                                _vm._v(
+                                  "\t\t\n\t\t\t\t\t\t\t\t\t\tEMAS (GOLD)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ])
+                            : _c("span", [
+                                _vm._v(
+                                  "\n\t\t\t\t\t\t\t\t\t\tPERAK (SILVER)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ]),
+                        ])
+                      : _vm.nilaiTotalBobotCU > 90
+                      ? _c("span", [
+                          (_vm.a1 = 0 && false)
+                            ? _c("span", [
+                                _vm._v(
+                                  "\t\t\n\t\t\t\t\t\t\t\t\t\tPLATINA (PLATINUM)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ])
+                            : _c("span", [
+                                _vm._v(
+                                  "\n\t\t\t\t\t\t\t\t\t\tEMAS (GOLD)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ]),
+                        ])
+                      : _c("span", [
+                          _vm._v(
+                            "MAAF ANDA BELUM BISA MENDAPATKAN ACCESS BRANDING"
+                          ),
+                        ]),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiTotalSkorCU,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiTotalBobotCU,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.a1, valueType: "decimal" },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.e9, valueType: "decimal" },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c("br"),
+          _vm._v(" "),
+          _c("p", [
+            _vm._v(
+              "Berdasarkan pengisian indikator di masing-masing perspektif yang telah diperiksa oleh PUSKOPCUINA, maka dapat disimpulkan bahwa"
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "table-responsive" }, [
+            _c("table", { staticClass: "table table-bordered" }, [
+              _vm._m(2),
+              _vm._v(" "),
+              _c("tbody", [
+                _c("tr", [
+                  _c("td", [
+                    _vm.nilaiTotalBobotBKCU > 59 && _vm.nilaiTotalBobotBKCU < 71
+                      ? _c("span", [
+                          _vm.a1 < 10 && _vm.e9 >= 5
+                            ? _c("span", [
+                                _vm._v(
+                                  "\n\t\t\t\t\t\t\t\t\t\tPERUNGGU (BRONZE)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ])
+                            : _c("span", [
+                                _vm._v(
+                                  "MAAF ANDA BELUM BISA MENDAPATKAN ACCESS BRANDING"
+                                ),
+                              ]),
                         ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.itemDataKomentarStat === "fail"
-                      ? _c("div", { staticClass: "card card-body" }, [
-                          _c("h4", [
-                            _vm._v(
-                              "Oops.. Terjadi kesalahan, silahkan coba lagi."
-                            ),
-                          ]),
+                      : _vm.nilaiTotalBobotBKCU > 70 &&
+                        _vm.nilaiTotalBobotBKCU < 81
+                      ? _c("span", [
+                          _vm.a1 < 7 && _vm.e9 >= 8
+                            ? _c("span", [
+                                _vm._v(
+                                  "\t\n\t\t\t\t\t\t\t\t\t\tPERAK (SILVER)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ])
+                            : _c("span", [
+                                _vm._v(
+                                  "\n\t\t\t\t\t\t\t\t\t\tPERUNGGU (BRONZE)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ]),
                         ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.itemDataKomentarStat == "success" &&
-                    _vm.itemDataKomentar.data.length > 0
-                      ? _c("div", { staticClass: "card card-body pb-2 pt-2" }, [
-                          _c("div", { staticClass: "row pre-scrollable" }, [
-                            _c(
-                              "div",
-                              { staticClass: "col-md-12 text-center" },
-                              [
-                                _vm.itemDataKomentarStat === "success"
-                                  ? _c(
-                                      "div",
-                                      { staticClass: "btn-group" },
-                                      [
-                                        _c(
-                                          "button",
-                                          {
-                                            staticClass: "btn btn-light",
-                                            class: {
-                                              disabled:
-                                                !_vm.itemDataKomentar
-                                                  .prev_page_url,
-                                            },
-                                            attrs: { href: "#" },
-                                            on: {
-                                              click: function ($event) {
-                                                $event.preventDefault()
-                                                return _vm.goToPage(1)
-                                              },
-                                            },
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass: "icon-backward2",
-                                            }),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "button",
-                                          {
-                                            staticClass: "btn btn-light",
-                                            class: {
-                                              disabled:
-                                                !_vm.itemDataKomentar
-                                                  .prev_page_url,
-                                            },
-                                            attrs: { href: "#" },
-                                            on: {
-                                              click: function ($event) {
-                                                $event.preventDefault()
-                                                return _vm.prevPage.apply(
-                                                  null,
-                                                  arguments
-                                                )
-                                              },
-                                            },
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass: "icon-arrow-left5",
-                                            }),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _vm._l(_vm.pages, function (n, index) {
-                                          return _c(
-                                            "button",
-                                            {
-                                              key: index,
-                                              staticClass: "btn",
-                                              class: {
-                                                "btn-primary":
-                                                  _vm.queryKomentar.page == n,
-                                                "btn-light":
-                                                  _vm.queryKomentar.page != n,
-                                              },
-                                              attrs: { href: "#" },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.goToPage(n)
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _vm._v(
-                                                "\n                    " +
-                                                  _vm._s(n) +
-                                                  "\n                "
-                                              ),
-                                            ]
-                                          )
-                                        }),
-                                        _vm._v(" "),
-                                        _c(
-                                          "button",
-                                          {
-                                            staticClass: "btn btn-light",
-                                            class: {
-                                              disabled:
-                                                !_vm.itemDataKomentar
-                                                  .next_page_url,
-                                            },
-                                            attrs: { href: "#" },
-                                            on: {
-                                              click: function ($event) {
-                                                $event.preventDefault()
-                                                return _vm.nextPage.apply(
-                                                  null,
-                                                  arguments
-                                                )
-                                              },
-                                            },
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass: "icon-arrow-right5",
-                                            }),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "button",
-                                          {
-                                            staticClass: "btn btn-light",
-                                            class: {
-                                              disabled:
-                                                !_vm.itemDataKomentar
-                                                  .next_page_url,
-                                            },
-                                            attrs: { href: "#" },
-                                            on: {
-                                              click: function ($event) {
-                                                $event.preventDefault()
-                                                return _vm.goToPage(
-                                                  _vm.itemDataKomentar.last_page
-                                                )
-                                              },
-                                            },
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass: "icon-forward3",
-                                            }),
-                                          ]
-                                        ),
-                                      ],
-                                      2
-                                    )
-                                  : _c("div", { staticClass: "btn-group" }, [
-                                      _vm._m(2),
-                                      _vm._v(" "),
-                                      _vm._m(3),
-                                      _vm._v(" "),
-                                      _vm._m(4),
-                                      _vm._v(" "),
-                                      _vm._m(5),
-                                      _vm._v(" "),
-                                      _vm._m(6),
-                                    ]),
-                              ]
-                            ),
-                          ]),
+                      : _vm.nilaiTotalBobotBKCU > 81 &&
+                        _vm.nilaiTotalBobotBKCU < 91
+                      ? _c("span", [
+                          _vm.a1 < 5 && _vm.e9 >= 10
+                            ? _c("span", [
+                                _vm._v(
+                                  "\t\t\n\t\t\t\t\t\t\t\t\t\tEMAS (GOLD)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ])
+                            : _c("span", [
+                                _vm._v(
+                                  "\n\t\t\t\t\t\t\t\t\t\tPERAK (SILVER)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ]),
                         ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _c("hr"),
-                    _vm._v(" "),
-                    _c(
-                      "form",
-                      {
+                      : _vm.nilaiTotalBobotBKCU > 90
+                      ? _c("span", [
+                          (_vm.a1 = 0 && false)
+                            ? _c("span", [
+                                _vm._v(
+                                  "\t\t\n\t\t\t\t\t\t\t\t\t\tPLATINA (PLATINUM)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ])
+                            : _c("span", [
+                                _vm._v(
+                                  "\n\t\t\t\t\t\t\t\t\t\tEMAS (GOLD)\n\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ]),
+                        ])
+                      : _c("span", [
+                          _vm._v(
+                            "MAAF ANDA BELUM BISA MENDAPATKAN ACCESS BRANDING"
+                          ),
+                        ]),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiTotalSkorBKCU,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiTotalBobotBKCU,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c("br"),
+          _vm._v(" "),
+          _vm._m(3),
+          _vm._v(" "),
+          _c("p", [_vm._v("Penentuan rating diatas adalah berdasarkan")]),
+          _vm._v(" "),
+          _vm._m(4),
+        ]),
+      ]
+    ),
+    _vm._v(" "),
+    _vm.form.p4.p4b20_cu_penilaian == null ||
+    _vm.form.p4.p4b20_cu_keterangan == null
+      ? _c("div", { staticClass: "card bg-danger card-body" }, [
+          _c("h6", { staticClass: "mb-0" }, [
+            _vm._v(
+              "Silahkan melengkapi indikator sebelumnya untuk menyimpan data atau jika belum selesai maka silahkan tekan tombol simpan draft dibagian atas"
+            ),
+          ]),
+        ])
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.$route.meta.mode == "penilaianBkcu"
+      ? _c("div", [
+          _vm.form.p4.p4b20_bkcu_penilaian == null
+            ? _c("div", { staticClass: "card bg-danger card-body" }, [
+                _c("h6", { staticClass: "mb-0" }, [
+                  _vm._v(
+                    "Silahkan melengkapi penilaian sebelumnya untuk menyimpan data atau jika belum selesai maka silahkan tekan tombol simpan draft dibagian atas"
+                  ),
+                ]),
+              ])
+            : _vm._e(),
+        ])
+      : _vm._e(),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("5. KESIMPULAN")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("thead", { staticClass: "bg-primary" }, [
+      _c("tr", { staticClass: "text-nowarp" }, [
+        _c("th", [_vm._v("BRANDING CU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("NILAI")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("KESEPADANAN (%)")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("Kelalaian Pinjaman / A1 (%)")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("Modal Lembaga / E9 (%)")]),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("thead", { staticClass: "bg-brown" }, [
+      _c("tr", { staticClass: "text-nowarp" }, [
+        _c("th", [_vm._v("BRANDING PUSKOPCUINA")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("NILAI")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("KESEPADANAN (%)")]),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("u", [_c("b", [_vm._v("Catatan:")])])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "table-responsive" }, [
+      _c("table", { staticClass: "table table-bordered" }, [
+        _c("thead", { staticClass: "bg-danger" }, [
+          _c("tr", { staticClass: "text-nowarp" }, [
+            _c("th", [_vm._v("BRANDING")]),
+            _vm._v(" "),
+            _c("th", [_vm._v("NILAI")]),
+            _vm._v(" "),
+            _c("th", [_vm._v("KESEPADANAN (%)")]),
+            _vm._v(" "),
+            _c("th", [_vm._v("Kelalaian Pinjaman / A1 (%)")]),
+            _vm._v(" "),
+            _c("th", [_vm._v("Modal Lembaga / E9 (%)")]),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("tbody", [
+          _c("tr", [
+            _c("td", [_vm._v("PERUNGGU (BRONZE)")]),
+            _vm._v(" "),
+            _c("td", [_vm._v("207 - 241")]),
+            _vm._v(" "),
+            _c("td", [_vm._v("60 - 70")]),
+            _vm._v(" "),
+            _c("td", [_vm._v("< 10")]),
+            _vm._v(" "),
+            _c("td", [_vm._v(">= 5")]),
+          ]),
+          _vm._v(" "),
+          _c("tr", [
+            _c("td", [_vm._v("PERAK (SILVER)")]),
+            _vm._v(" "),
+            _c("td", [_vm._v("242 - 275")]),
+            _vm._v(" "),
+            _c("td", [_vm._v("71 - 80")]),
+            _vm._v(" "),
+            _c("td", [_vm._v("< 7")]),
+            _vm._v(" "),
+            _c("td", [_vm._v(">= 8")]),
+          ]),
+          _vm._v(" "),
+          _c("tr", [
+            _c("td", [_vm._v("EMAS (GOLD)")]),
+            _vm._v(" "),
+            _c("td", [_vm._v("276 - 310")]),
+            _vm._v(" "),
+            _c("td", [_vm._v("81 - 90")]),
+            _vm._v(" "),
+            _c("td", [_vm._v("< 5")]),
+            _vm._v(" "),
+            _c("td", [_vm._v(">= 10")]),
+          ]),
+          _vm._v(" "),
+          _c("tr", [
+            _c("td", [_vm._v("PLATINA (PLATINUM)")]),
+            _vm._v(" "),
+            _c("td", [_vm._v("Di atas 310")]),
+            _vm._v(" "),
+            _c("td", [_vm._v("Di atas 90")]),
+            _vm._v(" "),
+            _c("td", [_vm._v("0")]),
+            _vm._v(" "),
+            _c("td", [_vm._v("> 10")]),
+          ]),
+        ]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=template&id=616e65da&":
+/*!***********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=template&id=616e65da& ***!
+  \***********************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "row" }, [
+    _c("div", { staticClass: "col-md-3" }, [
+      _c(
+        "div",
+        {
+          staticClass: "card card-body",
+          class: { "bg-primary text-white": _vm.form == 1 },
+          staticStyle: { cursor: "pointer" },
+          on: {
+            click: function ($event) {
+              $event.preventDefault()
+              return _vm.click1.apply(null, arguments)
+            },
+          },
+        },
+        [_c("h6", { staticClass: "mb-0" }, [_vm._v("POOR (1)")])]
+      ),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "col-md-3" }, [
+      _c(
+        "div",
+        {
+          staticClass: "card card-body",
+          class: { "bg-primary text-white": _vm.form == 2 },
+          staticStyle: { cursor: "pointer" },
+          on: {
+            click: function ($event) {
+              $event.preventDefault()
+              return _vm.click2.apply(null, arguments)
+            },
+          },
+        },
+        [_c("h6", { staticClass: "mb-0" }, [_vm._v("FAIR (2)")])]
+      ),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "col-md-3" }, [
+      _c(
+        "div",
+        {
+          staticClass: "card card-body",
+          class: { "bg-primary text-white": _vm.form == 3 },
+          staticStyle: { cursor: "pointer" },
+          on: {
+            click: function ($event) {
+              $event.preventDefault()
+              return _vm.click3.apply(null, arguments)
+            },
+          },
+        },
+        [_c("h6", { staticClass: "mb-0" }, [_vm._v("GOOD (3)")])]
+      ),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "col-md-3" }, [
+      _c(
+        "div",
+        {
+          staticClass: "card card-body",
+          class: { "bg-primary text-white": _vm.form == 4 },
+          staticStyle: { cursor: "pointer" },
+          on: {
+            click: function ($event) {
+              $event.preventDefault()
+              return _vm.click4.apply(null, arguments)
+            },
+          },
+        },
+        [_c("h6", { staticClass: "mb-0" }, [_vm._v("EXCELLENT (4)")])]
+      ),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=template&id=4e0d4bde&":
+/*!*********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=template&id=4e0d4bde& ***!
+  \*********************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "row" }, [
+    _c("div", { staticClass: "col-md-3" }, [
+      _c(
+        "div",
+        {
+          staticClass: "card",
+          class: { "border-primary": _vm.form == 1 },
+          staticStyle: { cursor: "pointer" },
+          on: {
+            click: function ($event) {
+              $event.preventDefault()
+              return _vm.click1.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c(
+            "div",
+            {
+              staticClass: "card-header ",
+              class: {
+                "bg-primary text-white": _vm.form == 1,
+                "bg-white": _vm.form != 1,
+              },
+            },
+            [_c("h6", { staticClass: "card-title" }, [_vm._v("POOR (1)")])]
+          ),
+          _vm._v(" "),
+          _c("div", {
+            staticClass: "card-body",
+            domProps: { innerHTML: _vm._s(_vm.subtitle1) },
+          }),
+        ]
+      ),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "col-md-3" }, [
+      _c(
+        "div",
+        {
+          staticClass: "card",
+          class: { "border-primary": _vm.form == 2 },
+          staticStyle: { cursor: "pointer" },
+          on: {
+            click: function ($event) {
+              $event.preventDefault()
+              return _vm.click2.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c(
+            "div",
+            {
+              staticClass: "card-header ",
+              class: {
+                "bg-primary text-white": _vm.form == 2,
+                "bg-white": _vm.form != 2,
+              },
+            },
+            [_c("h6", { staticClass: "card-title" }, [_vm._v("FAIR (2)")])]
+          ),
+          _vm._v(" "),
+          _c("div", {
+            staticClass: "card-body",
+            domProps: { innerHTML: _vm._s(_vm.subtitle2) },
+          }),
+        ]
+      ),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "col-md-3" }, [
+      _c(
+        "div",
+        {
+          staticClass: "card",
+          class: { "border-primary": _vm.form == 3 },
+          staticStyle: { cursor: "pointer" },
+          on: {
+            click: function ($event) {
+              $event.preventDefault()
+              return _vm.click3.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c(
+            "div",
+            {
+              staticClass: "card-header ",
+              class: {
+                "bg-primary text-white": _vm.form == 3,
+                "bg-white": _vm.form != 3,
+              },
+            },
+            [_c("h6", { staticClass: "card-title" }, [_vm._v("GOOD (3)")])]
+          ),
+          _vm._v(" "),
+          _c("div", {
+            staticClass: "card-body",
+            domProps: { innerHTML: _vm._s(_vm.subtitle3) },
+          }),
+        ]
+      ),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "col-md-3" }, [
+      _c(
+        "div",
+        {
+          staticClass: "card",
+          class: { "border-primary": _vm.form == 4 },
+          staticStyle: { cursor: "pointer" },
+          on: {
+            click: function ($event) {
+              $event.preventDefault()
+              return _vm.click4.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c(
+            "div",
+            {
+              staticClass: "card-header ",
+              class: {
+                "bg-primary text-white": _vm.form == 4,
+                "bg-white": _vm.form != 4,
+              },
+            },
+            [_c("h6", { staticClass: "card-title" }, [_vm._v("EXCELLENT (4)")])]
+          ),
+          _vm._v(" "),
+          _c("div", {
+            staticClass: "card-body",
+            domProps: { innerHTML: _vm._s(_vm.subtitle4) },
+          }),
+        ]
+      ),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=template&id=680442ff&":
+/*!*****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=template&id=680442ff& ***!
+  \*****************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "div",
+      { staticClass: "card border-top-2 border-top-primary rounded-top-0" },
+      [
+        _c(
+          "div",
+          { staticClass: "card-header bg-white header-elements-inline" },
+          [
+            _c("h5", { staticClass: "card-title" }, [
+              _vm._v("1. SCORE CARD PERSPEKTIF KEUANGAN"),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "header-elements" }, [
+              _c("div", { staticClass: "list-icons" }, [
+                _c(
+                  "a",
+                  {
+                    staticClass: "list-icons-item",
+                    attrs: { href: "#" },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        _vm.collapsed = !_vm.collapsed
+                      },
+                    },
+                  },
+                  [
+                    _c("i", {
+                      class: {
+                        "icon-arrow-up12": _vm.collapsed,
+                        "icon-arrow-down12": !_vm.collapsed,
+                      },
+                    }),
+                  ]
+                ),
+              ]),
+            ]),
+          ]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "card-body" }, [
+          _c(
+            "div",
+            { staticClass: "text-right d-none d-sm-block" },
+            [
+              _c(
+                "json-excel",
+                {
+                  staticClass: "btn bg-green-300 btn-icon",
+                  attrs: {
+                    data: _vm.excel.data,
+                    exportFields: _vm.excel.fields,
+                    meta: _vm.excel.meta,
+                    title: "Data " + _vm.title,
+                    name: _vm.title + ".xls",
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-folder-download2" }),
+                  _vm._v(" Download Excel"),
+                ]
+              ),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "d-block d-sm-none" },
+            [
+              _c(
+                "json-excel",
+                {
+                  staticClass: "btn bg-green-300 btn-icon btn-block",
+                  attrs: {
+                    data: _vm.excel.data,
+                    exportFields: _vm.excel.fields,
+                    meta: _vm.excel.meta,
+                    title: "Data " + _vm.title,
+                    name: _vm.title + ".xls",
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-folder-download2" }),
+                  _vm._v(" Download Excel"),
+                ]
+              ),
+            ],
+            1
+          ),
+        ]),
+        _vm._v(" "),
+        _c(
+          "div",
+          {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: !_vm.collapsed,
+                expression: "!collapsed",
+              },
+            ],
+            staticClass: "table-responsive",
+          },
+          [
+            _c("table", { staticClass: "table table-bordered" }, [
+              _vm._m(0),
+              _vm._v(" "),
+              _c("tbody", [
+                _c("tr", { staticClass: "bg-info font-weight-bold" }, [
+                  _c("td", [_vm._v("A. PERLINDUNGAN")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP1A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP1A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP1A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP1A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "1. P1 = Mengukur kemampuan CU menyediakan dana cadangan risiko atas piutang lalai > 12 bulan"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1a1_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1a1_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1a1_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1a1_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1a1_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1a1_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1a1_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "2. P2 = Mengukur kemampuan CU menyediakan dana cadangan risiko atas piutang lalai < 12 bulan"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1a2_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1a2_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1a2_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1a2_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1a2_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1a2_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1a2_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", { staticClass: "bg-warning font-weight-bold" }, [
+                  _c("td", [_vm._v("B. STRUKTUR KEUANGAN YANG EFEKTIF")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP1B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP1B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP1B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP1B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "3. E1 = Mengukur persentase total asset yang diinvestasikan dalam piutang"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1b3_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1b3_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1b3_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1b3_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1b3_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1b3_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1b3_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "4. E5 = Mengukur persentase total asset yang didanai dari simpanan non saham"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1b4_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1b4_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1b4_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1b4_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1b4_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1b4_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1b4_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "5. E6 = Mengukur persentase total asset yang didanai dari pinjaman pihak 3"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1b5_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1b5_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1b5_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1b5_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1b5_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1b5_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1b5_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "6. E9 = Mengukur level nyata dari modal lembaga setelah mengeluarkan penyisihan DCR untuk menutupi P1 & P2"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1b7_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1b7_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1b7_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1b7_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1b7_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1b7_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1b7_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", { staticClass: "bg-success font-weight-bold" }, [
+                  _c("td", [_vm._v("C. KUALITAS ASET")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP1C,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP1C,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP1C,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP1C,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "7. A1 = Mengukur persentase total kelalaian piutang terhadap total piutang"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1c8_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1c8_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1c8_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1c8_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1c8_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1c8_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1c8_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "8. A2 = Mengukur total asset yang tidak menghasilkan income"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1c9_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1c9_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1c9_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1c9_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1c9_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1c9_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1c9_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", { staticClass: "bg-brown font-weight-bold" }, [
+                  _c("td", [_vm._v("D. NILAI PENGEMBALIAN ATAS PEMBIAYAAN")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP1D,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP1D,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP1D,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP1D,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "9. R7 = Mengukur persentase pengembalian biaya atas simpanan saham"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1d10_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1d10_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1d10_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1d10_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1d10_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1d10_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1d10_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "10. R9 = Mengukur persentase beban untuk mengelola semua asset"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1d11_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1d11_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1d11_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1d11_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1d11_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1d11_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1d11_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", { staticClass: "bg-danger font-weight-bold" }, [
+                  _c("td", [_vm._v("E. LIKUIDITAS")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP1E,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP1E,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP1E,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP1E,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "11. L1 = Mengukur persentase cadangan likuid untuk memenuhi permintaan penarikan setelah membayar semua kewajiban < 30 hari"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1e12_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1e12_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1e12_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1e12_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1e12_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1e12_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1e12_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", { staticClass: "bg-teal font-weight-bold" }, [
+                  _c("td", [_vm._v("F. PERTUMBUHAN")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP1F,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP1F,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP1F,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP1F,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "12. S10 = Mengukur persentase pertumbuhan anggota dari tahun ke tahun"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1f13_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1f13_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1f13_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1f13_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1f13_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1f13_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1f13_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "13. S11 = Mengukur persentase pertumbuhan total  aset dari tahun ke tahun"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1f14_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1f14_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p1.p1f14_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p1.p1f14_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1f14_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1f14_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p1.p1f14_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+              ]),
+              _vm._v(" "),
+              _c("tfoot", [
+                _c("tr", { staticClass: "bg-primary font-weight-bold" }, [
+                  _c("td", [_vm._v("SUBTOTAL")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            _vm.nilaiSkorCUP1A +
+                            _vm.nilaiSkorCUP1B +
+                            _vm.nilaiSkorCUP1C +
+                            _vm.nilaiSkorCUP1D +
+                            _vm.nilaiSkorCUP1E +
+                            _vm.nilaiSkorCUP1F,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            _vm.nilaiBobotCUP1A +
+                            _vm.nilaiBobotCUP1B +
+                            _vm.nilaiBobotCUP1C +
+                            _vm.nilaiBobotCUP1D +
+                            _vm.nilaiBobotCUP1E +
+                            _vm.nilaiBobotCUP1F,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            _vm.nilaiSkorBKCUP1A +
+                            _vm.nilaiSkorBKCUP1B +
+                            _vm.nilaiSkorBKCUP1C +
+                            _vm.nilaiSkorBKCUP1D +
+                            _vm.nilaiSkorBKCUP1E +
+                            _vm.nilaiSkorBKCUP1F,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            _vm.nilaiBobotBKCUP1A +
+                            _vm.nilaiBobotBKCUP1B +
+                            _vm.nilaiBobotBKCUP1C +
+                            _vm.nilaiBobotBKCUP1D +
+                            _vm.nilaiBobotBKCUP1E +
+                            _vm.nilaiBobotBKCUP1F,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("thead", { staticClass: "bg-primary" }, [
+      _c("tr", { staticClass: "text-nowarp" }, [
+        _c("th", [_vm._v("PERSPEKTIF")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("SKOR CU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("BOBOT CU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("SKOR BKCU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("BOBOT BKCU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("KETERANGAN CU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("KETERANGAN BKCU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("REKOMENDASI BKCU")]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=template&id=68125a80&":
+/*!*****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=template&id=68125a80& ***!
+  \*****************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "div",
+      { staticClass: "card border-top-2 border-top-primary rounded-top-0" },
+      [
+        _c(
+          "div",
+          { staticClass: "card-header bg-white header-elements-inline" },
+          [
+            _c("h5", { staticClass: "card-title" }, [
+              _vm._v("2. SCORE CARD PERSPEKTIF ANGGOTA/PELANGGAN"),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "header-elements" }, [
+              _c("div", { staticClass: "list-icons" }, [
+                _c(
+                  "a",
+                  {
+                    staticClass: "list-icons-item",
+                    attrs: { href: "#" },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        _vm.collapsed = !_vm.collapsed
+                      },
+                    },
+                  },
+                  [
+                    _c("i", {
+                      class: {
+                        "icon-arrow-up12": _vm.collapsed,
+                        "icon-arrow-down12": !_vm.collapsed,
+                      },
+                    }),
+                  ]
+                ),
+              ]),
+            ]),
+          ]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "card-body" }, [
+          _c(
+            "div",
+            { staticClass: "text-right d-none d-sm-block" },
+            [
+              _c(
+                "json-excel",
+                {
+                  staticClass: "btn bg-green-300 btn-icon",
+                  attrs: {
+                    data: _vm.excel.data,
+                    exportFields: _vm.excel.fields,
+                    meta: _vm.excel.meta,
+                    title: "Data " + _vm.title,
+                    name: _vm.title + ".xls",
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-folder-download2" }),
+                  _vm._v(" Download Excel"),
+                ]
+              ),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "d-block d-sm-none" },
+            [
+              _c(
+                "json-excel",
+                {
+                  staticClass: "btn bg-green-300 btn-icon btn-block",
+                  attrs: {
+                    data: _vm.excel.data,
+                    exportFields: _vm.excel.fields,
+                    meta: _vm.excel.meta,
+                    title: "Data " + _vm.title,
+                    name: _vm.title + ".xls",
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-folder-download2" }),
+                  _vm._v(" Download Excel"),
+                ]
+              ),
+            ],
+            1
+          ),
+        ]),
+        _vm._v(" "),
+        _c(
+          "div",
+          {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: !_vm.collapsed,
+                expression: "!collapsed",
+              },
+            ],
+            staticClass: "table-responsive",
+          },
+          [
+            _c("table", { staticClass: "table table-bordered" }, [
+              _vm._m(0),
+              _vm._v(" "),
+              _c("tbody", [
+                _c("tr", { staticClass: "bg-info font-weight-bold" }, [
+                  _c("td", [
+                    _vm._v("A. PRODUK DAN PELAYANAN YANG BERKUALITAS"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP2A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP2A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP2A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP2A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("1. Target Produk dan Pelayanan")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a1_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a1_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a1_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a1_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a1_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a1_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a1_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("2. Tampilan Produk")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a2_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a2_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a2_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a2_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a2_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a2_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a2_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("3. Rentangan Produk Keuangan")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a3_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a3_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a3_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a3_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a3_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a3_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a3_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("4. Brand sebagai Pola Pikir")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a4_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a4_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a4_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a4_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a4_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a4_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a4_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("5. Produk Pendorong Kesejahteraan")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a5_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a5_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a5_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a5_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a5_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a5_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a5_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "6. Capacitiy Based Landing (Pinjaman berbasis kemampuan mengembalikan)"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a6_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a6_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a6_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a6_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a6_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a6_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a6_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("7. Akses dan Kenyamanan")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a7_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a7_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a7_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a7_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a7_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a7_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a7_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("8. Price Value")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a8_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a8_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a8_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a8_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a8_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a8_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a8_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("9. Pemasaran dan Promosi")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a9_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a9_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a9_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a9_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a9_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a9_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a9_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("10. Insentif Loyalitas")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a10_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a10_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a10_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a10_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a10_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a10_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a10_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("11. Kemasan Produk")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a11_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a11_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2a11_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2a11_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a11_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a11_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2a11_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", { staticClass: "bg-warning font-weight-bold" }, [
+                  _c("td", [_vm._v("B. KEPUASAN ANGGOTA")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP2B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP2B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP2B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP2B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("12. Pemahaman tentang Anggota")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b12_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b12_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b12_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b12_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b12_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b12_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b12_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v("13. Membina Hubungan Berkelanjutan dengan Anggota"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b13_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b13_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b13_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b13_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b13_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b13_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b13_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("14. Evaluasi Kepuasan Anggota")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b14_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b14_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b14_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b14_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b14_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b14_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b14_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "15. Share of Wallet (Hanya menjadi anggota CU kita)"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b15_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b15_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b15_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b15_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b15_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b15_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b15_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v("16. Customer Care Excellence yang dilembagakan"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b16_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b16_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b16_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b16_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b16_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b16_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b16_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v("17. Manfaat bagi anggota (Member benefit)"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b17_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b17_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b17_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b17_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b17_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b17_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b17_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("18. Rapat Anggota")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b18_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b18_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b18_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b18_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b18_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b18_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b18_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("19. Partisipasi anggota")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b19_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b19_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b19_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b19_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b19_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b19_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b19_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "20. Masukan dari anggota secara rutin setiap tahun dalam perencanaan, umpan balik dari anggota diminta secara rutin dan wilayah kerja sudah dibagi untuk memastikan bahwa umpan balik terkumpul"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b20_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b20_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b20_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b20_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b20_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b20_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b20_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("21. Pengguna Produk-produk Pinjaman")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b21_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b21_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b21_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b21_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b21_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b21_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b21_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "22. Pemahaman Tanggung jawab Peminjam - dilihat dari % Kelalaian"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b22_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b22_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b22_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b22_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b22_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b22_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b22_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v("23. Infrastruktur Fisik-Bangunan dan Ruang Kantor"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b23_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b23_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b23_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b23_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b23_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b23_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b23_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v("24. Infrastruktur teknologi –telefon dan faks"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b24_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b24_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b24_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b24_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b24_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b24_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b24_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v("25. Komputer, Aplikasi, Network dan Email"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b25_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b25_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b25_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b25_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b25_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b25_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b25_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("26. Website")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b26_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b26_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b26_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b26_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b26_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b26_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b26_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v("27. Sistem Pelaporan Manajemen & Pusat Data"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b27_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b27_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p2.p2b27_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p2.p2b27_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b27_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b27_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p2.p2b27_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+              ]),
+              _vm._v(" "),
+              _c("tfoot", [
+                _c("tr", { staticClass: "bg-primary font-weight-bold" }, [
+                  _c("td", [_vm._v("SUBTOTAL")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP2A + _vm.nilaiSkorCUP2B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP2A + _vm.nilaiBobotCUP2B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP2A + _vm.nilaiSkorBKCUP2B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP2A + _vm.nilaiBobotBKCUP2B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("thead", { staticClass: "bg-primary" }, [
+      _c("tr", { staticClass: "text-nowarp" }, [
+        _c("th", [_vm._v("PERSPEKTIF")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("SKOR CU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("BOBOT CU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("SKOR BKCU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("BOBOT BKCU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("KETERANGAN CU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("KETERANGAN BKCU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("REKOMENDASI BKCU")]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=template&id=68207201&":
+/*!*****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=template&id=68207201& ***!
+  \*****************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "div",
+      { staticClass: "card border-top-2 border-top-primary rounded-top-0" },
+      [
+        _c(
+          "div",
+          { staticClass: "card-header bg-white header-elements-inline" },
+          [
+            _c("h5", { staticClass: "card-title" }, [
+              _vm._v("3. SCORE CARD PERSPEKTIF BISNIS INTERNAL"),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "header-elements" }, [
+              _c("div", { staticClass: "list-icons" }, [
+                _c(
+                  "a",
+                  {
+                    staticClass: "list-icons-item",
+                    attrs: { href: "#" },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        _vm.collapsed = !_vm.collapsed
+                      },
+                    },
+                  },
+                  [
+                    _c("i", {
+                      class: {
+                        "icon-arrow-up12": _vm.collapsed,
+                        "icon-arrow-down12": !_vm.collapsed,
+                      },
+                    }),
+                  ]
+                ),
+              ]),
+            ]),
+          ]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "card-body" }, [
+          _c(
+            "div",
+            { staticClass: "text-right d-none d-sm-block" },
+            [
+              _c(
+                "json-excel",
+                {
+                  staticClass: "btn bg-green-300 btn-icon",
+                  attrs: {
+                    data: _vm.excel.data,
+                    exportFields: _vm.excel.fields,
+                    meta: _vm.excel.meta,
+                    title: "Data " + _vm.title,
+                    name: _vm.title + ".xls",
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-folder-download2" }),
+                  _vm._v(" Download Excel"),
+                ]
+              ),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "d-block d-sm-none" },
+            [
+              _c(
+                "json-excel",
+                {
+                  staticClass: "btn bg-green-300 btn-icon btn-block",
+                  attrs: {
+                    data: _vm.excel.data,
+                    exportFields: _vm.excel.fields,
+                    meta: _vm.excel.meta,
+                    title: "Data " + _vm.title,
+                    name: _vm.title + ".xls",
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-folder-download2" }),
+                  _vm._v(" Download Excel"),
+                ]
+              ),
+            ],
+            1
+          ),
+        ]),
+        _vm._v(" "),
+        _c(
+          "div",
+          {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: !_vm.collapsed,
+                expression: "!collapsed",
+              },
+            ],
+            staticClass: "table-responsive",
+          },
+          [
+            _c("table", { staticClass: "table table-bordered" }, [
+              _vm._m(0),
+              _vm._v(" "),
+              _c("tbody", [
+                _c("tr", { staticClass: "bg-info font-weight-bold" }, [
+                  _c("td", [
+                    _vm._v("A. PRODUK DAN PELAYANAN YANG BERKUALITAS"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP3A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP3A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP3A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP3A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("1. Manual Operasional Yang Komprehensif")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a1_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a1_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a1_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a1_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a1_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a1_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a1_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("2. Manual Prosedur")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a2_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a2_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a2_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a2_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a2_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a2_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a2_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("3. Produktivitas Staf")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a3_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a3_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a3_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a3_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a3_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a3_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a3_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v("4. Manajemen Kekeliruan (Error Management)"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a4_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a4_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a4_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a4_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a4_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a4_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a4_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v("5. Service delivery kepada anggota - Pinjaman"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a5_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a5_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a5_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a5_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a5_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a5_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a5_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v("6. Service delivery kepada anggota - Simpanan"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a6_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a6_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a6_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a6_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a6_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a6_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a6_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "7. Service delivery kepada anggota – Penarikan Simpanan"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a7_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a7_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a7_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a7_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a7_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a7_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a7_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v("8. Penggunaan Mesin dan Peralatan Kantor"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a8_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a8_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a8_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a8_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a8_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a8_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a8_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("9. Efisiensi Komunikasi Internal")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a9_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a9_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3a9_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3a9_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a9_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a9_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3a9_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", { staticClass: "bg-warning font-weight-bold" }, [
+                  _c("td", [_vm._v("B. POSISI BERSAING")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP3B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP3B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP3B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP3B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+                _vm._v(" "),
+                _vm._m(1),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("10. Kematangan Visi")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b10_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b10_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b10_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b10_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b10_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b10_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b10_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v("11. Keberanian Visi (Boldness  of Vission)"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b11_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b11_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b11_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b11_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b11_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b11_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b11_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("12. Perumusan Misi Dengan Baik")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
                         attrs: {
-                          enctype: "multipart/form-data",
-                          "data-vv-scope": "formMateri",
+                          value: _vm.form.p3.p3b12_cu_penilaian / 1,
+                          valueType: "currency",
                         },
-                        on: {
-                          submit: function ($event) {
-                            $event.preventDefault()
-                            return _vm.save.apply(null, arguments)
-                          },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b12_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
                         },
-                      },
-                      [
-                        _c(
-                          "div",
-                          { staticClass: "form-group" },
-                          [
-                            _c("ckeditor", {
-                              attrs: {
-                                type: "classic",
-                                config: _vm.ckeditorNoImageConfig,
-                              },
-                              model: {
-                                value: _vm.formKomentar.keterangan,
-                                callback: function ($$v) {
-                                  _vm.$set(_vm.formKomentar, "keterangan", $$v)
-                                },
-                                expression: "formKomentar.keterangan",
-                              },
-                            }),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _vm._m(7),
-                      ]
-                    ),
-                  ],
-                  2
-                )
-              : _vm.isShowHapus || _vm.isShowJawaban || _vm.isShowBatalJawaban
-              ? _c("div", [
-                  _c("div", { staticClass: "card card-body text-center" }, [
-                    _vm._m(8),
-                    _vm._v(" "),
-                    _vm.isShowHapus
-                      ? _c("h3", [_vm._v("Hapus komentar ini?")])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.isShowJawaban
-                      ? _c("h3", [
-                          _vm._v("Jadikan ini sebagai jawaban komentar ini?"),
-                        ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.isShowBatalJawaban
-                      ? _c("h3", [
-                          _vm._v("Batalkan komentar ini sebagai jawaban?"),
-                        ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass:
-                            "card-header bg-light header-elements-inline",
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b12_bkcu_penilaian / 1,
+                          valueType: "currency",
                         },
-                        [
-                          _c(
-                            "h6",
-                            { staticClass: "card-title" },
-                            [
-                              _vm.selectedKomentar.user.aktivis.gambar
-                                ? _c("img", {
-                                    staticClass: "rounded-circle",
-                                    attrs: {
-                                      src:
-                                        "/images/aktivis/" +
-                                        _vm.selectedKomentar.user.aktivis
-                                          .gambar +
-                                        ".jpg",
-                                      width: "30",
-                                      height: "30",
-                                      alt: "user image",
-                                    },
-                                  })
-                                : _c("img", {
-                                    staticClass: "rounded-circle",
-                                    attrs: {
-                                      src: "/images/no_image_man.jpg",
-                                      width: "30",
-                                      height: "30",
-                                      alt: "user image",
-                                    },
-                                  }),
-                              _vm._v(" "),
-                              _vm.selectedKomentar.user
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value:
-                                        _vm.selectedKomentar.user.aktivis.name,
-                                    },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                              _vm._v("\n                |\n                "),
-                              _vm.selectedKomentar.cu
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: _vm.selectedKomentar.cu.name,
-                                    },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "header-elements" }, [
-                            _c(
-                              "span",
-                              { staticClass: "badge badge-secondary" },
-                              [
-                                _c("small", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        _vm.selectedKomentar.created_at
-                                      )
-                                    ),
-                                  },
-                                }),
-                              ]
-                            ),
-                          ]),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _vm.selectedKomentar.keterangan
-                        ? _c("div", { staticClass: "card-body pb-1 pt-2" }, [
-                            _c("div", {
-                              domProps: {
-                                innerHTML: _vm._s(
-                                  _vm.selectedKomentar.keterangan
-                                ),
-                              },
-                            }),
-                          ])
-                        : _vm._e(),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "row" }, [
-                      _c("div", { staticClass: "col-sm-6" }, [
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-block mb-2",
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.showBatal()
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-arrow-left13" }),
-                            _vm._v(" Batal"),
-                          ]
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "col-sm-6" }, [
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-warning btn-block mb-2",
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.showOke()
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-checkmark5" }),
-                            _vm._v(" Ok"),
-                          ]
-                        ),
-                      ]),
-                    ]),
-                  ]),
-                ])
-              : _vm._e(),
-          ],
-      _vm._v(" "),
-      _c("hr"),
-      _vm._v(" "),
-      _c("div", { staticClass: "text-center d-none d-md-block" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.tutup.apply(null, arguments)
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-        ),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "d-block d-md-none" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block pb-2",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.tutup.apply(null, arguments)
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-        ),
-      ]),
-    ],
-    2
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-backward2" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-arrow-left5" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-spinner2 spinner" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-arrow-right5" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-forward3" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      {
-        staticClass: "btn btn-warning btn-block pb-2",
-        attrs: { type: "submit" },
-      },
-      [_c("i", { staticClass: "icon-paperplane" }), _vm._v(" Kirim Komentar")]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "text-warning pb-2" }, [
-      _c("i", {
-        staticClass: "icon-question3",
-        staticStyle: { "font-size": "3em" },
-      }),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=template&id=31ba210f&":
-/*!*****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=template&id=31ba210f& ***!
-  \*****************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formPeserta" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.checkPeserta.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass:
-              "alert bg-info text-white alert-styled-left alert-dismissible",
-          },
-          [
-            _c(
-              "span",
-              { staticClass: "font-weight-semibold" },
-              [
-                _vm._v(
-                  "Sasaran peserta untuk kegiatan ini adalah untuk tingkat: \n\t\t\t"
-                ),
-                _c("br"),
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b12_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b12_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b12_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b12_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
                 _vm._v(" "),
-                _vm._l(_vm.tingkat, function (sasaran, index) {
-                  return _c(
-                    "label",
-                    { key: index, staticClass: "badge badge-primary ml-1" },
-                    [_vm._v("\n\t\t\t\t" + _vm._s(sasaran.name) + "\n\t\t\t")]
-                  )
-                }),
-              ],
-              2
-            ),
-          ]
-        ),
-        _vm._v(" "),
-        _vm.message.show
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorData: _vm.message.content,
-                showDebug: false,
-              },
-              on: { close: _vm.messageClose },
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _vm.formPeserta.aktivis_id
-          ? _c("div", { staticClass: "card" }, [
-              _c(
-                "div",
-                {
-                  staticClass:
-                    "card-header bg-info text-white header-elements-inline",
-                },
-                [
-                  _c("h6", { staticClass: "card-title" }, [
-                    _vm._v(_vm._s(_vm.formPeserta.name)),
-                  ]),
+                _c("tr", [
+                  _c("td", [_vm._v("13. Nilai-nilai inti")]),
                   _vm._v(" "),
-                  _c("div", { staticClass: "header-elements" }, [
-                    _vm.mode == "create"
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-danger",
-                            attrs: { type: "button" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.deleteSelected.apply(null, arguments)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-cross2 mr-2" }),
-                            _vm._v(" Batal"),
-                          ]
-                        )
-                      : _vm._e(),
-                  ]),
-                ]
-              ),
-              _vm._v(" "),
-              _c("div", { staticClass: "card-body" }, [
-                _c(
-                  "div",
-                  { staticClass: "media flex-column flex-sm-row mt-0 mb-3" },
-                  [
-                    _c("div", { staticClass: "mr-sm-3 mb-2 mb-sm-0" }, [
-                      _c("div", { staticClass: "card-img-actions" }, [
-                        _vm.formPeserta.gambar
-                          ? _c("img", {
-                              staticClass: "img-fluid img-preview rounded",
-                              attrs: {
-                                src:
-                                  "/images/aktivis/" +
-                                  _vm.formPeserta.gambar +
-                                  ".jpg",
-                              },
-                            })
-                          : _c("img", {
-                              staticClass: "img-fluid img-preview rounded",
-                              attrs: { src: "/images/no_image.jpg" },
-                            }),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "media-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-sm-6" }, [
-                          _c("ul", { staticClass: "list list-unstyled mb-0" }, [
-                            _c("li", [
-                              _c("b", [_vm._v("Gender:")]),
-                              _vm._v(" " + _vm._s(_vm.formPeserta.kelamin)),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _c("b", [_vm._v("Tempat Lahir:")]),
-                              _vm._v(
-                                " " + _vm._s(_vm.formPeserta.tempat_lahir)
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _c("b", [_vm._v("Tgl. Lahir:")]),
-                              _vm._v(" "),
-                              _c("span", {
-                                domProps: {
-                                  innerHTML: _vm._s(
-                                    _vm.$options.filters.date(
-                                      _vm.formPeserta.tanggal_lahir
-                                    )
-                                  ),
-                                },
-                              }),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _c("b", [_vm._v("Status:")]),
-                              _vm._v(" " + _vm._s(_vm.formPeserta.status)),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _c("b", [_vm._v("Tinggi:")]),
-                              _vm._v(" " + _vm._s(_vm.formPeserta.tinggi)),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _c("b", [_vm._v("Agama:")]),
-                              _vm._v(" " + _vm._s(_vm.formPeserta.agama)),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-sm-6" }, [
-                          _c("ul", { staticClass: "list list-unstyled mb-0" }, [
-                            _c("li", [
-                              _c("b", [_vm._v("CU:")]),
-                              _vm._v(" "),
-                              _c("br"),
-                              _vm._v(_vm._s(_vm.formPeserta.lembaga)),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _c("b", [_vm._v("Jabatan:")]),
-                              _vm._v(" "),
-                              _c("br"),
-                              _vm._v(_vm._s(_vm.formPeserta.jabatan)),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", [
-                              _c("b", [_vm._v("Pendidikan:")]),
-                              _vm._v(" "),
-                              _c("br"),
-                              _vm._v(_vm._s(_vm.formPeserta.pendidikan)),
-                            ]),
-                          ]),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-            ])
-          : _vm._e(),
-        _vm._v(" "),
-        _vm.formPeserta.aktivis_id == "" && _vm.mode == "create"
-          ? _c("data-viewer", {
-              attrs: {
-                title: "Aktivis",
-                columnData: _vm.columnData,
-                itemData: _vm.itemData,
-                query: _vm.query,
-                itemDataStat: _vm.itemDataStat,
-                isDasar: "true",
-                isNoButtonRow: "true",
-              },
-              on: { fetch: _vm.fetch },
-              scopedSlots: _vm._u(
-                [
-                  {
-                    key: "item-desktop",
-                    fn: function (props) {
-                      return [
-                        _c(
-                          "tr",
-                          {
-                            staticClass: "text-nowrap cursor-pointer",
-                            on: {
-                              click: function ($event) {
-                                return _vm.selectedRow(props.item)
-                              },
-                            },
-                          },
-                          [
-                            _c("td", [
-                              _vm._v(
-                                "\n\t\t\t\t\t" +
-                                  _vm._s(
-                                    props.index +
-                                      1 +
-                                      (+_vm.itemData.current_page - 1) *
-                                        +_vm.itemData.per_page +
-                                      "."
-                                  ) +
-                                  "\n\t\t\t\t"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("td", [
-                              props.item.gambar
-                                ? _c("img", {
-                                    staticClass:
-                                      "img-rounded img-fluid wmin-sm",
-                                    attrs: {
-                                      src:
-                                        "/images/" +
-                                        _vm.kelas +
-                                        "/" +
-                                        props.item.gambar +
-                                        "n.jpg",
-                                    },
-                                  })
-                                : _c("img", {
-                                    staticClass:
-                                      "img-rounded img-fluid wmin-sm",
-                                    attrs: { src: "/images/no_image.jpg" },
-                                  }),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.name },
-                                }),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.kelamin },
-                                }),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            !_vm.columnData[4].disable
-                              ? _c("td", [
-                                  props.item.pekerjaan_aktif &&
-                                  props.item.pekerjaan_aktif.tipe == 1
-                                    ? _c(
-                                        "span",
-                                        [
-                                          props.item.pekerjaan_aktif.cu
-                                            ? _c("check-value", {
-                                                attrs: {
-                                                  value:
-                                                    props.item.pekerjaan_aktif
-                                                      .cu.name,
-                                                },
-                                              })
-                                            : _c("span", [_vm._v("-")]),
-                                        ],
-                                        1
-                                      )
-                                    : props.item.pekerjaan_aktif &&
-                                      props.item.pekerjaan_aktif.tipe == 2
-                                    ? _c(
-                                        "span",
-                                        [
-                                          props.item.pekerjaan_aktif
-                                            .lembaga_lain
-                                            ? _c("check-value", {
-                                                attrs: {
-                                                  value:
-                                                    props.item.pekerjaan_aktif
-                                                      .lembaga_lain.name,
-                                                },
-                                              })
-                                            : _c("span", [_vm._v("-")]),
-                                        ],
-                                        1
-                                      )
-                                    : props.item.pekerjaan_aktif &&
-                                      props.item.pekerjaan_aktif.tipe == 3
-                                    ? _c("span", [
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t"
-                                        ),
-                                      ])
-                                    : _c("span", [_vm._v("-")]),
-                                ])
-                              : _vm._e(),
-                            _vm._v(" "),
-                            _c("td", {
-                              domProps: {
-                                innerHTML: _vm._s(
-                                  _vm.$options.filters.checkTingkatAktivis(
-                                    props.item.pekerjaan_aktif.tingkat
-                                  )
-                                ),
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.pekerjaan_aktif
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value: props.item.pekerjaan_aktif.name,
-                                      },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.pendidikan_tertinggi
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value:
-                                          props.item.pendidikan_tertinggi
-                                            .tingkat,
-                                      },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.pendidikan_tertinggi
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value:
-                                          props.item.pendidikan_tertinggi.name,
-                                      },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("td", {
-                              domProps: {
-                                innerHTML: _vm._s(
-                                  _vm.$options.filters.date(
-                                    props.item.tanggal_lahir
-                                  )
-                                ),
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.tempat_lahir },
-                                }),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.tinggi },
-                                }),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.agama },
-                                }),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.status },
-                                }),
-                              ],
-                              1
-                            ),
-                          ]
-                        ),
-                      ]
-                    },
-                  },
-                ],
-                null,
-                false,
-                3568210896
-              ),
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c("div", { staticClass: "row" }, [
-          _vm.item.tipe_tempat == "OFFLINE"
-            ? _c("div", { staticClass: "col-md-6" }, [
-                _c(
-                  "div",
-                  {
-                    staticClass: "form-group",
-                    class: {
-                      "has-error": _vm.errors.has("formPeserta.name_nametag"),
-                    },
-                  },
-                  [
-                    _c(
-                      "h5",
-                      {
-                        class: {
-                          "text-danger": _vm.errors.has(
-                            "formPeserta.name_nametag"
-                          ),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b13_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b13_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b13_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b13_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
                         },
-                      },
-                      [
-                        _vm.errors.has("formPeserta.name_nametag")
-                          ? _c("i", { staticClass: "icon-cross2" })
-                          : _vm._e(),
-                        _vm._v("\n\t\t\t\t\tNama di nametag:\n\t\t\t\t"),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("input", {
-                      directives: [
-                        {
-                          name: "validate",
-                          rawName: "v-validate",
-                          value: "required",
-                          expression: "'required'",
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b13_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b13_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b13_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("14. Keluasan Sasaran")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b14_cu_penilaian / 1,
+                          valueType: "currency",
                         },
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.formPeserta.name_nametag,
-                          expression: "formPeserta.name_nametag",
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b14_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
                         },
-                      ],
-                      staticClass: "form-control",
-                      attrs: {
-                        type: "text",
-                        name: "name_nametag",
-                        placeholder: "Silahkan masukkan nama di nametag",
-                        "data-vv-as": "Nama di nametag",
-                      },
-                      domProps: { value: _vm.formPeserta.name_nametag },
-                      on: {
-                        input: function ($event) {
-                          if ($event.target.composing) {
-                            return
-                          }
-                          _vm.$set(
-                            _vm.formPeserta,
-                            "name_nametag",
-                            $event.target.value
-                          )
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b14_bkcu_penilaian / 1,
+                          valueType: "currency",
                         },
-                      },
-                    }),
-                    _vm._v(" "),
-                    _vm.errors.has("formPeserta.name_nametag")
-                      ? _c("small", { staticClass: "text-muted text-danger" }, [
-                          _c("i", { staticClass: "icon-arrow-small-right" }),
-                          _vm._v(
-                            " " +
-                              _vm._s(
-                                _vm.errors.first("formPeserta.name_nametag")
-                              ) +
-                              "\n\t\t\t\t"
-                          ),
-                        ])
-                      : _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" \n\t\t\t\t"),
-                        ]),
-                  ]
-                ),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _c(
-            "div",
-            {
-              class: {
-                "col-md-6": _vm.item.tipe_tempat == "OFFLINE",
-                "col-md-12": _vm.item.tipe_tempat == "ONLINE",
-              },
-            },
-            [
-              _c(
-                "div",
-                {
-                  staticClass: "form-group",
-                  class: {
-                    "has-error": _vm.errors.has("formPeserta.name_nametag"),
-                  },
-                },
-                [
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
                   _c(
-                    "h5",
-                    {
-                      class: {
-                        "text-danger": _vm.errors.has(
-                          "formPeserta.name_sertifikat"
-                        ),
-                      },
-                    },
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b14_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b14_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b14_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b14_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("15. Tujuan Strategis")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b15_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b15_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b15_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b15_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b15_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b15_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b15_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("16. Rencana Bisnis Tahunan")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b16_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b16_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b16_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b16_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b16_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b16_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b16_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _vm._m(2),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("17. Budaya Jual (Sales Culture)")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b17_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b17_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b17_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b17_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
                     [
-                      _vm.errors.has("formPeserta.name_sertifikat")
-                        ? _c("i", { staticClass: "icon-cross2" })
-                        : _vm._e(),
-                      _vm._v("\n\t\t\t\t\tNama di sertifikat:\n\t\t\t\t"),
-                    ]
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b17_cu_keterangan },
+                      }),
+                    ],
+                    1
                   ),
                   _vm._v(" "),
-                  _c("input", {
-                    directives: [
-                      {
-                        name: "validate",
-                        rawName: "v-validate",
-                        value: "required",
-                        expression: "'required'",
-                      },
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.formPeserta.name_sertifikat,
-                        expression: "formPeserta.name_sertifikat",
-                      },
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b17_bkcu_keterangan },
+                      }),
                     ],
-                    staticClass: "form-control",
-                    attrs: {
-                      type: "text",
-                      name: "name_sertifikat",
-                      placeholder: "Silahkan masukkan nama di sertifikat",
-                      "data-vv-as": "Nama di sertifikat",
-                    },
-                    domProps: { value: _vm.formPeserta.name_sertifikat },
-                    on: {
-                      input: function ($event) {
-                        if ($event.target.composing) {
-                          return
-                        }
-                        _vm.$set(
-                          _vm.formPeserta,
-                          "name_sertifikat",
-                          $event.target.value
-                        )
-                      },
-                    },
-                  }),
-                  _vm._v(" "),
-                  _vm.errors.has("formPeserta.name_sertifikat")
-                    ? _c("small", { staticClass: "text-muted text-danger" }, [
-                        _c("i", { staticClass: "icon-arrow-small-right" }),
-                        _vm._v(
-                          " " +
-                            _vm._s(
-                              _vm.errors.first("formPeserta.name_sertifikat")
-                            ) +
-                            "\n\t\t\t\t"
-                        ),
-                      ])
-                    : _c("small", { staticClass: "text-muted" }, [
-                        _vm._v(" \n\t\t\t\t"),
-                      ]),
-                ]
-              ),
-            ]
-          ),
-          _vm._v(" "),
-          _vm.item.tipe_tempat == "OFFLINE"
-            ? _c("div", { staticClass: "col-md-6" }, [
-                _c(
-                  "div",
-                  { staticClass: "form-group" },
-                  [
-                    _c("h5", [_vm._v("Tgl. Kedatangan:")]),
-                    _vm._v(" "),
-                    _c("date-picker", {
-                      attrs: { defaultDate: _vm.formPeserta.datang },
-                      on: {
-                        dateSelected: function ($event) {
-                          _vm.formPeserta.datang = $event
-                        },
-                      },
-                    }),
-                  ],
-                  1
-                ),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.item.tipe_tempat == "OFFLINE"
-            ? _c("div", { staticClass: "col-md-6" }, [
-                _c(
-                  "div",
-                  { staticClass: "form-group" },
-                  [
-                    _c("h5", [_vm._v("Tgl. Pulang:")]),
-                    _vm._v(" "),
-                    _c("date-picker", {
-                      attrs: { defaultDate: _vm.formPeserta.pulang },
-                      on: {
-                        dateSelected: function ($event) {
-                          _vm.formPeserta.pulang = $event
-                        },
-                      },
-                    }),
-                  ],
-                  1
-                ),
-              ])
-            : _vm._e(),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "form-group" }, [
-          _c("h5", [_vm._v("Keterangan:")]),
-          _vm._v(" "),
-          _c("textarea", {
-            directives: [
-              {
-                name: "model",
-                rawName: "v-model",
-                value: _vm.formPeserta.keterangan,
-                expression: "formPeserta.keterangan",
-              },
-            ],
-            staticClass: "form-control",
-            attrs: {
-              rows: "5",
-              type: "text",
-              name: "keterangan",
-              placeholder: "Silahkan masukkan keterangan",
-            },
-            domProps: { value: _vm.formPeserta.keterangan },
-            on: {
-              input: function ($event) {
-                if ($event.target.composing) {
-                  return
-                }
-                _vm.$set(_vm.formPeserta, "keterangan", $event.target.value)
-              },
-            },
-          }),
-        ]),
-        _vm._v(" "),
-        _vm.message.show
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorData: _vm.message.content,
-                showDebug: false,
-              },
-              on: { close: _vm.messageClose },
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formPeserta.aktivis_id == "",
-              },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formPeserta.aktivis_id == "",
-              },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-        ]),
-      ],
-      1
-    ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=template&id=163a2d61&":
-/*!**********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=template&id=163a2d61& ***!
-  \**********************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("formPeserta") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "form",
-        {
-          attrs: { "data-vv-scope": "formPeserta" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
-            },
-          },
-        },
-        [
-          _c(
-            "div",
-            {
-              staticClass: "form-group",
-              class: {
-                "has-error": _vm.errors.has("formPeserta.keteranganBatal"),
-              },
-            },
-            [
-              _c(
-                "h5",
-                {
-                  class: {
-                    "text-danger": _vm.errors.has(
-                      "formPeserta.keteranganBatal"
-                    ),
-                  },
-                },
-                [_vm._v("\n          Alasan penolakkan peserta?\n        ")]
-              ),
-              _vm._v(" "),
-              _c("textarea", {
-                directives: [
-                  {
-                    name: "validate",
-                    rawName: "v-validate",
-                    value: "required|min:5",
-                    expression: "'required|min:5'",
-                  },
-                  {
-                    name: "model",
-                    rawName: "v-model",
-                    value: _vm.formPeserta.keteranganBatal,
-                    expression: "formPeserta.keteranganBatal",
-                  },
-                ],
-                staticClass: "form-control",
-                attrs: {
-                  rows: "5",
-                  type: "text",
-                  name: "keteranganBatal",
-                  placeholder: "Silahkan masukkan keteranganBatal ",
-                  "data-vv-as": "Keterangan",
-                },
-                domProps: { value: _vm.formPeserta.keteranganBatal },
-                on: {
-                  input: function ($event) {
-                    if ($event.target.composing) {
-                      return
-                    }
-                    _vm.$set(
-                      _vm.formPeserta,
-                      "keteranganBatal",
-                      $event.target.value
-                    )
-                  },
-                },
-              }),
-              _vm._v(" "),
-              _vm.errors.has("formPeserta.keteranganBatal")
-                ? _c("small", { staticClass: "text-muted text-danger" }, [
-                    _c("i", { staticClass: "icon-arrow-small-right" }),
-                    _vm._v(
-                      " " +
-                        _vm._s(
-                          _vm.errors.first("formPeserta.keteranganBatal")
-                        ) +
-                        "\n        "
-                    ),
-                  ])
-                : _c("small", { staticClass: "text-muted" }, [
-                    _vm._v(" \n        "),
-                  ]),
-            ]
-          ),
-          _vm._v(" "),
-          _c("hr"),
-          _vm._v(" "),
-          _c("div", { staticClass: "text-center d-none d-md-block" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-            _vm._v(" "),
-            _vm._m(0),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "d-block d-md-none" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block pb-2",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-            _vm._v(" "),
-            _vm._m(1),
-          ]),
-        ]
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      {
-        staticClass: "btn btn-primary btn-block pb-2",
-        attrs: { type: "submit" },
-      },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=template&id=7180b8e2&":
-/*!***************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=template&id=7180b8e2& ***!
-  \***************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("formTugas") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "form",
-        {
-          attrs: {
-            enctype: "multipart/form-data",
-            "data-vv-scope": "formTugas",
-          },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
-            },
-          },
-        },
-        [
-          _c(
-            "div",
-            {
-              staticClass: "form-group",
-              class: { "has-error": _vm.errors.has("formTugas.name") },
-            },
-            [
-              _c(
-                "h5",
-                { class: { "text-danger": _vm.errors.has("formTugas.name") } },
-                [
-                  _vm.errors.has("formTugas.name")
-                    ? _c("i", { staticClass: "icon-cross2" })
-                    : _vm._e(),
-                  _vm._v("\n\t\t\t\t\tTugas:\n\t\t\t\t"),
-                ]
-              ),
-              _vm._v(" "),
-              _c("input", {
-                directives: [
-                  {
-                    name: "validate",
-                    rawName: "v-validate",
-                    value: "required",
-                    expression: "'required'",
-                  },
-                  {
-                    name: "model",
-                    rawName: "v-model",
-                    value: _vm.formTugas.name,
-                    expression: "formTugas.name",
-                  },
-                ],
-                staticClass: "form-control",
-                attrs: {
-                  type: "text",
-                  name: "name",
-                  placeholder: "Silahkan masukkan nama",
-                  "data-vv-as": "Nama di nametag",
-                },
-                domProps: { value: _vm.formTugas.name },
-                on: {
-                  input: function ($event) {
-                    if ($event.target.composing) {
-                      return
-                    }
-                    _vm.$set(_vm.formTugas, "name", $event.target.value)
-                  },
-                },
-              }),
-              _vm._v(" "),
-              _vm.errors.has("formTugas.name")
-                ? _c("small", { staticClass: "text-muted text-danger" }, [
-                    _c("i", { staticClass: "icon-arrow-small-right" }),
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b17_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("18. Keterlibatan Masyarakat Lokal")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b18_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b18_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b18_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b18_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b18_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b18_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b18_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("19. Kemitraan dan Aliansi")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b19_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b19_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b19_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b19_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b19_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b19_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b19_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("20. Hubungan dengan Federasi (BKCU)")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b20_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b20_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b20_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b20_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b20_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b20_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b20_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _vm._m(3),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
                     _vm._v(
-                      " " +
-                        _vm._s(_vm.errors.first("formTugas.name")) +
-                        "\n\t\t\t\t"
+                      "21. Anggota Masyarakat Pengguna Layanan Credit Union"
                     ),
-                  ])
-                : _c("small", { staticClass: "text-muted" }, [
-                    _vm._v(" \n\t\t\t\t"),
                   ]),
-            ]
-          ),
-          _vm._v(" "),
-          _c("div", { staticClass: "form-group" }, [
-            _c("h5", [_vm._v(" Keterangan: ")]),
-            _vm._v(" "),
-            _c("textarea", {
-              directives: [
-                {
-                  name: "model",
-                  rawName: "v-model",
-                  value: _vm.formTugas.keterangan,
-                  expression: "formTugas.keterangan",
-                },
-              ],
-              staticClass: "form-control",
-              attrs: {
-                rows: "5",
-                type: "text",
-                name: "keterangan",
-                placeholder: "Silahkan masukkan keterangan ",
-              },
-              domProps: { value: _vm.formTugas.keterangan },
-              on: {
-                input: function ($event) {
-                  if ($event.target.composing) {
-                    return
-                  }
-                  _vm.$set(_vm.formTugas, "keterangan", $event.target.value)
-                },
-              },
-            }),
-          ]),
-          _vm._v(" "),
-          _vm.mode == "create"
-            ? _c(
-                "div",
-                {
-                  staticClass: "form-group",
-                  class: { "has-error": _vm.errors.has("formTugas.tipe") },
-                },
-                [
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b21_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b21_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b21_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b21_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b21_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b21_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b21_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("22. Segmentasi Anggota menurut umur")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b22_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b22_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b22_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b22_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
                   _c(
-                    "h5",
-                    {
-                      class: {
-                        "text-danger": _vm.errors.has("formTugas.tipe"),
-                      },
-                    },
+                    "td",
                     [
-                      _vm.errors.has("formTugas.tipe")
-                        ? _c("i", { staticClass: "icon-cross2" })
-                        : _vm._e(),
-                      _vm._v("\n\t\t\t\t\tPilih Tipe:\n\t\t\t\t"),
-                    ]
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b22_cu_keterangan },
+                      }),
+                    ],
+                    1
                   ),
                   _vm._v(" "),
                   _c(
-                    "select",
-                    {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.formTugas.tipe,
-                          expression: "formTugas.tipe",
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b22_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b22_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("23. Keberagaman Keanggotaan")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b23_cu_penilaian / 1,
+                          valueType: "currency",
                         },
-                        {
-                          name: "validate",
-                          rawName: "v-validate",
-                          value: "required",
-                          expression: "'required'",
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b23_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
                         },
-                      ],
-                      staticClass: "form-control",
-                      attrs: {
-                        name: "tipe",
-                        "data-width": "100%",
-                        "data-vv-as": "tipe",
-                      },
-                      on: {
-                        change: function ($event) {
-                          var $$selectedVal = Array.prototype.filter
-                            .call($event.target.options, function (o) {
-                              return o.selected
-                            })
-                            .map(function (o) {
-                              var val = "_value" in o ? o._value : o.value
-                              return val
-                            })
-                          _vm.$set(
-                            _vm.formTugas,
-                            "tipe",
-                            $event.target.multiple
-                              ? $$selectedVal
-                              : $$selectedVal[0]
-                          )
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b23_bkcu_penilaian / 1,
+                          valueType: "currency",
                         },
-                      },
-                    },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b23_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b23_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b23_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b23_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("24. Kesetaraan Gender")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b24_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b24_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b24_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b24_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b24_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b24_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b24_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _vm._m(4),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("25. Pemenuhan Aturan<")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b25_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b25_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b25_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b25_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b25_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b25_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b25_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("26. Kepatuhan Hukum")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b26_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b26_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p3.p3b26_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p3.p3b26_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b26_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b26_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p3.p3b26_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+              ]),
+              _vm._v(" "),
+              _c("tfoot", [
+                _c("tr", { staticClass: "bg-primary font-weight-bold" }, [
+                  _c("td", [_vm._v("SUBTOTAL")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP3A + _vm.nilaiSkorCUP3B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP3A + _vm.nilaiBobotCUP3B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
                     [
-                      _c("option", { attrs: { disabled: "", value: "" } }, [
-                        _vm._v("Silahkan pilih tipe"),
-                      ]),
-                      _vm._v(" "),
-                      _c("option", { attrs: { value: "isian" } }, [
-                        _vm._v("Isian langsung"),
-                      ]),
-                      _vm._v(" "),
-                      _c("option", { attrs: { value: "upload" } }, [
-                        _vm._v("Upload tugas"),
-                      ]),
-                      _vm._v(" "),
-                      _c("option", { attrs: { value: "google form" } }, [
-                        _vm._v("Google form"),
-                      ]),
-                    ]
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP3A + _vm.nilaiSkorBKCUP3B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
                   ),
                   _vm._v(" "),
-                  _vm.errors.has("formTugas.tipe")
-                    ? _c("small", { staticClass: "text-muted text-danger" }, [
-                        _c("i", { staticClass: "icon-arrow-small-right" }),
-                        _vm._v(
-                          " " +
-                            _vm._s(_vm.errors.first("formTugas.tipe")) +
-                            "\n\t\t\t\t"
-                        ),
-                      ])
-                    : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                ]
-              )
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.formTugas.tipe != ""
-            ? [
-                _vm.formTugas.tipe == "google form"
-                  ? _c("div", { staticClass: "form-group" }, [
-                      _c("h5", [_vm._v("Link google form: ")]),
-                      _vm._v(" "),
-                      _c("input", {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.formTugas.link,
-                            expression: "formTugas.link",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          type: "text",
-                          name: "link",
-                          placeholder: "Silahkan masukkan link",
-                        },
-                        domProps: { value: _vm.formTugas.link },
-                        on: {
-                          input: function ($event) {
-                            if ($event.target.composing) {
-                              return
-                            }
-                            _vm.$set(_vm.formTugas, "link", $event.target.value)
-                          },
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP3A + _vm.nilaiBobotBKCUP3B,
+                          valueType: "decimal",
                         },
                       }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [
-                        _vm._v("Silahkan masukkan link ke google form"),
-                      ]),
-                    ])
-                  : _c(
-                      "div",
-                      [
-                        _vm.mode == "create"
-                          ? [
-                              _vm._m(0),
-                              _vm._v(" "),
-                              _vm.mode == "create"
-                                ? _c(
-                                    "div",
-                                    {
-                                      staticClass: "form-group",
-                                      class: {
-                                        "has-error":
-                                          _vm.errors.has("formTugas.format"),
-                                      },
-                                    },
-                                    [
-                                      _c(
-                                        "h5",
-                                        {
-                                          class: {
-                                            "text-danger":
-                                              _vm.errors.has(
-                                                "formTugas.format"
-                                              ),
-                                          },
-                                        },
-                                        [
-                                          _vm.errors.has("formTugas.format")
-                                            ? _c("i", {
-                                                staticClass: "icon-cross2",
-                                              })
-                                            : _vm._e(),
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\tPilih Format:\n\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "select",
-                                        {
-                                          directives: [
-                                            {
-                                              name: "model",
-                                              rawName: "v-model",
-                                              value: _vm.formTugas.format,
-                                              expression: "formTugas.format",
-                                            },
-                                            {
-                                              name: "validate",
-                                              rawName: "v-validate",
-                                              value: "required",
-                                              expression: "'required'",
-                                            },
-                                          ],
-                                          staticClass: "form-control",
-                                          attrs: {
-                                            name: "format",
-                                            "data-width": "100%",
-                                            "data-vv-as": "format",
-                                          },
-                                          on: {
-                                            change: function ($event) {
-                                              var $$selectedVal =
-                                                Array.prototype.filter
-                                                  .call(
-                                                    $event.target.options,
-                                                    function (o) {
-                                                      return o.selected
-                                                    }
-                                                  )
-                                                  .map(function (o) {
-                                                    var val =
-                                                      "_value" in o
-                                                        ? o._value
-                                                        : o.value
-                                                    return val
-                                                  })
-                                              _vm.$set(
-                                                _vm.formTugas,
-                                                "format",
-                                                $event.target.multiple
-                                                  ? $$selectedVal
-                                                  : $$selectedVal[0]
-                                              )
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c(
-                                            "option",
-                                            {
-                                              attrs: {
-                                                disabled: "",
-                                                value: "",
-                                              },
-                                            },
-                                            [_vm._v("Silahkan pilih format")]
-                                          ),
-                                          _vm._v(" "),
-                                          _c(
-                                            "option",
-                                            { attrs: { value: "upload" } },
-                                            [_vm._v("Upload")]
-                                          ),
-                                          _vm._v(" "),
-                                          _c(
-                                            "option",
-                                            { attrs: { value: "link" } },
-                                            [_vm._v("Link")]
-                                          ),
-                                        ]
-                                      ),
-                                      _vm._v(" "),
-                                      _vm.errors.has("formTugas.format")
-                                        ? _c(
-                                            "small",
-                                            {
-                                              staticClass:
-                                                "text-muted text-danger",
-                                            },
-                                            [
-                                              _c("i", {
-                                                staticClass:
-                                                  "icon-arrow-small-right",
-                                              }),
-                                              _vm._v(
-                                                " " +
-                                                  _vm._s(
-                                                    _vm.errors.first(
-                                                      "formTugas.format"
-                                                    )
-                                                  ) +
-                                                  "\n\t\t\t\t\t\t\t"
-                                              ),
-                                            ]
-                                          )
-                                        : _c(
-                                            "small",
-                                            { staticClass: "text-muted" },
-                                            [_vm._v(" ")]
-                                          ),
-                                    ]
-                                  )
-                                : _vm._e(),
-                              _vm._v(" "),
-                              _vm.formTugas.format == "upload"
-                                ? _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [_vm._v(" Upload dokumen: ")]),
-                                    _vm._v(" "),
-                                    _c(
-                                      "div",
-                                      { staticClass: "card-card-body" },
-                                      [
-                                        _c("input", {
-                                          ref: "fileInput",
-                                          staticClass: "form-control",
-                                          attrs: { type: "file" },
-                                          on: { change: _vm.upload },
-                                        }),
-                                      ]
-                                    ),
-                                  ])
-                                : _vm.formTugas.format == "link"
-                                ? _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [_vm._v("Link dokumen: ")]),
-                                    _vm._v(" "),
-                                    _c("input", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.formTugas.link,
-                                          expression: "formTugas.link",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        type: "text",
-                                        name: "link",
-                                        placeholder: "Silahkan masukkan link",
-                                      },
-                                      domProps: { value: _vm.formTugas.link },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.formTugas,
-                                            "link",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                    _vm._v(" "),
-                                    _c("small", { staticClass: "text-muted" }, [
-                                      _vm._v(
-                                        "Silahkan masukkan link ke dokumen"
-                                      ),
-                                    ]),
-                                  ])
-                                : _vm._e(),
-                            ]
-                          : _vm._e(),
-                      ],
-                      2
-                    ),
-              ]
-            : _vm._e(),
-          _vm._v(" "),
-          _c("hr"),
-          _vm._v(" "),
-          _c("div", { staticClass: "text-center d-none d-md-block" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-            _vm._v(" "),
-            _vm._m(1),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "d-block d-md-none" }, [
-            _vm._m(2),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block pb-2",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-          ]),
-        ],
-        2
-      ),
-    ],
-    1
-  )
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+      ]
+    ),
+  ])
 }
 var staticRenderFns = [
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("h5", [
-      _vm._v("\n\t\t\t\t\t\t\tDokumen pendukung:\n\t\t\t\t\t\t\t"),
-      _c("br"),
-      _vm._v(" "),
-      _c("small", { staticClass: "text-muted" }, [
-        _vm._v(
-          "silahkan diisi apabila ada dokumen pendukung untuk mengerjakan tugas ini"
-        ),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      {
-        staticClass: "btn btn-primary btn-block pb-2",
-        attrs: { type: "submit" },
-      },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=template&id=7e0a0ccf&":
-/*!**********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=template&id=7e0a0ccf& ***!
-  \**********************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("formJawaban") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.message.show
-        ? _c("message", {
-            attrs: {
-              title: "Oops terjadi kesalahan",
-              errorData: _vm.message.content,
-              showDebug: false,
-            },
-            on: { close: _vm.messageClose },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _c("div", { staticClass: "card" }, [
-        _c(
-          "div",
-          { staticClass: "card-header bg-light header-elements-inline" },
-          [
-            _c("h6", { staticClass: "card-title" }, [
-              _vm._v(_vm._s(_vm.selected.name)),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "d-none d-sm-block" }, [
-              _c("div", { staticClass: "header-elements" }, [
-                _c("span", { staticClass: "badge badge-primary" }, [
-                  _vm._v(_vm._s(_vm._f("uppercase")(_vm.selected.tipe))),
-                ]),
-                _vm._v(" "),
-                _c("span", {
-                  staticClass: "badge badge-secondary ml-1",
-                  domProps: {
-                    innerHTML: _vm._s(
-                      _vm.$options.filters.dateTime(_vm.selected.created_at)
-                    ),
-                  },
-                }),
-              ]),
-            ]),
-          ]
-        ),
+    return _c("thead", { staticClass: "bg-primary" }, [
+      _c("tr", { staticClass: "text-nowarp" }, [
+        _c("th", [_vm._v("PERSPEKTIF")]),
         _vm._v(" "),
-        _c("div", { staticClass: "card-body" }, [
-          _c("div", {
-            domProps: { innerHTML: _vm._s(_vm.selected.keterangan) },
-          }),
-          _vm._v(" "),
-          _vm.selected.tipe != "google form"
-            ? _c("div", [
-                _vm.selected.link
-                  ? _c("div", [
-                      _c("hr"),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "btn btn-light btn-block mt-1 mb-1",
-                          attrs: {
-                            type: "button",
-                            href: _vm.selected.link,
-                            target: "_blank",
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-file-download" }),
-                          _vm._v(" Unduh dokumen pendukung"),
-                        ]
-                      ),
-                    ])
-                  : _vm._e(),
-                _vm._v(" "),
-                _vm.selected.filename
-                  ? _c("div", [
-                      _c("hr"),
-                      _vm._v(" "),
-                      _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-light btn-block mt-1 mb-1",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.downloadMateri(_vm.selected.filename)
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-file-download" }),
-                          _vm._v(" Unduh dokumen pendukung"),
-                        ]
-                      ),
-                    ])
-                  : _vm._e(),
-              ])
-            : _vm._e(),
-        ]),
+        _c("th", [_vm._v("SKOR CU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("BOBOT CU")]),
         _vm._v(" "),
-        _c("div", { staticClass: "d-block d-sm-none text-center" }, [
-          _c("div", { staticClass: "card-footer" }, [
-            _c("span", { staticClass: "badge badge-primary" }, [
-              _vm._v(_vm._s(_vm._f("uppercase")(_vm.selected.tipe))),
-            ]),
-            _vm._v(" "),
-            _c("span", {
-              staticClass: "badge badge-secondary",
-              domProps: {
-                innerHTML: _vm._s(
-                  _vm.$options.filters.dateTime(_vm.selected.created_at)
-                ),
-              },
-            }),
-          ]),
-        ]),
+        _c("th", [_vm._v("SKOR BKCU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("BOBOT BKCU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("KETERANGAN CU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("KETERANGAN BKCU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("REKOMENDASI BKCU")]),
       ]),
-      _vm._v(" "),
-      _vm.tipeUser != "peserta"
-        ? _c(
-            "div",
-            [
-              _vm.itemDataStat == "success" && _vm.itemData.data.length > 0
-                ? _c(
-                    "div",
-                    {
-                      staticClass:
-                        "card card-body bg-warning text-white text-center",
-                    },
-                    [_vm._v("\n        JAWABAN\n      ")]
-                  )
-                : _c("div", [
-                    _vm.selected.tipe != "google form"
-                      ? _c(
-                          "div",
-                          {
-                            staticClass:
-                              "card card-body bg-secondary text-white text-center",
-                          },
-                          [_vm._v("BELUM ADA JAWABAN\n        ")]
-                        )
-                      : _c("div", [
-                          _vm._v(
-                            "\n          Tugas ini menggunakan google form sebagai media untuk memberikan jawaban, oleh karena itu, untuk memeriksa hasil jawaban dari peserta silahkan ke google form berikut:\n          "
-                          ),
-                          _c(
-                            "a",
-                            {
-                              staticClass: "btn bg-blue btn-block mt-2 mb-1",
-                              attrs: {
-                                type: "button",
-                                href: _vm.selected.link,
-                                target: "_blank",
-                              },
-                            },
-                            [
-                              _c("i", { staticClass: "icon-google" }),
-                              _vm._v(" Google Form"),
-                            ]
-                          ),
-                        ]),
-                  ]),
-              _vm._v(" "),
-              _vm.itemDataStat == "success" && _vm.itemData.data.length > 0
-                ? _vm._l(_vm.itemData.data, function (jawaban) {
-                    return _c(
-                      "div",
-                      {
-                        key: jawaban.id,
-                        staticClass: "card",
-                        class: { "border-warning": jawaban.terjawab == 1 },
-                      },
-                      [
-                        _c(
-                          "div",
-                          {
-                            staticClass:
-                              "card-header bg-light header-elements-inline",
-                          },
-                          [
-                            _c(
-                              "h6",
-                              { staticClass: "card-title" },
-                              [
-                                jawaban.user.aktivis.gambar
-                                  ? _c("img", {
-                                      staticClass: "rounded-circle",
-                                      attrs: {
-                                        src:
-                                          "/images/aktivis/" +
-                                          jawaban.user.aktivis.gambar +
-                                          ".jpg",
-                                        width: "30",
-                                        height: "30",
-                                        alt: "user image",
-                                      },
-                                    })
-                                  : _c("img", {
-                                      staticClass: "rounded-circle",
-                                      attrs: {
-                                        src: "/images/no_image_man.jpg",
-                                        width: "30",
-                                        height: "30",
-                                        alt: "user image",
-                                      },
-                                    }),
-                                _vm._v(" "),
-                                jawaban.user
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value: jawaban.user.aktivis.name,
-                                      },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                                _vm._v("\n              |\n              "),
-                                jawaban.cu
-                                  ? _c("check-value", {
-                                      attrs: { value: jawaban.cu.name },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "d-none d-sm-block" }, [
-                              _c("div", { staticClass: "header-elements" }, [
-                                _c(
-                                  "span",
-                                  { staticClass: "badge badge-secondary" },
-                                  [
-                                    _c("small", {
-                                      domProps: {
-                                        innerHTML: _vm._s(
-                                          _vm.$options.filters.dateTime(
-                                            jawaban.created_at
-                                          )
-                                        ),
-                                      },
-                                    }),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "list-icons ml-2" }, [
-                                  jawaban.id_user == _vm.currentUser.id
-                                    ? _c(
-                                        "a",
-                                        {
-                                          staticClass:
-                                            "btn btn-light list-icons-item",
-                                          attrs: { href: "#" },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.showOpen(
-                                                jawaban,
-                                                "hapus"
-                                              )
-                                            },
-                                          },
-                                        },
-                                        [_c("i", { staticClass: "icon-bin2" })]
-                                      )
-                                    : _vm._e(),
-                                ]),
-                              ]),
-                            ]),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        jawaban.keterangan
-                          ? _c("div", { staticClass: "card-body pt-2" }, [
-                              _c("div", {
-                                domProps: {
-                                  innerHTML: _vm._s(jawaban.keterangan),
-                                },
-                              }),
-                              _vm._v(" "),
-                              jawaban.link != "" || jawaban.filename != ""
-                                ? _c("div", [
-                                    _c("hr", { staticClass: "mb-1" }),
-                                    _vm._v(" "),
-                                    _c("h5", [_vm._v("Dokumen pendukung:")]),
-                                    _vm._v(" "),
-                                    jawaban.link
-                                      ? _c("div", [
-                                          _c(
-                                            "a",
-                                            {
-                                              staticClass:
-                                                "btn btn-light btn-block mt-1 mb-1",
-                                              attrs: {
-                                                type: "button",
-                                                href: jawaban.link,
-                                                target: "_blank",
-                                              },
-                                            },
-                                            [
-                                              _c("i", {
-                                                staticClass:
-                                                  "icon-file-download",
-                                              }),
-                                              _vm._v(
-                                                " Unduh dokumen pendukung"
-                                              ),
-                                            ]
-                                          ),
-                                        ])
-                                      : _vm._e(),
-                                    _vm._v(" "),
-                                    jawaban.filename
-                                      ? _c("div", [
-                                          _c(
-                                            "button",
-                                            {
-                                              staticClass:
-                                                "btn btn-light btn-block mt-1 mb-1",
-                                              attrs: { type: "button" },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.downloadMateri(
-                                                    jawaban.filename
-                                                  )
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c("i", {
-                                                staticClass:
-                                                  "icon-file-download",
-                                              }),
-                                              _vm._v(
-                                                " Unduh dokumen pendukung"
-                                              ),
-                                            ]
-                                          ),
-                                        ])
-                                      : _vm._e(),
-                                  ])
-                                : _vm._e(),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          {
-                            staticClass:
-                              "card-footer d-block d-sm-none text-center",
-                          },
-                          [
-                            _c(
-                              "span",
-                              { staticClass: "badge badge-secondary" },
-                              [
-                                _c("small", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        jawaban.created_at
-                                      )
-                                    ),
-                                  },
-                                }),
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "button",
-                              {
-                                staticClass:
-                                  "btn btn-light btn-block mt-2 mb-1",
-                                on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.showOpen(jawaban, "hapus")
-                                  },
-                                },
-                              },
-                              [
-                                _c("i", { staticClass: "icon-bin2" }),
-                                _vm._v(" Hapus Komentar"),
-                              ]
-                            ),
-                          ]
-                        ),
-                      ]
-                    )
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemDataStat === "loading"
-                ? _c("div", { staticClass: "card card-body" }, [
-                    _c("h4", [_vm._v("Mohon tunggu...")]),
-                    _vm._v(" "),
-                    _vm._m(0),
-                  ])
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemDataStat === "fail"
-                ? _c("div", { staticClass: "card card-body" }, [
-                    _c("h4", [
-                      _vm._v("Oops.. Terjadi kesalahan, silahkan coba lagi."),
-                    ]),
-                  ])
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemDataStat == "success" && _vm.itemData.data.length > 0
-                ? _c("div", { staticClass: "card card-body pb-2 pt-2" }, [
-                    _c("div", { staticClass: "row pre-scrollable" }, [
-                      _c("div", { staticClass: "col-md-12 text-center" }, [
-                        _vm.itemDataStat === "success"
-                          ? _c(
-                              "div",
-                              { staticClass: "btn-group" },
-                              [
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-light",
-                                    class: {
-                                      disabled: !_vm.itemData.prev_page_url,
-                                    },
-                                    attrs: { href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.goToPage(1)
-                                      },
-                                    },
-                                  },
-                                  [_c("i", { staticClass: "icon-backward2" })]
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-light",
-                                    class: {
-                                      disabled: !_vm.itemData.prev_page_url,
-                                    },
-                                    attrs: { href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.prevPage.apply(
-                                          null,
-                                          arguments
-                                        )
-                                      },
-                                    },
-                                  },
-                                  [_c("i", { staticClass: "icon-arrow-left5" })]
-                                ),
-                                _vm._v(" "),
-                                _vm._l(_vm.pages, function (n, index) {
-                                  return _c(
-                                    "button",
-                                    {
-                                      key: index,
-                                      staticClass: "btn",
-                                      class: {
-                                        "btn-primary": _vm.queryData.page == n,
-                                        "btn-light": _vm.queryData.page != n,
-                                      },
-                                      attrs: { href: "#" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.goToPage(n)
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _vm._v(
-                                        "\n                  " +
-                                          _vm._s(n) +
-                                          "\n              "
-                                      ),
-                                    ]
-                                  )
-                                }),
-                                _vm._v(" "),
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-light",
-                                    class: {
-                                      disabled: !_vm.itemData.next_page_url,
-                                    },
-                                    attrs: { href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.nextPage.apply(
-                                          null,
-                                          arguments
-                                        )
-                                      },
-                                    },
-                                  },
-                                  [
-                                    _c("i", {
-                                      staticClass: "icon-arrow-right5",
-                                    }),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-light",
-                                    class: {
-                                      disabled: !_vm.itemData.next_page_url,
-                                    },
-                                    attrs: { href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.goToPage(
-                                          _vm.itemData.last_page
-                                        )
-                                      },
-                                    },
-                                  },
-                                  [_c("i", { staticClass: "icon-forward3" })]
-                                ),
-                              ],
-                              2
-                            )
-                          : _c("div", { staticClass: "btn-group" }, [
-                              _vm._m(1),
-                              _vm._v(" "),
-                              _vm._m(2),
-                              _vm._v(" "),
-                              _vm._m(3),
-                              _vm._v(" "),
-                              _vm._m(4),
-                              _vm._v(" "),
-                              _vm._m(5),
-                            ]),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
+      _c("td", { attrs: { colspan: "8" } }, [_vm._v("ARAH STRATEGIS")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
+      _c("td", { attrs: { colspan: "8" } }, [_vm._v("MEMBANGUN CITRA")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
+      _c("td", { attrs: { colspan: "8" } }, [_vm._v("PENETRASI PASAR")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
+      _c("td", { attrs: { colspan: "8" } }, [_vm._v("PEMENUHAN PERATURAN")]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=template&id=682e8982&":
+/*!*****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=template&id=682e8982& ***!
+  \*****************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "div",
+      { staticClass: "card border-top-2 border-top-primary rounded-top-0" },
+      [
+        _c(
+          "div",
+          { staticClass: "card-header bg-white header-elements-inline" },
+          [
+            _c("h5", { staticClass: "card-title" }, [
+              _vm._v("4. SCORE CARD PERSPEKTIF PEMBELAJARAN DAN PERTUMBUHAN"),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "header-elements" }, [
+              _c("div", { staticClass: "list-icons" }, [
+                _c(
+                  "a",
+                  {
+                    staticClass: "list-icons-item",
+                    attrs: { href: "#" },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        _vm.collapsed = !_vm.collapsed
+                      },
+                    },
+                  },
+                  [
+                    _c("i", {
+                      class: {
+                        "icon-arrow-up12": _vm.collapsed,
+                        "icon-arrow-down12": !_vm.collapsed,
+                      },
+                    }),
+                  ]
+                ),
+              ]),
+            ]),
+          ]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "card-body" }, [
+          _c(
+            "div",
+            { staticClass: "text-right d-none d-sm-block" },
+            [
+              _c(
+                "json-excel",
+                {
+                  staticClass: "btn bg-green-300 btn-icon",
+                  attrs: {
+                    data: _vm.excel.data,
+                    exportFields: _vm.excel.fields,
+                    meta: _vm.excel.meta,
+                    title: "Data " + _vm.title,
+                    name: _vm.title + ".xls",
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-folder-download2" }),
+                  _vm._v(" Download Excel"),
+                ]
+              ),
             ],
-            2
-          )
-        : _c("div", [
-            _vm.updateStat == "loading"
-              ? _c("div", [_vm._m(6)])
-              : _c("div", [
-                  !_vm.isShowHapus && !_vm.isShowUbah
-                    ? _c("div", [
-                        _c("hr"),
-                        _vm._v(" "),
-                        _vm.selected.tipe != "google form"
-                          ? _c("div", [
-                              _vm.formDataStat == "success" && _vm.formData
-                                ? _c(
-                                    "div",
-                                    { staticClass: "card border-warning" },
-                                    [
-                                      _c("div", { staticClass: "card-body" }, [
-                                        _c(
-                                          "div",
-                                          { staticClass: "form-group" },
-                                          [
-                                            _c("h5", [_vm._v("Jawaban:")]),
-                                            _vm._v(" "),
-                                            _c("textarea", {
-                                              directives: [
-                                                {
-                                                  name: "model",
-                                                  rawName: "v-model",
-                                                  value:
-                                                    _vm.formData.keterangan,
-                                                  expression:
-                                                    "formData.keterangan",
-                                                },
-                                              ],
-                                              staticClass: "form-control",
-                                              attrs: {
-                                                rows: "5",
-                                                type: "text",
-                                                name: "keterangan",
-                                                placeholder:
-                                                  "Silahkan masukkan jawaban ",
-                                                readonly: "",
-                                              },
-                                              domProps: {
-                                                value: _vm.formData.keterangan,
-                                              },
-                                              on: {
-                                                input: function ($event) {
-                                                  if ($event.target.composing) {
-                                                    return
-                                                  }
-                                                  _vm.$set(
-                                                    _vm.formData,
-                                                    "keterangan",
-                                                    $event.target.value
-                                                  )
-                                                },
-                                              },
-                                            }),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _vm.formData.link != "" ||
-                                        _vm.formData.filename != ""
-                                          ? _c("div", [
-                                              _c("h5", [
-                                                _vm._v("Dokumen pendukung:"),
-                                              ]),
-                                              _vm._v(" "),
-                                              _vm.formData.link
-                                                ? _c("div", [
-                                                    _c(
-                                                      "a",
-                                                      {
-                                                        staticClass:
-                                                          "btn btn-light btn-block mt-1 mb-1",
-                                                        attrs: {
-                                                          type: "button",
-                                                          href: _vm.formData
-                                                            .link,
-                                                          target: "_blank",
-                                                        },
-                                                      },
-                                                      [
-                                                        _c("i", {
-                                                          staticClass:
-                                                            "icon-file-download",
-                                                        }),
-                                                        _vm._v(
-                                                          " Unduh dokumen pendukung"
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ])
-                                                : _vm._e(),
-                                              _vm._v(" "),
-                                              _vm.formData.filename
-                                                ? _c("div", [
-                                                    _c(
-                                                      "button",
-                                                      {
-                                                        staticClass:
-                                                          "btn btn-light btn-block mt-1 mb-1",
-                                                        attrs: {
-                                                          type: "button",
-                                                        },
-                                                        on: {
-                                                          click: function (
-                                                            $event
-                                                          ) {
-                                                            $event.preventDefault()
-                                                            return _vm.downloadMateri(
-                                                              _vm.formData
-                                                                .filename
-                                                            )
-                                                          },
-                                                        },
-                                                      },
-                                                      [
-                                                        _c("i", {
-                                                          staticClass:
-                                                            "icon-file-download",
-                                                        }),
-                                                        _vm._v(
-                                                          " Unduh dokumen pendukung"
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ])
-                                                : _vm._e(),
-                                            ])
-                                          : _vm._e(),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c(
-                                        "div",
-                                        { staticClass: "card-footer" },
-                                        [
-                                          _c("div", { staticClass: "row" }, [
-                                            _c(
-                                              "div",
-                                              { staticClass: "col-sm-6" },
-                                              [
-                                                _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light btn-block mt-1 mb-1",
-                                                    attrs: { type: "button" },
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.showOpen(
-                                                          _vm.formData,
-                                                          "edit"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass:
-                                                        "icon-pencil5",
-                                                    }),
-                                                    _vm._v(" Ubah Jawaban"),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "div",
-                                              { staticClass: "col-sm-6" },
-                                              [
-                                                _c(
-                                                  "button",
-                                                  {
-                                                    staticClass:
-                                                      "btn btn-light btn-block mt-1 mb-1",
-                                                    attrs: { type: "button" },
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.preventDefault()
-                                                        return _vm.showOpen(
-                                                          _vm.formData,
-                                                          "hapus"
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass: "icon-bin2",
-                                                    }),
-                                                    _vm._v(" Hapus Jawaban"),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                          ]),
-                                        ]
-                                      ),
-                                    ]
-                                  )
-                                : _c(
-                                    "form",
-                                    {
-                                      attrs: {
-                                        enctype: "multipart/form-data",
-                                        "data-vv-scope": "formJawaban",
-                                      },
-                                      on: {
-                                        submit: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.save.apply(null, arguments)
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("div", { staticClass: "form-group" }, [
-                                        _c("h5", [_vm._v("Jawaban:")]),
-                                        _vm._v(" "),
-                                        _c("textarea", {
-                                          directives: [
-                                            {
-                                              name: "model",
-                                              rawName: "v-model",
-                                              value: _vm.formJawaban.keterangan,
-                                              expression:
-                                                "formJawaban.keterangan",
-                                            },
-                                          ],
-                                          staticClass: "form-control",
-                                          attrs: {
-                                            rows: "5",
-                                            type: "text",
-                                            name: "keterangan",
-                                            placeholder:
-                                              "Silahkan masukkan jawaban ",
-                                          },
-                                          domProps: {
-                                            value: _vm.formJawaban.keterangan,
-                                          },
-                                          on: {
-                                            input: function ($event) {
-                                              if ($event.target.composing) {
-                                                return
-                                              }
-                                              _vm.$set(
-                                                _vm.formJawaban,
-                                                "keterangan",
-                                                $event.target.value
-                                              )
-                                            },
-                                          },
-                                        }),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("div", { staticClass: "form-group" }, [
-                                        _vm._m(7),
-                                        _vm._v(" "),
-                                        _vm.mode == "create"
-                                          ? _c(
-                                              "div",
-                                              {
-                                                staticClass: "form-group",
-                                                class: {
-                                                  "has-error":
-                                                    _vm.errors.has(
-                                                      "formJawaban.format"
-                                                    ),
-                                                },
-                                              },
-                                              [
-                                                _c(
-                                                  "h5",
-                                                  {
-                                                    class: {
-                                                      "text-danger":
-                                                        _vm.errors.has(
-                                                          "formJawaban.format"
-                                                        ),
-                                                    },
-                                                  },
-                                                  [
-                                                    _vm.errors.has(
-                                                      "formJawaban.format"
-                                                    )
-                                                      ? _c("i", {
-                                                          staticClass:
-                                                            "icon-cross2",
-                                                        })
-                                                      : _vm._e(),
-                                                    _vm._v(
-                                                      "\n                    Pilih Format:\n                  "
-                                                    ),
-                                                  ]
-                                                ),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "select",
-                                                  {
-                                                    directives: [
-                                                      {
-                                                        name: "model",
-                                                        rawName: "v-model",
-                                                        value:
-                                                          _vm.formJawaban
-                                                            .format,
-                                                        expression:
-                                                          "formJawaban.format",
-                                                      },
-                                                      {
-                                                        name: "validate",
-                                                        rawName: "v-validate",
-                                                        value: "required",
-                                                        expression:
-                                                          "'required'",
-                                                      },
-                                                    ],
-                                                    staticClass: "form-control",
-                                                    attrs: {
-                                                      name: "format",
-                                                      "data-width": "100%",
-                                                      "data-vv-as": "format",
-                                                    },
-                                                    on: {
-                                                      change: function (
-                                                        $event
-                                                      ) {
-                                                        var $$selectedVal =
-                                                          Array.prototype.filter
-                                                            .call(
-                                                              $event.target
-                                                                .options,
-                                                              function (o) {
-                                                                return o.selected
-                                                              }
-                                                            )
-                                                            .map(function (o) {
-                                                              var val =
-                                                                "_value" in o
-                                                                  ? o._value
-                                                                  : o.value
-                                                              return val
-                                                            })
-                                                        _vm.$set(
-                                                          _vm.formJawaban,
-                                                          "format",
-                                                          $event.target.multiple
-                                                            ? $$selectedVal
-                                                            : $$selectedVal[0]
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c(
-                                                      "option",
-                                                      {
-                                                        attrs: {
-                                                          disabled: "",
-                                                          value: "",
-                                                        },
-                                                      },
-                                                      [
-                                                        _vm._v(
-                                                          "Silahkan pilih format"
-                                                        ),
-                                                      ]
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "option",
-                                                      {
-                                                        attrs: {
-                                                          value: "upload",
-                                                        },
-                                                      },
-                                                      [_vm._v("Upload")]
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "option",
-                                                      {
-                                                        attrs: {
-                                                          value: "link",
-                                                        },
-                                                      },
-                                                      [_vm._v("Link")]
-                                                    ),
-                                                  ]
-                                                ),
-                                                _vm._v(" "),
-                                                _vm.errors.has(
-                                                  "formJawaban.format"
-                                                )
-                                                  ? _c(
-                                                      "small",
-                                                      {
-                                                        staticClass:
-                                                          "text-muted text-danger",
-                                                      },
-                                                      [
-                                                        _c("i", {
-                                                          staticClass:
-                                                            "icon-arrow-small-right",
-                                                        }),
-                                                        _vm._v(
-                                                          " " +
-                                                            _vm._s(
-                                                              _vm.errors.first(
-                                                                "formJawaban.format"
-                                                              )
-                                                            ) +
-                                                            "\n                  "
-                                                        ),
-                                                      ]
-                                                    )
-                                                  : _c(
-                                                      "small",
-                                                      {
-                                                        staticClass:
-                                                          "text-muted",
-                                                      },
-                                                      [_vm._v(" ")]
-                                                    ),
-                                              ]
-                                            )
-                                          : _vm._e(),
-                                        _vm._v(" "),
-                                        _vm.formJawaban.format == "upload"
-                                          ? _c(
-                                              "div",
-                                              { staticClass: "form-group" },
-                                              [
-                                                _c("h5", [
-                                                  _vm._v("Upload dokumen: "),
-                                                ]),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    staticClass:
-                                                      "card-card-body",
-                                                  },
-                                                  [
-                                                    _c("input", {
-                                                      ref: "fileInput",
-                                                      staticClass:
-                                                        "form-control",
-                                                      attrs: { type: "file" },
-                                                      on: {
-                                                        change: _vm.upload,
-                                                      },
-                                                    }),
-                                                  ]
-                                                ),
-                                              ]
-                                            )
-                                          : _vm.formJawaban.format == "link"
-                                          ? _c(
-                                              "div",
-                                              { staticClass: "form-group" },
-                                              [
-                                                _c("h5", [
-                                                  _vm._v("Link dokumen: "),
-                                                ]),
-                                                _vm._v(" "),
-                                                _c("input", {
-                                                  directives: [
-                                                    {
-                                                      name: "model",
-                                                      rawName: "v-model",
-                                                      value:
-                                                        _vm.formJawaban.link,
-                                                      expression:
-                                                        "formJawaban.link",
-                                                    },
-                                                  ],
-                                                  staticClass: "form-control",
-                                                  attrs: {
-                                                    type: "text",
-                                                    name: "link",
-                                                    placeholder:
-                                                      "Silahkan masukkan link",
-                                                  },
-                                                  domProps: {
-                                                    value: _vm.formJawaban.link,
-                                                  },
-                                                  on: {
-                                                    input: function ($event) {
-                                                      if (
-                                                        $event.target.composing
-                                                      ) {
-                                                        return
-                                                      }
-                                                      _vm.$set(
-                                                        _vm.formJawaban,
-                                                        "link",
-                                                        $event.target.value
-                                                      )
-                                                    },
-                                                  },
-                                                }),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "small",
-                                                  { staticClass: "text-muted" },
-                                                  [
-                                                    _vm._v(
-                                                      "Silahkan masukkan link ke dokumen"
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            )
-                                          : _vm._e(),
-                                      ]),
-                                      _vm._v(" "),
-                                      _vm._m(8),
-                                    ]
-                                  ),
-                            ])
-                          : _c("div", [
-                              _vm._v(
-                                "\n            Tugas ini membutuhkan anda untuk mengisi google form, silahkan tekan tombol berikut untuk ke google form pada tugas ini dan mengikuti petunjuk selanjutnya disana.\n            "
-                              ),
-                              _c(
-                                "a",
-                                {
-                                  staticClass:
-                                    "btn bg-blue btn-block mt-2 mb-1",
-                                  attrs: {
-                                    type: "button",
-                                    href: _vm.selected.link,
-                                    target: "_blank",
-                                  },
-                                },
-                                [
-                                  _c("i", { staticClass: "icon-google" }),
-                                  _vm._v(" Google Form"),
-                                ]
-                              ),
-                            ]),
-                      ])
-                    : _vm.isShowUbah
-                    ? _c(
-                        "form",
-                        {
-                          attrs: { "data-vv-scope": "formData" },
-                          on: {
-                            submit: function ($event) {
-                              $event.preventDefault()
-                              return _vm.save.apply(null, arguments)
-                            },
-                          },
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "d-block d-sm-none" },
+            [
+              _c(
+                "json-excel",
+                {
+                  staticClass: "btn bg-green-300 btn-icon btn-block",
+                  attrs: {
+                    data: _vm.excel.data,
+                    exportFields: _vm.excel.fields,
+                    meta: _vm.excel.meta,
+                    title: "Data " + _vm.title,
+                    name: _vm.title + ".xls",
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-folder-download2" }),
+                  _vm._v(" Download Excel"),
+                ]
+              ),
+            ],
+            1
+          ),
+        ]),
+        _vm._v(" "),
+        _c(
+          "div",
+          {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: !_vm.collapsed,
+                expression: "!collapsed",
+              },
+            ],
+            staticClass: "table-responsive",
+          },
+          [
+            _c("table", { staticClass: "table table-bordered" }, [
+              _vm._m(0),
+              _vm._v(" "),
+              _c("tbody", [
+                _c("tr", { staticClass: "bg-info font-weight-bold" }, [
+                  _c("td", [
+                    _vm._v(
+                      "A. KEPEMIMPINAN – PENGURUS YANG BERPENGETAHUAN DAN TERLIBAT AKTIF"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP4A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP4A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP4A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP4A,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("1. Pusat Keputusan Yang Utama")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a1_cu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a1_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a1_bkcu_penilaian / 1,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a1_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a1_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a1_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a1_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("2. Peran Penasehat (advisory)")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a2_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a2_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a2_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a2_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a1_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a1_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a1_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("3. Peran Pengabadian (Perpetuating)")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a3_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a3_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a3_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a3_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a1_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a1_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a1_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("4. Fungsi Wali")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a4_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a4_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a4_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a4_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a1_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a1_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a1_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("5. Sebagai Simbol")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a5_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a5_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a5_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a5_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a5_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a5_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a5_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("6. Komposisi dan Komitmen")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a6_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a6_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a6_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a6_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a6_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a6_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a6_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v(
+                      "7. Service delivery kepada anggota – Penarikan Simpanan"
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a7_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a7_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a7_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a7_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a7_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a7_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a7_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("8. Tata Kelola")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a8_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a8_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a8_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a8_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a8_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a8_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a8_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("9. Evaluasi Kinerja")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a9_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a9_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a9_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a9_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a9_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a9_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a9_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [
+                    _vm._v("10. Kesetaraan Gender Dalam Kepemimpinan"),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a10_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a10_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4a10_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4a10_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a10_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a10_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4a10_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", { staticClass: "bg-warning font-weight-bold" }, [
+                  _c("td", [_vm._v("B. KEPUASAN STAF")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP4B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP4B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP4B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP4B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+                _vm._v(" "),
+                _vm._m(1),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("11. Rancangan Kerja (Job Design)")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b11_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b11_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b11_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b11_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b11_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b11_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b11_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("12. Rekruitmen dan Seleksi")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b12_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b12_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b12_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b12_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b12_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b12_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b12_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("13. Kompensasi")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b13_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b13_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b13_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b13_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b13_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b13_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b13_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("14. Pembagian Tingkatan Staf")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b14_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b14_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b14_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b14_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b14_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b14_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b14_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _vm._m(2),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("15. Tujuan Kinerja")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b15_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b15_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b15_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b15_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b15_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b15_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b15_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("16. Standar-standar penilaian")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b16_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b16_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b16_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b16_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b16_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b16_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b16_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("17. Kinerja sebagai nilai bersama")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b17_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b17_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b17_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b17_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b17_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b17_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b17_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("18. Kecakapan Tim")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b18_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b18_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b18_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b18_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b18_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b18_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b18_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _vm._m(3),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("19. Jenjang Karir")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b19_cu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b19_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b19_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b19_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b19_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b19_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b19_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("tr", [
+                  _c("td", [_vm._v("20. Program Pengembangan")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b20_cu_penilaian / 1,
+                          valueType: "currency",
                         },
-                        [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h5", [_vm._v("Jawaban:")]),
-                            _vm._v(" "),
-                            _c("textarea", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.formData.keterangan,
-                                  expression: "formData.keterangan",
-                                },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                rows: "5",
-                                type: "text",
-                                name: "keterangan",
-                                placeholder: "Silahkan masukkan jawaban ",
-                              },
-                              domProps: { value: _vm.formData.keterangan },
-                              on: {
-                                input: function ($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.formData,
-                                    "keterangan",
-                                    $event.target.value
-                                  )
-                                },
-                              },
-                            }),
-                          ]),
-                          _vm._v(" "),
-                          _vm._m(9),
-                          _vm._v(" "),
-                          _vm.formData.format == "link"
-                            ? _c("div", [
-                                _c("h5", [_vm._v("Link dokumen: ")]),
-                                _vm._v(" "),
-                                _c("input", {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.formData.link,
-                                      expression: "formData.link",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    type: "text",
-                                    name: "link",
-                                    placeholder: "Silahkan masukkan link",
-                                  },
-                                  domProps: { value: _vm.formData.link },
-                                  on: {
-                                    input: function ($event) {
-                                      if ($event.target.composing) {
-                                        return
-                                      }
-                                      _vm.$set(
-                                        _vm.formData,
-                                        "link",
-                                        $event.target.value
-                                      )
-                                    },
-                                  },
-                                }),
-                                _vm._v(" "),
-                                _c("small", { staticClass: "text-muted" }, [
-                                  _vm._v("Silahkan masukkan link ke dokumen"),
-                                ]),
-                              ])
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "row" }, [
-                            _c("div", { staticClass: "col-sm-6" }, [
-                              _c(
-                                "button",
-                                {
-                                  staticClass:
-                                    "btn btn-light btn-block mt-1 mb-1",
-                                  attrs: { type: "button" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.showBatal()
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", { staticClass: "icon-arrow-left13" }),
-                                  _vm._v(" Batal"),
-                                ]
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _vm._m(10),
-                          ]),
-                        ]
-                      )
-                    : _vm.isShowHapus
-                    ? _c("div", [
-                        _c(
-                          "div",
-                          { staticClass: "card card-body text-center" },
-                          [
-                            _vm._m(11),
-                            _vm._v(" "),
-                            _c("h3", [_vm._v("Hapus jawaban ini?")]),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "row" }, [
-                              _c("div", { staticClass: "col-sm-6" }, [
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-light btn-block mb-2",
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.showBatal()
-                                      },
-                                    },
-                                  },
-                                  [
-                                    _c("i", {
-                                      staticClass: "icon-arrow-left13",
-                                    }),
-                                    _vm._v(" Batal"),
-                                  ]
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-sm-6" }, [
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass:
-                                      "btn btn-warning btn-block mb-2",
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.showOke()
-                                      },
-                                    },
-                                  },
-                                  [
-                                    _c("i", { staticClass: "icon-checkmark5" }),
-                                    _vm._v(" Ok"),
-                                  ]
-                                ),
-                              ]),
-                            ]),
-                          ]
-                        ),
-                      ])
-                    : _vm._e(),
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b20_cu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.form.p4.p4b20_bkcu_penilaian / 1,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value:
+                            (_vm.form.p4.p4b20_bkcu_penilaian /
+                              _vm.jumlahIndikator) *
+                            _vm.bobotSkor,
+                          valueType: "currency",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b20_cu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b20_bkcu_keterangan },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: { value: _vm.form.p4.p4b20_bkcu_rekomendasi },
+                      }),
+                    ],
+                    1
+                  ),
                 ]),
-          ]),
-      _vm._v(" "),
-      _c("hr"),
-      _vm._v(" "),
-      _c("div", { staticClass: "text-center d-none d-md-block" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.tutup.apply(null, arguments)
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-        ),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "d-block d-md-none" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block pb-2",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.tutup.apply(null, arguments)
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-        ),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-backward2" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-arrow-left5" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-spinner2 spinner" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-arrow-right5" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-forward3" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
-  },
+              ]),
+              _vm._v(" "),
+              _c("tfoot", [
+                _c("tr", { staticClass: "bg-primary font-weight-bold" }, [
+                  _c("td", [_vm._v("SUBTOTAL")]),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorCUP4A + _vm.nilaiSkorCUP4B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotCUP4A + _vm.nilaiBobotCUP4B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiSkorBKCUP4A + _vm.nilaiSkorBKCUP4B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "td",
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.nilaiBobotBKCUP4A + _vm.nilaiBobotBKCUP4B,
+                          valueType: "decimal",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("td", { attrs: { colspan: "3" } }),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = [
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("h5", [
-      _vm._v("\n                  Dokumen pendukung:\n                  "),
-      _c("br"),
-      _vm._v(" "),
-      _c("small", { staticClass: "text-muted" }, [
-        _vm._v(
-          "silahkan diisi apabila ada dokumen pendukung untuk mengerjakan tugas ini"
-        ),
+    return _c("thead", { staticClass: "bg-primary" }, [
+      _c("tr", { staticClass: "text-nowarp" }, [
+        _c("th", [_vm._v("PERSPEKTIF")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("SKOR CU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("BOBOT CU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("SKOR BKCU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("BOBOT BKCU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("KETERANGAN CU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("KETERANGAN BKCU")]),
+        _vm._v(" "),
+        _c("th", [_vm._v("REKOMENDASI BKCU")]),
       ]),
     ])
   },
@@ -18474,54 +57617,24 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      {
-        staticClass: "btn btn-warning btn-block pb-2",
-        attrs: { type: "submit" },
-      },
-      [_c("i", { staticClass: "icon-paperplane" }), _vm._v(" Kirim Jawaban")]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("h5", [
-      _vm._v("\n            Dokumen pendukung:\n            "),
-      _c("br"),
-      _vm._v(" "),
-      _c("small", { staticClass: "text-muted" }, [
-        _vm._v(
-          "silahkan diisi apabila ada dokumen pendukung untuk mengerjakan tugas ini"
-        ),
-      ]),
+    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
+      _c("td", { attrs: { colspan: "8" } }, [_vm._v("ADMINISTRASI")]),
     ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-sm-6" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-primary btn-block mt-1 mb-1",
-          attrs: { type: "submit" },
-        },
-        [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-      ),
+    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
+      _c("td", { attrs: { colspan: "8" } }, [_vm._v("MANAJEMEN KINERJA")]),
     ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "text-warning pb-2" }, [
-      _c("i", {
-        staticClass: "icon-question3",
-        staticStyle: { "font-size": "3em" },
-      }),
+    return _c("tr", { staticClass: "bg-slate font-weight-bold" }, [
+      _c("td", { attrs: { colspan: "8" } }, [_vm._v("MANAJEMEN WAWASAN")]),
     ])
   },
 ]
@@ -18531,17 +57644,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkbox.vue":
+/***/ "./resources/assets/js/components/formInfo.vue":
 /*!*****************************************************!*\
-  !*** ./resources/assets/js/components/checkbox.vue ***!
+  !*** ./resources/assets/js/components/formInfo.vue ***!
   \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkbox.vue?vue&type=template&id=7d32a75a& */ "./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&");
-/* harmony import */ var _checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkbox.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -18551,9 +57664,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -18563,54 +57676,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/checkbox.vue"
+component.options.__file = "resources/assets/js/components/formInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
 /*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
   \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkbox.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&":
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
 /*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a& ***!
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
   \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkbox.vue?vue&type=template&id=7d32a75a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -18620,9 +57733,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -18632,57 +57745,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datatable.vue"
+component.options.__file = "resources/assets/js/components/infoIcon.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue":
+/***/ "./resources/assets/js/components/wajibBadge.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue ***!
+  !*** ./resources/assets/js/components/wajibBadge.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
+/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -18690,10 +57801,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -18703,71 +57814,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datePicker.vue"
+component.options.__file = "resources/assets/js/components/wajibBadge.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \****************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _form_vue_vue_type_template_id_4bb6c6b5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=4bb6c6b5& */ "./resources/assets/js/views/assesmentAccess/form.vue?vue&type=template&id=4bb6c6b5&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -18776,9 +57871,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_4bb6c6b5___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_4bb6c6b5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -18788,54 +57883,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/infoIcon.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form.vue?vue&type=template&id=4bb6c6b5&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form.vue?vue&type=template&id=4bb6c6b5& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_4bb6c6b5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=4bb6c6b5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form.vue?vue&type=template&id=4bb6c6b5&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_4bb6c6b5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_4bb6c6b5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/detail.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/detail.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form_filter.vue":
+/*!*******************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form_filter.vue ***!
+  \*******************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _detail_vue_vue_type_template_id_55783ca6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=55783ca6& */ "./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=template&id=55783ca6&");
-/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_filter_vue_vue_type_template_id_bec24e1c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form_filter.vue?vue&type=template&id=bec24e1c& */ "./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=template&id=bec24e1c&");
+/* harmony import */ var _form_filter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form_filter.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -18845,9 +57940,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _detail_vue_vue_type_template_id_55783ca6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _detail_vue_vue_type_template_id_55783ca6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_filter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_filter_vue_vue_type_template_id_bec24e1c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_filter_vue_vue_type_template_id_bec24e1c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -18857,55 +57952,57 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/detail.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/form_filter.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_filter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_filter.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_filter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=template&id=55783ca6&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=template&id=55783ca6& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=template&id=bec24e1c&":
+/*!**************************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=template&id=bec24e1c& ***!
+  \**************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_55783ca6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=55783ca6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/detail.vue?vue&type=template&id=55783ca6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_55783ca6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_filter_vue_vue_type_template_id_bec24e1c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_filter.vue?vue&type=template&id=bec24e1c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_filter.vue?vue&type=template&id=bec24e1c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_filter_vue_vue_type_template_id_bec24e1c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_55783ca6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_filter_vue_vue_type_template_id_bec24e1c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formHadir.vue":
-/*!**************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formHadir.vue ***!
-  \**************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form_p1.vue":
+/*!***************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form_p1.vue ***!
+  \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formHadir_vue_vue_type_template_id_2558e9cb___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formHadir.vue?vue&type=template&id=2558e9cb& */ "./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=template&id=2558e9cb&");
-/* harmony import */ var _formHadir_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formHadir.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _form_p1_vue_vue_type_template_id_0646e08a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form_p1.vue?vue&type=template&id=0646e08a& */ "./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=template&id=0646e08a&");
+/* harmony import */ var _form_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form_p1.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _form_p1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form_p1.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
 
 
 
@@ -18913,10 +58010,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formHadir_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formHadir_vue_vue_type_template_id_2558e9cb___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formHadir_vue_vue_type_template_id_2558e9cb___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _form_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_p1_vue_vue_type_template_id_0646e08a___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_p1_vue_vue_type_template_id_0646e08a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -18926,54 +58023,70 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/formHadir.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/form_p1.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formHadir_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formHadir.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formHadir_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p1.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=template&id=2558e9cb&":
-/*!*********************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=template&id=2558e9cb& ***!
-  \*********************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css&":
+/*!************************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css& ***!
+  \************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p1.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=template&id=0646e08a&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=template&id=0646e08a& ***!
+  \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formHadir_vue_vue_type_template_id_2558e9cb___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formHadir.vue?vue&type=template&id=2558e9cb& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formHadir.vue?vue&type=template&id=2558e9cb&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formHadir_vue_vue_type_template_id_2558e9cb___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_template_id_0646e08a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p1.vue?vue&type=template&id=0646e08a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p1.vue?vue&type=template&id=0646e08a&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_template_id_0646e08a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formHadir_vue_vue_type_template_id_2558e9cb___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p1_vue_vue_type_template_id_0646e08a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue":
-/*!******************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue ***!
-  \******************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form_p2.vue":
+/*!***************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form_p2.vue ***!
+  \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formKeputusan_vue_vue_type_template_id_28209b97___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKeputusan.vue?vue&type=template&id=28209b97& */ "./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=template&id=28209b97&");
-/* harmony import */ var _formKeputusan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKeputusan.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_p2_vue_vue_type_template_id_062ab188___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form_p2.vue?vue&type=template&id=062ab188& */ "./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=template&id=062ab188&");
+/* harmony import */ var _form_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form_p2.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -18983,9 +58096,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formKeputusan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formKeputusan_vue_vue_type_template_id_28209b97___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formKeputusan_vue_vue_type_template_id_28209b97___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_p2_vue_vue_type_template_id_062ab188___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_p2_vue_vue_type_template_id_062ab188___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -18995,54 +58108,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/formKeputusan.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/form_p2.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKeputusan.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p2.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=template&id=28209b97&":
-/*!*************************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=template&id=28209b97& ***!
-  \*************************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=template&id=062ab188&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=template&id=062ab188& ***!
+  \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusan_vue_vue_type_template_id_28209b97___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKeputusan.vue?vue&type=template&id=28209b97& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusan.vue?vue&type=template&id=28209b97&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusan_vue_vue_type_template_id_28209b97___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p2_vue_vue_type_template_id_062ab188___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p2.vue?vue&type=template&id=062ab188& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p2.vue?vue&type=template&id=062ab188&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p2_vue_vue_type_template_id_062ab188___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusan_vue_vue_type_template_id_28209b97___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p2_vue_vue_type_template_id_062ab188___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue":
-/*!**************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue ***!
-  \**************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form_p3.vue":
+/*!***************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form_p3.vue ***!
+  \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formKeputusanKomentar_vue_vue_type_template_id_5d3dc3aa___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa& */ "./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa&");
-/* harmony import */ var _formKeputusanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKeputusanKomentar.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_p3_vue_vue_type_template_id_060e8286___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form_p3.vue?vue&type=template&id=060e8286& */ "./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=template&id=060e8286&");
+/* harmony import */ var _form_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form_p3.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -19052,9 +58165,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formKeputusanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formKeputusanKomentar_vue_vue_type_template_id_5d3dc3aa___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formKeputusanKomentar_vue_vue_type_template_id_5d3dc3aa___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_p3_vue_vue_type_template_id_060e8286___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_p3_vue_vue_type_template_id_060e8286___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -19064,54 +58177,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/form_p3.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKeputusanKomentar.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p3.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa&":
-/*!*********************************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa& ***!
-  \*********************************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=template&id=060e8286&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=template&id=060e8286& ***!
+  \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusanKomentar_vue_vue_type_template_id_5d3dc3aa___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formKeputusanKomentar.vue?vue&type=template&id=5d3dc3aa&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusanKomentar_vue_vue_type_template_id_5d3dc3aa___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p3_vue_vue_type_template_id_060e8286___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p3.vue?vue&type=template&id=060e8286& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p3.vue?vue&type=template&id=060e8286&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p3_vue_vue_type_template_id_060e8286___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeputusanKomentar_vue_vue_type_template_id_5d3dc3aa___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p3_vue_vue_type_template_id_060e8286___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formMateri.vue":
+/***/ "./resources/assets/js/views/assesmentAccess/form_p4.vue":
 /*!***************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formMateri.vue ***!
+  !*** ./resources/assets/js/views/assesmentAccess/form_p4.vue ***!
   \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formMateri_vue_vue_type_template_id_0e67c796___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formMateri.vue?vue&type=template&id=0e67c796& */ "./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=template&id=0e67c796&");
-/* harmony import */ var _formMateri_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formMateri.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_p4_vue_vue_type_template_id_05f25384___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form_p4.vue?vue&type=template&id=05f25384& */ "./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=template&id=05f25384&");
+/* harmony import */ var _form_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form_p4.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -19121,9 +58234,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formMateri_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formMateri_vue_vue_type_template_id_0e67c796___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formMateri_vue_vue_type_template_id_0e67c796___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_p4_vue_vue_type_template_id_05f25384___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_p4_vue_vue_type_template_id_05f25384___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -19133,54 +58246,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/formMateri.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/form_p4.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=script&lang=js& ***!
   \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formMateri_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formMateri.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formMateri_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p4.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=template&id=0e67c796&":
+/***/ "./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=template&id=05f25384&":
 /*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=template&id=0e67c796& ***!
+  !*** ./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=template&id=05f25384& ***!
   \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formMateri_vue_vue_type_template_id_0e67c796___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formMateri.vue?vue&type=template&id=0e67c796& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formMateri.vue?vue&type=template&id=0e67c796&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formMateri_vue_vue_type_template_id_0e67c796___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p4_vue_vue_type_template_id_05f25384___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form_p4.vue?vue&type=template&id=05f25384& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/form_p4.vue?vue&type=template&id=05f25384&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p4_vue_vue_type_template_id_05f25384___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formMateri_vue_vue_type_template_id_0e67c796___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_p4_vue_vue_type_template_id_05f25384___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue":
-/*!*******************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue ***!
-  \*******************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/kesimpulan.vue":
+/*!******************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/kesimpulan.vue ***!
+  \******************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formPertanyaan_vue_vue_type_template_id_261dac5c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPertanyaan.vue?vue&type=template&id=261dac5c& */ "./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=template&id=261dac5c&");
-/* harmony import */ var _formPertanyaan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPertanyaan.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=script&lang=js&");
+/* harmony import */ var _kesimpulan_vue_vue_type_template_id_32967008___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./kesimpulan.vue?vue&type=template&id=32967008& */ "./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=template&id=32967008&");
+/* harmony import */ var _kesimpulan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./kesimpulan.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -19190,9 +58303,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formPertanyaan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formPertanyaan_vue_vue_type_template_id_261dac5c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formPertanyaan_vue_vue_type_template_id_261dac5c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _kesimpulan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _kesimpulan_vue_vue_type_template_id_32967008___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _kesimpulan_vue_vue_type_template_id_32967008___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -19202,54 +58315,123 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/kesimpulan.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPertanyaan.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_kesimpulan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./kesimpulan.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_kesimpulan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=template&id=261dac5c&":
-/*!**************************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=template&id=261dac5c& ***!
-  \**************************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=template&id=32967008&":
+/*!*************************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=template&id=32967008& ***!
+  \*************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_kesimpulan_vue_vue_type_template_id_32967008___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./kesimpulan.vue?vue&type=template&id=32967008& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/kesimpulan.vue?vue&type=template&id=32967008&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_kesimpulan_vue_vue_type_template_id_32967008___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_kesimpulan_vue_vue_type_template_id_32967008___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue":
+/*!**********************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue ***!
+  \**********************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _penilaian_bkcu_vue_vue_type_template_id_616e65da___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./penilaian_bkcu.vue?vue&type=template&id=616e65da& */ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=template&id=616e65da&");
+/* harmony import */ var _penilaian_bkcu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./penilaian_bkcu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _penilaian_bkcu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _penilaian_bkcu_vue_vue_type_template_id_616e65da___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _penilaian_bkcu_vue_vue_type_template_id_616e65da___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_bkcu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./penilaian_bkcu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_bkcu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=template&id=616e65da&":
+/*!*****************************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=template&id=616e65da& ***!
+  \*****************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaan_vue_vue_type_template_id_261dac5c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPertanyaan.vue?vue&type=template&id=261dac5c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaan.vue?vue&type=template&id=261dac5c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaan_vue_vue_type_template_id_261dac5c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_bkcu_vue_vue_type_template_id_616e65da___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./penilaian_bkcu.vue?vue&type=template&id=616e65da& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_bkcu.vue?vue&type=template&id=616e65da&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_bkcu_vue_vue_type_template_id_616e65da___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaan_vue_vue_type_template_id_261dac5c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_bkcu_vue_vue_type_template_id_616e65da___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue":
-/*!***************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue ***!
-  \***************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue":
+/*!********************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/penilaian_cu.vue ***!
+  \********************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formPertanyaanKomentar_vue_vue_type_template_id_7365e6e5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5& */ "./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5&");
-/* harmony import */ var _formPertanyaanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPertanyaanKomentar.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=script&lang=js&");
+/* harmony import */ var _penilaian_cu_vue_vue_type_template_id_4e0d4bde___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./penilaian_cu.vue?vue&type=template&id=4e0d4bde& */ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=template&id=4e0d4bde&");
+/* harmony import */ var _penilaian_cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./penilaian_cu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -19259,9 +58441,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formPertanyaanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formPertanyaanKomentar_vue_vue_type_template_id_7365e6e5___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formPertanyaanKomentar_vue_vue_type_template_id_7365e6e5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _penilaian_cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _penilaian_cu_vue_vue_type_template_id_4e0d4bde___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _penilaian_cu_vue_vue_type_template_id_4e0d4bde___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -19271,54 +58453,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/penilaian_cu.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPertanyaanKomentar.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaanKomentar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./penilaian_cu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_cu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5&":
-/*!**********************************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5& ***!
-  \**********************************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=template&id=4e0d4bde&":
+/*!***************************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=template&id=4e0d4bde& ***!
+  \***************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaanKomentar_vue_vue_type_template_id_7365e6e5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPertanyaanKomentar.vue?vue&type=template&id=7365e6e5&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaanKomentar_vue_vue_type_template_id_7365e6e5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_cu_vue_vue_type_template_id_4e0d4bde___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./penilaian_cu.vue?vue&type=template&id=4e0d4bde& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/penilaian_cu.vue?vue&type=template&id=4e0d4bde&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_cu_vue_vue_type_template_id_4e0d4bde___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPertanyaanKomentar_vue_vue_type_template_id_7365e6e5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_penilaian_cu_vue_vue_type_template_id_4e0d4bde___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formPeserta.vue":
+/***/ "./resources/assets/js/views/assesmentAccess/score_p1.vue":
 /*!****************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formPeserta.vue ***!
+  !*** ./resources/assets/js/views/assesmentAccess/score_p1.vue ***!
   \****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formPeserta_vue_vue_type_template_id_31ba210f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPeserta.vue?vue&type=template&id=31ba210f& */ "./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=template&id=31ba210f&");
-/* harmony import */ var _formPeserta_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPeserta.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=script&lang=js&");
+/* harmony import */ var _score_p1_vue_vue_type_template_id_680442ff___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./score_p1.vue?vue&type=template&id=680442ff& */ "./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=template&id=680442ff&");
+/* harmony import */ var _score_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./score_p1.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -19328,9 +58510,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formPeserta_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formPeserta_vue_vue_type_template_id_31ba210f___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formPeserta_vue_vue_type_template_id_31ba210f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _score_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _score_p1_vue_vue_type_template_id_680442ff___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _score_p1_vue_vue_type_template_id_680442ff___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -19340,54 +58522,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/formPeserta.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/score_p1.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=script&lang=js&":
 /*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=script&lang=js& ***!
   \*****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPeserta_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPeserta.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPeserta_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p1.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p1_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=template&id=31ba210f&":
+/***/ "./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=template&id=680442ff&":
 /*!***********************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=template&id=31ba210f& ***!
+  !*** ./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=template&id=680442ff& ***!
   \***********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPeserta_vue_vue_type_template_id_31ba210f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPeserta.vue?vue&type=template&id=31ba210f& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPeserta.vue?vue&type=template&id=31ba210f&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPeserta_vue_vue_type_template_id_31ba210f___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p1_vue_vue_type_template_id_680442ff___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p1.vue?vue&type=template&id=680442ff& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p1.vue?vue&type=template&id=680442ff&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p1_vue_vue_type_template_id_680442ff___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPeserta_vue_vue_type_template_id_31ba210f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p1_vue_vue_type_template_id_680442ff___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue":
-/*!*********************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue ***!
-  \*********************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/score_p2.vue":
+/*!****************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/score_p2.vue ***!
+  \****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formPesertaBatal_vue_vue_type_template_id_163a2d61___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPesertaBatal.vue?vue&type=template&id=163a2d61& */ "./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=template&id=163a2d61&");
-/* harmony import */ var _formPesertaBatal_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPesertaBatal.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=script&lang=js&");
+/* harmony import */ var _score_p2_vue_vue_type_template_id_68125a80___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./score_p2.vue?vue&type=template&id=68125a80& */ "./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=template&id=68125a80&");
+/* harmony import */ var _score_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./score_p2.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -19397,9 +58579,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formPesertaBatal_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formPesertaBatal_vue_vue_type_template_id_163a2d61___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formPesertaBatal_vue_vue_type_template_id_163a2d61___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _score_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _score_p2_vue_vue_type_template_id_68125a80___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _score_p2_vue_vue_type_template_id_68125a80___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -19409,54 +58591,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/score_p2.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPesertaBatal_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPesertaBatal.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPesertaBatal_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p2.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p2_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=template&id=163a2d61&":
-/*!****************************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=template&id=163a2d61& ***!
-  \****************************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=template&id=68125a80&":
+/*!***********************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=template&id=68125a80& ***!
+  \***********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPesertaBatal_vue_vue_type_template_id_163a2d61___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPesertaBatal.vue?vue&type=template&id=163a2d61& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formPesertaBatal.vue?vue&type=template&id=163a2d61&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPesertaBatal_vue_vue_type_template_id_163a2d61___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p2_vue_vue_type_template_id_68125a80___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p2.vue?vue&type=template&id=68125a80& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p2.vue?vue&type=template&id=68125a80&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p2_vue_vue_type_template_id_68125a80___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPesertaBatal_vue_vue_type_template_id_163a2d61___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p2_vue_vue_type_template_id_68125a80___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formTugas.vue":
-/*!**************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formTugas.vue ***!
-  \**************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/score_p3.vue":
+/*!****************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/score_p3.vue ***!
+  \****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formTugas_vue_vue_type_template_id_7180b8e2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formTugas.vue?vue&type=template&id=7180b8e2& */ "./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=template&id=7180b8e2&");
-/* harmony import */ var _formTugas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formTugas.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=script&lang=js&");
+/* harmony import */ var _score_p3_vue_vue_type_template_id_68207201___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./score_p3.vue?vue&type=template&id=68207201& */ "./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=template&id=68207201&");
+/* harmony import */ var _score_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./score_p3.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -19466,9 +58648,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formTugas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formTugas_vue_vue_type_template_id_7180b8e2___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formTugas_vue_vue_type_template_id_7180b8e2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _score_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _score_p3_vue_vue_type_template_id_68207201___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _score_p3_vue_vue_type_template_id_68207201___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -19478,54 +58660,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/formTugas.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/score_p3.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTugas.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p3.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p3_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=template&id=7180b8e2&":
-/*!*********************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=template&id=7180b8e2& ***!
-  \*********************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=template&id=68207201&":
+/*!***********************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=template&id=68207201& ***!
+  \***********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugas_vue_vue_type_template_id_7180b8e2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTugas.vue?vue&type=template&id=7180b8e2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugas.vue?vue&type=template&id=7180b8e2&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugas_vue_vue_type_template_id_7180b8e2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p3_vue_vue_type_template_id_68207201___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p3.vue?vue&type=template&id=68207201& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p3.vue?vue&type=template&id=68207201&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p3_vue_vue_type_template_id_68207201___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugas_vue_vue_type_template_id_7180b8e2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p3_vue_vue_type_template_id_68207201___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue":
-/*!*********************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue ***!
-  \*********************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/score_p4.vue":
+/*!****************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/score_p4.vue ***!
+  \****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formTugasJawaban_vue_vue_type_template_id_7e0a0ccf___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formTugasJawaban.vue?vue&type=template&id=7e0a0ccf& */ "./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=template&id=7e0a0ccf&");
-/* harmony import */ var _formTugasJawaban_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formTugasJawaban.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=script&lang=js&");
+/* harmony import */ var _score_p4_vue_vue_type_template_id_682e8982___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./score_p4.vue?vue&type=template&id=682e8982& */ "./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=template&id=682e8982&");
+/* harmony import */ var _score_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./score_p4.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -19535,9 +58717,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formTugasJawaban_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formTugasJawaban_vue_vue_type_template_id_7e0a0ccf___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formTugasJawaban_vue_vue_type_template_id_7e0a0ccf___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _score_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _score_p4_vue_vue_type_template_id_682e8982___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _score_p4_vue_vue_type_template_id_682e8982___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -19547,38 +58729,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/score_p4.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugasJawaban_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTugasJawaban.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugasJawaban_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p4.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p4_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=template&id=7e0a0ccf&":
-/*!****************************************************************************************************!*\
-  !*** ./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=template&id=7e0a0ccf& ***!
-  \****************************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=template&id=682e8982&":
+/*!***********************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=template&id=682e8982& ***!
+  \***********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugasJawaban_vue_vue_type_template_id_7e0a0ccf___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTugasJawaban.vue?vue&type=template&id=7e0a0ccf& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/kegiatanBKCU/formTugasJawaban.vue?vue&type=template&id=7e0a0ccf&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugasJawaban_vue_vue_type_template_id_7e0a0ccf___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p4_vue_vue_type_template_id_682e8982___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./score_p4.vue?vue&type=template&id=682e8982& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/score_p4.vue?vue&type=template&id=682e8982&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p4_vue_vue_type_template_id_682e8982___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTugasJawaban_vue_vue_type_template_id_7e0a0ccf___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_score_p4_vue_vue_type_template_id_682e8982___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/39.js b/public/js/components/39.js
index 77a12d9f5..30a5e69c4 100644
--- a/public/js/components/39.js
+++ b/public/js/components/39.js
@@ -1763,6 +1763,25 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -2057,6 +2076,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       }
 
       this.$store.dispatch('provinces/get');
+      this.$store.dispatch('sertifikatKegiatan/index');
     },
     checkTipe: function checkTipe(tipe) {
       if (tipe == 'diklat_bkcu') {
@@ -2075,6 +2095,9 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         this.titleIcon = 'icon-plus3';
       }
     },
+    changeSertifikat: function changeSertifikat(event) {
+      this.form.formSertifikat = event;
+    },
     changeProvinces: function changeProvinces(id) {
       this.$store.dispatch('regencies/getProvinces', id);
     },
@@ -2289,7 +2312,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       return moment().year();
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
     form: 'data',
     formStat: 'dataStat',
     rules: 'rules',
@@ -2308,6 +2331,9 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tempat', {
     modelTempat: 'dataSForm',
     modelTempatStat: 'dataStatSForm'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('sertifikatKegiatan', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
   }))
 });
 
@@ -7462,6 +7488,103 @@ var render = function () {
                     1
                   ),
                   _vm._v(" "),
+                  _c("div", { staticClass: "card" }, [
+                    _c("div", { staticClass: "card-header bg-white" }, [
+                      _c(
+                        "h5",
+                        { staticClass: "card-title" },
+                        [_vm._v("5. Sertifikat "), _c("wajib-badge")],
+                        1
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row col-md-12" }, [
+                        _c(
+                          "select",
+                          {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.id_sertifikat,
+                                expression: "form.id_sertifikat",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              name: "id_sertifikat",
+                              "data-width": "100%",
+                              "data-vv-as": "Sertifikat",
+                              disabled: _vm.itemDataStat.length === 0,
+                            },
+                            on: {
+                              change: [
+                                function ($event) {
+                                  var $$selectedVal = Array.prototype.filter
+                                    .call($event.target.options, function (o) {
+                                      return o.selected
+                                    })
+                                    .map(function (o) {
+                                      var val =
+                                        "_value" in o ? o._value : o.value
+                                      return val
+                                    })
+                                  _vm.$set(
+                                    _vm.form,
+                                    "id_sertifikat",
+                                    $event.target.multiple
+                                      ? $$selectedVal
+                                      : $$selectedVal[0]
+                                  )
+                                },
+                                function ($event) {
+                                  return _vm.changeSertifikat(
+                                    $event.target.value
+                                  )
+                                },
+                              ],
+                            },
+                          },
+                          [
+                            _c(
+                              "option",
+                              { attrs: { disabled: "", value: "" } },
+                              [
+                                _vm.itemDataStat === "loading"
+                                  ? _c("span", [_vm._v("Mohon tunggu...")])
+                                  : _c("span", [
+                                      _vm._v("Silahkan pilih sertifikat"),
+                                    ]),
+                              ]
+                            ),
+                            _vm._v(" "),
+                            _vm._l(
+                              _vm.itemData.data,
+                              function (sertifikat, index) {
+                                return _c(
+                                  "option",
+                                  {
+                                    key: index,
+                                    domProps: { value: sertifikat.id },
+                                  },
+                                  [
+                                    _vm._v(
+                                      _vm._s(sertifikat.name) +
+                                        " -- " +
+                                        _vm._s(sertifikat.kode_sertifikat)
+                                    ),
+                                  ]
+                                )
+                              }
+                            ),
+                          ],
+                          2
+                        ),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
                   _c(
                     "div",
                     { staticClass: "card" },
@@ -7887,7 +8010,7 @@ var staticRenderFns = [
     var _c = _vm._self._c || _h
     return _c("div", { staticClass: "card-header bg-white" }, [
       _c("h5", { staticClass: "card-title" }, [
-        _vm._v("5. Interaksi Peserta "),
+        _vm._v("6. Interaksi Peserta "),
         _c("br"),
         _vm._v(" "),
         _c("small", { staticClass: "text-muted" }, [
diff --git a/public/js/components/41.js b/public/js/components/41.js
index c83b1a27a..7bef441f8 100644
--- a/public/js/components/41.js
+++ b/public/js/components/41.js
@@ -1,16 +1,14 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[41],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
 //
 //
 //
@@ -36,53 +34,244 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
-    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+  data: function data() {
+    return {
+      image: ''
+    };
   },
   props: {
-    value: {
-      "default": ''
-    },
-    frontText: {
+    image_loc: {
+      type: [String],
       "default": ''
     },
-    trimLength: {
-      "default": 50
+    image_type: {
+      type: [String],
+      "default": '.jpg'
     },
-    valueType: {
-      "default": 'trim'
+    image_temp: {
+      "default": ''
     },
-    empty: {
-      "default": '-'
+    value: {
+      type: [String, File],
+      "default": 'no_image'
+    }
+  },
+  methods: {
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.createImage(files[0]);
+      this.$emit('input', files[0]);
+    },
+    createImage: function createImage(file) {
+      var reader = new FileReader();
+      var vm = this;
+
+      reader.onload = function (e) {
+        vm.image = e.target.result; // this.$emit('input', vm.image)
+      };
+
+      reader.readAsDataURL(file);
+    },
+    close: function close() {
+      this.$emit('input', 'no_image');
+      this.image = '/images/no_image.jpg';
+      this.$refs.fileInput.value = '';
     }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['columnData', 'itemDataStat', 'items'],
+  components: {},
+  data: function data() {
+    return {};
+  },
+  methods: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['defaultDate'],
+  components: {
+    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
   },
   data: function data() {
     return {
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
+      time: '',
+      dateVal: ''
     };
   },
+  mounted: function mounted() {
+    if (this.defaultDate == '') {
+      var today = new Date();
+      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
+      this.time = date;
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
+    } else {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+      this.$emit('dateSelected', this.defaultDate);
+    }
+  },
+  watch: {
+    defaultDate: function defaultDate(newVal, oldVal) {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+    }
+  },
   methods: {
-    modalOpen: function modalOpen() {
-      this.modalShow = true;
-      this.modalState = 'content-tutup';
-      this.modalContent = this.value;
-      this.modalButton = 'Tutup';
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-    },
-    strip: function strip(html) {
-      var tmp = document.createElement("DIV");
-      tmp.innerHTML = html;
-      return tmp.textContent || tmp.innerText || "";
+    onChanged: function onChanged(event) {
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: []
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    message: {
+      "default": ''
     }
   }
 });
@@ -218,25 +407,82 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    message: {
+      "default": ''
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibUkuran.vue?vue&type=script&lang=js&":
 /*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detail.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibUkuran.vue?vue&type=script&lang=js& ***!
   \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    message: {
+      "default": ''
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sertifikatKegiatan/form.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sertifikatKegiatan/form.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _selectDetail_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectDetail.vue */ "./resources/assets/js/views/laporanCu/selectDetail.vue");
-/* harmony import */ var _detailLaporanCu_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./detailLaporanCu.vue */ "./resources/assets/js/views/laporanCu/detailLaporanCu.vue");
-/* harmony import */ var _detailPearls_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./detailPearls.vue */ "./resources/assets/js/views/laporanCu/detailPearls.vue");
-/* harmony import */ var _diskusi_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./diskusi.vue */ "./resources/assets/js/views/laporanCu/diskusi.vue");
-/* harmony import */ var _revisi_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./revisi.vue */ "./resources/assets/js/views/laporanCu/revisi.vue");
-/* harmony import */ var _infografis_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./infografis.vue */ "./resources/assets/js/views/laporanCu/infografis.vue");
-/* harmony import */ var _infografisPearls_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./infografisPearls.vue */ "./resources/assets/js/views/laporanCu/infografisPearls.vue");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_wajibUkuran_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/wajibUkuran.vue */ "./resources/assets/js/components/wajibUkuran.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -357,6 +603,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+
+
+
+
+
 
 
 
@@ -369,9781 +626,688 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    selectData: _selectDetail_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    detailLaporanCu: _detailLaporanCu_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    detailPearls: _detailPearls_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    infografisData: _infografis_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    infografisPearlsData: _infografisPearls_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    diskusi: _diskusi_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    revisi: _revisi_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_8__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_12___default.a,
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    wajibUkuran: _components_wajibUkuran_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_14__["default"]
   },
   data: function data() {
     return {
-      title: 'Detail Laporan CU',
-      titlePearls: 'P.E.A.R.L.S',
-      kelas: 'laporanCu',
-      titleDesc: 'Mengelola data perkembangan CU',
-      titleIcon: 'icon-stats-bars2',
-      level2Title: 'Laporan CU',
-      selectCUPath: 'laporanCuCU',
-      tabName: 'analisisLaporanCu',
-      katax: '\\frac{1.7888}{1,6777}',
-      isPearls: false,
-      isDiskusi: false,
-      isRevisi: false
+      title: 'Tambah Sertifikat Kegiatan',
+      titleDesc: 'Menambah Sertifikat Kegiatan',
+      titleIcon: 'icon-plus3',
+      level: 2,
+      level2Title: 'Sertifikat Kegiatan',
+      kelas: 'sertifikatKegiatan',
+      sasaran: [],
+      tempatData: '',
+      ckeditorNoImageConfig: {
+        toolbar: {
+          items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo']
+        },
+        table: {
+          contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']
+        }
+      },
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        year: {
+          date: true,
+          datePattern: ['Y']
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      selectedItemPilih: '',
+      formPilihMode: '',
+      itemDataPilih: [],
+      itemDataPilihStat: 'success',
+      cancelState: 'methods',
+      state: '',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      modalSize: '',
+      submited: false
     };
   },
-  methods: {
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-
-      if (value == 'analisisPearls' && !this.isPearls) {
-        this.isPearls = true;
-      }
-
-      if (value == 'diskusi' && !this.isDiskusi) {
-        this.isDiskusi = true;
-      }
-
-      if (value == 'revisi' && !this.isRevisi) {
-        this.isRevisi = true;
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
+  watch: {
+    // modelTempatStat(value){
+    // 	if(value === "success"){
+    // 		this.changeTempat(this.form.id_tempat);
+    // 	}
+    // },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    },
+    updateTempatStat: function updateTempatStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateTempatResponse.message;
+        this.changeRegencies(this.form.id_regencies);
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateTempatResponse;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      if (this.$route.meta.mode == 'edit') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+      } else {
+        // this.checkTipe(this.$route.params.tipe);
+        this.$store.dispatch(this.kelas + '/create');
+      } // this.$store.dispatch('provinces/get');
+
+    },
+    checkTipe: function checkTipe(tipe) {
+      if (this.$route.meta.mode == 'edit') {
+        this.title = 'Ubah ' + this.level2Title;
+        this.titleDesc = 'Mengubah ' + this.level2Title;
+        this.titleIcon = 'icon-pencil5';
+      } else {
+        this.title = 'Tambah ' + this.level2Title;
+        this.titleDesc = 'Menambah ' + this.level2Title;
+        this.titleIcon = 'icon-plus3';
       }
     },
+    createPilih: function createPilih(value) {
+      this.itemDataPilih.push(value);
+      this.selectedItemPilih = {};
+      this.modalTutup();
+    },
+    editPilih: function editPilih(value) {
+      lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataPilih, {
+        index: value.index
+      });
+
+      this.itemDataPilih.push(value);
+      this.selectedItemPilih = {};
+      this.modalTutup();
+    },
+    save: function save() {
+      var _this = this;
+
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_6__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.$route.meta.mode == 'edit') {
+            console.log(_this.form.gambar_depan);
+
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
+          } else {
+            console.log(_this.form.gambar_depan);
+
+            _this.$store.dispatch(_this.kelas + '/store', formData);
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
     back: function back() {
-      if (this.itemData.id_cu) {
-        if (this.itemData.id_cu != 0) {
+      if (this.$route.meta.isDetail) {
+        this.$router.push({
+          name: this.kelas + 'Detail',
+          params: {
+            id: this.form.id
+          }
+        });
+      } else {
+        if (this.$route.meta.mode == 'edit') {
           this.$router.push({
-            name: this.kelas + 'Cu',
+            name: this.kelas,
             params: {
-              cu: this.itemData.id_cu,
-              tp: 'konsolidasi'
+              tipe: this.form.tipe,
+              periode: this.momentYear()
             }
           });
         } else {
           this.$router.push({
-            name: this.kelas + 'Cu',
+            name: this.kelas,
             params: {
-              cu: this.itemData.id_cu,
-              tp: this.itemData.id_tp
+              tipe: this.$route.params.tipe,
+              periode: this.momentYear()
             }
           });
         }
+      }
+    },
+    selectedRow: function selectedRow(item, index) {
+      this.selectedItemPilih = item;
+      this.selectedItemPilih.index = index;
+    },
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItemPanitia = itemMobile;
+      }
+
+      if (state == 'hapusPanitia') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Panitia/Fasilitator ' + this.selectedItemPanitia.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+        this.modalSize = '';
+      } else if (state == 'ubahPanitia') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah Panitia/Fasilitator';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formPanitiaMode = 'edit';
+      } else if (state == 'tambahPanitia') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah Panitia/Fasilitator';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formPanitiaMode = 'create';
+      } else if (state == 'hapusPilih') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Pilihan ' + this.selectedItemPilih.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+        this.modalSize = '';
+      } else if (state == 'ubahPilih') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah Pilihan';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formPilihMode = 'edit';
+      } else if (state == 'tambahPilih') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah Pilihan';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formPilihMode = 'create';
+      } else if (state == 'tempat') {
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah Tempat';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+      }
+    },
+    modalImageShow: function modalImageShow(content) {
+      this.modalShow = true;
+      this.modalState = 'image';
+      this.modalContent = content;
+      this.modalSize = '';
+      this.modalButton = 'Ok';
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      this.modalShow = false;
+
+      if (this.state == 'hapusPanitia') {
+        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataPanitia, {
+          index: this.selectedItemPanitia.index
+        });
+
+        this.selectedItemPanitia = {};
+      } else if (this.state == 'hapusPilih') {
+        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataPilih, {
+          index: this.selectedItemPilih.index
+        });
+
+        this.selectedItemPilih = {};
       } else {
-        if (this.itemData.tp.id_cu != 0) {
-          this.$router.push({
-            name: this.kelas + 'Cu',
-            params: {
-              cu: this.itemData.tp.id_cu,
-              tp: 'konsolidasi'
-            }
-          });
-        } else {
+        if (this.$route.meta.isDetail) {
           this.$router.push({
-            name: this.kelas + 'Cu',
+            name: this.kelas + 'Detail',
             params: {
-              cu: this.itemData.tp.id_cu,
-              tp: this.itemData.id_tp
+              id: this.form.id
             }
           });
         }
       }
+    },
+    modalTutup: function modalTutup() {
+      if (this.updateStat == 'success' && this.state == '') {
+        this.$store.dispatch(this.kelas + '/resetUpdateStat');
+        this.back();
+      }
+
+      this.modalShow = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+    },
+    processFile: function processFile(event) {
+      this.form.gambar_depan = event.target.files[0];
+      this.form.gambar_belakang = event.target.files[0];
+    },
+    momentYear: function momentYear() {
+      return moment().year();
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
-    itemData: 'data',
-    itemDataStat: 'dataStat',
-    itemPearls: 'pearls',
-    itemPearlsStat: 'pearlsStat',
-    columnData: 'columnData',
-    columnDataPearls: 'columnDataPearls'
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('sertifikatKegiatan', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************************/
-/*! exports provided: default */
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _widgetLaporanCu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./widgetLaporanCu */ "./resources/assets/js/views/laporanCu/widgetLaporanCu.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__);
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body text-center" }, [
+        _vm.image === "" && _vm.image_temp === ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: "/images/no_image.jpg" },
+            })
+          : _vm.image === "" && _vm.image_temp !== ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
+            })
+          : _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image },
+            }),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "col-md-10" }, [
+        _c("input", {
+          ref: "fileInput",
+          staticClass: "form-control",
+          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
+          on: { change: _vm.upload },
+        }),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-2" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block",
+            attrs: { type: "button", disabled: _vm.image_temp === "" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.close()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
+        ),
+      ]),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    widgetData: _widgetLaporanCu__WEBPACK_IMPORTED_MODULE_3__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default.a
-  },
-  props: ['kelas', 'columnData'],
-  data: function data() {
-    return {
-      idCu: '',
-      idTp: '',
-      periode: '',
-      periodeTp: '',
-      itemDataBefore: [],
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalSize: '',
-      modalColor: '',
-      modalButton: '',
-      modalDetail: {
-        id: '',
-        title: '',
-        type: '',
-        itemData: '',
-        itemDataBefore: '',
-        grafikData: [],
-        form: [],
-        analisis1: '',
-        tab: 'analisis',
-        isUbah: false,
-        isOpposite: false,
-        isPercent: false,
-        canUbah: true
-      },
-      form: [],
-      cleaveOption: {
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      }
-    };
-  },
-  created: function created() {
-    this.fetch();
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.fetch();
-    },
-    grafikDataStat: function grafikDataStat(value) {
-      if (value == 'success') {
-        var periodeNow = this.itemData.periode;
-
-        var itemDataSorted = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.orderBy(this.grafikData.data, ['periode'], ['desc']);
-
-        this.itemDataBefore = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(itemDataSorted, function (o) {
-          return o.periode < periodeNow;
-        });
-      }
-    },
-    // when updating data
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = 'Ok';
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.fetch();
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = '';
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.$route.meta.mode == 'detail') {
-        this.$store.dispatch('laporanCu/detail', this.$route.params.id);
-      } else {
-        this.$store.dispatch('laporanCu/detailTp', this.$route.params.id);
-      }
-    },
-    save: function save() {
-      this.form = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.chain(this.modalDetail.form).keyBy('key').mapValues('value').value();
-      this.form.periode = this.modalDetail.periode;
-
-      if (this.itemData.id_tp) {
-        this.form.id_tp = this.modalDetail.id_tp;
-        this.form.no_tp = this.modalDetailpr.no_tp;
-        this.form.id_cu = this.itemData.tp.cu.id;
-        this.form.no_ba = this.itemData.tp.cu.no_ba;
-        this.$store.dispatch('laporanCu/updateTp', [this.modalDetail.id, this.form]);
-      } else {
-        this.form.id_cu = this.modalDetail.id_cu;
-        this.form.no_ba = this.modalDetail.no_ba;
-        this.$store.dispatch('laporanCu/update', [this.modalDetail.id, this.form]);
-      }
-    },
-    modalBuka: function modalBuka(title, key, itemData, periode, itemDataBefore, periodeBefore, grafikData, form) {
-      var type = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 'currency';
-      var isOpposite = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
-      // modal attribute
-      this.modalColor = 'bg-primary';
-      this.modalShow = true;
-      this.modalState = 'normal1';
-      this.modalTitle = 'Detail Akun ' + title;
-      this.modalDetail.tab = 'analisis';
-      this.modalDetail.title = title.toUpperCase();
-      this.modalDetail.type = type;
-      this.modalDetail.itemData = itemData;
-      this.modalDetail.itemDataBefore = itemDataBefore;
-      this.modalDetail.isUbah = false;
-      this.modalDetail.isOpposite = isOpposite;
-
-      if (type != 'currency') {
-        this.modalDetail.isPercent = true;
-      } else {
-        this.modalDetail.isPercent = false;
-      } // analisis view
-
-
-      var selisih = itemData - itemDataBefore;
-      var keterangan = '';
-      var selisihView = this.formatCurrency(Math.abs(selisih));
-
-      if (selisih > 0) {
-        keterangan = " mengalami peningkatan sebanyak " + selisihView;
-      } else if (selisih < 0) {
-        keterangan = " mengalami penurunan sebanyak " + selisihView;
-      } else {
-        keterangan = " tidak mengalami perubahan ";
-      }
-
-      var formatedPeriodeBefore = '';
-
-      if (periodeBefore != '') {
-        formatedPeriodeBefore = " dari periode " + this.formatPeriode(periodeBefore);
-      }
-
-      this.modalDetail.analisis1 = "Akun " + title + " sejumlah " + this.formatCurrency(itemData) + ' periode ' + this.formatPeriode(periode) + keterangan + formatedPeriodeBefore; // table view
-
-      this.modalDetail.grafikData = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.orderBy(lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(grafikData, lodash__WEBPACK_IMPORTED_MODULE_1___default.a.partialRight(lodash__WEBPACK_IMPORTED_MODULE_1___default.a.pick, ['periode', key])), ['periode'], ['desc']); // ubah view
-
-      this.modalDetail.id = this.itemData.id;
-
-      if (this.itemData.id_tp) {
-        this.modalDetail.id_tp = this.itemData.id_tp;
-        this.modalDetail.no_tp = this.itemData.no_tp;
-        this.modalDetail.canUbah = true;
-      } else {
-        if (this.itemData.tp) {
-          this.modalDetail.canUbah = false;
-        } else {
-          this.modalDetail.canUbah = true;
-        }
-
-        this.modalDetail.id_cu = this.itemData.id_cu;
-        this.modalDetail.no_ba = this.itemData.cu.no_ba;
-      }
-
-      this.modalDetail.periode = periode;
-      this.modalDetail.form = form;
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-    },
-    formatPeriode: function formatPeriode(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value) + ' ' + vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('year')(value);
-    },
-    formatCurrency: function formatCurrency(value) {
-      return this.$options.filters.currency(value, '', 0, {
-        thousandsSeparator: '.'
-      });
-    },
-    formatPercentage: function formatPercentage(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('percentage2')(value, 2);
-    },
-    countTotal: function countTotal(value1, value2) {
-      return value1 - value2;
-    },
-    countPercentage: function countPercentage(value1, value2) {
-      if (value2 > 0) {
-        return this.formatPercentage(this.countTotal(value1, value2) / value2);
-      } else {
-        return this.formatPercentage('0');
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanCu', {
-    itemData: 'data',
-    itemDataStat: 'dataStat',
-    grafikData: 'grafik',
-    grafikDataStat: 'grafikStat',
-    modelPeriode: 'periode',
-    modelPeriodeStat: 'periodeStat',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanTp', {
-    modelTp: 'dataS',
-    modelTpStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('cu', {
-    modelCU: 'dataS',
-    modelCUStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _formKatex_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./formKatex.vue */ "./resources/assets/js/views/laporanCu/formKatex.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__);
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    formKatex: _formKatex_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default.a
-  },
-  props: ['kelas', 'columnData'],
-  data: function data() {
-    return {
-      idCu: '',
-      idTp: '',
-      periode: '',
-      periodeTp: '',
-      itemDataBefore: [],
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalSize: '',
-      modalColor: '',
-      modalButton: '',
-      modalKatex: {
-        id: '',
-        id_cu: '',
-        no_ba: '',
-        periode: '',
-        section: '',
-        katex1: [],
-        katex2: [],
-        form: [],
-        indikator: '',
-        isUbah: false
-      },
-      form: [],
-      cleaveOption: {
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      }
-    };
-  },
-  created: function created() {
-    this.fetch();
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.fetch();
-    },
-    grafikDataStat: function grafikDataStat(value) {
-      if (value == 'success') {
-        var periodeNow = this.itemData.periode;
-
-        var itemDataSorted = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.orderBy(this.grafikData.data, ['periode'], ['desc']);
-
-        this.itemDataBefore = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(itemDataSorted, function (o) {
-          return o.periode < periodeNow;
-        });
-      }
-    },
-    // when updating data
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = 'Ok';
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.fetch();
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = '';
-      }
-    },
-    updateTpStat: function updateTpStat(value) {
-      this.modalState = value;
-      this.modalButton = "Ok";
-
-      if (value === "success") {
-        this.modalTitle = this.updateTpMessage.message;
-        this.modalContent = "";
-        this.fetch(this.query);
-      } else if (value === "fail") {
-        this.modalContent = this.updateTpMessage;
-      } else {
-        this.modalContent = "";
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.$route.meta.mode == 'detail') {
-        this.$store.dispatch('laporanCu/detailPearls', this.$route.params.id);
-      } else {
-        this.$store.dispatch('laporanCu/detailPearlsTp', this.$route.params.id);
-      }
-    },
-    save: function save() {
-      this.form = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.chain(this.modalDetail.form).keyBy('key').mapValues('value').value();
-      this.form.periode = this.modalDetail.periode;
-
-      if (this.itemData.id_tp) {
-        this.form.id_tp = this.modalDetail.id_tp;
-        this.form.no_tp = this.modalDetailpr.no_tp;
-        this.form.id_cu = this.itemData.tp.cu.id;
-        this.form.no_ba = this.itemData.tp.cu.no_ba;
-        this.$store.dispatch('laporanCu/updateTp', [this.modalDetail.id, this.form]);
-      } else {
-        this.form.id_cu = this.modalDetail.id_cu;
-        this.form.no_ba = this.modalDetail.no_ba;
-        this.$store.dispatch('laporanCu/update', [this.modalDetail.id, this.form]);
-      }
-    },
-    modalBuka: function modalBuka(itemData, type) {
-      this.modalSize = 'modal-lg';
-      this.modalColor = 'bg-primary';
-      this.modalShow = true;
-      this.modalState = 'normal1';
-      this.modalKatex.id = itemData.id;
-      this.modalKatex.periode = itemData.periode;
-
-      if (itemData.id_tp) {
-        this.modalKatex.id_cu = itemData.tp.id_cu;
-        this.modalKatex.no_ba = itemData.tp.cu.no_ba;
-        this.modalKatex.id_tp = itemData.id_tp;
-        this.modalKatex.no_tp = itemData.no_tp;
-        this.modalKatex.section = 'CU ' + itemData.tp.cu.name + ' periode ' + this.formatPeriode(itemData.periode);
-      } else {
-        this.modalKatex.id_tp = '';
-        this.modalKatex.no_tp = '';
-        this.modalKatex.id_cu = itemData.id_cu;
-        this.modalKatex.no_ba = itemData.no_ba;
-        this.modalKatex.section = 'CU ' + itemData.cu.name + ' periode ' + this.formatPeriode(itemData.periode);
-      }
-
-      this.modalKatex.id_cu = itemData.id_cu; // p1	
-
-      if (type == 'p1') {
-        this.modalTitle = 'P1 - Provisi pinjaman lalai di atas 12 bulan';
-        this.modalKatex.form.push({
-          title: 'Cadangan Resiko',
-          key: 'dcr',
-          value: itemData.dcr
-        }, {
-          title: 'Piutang Lalai Di Atas 12 Bulan',
-          key: 'piutang_lalai_12bulan',
-          value: itemData.piutang_lalai_12bulan
-        });
-        this.modalKatex.indikator = '100% provisi tersedia untuk pinjaman lalai di atas 12 bulan dan setiap triwulan dilakukan charge off secara konsisten.';
-        var katex1Content1 = '\\text{P1} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{100} \\% (\\text{IDEAL})';
-        var katex2Content1 = '\\text{P1} = \\dfrac{' + this.formatCurrency(this.modalKatex.form[0].value) + '}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.p1) + ' \\% (\\text{' + (itemData.p1 >= 1 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-        this.modalKatex.katex1.push({
-          title: '',
-          content: katex1Content1
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: katex2Content1
-        }); // p2
-      } else if (type == 'p2') {
-        this.modalTitle = 'P2 -  Provisi pinjaman lalai 1 - 12 bulan';
-        this.modalKatex.form.push({
-          title: 'Cadangan Resiko',
-          key: 'dcr',
-          value: itemData.dcr
-        }, {
-          title: 'Piutang Lalai Di Atas 12 Bulan',
-          key: 'piutang_lalai_12bulan',
-          value: itemData.piutang_lalai_12bulan
-        }, {
-          title: 'Piutang Lalai 1 - 12 Bulan',
-          key: 'piutang_lalai_1bulan',
-          value: itemData.piutang_lalai_1bulan
-        });
-        this.modalKatex.indikator = '35% provisi tersedia untuk pinjaman lalai 1 – 12 bulan dan setiap triwulan dilakukan charge off dari waktu ke waktu';
-
-        var _katex1Content = '\\text{P2} = \\dfrac{\\text{Saldo Cadangan Resiko setelah P1}[\\text{' + this.modalKatex.form[0].title + '} - \\text{' + this.modalKatex.form[1].title + '}]}{\\text{' + this.modalKatex.form[2].title + '}} \\times \\text{100} \\% = \\text{Di Atas 35} \\% (\\text{IDEAL})';
-
-        var _katex2Content = '\\text{P2} = \\dfrac{' + this.formatCurrency(this.modalKatex.form[0].value) + ' - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.p2) + ' \\% (\\text{' + (itemData.p2 >= 0.35 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content
-        });
-
-        if (itemData.p1 >= 1) {
-          this.modalKatex.katex2.push({
-            title: '',
-            content: _katex2Content
-          });
-        } else {
-          this.modalKatex.katex2.push({
-            title: 'Karena tidak ada saldo cadangan resiko setelah P1, maka P2 (TIDAK IDEAL)',
-            content: _katex2Content
-          });
-        } // e1
-
-      } else if (type == 'e1') {
-        this.modalTitle = 'E1 - Piutang bersih / total aset';
-
-        if (itemData.p1 >= 1 && itemData.p2 > 0.35) {
-          this.modalKatex.form.push({
-            title: 'Piutang Beredar',
-            key: 'piutang_beredar',
-            value: itemData.piutang_beredar
-          }, {
-            title: 'Piutang Lalai Di Atas 12 Bulan',
-            key: 'piutang_lalai_12bulan',
-            value: itemData.piutang_lalai_12bulan
-          }, {
-            title: 'Piutang Lalai 1 - 12 Bulan',
-            key: 'piutang_lalai_1bulan',
-            value: itemData.piutang_lalai_1bulan
-          }, {
-            title: 'Aset',
-            key: 'aset',
-            value: itemData.aset
-          });
-        } else {
-          this.modalKatex.form.push({
-            title: 'Piutang Beredar',
-            key: 'piutang_beredar',
-            value: itemData.piutang_beredar
-          }, {
-            title: 'Cadangan Resiko',
-            key: 'dcr',
-            value: itemData.dcr
-          }, {
-            title: 'Aset',
-            key: 'aset',
-            value: itemData.aset
-          });
-        }
-
-        this.modalKatex.indikator = 'Rasio Piutang Bersih adalah 70% – 80% dari total aset dan portofolio pinjaman beragam dengan setidaknya 5 macam produk pinjaman yang berbeda';
-        var _katex1Content2 = '\\text{E1} = \\dfrac{\\text{Piutang Beredar} - ((\\text{100} \\% \\times \\text{Piutang Lalai Di Atas 12 Bulan}) + (\\text{35} \\% \\times \\text{Piutang Lalai 1 - 12 Bulan}))}{\\text{Aset}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\% (\\text{IDEAL})';
-        var katex1Content2 = '\\text{E1} = \\dfrac{\\text{Piutang Beredar} - \\text{Cadangan Resiko}}{\\text{Aset}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\% (\\text{IDEAL})';
-        var _katex2Content2 = '';
-        var katex2Title1 = '';
-
-        if (itemData.p1 >= 1 && itemData.p2 > 0.35) {
-          katex2Title1 = 'Dikarenakan P1 dan P2 (IDEAL), maka rumus yang digunakan adalah rumus 1';
-          _katex2Content2 = '\\text{E1} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} - ((\\text{100} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}) + (\\text{35} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}))}{\\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e1) + ' \\% (\\text{' + (itemData.e1 >= 0.7 && itemData.e1 <= 0.8 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-        } else {
-          katex2Title1 = 'Dikarenakan P1 dan P2 (TIDAK IDEAL), maka rumus yang digunakan adalah rumus 2';
-          _katex2Content2 = '\\text{E1} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e1) + ' \\% (\\text{' + (itemData.e1 >= 0.7 && itemData.e1 <= 0.8 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-        }
-
-        this.modalKatex.katex1.push({
-          title: 'Rumus 1 - apabila P1 dan P2 (IDEAL)',
-          content: _katex1Content2
-        }, {
-          title: 'Rumus 2 - apabila P1 dan P2 (TIDAK IDEAL)',
-          content: katex1Content2
-        });
-        this.modalKatex.katex2.push({
-          title: katex2Title1,
-          content: _katex2Content2
-        }); // e5
-      } else if (type == 'e5') {
-        this.modalTitle = 'E5 - Simpanan non saham / total aset';
-        this.modalKatex.form.push({
-          title: 'Simpanan Non Saham Unggulan',
-          key: 'nonsaham_unggulan',
-          value: itemData.nonsaham_unggulan
-        }, {
-          title: 'Simpanan Non Saham Harian',
-          key: 'nonsaham_harian',
-          value: itemData.nonsaham_harian
-        }, {
-          title: 'Aset',
-          key: 'aset',
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = 'Rasio 70% – 80% dari total aset dan memiliki beragam jenis simpanan minimal 5 jenis produk simpanan yang berbeda.';
-
-        var _katex1Content3 = '\\text{E5} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '}}{\\text{' + this.modalKatex.form[2].title + '}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\%(\\text{IDEAL})';
-
-        var _katex2Content3 = '\\text{E5} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e5) + ' \\% (\\text{' + (itemData.e5 >= 0.7 && itemData.e5 <= 0.8 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content3
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content3
-        }); // e6
-      } else if (type == 'e6') {
-        this.modalTitle = 'E6 - Pinjaman kepada pihak luar terhadap total aset';
-        this.modalKatex.form.push({
-          title: 'Total Hutang Pihak Ke-3',
-          key: 'total_hutang_pihak3',
-          value: itemData.total_hutang_pihak3
-        }, {
-          title: 'Aset',
-          key: 'aset',
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = 'Jumlah pinjaman kepada pihak eksternal 1% – 5% dari total aset.';
-
-        var _katex1Content4 = '\\text{E6} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})';
-
-        var _katex2Content4 = '\\text{E6} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e6) + ' \\% ( \\text{' + (itemData.e6 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content4
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content4
-        }); // e7
-      } else if (type == "e7") {
-        this.modalTitle = "E7 - Persentase total aset yang didanai dari simpanan saham";
-        this.modalKatex.form.push({
-          title: "Simpanan Saham",
-          key: "simpanan_saham",
-          value: itemData.simpanan_saham
-        }, {
-          title: "Aset",
-          key: "aset",
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = "10-20% total aset yang didanai dari simpanan saham";
-
-        var _katex1Content5 = "\\text{E7} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{10} \\% \\text{ Sampai } \\text{20} \\%(\\text{IDEAL})";
-
-        var _katex2Content5 = "\\text{E7} = \\dfrac{" + this.formatCurrency(this.modalKatex.form[0].value) + "}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e7) + " \\% (\\text{" + (itemData.e7 >= 0.1 && itemData.e7 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content5
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content5
-        }); // e9
-      } else if (type == 'e9') {
-        this.modalTitle = 'E9 - Modal lembaga bersih';
-        this.modalKatex.form.push({
-          title: 'Cadangan Resiko',
-          key: 'dcr',
-          value: itemData.dcr
-        }, {
-          title: 'Cadangan Umum',
-          key: 'dcu',
-          value: itemData.dcu
-        }, {
-          title: 'Dana Gedung',
-          key: 'dana_gedung',
-          value: itemData.dana_gedung
-        }, {
-          title: 'Donasi',
-          key: 'donasi',
-          value: itemData.donasi
-        }, {
-          title: 'SHU Tahun Lalu',
-          key: 'shu_lalu',
-          value: itemData.shu_lalu
-        }, {
-          title: 'Piutang Lalai Di Atas 12 Bulan',
-          key: 'piutang_lalai_12bulan',
-          value: itemData.piutang_lalai_12bulan
-        }, {
-          title: 'Piutang Lalai 1 - 12 Bulan',
-          key: 'piutang_lalai_1bulan',
-          value: itemData.piutang_lalai_1bulan
-        }, {
-          title: 'Aset Bermasalah',
-          key: 'aset_masalah',
-          value: itemData.aset_masalah
-        }, {
-          title: 'Aset',
-          key: 'aset',
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = 'Modal lembaga bersih sebesar 10% dari total aset.';
-
-        var _katex1Content6 = '\\text{E9} = \\dfrac{(\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '} + \\text{' + this.modalKatex.form[2].title + '} + \\text{' + this.modalKatex.form[3].title + '} + \\text{' + this.modalKatex.form[4].title + '}) - ((\\text{100} \\% \\times \\text{' + this.modalKatex.form[5].title + '}) + (\\text{35} \\% \\times \\text{' + this.modalKatex.form[6].title + '}) + \\text{' + this.modalKatex.form[7].title + '})}{\\text{' + this.modalKatex.form[8].title + '}} \\times \\text{100} \\% = \\text{Lebih Dari Sama Dengan 10} \\% (\\text{IDEAL})';
-
-        var _katex2Content6 = '\\text{E9} = \\dfrac{(\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[4].value) + '}) - ((\\text{100} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[5].value) + '}) + (\\text{35} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[6].value) + '}) + \\text{' + this.formatCurrency(this.modalKatex.form[7].value) + '})}{\\text{' + this.formatCurrency(this.modalKatex.form[8].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e9) + ' \\% ( \\text{' + (itemData.e9 >= 0.1 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content6
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content6
-        }); // a1
-      } else if (type == 'a1') {
-        this.modalTitle = 'A1 - Total pinjaman lalai / total pinjaman beredar';
-        this.modalKatex.form.push({
-          title: 'Piutang Lalai Di Atas 12 Bulan',
-          key: 'piutang_lalai_12bulan',
-          value: itemData.piutang_lalai_12bulan
-        }, {
-          title: 'Piutang Lalai 1 - 12 Bulan',
-          key: 'piutang_lalai_1bulan',
-          value: itemData.piutang_lalai_1bulan
-        }, {
-          title: 'Piutang Beredar',
-          key: 'piutang_beredar',
-          value: itemData.piutang_beredar
-        });
-        this.modalKatex.indikator = 'Total pinjaman lalai &le; 5% dari total pinjaman beredar.';
-
-        var _katex1Content7 = '\\text{A1} = \\dfrac{\\text{Total Pinjaman Lalai}[\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '}]}{\\text{' + this.modalKatex.form[2].title + '}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})';
-
-        var _katex2Content7 = '\\text{A1} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.a1) + ' \\% ( \\text{' + (itemData.a1 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content7
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content7
-        }); // a2	
-      } else if (type == 'a2') {
-        this.modalTitle = 'A2 - Aset yang tidak menghasilkan / total aset';
-        this.modalKatex.form.push({
-          title: 'Aset Tidak Menghasilkan',
-          key: 'aset_tidak_menghasilkan',
-          value: itemData.aset_tidak_menghasilkan
-        }, {
-          title: 'Aset',
-          key: 'aset',
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = 'Aset tidak menghasilkan 5% dari total aset.';
-
-        var _katex1Content8 = '\\text{A2} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})';
-
-        var _katex2Content8 = '\\text{A2} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.a2) + ' \\% ( \\text{' + (itemData.a2 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content8
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content8
-        }); // r7
-      } else if (type == 'r7') {
-        this.modalTitle = 'R7 - BJS saham terhadap rata-rata aset';
-        this.modalKatex.form.push({
-          title: 'BJS Saham',
-          key: 'bjs_saham',
-          value: itemData.bjs_saham
-        }, {
-          title: 'Simpanan Saham Bulan Desember',
-          key: 'simpanan_saham_des',
-          value: itemData.aset
-        }, {
-          title: 'Simpanan Saham Bulan ' + this.formatPeriodeMonth(itemData.periode),
-          key: 'simpanan_saham',
-          value: itemData.simpanan_saham
-        }, {
-          title: 'Simpanan Saham Tahun Lalu',
-          key: 'simpanan_saham_lalu',
-          value: itemData.simpanan_saham_lalu
-        }, {
-          title: 'Harga Pasar',
-          key: 'harga_pasar',
-          value: itemData.harga_pasar
-        });
-        this.modalKatex.indikator = 'Dividen saham dibayar 1% lebih tinggi daripada suku bunga pasar';
-
-        if (itemData.simpanan_saham_des != 0) {
-          var _katex1Content9 = '\\text{R7} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{Simpanan Saham Rata-rata}(\\frac{\\text{' + this.modalKatex.form[1].title + '} + \\text{' + this.modalKatex.form[2].title + '}}{\\text{Jumlah Bulan Berjalan}} \\times \\text{12})} \\times \\text{100} \\% = \\text{Harga Pasar} \\% (\\text{IDEAL})';
-
-          var _katex2Content9 = '\\text{R7} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{(\\frac{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}}{\\text{' + this.formatPeriodeMonth(itemData.periode) + '}} \\times \\text{12})} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.r7_1) + ' \\% ( \\text{' + (itemData.r7_1 == itemData.harga_pasar ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-          this.modalKatex.katex1.push({
-            title: 'Jika simpanan saham bersumber dari saldo bulan desember tahun lalu',
-            content: _katex1Content9
-          });
-          this.modalKatex.katex2.push({
-            title: '',
-            content: _katex2Content9
-          });
-        }
-
-        if (itemData.simpanan_saham_lalu != 0) {
-          var _katex1Content10 = '\\text{R7} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{Simpanan Saham Rata-rata}(\\frac{\\text{' + this.modalKatex.form[3].title + '} + \\text{' + this.modalKatex.form[2].title + '}}{\\text{2}})} \\times \\text{100} \\% = \\text{Harga Pasar} \\% (\\text{IDEAL})';
-
-          var katex2Content2 = '\\text{R7} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{(\\frac{\\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}}{\\text{2}})} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.r7_2) + ' \\% ( \\text{' + (itemData.r7_2 == itemData.harga_pasar ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-          this.modalKatex.katex1.push({
-            title: 'Jika simpanan saham bersumber dari saldo tahun lalu bulan ' + this.formatPeriodeMonth(itemData.periode),
-            content: _katex1Content10
-          });
-          this.modalKatex.katex2.push({
-            title: '',
-            content: katex2Content2
-          });
-        } //r9	
-
-      } else if (type == 'r9') {
-        this.modalTitle = 'R9 - biaya operasional terhadap rata-rata aset';
-        this.modalKatex.form.push({
-          title: 'Total Biaya',
-          key: 'total_biaya',
-          value: itemData.total_biaya
-        }, {
-          title: 'Beban Penyisihan Cadangan Resiko',
-          key: 'beban_penyisihan_dcr',
-          value: itemData.beban_penyisihan_dcr
-        }, {
-          title: 'Aset',
-          key: 'aset',
-          value: itemData.aset
-        }, {
-          title: 'Aset Tahun Lalu',
-          key: 'aset_lalu',
-          value: itemData.aset_lalu
-        });
-        this.modalKatex.indikator = 'Beban operasional terhadap rata-rata aset sebesar 5%.';
-
-        var _katex1Content11 = '\\text{R9} = \\dfrac{\\text{Beban Operasional}(\\text{' + this.modalKatex.form[0].title + '} - \\text{' + this.modalKatex.form[1].title + '})}{\\text{Rata-rata Aset}(\\frac{\\text{' + this.modalKatex.form[2].title + '} + \\text{' + this.modalKatex.form[3].title + '}}{\\text{2}})} \\times \\text{100} \\% <= \\text{5} \\% (\\text{IDEAL})';
-
-        var _katex2Content10 = '\\text{R9} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\frac{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '}}{\\text{2}}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e6) + ' \\% ( \\text{' + (itemData.r9 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content11
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content10
-        }); //l1
-      } else if (type == 'l1') {
-        this.modalTitle = 'L1 - (investasi likuid + aset-aset likuid - hutang jangka pendek < 30 Hari) / simpanan non saham';
-        this.modalKatex.form.push({
-          title: 'Investasi Likuid',
-          key: 'investasi_likuid',
-          value: itemData.investasi_likuid
-        }, {
-          title: 'Aset Likuid Tidak Menghasilkan',
-          key: 'aset_likuid_tidak_menghasilkan',
-          value: itemData.aset_likuid_tidak_menghasilkan
-        }, {
-          title: 'Hutang Tidak Berbiaya < 30 Hari',
-          key: 'hutang_tidak_berbiaya_30hari',
-          value: itemData.hutang_tidak_berbiaya_30hari
-        }, {
-          title: 'Total Simpanan Non Saham',
-          key: 'tot_nonsaham',
-          value: itemData.tot_nonsaham
-        });
-        this.modalKatex.indikator = 'Likuiditas sebesar 15% dari total simpanan non saham tetapi tidak melampaui 20% dari total aset.';
-
-        var _katex1Content12 = '\\text{L1} = \\dfrac{(\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '}) - \\text{' + this.modalKatex.form[2].title + '}}{\\text{' + this.modalKatex.form[3].title + '}} \\times \\text{100} \\% = \\text{15} \\% \\text{ Sampai } \\text{20} \\% (\\text{IDEAL})';
-
-        var _katex2Content11 = '\\text{L1} = \\dfrac{(\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}) - \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.l1) + ' \\% (\\text{' + (itemData.l1 >= 0.15 && itemData.l1 <= 0.2 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content12
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content11
-        }); // l2
-      } else if (type == "l2") {
-        this.modalTitle = "L2 - Likuiditas untuk memenuhi permintaan penarikan setelah membayar semua kewajiban < 30 hari";
-        this.modalKatex.form.push({
-          title: "Investasi Likuid",
-          key: "investasi_likuid",
-          value: itemData.investasi_likuid
-        }, {
-          title: "Aset Likuid Tidak Menghasilkan",
-          key: "aset_likuid_tidak_menghasilkan",
-          value: itemData.aset_likuid_tidak_menghasilkan
-        }, {
-          title: "Hutang Tidak Berbiaya < 30 Hari",
-          key: "hutang_tidak_berbiaya_30hari",
-          value: itemData.hutang_tidak_berbiaya_30hari
-        }, {
-          title: "Aset",
-          key: "aset",
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = "Likuiditas sebesar 15% dari total simpanan non saham tetapi tidak melampaui 20% dari total aset.";
-
-        var _katex1Content13 = "\\text{L1} = \\dfrac{(\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "}) - \\text{" + this.modalKatex.form[2].title + "}}{\\text{" + this.modalKatex.form[3].title + "}} \\times \\text{100} \\% = \\text{15} \\% \\text{ Sampai } \\text{20} \\% (\\text{IDEAL})";
-
-        var _katex2Content12 = "\\text{L1} = \\dfrac{(\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}) - \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.l1) + " \\% (\\text{" + (itemData.l1 >= 0.15 && itemData.l1 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content13
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content12
-        }); //s10	
-      } else if (type == 's10') {
-        this.modalTitle = 'S10 - Pertumbuhan anggota';
-        this.modalKatex.form.push({
-          title: 'Lelaki Biasa',
-          key: 'l_biasa',
-          value: itemData.l_biasa
-        }, {
-          title: 'Lelaki L. Biasa',
-          key: 'l_lbiasa',
-          value: itemData.l_lbiasa
-        }, {
-          title: 'Perempuan Biasa',
-          key: 'p_biasa',
-          value: itemData.p_biasa
-        }, {
-          title: 'Perempuan L.Biasa',
-          key: 'p_lbiasa',
-          value: itemData.p_lbiasa
-        }, {
-          title: 'Total Anggota',
-          key: 'total_anggota',
-          value: itemData.total_anggota,
-          hideForm: true
-        }, {
-          title: 'Total Anggota Tahun Lalu',
-          key: 'total_anggota_lalu',
-          value: itemData.total_anggota_lalu
-        });
-        this.modalKatex.indikator = 'Pertumbuhan anggota di atas 12% per tahun.';
-
-        var _katex1Content14 = '\\text{s10} = \\dfrac{\\text{' + this.modalKatex.form[4].title + '} - \\text{' + this.modalKatex.form[5].title + '}}{\\text{' + this.modalKatex.form[5].title + '}} \\times \\text{100} \\% = \\text{Di Atas 12} \\% (\\text{IDEAL})';
-
-        var _katex2Content13 = '\\text{s10} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[4].value) + '}} - \\text{' + this.formatCurrency(this.modalKatex.form[5].value) + '}{\\text{' + this.formatCurrency(this.modalKatex.form[5].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.s10) + ' \\% ( \\text{' + (itemData.s10 > 0.12 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content14
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content13
-        }); //s11
-      } else if (type == 's11') {
-        this.modalTitle = 'S11 - Pertumbuhan aset';
-        this.modalKatex.form.push({
-          title: 'Aset',
-          key: 'aset',
-          value: itemData.aset
-        }, {
-          title: 'Aset Tahun Lalu',
-          key: 'aset_lalu',
-          value: itemData.aset_lalu
-        });
-        this.modalKatex.indikator = 'Pertumbuhan aset 10% di atas laju inflasi.';
-
-        var _katex1Content15 = '\\text{s11} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '} - \\text{' + this.modalKatex.form[1].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{10} \\% \\text{ Di Atas Laju Inflasi} (\\text{IDEAL})';
-
-        var _katex2Content14 = '\\text{S11} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}} - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.s11) + ' \\% ( \\text{' + (itemData.s11 > itemData.laju_inflasi + 0.1 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
-
-        this.modalKatex.katex1.push({
-          title: '',
-          content: _katex1Content15
-        });
-        this.modalKatex.katex2.push({
-          title: '',
-          content: _katex2Content14
-        });
-      }
-    },
-    modalKatexReset: function modalKatexReset() {
-      this.modalKatex.isUbah = false;
-      this.modalKatex.katex1 = [];
-      this.modalKatex.katex2 = [];
-      this.modalKatex.form = [];
-    },
-    modalTutup: function modalTutup() {
-      this.modalSize = '';
-      this.modalShow = false;
-      this.modalKatexReset();
-    },
-    formatPeriode: function formatPeriode(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value) + ' ' + vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('year')(value);
-    },
-    formatPeriodeMonth: function formatPeriodeMonth(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value);
-    },
-    formatCurrency: function formatCurrency(value) {
-      return this.$options.filters.currency(value, '', 0, {
-        thousandsSeparator: '.'
-      });
-    },
-    formatPercentage: function formatPercentage(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('percentage2')(value, 2);
-    },
-    countTotal: function countTotal(value1, value2) {
-      return value1 - value2;
-    },
-    countPercentage: function countPercentage(value1, value2) {
-      if (value2 > 0) {
-        return this.formatPercentage(this.countTotal(value1, value2) / value2);
-      } else {
-        return this.formatPercentage('0');
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanCu', {
-    itemData: 'pearls',
-    itemDataStat: 'pearlsStat',
-    grafikData: 'grafikPearls',
-    grafikDataStat: 'grafikPearlsStat',
-    modelPeriode: 'periode',
-    modelPeriodeStat: 'periodeStat',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanTp', {
-    modelTp: 'dataS',
-    modelTpStat: 'dataStatS',
-    updateTpMessage: "update",
-    updateTpStat: "updateStat"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('cu', {
-    modelCU: 'dataS',
-    modelCUStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__);
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default.a
-  },
-  data: function data() {
-    return {
-      kelas: 'laporanCuDiskusi',
-      idCu: '',
-      idTp: '',
-      periode: '',
-      periodeTp: '',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalSize: '',
-      modalColor: '',
-      modalButton: '',
-      modalContent: '',
-      form: {
-        id: '',
-        id_laporan: '',
-        id_user: '',
-        id_cu: '',
-        id_tp: '',
-        periode: '',
-        content: ''
-      },
-      formEdit: {
-        id: '',
-        id_laporan: '',
-        id_user: '',
-        id_cu: '',
-        id_tp: '',
-        periode: '',
-        content: ''
-      },
-      ckeditorNoImageConfig: {
-        toolbar: {
-          items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo']
-        },
-        table: {
-          contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']
-        }
-      },
-      cleaveOption: {
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      }
-    };
-  },
-  created: function created() {
-    this.fetch();
-    this.form.id_user = this.currentUser.id;
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.fetch();
-    },
-    itemDataStat: function itemDataStat(value) {
-      if (value == 'success') {}
-    },
-    // when updating data
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = 'Ok';
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.form.content = '';
-        this.fetch();
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = '';
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.$route.meta.mode == 'detail') {
-        this.$store.dispatch(this.kelas + '/get', this.$route.params.id);
-      } else if (this.$route.meta.mode == 'detailTp') {
-        this.$store.dispatch(this.kelas + '/getTp', this.$route.params.id);
-      }
-    },
-    save: function save(type) {
-      if (type == 'create') {
-        this.form.id = '';
-        this.form.id_laporan = this.$route.params.id;
-        this.form.id_user = this.currentUser.id;
-        this.form.periode = this.modelLaporan.periode;
-
-        if (this.$route.meta.mode == 'detail') {
-          this.form.id_cu = this.modelLaporan.id_cu;
-          this.form.id_tp = '';
-          this.$store.dispatch(this.kelas + '/store', this.form);
-        } else if (this.$route.meta.mode == 'detailTp') {
-          this.form.id_cu = this.modelLaporan.tp.id_cu;
-          this.form.id_tp = this.modelLaporan.tp.id;
-          this.$store.dispatch(this.kelas + '/storeTp', this.form);
-        }
-
-        this.modalShow = true;
-      } else if (type == 'edit') {
-        this.formEdit.periode = this.modelLaporan.periode;
-
-        if (this.$route.meta.mode == 'detail') {
-          this.formEdit.id_cu = this.modelLaporan.id_cu;
-          this.formEdit.id_tp = '';
-          this.$store.dispatch(this.kelas + '/update', [this.formEdit.id, this.formEdit]);
-        } else if (this.$route.meta.mode == 'detailTp') {
-          this.formEdit.id_cu = this.modelLaporan.tp.id_cu;
-          this.formEdit.id_tp = this.modelLaporan.tp.id;
-          this.$store.dispatch(this.kelas + '/updateTp', [this.formEdit.id, this.formEdit]);
-        }
-      }
-
-      this.modalSize = '';
-      this.modalColor = '';
-    },
-    modalTambah: function modalTambah() {
-      this.modalShow = true;
-      this.modalTitle = 'Tambah Komentar';
-      this.modalState = 'normal1';
-      this.modalSize = 'modal-lg';
-      this.modalColor = 'bg-primary';
-    },
-    modalUbah: function modalUbah(item) {
-      this.modalShow = true;
-      this.modalTitle = 'Ubah Komentar';
-      this.modalState = 'normal1';
-      this.modalSize = 'modal-lg';
-      this.modalColor = 'bg-primary';
-      this.formEdit.id = item.id;
-      this.formEdit.id_user = item.id_user;
-      this.formEdit.id_laporan = item.id_laporan;
-      this.formEdit.content = item.content;
-    },
-    modalHapus: function modalHapus(item) {
-      this.modalShow = true;
-      this.modalTitle = 'Hapus Komentar ini?';
-      this.modalState = 'confirm-tutup';
-      this.modalSize = '';
-      this.modalColor = '';
-      this.modalButton = 'Iya, Hapus';
-      this.formEdit.id = item.id;
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      // execute destroy
-      if (this.$route.meta.mode == 'detail') {
-        this.$store.dispatch(this.kelas + '/destroy', this.formEdit.id);
-      } else if (this.$route.meta.mode == 'detailTp') {
-        this.$store.dispatch(this.kelas + '/destroyTp', this.formEdit.id);
-      }
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-    },
-    // formating
-    formatPeriode: function formatPeriode(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value) + ' ' + vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('year')(value);
-    },
-    formatCurrency: function formatCurrency(value) {
-      return this.$options.filters.currency(value, '', 0, {
-        thousandsSeparator: '.'
-      });
-    },
-    formatPercentage: function formatPercentage(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('percentage2')(value, 2);
-    },
-    countTotal: function countTotal(value1, value2) {
-      return value1 - value2;
-    },
-    countPercentage: function countPercentage(value1, value2) {
-      if (value2 > 0) {
-        return this.formatPercentage(this.countTotal(value1, value2) / value2);
-      } else {
-        return this.formatPercentage('0');
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanCuDiskusi', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanCu', {
-    modelLaporan: 'data',
-    modelLaporanStat: 'dataStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/revisi.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/revisi.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__["default"]
-  },
-  data: function data() {
-    return {
-      kelas: 'laporanCuDiskusi',
-      idCu: '',
-      idTp: '',
-      periode: '',
-      periodeTp: '',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalSize: '',
-      modalColor: '',
-      modalButton: '',
-      modalContent: '',
-      form: {
-        id: '',
-        id_laporan: '',
-        id_user: '',
-        id_cu: '',
-        id_tp: '',
-        periode: '',
-        content: ''
-      },
-      formEdit: {
-        id: '',
-        id_laporan: '',
-        id_user: '',
-        id_cu: '',
-        id_tp: '',
-        periode: '',
-        content: ''
-      },
-      cleaveOption: {
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      }
-    };
-  },
-  created: function created() {
-    this.fetch();
-    this.form.id_user = this.currentUser.id;
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.fetch();
-    },
-    // when updating data
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = 'Ok';
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.form.content = '';
-        this.fetch();
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = '';
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.$route.meta.mode == 'detail') {
-        this.$store.dispatch(this.kelas + '/get', this.$route.params.id);
-      } else if (this.$route.meta.mode == 'detailTp') {
-        this.$store.dispatch(this.kelas + '/getTp', this.$route.params.id);
-      }
-    },
-    save: function save(type) {
-      if (type == 'create') {
-        this.form.id = '';
-        this.form.id_laporan = this.$route.params.id;
-        this.form.id_user = this.currentUser.id;
-        this.form.periode = this.modelLaporan.periode;
-
-        if (this.$route.meta.mode == 'detail') {
-          this.form.id_cu = this.modelLaporan.id_cu;
-          this.form.id_tp = '';
-          this.$store.dispatch(this.kelas + '/store', this.form);
-        } else if (this.$route.meta.mode == 'detailTp') {
-          this.form.id_cu = this.modelLaporan.tp.id_cu;
-          this.form.id_tp = this.modelLaporan.tp.id;
-          this.$store.dispatch(this.kelas + '/storeTp', this.form);
-        }
-
-        this.modalShow = true;
-      } else if (type == 'edit') {
-        this.formEdit.periode = this.modelLaporan.periode;
-
-        if (this.$route.meta.mode == 'detail') {
-          this.formEdit.id_cu = this.modelLaporan.id_cu;
-          this.formEdit.id_tp = '';
-          this.$store.dispatch(this.kelas + '/update', [this.formEdit.id, this.formEdit]);
-        } else if (this.$route.meta.mode == 'detailTp') {
-          this.formEdit.id_cu = this.modelLaporan.tp.id_cu;
-          this.formEdit.id_tp = this.modelLaporan.tp.id;
-          this.$store.dispatch(this.kelas + '/updateTp', [this.formEdit.id, this.formEdit]);
-        }
-      }
-
-      this.modalSize = '';
-      this.modalColor = '';
-    },
-    modalTambah: function modalTambah() {
-      this.modalShow = true;
-      this.modalTitle = 'Tambah Komentar';
-      this.modalState = 'normal1';
-      this.modalSize = 'modal-lg';
-      this.modalColor = 'bg-primary';
-    },
-    modalUbah: function modalUbah(item) {
-      this.modalShow = true;
-      this.modalTitle = 'Ubah Komentar';
-      this.modalState = 'normal1';
-      this.modalSize = 'modal-lg';
-      this.modalColor = 'bg-primary';
-      this.formEdit.id = item.id;
-      this.formEdit.id_user = item.id_user;
-      this.formEdit.id_laporan = item.id_laporan;
-      this.formEdit.content = item.content;
-    },
-    modalHapus: function modalHapus(item) {
-      this.modalShow = true;
-      this.modalTitle = 'Hapus Komentar ini?';
-      this.modalState = 'confirm-tutup';
-      this.modalSize = '';
-      this.modalColor = '';
-      this.modalButton = 'Iya, Hapus';
-      this.formEdit.id = item.id;
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      // execute destroy
-      if (this.$route.meta.mode == 'detail') {
-        this.$store.dispatch(this.kelas + '/destroy', this.formEdit.id);
-      } else if (this.$route.meta.mode == 'detailTp') {
-        this.$store.dispatch(this.kelas + '/destroyTp', this.formEdit.id);
-      }
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-    },
-    // formating
-    formatPeriode: function formatPeriode(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value) + ' ' + vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('year')(value);
-    },
-    formatCurrency: function formatCurrency(value) {
-      return this.$options.filters.currency(value, '', 0, {
-        thousandsSeparator: '.'
-      });
-    },
-    formatPercentage: function formatPercentage(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('percentage2')(value, 2);
-    },
-    countTotal: function countTotal(value1, value2) {
-      return value1 - value2;
-    },
-    countPercentage: function countPercentage(value1, value2) {
-      if (value2 > 0) {
-        return this.formatPercentage(this.countTotal(value1, value2) / value2);
-      } else {
-        return this.formatPercentage('0');
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanCu', {
-    itemData: 'history',
-    itemDataStat: 'dataStat',
-    columnData: 'columnData'
-  })), {}, {
-    history: function history() {
-      return lodash__WEBPACK_IMPORTED_MODULE_1___default.a.groupBy(this.itemData, 'created_at');
-    },
-    revisionField: function revisionField() {
-      var newData = {};
-      this.columnData.forEach(function (e) {
-        newData[e.name] = e.title;
-      });
-      return newData;
-    }
-  })
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['kelas', 'path'],
-  data: function data() {
-    return {
-      idCu: '',
-      idTp: '',
-      periode: '',
-      periodeTp: ''
-    };
-  },
-  created: function created() {
-    this.checkProfileIdCU();
-  },
-  watch: {
-    itemDataStat: function itemDataStat(value) {
-      if (value === "success") {
-        if (this.currentUser.id_cu == 0) {
-          this.fetchCU();
-        }
-
-        this.periode = this.itemData.periode;
-        this.changePeriode(this.periode);
-      }
-    },
-    modelCUStat: function modelCUStat(value) {
-      if (value === "success") {
-        if (this.itemDataStat == 'success') {
-          if (this.$route.meta.mode == 'detail') {
-            this.idCu = this.itemData.id_cu;
-          } else {
-            this.idCu = this.itemData.tp.id_cu;
-          }
-        }
-
-        this.changeCu(this.idCu);
-      }
-    },
-    modelTpStat: function modelTpStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode == 'detail') {
-          this.idTp = 'konsolidasi';
-        } else {
-          this.idTp = this.itemData.id;
-        }
-      }
-    },
-    modelPeriodeStat: function modelPeriodeStat(value) {
-      if (value === "success") {
-        if (this.itemDataStat == 'success') {
-          this.periode = this.itemData.periode;
-          this.changePeriode(this.periode);
-        }
-      }
-    }
-  },
-  methods: {
-    checkProfileIdCU: function checkProfileIdCU() {
-      if (this.currentUser.id_cu !== 0) {
-        this.idCu = this.currentUser.id_cu;
-        this.changeCu(this.idCu);
-      } else {
-        this.fetchCU();
-      }
-    },
-    fetch: function fetch() {
-      if (this.idTp == 'konsolidasi') {
-        var periode = 0;
-        periode = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelPeriode, {
-          'periode': this.periode
-        });
-        this.$router.push({
-          name: 'laporanCuDetail',
-          params: {
-            id: periode.id
-          }
-        });
-      } else {
-        this.$router.push({
-          name: 'laporanTpDetail',
-          params: {
-            id: this.idTp
-          }
-        });
-      }
-    },
-    fetchCU: function fetchCU() {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    },
-    fetchPeriode: function fetchPeriode(id) {
-      this.$store.dispatch('laporanCu/getPeriodeCu', id);
-    },
-    fetchTp: function fetchTp(id, periode) {
-      this.$store.dispatch('laporanTp/getPeriodeTp', [id, periode]);
-    },
-    changeCu: function changeCu(value) {
-      if (value) {
-        this.fetchPeriode(value);
-      }
-    },
-    changePeriode: function changePeriode(value) {
-      if (this.idCu) {
-        this.fetchTp(this.idCu, value);
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('laporanCu', {
-    itemData: 'data',
-    itemDataStat: 'dataStat',
-    modelPeriode: 'periode',
-    modelPeriodeStat: 'periodeStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('laporanTp', {
-    modelTp: 'dataS',
-    modelTpStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  props: {
-    title: {
-      "default": ''
-    },
-    itemData: {
-      "default": ''
-    },
-    itemDataBefore: {
-      "default": ''
-    },
-    isPercent: {
-      "default": false
-    },
-    isOpposite: {
-      "default": false
-    }
-  },
-  data: function data() {
-    return {
-      modalShow: false,
-      modalState: 'normal1',
-      modalColor: 'bg-primary',
-      modalTitle: '',
-      modalButton: '',
-      modalMobileOptionState: ''
-    };
-  },
-  methods: {
-    modalOpen: function modalOpen() {},
-    modalTutup: function modalTutup() {},
-    checkClass: function checkClass() {
-      var className = '';
-
-      if (this.isOpposite) {
-        if (this.totalData > 0) {
-          className = 'bg-danger';
-        } else if (this.totalData < 0) {
-          className = 'bg-primary';
-        } else {
-          className = 'bg-orange-300';
-        }
-      } else {
-        if (this.totalData > 0) {
-          className = 'bg-primary';
-        } else if (this.totalData < 0) {
-          className = 'bg-danger';
-        } else {
-          className = 'bg-orange-300';
-        }
-      }
-
-      return className;
-    }
-  },
-  computed: {
-    totalData: function totalData() {
-      return this.itemData - this.itemDataBefore;
-    },
-    percentageData: function percentageData() {
-      if (this.itemDataBefore > 0) {
-        return this.totalData / this.itemDataBefore;
-      } else {
-        return '0';
-      }
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css&":
-/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css& ***!
-  \************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-exports.i(__webpack_require__(/*! -!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/katex/dist/katex.min.css */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/katex/dist/katex.min.css"), "");
-
-// module
-exports.push([module.i, "\n", ""]);
-
-// exports
-
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css&":
-/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css& ***!
-  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css&");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    { staticStyle: { display: "inline-block" } },
-    [
-      _vm.value
-        ? _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm.valueType == "trim"
-              ? _c(
-                  "span",
-                  { staticStyle: { display: "inline-block" } },
-                  [
-                    _c("truncate", {
-                      staticStyle: { display: "inline-block" },
-                      attrs: {
-                        "action-class": "badge bg-blue",
-                        clamp: "selengkapnya >",
-                        length: _vm.trimLength,
-                        less: "< kembali",
-                        text: _vm.frontText + " " + _vm.value,
-                      },
-                    }),
-                  ],
-                  1
-                )
-              : _vm.valueType == "modal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light",
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen()
-                        },
-                      },
-                    },
-                    [_vm._v("\n          Lihat\n      ")]
-                  ),
-                ])
-              : _vm.valueType == "currency"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(
-                        _vm._f("currency")(_vm.value, "", 0, {
-                          thousandsSeparator: ".",
-                        })
-                      )
-                  ),
-                ])
-              : _vm.valueType == "percentage"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("percentage")(_vm.value, 2))
-                  ),
-                ])
-              : _vm.valueType == "decimal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("round")(_vm.value, 2))
-                  ),
-                ])
-              : _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
-                ]),
-          ])
-        : _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
-          ]),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
-        },
-        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
-      }),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
-            [
-              _vm.level === 1
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
-                        },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=template&id=984e60d4&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detail.vue?vue&type=template&id=984e60d4& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemPearlsStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemPearls,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("select-data", {
-                attrs: { kelas: _vm.kelas, isPus: false, isNo_ba: true },
-              }),
-              _vm._v(" "),
-              _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
-                _c(
-                  "ul",
-                  { staticClass: "nav nav-tabs nav-tabs-solid bg-light" },
-                  [
-                    _c("li", { staticClass: "nav-item" }, [
-                      _c(
-                        "a",
-                        {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "analisisLaporanCu" },
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.changeTab("analisisLaporanCu")
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-dots mr-2" }),
-                          _vm._v(" Laporan CU"),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("li", { staticClass: "nav-item" }, [
-                      _c(
-                        "a",
-                        {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "analisisPearls" },
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.changeTab("analisisPearls")
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-dots mr-2" }),
-                          _vm._v(" P.E.A.R.L.S."),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("li", { staticClass: "nav-item" }, [
-                      _c(
-                        "a",
-                        {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "diskusi" },
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.changeTab("diskusi")
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-bubble2 mr-2" }),
-                          _vm._v(" Diskusi"),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("li", { staticClass: "nav-item" }, [
-                      _c(
-                        "a",
-                        {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "revisi" },
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.changeTab("revisi")
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-copy3 mr-2" }),
-                          _vm._v(" Revisi"),
-                        ]
-                      ),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _c(
-                    "div",
-                    {
-                      directives: [
-                        {
-                          name: "show",
-                          rawName: "v-show",
-                          value: _vm.tabName == "analisisLaporanCu",
-                          expression: "tabName == 'analisisLaporanCu'",
-                        },
-                      ],
-                    },
-                    [
-                      _vm.itemDataStat == "success"
-                        ? _c("infografis-data", {
-                            attrs: {
-                              title: _vm.title,
-                              kelas: _vm.kelas,
-                              columnData: _vm.columnData,
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      _vm.itemDataStat == "loading"
-                        ? _c("div", [
-                            _c("div", { staticClass: "card" }, [
-                              _c("div", { staticClass: "card-body" }, [
-                                _c("h4", [_vm._v("Mohon tunggu...")]),
-                                _vm._v(" "),
-                                _c("div", { staticClass: "progress" }, [
-                                  _c(
-                                    "div",
-                                    {
-                                      staticClass:
-                                        "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-                                      staticStyle: { width: "100%" },
-                                    },
-                                    [
-                                      _c("span", { staticClass: "sr-only" }, [
-                                        _vm._v("100% Complete"),
-                                      ]),
-                                    ]
-                                  ),
-                                ]),
-                              ]),
-                            ]),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      _c("detail-laporan-cu", {
-                        attrs: { kelas: _vm.kelas, columnData: _vm.columnData },
-                      }),
-                    ],
-                    1
-                  ),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _vm.isPearls
-                    ? _c(
-                        "div",
-                        {
-                          directives: [
-                            {
-                              name: "show",
-                              rawName: "v-show",
-                              value: _vm.tabName == "analisisPearls",
-                              expression: "tabName == 'analisisPearls'",
-                            },
-                          ],
-                        },
-                        [
-                          _vm.itemPearlsStat == "success"
-                            ? _c("infografis-pearls-data", {
-                                attrs: {
-                                  title: _vm.titlePearls,
-                                  kelas: _vm.kelas,
-                                  columnData: _vm.columnDataPearls,
-                                },
-                              })
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _vm.itemPearlsStat == "loading"
-                            ? _c("div", [
-                                _c("div", { staticClass: "card" }, [
-                                  _c("div", { staticClass: "card-body" }, [
-                                    _c("h4", [_vm._v("Mohon tunggu...")]),
-                                    _vm._v(" "),
-                                    _c("div", { staticClass: "progress" }, [
-                                      _c(
-                                        "div",
-                                        {
-                                          staticClass:
-                                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-                                          staticStyle: { width: "100%" },
-                                        },
-                                        [
-                                          _c(
-                                            "span",
-                                            { staticClass: "sr-only" },
-                                            [_vm._v("100% Complete")]
-                                          ),
-                                        ]
-                                      ),
-                                    ]),
-                                  ]),
-                                ]),
-                              ])
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _c("detail-pearls", {
-                            attrs: {
-                              kelas: _vm.kelas,
-                              columnData: _vm.columnData,
-                            },
-                          }),
-                        ],
-                        1
-                      )
-                    : _vm._e(),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _vm.isDiskusi
-                    ? _c(
-                        "div",
-                        {
-                          directives: [
-                            {
-                              name: "show",
-                              rawName: "v-show",
-                              value: _vm.tabName == "diskusi",
-                              expression: "tabName == 'diskusi'",
-                            },
-                          ],
-                        },
-                        [_c("diskusi")],
-                        1
-                      )
-                    : _vm._e(),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _vm.isRevisi
-                    ? _c(
-                        "div",
-                        {
-                          directives: [
-                            {
-                              name: "show",
-                              rawName: "v-show",
-                              value: _vm.tabName == "revisi",
-                              expression: "tabName =='revisi'",
-                            },
-                          ],
-                        },
-                        [_c("revisi")],
-                        1
-                      )
-                    : _vm._e(),
-                ]
-              ),
-            ],
-            1
-          ),
-        ]),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=template&id=2f6c7ff7&":
-/*!******************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=template&id=2f6c7ff7& ***!
-  \******************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("div", { staticClass: "timeline timeline-left content-group" }, [
-        _c("div", { staticClass: "timeline-container" }, [
-          _c("div", { staticClass: "timeline-row" }, [
-            _vm._m(0),
-            _vm._v(" "),
-            _c("div", { staticClass: "row" }, [
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Lelaki Biasa",
-                              "l_biasa",
-                              _vm.itemData.l_biasa,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.l_biasa,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Lelaki Biasa",
-                                  key: "l_biasa",
-                                  value: _vm.itemData.l_biasa,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "lelaki biasa",
-                            itemData: _vm.itemData.l_biasa,
-                            itemDataBefore: _vm.itemDataBefore.l_biasa,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Lelaki Biasa",
-                              "l_biasa",
-                              _vm.itemData.l_biasa,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Lelaki Biasa",
-                                  key: "l_biasa",
-                                  value: _vm.itemData.l_biasa,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "lelaki biasa",
-                            itemData: _vm.itemData.l_biasa,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Lelaki L.Biasa",
-                              "l_lbiasa",
-                              _vm.itemData.l_lbiasa,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.l_lbiasa,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Lelaki L.Biasa",
-                                  key: "l_lbiasa",
-                                  value: _vm.itemData.l_lbiasa,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "lelaki l.biasa",
-                            itemData: _vm.itemData.l_lbiasa,
-                            itemDataBefore: _vm.itemDataBefore.l_lbiasa,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Lelaki L.Biasa",
-                              "l_lbiasa",
-                              _vm.itemData.l_lbiasa,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Lelaki L.Biasa",
-                                  key: "l_lbiasa",
-                                  value: _vm.itemData.l_lbiasa,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "lelaki l.biasa",
-                            itemData: _vm.itemData.l_lbiasa,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Perempuan Biasa",
-                              "p_biasa",
-                              _vm.itemData.p_biasa,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.p_biasa,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Perempuan Biasa",
-                                  key: "p_biasa",
-                                  value: _vm.itemData.p_biasa,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "perempuan biasa",
-                            itemData: _vm.itemData.p_biasa,
-                            itemDataBefore: _vm.itemDataBefore.p_biasa,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Perempuan Biasa",
-                              "p_biasa",
-                              _vm.itemData.p_biasa,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Perempuan Biasa",
-                                  key: "p_biasa",
-                                  value: _vm.itemData.p_biasa,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "perempuan biasa",
-                            itemData: _vm.itemData.p_biasa,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Perempuan L.Biasa",
-                              "p_lbiasa",
-                              _vm.itemData.p_lbiasa,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.p_lbiasa,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Perempuan L.Biasa",
-                                  key: "p_lbiasa",
-                                  value: _vm.itemData.p_lbiasa,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "perempuan l.biasa",
-                            itemData: _vm.itemData.p_lbiasa,
-                            itemDataBefore: _vm.itemDataBefore.p_lbiasa,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Perempuan L.Biasa",
-                              "p_lbiasa",
-                              _vm.itemData.p_lbiasa,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Perempuan L.Biasa",
-                                  key: "p_lbiasa",
-                                  value: _vm.itemData.p_lbiasa,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "perempuan l.biasa",
-                            itemData: _vm.itemData.p_lbiasa,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "row" }, [
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Total Anggota",
-                              "total_anggota",
-                              _vm.itemData.total_anggota,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.total_anggota,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Lelaki Biasa",
-                                  key: "l_biasa",
-                                  value: _vm.itemData.l_biasa,
-                                },
-                                {
-                                  title: "Lelaki L.Biasa",
-                                  key: "l_lbiasa",
-                                  value: _vm.itemData.l_lbiasa,
-                                },
-                                {
-                                  title: "Perempuan Biasa",
-                                  key: "p_biasa",
-                                  value: _vm.itemData.p_biasa,
-                                },
-                                {
-                                  title: "Perempuan L.Biasa",
-                                  key: "p_lbiasa",
-                                  value: _vm.itemData.p_lbiasa,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "total anggota",
-                            itemData: _vm.itemData.total_anggota,
-                            itemDataBefore: _vm.itemDataBefore.total_anggota,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Total Anggota",
-                              "total_anggota",
-                              _vm.itemData.total_anggota,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Lelaki Biasa",
-                                  key: "l_biasa",
-                                  value: _vm.itemData.l_biasa,
-                                },
-                                {
-                                  title: "Lelaki L.Biasa",
-                                  key: "l_lbiasa",
-                                  value: _vm.itemData.l_lbiasa,
-                                },
-                                {
-                                  title: "Perempuan Biasa",
-                                  key: "p_biasa",
-                                  value: _vm.itemData.p_biasa,
-                                },
-                                {
-                                  title: "Perempuan L.Biasa",
-                                  key: "p_lbiasa",
-                                  value: _vm.itemData.p_lbiasa,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "total anggota",
-                            itemData: _vm.itemData.total_anggota,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Total Anggota Lalu",
-                              "total_anggota_lalu",
-                              _vm.itemData.total_anggota_lalu,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.total_anggota_lalu,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Total Anggota Lalu",
-                                  key: "total_anggota_lalu",
-                                  value: _vm.itemData.total_anggota_lalu,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "total anggota lalu",
-                            itemData: _vm.itemData.total_anggota_lalu,
-                            itemDataBefore:
-                              _vm.itemDataBefore.total_anggota_lalu,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Total Anggota Lalu",
-                              "total_anggota_lalu",
-                              _vm.itemData.total_anggota_lalu,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Total Anggota Lalu",
-                                  key: "total_anggota_lalu",
-                                  value: _vm.itemData.total_anggota_lalu,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "total anggota lalu",
-                            itemData: _vm.itemData.total_anggota_lalu,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-            ]),
-            _vm._v(" "),
-            _vm._m(1),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "timeline-row" }, [
-            _vm._m(2),
-            _vm._v(" "),
-            _c("div", { staticClass: "row" }, [
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Aset",
-                              "aset",
-                              _vm.itemData.aset,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.aset,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Aset",
-                                  key: "aset",
-                                  value: _vm.itemData.aset,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "aset",
-                            itemData: _vm.itemData.aset,
-                            itemDataBefore: _vm.itemDataBefore.aset,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Aset",
-                              "aset",
-                              _vm.itemData.aset,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Aset",
-                                  key: "aset",
-                                  value: _vm.itemData.aset,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "aset",
-                            itemData: _vm.itemData.aset,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Aset Lalu",
-                              "aset_lalu",
-                              _vm.itemData.aset_lalu,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.aset_lalu,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Aset Lalu",
-                                  key: "aset_lalu",
-                                  value: _vm.itemData.aset_lalu,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "aset lalu",
-                            itemData: _vm.itemData.aset_lalu,
-                            itemDataBefore: _vm.itemDataBefore.aset_lalu,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Aset Lalu",
-                              "aset_lalu",
-                              _vm.itemData.aset_lalu,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Aset Lalu",
-                                  key: "aset_lalu",
-                                  value: _vm.itemData.aset_lalu,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "aset lalu",
-                            itemData: _vm.itemData.aset_lalu,
-                            itemDataBefore: "",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Aset Masalah",
-                              "aset_masalah",
-                              _vm.itemData.aset_masalah,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.aset_masalah,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Aset Masalah",
-                                  key: "aset_masalah",
-                                  value: _vm.itemData.aset_masalah,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "aset masalah",
-                            itemData: _vm.itemData.aset_masalah,
-                            itemDataBefore: _vm.itemDataBefore.aset_masalah,
-                            isOpposite: true,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Aset Masalah",
-                              "aset_masalah",
-                              _vm.itemData.aset_masalah,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Aset Masalah",
-                                  key: "aset_masalah",
-                                  value: _vm.itemData.aset_masalah,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "aset masalah",
-                            itemData: _vm.itemData.aset_masalah,
-                            itemDataBefore: "0",
-                            isOpposite: true,
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Aset Tidak Menghasilkan",
-                              "aset_tidak_menghasilkan",
-                              _vm.itemData.aset_tidak_menghasilkan,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.aset_tidak_menghasilkan,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Aset Tidak Menghasilkan",
-                                  key: "aset_tidak_menghasilkan",
-                                  value: _vm.itemData.aset_tidak_menghasilkan,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "aset tidak menghasilkan",
-                            itemData: _vm.itemData.aset_tidak_menghasilkan,
-                            itemDataBefore:
-                              _vm.itemDataBefore.aset_tidak_menghasilkan,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Aset Tidak Menghasilkan",
-                              "aset_tidak_menghasilkan",
-                              _vm.itemData.aset_tidak_menghasilkan,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Aset Tidak Menghasilkan",
-                                  key: "aset_tidak_menghasilkan",
-                                  value: _vm.itemData.aset_tidak_menghasilkan,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "aset tidak menghasilkan",
-                            itemData: _vm.itemData.aset_tidak_menghasilkan,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "row" }, [
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Aktiva Lancar",
-                              "aktiva_lancar",
-                              _vm.itemData.aktiva_lancar,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.aktiva_lancar,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Aktiva Lancar",
-                                  key: "aktiva_lancar",
-                                  value: _vm.itemData.aktiva_lancar,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "aktiva lancar",
-                            itemData: _vm.itemData.aktiva_lancar,
-                            itemDataBefore: _vm.itemDataBefore.aktiva_lancar,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Aktiva Lancar",
-                              "aktiva_lancar",
-                              _vm.itemData.aktiva_lancar,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Aktiva Lancar",
-                                  key: "aktiva_lancar",
-                                  value: _vm.itemData.aktiva_lancar,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "aktiva lancar",
-                            itemData: _vm.itemData.aktiva_lancar,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Rata-rata Aset",
-                              "rata_aset",
-                              _vm.itemData.rata_aset,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.rata_aset,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Rata-rata Aset",
-                                  key: "rata_aset",
-                                  value: _vm.itemData.rata_aset,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "rata-rata aset",
-                            itemData: _vm.itemData.rata_aset,
-                            itemDataBefore: _vm.itemDataBefore.rata_aset,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Rata-rata Aset",
-                              "rata_aset",
-                              _vm.itemData.rata_aset,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Rata-rata Aset",
-                                  key: "rata_aset",
-                                  value: _vm.itemData.rata_aset,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "rata-rata aset",
-                            itemData: _vm.itemData.rata_aset,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-            ]),
-            _vm._v(" "),
-            _vm._m(3),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "timeline-row" }, [
-            _vm._m(4),
-            _vm._v(" "),
-            _c("div", { staticClass: "row" }, [
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Simp. Saham",
-                              "simpanan_saham",
-                              _vm.itemData.simpanan_saham,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.simpanan_saham,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Simp. Saham",
-                                  key: "simpanan_saham",
-                                  value: _vm.itemData.simpanan_saham,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "simp. saham",
-                            itemData: _vm.itemData.simpanan_saham,
-                            itemDataBefore: _vm.itemDataBefore.simpanan_saham,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Simp. Saham",
-                              "simpanan_saham",
-                              _vm.itemData.simpanan_saham,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Simp. Saham",
-                                  key: "simpanan_saham",
-                                  value: _vm.itemData.simpanan_saham,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "simp. saham",
-                            itemData: _vm.itemData.simpanan_saham,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Simp. Saham Lalu",
-                              "simpanan_saham_lalu",
-                              _vm.itemData.simpanan_saham_lalu,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.simpanan_saham_lalu,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Simp. Saham Lalu",
-                                  key: "simpanan_saham_lalu",
-                                  value: _vm.itemData.simpanan_saham_lalu,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "simp. saham lalu",
-                            itemData: _vm.itemData.simpanan_saham_lalu,
-                            itemDataBefore:
-                              _vm.itemDataBefore.simpanan_saham_lalu,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Simp. Saham Lalu",
-                              "simpanan_saham_lalu",
-                              _vm.itemData.simpanan_saham_lalu,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Simp. Saham Lalu",
-                                  key: "simpanan_saham_lalu",
-                                  value: _vm.itemData.simpanan_saham_lalu,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "simp. saham lalu",
-                            itemData: _vm.itemData.simpanan_saham_lalu,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Simp. Saham Des",
-                              "simpanan_saham_des",
-                              _vm.itemData.simpanan_saham_des,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.simpanan_saham_des,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Simp. Saham Des",
-                                  key: "simpanan_saham_des",
-                                  value: _vm.itemData.simpanan_saham_des,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "simp. saham des",
-                            itemData: _vm.itemData.simpanan_saham_des,
-                            itemDataBefore:
-                              _vm.itemDataBefore.simpanan_saham_des,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Simp. Saham Des",
-                              "simpanan_saham_des",
-                              _vm.itemData.simpanan_saham_des,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Simp. Saham Des",
-                                  key: "simpanan_saham_des",
-                                  value: _vm.itemData.simpanan_saham_des,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "simp. saham des",
-                            itemData: _vm.itemData.simpanan_saham_des,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Simp. Nonsaham Unggulan",
-                              "nonsaham_unggulan",
-                              _vm.itemData.nonsaham_unggulan,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.nonsaham_unggulan,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Simp. Nonsaham Unggulan",
-                                  key: "nonsaham_unggulan",
-                                  value: _vm.itemData.nonsaham_unggulan,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "simp. nonsaham unggulan",
-                            itemData: _vm.itemData.nonsaham_unggulan,
-                            itemDataBefore:
-                              _vm.itemDataBefore.nonsaham_unggulan,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Simp. Nonsaham Unggulan",
-                              "nonsaham_unggulan",
-                              _vm.itemData.nonsaham_unggulan,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Simp. Nonsaham Unggulan",
-                                  key: "nonsaham_unggulan",
-                                  value: _vm.itemData.nonsaham_unggulan,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "simp. nonsaham unggulan",
-                            itemData: _vm.itemData.nonsaham_unggulan,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "row" }, [
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Simp. Nonsaham Harian",
-                              "nonsaham_harian",
-                              _vm.itemData.nonsaham_harian,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.nonsaham_harian,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Simp. Nonsaham Harian",
-                                  key: "nonsaham_harian",
-                                  value: _vm.itemData.nonsaham_harian,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "simp. nonsaham harian",
-                            itemData: _vm.itemData.nonsaham_harian,
-                            itemDataBefore: _vm.itemDataBefore.nonsaham_harian,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Simp. Nonsaham Harian",
-                              "nonsaham_harian",
-                              _vm.itemData.nonsaham_harian,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Simp. Nonsaham Harian",
-                                  key: "nonsaham_harian",
-                                  value: _vm.itemData.nonsaham_harian,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "simp. nonsaham harian",
-                            itemData: _vm.itemData.nonsaham_harian,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Hutang SPD",
-                              "hutang_spd",
-                              _vm.itemData.hutang_spd,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.hutang_spd,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Hutang SPD",
-                                  key: "hutang_spd",
-                                  value: _vm.itemData.hutang_spd,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "hutang spd",
-                            itemData: _vm.itemData.hutang_spd,
-                            itemDataBefore: _vm.itemDataBefore.hutang_spd,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Hutang SPD",
-                              "hutang_spd",
-                              _vm.itemData.hutang_spd,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Hutang SPD",
-                                  key: "hutang_spd",
-                                  value: _vm.itemData.hutang_spd,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "hutang spd",
-                            itemData: _vm.itemData.hutang_spd,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Hutang Tidak Berbiaya",
-                              "hutang_tidak_berbiaya_30hari",
-                              _vm.itemData.hutang_tidak_berbiaya_30hari,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.hutang_tidak_berbiaya_30hari,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Hutang Tidak Berbiaya",
-                                  key: "hutang_tidak_berbiaya_30hari",
-                                  value:
-                                    _vm.itemData.hutang_tidak_berbiaya_30hari,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "hutang tidak berbiaya",
-                            itemData: _vm.itemData.hutang_tidak_berbiaya_30hari,
-                            itemDataBefore:
-                              _vm.itemDataBefore.hutang_tidak_berbiaya_30hari,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Hutang Tidak Berbiaya",
-                              "hutang_tidak_berbiaya_30hari",
-                              _vm.itemData.hutang_tidak_berbiaya_30hari,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Hutang Tidak Berbiaya",
-                                  key: "hutang_tidak_berbiaya_30hari",
-                                  value:
-                                    _vm.itemData.hutang_tidak_berbiaya_30hari,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "hutang tidak berbiaya",
-                            itemData: _vm.itemData.hutang_tidak_berbiaya_30hari,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Total Hutang Pihak Ke-3",
-                              "total_hutang_pihak3",
-                              _vm.itemData.total_hutang_pihak3,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.total_hutang_pihak3,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Total Hutang Pihak Ke-3",
-                                  key: "total_hutang_pihak3",
-                                  value: _vm.itemData.total_hutang_pihak3,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "total hutang pihak ke-3",
-                            itemData: _vm.itemData.total_hutang_pihak3,
-                            itemDataBefore:
-                              _vm.itemDataBefore.total_hutang_pihak3,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Total Hutang Pihak Ke-3",
-                              "total_hutang_pihak3",
-                              _vm.itemData.total_hutang_pihak3,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Total Hutang Pihak Ke-3",
-                                  key: "total_hutang_pihak3",
-                                  value: _vm.itemData.total_hutang_pihak3,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "total hutang pihak ke-3",
-                            itemData: _vm.itemData.total_hutang_pihak3,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "row" }, [
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Piutang Beredar",
-                              "piutang_beredar",
-                              _vm.itemData.piutang_beredar,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.piutang_beredar,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Beredar",
-                                  key: "piutang_beredar",
-                                  value: _vm.itemData.piutang_beredar,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "piutang beredar",
-                            itemData: _vm.itemData.piutang_beredar,
-                            itemDataBefore: _vm.itemDataBefore.piutang_beredar,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Piutang Beredar",
-                              "piutang_beredar",
-                              _vm.itemData.piutang_beredar,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Beredar",
-                                  key: "piutang_beredar",
-                                  value: _vm.itemData.piutang_beredar,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "piutang beredar",
-                            itemData: _vm.itemData.piutang_beredar,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Piutang Bersih",
-                              "piutang_bersih",
-                              _vm.itemData.piutang_bersih,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.piutang_bersih,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Beredar",
-                                  key: "piutang_beredar",
-                                  value: _vm.itemData.piutang_beredar,
-                                },
-                                {
-                                  title: "Piutang Lalai 1-12 Bulan",
-                                  key: "piutang_lalai_1bulan",
-                                  value: _vm.itemData.piutang_lalai_1bulan,
-                                },
-                                {
-                                  title: "Piutang Lalai > 12 Bulan",
-                                  key: "piutang_lalai_12bulan",
-                                  value: _vm.itemData.piutang_lalai_12bulan,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "piutang bersih",
-                            itemData: _vm.itemData.piutang_bersih,
-                            itemDataBefore: _vm.itemDataBefore.piutang_bersih,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Piutang Bersih",
-                              "piutang_bersih",
-                              _vm.itemData.piutang_bersih,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Beredar",
-                                  key: "piutang_beredar",
-                                  value: _vm.itemData.piutang_beredar,
-                                },
-                                {
-                                  title: "Piutang Lalai 1-12 Bulan",
-                                  key: "piutang_lalai_1bulan",
-                                  value: _vm.itemData.piutang_lalai_1bulan,
-                                },
-                                {
-                                  title: "Piutang Lalai > 12 Bulan",
-                                  key: "piutang_lalai_12bulan",
-                                  value: _vm.itemData.piutang_lalai_12bulan,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "piutang bersih",
-                            itemData: _vm.itemData.piutang_bersih,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Piutang Anggota",
-                              "piutang_anggota",
-                              _vm.itemData.piutang_anggota,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.piutang_anggota,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Anggota",
-                                  key: "piutang_anggota",
-                                  value: _vm.itemData.piutang_anggota,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "piutang anggota",
-                            itemData: _vm.itemData.piutang_anggota,
-                            itemDataBefore: _vm.itemDataBefore.piutang_anggota,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Piutang Anggota",
-                              "piutang_anggota",
-                              _vm.itemData.piutang_anggota,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.piutang_anggota,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Anggota",
-                                  key: "piutang_anggota",
-                                  value: _vm.itemData.piutang_anggota,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "piutang anggota",
-                            itemData: _vm.itemData.piutang_anggota,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Piutang Lalai 1-12 Bulan",
-                              "piutang_lalai_1bulan",
-                              _vm.itemData.piutang_lalai_1bulan,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.piutang_lalai_1bulan,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Lalai 1-12 Bulan",
-                                  key: "piutang_lalai_1bulan",
-                                  value: _vm.itemData.piutang_lalai_1bulan,
-                                },
-                              ],
-                              "currency",
-                              true
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "piutang lalai 1-12 bulan",
-                            itemData: _vm.itemData.piutang_lalai_1bulan,
-                            itemDataBefore:
-                              _vm.itemDataBefore.piutang_lalai_1bulan,
-                            isOpposite: true,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Piutang Lalai 1-12 Bulan",
-                              "piutang_lalai_1bulan",
-                              _vm.itemData.piutang_lalai_1bulan,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Lalai 1-12 Bulan",
-                                  key: "piutang_lalai_1bulan",
-                                  value: _vm.itemData.piutang_lalai_1bulan,
-                                },
-                              ],
-                              "currency",
-                              true
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "piutang lalai 1-12 bulan",
-                            itemData: _vm.itemData.piutang_lalai_1bulan,
-                            itemDataBefore: "0",
-                            isOpposite: true,
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "row" }, [
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Piutang Lalai > 12 Bulan",
-                              "piutang_lalai_12bulan",
-                              _vm.itemData.piutang_lalai_12bulan,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.piutang_lalai_12bulan,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Lalai > 12 Bulan",
-                                  key: "piutang_lalai_12bulan",
-                                  value: _vm.itemData.piutang_lalai_12bulan,
-                                },
-                              ],
-                              "currency",
-                              true
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _vm.itemDataBefore
-                          ? _c("widget-data", {
-                              attrs: {
-                                title: "piutang lalai > 12 bulan",
-                                itemData: _vm.itemData.piutang_lalai_12bulan,
-                                itemDataBefore:
-                                  _vm.itemDataBefore.piutang_lalai_12bulan,
-                                isOpposite: true,
-                              },
-                            })
-                          : _vm._e(),
-                      ],
-                      1
-                    )
-                  : _vm._e(),
-                _vm._v(" "),
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Piutang Lalai > 12 Bulan",
-                              "piutang_lalai_12bulan",
-                              _vm.itemData.piutang_lalai_12bulan,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Lalai > 12 Bulan",
-                                  key: "piutang_lalai_12bulan",
-                                  value: _vm.itemData.piutang_lalai_12bulan,
-                                },
-                              ],
-                              "currency",
-                              true
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "piutang lalai > 12 bulan",
-                            itemData: _vm.itemData.piutang_lalai_12bulan,
-                            itemDataBefore: "0",
-                            isOpposite: true,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _vm._e(),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Rasio Piutang Beredar",
-                              "rasio_beredar",
-                              _vm.itemData.rasio_beredar,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.rasio_beredar,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Beredar",
-                                  key: "piutang_beredar",
-                                  value: _vm.itemData.piutang_beredar,
-                                },
-                                {
-                                  title: "Aset",
-                                  key: "aset",
-                                  value: _vm.itemData.aset,
-                                },
-                              ],
-                              "percent"
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "rasio piutang beredar",
-                            itemData: _vm.itemData.rasio_beredar,
-                            itemDataBefore: _vm.itemDataBefore.rasio_beredar,
-                            isPercent: true,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Rasio Piutang Beredar",
-                              "rasio_beredar",
-                              _vm.itemData.rasio_beredar,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Beredar",
-                                  key: "piutang_beredar",
-                                  value: _vm.itemData.piutang_beredar,
-                                },
-                                {
-                                  title: "Aset",
-                                  key: "aset",
-                                  value: _vm.itemData.aset,
-                                },
-                              ],
-                              "percent"
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "rasio piutang beredar",
-                            itemData: _vm.itemData.rasio_beredar,
-                            itemDataBefore: "0",
-                            isPercent: true,
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Rasio Piutang Lalai",
-                              "rasio_lalai",
-                              _vm.itemData.rasio_lalai,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.rasio_lalai,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Lalai 1-12 Bulan",
-                                  key: "piutang_lalai_1bulan",
-                                  value: _vm.itemData.piutang_lalai_1bulan,
-                                },
-                                {
-                                  title: "Piutang Lalai > 12 Bulan",
-                                  key: "piutang_lalai_12bulan",
-                                  value: _vm.itemData.piutang_lalai_12bulan,
-                                },
-                                {
-                                  title: "Piutang Beredar",
-                                  key: "piutang_beredar",
-                                  value: _vm.itemData.piutang_beredar,
-                                },
-                              ],
-                              "percent",
-                              true
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "rasio piutang lalai",
-                            itemData: _vm.itemData.rasio_lalai,
-                            itemDataBefore: _vm.itemDataBefore.rasio_lalai,
-                            isPercent: true,
-                            isOpposite: true,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Rasio Piutang Lalai",
-                              "rasio_lalai",
-                              _vm.itemData.rasio_lalai,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Piutang Lalai 1-12 Bulan",
-                                  key: "piutang_lalai_1bulan",
-                                  value: _vm.itemData.piutang_lalai_1bulan,
-                                },
-                                {
-                                  title: "Piutang Lalai > 12 Bulan",
-                                  key: "piutang_lalai_12bulan",
-                                  value: _vm.itemData.piutang_lalai_12bulan,
-                                },
-                                {
-                                  title: "Piutang Beredar",
-                                  key: "piutang_beredar",
-                                  value: _vm.itemData.piutang_beredar,
-                                },
-                              ],
-                              "percent",
-                              true
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "rasio piutang lalai",
-                            itemData: _vm.itemData.rasio_lalai,
-                            itemDataBefore: "0",
-                            isPercent: true,
-                            isOpposite: true,
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-            ]),
-            _vm._v(" "),
-            _vm._m(5),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "timeline-row" }, [
-            _vm._m(6),
-            _vm._v(" "),
-            _c("div", { staticClass: "row" }, [
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "DCR",
-                              "dcr",
-                              _vm.itemData.dcr,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.dcr,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "DCR",
-                                  key: "dcr",
-                                  value: _vm.itemData.dcr,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "dcr",
-                            itemData: _vm.itemData.dcr,
-                            itemDataBefore: _vm.itemDataBefore.dcr,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "DCR",
-                              "dcr",
-                              _vm.itemData.dcr,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "DCR",
-                                  key: "dcr",
-                                  value: _vm.itemData.dcr,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "dcr",
-                            itemData: _vm.itemData.dcr,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "DCU",
-                              "dcu",
-                              _vm.itemData.dcu,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.dcu,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "DCU",
-                                  key: "dcu",
-                                  value: _vm.itemData.dcu,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "dcu",
-                            itemData: _vm.itemData.dcu,
-                            itemDataBefore: _vm.itemDataBefore.dcu,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "DCU",
-                              "dcu",
-                              _vm.itemData.dcu,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "DCU",
-                                  key: "dcu",
-                                  value: _vm.itemData.dcu,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "dcu",
-                            itemData: _vm.itemData.dcu,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Iuran Gedung",
-                              "dana_gedung",
-                              _vm.itemData.dana_gedung,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.dana_gedung,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Iuran Gedung",
-                                  key: "dana_gedung",
-                                  value: _vm.itemData.dana_gedung,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "iuran gedung",
-                            itemData: _vm.itemData.dana_gedung,
-                            itemDataBefore: _vm.itemDataBefore.dana_gedung,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Iuran Gedung",
-                              "dana_gedung",
-                              _vm.itemData.dana_gedung,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Iuran Gedung",
-                                  key: "dana_gedung",
-                                  value: _vm.itemData.dana_gedung,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "iuran gedung",
-                            itemData: _vm.itemData.dana_gedung,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Donasi",
-                              "donasi",
-                              _vm.itemData.donasi,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.donasi,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Donasi",
-                                  key: "donasi",
-                                  value: _vm.itemData.donasi,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "donasi",
-                            itemData: _vm.itemData.donasi,
-                            itemDataBefore: _vm.itemDataBefore.donasi,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Donasi",
-                              "donasi",
-                              _vm.itemData.donasi,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Donasi",
-                                  key: "donasi",
-                                  value: _vm.itemData.donasi,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "donasi",
-                            itemData: _vm.itemData.donasi,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "row" }, [
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "BJS Saham",
-                              "bjs_saham",
-                              _vm.itemData.bjs_saham,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.bjs_saham,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "BJS Saham",
-                                  key: "bjs_saham",
-                                  value: _vm.itemData.bjs_saham,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "bjs saham",
-                            itemData: _vm.itemData.bjs_saham,
-                            itemDataBefore: _vm.itemDataBefore.bjs_saham,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "BJS Saham",
-                              "bjs_saham",
-                              _vm.itemData.bjs_saham,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "BJS Saham",
-                                  key: "bjs_saham",
-                                  value: _vm.itemData.bjs_saham,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "bjs saham",
-                            itemData: _vm.itemData.bjs_saham,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Beban Penyisihan DCR",
-                              "beban_penyisihan_dcr",
-                              _vm.itemData.beban_penyisihan_dcr,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.beban_penyisihan_dcr,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Beban Penyisihan DCR",
-                                  key: "beban_penyisihan_dcr",
-                                  value: _vm.itemData.beban_penyisihan_dcr,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _vm.itemDataBefore
-                          ? _c("widget-data", {
-                              attrs: {
-                                title: "beban penyisihan dcr",
-                                itemData: _vm.itemData.beban_penyisihan_dcr,
-                                itemDataBefore:
-                                  _vm.itemDataBefore.beban_penyisihan_dcr,
-                              },
-                            })
-                          : _vm._e(),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Beban Penyisihan DCR",
-                              "beban_penyisihan_dcr",
-                              _vm.itemData.beban_penyisihan_dcr,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Beban Penyisihan DCR",
-                                  key: "beban_penyisihan_dcr",
-                                  value: _vm.itemData.beban_penyisihan_dcr,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "beban penyisihan dcr",
-                            itemData: _vm.itemData.beban_penyisihan_dcr,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Investasi Likuid",
-                              "investasi_likuid",
-                              _vm.itemData.investasi_likuid,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.investasi_likuid,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Investasi Likuid",
-                                  key: "investasi_likuid",
-                                  value: _vm.itemData.investasi_likuid,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _vm.itemDataBefore
-                          ? _c("widget-data", {
-                              attrs: {
-                                title: "investasi likuid",
-                                itemData: _vm.itemData.investasi_likuid,
-                                itemDataBefore:
-                                  _vm.itemDataBefore.investasi_likuid,
-                              },
-                            })
-                          : _vm._e(),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Investasi Likuid",
-                              "investasi_likuid",
-                              _vm.itemData.investasi_likuid,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Investasi Likuid",
-                                  key: "investasi_likuid",
-                                  value: _vm.itemData.investasi_likuid,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "investasi likuid",
-                            itemData: _vm.itemData.investasi_likuid,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-            ]),
-            _vm._v(" "),
-            _vm._m(7),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "timeline-row" }, [
-            _vm._m(8),
-            _vm._v(" "),
-            _c("div", { staticClass: "row" }, [
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Total Pendapatan",
-                              "total_pendapatan",
-                              _vm.itemData.total_pendapatan,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.total_pendapatan,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Total Pendapatan",
-                                  key: "total_pendapatan",
-                                  value: _vm.itemData.total_pendapatan,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "total pendapatan",
-                            itemData: _vm.itemData.total_pendapatan,
-                            itemDataBefore: _vm.itemDataBefore.total_pendapatan,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Total Pendapatan",
-                              "total_pendapatan",
-                              _vm.itemData.total_pendapatan,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Total Pendapatan",
-                                  key: "total_pendapatan",
-                                  value: _vm.itemData.total_pendapatan,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "total pendapatan",
-                            itemData: _vm.itemData.total_pendapatan,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Total Biaya",
-                              "total_biaya",
-                              _vm.itemData.total_biaya,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.total_biaya,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Total Biaya",
-                                  key: "total_biaya",
-                                  value: _vm.itemData.total_biaya,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "total biaya",
-                            itemData: _vm.itemData.total_biaya,
-                            itemDataBefore: _vm.itemDataBefore.total_biaya,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Total Biaya",
-                              "total_biaya",
-                              _vm.itemData.total_biaya,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Total Biaya",
-                                  key: "total_biaya",
-                                  value: _vm.itemData.total_biaya,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "total biaya",
-                            itemData: _vm.itemData.total_biaya,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "SHU",
-                              "shu",
-                              _vm.itemData.shu,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.shu,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "SHU",
-                                  key: "shu",
-                                  value: _vm.itemData.shu,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "shu",
-                            itemData: _vm.itemData.shu,
-                            itemDataBefore: _vm.itemDataBefore.shu,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "SHU",
-                              "shu",
-                              _vm.itemData.shu,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "SHU",
-                                  key: "shu",
-                                  value: _vm.itemData.shu,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "shu",
-                            itemData: _vm.itemData.shu,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "SHU Lalu",
-                              "shu_lalu",
-                              _vm.itemData.shu_lalu,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.shu_lalu,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "SHU Lalu",
-                                  key: "shu_lalu",
-                                  value: _vm.itemData.shu_lalu,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "shu lalu",
-                            itemData: _vm.itemData.shu_lalu,
-                            itemDataBefore: _vm.itemDataBefore.shu_lalu,
-                          },
-                        }),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "SHU Lalu",
-                              "shu_lalu",
-                              _vm.itemData.shu_lalu,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "SHU Lalu",
-                                  key: "shu_lalu",
-                                  value: _vm.itemData.shu_lalu,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "shu lalu",
-                            itemData: _vm.itemData.shu_lalu,
-                            itemDataBefore: "0",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "row" }, [
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Laju Inflasi",
-                              "laju_inflasi",
-                              _vm.itemData.laju_inflasi,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.laju_inflasi,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Laju Inflasi",
-                                  key: "laju_inflasi",
-                                  value: _vm.itemData.laju_inflasi,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _vm.itemDataBefore
-                          ? _c("widget-data", {
-                              attrs: {
-                                title: "laju inflasi",
-                                itemData: _vm.itemData.laju_inflasi,
-                                itemDataBefore: _vm.itemDataBefore.laju_inflasi,
-                                isPercent: true,
-                              },
-                            })
-                          : _vm._e(),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Laju Inflasi",
-                              "laju_inflasi",
-                              _vm.itemData.laju_inflasi,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Laju Inflasi",
-                                  key: "laju_inflasi",
-                                  value: _vm.itemData.laju_inflasi,
-                                },
-                              ]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "laju inflasi",
-                            itemData: _vm.itemData.laju_inflasi,
-                            itemDataBefore: "0",
-                            isPercent: true,
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-3" }, [
-                _vm.itemDataBefore
-                  ? _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Harga Pasar",
-                              "harga_pasar",
-                              _vm.itemData.harga_pasar,
-                              _vm.itemData.periode,
-                              _vm.itemDataBefore.harga_pasar,
-                              _vm.itemDataBefore.periode,
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Harga Pasar",
-                                  key: "harga_pasar",
-                                  value: _vm.itemData.harga_pasar,
-                                },
-                              ],
-                              "percent"
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _vm.itemDataBefore
-                          ? _c("widget-data", {
-                              attrs: {
-                                title: "harga pasar",
-                                itemData: _vm.itemData.harga_pasar,
-                                itemDataBefore: _vm.itemDataBefore.harga_pasar,
-                                isPercent: true,
-                              },
-                            })
-                          : _vm._e(),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "div",
-                      {
-                        staticStyle: { cursor: "pointer" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalBuka(
-                              "Harga Pasar",
-                              "harga_pasar",
-                              _vm.itemData.harga_pasar,
-                              _vm.itemData.periode,
-                              "0",
-                              "",
-                              _vm.grafikData.data,
-                              [
-                                {
-                                  title: "Harga Pasar",
-                                  key: "harga_pasar",
-                                  value: _vm.itemData.harga_pasar,
-                                },
-                              ],
-                              "percent"
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("widget-data", {
-                          attrs: {
-                            title: "harga pasar",
-                            itemData: _vm.itemData.harga_pasar,
-                            itemDataBefore: "0",
-                            isPercent: true,
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-              ]),
-            ]),
-          ]),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
-            button: _vm.modalButton,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v(_vm._s(_vm.modalTitle)),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "modal-body1" }, [
-            _c(
-              "form",
-              {
-                attrs: { "data-vv-scope": "form" },
-                on: {
-                  submit: function ($event) {
-                    $event.preventDefault()
-                    return _vm.save.apply(null, arguments)
-                  },
-                },
-              },
-              [
-                _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
-                  _c(
-                    "ul",
-                    {
-                      staticClass:
-                        "nav nav-tabs nav-tabs-bottom flex-nowrap mb-0",
-                    },
-                    [
-                      _c("li", { staticClass: "nav-item" }, [
-                        _c(
-                          "a",
-                          {
-                            staticClass: "nav-link",
-                            class: {
-                              active: _vm.modalDetail.tab == "analisis",
-                            },
-                            attrs: { href: "#" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                _vm.modalDetail.tab = "analisis"
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-wave2 mr-2" }),
-                            _vm._v(" Analisis"),
-                          ]
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("li", { staticClass: "nav-item" }, [
-                        _c(
-                          "a",
-                          {
-                            staticClass: "nav-link",
-                            class: { active: _vm.modalDetail.tab == "tabel" },
-                            attrs: { href: "#" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                _vm.modalDetail.tab = "tabel"
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-list2 mr-2" }),
-                            _vm._v(" Tabel"),
-                          ]
-                        ),
-                      ]),
-                    ]
-                  ),
-                ]),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    directives: [
-                      {
-                        name: "show",
-                        rawName: "v-show",
-                        value: _vm.modalDetail.tab == "analisis",
-                        expression: "modalDetail.tab == 'analisis'",
-                      },
-                    ],
-                  },
-                  [
-                    _c("widget-data", {
-                      attrs: {
-                        title: _vm.modalDetail.title,
-                        itemData: _vm.modalDetail.itemData,
-                        itemDataBefore: _vm.modalDetail.itemDataBefore,
-                        isPercent: _vm.modalDetail.isPercent,
-                        isOpposite: _vm.modalDetail.isOpposite,
-                      },
-                    }),
-                    _vm._v(" "),
-                    _c(
-                      "div",
-                      { staticClass: "card card-body border-top-blue" },
-                      [
-                        _c("h6", {
-                          domProps: {
-                            innerHTML: _vm._s(_vm.modalDetail.analisis1),
-                          },
-                        }),
-                      ]
-                    ),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  {
-                    directives: [
-                      {
-                        name: "show",
-                        rawName: "v-show",
-                        value: _vm.modalDetail.tab == "tabel",
-                        expression: "modalDetail.tab == 'tabel'",
-                      },
-                    ],
-                  },
-                  [
-                    _c("div", { staticClass: "pre-scrollable" }, [
-                      _c(
-                        "table",
-                        { staticClass: "table table-striped table-bordered" },
-                        [
-                          _c("thead", { staticClass: "bg-primary" }, [
-                            _c("tr", [
-                              _c("th", [_vm._v("Periode")]),
-                              _vm._v(" "),
-                              _c("th", [_vm._v("Jumlah ")]),
-                              _vm._v(" "),
-                              _c("th", [_vm._v("Pertumbuhan")]),
-                              _vm._v(" "),
-                              !_vm.modalDetail.isPercent
-                                ? _c("th", [_vm._v("Pertumbuhan (%)")])
-                                : _vm._e(),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c(
-                            "tbody",
-                            _vm._l(
-                              _vm.modalDetail.grafikData,
-                              function (grafik) {
-                                return _c(
-                                  "tr",
-                                  {
-                                    staticClass: "text-nowrap",
-                                    class: {
-                                      info:
-                                        Object.values(grafik)[0] ==
-                                        _vm.itemData.periode,
-                                    },
-                                  },
-                                  [
-                                    _c("td", [
-                                      _vm._v(
-                                        _vm._s(
-                                          _vm._f("dateMonth")(
-                                            Object.values(grafik)[0]
-                                          )
-                                        )
-                                      ),
-                                    ]),
-                                    _vm._v(" "),
-                                    _vm.modalDetail.isPercent
-                                      ? _c("td", [
-                                          _vm._v(
-                                            _vm._s(
-                                              _vm._f("percentage")(
-                                                Object.values(grafik)[1],
-                                                2
-                                              )
-                                            )
-                                          ),
-                                        ])
-                                      : _c("td", [
-                                          _vm._v(
-                                            _vm._s(
-                                              _vm._f("currency")(
-                                                Object.values(grafik)[1],
-                                                "",
-                                                0,
-                                                { thousandsSeparator: "." }
-                                              )
-                                            )
-                                          ),
-                                        ]),
-                                    _vm._v(" "),
-                                    _vm.itemData.periode !=
-                                    Object.values(grafik)[0]
-                                      ? _c(
-                                          "td",
-                                          {
-                                            class: {
-                                              "text-primary":
-                                                _vm.countTotal(
-                                                  _vm.modalDetail.itemData,
-                                                  Object.values(grafik)[1]
-                                                ) > 0,
-                                              "text-danger":
-                                                _vm.countTotal(
-                                                  _vm.modalDetail.itemData,
-                                                  Object.values(grafik)[1]
-                                                ) < 0,
-                                            },
-                                          },
-                                          [
-                                            _vm.countTotal(
-                                              _vm.modalDetail.itemData,
-                                              Object.values(grafik)[1]
-                                            ) > 0
-                                              ? _c("i", {
-                                                  staticClass:
-                                                    "icon-chevron-up",
-                                                })
-                                              : _vm.countTotal(
-                                                  _vm.modalDetail.itemData,
-                                                  Object.values(grafik)[1]
-                                                ) < 0
-                                              ? _c("i", {
-                                                  staticClass:
-                                                    "icon-chevron-down",
-                                                })
-                                              : _vm._e(),
-                                            _vm._v(" "),
-                                            _vm.modalDetail.isPercent
-                                              ? _c("span", [
-                                                  _vm._v(
-                                                    "\n\t\t\t\t\t\t\t\t\t\t" +
-                                                      _vm._s(
-                                                        _vm._f("percentage")(
-                                                          Math.abs(
-                                                            _vm.countTotal(
-                                                              _vm.modalDetail
-                                                                .itemData,
-                                                              Object.values(
-                                                                grafik
-                                                              )[1]
-                                                            )
-                                                          ),
-                                                          2
-                                                        )
-                                                      ) +
-                                                      "\n\t\t\t\t\t\t\t\t\t"
-                                                  ),
-                                                ])
-                                              : _c("span", [
-                                                  _vm._v(
-                                                    "\n\t\t\t\t\t\t\t\t\t\t" +
-                                                      _vm._s(
-                                                        _vm._f("currency")(
-                                                          Math.abs(
-                                                            _vm.countTotal(
-                                                              _vm.modalDetail
-                                                                .itemData,
-                                                              Object.values(
-                                                                grafik
-                                                              )[1]
-                                                            )
-                                                          ),
-                                                          "",
-                                                          0,
-                                                          {
-                                                            thousandsSeparator:
-                                                              ".",
-                                                          }
-                                                        )
-                                                      ) +
-                                                      "\n\t\t\t\t\t\t\t\t\t"
-                                                  ),
-                                                ]),
-                                          ]
-                                        )
-                                      : _c(
-                                          "td",
-                                          {
-                                            staticClass: "text-center",
-                                            attrs: { colspan: "2" },
-                                          },
-                                          [_vm._v("LAPORAN PERIODE INI")]
-                                        ),
-                                    _vm._v(" "),
-                                    _vm.itemData.periode !=
-                                      Object.values(grafik)[0] &&
-                                    !_vm.modalDetail.isPercent
-                                      ? _c("td", [
-                                          _c(
-                                            "span",
-                                            {
-                                              staticClass: "badge pull-right",
-                                              class: {
-                                                "badge-primary":
-                                                  _vm.countTotal(
-                                                    _vm.modalDetail.itemData,
-                                                    Object.values(grafik)[1]
-                                                  ) > 0,
-                                                "badge-danger":
-                                                  _vm.countTotal(
-                                                    _vm.modalDetail.itemData,
-                                                    Object.values(grafik)[1]
-                                                  ) < 0,
-                                              },
-                                            },
-                                            [
-                                              _vm.countTotal(
-                                                _vm.modalDetail.itemData,
-                                                Object.values(grafik)[1]
-                                              ) > 0
-                                                ? _c("span", [_vm._v("+")])
-                                                : _vm.countTotal(
-                                                    _vm.modalDetail.itemData,
-                                                    Object.values(grafik)[1]
-                                                  ) < 0
-                                                ? _c("span", [_vm._v("-")])
-                                                : _vm._e(),
-                                              _vm._v(
-                                                "\t\n\t\t\t\t\t\t\t\t\t\t" +
-                                                  _vm._s(
-                                                    _vm._f("currency")(
-                                                      Math.abs(
-                                                        _vm.countPercentage(
-                                                          _vm.modalDetail
-                                                            .itemData,
-                                                          Object.values(
-                                                            grafik
-                                                          )[1]
-                                                        )
-                                                      ),
-                                                      "",
-                                                      2,
-                                                      {
-                                                        thousandsSeparator: ".",
-                                                        decimalSeparator: ",",
-                                                      }
-                                                    )
-                                                  ) +
-                                                  " %\n\t\t\t\t\t\t\t\t\t"
-                                              ),
-                                            ]
-                                          ),
-                                        ])
-                                      : _vm._e(),
-                                  ]
-                                )
-                              }
-                            ),
-                            0
-                          ),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("hr"),
-                    _vm._v(" "),
-                    _c(
-                      "div",
-                      {
-                        staticClass:
-                          "alert bg-info alert-styled-left mt-2 pt-1 pb-1",
-                      },
-                      [
-                        _c("span", { staticClass: "mb-2 text-semibold" }, [
-                          _c("u", [_vm._v("Bagaimana membaca tabel ini?")]),
-                        ]),
-                        _vm._v(" "),
-                        _c("p", [
-                          _vm._v(
-                            "Kolom pertumbuhan adalah perbandingan nilai pada laporan periode ini dibandingan dengan periode lainnya sesuai pada tabel"
-                          ),
-                        ]),
-                      ]
-                    ),
-                  ]
-                ),
-                _vm._v(" "),
-                _vm.modalDetail.isUbah
-                  ? _c("div", [
-                      _c("hr"),
-                      _vm._v(" "),
-                      _vm.modalDetail.canUbah
-                        ? _c("div", [
-                            _c(
-                              "div",
-                              {
-                                staticClass:
-                                  "well well-sm border-top-lg border-top-warning",
-                              },
-                              _vm._l(_vm.modalDetail.form, function (form) {
-                                return form.title
-                                  ? _c("div", [
-                                      _c(
-                                        "div",
-                                        { staticClass: "form-group" },
-                                        [
-                                          _c("h5", [
-                                            _vm._v(_vm._s(form.title)),
-                                          ]),
-                                          _vm._v(" "),
-                                          _c("cleave", {
-                                            staticClass: "form-control",
-                                            attrs: {
-                                              options: _vm.cleaveOption.numeric,
-                                              placeholder:
-                                                "Silahkan masukkan " +
-                                                form.title,
-                                            },
-                                            model: {
-                                              value: form.value,
-                                              callback: function ($$v) {
-                                                _vm.$set(form, "value", $$v)
-                                              },
-                                              expression: "form.value",
-                                            },
-                                          }),
-                                        ],
-                                        1
-                                      ),
-                                    ])
-                                  : _vm._e()
-                              }),
-                              0
-                            ),
-                          ])
-                        : _c("div", [
-                            _c(
-                              "div",
-                              {
-                                staticClass:
-                                  "alert bg-warning alert-styled-left mt-10 pt-5 pb-5",
-                              },
-                              [
-                                _c(
-                                  "span",
-                                  { staticClass: "mb-5 text-semibold" },
-                                  [
-                                    _c("u", [
-                                      _vm._v(
-                                        "Maaf tidak bisa mengubah data disini."
-                                      ),
-                                    ]),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _c("p", [
-                                  _vm._v(
-                                    "Laporan berikut merupakan laporan konsolidasi dari beberapa data laporan TP pada periode ini, untuk melakukan pengubahan data silahkan buka laporan TP pada periode ini."
-                                  ),
-                                ]),
-                              ]
-                            ),
-                          ]),
-                    ])
-                  : _vm._e(),
-                _vm._v(" "),
-                _c("hr"),
-                _vm._v(" "),
-                _c("div", { staticClass: "text-center d-none d-sm-block" }, [
-                  _c(
-                    "button",
-                    {
-                      directives: [
-                        {
-                          name: "tooltip",
-                          rawName: "v-tooltip:top",
-                          value: "Tutup",
-                          expression: "'Tutup'",
-                          arg: "top",
-                        },
-                      ],
-                      staticClass: "btn btn-light",
-                      attrs: { type: "button" },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalTutup.apply(null, arguments)
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-cross" }),
-                      _vm._v(" Tutup\n\t\t\t\t"),
-                    ]
-                  ),
-                  _vm._v(" "),
-                  !_vm.modalDetail.isUbah &&
-                  _vm.currentUser.can &&
-                  _vm.currentUser.can["update_laporan_cu"]
-                    ? _c(
-                        "button",
-                        {
-                          directives: [
-                            {
-                              name: "tooltip",
-                              rawName: "v-tooltip:top",
-                              value: "Ubah data perhitungan",
-                              expression: "'Ubah data perhitungan'",
-                              arg: "top",
-                            },
-                          ],
-                          staticClass: "btn btn-light",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              _vm.modalDetail.isUbah = true
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-pencil5" }),
-                          _vm._v(" Ubah\n\t\t\t\t"),
-                        ]
-                      )
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _vm.modalDetail.isUbah
-                    ? _c(
-                        "button",
-                        {
-                          directives: [
-                            {
-                              name: "tooltip",
-                              rawName: "v-tooltip:top",
-                              value: "Batal mengubah data perhitungan",
-                              expression: "'Batal mengubah data perhitungan'",
-                              arg: "top",
-                            },
-                          ],
-                          staticClass: "btn btn-light",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              _vm.modalDetail.isUbah = false
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-arrow-left13" }),
-                          _vm._v(" Batal\n\t\t\t\t"),
-                        ]
-                      )
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _vm.modalDetail.isUbah &&
-                  _vm.currentUser.can &&
-                  _vm.currentUser.can["update_laporan_cu"] &&
-                  _vm.modalDetail.canUbah
-                    ? _c(
-                        "button",
-                        {
-                          directives: [
-                            {
-                              name: "tooltip",
-                              rawName: "v-tooltip:top",
-                              value: "Simpan data perhitungan",
-                              expression: "'Simpan data perhitungan'",
-                              arg: "top",
-                            },
-                          ],
-                          staticClass: "btn btn-primary",
-                          attrs: { type: "submit" },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-floppy-disk" }),
-                          _vm._v(" Simpan\n\t\t\t\t"),
-                        ]
-                      )
-                    : _vm._e(),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "d-block d-sm-none" }, [
-                  _vm.modalDetail.isUbah &&
-                  _vm.currentUser.can &&
-                  _vm.currentUser.can["update_laporan_cu"] &&
-                  _vm.modalDetail.canUbah
-                    ? _c(
-                        "button",
-                        {
-                          directives: [
-                            {
-                              name: "tooltip",
-                              rawName: "v-tooltip:top",
-                              value: "Simpan data perhitungan",
-                              expression: "'Simpan data perhitungan'",
-                              arg: "top",
-                            },
-                          ],
-                          staticClass: "btn btn-primary btn-block",
-                          attrs: { type: "submit" },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-floppy-disk" }),
-                          _vm._v(" Simpan\n\t\t\t\t"),
-                        ]
-                      )
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _vm.modalDetail.isUbah &&
-                  _vm.currentUser.can &&
-                  _vm.currentUser.can["update_laporan_cu"]
-                    ? _c(
-                        "button",
-                        {
-                          directives: [
-                            {
-                              name: "tooltip",
-                              rawName: "v-tooltip:top",
-                              value: "Batal mengubah data perhitungan",
-                              expression: "'Batal mengubah data perhitungan'",
-                              arg: "top",
-                            },
-                          ],
-                          staticClass: "btn btn-light btn-block",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              _vm.modalDetail.isUbah = false
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-arrow-left13" }),
-                          _vm._v(" Batal\n\t\t\t\t"),
-                        ]
-                      )
-                    : _vm._e(),
-                  _vm._v(" "),
-                  !_vm.modalDetail.isUbah &&
-                  _vm.currentUser.can &&
-                  _vm.currentUser.can["update_laporan_cu"]
-                    ? _c(
-                        "button",
-                        {
-                          directives: [
-                            {
-                              name: "tooltip",
-                              rawName: "v-tooltip:top",
-                              value: "Ubah data perhitungan",
-                              expression: "'Ubah data perhitungan'",
-                              arg: "top",
-                            },
-                          ],
-                          staticClass: "btn btn-light btn-block",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              _vm.modalDetail.isUbah = true
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-pencil5" }),
-                          _vm._v(" Ubah\n\t\t\t\t"),
-                        ]
-                      )
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _c(
-                    "button",
-                    {
-                      directives: [
-                        {
-                          name: "tooltip",
-                          rawName: "v-tooltip:top",
-                          value: "Tutup",
-                          expression: "'Tutup'",
-                          arg: "top",
-                        },
-                      ],
-                      staticClass: "btn btn-light btn-block",
-                      attrs: { type: "button" },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalTutup.apply(null, arguments)
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-cross" }),
-                      _vm._v(" Tutup\n\t\t\t\t"),
-                    ]
-                  ),
-                ]),
-              ]
-            ),
-          ]),
-        ],
-        2
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "timeline-icon" }, [
-      _c("div", { staticClass: "bg-blue" }, [
-        _c("i", { staticClass: "icon-people" }),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "row" }, [_c("hr")])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "timeline-icon" }, [
-      _c("div", { staticClass: "bg-orange" }, [
-        _c("i", { staticClass: "icon-briefcase3" }),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "row" }, [_c("hr")])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "timeline-icon" }, [
-      _c("div", { staticClass: "bg-brown" }, [
-        _c("i", { staticClass: "icon-piggy-bank" }),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "row" }, [_c("hr")])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "timeline-icon" }, [
-      _c("div", { staticClass: "bg-danger" }, [
-        _c("i", { staticClass: "icon-lifebuoy" }),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "row" }, [_c("hr")])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "timeline-icon" }, [
-      _c("div", { staticClass: "bg-grey" }, [
-        _c("i", { staticClass: "icon-cash4" }),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=template&id=f6a3d8ba&":
-/*!***************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=template&id=f6a3d8ba& ***!
-  \***************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("div", { staticClass: "row" }, [
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.p1 >= 1,
-                "bg-danger": _vm.itemData.p1 < 1,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "p1")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media mb-3" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.p1, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.p1 >= 1
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(0),
-              ]),
-              _vm._v(" "),
-              _vm._m(1),
-              _vm._v(" "),
-              _c("b", [_vm._v("Provisi pinjaman lalai di atas 12 bulan")]),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.p2 > 0.35,
-                "bg-danger": _vm.itemData.p2 <= 0.35,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "p2")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.p2, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.p2 > 0.35
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(2),
-              ]),
-              _vm._v(" "),
-              _vm._m(3),
-              _vm._v(" "),
-              _c("b", [_vm._v("Provisi pinjaman lalai 1-12 bulan")]),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.e1 >= 0.7 && _vm.itemData.e1 <= 0.8,
-                "bg-danger": _vm.itemData.e1 < 0.7 || _vm.itemData.e1 > 0.8,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "e1")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.e1, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.e1 >= 0.7 && _vm.itemData.e1 <= 0.8
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(4),
-              ]),
-              _vm._v(" "),
-              _vm._m(5),
-              _vm._v(" "),
-              _c("b", [_vm._v("Piutang bersih / total aset")]),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.e5 >= 0.7 && _vm.itemData.e5 <= 0.8,
-                "bg-danger": _vm.itemData.e5 < 0.7 || _vm.itemData.e5 > 0.8,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "e5")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.e5, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.e5 >= 0.7 && _vm.itemData.e5 <= 0.8
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(6),
-              ]),
-              _vm._v(" "),
-              _vm._m(7),
-              _vm._v(" "),
-              _c("b", [_vm._v("Simpanan non saham / total aset")]),
-            ]
-          ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "row" }, [
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.e6 <= 0.05,
-                "bg-danger": _vm.itemData.e6 > 0.05,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "e6")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.e6, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.e6 <= 0.05
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(8),
-              ]),
-              _vm._v(" "),
-              _vm._m(9),
-              _vm._v(" "),
-              _c("b", [
-                _vm._v("Pinjaman kepada pihak luar terhadap total aset"),
-              ]),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.e7 >= 0.1 && _vm.itemData.e7 <= 0.2,
-                "bg-danger": _vm.itemData.e7 < 0.1 || _vm.itemData.e7 > 0.2,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "e7")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.e7, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.e7 >= 0.1 && _vm.itemData.e7 <= 0.2
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(10),
-              ]),
-              _vm._v(" "),
-              _vm._m(11),
-              _vm._v(" "),
-              _c("b", [_vm._v("Simpanan saham / total aset")]),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.e9 >= 0.1,
-                "bg-danger": _vm.itemData.e9 < 0.1,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "e9")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.e9, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.e9 >= 0.1
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(12),
-              ]),
-              _vm._v(" "),
-              _vm._m(13),
-              _vm._v(" "),
-              _c("b", [_vm._v("Modal lembaga bersih")]),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.a1 <= 0.05,
-                "bg-danger": _vm.itemData.a1 > 0.05,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "a1")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.a1, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.a1 <= 0.05
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(14),
-              ]),
-              _vm._v(" "),
-              _vm._m(15),
-              _vm._v(" "),
-              _c("b", [
-                _vm._v("Total pinjaman lalai / total ipnjaman beredar"),
-              ]),
-            ]
-          ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "row" }, [
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.a2 < 0.05,
-                "bg-danger": _vm.itemData.a2 >= 0.05,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "a2")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.a2, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.a2 < 0.05
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(16),
-              ]),
-              _vm._v(" "),
-              _vm._m(17),
-              _vm._v(" "),
-              _c("b", [_vm._v("Aset yang tidak menghasilkan / total aset")]),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.r7_1 == _vm.itemData.harga_pasar,
-                "bg-danger": _vm.itemData.r7_1 != _vm.itemData.harga_pasar,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "r7")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(
-                      _vm._s(_vm._f("percentage")(_vm.itemData.r7_1, 2)) +
-                        " / " +
-                        _vm._s(_vm._f("percentage")(_vm.itemData.r7_2, 2))
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.r7_1 == _vm.itemData.harga_pasar
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL / \n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL / \n\t\t\t\t\t\t"),
-                      ]),
-                  _vm._v(" "),
-                  _vm.itemData.r7_2 == _vm.itemData.harga_pasar
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL  \n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL \n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(18),
-              ]),
-              _vm._v(" "),
-              _vm._m(19),
-              _vm._v(" "),
-              _c("b", [_vm._v("BJS saham terhadap rata-rata aset")]),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.r9 <= 0.05,
-                "bg-danger": _vm.itemData.r9 > 0.05,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "r9")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.r9, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.r9 <= 0.05
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(20),
-              ]),
-              _vm._v(" "),
-              _vm._m(21),
-              _vm._v(" "),
-              _c("b", [_vm._v("Biaya operasional terhadap rata-rata aset")]),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.l1 >= 0.15 && _vm.itemData.l1 <= 0.2,
-                "bg-danger": _vm.itemData.l1 < 0.15 || _vm.itemData.l1 > 0.2,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "l1")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.l1, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.l1 >= 0.15 && _vm.itemData.l1 <= 0.2
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(22),
-              ]),
-              _vm._v(" "),
-              _vm._m(23),
-              _vm._v(" "),
-              _c("b", [
-                _vm._v(
-                  "(investasi likuid + aset-aset likuid - hutang jangka pendek < 30 hari) / simpanan non saham"
-                ),
-              ]),
-            ]
-          ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "row" }, [
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.l2 >= 0.15 && _vm.itemData.l2 <= 0.2,
-                "bg-danger": _vm.itemData.l2 < 0.15 || _vm.itemData.l2 > 0.2,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "l2")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.l2, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.l2 >= 0.15 && _vm.itemData.l2 <= 0.2
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(24),
-              ]),
-              _vm._v(" "),
-              _vm._m(25),
-              _vm._v(" "),
-              _c("b", [
-                _vm._v(
-                  "(investasi likuid + aset-aset likuid - hutang jangka pendek < 30 hari) / total aset"
-                ),
-              ]),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary": _vm.itemData.s10 > 0.12,
-                "bg-danger": _vm.itemData.s10 <= 0.12,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "s10")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.s10, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.s10 >= 0.12
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(26),
-              ]),
-              _vm._v(" "),
-              _vm._m(27),
-              _vm._v(" "),
-              _c("b", [_vm._v("Pertumbuhan anggota")]),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-sm-3" }, [
-          _c(
-            "div",
-            {
-              staticClass: "card card-body",
-              class: {
-                "bg-primary":
-                  _vm.itemData.s11 > 0.1 + _vm.itemData.laju_inflasi,
-                "bg-danger":
-                  _vm.itemData.s11 <= 0.1 + _vm.itemData.laju_inflasi,
-              },
-              staticStyle: { cursor: "pointer" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.modalBuka(_vm.itemData, "s11")
-                },
-              },
-            },
-            [
-              _c("div", { staticClass: "media no-margin-top content-group" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.s11, 2))),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemData.s11 > 0.1 + _vm.itemData.laju_inflasi
-                    ? _c("span", { staticClass: "opacity-75" }, [
-                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
-                      ]),
-                ]),
-                _vm._v(" "),
-                _vm._m(28),
-              ]),
-              _vm._v(" "),
-              _vm._m(29),
-              _vm._v(" "),
-              _c("b", [_vm._v("Pertumbuhan aset")]),
-            ]
-          ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
-            button: _vm.modalButton,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v(_vm._s(_vm.modalTitle)),
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _c("form-katex", {
-                attrs: { kelas: _vm.kelas, modalKatex: _vm.modalKatex },
-                on: { tutup: _vm.modalTutup },
-              }),
-            ],
-            1
-          ),
-        ],
-        2
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
-        },
-        [_c("b", [_vm._v("P1")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
-        },
-        [_c("b", [_vm._v("P2")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
-        },
-        [_c("b", [_vm._v("E1")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
-        },
-        [_c("b", [_vm._v("E5")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
-        },
-        [_c("b", [_vm._v("E6")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
-        },
-        [_c("b", [_vm._v("E7")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
-        },
-        [_c("b", [_vm._v("E9")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
-        },
-        [_c("b", [_vm._v("A1")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
-        },
-        [_c("b", [_vm._v("A2")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
-        },
-        [_c("b", [_vm._v("R7")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
-        },
-        [_c("b", [_vm._v("R9")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
-        },
-        [_c("b", [_vm._v("L1")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
+  \*******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "table-responsive table-scrollable",
+      staticStyle: { "max-height": "33rem" },
+    },
+    [
+      _c("table", { staticClass: "table table-striped" }, [
+        _c("thead", { staticClass: "bg-primary" }, [
+          _c(
+            "tr",
+            { staticClass: "text-nowrap" },
+            _vm._l(_vm.columnData, function (item, index) {
+              return _c("th", { key: index }, [
+                _c("span", { domProps: { innerHTML: _vm._s(item.title) } }),
+              ])
+            }),
+            0
+          ),
+        ]),
+        _vm._v(" "),
+        _vm.itemDataStat === "loading"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._m(0),
+                ]),
+              ]),
+            ])
+          : _vm.itemDataStat === "success"
+          ? _c(
+              "tbody",
+              [
+                _vm._l(_vm.items, function (item, index) {
+                  return _vm._t("item-desktop", null, {
+                    item: item,
+                    index: index,
+                  })
+                }),
+                _vm._v(" "),
+                _vm.items.length == 0
+                  ? _c("tr", [
+                      _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                        _vm._v("Belum terdapat data..."),
+                      ]),
+                    ])
+                  : _vm._e(),
+              ],
+              2
+            )
+          : _vm.itemDataStat === "fail"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v(
+                    "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
+                  ),
+                ]),
+              ]),
+            ])
+          : _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v("-"),
+                ]),
+              ]),
+            ]),
+      ]),
+    ]
+  )
+}
+var staticRenderFns = [
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+    return _c("div", { staticClass: "progress" }, [
       _c(
-        "button",
+        "div",
         {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
         },
-        [_c("b", [_vm._v("L2")])]
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
       ),
     ])
   },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("DatePicker", {
+    staticClass: "w-100",
+    attrs: {
+      format: "DD-MM-YYYY",
+      "value-type": "format",
+      placeholder: "Pilih Tanggal",
+      editable: true,
+    },
+    on: { change: _vm.onChanged },
+    model: {
+      value: _vm.time,
+      callback: function ($$v) {
+        _vm.time = $$v
       },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
+      expression: "time",
+    },
+  })
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
+var staticRenderFns = [
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
-        },
-        [_c("b", [_vm._v("S10")])]
-      ),
+    return _c("div", [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+          ),
+        ]),
+      ]),
     ])
   },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c(
-        "button",
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticStyle: { display: "inline-block" } }, [
+    _c("i", {
+      directives: [
         {
-          staticClass: "btn btn-light btn-icon rounded-round",
-          attrs: { type: "button" },
+          name: "tooltip",
+          rawName: "v-tooltip",
+          value: _vm.message,
+          expression: "message",
         },
-        [_c("b", [_vm._v("S11")])]
-      ),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-]
+      ],
+      staticClass: "icon-info22 d-none d-sm-block",
+    }),
+    _vm._v(" "),
+    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
+      _c("i", [_vm._v(_vm._s(_vm.message))]),
+    ]),
+  ])
+}
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=template&id=c66cba4e&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=template&id=c66cba4e& ***!
-  \**********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -10155,376 +1319,121 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.itemDataStat == "success"
-        ? _c("div", [
-            _vm.itemData.length > 0
-              ? _c(
-                  "div",
-                  _vm._l(_vm.itemData, function (diskusi, index) {
-                    return _c(
-                      "div",
-                      {
-                        staticClass:
-                          "card card-body border-left-primary rounded-left-0",
-                      },
-                      [
-                        _c(
-                          "div",
-                          {
-                            staticClass:
-                              "card-header bg-white header-elements-inline",
-                          },
-                          [
-                            _c("h6", { staticClass: "card-title" }, [
-                              _c("b", [_vm._v(_vm._s(diskusi.user.name))]),
-                              _vm._v(" "),
-                              _c("span", { staticClass: "text-muted" }, [
-                                _c("i", { staticClass: "icon-primitive-dot" }),
-                                _vm._v(" "),
-                                _c("small", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        diskusi.created_at
-                                      )
-                                    ),
-                                  },
-                                }),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "header-elements" }, [
-                              _c("div", { staticClass: "list-icons" }, [
-                                diskusi.id_user == _vm.currentUser.id
-                                  ? _c(
-                                      "a",
-                                      {
-                                        staticClass: "list-icons-item",
-                                        attrs: {
-                                          href: "#",
-                                          "data-popup": "tooltip",
-                                          "data-container": "body",
-                                          title: "Ubah",
-                                        },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.modalUbah(diskusi)
-                                          },
-                                        },
-                                      },
-                                      [_c("i", { staticClass: "icon-pencil5" })]
-                                    )
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                diskusi.id_user == _vm.currentUser.id
-                                  ? _c(
-                                      "a",
-                                      {
-                                        staticClass: "list-icons-item",
-                                        attrs: {
-                                          href: "#",
-                                          "data-popup": "tooltip",
-                                          "data-container": "body",
-                                          title: "Hapus",
-                                        },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.modalHapus(diskusi)
-                                          },
-                                        },
-                                      },
-                                      [_c("i", { staticClass: "icon-bin2" })]
-                                    )
-                                  : _vm._e(),
-                              ]),
-                            ]),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "media card-body no-margin" },
-                          [
-                            _c("div", { staticClass: "mr-3" }, [
-                              diskusi.user.gambar
-                                ? _c("img", {
-                                    staticClass: "rounded-circle",
-                                    attrs: {
-                                      src:
-                                        "/images/user/" +
-                                        diskusi.user.gambar +
-                                        ".jpg",
-                                      width: "42",
-                                      height: "42",
-                                      alt: "user image",
-                                    },
-                                  })
-                                : _c("img", {
-                                    staticClass: "rounded-circle",
-                                    attrs: {
-                                      src: "/images/no_image_man.jpg",
-                                      width: "42",
-                                      height: "42",
-                                      alt: "user image",
-                                    },
-                                  }),
-                            ]),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "media-body" }, [
-                              _c("p", {
-                                domProps: {
-                                  innerHTML: _vm._s(diskusi.content),
-                                },
-                              }),
-                            ]),
-                          ]
-                        ),
-                      ]
-                    )
-                  }),
-                  0
-                )
-              : _c("div", [_vm._m(0)]),
-          ])
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.itemDataStat == "loading" ? _c("div", [_vm._m(1)]) : _vm._e(),
-      _vm._v(" "),
-      _c("div", { staticClass: "card" }, [
-        _c(
-          "div",
-          { staticClass: "card-body" },
-          [
-            _c("h5", { staticClass: "text-semibold" }, [
-              _vm._v(
-                "Silahkan masukkan komentar anda terhadap laporan keuangan ini"
-              ),
-            ]),
-            _vm._v(" "),
-            _c("ckeditor", {
-              attrs: { type: "classic", config: _vm.ckeditorNoImageConfig },
-              model: {
-                value: _vm.form.content,
-                callback: function ($$v) {
-                  _vm.$set(_vm.form, "content", $$v)
-                },
-                expression: "form.content",
-              },
-            }),
-            _vm._v(" "),
-            _c("hr"),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                directives: [
-                  {
-                    name: "tooltip",
-                    rawName: "v-tooltip:top",
-                    value: "Kirim komentar",
-                    expression: "'Kirim komentar'",
-                    arg: "top",
-                  },
-                ],
-                staticClass: "btn btn-primary btn-block",
-                attrs: { type: "submit" },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.save("create")
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-paperplane" }),
-                _vm._v(" Kirim\n\t\t\t"),
-              ]
-            ),
-          ],
-          1
-        ),
-      ]),
-      _vm._v(" "),
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
       _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
-            button: _vm.modalButton,
-            content: _vm.modalContent,
-          },
-          on: {
-            confirmOk: _vm.modalConfirmOk,
-            tutup: _vm.modalTutup,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
         [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v(_vm._s(_vm.modalTitle)),
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
           ]),
           _vm._v(" "),
           _c(
-            "template",
-            { slot: "modal-body1" },
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
             [
-              _c("h5", { staticClass: "text-semibold" }, [
-                _vm._v("Komentar terhadap laporan keuangan ini"),
-              ]),
-              _vm._v(" "),
-              _c("ckeditor", {
-                attrs: { type: "classic", config: _vm.ckeditorNoImageConfig },
-                model: {
-                  value: _vm.formEdit.content,
-                  callback: function ($$v) {
-                    _vm.$set(_vm.formEdit, "content", $$v)
-                  },
-                  expression: "formEdit.content",
-                },
-              }),
-              _vm._v(" "),
-              _c("br"),
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
               _vm._v(" "),
-              _c("div", { staticClass: "d-none d-sm-block text-center" }, [
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light",
-                    attrs: { type: "button" },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalTutup.apply(null, arguments)
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-cross" }),
-                    _vm._v(" Tutup\n\t\t\t\t"),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-primary",
-                    attrs: { type: "button" },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.save("edit")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-paperplane" }),
-                    _vm._v(" Kirim\n\t\t\t\t"),
-                  ]
-                ),
-              ]),
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
+                          },
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
               _vm._v(" "),
-              _c("div", { staticClass: "d-block d-sm-none" }, [
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-primary btn-block",
-                    attrs: { type: "button" },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.save("edit")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-paperplane" }),
-                    _vm._v(" Kirim\n\t\t\t\t"),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block",
-                    attrs: { type: "button" },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalTutup.apply(null, arguments)
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-cross" }),
-                    _vm._v(" Tutup\n\t\t\t\t"),
-                  ]
-                ),
-              ]),
-            ],
-            1
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
           ),
-        ],
-        2
+        ]
       ),
-    ],
-    1
-  )
+    ]),
+  ])
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "panel panel-white" }, [
-      _c("div", { staticClass: "panel-body" }, [
-        _c("h3", [_vm._v("Belum terdapat diskusi apapun...")]),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h4", [_vm._v("Mohon tunggu...")]),
-        _vm._v(" "),
-        _c("div", { staticClass: "progress" }, [
-          _c(
-            "div",
-            {
-              staticClass:
-                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-              staticStyle: { width: "100%" },
-            },
-            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-          ),
-        ]),
-      ]),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/revisi.vue?vue&type=template&id=d0913a7e&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/revisi.vue?vue&type=template&id=d0913a7e& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -10536,231 +1445,19 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.itemDataStat == "success"
-        ? _c("div", [
-            _vm.itemData.length > 0
-              ? _c(
-                  "div",
-                  _vm._l(_vm.revisi, function (revisi, index) {
-                    return _c(
-                      "div",
-                      {
-                        key: index,
-                        staticClass: "card border-left-primary rounded-left-0",
-                      },
-                      [
-                        _c(
-                          "div",
-                          {
-                            staticClass:
-                              "card-header bg-white header-elements-sm-inline",
-                          },
-                          [
-                            _c("h6", { staticClass: "card-title" }, [
-                              _vm._v("\n\t\t\t\t\t\t \n\t\t\t\t\t"),
-                            ]),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "header-elements" }, [
-                              _c("ul", { staticClass: "list-inline mb-0" }, [
-                                _c("li", { staticClass: "list-inline-item" }, [
-                                  _c("i", { staticClass: "icon-calendar2" }),
-                                  _vm._v(" "),
-                                  _c("span", {
-                                    domProps: {
-                                      innerHTML: _vm._s(
-                                        _vm.$options.filters.date(index)
-                                      ),
-                                    },
-                                  }),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", { staticClass: "list-inline-item" }, [
-                                  _c("i"),
-                                  _c("i", { staticClass: "icon-alarm" }),
-                                  _vm._v(" "),
-                                  _c("span", {
-                                    domProps: {
-                                      innerHTML: _vm._s(
-                                        _vm.$options.filters.time(index)
-                                      ),
-                                    },
-                                  }),
-                                ]),
-                              ]),
-                            ]),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          { staticClass: "card-body" },
-                          _vm._l(revisi, function (rev, index) {
-                            return _c(
-                              "div",
-                              { key: index, staticClass: "card card-body" },
-                              [
-                                _c("div", { staticClass: "media" }, [
-                                  _c(
-                                    "div",
-                                    { staticClass: "mr-3 position-relative" },
-                                    [
-                                      rev.user.gambar
-                                        ? _c("img", {
-                                            staticClass: "rounded-circle",
-                                            attrs: {
-                                              src:
-                                                "/images/user/" +
-                                                rev.user.gambar +
-                                                ".jpg",
-                                              width: "36",
-                                              height: "36",
-                                              alt: "user image",
-                                            },
-                                          })
-                                        : _c("img", {
-                                            staticClass: "rounded-circle",
-                                            attrs: {
-                                              src: "/images/no_image_man.jpg",
-                                              width: "36",
-                                              height: "36",
-                                              alt: "user image",
-                                            },
-                                          }),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "media-body" }, [
-                                    _c("div", { staticClass: "media-title" }, [
-                                      _c("a", { attrs: { href: "#" } }, [
-                                        _c(
-                                          "span",
-                                          {
-                                            staticClass: "font-weight-semibold",
-                                          },
-                                          [_vm._v(_vm._s(rev.user.username))]
-                                        ),
-                                      ]),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("span", [
-                                      _vm._v("Telah mengubah nilai pada akun "),
-                                      _c("mark", [
-                                        _vm._v(
-                                          _vm._s(_vm.revisionField[rev.key])
-                                        ),
-                                      ]),
-                                      _vm._v(" dari "),
-                                      _c(
-                                        "mark",
-                                        [
-                                          _c("check-value", {
-                                            attrs: {
-                                              value: rev.old_value,
-                                              valueType: "currency",
-                                            },
-                                          }),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" menjadi "),
-                                      _c(
-                                        "mark",
-                                        [
-                                          _c("check-value", {
-                                            attrs: {
-                                              value: rev.new_value,
-                                              valueType: "currency",
-                                            },
-                                          }),
-                                        ],
-                                        1
-                                      ),
-                                    ]),
-                                  ]),
-                                ]),
-                              ]
-                            )
-                          }),
-                          0
-                        ),
-                      ]
-                    )
-                  }),
-                  0
-                )
-              : _c("div", [_vm._m(0)]),
-          ])
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.itemDataStat == "loading" ? _c("div", [_vm._m(1)]) : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
-            button: _vm.modalButton,
-            content: _vm.modalContent,
-          },
-          on: {
-            confirmOk: _vm.modalConfirmOk,
-            tutup: _vm.modalTutup,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v(_vm._s(_vm.modalTitle)),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "modal-body1" }),
-        ],
-        2
-      ),
-    ],
-    1
-  )
+  return _vm._m(0)
 }
 var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h3", [_vm._v("Belum terdapat revisi apapun...")]),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h4", [_vm._v("Mohon tunggu...")]),
-        _vm._v(" "),
-        _c("div", { staticClass: "progress" }, [
-          _c(
-            "div",
-            {
-              staticClass:
-                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-              staticStyle: { width: "100%" },
-            },
-            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-          ),
-        ]),
-      ]),
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticStyle: { display: "inline-block" } }, [
+      _c(
+        "span",
+        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
+        [_vm._v("Wajib diisi")]
+      ),
     ])
   },
 ]
@@ -10770,10 +1467,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=template&id=cc65001c&":
-/*!***************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=template&id=cc65001c& ***!
-  \***************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibUkuran.vue?vue&type=template&id=5669009c&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibUkuran.vue?vue&type=template&id=5669009c& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -10785,370 +1482,19 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card d-print-none" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("div", { staticClass: "row" }, [
-          this.currentUser.id_cu === 0
-            ? _c("div", { staticClass: "col-sm-5" }, [
-                _c("div", { staticClass: "input-group" }, [
-                  _vm._m(0),
-                  _vm._v(" "),
-                  _c(
-                    "select",
-                    {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.idCu,
-                          expression: "idCu",
-                        },
-                      ],
-                      staticClass: "form-control",
-                      attrs: {
-                        name: "idCu",
-                        "data-width": "100%",
-                        disabled: _vm.modelCUStat === "loading",
-                      },
-                      on: {
-                        change: [
-                          function ($event) {
-                            var $$selectedVal = Array.prototype.filter
-                              .call($event.target.options, function (o) {
-                                return o.selected
-                              })
-                              .map(function (o) {
-                                var val = "_value" in o ? o._value : o.value
-                                return val
-                              })
-                            _vm.idCu = $event.target.multiple
-                              ? $$selectedVal
-                              : $$selectedVal[0]
-                          },
-                          function ($event) {
-                            return _vm.changeCu($event.target.value)
-                          },
-                        ],
-                      },
-                    },
-                    [
-                      _c("option", { attrs: { disabled: "", value: "" } }, [
-                        _vm._v("Silahkan pilih data"),
-                      ]),
-                      _vm._v(" "),
-                      _vm._t("default"),
-                      _vm._v(" "),
-                      _vm._l(_vm.modelCU, function (cu) {
-                        return cu
-                          ? _c("option", { domProps: { value: cu.id } }, [
-                              _vm._v(_vm._s(cu.name)),
-                            ])
-                          : _vm._e()
-                      }),
-                    ],
-                    2
-                  ),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "input-group-append" }, [
-                    _c(
-                      "button",
-                      {
-                        directives: [
-                          {
-                            name: "tooltip",
-                            rawName: "v-tooltip:top",
-                            value: "Reload",
-                            expression: "'Reload'",
-                            arg: "top",
-                          },
-                        ],
-                        staticClass: "btn btn-light",
-                        attrs: { disabled: _vm.modelCUStat === "loading" },
-                        on: { click: _vm.fetchCU },
-                      },
-                      [
-                        _c("i", {
-                          staticClass: "icon-sync",
-                          class: { spinner: _vm.modelCUStat === "loading" },
-                        }),
-                      ]
-                    ),
-                  ]),
-                ]),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-sm-5" }, [
-            _c("div", { staticClass: "input-group" }, [
-              _vm._m(1),
-              _vm._v(" "),
-              _c(
-                "select",
-                {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.periode,
-                      expression: "periode",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "periode",
-                    "data-width": "100%",
-                    disabled: _vm.modelPeriodeStat === "loading",
-                  },
-                  on: {
-                    change: [
-                      function ($event) {
-                        var $$selectedVal = Array.prototype.filter
-                          .call($event.target.options, function (o) {
-                            return o.selected
-                          })
-                          .map(function (o) {
-                            var val = "_value" in o ? o._value : o.value
-                            return val
-                          })
-                        _vm.periode = $event.target.multiple
-                          ? $$selectedVal
-                          : $$selectedVal[0]
-                      },
-                      function ($event) {
-                        return _vm.changePeriode($event.target.value)
-                      },
-                    ],
-                  },
-                },
-                [
-                  _c("option", { attrs: { disabled: "", value: "" } }, [
-                    _vm._v("Silahkan pilih periode laporan"),
-                  ]),
-                  _vm._v(" "),
-                  _vm._t("default"),
-                  _vm._v(" "),
-                  _vm._l(_vm.modelPeriode, function (periode) {
-                    return periode
-                      ? _c("option", { domProps: { value: periode.periode } }, [
-                          _vm._v(_vm._s(_vm._f("dateMonth")(periode.periode))),
-                        ])
-                      : _vm._e()
-                  }),
-                ],
-                2
-              ),
-              _vm._v(" "),
-              _c("div", { staticClass: "input-group-append" }, [
-                _c(
-                  "button",
-                  {
-                    directives: [
-                      {
-                        name: "tooltip",
-                        rawName: "v-tooltip:top",
-                        value: "Reload",
-                        expression: "'Reload'",
-                        arg: "top",
-                      },
-                    ],
-                    staticClass: "btn btn-light",
-                    attrs: { disabled: _vm.modelPeriodeStat === "loading" },
-                    on: {
-                      click: function ($event) {
-                        return _vm.fetchPeriode(_vm.idCu)
-                      },
-                    },
-                  },
-                  [
-                    _c("i", {
-                      staticClass: "icon-sync",
-                      class: { spinner: _vm.modelPeriodeStat === "loading" },
-                    }),
-                  ]
-                ),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            {
-              class: {
-                "col-sm-5": this.currentUser.id_cu != 0,
-                "col-sm-10 pt-2": this.currentUser.id_cu == 0,
-              },
-            },
-            [
-              _c("div", { staticClass: "input-group" }, [
-                _vm._m(2),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.idTp,
-                        expression: "idTp",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      name: "idTp",
-                      "data-width": "100%",
-                      disabled: _vm.modelTpStat === "loading",
-                    },
-                    on: {
-                      change: function ($event) {
-                        var $$selectedVal = Array.prototype.filter
-                          .call($event.target.options, function (o) {
-                            return o.selected
-                          })
-                          .map(function (o) {
-                            var val = "_value" in o ? o._value : o.value
-                            return val
-                          })
-                        _vm.idTp = $event.target.multiple
-                          ? $$selectedVal
-                          : $$selectedVal[0]
-                      },
-                    },
-                  },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("Silahkan pilih TP/KP"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "konsolidasi" } }, [
-                      _vm._v("Konsolidasi"),
-                    ]),
-                    _vm._v(" "),
-                    _vm.modelTp && _vm.modelTp.length != 0
-                      ? _c("option", { attrs: { disabled: "" } }, [
-                          _vm._v("----------------"),
-                        ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm._l(_vm.modelTp, function (tp) {
-                      return tp.tp
-                        ? _c("option", { domProps: { value: tp.id } }, [
-                            _vm._v(_vm._s(tp.tp.name)),
-                          ])
-                        : _vm._e()
-                    }),
-                  ],
-                  2
-                ),
-                _vm._v(" "),
-                _c("div", { staticClass: "input-group-append" }, [
-                  _c(
-                    "button",
-                    {
-                      directives: [
-                        {
-                          name: "tooltip",
-                          rawName: "v-tooltip:top",
-                          value: "Reload",
-                          expression: "'Reload'",
-                          arg: "top",
-                        },
-                      ],
-                      staticClass: "btn btn-light",
-                      attrs: { disabled: _vm.modelPeriodeStat === "loading" },
-                      on: {
-                        click: function ($event) {
-                          return _vm.fetchTp(_vm.idCu, _vm.periode)
-                        },
-                      },
-                    },
-                    [
-                      _c("i", {
-                        staticClass: "icon-sync",
-                        class: { spinner: _vm.modelCUStat === "loading" },
-                      }),
-                    ]
-                  ),
-                ]),
-              ]),
-            ]
-          ),
-          _vm._v(" "),
-          _c(
-            "div",
-            {
-              staticClass: "col-sm-2",
-              class: { "pt-2": this.currentUser.id_cu == 0 },
-            },
-            [
-              _vm.itemDataStat != "loading"
-                ? _c(
-                    "button",
-                    {
-                      directives: [
-                        {
-                          name: "tooltip",
-                          rawName: "v-tooltip:top",
-                          value: "Tampilkan data sesuai pilihan",
-                          expression: "'Tampilkan data sesuai pilihan'",
-                          arg: "top",
-                        },
-                      ],
-                      staticClass: "btn btn-light btn-icon btn-block",
-                      attrs: { type: "button" },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.fetch()
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-folder-open3" }),
-                      _vm._v("  Tampilkan\n\t\t\t\t\t"),
-                    ]
-                  )
-                : _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block",
-                      attrs: { type: "button" },
-                    },
-                    [_c("i", { staticClass: "icon-sync spinner" })]
-                  ),
-            ]
-          ),
-        ]),
-      ]),
-    ]),
-  ])
+  return _vm._m(0)
 }
 var staticRenderFns = [
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Data")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [
-        _vm._v("Pilih Periode"),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih TP/KP")]),
+    return _c("div", { staticStyle: { display: "inline-block" } }, [
+      _c(
+        "span",
+        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
+        [_vm._v("27.7 cm x 21.4 cm")]
+      ),
     ])
   },
 ]
@@ -11158,10 +1504,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=template&id=6ba740e4&":
-/*!******************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=template&id=6ba740e4& ***!
-  \******************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sertifikatKegiatan/form.vue?vue&type=template&id=2d1cf94e&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sertifikatKegiatan/form.vue?vue&type=template&id=2d1cf94e& ***!
+  \****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -11176,151 +1522,381 @@ var render = function () {
   return _c(
     "div",
     [
-      _c("div", { staticClass: "card card-body", class: _vm.checkClass() }, [
-        _c("div", { staticClass: "media mb-3" }, [
-          _c("div", { staticClass: "media-body" }, [
-            _vm.isPercent
-              ? _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                  _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData, 2))),
-                ])
-              : _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
-                  _vm._v(
-                    _vm._s(
-                      _vm._f("currency")(_vm.itemData, "", 0, {
-                        thousandsSeparator: ".",
-                      })
-                    )
-                  ),
-                ]),
-            _vm._v(" "),
-            _vm.isPercent
-              ? _c("span", { staticClass: "opacity-75" }, [
-                  _c("i", {
-                    class: {
-                      "icon-chevron-up": _vm.totalData > 0,
-                      "icon-chevron-down": _vm.totalData < 0,
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: _vm.level,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan",
+                      errorItem: _vm.errors.items,
                     },
-                  }),
-                  _vm._v(
-                    " " +
-                      _vm._s(_vm._f("percentage")(Math.abs(_vm.totalData), 2)) +
-                      "\t\t\t\t\n\t\t\t\t"
-                  ),
-                ])
-              : _c("span", { staticClass: "opacity-75" }, [
-                  _c("i", {
-                    class: {
-                      "icon-chevron-up": _vm.totalData > 0,
-                      "icon-chevron-down": _vm.totalData < 0,
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "form",
+                {
+                  attrs: {
+                    enctype: "multipart/form-data",
+                    "data-vv-scope": "form",
+                  },
+                  on: {
+                    submit: function ($event) {
+                      $event.preventDefault()
+                      return _vm.save.apply(null, arguments)
                     },
-                  }),
-                  _vm._v(
-                    " " +
-                      _vm._s(
-                        _vm._f("currency")(Math.abs(_vm.totalData), "", 0, {
-                          thousandsSeparator: ".",
-                        })
-                      ) +
-                      "\t\t\t\t\n\t\t\t\t"
-                  ),
-                ]),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "ml-3 align-self-center" }, [
-            _c("i", {
-              staticClass: "icon-2x opacity-75",
-              class: {
-                "icon-arrow-up16": _vm.totalData > 0,
-                "icon-arrow-down16": _vm.totalData < 0,
-              },
-            }),
-          ]),
-        ]),
-        _vm._v(" "),
-        _vm._m(0),
-        _vm._v(" "),
-        _c("div", [
-          !_vm.isPercent
-            ? _c("span", { staticClass: "float-right" }, [
-                _vm.percentageData > 0
-                  ? _c("span", [_vm._v("+")])
-                  : _vm.percentageData < 0
-                  ? _c("span", [_vm._v("-")])
-                  : _vm._e(),
-                _vm._v(
-                  "\n\t\t\t\t" +
-                    _vm._s(
-                      _vm._f("percentage")(Math.abs(_vm.percentageData), 2)
-                    ) +
-                    "\n\t\t\t"
-                ),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _c("b", [_vm._v(_vm._s(_vm.title.toUpperCase()))]),
+                  },
+                },
+                [
+                  _c("div", { staticClass: "card" }, [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c(
+                                "h5",
+                                [_vm._v("Gambar Depan:"), _c("wajib-ukuran")],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("app-image-upload", {
+                                attrs: {
+                                  image_loc: "/images/sertifikatKegiatan/",
+                                  image_temp: _vm.form.gambar_depan,
+                                },
+                                model: {
+                                  value: _vm.form.gambar_depan,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "gambar_depan", $$v)
+                                  },
+                                  expression: "form.gambar_depan",
+                                },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c(
+                                "h5",
+                                [
+                                  _vm._v("Gambar Belakang:"),
+                                  _c("wajib-ukuran"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("app-image-upload", {
+                                attrs: {
+                                  image_loc: "/images/sertifikatKegiatan/",
+                                  image_temp: _vm.form.gambar_belakang,
+                                },
+                                model: {
+                                  value: _vm.form.gambar_belakang,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "gambar_belakang", $$v)
+                                  },
+                                  expression: "form.gambar_belakang",
+                                },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-6" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has(
+                                  "form.kode_sertifikat"
+                                ),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.kode_diklat"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.kode_sertifikat")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tKode Sertifikat: "
+                                  ),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|min:5",
+                                    expression: "'required|min:5'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.kode_sertifikat,
+                                    expression: "form.kode_sertifikat",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "kode_sertifikat",
+                                  placeholder:
+                                    "Silahkan masukkan kode sertifikat",
+                                  "data-vv-as": "Kode Sertifikat",
+                                },
+                                domProps: { value: _vm.form.kode_sertifikat },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "kode_sertifikat",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.kode_sertifikat")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first(
+                                              "form.kode_sertifikat"
+                                            )
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-6" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.nama_kegiatan"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.name"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.name")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|min:5",
+                                    expression: "'required|min:5'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.name,
+                                    expression: "form.name",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "name",
+                                  placeholder:
+                                    "Silahkan masukkan nama kegiatan",
+                                  "data-vv-as": "Nama",
+                                },
+                                domProps: { value: _vm.form.name },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "name",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.name")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.name")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("form-info"),
+                  _vm._v(" "),
+                  _c("br"),
+                  _vm._v(" "),
+                  _c(
+                    "div",
+                    { staticClass: "card card-body" },
+                    [
+                      _c("form-button", {
+                        attrs: {
+                          cancelState: _vm.cancelState,
+                          formValidation: "form",
+                        },
+                        on: { cancelClick: _vm.back },
+                      }),
+                    ],
+                    1
+                  ),
+                ],
+                1
+              ),
+            ],
+            1
+          ),
         ]),
       ]),
       _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          color: _vm.modalColor,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-        },
-        on: {
-          batal: _vm.modalTutup,
-          tutup: _vm.modalTutup,
-          errorOk: _vm.modalTutup,
-          backgroundClick: _vm.modalTutup,
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            content: _vm.modalContent,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
+          },
+          on: {
+            batal: _vm.modalTutup,
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
+          },
         },
-      }),
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+        ],
+        2
+      ),
     ],
     1
   )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass: "progress bg-blue mb-2",
-        staticStyle: { height: "0.125rem" },
-      },
-      [
-        _c(
-          "div",
-          {
-            staticClass: "progress-bar bg-white",
-            staticStyle: { width: "100%" },
-          },
-          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-        ),
-      ]
-    )
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -11330,9 +1906,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -11342,54 +1918,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/checkValue.vue"
+component.options.__file = "resources/assets/js/components/ImageUpload.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/components/datatable.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -11399,9 +1975,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -11411,107 +1987,56 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
+component.options.__file = "resources/assets/js/components/datatable.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/helpers/form.js":
-/*!*********************************************!*\
-  !*** ./resources/assets/js/helpers/form.js ***!
-  \*********************************************/
-/*! exports provided: toMulipartedForm, objectToFormData */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function toMulipartedForm(form, mode) {
-  if (mode === 'edit' && typeof form.image === 'string') {
-    var temp = JSON.parse(JSON.stringify(form));
-    delete temp.image;
-    return temp;
-  } else {
-    return objectToFormData(form);
-  }
-}
-function objectToFormData(obj, form, namespace) {
-  var fd = form || new FormData();
-  var formKey;
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-  for (var property in obj) {
-    if (obj.hasOwnProperty(property)) {
-      if (namespace) {
-        formKey = namespace + '[' + property + ']';
-      } else {
-        formKey = property;
-      }
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
-      if (obj[property] instanceof Array) {
-        for (var i = 0; i < obj[property].length; i++) {
-          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
-        }
-      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
-        objectToFormData(obj[property], fd, property);
-      } else {
-        fd.append(formKey, obj[property]);
-      }
-    }
-  }
 
-  return fd;
-}
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/detail.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/detail.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/components/datePicker.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _detail_vue_vue_type_template_id_984e60d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=984e60d4& */ "./resources/assets/js/views/laporanCu/detail.vue?vue&type=template&id=984e60d4&");
-/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/detail.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./detail.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -11521,9 +2046,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _detail_vue_vue_type_template_id_984e60d4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _detail_vue_vue_type_template_id_984e60d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -11533,71 +2058,71 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/detail.vue"
+component.options.__file = "resources/assets/js/components/datePicker.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/detail.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/detail.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \****************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/detail.vue?vue&type=template&id=984e60d4&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/detail.vue?vue&type=template&id=984e60d4& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_984e60d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=984e60d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=template&id=984e60d4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_984e60d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_984e60d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/detailLaporanCu.vue":
-/*!*****************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/detailLaporanCu.vue ***!
-  \*****************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _detailLaporanCu_vue_vue_type_template_id_2f6c7ff7___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detailLaporanCu.vue?vue&type=template&id=2f6c7ff7& */ "./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=template&id=2f6c7ff7&");
-/* harmony import */ var _detailLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detailLaporanCu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -11606,9 +2131,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _detailLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _detailLaporanCu_vue_vue_type_template_id_2f6c7ff7___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _detailLaporanCu_vue_vue_type_template_id_2f6c7ff7___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -11618,55 +2143,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/detailLaporanCu.vue"
+component.options.__file = "resources/assets/js/components/formInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detailLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detailLaporanCu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detailLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=template&id=2f6c7ff7&":
-/*!************************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=template&id=2f6c7ff7& ***!
-  \************************************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detailLaporanCu_vue_vue_type_template_id_2f6c7ff7___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detailLaporanCu.vue?vue&type=template&id=2f6c7ff7& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=template&id=2f6c7ff7&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detailLaporanCu_vue_vue_type_template_id_2f6c7ff7___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detailLaporanCu_vue_vue_type_template_id_2f6c7ff7___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/detailPearls.vue":
-/*!**************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/detailPearls.vue ***!
-  \**************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _detailPearls_vue_vue_type_template_id_f6a3d8ba___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detailPearls.vue?vue&type=template&id=f6a3d8ba& */ "./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=template&id=f6a3d8ba&");
-/* harmony import */ var _detailPearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detailPearls.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -11675,9 +2200,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _detailPearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _detailPearls_vue_vue_type_template_id_f6a3d8ba___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _detailPearls_vue_vue_type_template_id_f6a3d8ba___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -11687,55 +2212,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/detailPearls.vue"
+component.options.__file = "resources/assets/js/components/infoIcon.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detailPearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detailPearls.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detailPearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=template&id=f6a3d8ba&":
-/*!*********************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=template&id=f6a3d8ba& ***!
-  \*********************************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detailPearls_vue_vue_type_template_id_f6a3d8ba___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detailPearls.vue?vue&type=template&id=f6a3d8ba& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=template&id=f6a3d8ba&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detailPearls_vue_vue_type_template_id_f6a3d8ba___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detailPearls_vue_vue_type_template_id_f6a3d8ba___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/diskusi.vue":
-/*!*********************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/diskusi.vue ***!
-  \*********************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _diskusi_vue_vue_type_template_id_c66cba4e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./diskusi.vue?vue&type=template&id=c66cba4e& */ "./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=template&id=c66cba4e&");
-/* harmony import */ var _diskusi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./diskusi.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -11744,9 +2269,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _diskusi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _diskusi_vue_vue_type_template_id_c66cba4e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _diskusi_vue_vue_type_template_id_c66cba4e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -11756,55 +2281,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/diskusi.vue"
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_diskusi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./diskusi.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_diskusi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=template&id=c66cba4e&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=template&id=c66cba4e& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_diskusi_vue_vue_type_template_id_c66cba4e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./diskusi.vue?vue&type=template&id=c66cba4e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=template&id=c66cba4e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_diskusi_vue_vue_type_template_id_c66cba4e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_diskusi_vue_vue_type_template_id_c66cba4e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/revisi.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/revisi.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/components/wajibBadge.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/wajibBadge.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _revisi_vue_vue_type_template_id_d0913a7e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./revisi.vue?vue&type=template&id=d0913a7e& */ "./resources/assets/js/views/laporanCu/revisi.vue?vue&type=template&id=d0913a7e&");
-/* harmony import */ var _revisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./revisi.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/revisi.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -11813,9 +2338,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _revisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _revisi_vue_vue_type_template_id_d0913a7e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _revisi_vue_vue_type_template_id_d0913a7e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -11825,55 +2350,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/revisi.vue"
+component.options.__file = "resources/assets/js/components/wajibBadge.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/revisi.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/revisi.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_revisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./revisi.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/revisi.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_revisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/revisi.vue?vue&type=template&id=d0913a7e&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/revisi.vue?vue&type=template&id=d0913a7e& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_revisi_vue_vue_type_template_id_d0913a7e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./revisi.vue?vue&type=template&id=d0913a7e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/revisi.vue?vue&type=template&id=d0913a7e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_revisi_vue_vue_type_template_id_d0913a7e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_revisi_vue_vue_type_template_id_d0913a7e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/selectDetail.vue":
-/*!**************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/selectDetail.vue ***!
-  \**************************************************************/
+/***/ "./resources/assets/js/components/wajibUkuran.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/components/wajibUkuran.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _selectDetail_vue_vue_type_template_id_cc65001c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./selectDetail.vue?vue&type=template&id=cc65001c& */ "./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=template&id=cc65001c&");
-/* harmony import */ var _selectDetail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./selectDetail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _wajibUkuran_vue_vue_type_template_id_5669009c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibUkuran.vue?vue&type=template&id=5669009c& */ "./resources/assets/js/components/wajibUkuran.vue?vue&type=template&id=5669009c&");
+/* harmony import */ var _wajibUkuran_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibUkuran.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibUkuran.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -11882,9 +2407,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _selectDetail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _selectDetail_vue_vue_type_template_id_cc65001c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _selectDetail_vue_vue_type_template_id_cc65001c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _wajibUkuran_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _wajibUkuran_vue_vue_type_template_id_5669009c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _wajibUkuran_vue_vue_type_template_id_5669009c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -11894,54 +2419,105 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/selectDetail.vue"
+component.options.__file = "resources/assets/js/components/wajibUkuran.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/wajibUkuran.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/components/wajibUkuran.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_selectDetail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./selectDetail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_selectDetail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibUkuran_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibUkuran.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibUkuran.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibUkuran_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=template&id=cc65001c&":
-/*!*********************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=template&id=cc65001c& ***!
-  \*********************************************************************************************/
+/***/ "./resources/assets/js/components/wajibUkuran.vue?vue&type=template&id=5669009c&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/components/wajibUkuran.vue?vue&type=template&id=5669009c& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_selectDetail_vue_vue_type_template_id_cc65001c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./selectDetail.vue?vue&type=template&id=cc65001c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=template&id=cc65001c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_selectDetail_vue_vue_type_template_id_cc65001c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibUkuran_vue_vue_type_template_id_5669009c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibUkuran.vue?vue&type=template&id=5669009c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibUkuran.vue?vue&type=template&id=5669009c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibUkuran_vue_vue_type_template_id_5669009c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibUkuran_vue_vue_type_template_id_5669009c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/helpers/form.js":
+/*!*********************************************!*\
+  !*** ./resources/assets/js/helpers/form.js ***!
+  \*********************************************/
+/*! exports provided: toMulipartedForm, objectToFormData */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function toMulipartedForm(form, mode) {
+  if (mode === 'edit' && typeof form.image === 'string') {
+    var temp = JSON.parse(JSON.stringify(form));
+    delete temp.image;
+    return temp;
+  } else {
+    return objectToFormData(form);
+  }
+}
+function objectToFormData(obj, form, namespace) {
+  var fd = form || new FormData();
+  var formKey;
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_selectDetail_vue_vue_type_template_id_cc65001c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+  for (var property in obj) {
+    if (obj.hasOwnProperty(property)) {
+      if (namespace) {
+        formKey = namespace + '[' + property + ']';
+      } else {
+        formKey = property;
+      }
 
+      if (obj[property] instanceof Array) {
+        for (var i = 0; i < obj[property].length; i++) {
+          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
+        }
+      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
+        objectToFormData(obj[property], fd, property);
+      } else {
+        fd.append(formKey, obj[property]);
+      }
+    }
+  }
 
+  return fd;
+}
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/widgetLaporanCu.vue":
-/*!*****************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/widgetLaporanCu.vue ***!
-  \*****************************************************************/
+/***/ "./resources/assets/js/views/sertifikatKegiatan/form.vue":
+/*!***************************************************************!*\
+  !*** ./resources/assets/js/views/sertifikatKegiatan/form.vue ***!
+  \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _widgetLaporanCu_vue_vue_type_template_id_6ba740e4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./widgetLaporanCu.vue?vue&type=template&id=6ba740e4& */ "./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=template&id=6ba740e4&");
-/* harmony import */ var _widgetLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./widgetLaporanCu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_2d1cf94e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=2d1cf94e& */ "./resources/assets/js/views/sertifikatKegiatan/form.vue?vue&type=template&id=2d1cf94e&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/sertifikatKegiatan/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -11951,9 +2527,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _widgetLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _widgetLaporanCu_vue_vue_type_template_id_6ba740e4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _widgetLaporanCu_vue_vue_type_template_id_6ba740e4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_2d1cf94e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_2d1cf94e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -11963,38 +2539,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/widgetLaporanCu.vue"
+component.options.__file = "resources/assets/js/views/sertifikatKegiatan/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/sertifikatKegiatan/form.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/sertifikatKegiatan/form.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_widgetLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./widgetLaporanCu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_widgetLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sertifikatKegiatan/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=template&id=6ba740e4&":
-/*!************************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=template&id=6ba740e4& ***!
-  \************************************************************************************************/
+/***/ "./resources/assets/js/views/sertifikatKegiatan/form.vue?vue&type=template&id=2d1cf94e&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/assets/js/views/sertifikatKegiatan/form.vue?vue&type=template&id=2d1cf94e& ***!
+  \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_widgetLaporanCu_vue_vue_type_template_id_6ba740e4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./widgetLaporanCu.vue?vue&type=template&id=6ba740e4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=template&id=6ba740e4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_widgetLaporanCu_vue_vue_type_template_id_6ba740e4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2d1cf94e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=2d1cf94e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sertifikatKegiatan/form.vue?vue&type=template&id=2d1cf94e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2d1cf94e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_widgetLaporanCu_vue_vue_type_template_id_6ba740e4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2d1cf94e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/42.js b/public/js/components/42.js
index 1c40c58e6..3c44ec44e 100644
--- a/public/js/components/42.js
+++ b/public/js/components/42.js
@@ -1,14 +1,22 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[42],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -22,50 +30,86 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
+    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
   props: {
-    id: {
+    value: {
+      "default": ''
+    },
+    frontText: {
       "default": ''
+    },
+    trimLength: {
+      "default": 50
+    },
+    valueType: {
+      "default": 'trim'
+    },
+    empty: {
+      "default": '-'
     }
   },
   data: function data() {
     return {
-      clicked: false
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: ''
     };
   },
   methods: {
-    btnClick: function btnClick() {
-      var _this = this;
-
-      if (this.clicked) {
-        setTimeout(function () {
-          return _this.clicked = false;
-        }, 400);
-      } else {
-        this.clicked = true;
-      }
+    modalOpen: function modalOpen() {
+      this.modalShow = true;
+      this.modalState = 'content-tutup';
+      this.modalContent = this.value;
+      this.modalButton = 'Tutup';
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    strip: function strip(html) {
+      var tmp = document.createElement("DIV");
+      tmp.innerHTML = html;
+      return tmp.textContent || tmp.innerText || "";
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
   \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
 //
 //
 //
@@ -73,57 +117,6 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['defaultDate'],
-  components: {
-    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
-  },
-  data: function data() {
-    return {
-      time: '',
-      dateVal: ''
-    };
-  },
-  mounted: function mounted() {
-    if (this.defaultDate == '') {
-      var today = new Date();
-      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
-      this.time = date;
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    } else {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-      this.$emit('dateSelected', this.defaultDate);
-    }
-  },
-  watch: {
-    defaultDate: function defaultDate(newVal, oldVal) {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-    }
-  },
-  methods: {
-    onChanged: function onChanged(event) {
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
 //
 //
 //
@@ -136,61 +129,114 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
 //
 //
 //
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   props: {
-    message: {
+    title: {
+      "default": ''
+    },
+    titleIcon: {
+      "default": ''
+    },
+    titleDesc: {
+      "default": ''
+    },
+    level: {
+      "default": 1
+    },
+    level2Title: {
+      "default": ''
+    },
+    level2Route: {
       "default": ''
     }
-  }
+  },
+  methods: {
+    level2Back: function level2Back() {
+      this.$emit('level2Back');
+    },
+    route1: function route1() {
+      if (this.btn1RouteParams) {
+        this.$router.push({
+          name: this.btn1Route,
+          params: {
+            cu: this.btn1RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn1Route
+        });
+      }
+    },
+    route2: function route2() {
+      if (this.btn2RouteParams) {
+        this.$router.push({
+          name: this.btn2Route,
+          params: {
+            cu: this.btn2RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn2Route
+        });
+      }
+    },
+    route3: function route3() {
+      if (this.btn3RouteParams) {
+        this.$router.push({
+          name: this.btn3Route,
+          params: {
+            cu: this.btn3RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn3Route
+        });
+      }
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detail.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _selectDetail_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectDetail.vue */ "./resources/assets/js/views/laporanCu/selectDetail.vue");
+/* harmony import */ var _detailLaporanCu_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./detailLaporanCu.vue */ "./resources/assets/js/views/laporanCu/detailLaporanCu.vue");
+/* harmony import */ var _detailPearls_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./detailPearls.vue */ "./resources/assets/js/views/laporanCu/detailPearls.vue");
+/* harmony import */ var _diskusi_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./diskusi.vue */ "./resources/assets/js/views/laporanCu/diskusi.vue");
+/* harmony import */ var _revisi_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./revisi.vue */ "./resources/assets/js/views/laporanCu/revisi.vue");
+/* harmony import */ var _infografis_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./infografis.vue */ "./resources/assets/js/views/laporanCu/infografis.vue");
+/* harmony import */ var _infografisPearls_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./infografisPearls.vue */ "./resources/assets/js/views/laporanCu/infografisPearls.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -273,6 +319,45 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -283,95 +368,125 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['anggota_cu'],
   components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    selectData: _selectDetail_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    detailLaporanCu: _detailLaporanCu_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    detailPearls: _detailPearls_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    infografisData: _infografis_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    infografisPearlsData: _infografisPearls_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    diskusi: _diskusi_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    revisi: _revisi_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
   },
   data: function data() {
     return {
-      kelas: 'anggotaCu',
-      formDataCu: {
-        id: '',
-        tanggal_keluar: '',
-        keterangan_keluar: ''
-      },
-      modelProdukCu: [],
-      modelProdukCuStat: '',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      submited: false
+      title: 'Detail Laporan CU',
+      titlePearls: 'P.E.A.R.L.S',
+      kelas: 'laporanCu',
+      titleDesc: 'Mengelola data perkembangan CU',
+      titleIcon: 'icon-stats-bars2',
+      level2Title: 'Laporan CU',
+      selectCUPath: 'laporanCuCU',
+      tabName: 'analisisLaporanCu',
+      katax: '\\frac{1.7888}{1,6777}',
+      isPearls: false,
+      isDiskusi: false,
+      isRevisi: false
     };
   },
-  created: function created() {},
-  watch: {},
   methods: {
-    save: function save() {
-      var _this = this;
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+
+      if (value == 'analisisPearls' && !this.isPearls) {
+        this.isPearls = true;
+      }
+
+      if (value == 'diskusi' && !this.isDiskusi) {
+        this.isDiskusi = true;
+      }
 
-      this.$validator.validateAll('formDataCu').then(function (result) {
-        if (result) {
-          _this.$store.dispatch(_this.kelas + '/updateKeluar', [_this.anggota_cu.id, _this.formDataCu]);
+      if (value == 'revisi' && !this.isRevisi) {
+        this.isRevisi = true;
+      }
+    },
+    back: function back() {
+      if (this.itemData.id_cu) {
+        if (this.itemData.id_cu != 0) {
+          this.$router.push({
+            name: this.kelas + 'Cu',
+            params: {
+              cu: this.itemData.id_cu,
+              tp: 'konsolidasi'
+            }
+          });
         } else {
-          _this.submited = true;
+          this.$router.push({
+            name: this.kelas + 'Cu',
+            params: {
+              cu: this.itemData.id_cu,
+              tp: this.itemData.id_tp
+            }
+          });
         }
-      });
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
+      } else {
+        if (this.itemData.tp.id_cu != 0) {
+          this.$router.push({
+            name: this.kelas + 'Cu',
+            params: {
+              cu: this.itemData.tp.id_cu,
+              tp: 'konsolidasi'
+            }
+          });
+        } else {
+          this.$router.push({
+            name: this.kelas + 'Cu',
+            params: {
+              cu: this.itemData.tp.id_cu,
+              tp: this.itemData.id_tp
+            }
+          });
+        }
+      }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
+    itemData: 'data',
+    itemDataStat: 'dataStat',
+    itemPearls: 'pearls',
+    itemPearlsStat: 'pearlsStat',
+    columnData: 'columnData',
+    columnDataPearls: 'columnDataPearls'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _widgetLaporanCu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./widgetLaporanCu */ "./resources/assets/js/views/laporanCu/widgetLaporanCu.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -442,94 +557,6 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['anggota_cu'],
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
-  },
-  data: function data() {
-    return {
-      kelas: 'anggotaCu',
-      formData: {
-        nik: ''
-      },
-      cleaveOption: {
-        number16: {
-          numeral: true,
-          numeralIntegerScale: 16,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        }
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      submited: false
-    };
-  },
-  created: function created() {},
-  watch: {},
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('formData').then(function (result) {
-        if (result) {
-          _this.$store.dispatch(_this.kelas + '/updateNik', [_this.anggota_cu.id, _this.formData]);
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -619,110 +646,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['anggota_cu'],
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
-  },
-  data: function data() {
-    return {
-      kelas: 'anggotaCu',
-      formDataCu: {
-        id: '',
-        tp_id: '',
-        tanggal_pindah: '',
-        keterangan_keluar: ''
-      },
-      modelProdukCu: [],
-      modelProdukCuStat: '',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      submited: false
-    };
-  },
-  created: function created() {
-    this.fetchTp(this.anggota_cu.cu_id);
-  },
-  watch: {},
-  methods: {
-    fetchTp: function fetchTp(value) {
-      this.$store.dispatch('tp/getCu', value);
-    },
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('formDataCu').then(function (result) {
-        if (result) {
-          _this.$store.dispatch(_this.kelas + '/updatePindahTp', [_this.anggota_cu.id, _this.formDataCu]);
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('tp', {
-    modelTp: 'dataS',
-    modelTpStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/index.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/index.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/anggotaCu/table.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/selectCuTp.vue */ "./resources/assets/js/components/selectCuTp.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -804,98 +727,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    selectCuTp: _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Anggota CU',
-      kelas: 'anggotaCu',
-      titleDesc: 'Mengelola anggota CU',
-      titleIcon: 'icon-man-woman',
-      selectCuPath: 'anggotaCuCu',
-      tabName: 'masih',
-      isKeluar: false,
-      isMeninggal: false
-    };
-  },
-  created: function created() {
-    this.checkUser('index_anggota_cu', this.$route.params.cu);
-  },
-  methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-
-      if (value == 'keluar' && !this.isKeluar) {
-        this.isKeluar = true;
-      }
-
-      if (value == 'meninggal' && !this.isMeninggal) {
-        this.isMeninggal = true;
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    itemData2: 'dataS2',
-    itemDataStat2: 'dataStatS2',
-    itemData3: 'dataS3',
-    itemDataStat3: 'dataStatS3'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/table.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/table.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _formKeluar_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./formKeluar.vue */ "./resources/assets/js/views/anggotaCu/formKeluar.vue");
-/* harmony import */ var _formPindahTp_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./formPindahTp.vue */ "./resources/assets/js/views/anggotaCu/formPindahTp.vue");
-/* harmony import */ var _formNik_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./formNik.vue */ "./resources/assets/js/views/anggotaCu/formNik.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -1213,652 +1044,3670 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formKeluar: _formKeluar_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formPindahTp: _formPindahTp_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formNik: _formNik_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
-  },
-  props: ["title", "kelas", "tipe", "itemData", "itemDataStat"],
-  data: function data() {
-    return {
-      anggota_cu: {},
-      selectedItem: [],
-      query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      excelDownloadUrl: '',
-      excelUploads: [],
-      columnData: [{
-        title: 'No.',
-        name: 'No.'
-      }, {
-        title: 'Foto',
-        name: 'gambar',
-        hide: false
-      }, {
-        title: 'Keterangan Keluar',
-        name: 'keterangan_keluar',
-        hide: false
-      }, {
-        title: 'No. KTP / NIK',
-        name: 'nik',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'NPWP',
-        name: 'npwp',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'No. BA',
-        name: 'anggota_cu_cu.no_ba',
-        excelName: 'no_ba',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'JALINAN',
-        name: 'status_jalinan',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Lembaga',
-        name: 'lembaga',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Jabatan',
-        name: 'jabatan',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Pekerjaan',
-        name: 'pekerjaan',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Pendidikan',
-        name: 'pendidikan',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Penghasilan',
-        name: 'penghasilan',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Pengeluaran',
-        name: 'pengeluaran',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Email',
-        name: 'email',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Hp',
-        name: 'hp',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kontak Lain',
-        name: 'kontak',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Gender',
-        name: 'kelamin',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Ahli Waris',
-        name: 'ahli_waris',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Nama Ibu',
-        name: 'nama_ibu',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Suku',
-        name: 'suku',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Gol. Darah',
-        name: 'darah',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tinggi',
-        name: 'tinggi',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Agama',
-        name: 'agama',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Status',
-        name: 'status',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Lahir',
-        name: 'tanggal_lahir',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tempat. Lahir',
-        name: 'tempat_lahir',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Jadi Anggota',
-        name: 'anggota_cu_cu.tanggal_masuk',
-        excelName: 'tanggal_masuk',
-        tipe: 'datetime',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Provinsi',
-        name: 'provinces.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kabupaten',
-        name: 'regencies.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kecamatan',
-        name: 'districts.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kelurahan',
-        name: 'villages.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'No. RW',
-        name: 'rw',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'No. RT',
-        name: 'rt',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Alamat',
-        name: 'alamat',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      anggotaCuDraftCount: [],
-      anggotaCuDraftCountStat: '',
-      anggotaProdukCuDraftCount: [],
-      anggotaProdukCuDraftCountStat: '',
-      state: '',
-      modalShow: false,
-      modalState: "",
-      modalTitle: "",
-      modalContent: "",
-      modalButton: "",
-      modalColor: ""
-    };
-  },
-  created: function created() {
-    this.fetch(this.query);
-
-    if (this.currentUser.can['upload_anggota_cu']) {
-      this.excelUploads = [{
-        enabled: true,
-        url: 'anggotaCu/uploadExcel',
-        format_url: 'formatAnggotaCu.xlsx',
-        next_page_route: 'anggotaCuCuDraft',
-        params: {
-          cu: this.$route.params.cu,
-          tp: 'semua'
-        },
-        button: 'Upload Anggota CU'
-      }, {
-        enabled: true,
-        url: 'anggotaCu/uploadExcelProduk',
-        format_url: 'formatProdukAnggotaCu.xlsx',
-        next_page_route: 'anggotaProdukCuDraft',
-        params: {
-          cu: this.$route.params.cu
-        },
-        button: 'Upload Produk Anggota CU'
-      }];
-    }
-  },
-  watch: {
-    // check route changes
-    '$route': function $route(to, from) {
-      this.fetch(this.query);
-    },
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = "Ok";
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = "";
-        this.fetch(this.query);
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = "";
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch(params) {
-      if (this.$route.params.cu == 'semua') {
-        if (this.tipe == 'masih') {
-          this.$store.dispatch(this.kelas + '/index', params);
-          this.excelDownloadUrl = this.kelas;
-          this.disableColumnCu(true);
-        } else if (this.tipe == 'keluar') {
-          this.$store.dispatch(this.kelas + '/indexKeluar', params);
-          this.excelDownloadUrl = this.kelas + '/keluar';
-          this.disableColumnCu(false);
-        } else {
-          this.$store.dispatch(this.kelas + '/indexMeninggal', params);
-          this.excelDownloadUrl = this.kelas + '/indexMeninggal';
-          this.disableColumnCu(true);
-        }
-      } else {
-        if (this.tipe == 'masih') {
-          this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu, this.$route.params.tp]);
-          this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu + '/' + this.$route.params.tp;
-          this.disableColumnCu(true);
-        } else if (this.tipe == 'keluar') {
-          this.$store.dispatch(this.kelas + '/indexCuKeluar', [params, this.$route.params.cu, this.$route.params.tp]);
-          this.excelDownloadUrl = this.kelas + '/indexCuKeluar/' + this.$route.params.cu + '/' + this.$route.params.tp;
-          this.disableColumnCu(false);
-        } else {
-          this.$store.dispatch(this.kelas + '/indexCuMeninggal', [params, this.$route.params.cu, this.$route.params.tp]);
-          this.excelDownloadUrl = this.kelas + '/indexCuMeninggal/' + this.$route.params.cu + '/' + this.$route.params.tp;
-          this.disableColumnCu(true);
-        }
-
-        this.fetchCu();
-      }
-
-      this.fetchAnggotaCuDraft();
-    },
-    disableColumnCu: function disableColumnCu(status) {
-      this.columnData[2].disable = status;
-    },
-    fetchCu: function fetchCu() {
-      this.$store.dispatch('cu/escete', this.$route.params.cu);
-    },
-    fetchAnggotaCuDraft: function fetchAnggotaCuDraft() {
-      var _this = this;
-
-      var cu = '';
-      var tp = 'semua';
-
-      if (this.currentUser.id_cu == 0) {
-        cu = 'semua';
-      } else {
-        cu = this.currentUser.id_cu;
-      }
-
-      if (this.currentUser.can['upload_anggota_cu']) {
-        // check anggota cu draft
-        axios.get('/api/anggotaCuDraft/count/' + cu + '/' + tp).then(function (response) {
-          _this.anggotaCuDraftCount = response.data.model;
-          _this.anggotaCuDraftCountStat = 'success';
-        })["catch"](function (error) {
-          _this.anggotaCuDraftCount = error.response;
-          _this.anggotaCuDraftCountStat = 'fail';
-        }); // check produk anggota cu draft
-
-        axios.get('/api/anggotaProdukCuDraft/count/' + cu).then(function (response) {
-          _this.anggotaProdukCuDraftCount = response.data.model;
-          _this.anggotaProdukCuDraftCountStat = 'success';
-        })["catch"](function (error) {
-          _this.anggotaProdukCuDraftCount = error.response;
-          _this.anggotaProdukCuDraftCountStat = 'fail';
-        });
-      }
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    ubahData: function ubahData(id, type) {
-      if (type == 'identitas') {
-        this.$router.push({
-          name: this.kelas + "Edit",
-          params: {
-            id: id
-          }
-        });
-      } else if (type == 'produk') {
-        this.$router.push({
-          name: this.kelas + "ProdukEdit",
-          params: {
-            id: id,
-            cu: this.$route.params.cu
-          }
-        });
-      } else if (type == 'jalinan') {
-        this.$router.push({
-          name: "jalinanKlaimCreateId",
-          params: {
-            id: id
-          }
-        });
-      }
-    },
-    lihatSaldo: function lihatSaldo(id) {
-      this.$router.push({
-        name: this.kelas + "Saldo",
-        params: {
-          id: id
-        }
-      });
-    },
-    selectCU: function selectCU(value) {
-      if (this.state == 'keluar') {
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Keluarkan anggota atas nama: ' + this.selectedItem.name + ' ?';
-        this.anggota_cu = value;
-      } else if (this.state == 'pindahTp') {
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Pindah TP untuk anggota atas nama: ' + this.selectedItem.name + ' ?';
-        this.anggota_cu = value;
-      }
-    },
-    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.modalState = "confirm-tutup";
-      this.state = state;
-
-      if (isMobile) {
-        this.selectedItem = itemMobile;
-      }
-
-      if (state == "hapus") {
-        if (this.selectedItem.status_jalinan == null) {
-          this.modalState = "confirm-tutup";
-          this.modalTitle = "Hapus " + this.title + " " + this.selectedItem.name + " ini?";
-          this.modalButton = "Iya, Hapus";
-        } else {
-          this.modalState = "tutup";
-          this.modalTitle = "Maaf " + this.title + " " + this.selectedItem.name + " tidak bisa dihapus karena memiliki riwayat bantuan solidaritas Jalinan, silahkan periksa kembali lagi.";
-        }
-      } else if (state == 'pindahTp' && this.selectedItem.anggota_cu_cu_not_keluar && this.selectedItem.anggota_cu_cu_not_keluar.length > 1) {
-        this.modalState = 'normal1';
-        this.modalTitle = 'anggota atas nama: ' + this.selectedItem.name + ' memiliki keanggota di beberapa CU, silahkan pilih di CU mana ia akan pindah TP';
-      } else if (state == 'pindahTp' && this.selectedItem.anggota_cu_cu_not_keluar && this.selectedItem.anggota_cu_cu_not_keluar.length < 2) {
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Pindah TP untuk anggota atas nama: ' + this.selectedItem.name + ' ?';
-        this.anggota_cu = this.selectedItem.anggota_cu_cu_not_keluar[0];
-      } else if (state == 'keluar' && this.selectedItem.anggota_cu_cu_not_keluar && this.selectedItem.anggota_cu_cu_not_keluar.length > 1) {
-        this.modalState = 'normal1';
-        this.modalTitle = 'anggota atas nama: ' + this.selectedItem.name + ' memiliki keanggota di beberapa CU, silahkan pilih di CU mana ia akan keluar';
-      } else if (state == 'keluar' && this.selectedItem.anggota_cu_cu_not_keluar && this.selectedItem.anggota_cu_cu_not_keluar.length < 2) {
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Keluarkan anggota atas nama: ' + this.selectedItem.name + ' ?';
-        this.anggota_cu = this.selectedItem.anggota_cu_cu_not_keluar[0];
-      } else if (state == 'keluar' && this.selectedItem.anggota_cu_cu_keluar && this.selectedItem.anggota_cu_cu_keluar.length < 2) {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Batal keluarkan anggota atas nama: ' + this.selectedItem.name + ' ?';
-        this.modalButton = "Iya, Batalkan";
-        this.anggota_cu = this.selectedItem.anggota_cu_cu_keluar[0];
-      } else if (state == 'nik') {
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah NIK anggota atas nama: ' + this.selectedItem.name + ' ?';
-        this.anggota_cu = this.selectedItem;
-      }
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-      this.$store.dispatch(this.kelas + "/resetUpdateStat");
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      if (this.state == "hapus") {
-        if (this.$route.params.cu != 'semua') {
-          this.$store.dispatch(this.kelas + "/destroy", [this.selectedItem.id, this.$route.params.cu]);
-        } else {// todo: add selection delete
-        }
-      } else if (this.state == "keluar") {
-        this.$store.dispatch(this.kelas + "/updateBatalKeluar", this.selectedItem.id);
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("anggotaCu", {
-    updateMessage: "update",
-    updateStat: "updateStat"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("cu", {
-    form: 'data',
-    formStat: 'dataStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("auth", {
-    currentUser: "currentUser"
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
-
-// exports
-
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    widgetData: _widgetLaporanCu__WEBPACK_IMPORTED_MODULE_3__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default.a
+  },
+  props: ['kelas', 'columnData'],
+  data: function data() {
+    return {
+      idCu: '',
+      idTp: '',
+      periode: '',
+      periodeTp: '',
+      itemDataBefore: [],
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalSize: '',
+      modalColor: '',
+      modalButton: '',
+      modalDetail: {
+        id: '',
+        title: '',
+        type: '',
+        itemData: '',
+        itemDataBefore: '',
+        grafikData: [],
+        form: [],
+        analisis1: '',
+        tab: 'analisis',
+        isUbah: false,
+        isOpposite: false,
+        isPercent: false,
+        canUbah: true
+      },
+      form: [],
+      cleaveOption: {
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      }
+    };
+  },
+  created: function created() {
+    this.fetch();
+  },
+  watch: {
+    '$route': function $route(to, from) {
+      // check current page meta
+      this.fetch();
+    },
+    grafikDataStat: function grafikDataStat(value) {
+      if (value == 'success') {
+        var periodeNow = this.itemData.periode;
+
+        var itemDataSorted = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.orderBy(this.grafikData.data, ['periode'], ['desc']);
+
+        this.itemDataBefore = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(itemDataSorted, function (o) {
+          return o.periode < periodeNow;
+        });
+      }
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.fetch();
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      if (this.$route.meta.mode == 'detail') {
+        this.$store.dispatch('laporanCu/detail', this.$route.params.id);
+      } else {
+        this.$store.dispatch('laporanCu/detailTp', this.$route.params.id);
+      }
+    },
+    save: function save() {
+      this.form = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.chain(this.modalDetail.form).keyBy('key').mapValues('value').value();
+      this.form.periode = this.modalDetail.periode;
+
+      if (this.itemData.id_tp) {
+        this.form.id_tp = this.modalDetail.id_tp;
+        this.form.no_tp = this.modalDetailpr.no_tp;
+        this.form.id_cu = this.itemData.tp.cu.id;
+        this.form.no_ba = this.itemData.tp.cu.no_ba;
+        this.$store.dispatch('laporanCu/updateTp', [this.modalDetail.id, this.form]);
+      } else {
+        this.form.id_cu = this.modalDetail.id_cu;
+        this.form.no_ba = this.modalDetail.no_ba;
+        this.$store.dispatch('laporanCu/update', [this.modalDetail.id, this.form]);
+      }
+    },
+    modalBuka: function modalBuka(title, key, itemData, periode, itemDataBefore, periodeBefore, grafikData, form) {
+      var type = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 'currency';
+      var isOpposite = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
+      // modal attribute
+      this.modalColor = 'bg-primary';
+      this.modalShow = true;
+      this.modalState = 'normal1';
+      this.modalTitle = 'Detail Akun ' + title;
+      this.modalDetail.tab = 'analisis';
+      this.modalDetail.title = title.toUpperCase();
+      this.modalDetail.type = type;
+      this.modalDetail.itemData = itemData;
+      this.modalDetail.itemDataBefore = itemDataBefore;
+      this.modalDetail.isUbah = false;
+      this.modalDetail.isOpposite = isOpposite;
+
+      if (type != 'currency') {
+        this.modalDetail.isPercent = true;
+      } else {
+        this.modalDetail.isPercent = false;
+      } // analisis view
+
+
+      var selisih = itemData - itemDataBefore;
+      var keterangan = '';
+      var selisihView = this.formatCurrency(Math.abs(selisih));
+
+      if (selisih > 0) {
+        keterangan = " mengalami peningkatan sebanyak " + selisihView;
+      } else if (selisih < 0) {
+        keterangan = " mengalami penurunan sebanyak " + selisihView;
+      } else {
+        keterangan = " tidak mengalami perubahan ";
+      }
+
+      var formatedPeriodeBefore = '';
+
+      if (periodeBefore != '') {
+        formatedPeriodeBefore = " dari periode " + this.formatPeriode(periodeBefore);
+      }
+
+      this.modalDetail.analisis1 = "Akun " + title + " sejumlah " + this.formatCurrency(itemData) + ' periode ' + this.formatPeriode(periode) + keterangan + formatedPeriodeBefore; // table view
+
+      this.modalDetail.grafikData = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.orderBy(lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(grafikData, lodash__WEBPACK_IMPORTED_MODULE_1___default.a.partialRight(lodash__WEBPACK_IMPORTED_MODULE_1___default.a.pick, ['periode', key])), ['periode'], ['desc']); // ubah view
+
+      this.modalDetail.id = this.itemData.id;
+
+      if (this.itemData.id_tp) {
+        this.modalDetail.id_tp = this.itemData.id_tp;
+        this.modalDetail.no_tp = this.itemData.no_tp;
+        this.modalDetail.canUbah = true;
+      } else {
+        if (this.itemData.tp) {
+          this.modalDetail.canUbah = false;
+        } else {
+          this.modalDetail.canUbah = true;
+        }
+
+        this.modalDetail.id_cu = this.itemData.id_cu;
+        this.modalDetail.no_ba = this.itemData.cu.no_ba;
+      }
+
+      this.modalDetail.periode = periode;
+      this.modalDetail.form = form;
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    formatPeriode: function formatPeriode(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value) + ' ' + vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('year')(value);
+    },
+    formatCurrency: function formatCurrency(value) {
+      return this.$options.filters.currency(value, '', 0, {
+        thousandsSeparator: '.'
+      });
+    },
+    formatPercentage: function formatPercentage(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('percentage2')(value, 2);
+    },
+    countTotal: function countTotal(value1, value2) {
+      return value1 - value2;
+    },
+    countPercentage: function countPercentage(value1, value2) {
+      if (value2 > 0) {
+        return this.formatPercentage(this.countTotal(value1, value2) / value2);
+      } else {
+        return this.formatPercentage('0');
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanCu', {
+    itemData: 'data',
+    itemDataStat: 'dataStat',
+    grafikData: 'grafik',
+    grafikDataStat: 'grafikStat',
+    modelPeriode: 'periode',
+    modelPeriodeStat: 'periodeStat',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanTp', {
+    modelTp: 'dataS',
+    modelTpStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('cu', {
+    modelCU: 'dataS',
+    modelCUStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _formKatex_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./formKatex.vue */ "./resources/assets/js/views/laporanCu/formKatex.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    formKatex: _formKatex_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default.a
+  },
+  props: ['kelas', 'columnData'],
+  data: function data() {
+    return {
+      idCu: '',
+      idTp: '',
+      periode: '',
+      periodeTp: '',
+      itemDataBefore: [],
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalSize: '',
+      modalColor: '',
+      modalButton: '',
+      modalKatex: {
+        id: '',
+        id_cu: '',
+        no_ba: '',
+        periode: '',
+        section: '',
+        katex1: [],
+        katex2: [],
+        form: [],
+        indikator: '',
+        isUbah: false
+      },
+      form: [],
+      cleaveOption: {
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      }
+    };
+  },
+  created: function created() {
+    this.fetch();
+  },
+  watch: {
+    '$route': function $route(to, from) {
+      // check current page meta
+      this.fetch();
+    },
+    grafikDataStat: function grafikDataStat(value) {
+      if (value == 'success') {
+        var periodeNow = this.itemData.periode;
+
+        var itemDataSorted = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.orderBy(this.grafikData.data, ['periode'], ['desc']);
+
+        this.itemDataBefore = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(itemDataSorted, function (o) {
+          return o.periode < periodeNow;
+        });
+      }
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.fetch();
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
+    },
+    updateTpStat: function updateTpStat(value) {
+      this.modalState = value;
+      this.modalButton = "Ok";
+
+      if (value === "success") {
+        this.modalTitle = this.updateTpMessage.message;
+        this.modalContent = "";
+        this.fetch(this.query);
+      } else if (value === "fail") {
+        this.modalContent = this.updateTpMessage;
+      } else {
+        this.modalContent = "";
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      if (this.$route.meta.mode == 'detail') {
+        this.$store.dispatch('laporanCu/detailPearls', this.$route.params.id);
+      } else {
+        this.$store.dispatch('laporanCu/detailPearlsTp', this.$route.params.id);
+      }
+    },
+    save: function save() {
+      this.form = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.chain(this.modalDetail.form).keyBy('key').mapValues('value').value();
+      this.form.periode = this.modalDetail.periode;
+
+      if (this.itemData.id_tp) {
+        this.form.id_tp = this.modalDetail.id_tp;
+        this.form.no_tp = this.modalDetailpr.no_tp;
+        this.form.id_cu = this.itemData.tp.cu.id;
+        this.form.no_ba = this.itemData.tp.cu.no_ba;
+        this.$store.dispatch('laporanCu/updateTp', [this.modalDetail.id, this.form]);
+      } else {
+        this.form.id_cu = this.modalDetail.id_cu;
+        this.form.no_ba = this.modalDetail.no_ba;
+        this.$store.dispatch('laporanCu/update', [this.modalDetail.id, this.form]);
+      }
+    },
+    modalBuka: function modalBuka(itemData, type) {
+      this.modalSize = 'modal-lg';
+      this.modalColor = 'bg-primary';
+      this.modalShow = true;
+      this.modalState = 'normal1';
+      this.modalKatex.id = itemData.id;
+      this.modalKatex.periode = itemData.periode;
+
+      if (itemData.id_tp) {
+        this.modalKatex.id_cu = itemData.tp.id_cu;
+        this.modalKatex.no_ba = itemData.tp.cu.no_ba;
+        this.modalKatex.id_tp = itemData.id_tp;
+        this.modalKatex.no_tp = itemData.no_tp;
+        this.modalKatex.section = 'CU ' + itemData.tp.cu.name + ' periode ' + this.formatPeriode(itemData.periode);
+      } else {
+        this.modalKatex.id_tp = '';
+        this.modalKatex.no_tp = '';
+        this.modalKatex.id_cu = itemData.id_cu;
+        this.modalKatex.no_ba = itemData.no_ba;
+        this.modalKatex.section = 'CU ' + itemData.cu.name + ' periode ' + this.formatPeriode(itemData.periode);
+      }
+
+      this.modalKatex.id_cu = itemData.id_cu; // p1	
+
+      if (type == 'p1') {
+        this.modalTitle = 'P1 - Provisi pinjaman lalai di atas 12 bulan';
+        this.modalKatex.form.push({
+          title: 'Cadangan Resiko',
+          key: 'dcr',
+          value: itemData.dcr
+        }, {
+          title: 'Piutang Lalai Di Atas 12 Bulan',
+          key: 'piutang_lalai_12bulan',
+          value: itemData.piutang_lalai_12bulan
+        });
+        this.modalKatex.indikator = '100% provisi tersedia untuk pinjaman lalai di atas 12 bulan dan setiap triwulan dilakukan charge off secara konsisten.';
+        var katex1Content1 = '\\text{P1} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{100} \\% (\\text{IDEAL})';
+        var katex2Content1 = '\\text{P1} = \\dfrac{' + this.formatCurrency(this.modalKatex.form[0].value) + '}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.p1) + ' \\% (\\text{' + (itemData.p1 >= 1 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+        this.modalKatex.katex1.push({
+          title: '',
+          content: katex1Content1
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: katex2Content1
+        }); // p2
+      } else if (type == 'p2') {
+        this.modalTitle = 'P2 -  Provisi pinjaman lalai 1 - 12 bulan';
+        this.modalKatex.form.push({
+          title: 'Cadangan Resiko',
+          key: 'dcr',
+          value: itemData.dcr
+        }, {
+          title: 'Piutang Lalai Di Atas 12 Bulan',
+          key: 'piutang_lalai_12bulan',
+          value: itemData.piutang_lalai_12bulan
+        }, {
+          title: 'Piutang Lalai 1 - 12 Bulan',
+          key: 'piutang_lalai_1bulan',
+          value: itemData.piutang_lalai_1bulan
+        });
+        this.modalKatex.indikator = '35% provisi tersedia untuk pinjaman lalai 1 – 12 bulan dan setiap triwulan dilakukan charge off dari waktu ke waktu';
+
+        var _katex1Content = '\\text{P2} = \\dfrac{\\text{Saldo Cadangan Resiko setelah P1}[\\text{' + this.modalKatex.form[0].title + '} - \\text{' + this.modalKatex.form[1].title + '}]}{\\text{' + this.modalKatex.form[2].title + '}} \\times \\text{100} \\% = \\text{Di Atas 35} \\% (\\text{IDEAL})';
+
+        var _katex2Content = '\\text{P2} = \\dfrac{' + this.formatCurrency(this.modalKatex.form[0].value) + ' - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.p2) + ' \\% (\\text{' + (itemData.p2 >= 0.35 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content
+        });
+
+        if (itemData.p1 >= 1) {
+          this.modalKatex.katex2.push({
+            title: '',
+            content: _katex2Content
+          });
+        } else {
+          this.modalKatex.katex2.push({
+            title: 'Karena tidak ada saldo cadangan resiko setelah P1, maka P2 (TIDAK IDEAL)',
+            content: _katex2Content
+          });
+        } // e1
+
+      } else if (type == 'e1') {
+        this.modalTitle = 'E1 - Piutang bersih / total aset';
+
+        if (itemData.p1 >= 1 && itemData.p2 > 0.35) {
+          this.modalKatex.form.push({
+            title: 'Piutang Beredar',
+            key: 'piutang_beredar',
+            value: itemData.piutang_beredar
+          }, {
+            title: 'Piutang Lalai Di Atas 12 Bulan',
+            key: 'piutang_lalai_12bulan',
+            value: itemData.piutang_lalai_12bulan
+          }, {
+            title: 'Piutang Lalai 1 - 12 Bulan',
+            key: 'piutang_lalai_1bulan',
+            value: itemData.piutang_lalai_1bulan
+          }, {
+            title: 'Aset',
+            key: 'aset',
+            value: itemData.aset
+          });
+        } else {
+          this.modalKatex.form.push({
+            title: 'Piutang Beredar',
+            key: 'piutang_beredar',
+            value: itemData.piutang_beredar
+          }, {
+            title: 'Cadangan Resiko',
+            key: 'dcr',
+            value: itemData.dcr
+          }, {
+            title: 'Aset',
+            key: 'aset',
+            value: itemData.aset
+          });
+        }
+
+        this.modalKatex.indikator = 'Rasio Piutang Bersih adalah 70% – 80% dari total aset dan portofolio pinjaman beragam dengan setidaknya 5 macam produk pinjaman yang berbeda';
+        var _katex1Content2 = '\\text{E1} = \\dfrac{\\text{Piutang Beredar} - ((\\text{100} \\% \\times \\text{Piutang Lalai Di Atas 12 Bulan}) + (\\text{35} \\% \\times \\text{Piutang Lalai 1 - 12 Bulan}))}{\\text{Aset}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\% (\\text{IDEAL})';
+        var katex1Content2 = '\\text{E1} = \\dfrac{\\text{Piutang Beredar} - \\text{Cadangan Resiko}}{\\text{Aset}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\% (\\text{IDEAL})';
+        var _katex2Content2 = '';
+        var katex2Title1 = '';
+
+        if (itemData.p1 >= 1 && itemData.p2 > 0.35) {
+          katex2Title1 = 'Dikarenakan P1 dan P2 (IDEAL), maka rumus yang digunakan adalah rumus 1';
+          _katex2Content2 = '\\text{E1} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} - ((\\text{100} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}) + (\\text{35} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}))}{\\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e1) + ' \\% (\\text{' + (itemData.e1 >= 0.7 && itemData.e1 <= 0.8 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+        } else {
+          katex2Title1 = 'Dikarenakan P1 dan P2 (TIDAK IDEAL), maka rumus yang digunakan adalah rumus 2';
+          _katex2Content2 = '\\text{E1} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e1) + ' \\% (\\text{' + (itemData.e1 >= 0.7 && itemData.e1 <= 0.8 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+        }
+
+        this.modalKatex.katex1.push({
+          title: 'Rumus 1 - apabila P1 dan P2 (IDEAL)',
+          content: _katex1Content2
+        }, {
+          title: 'Rumus 2 - apabila P1 dan P2 (TIDAK IDEAL)',
+          content: katex1Content2
+        });
+        this.modalKatex.katex2.push({
+          title: katex2Title1,
+          content: _katex2Content2
+        }); // e5
+      } else if (type == 'e5') {
+        this.modalTitle = 'E5 - Simpanan non saham / total aset';
+        this.modalKatex.form.push({
+          title: 'Simpanan Non Saham Unggulan',
+          key: 'nonsaham_unggulan',
+          value: itemData.nonsaham_unggulan
+        }, {
+          title: 'Simpanan Non Saham Harian',
+          key: 'nonsaham_harian',
+          value: itemData.nonsaham_harian
+        }, {
+          title: 'Aset',
+          key: 'aset',
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = 'Rasio 70% – 80% dari total aset dan memiliki beragam jenis simpanan minimal 5 jenis produk simpanan yang berbeda.';
+
+        var _katex1Content3 = '\\text{E5} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '}}{\\text{' + this.modalKatex.form[2].title + '}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\%(\\text{IDEAL})';
+
+        var _katex2Content3 = '\\text{E5} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e5) + ' \\% (\\text{' + (itemData.e5 >= 0.7 && itemData.e5 <= 0.8 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content3
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content3
+        }); // e6
+      } else if (type == 'e6') {
+        this.modalTitle = 'E6 - Pinjaman kepada pihak luar terhadap total aset';
+        this.modalKatex.form.push({
+          title: 'Total Hutang Pihak Ke-3',
+          key: 'total_hutang_pihak3',
+          value: itemData.total_hutang_pihak3
+        }, {
+          title: 'Aset',
+          key: 'aset',
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = 'Jumlah pinjaman kepada pihak eksternal 1% – 5% dari total aset.';
+
+        var _katex1Content4 = '\\text{E6} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})';
+
+        var _katex2Content4 = '\\text{E6} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e6) + ' \\% ( \\text{' + (itemData.e6 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content4
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content4
+        }); // e7
+      } else if (type == "e7") {
+        this.modalTitle = "E7 - Persentase total aset yang didanai dari simpanan saham";
+        this.modalKatex.form.push({
+          title: "Simpanan Saham",
+          key: "simpanan_saham",
+          value: itemData.simpanan_saham
+        }, {
+          title: "Aset",
+          key: "aset",
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = "10-20% total aset yang didanai dari simpanan saham";
+
+        var _katex1Content5 = "\\text{E7} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{10} \\% \\text{ Sampai } \\text{20} \\%(\\text{IDEAL})";
+
+        var _katex2Content5 = "\\text{E7} = \\dfrac{" + this.formatCurrency(this.modalKatex.form[0].value) + "}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e7) + " \\% (\\text{" + (itemData.e7 >= 0.1 && itemData.e7 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content5
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content5
+        }); // e9
+      } else if (type == 'e9') {
+        this.modalTitle = 'E9 - Modal lembaga bersih';
+        this.modalKatex.form.push({
+          title: 'Cadangan Resiko',
+          key: 'dcr',
+          value: itemData.dcr
+        }, {
+          title: 'Cadangan Umum',
+          key: 'dcu',
+          value: itemData.dcu
+        }, {
+          title: 'Dana Gedung',
+          key: 'dana_gedung',
+          value: itemData.dana_gedung
+        }, {
+          title: 'Donasi',
+          key: 'donasi',
+          value: itemData.donasi
+        }, {
+          title: 'SHU Tahun Lalu',
+          key: 'shu_lalu',
+          value: itemData.shu_lalu
+        }, {
+          title: 'Piutang Lalai Di Atas 12 Bulan',
+          key: 'piutang_lalai_12bulan',
+          value: itemData.piutang_lalai_12bulan
+        }, {
+          title: 'Piutang Lalai 1 - 12 Bulan',
+          key: 'piutang_lalai_1bulan',
+          value: itemData.piutang_lalai_1bulan
+        }, {
+          title: 'Aset Bermasalah',
+          key: 'aset_masalah',
+          value: itemData.aset_masalah
+        }, {
+          title: 'Aset',
+          key: 'aset',
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = 'Modal lembaga bersih sebesar 10% dari total aset.';
+
+        var _katex1Content6 = '\\text{E9} = \\dfrac{(\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '} + \\text{' + this.modalKatex.form[2].title + '} + \\text{' + this.modalKatex.form[3].title + '} + \\text{' + this.modalKatex.form[4].title + '}) - ((\\text{100} \\% \\times \\text{' + this.modalKatex.form[5].title + '}) + (\\text{35} \\% \\times \\text{' + this.modalKatex.form[6].title + '}) + \\text{' + this.modalKatex.form[7].title + '})}{\\text{' + this.modalKatex.form[8].title + '}} \\times \\text{100} \\% = \\text{Lebih Dari Sama Dengan 10} \\% (\\text{IDEAL})';
+
+        var _katex2Content6 = '\\text{E9} = \\dfrac{(\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[4].value) + '}) - ((\\text{100} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[5].value) + '}) + (\\text{35} \\% \\times \\text{' + this.formatCurrency(this.modalKatex.form[6].value) + '}) + \\text{' + this.formatCurrency(this.modalKatex.form[7].value) + '})}{\\text{' + this.formatCurrency(this.modalKatex.form[8].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e9) + ' \\% ( \\text{' + (itemData.e9 >= 0.1 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content6
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content6
+        }); // a1
+      } else if (type == 'a1') {
+        this.modalTitle = 'A1 - Total pinjaman lalai / total pinjaman beredar';
+        this.modalKatex.form.push({
+          title: 'Piutang Lalai Di Atas 12 Bulan',
+          key: 'piutang_lalai_12bulan',
+          value: itemData.piutang_lalai_12bulan
+        }, {
+          title: 'Piutang Lalai 1 - 12 Bulan',
+          key: 'piutang_lalai_1bulan',
+          value: itemData.piutang_lalai_1bulan
+        }, {
+          title: 'Piutang Beredar',
+          key: 'piutang_beredar',
+          value: itemData.piutang_beredar
+        });
+        this.modalKatex.indikator = 'Total pinjaman lalai &le; 5% dari total pinjaman beredar.';
+
+        var _katex1Content7 = '\\text{A1} = \\dfrac{\\text{Total Pinjaman Lalai}[\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '}]}{\\text{' + this.modalKatex.form[2].title + '}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})';
+
+        var _katex2Content7 = '\\text{A1} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.a1) + ' \\% ( \\text{' + (itemData.a1 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content7
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content7
+        }); // a2	
+      } else if (type == 'a2') {
+        this.modalTitle = 'A2 - Aset yang tidak menghasilkan / total aset';
+        this.modalKatex.form.push({
+          title: 'Aset Tidak Menghasilkan',
+          key: 'aset_tidak_menghasilkan',
+          value: itemData.aset_tidak_menghasilkan
+        }, {
+          title: 'Aset',
+          key: 'aset',
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = 'Aset tidak menghasilkan 5% dari total aset.';
+
+        var _katex1Content8 = '\\text{A2} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})';
+
+        var _katex2Content8 = '\\text{A2} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.a2) + ' \\% ( \\text{' + (itemData.a2 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content8
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content8
+        }); // r7
+      } else if (type == 'r7') {
+        this.modalTitle = 'R7 - BJS saham terhadap rata-rata aset';
+        this.modalKatex.form.push({
+          title: 'BJS Saham',
+          key: 'bjs_saham',
+          value: itemData.bjs_saham
+        }, {
+          title: 'Simpanan Saham Bulan Desember',
+          key: 'simpanan_saham_des',
+          value: itemData.aset
+        }, {
+          title: 'Simpanan Saham Bulan ' + this.formatPeriodeMonth(itemData.periode),
+          key: 'simpanan_saham',
+          value: itemData.simpanan_saham
+        }, {
+          title: 'Simpanan Saham Tahun Lalu',
+          key: 'simpanan_saham_lalu',
+          value: itemData.simpanan_saham_lalu
+        }, {
+          title: 'Harga Pasar',
+          key: 'harga_pasar',
+          value: itemData.harga_pasar
+        });
+        this.modalKatex.indikator = 'Dividen saham dibayar 1% lebih tinggi daripada suku bunga pasar';
+
+        if (itemData.simpanan_saham_des != 0) {
+          var _katex1Content9 = '\\text{R7} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{Simpanan Saham Rata-rata}(\\frac{\\text{' + this.modalKatex.form[1].title + '} + \\text{' + this.modalKatex.form[2].title + '}}{\\text{Jumlah Bulan Berjalan}} \\times \\text{12})} \\times \\text{100} \\% = \\text{Harga Pasar} \\% (\\text{IDEAL})';
+
+          var _katex2Content9 = '\\text{R7} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{(\\frac{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}}{\\text{' + this.formatPeriodeMonth(itemData.periode) + '}} \\times \\text{12})} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.r7_1) + ' \\% ( \\text{' + (itemData.r7_1 == itemData.harga_pasar ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+          this.modalKatex.katex1.push({
+            title: 'Jika simpanan saham bersumber dari saldo bulan desember tahun lalu',
+            content: _katex1Content9
+          });
+          this.modalKatex.katex2.push({
+            title: '',
+            content: _katex2Content9
+          });
+        }
+
+        if (itemData.simpanan_saham_lalu != 0) {
+          var _katex1Content10 = '\\text{R7} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '}}{\\text{Simpanan Saham Rata-rata}(\\frac{\\text{' + this.modalKatex.form[3].title + '} + \\text{' + this.modalKatex.form[2].title + '}}{\\text{2}})} \\times \\text{100} \\% = \\text{Harga Pasar} \\% (\\text{IDEAL})';
+
+          var katex2Content2 = '\\text{R7} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}}{(\\frac{\\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}}{\\text{2}})} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.r7_2) + ' \\% ( \\text{' + (itemData.r7_2 == itemData.harga_pasar ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+          this.modalKatex.katex1.push({
+            title: 'Jika simpanan saham bersumber dari saldo tahun lalu bulan ' + this.formatPeriodeMonth(itemData.periode),
+            content: _katex1Content10
+          });
+          this.modalKatex.katex2.push({
+            title: '',
+            content: katex2Content2
+          });
+        } //r9	
+
+      } else if (type == 'r9') {
+        this.modalTitle = 'R9 - biaya operasional terhadap rata-rata aset';
+        this.modalKatex.form.push({
+          title: 'Total Biaya',
+          key: 'total_biaya',
+          value: itemData.total_biaya
+        }, {
+          title: 'Beban Penyisihan Cadangan Resiko',
+          key: 'beban_penyisihan_dcr',
+          value: itemData.beban_penyisihan_dcr
+        }, {
+          title: 'Aset',
+          key: 'aset',
+          value: itemData.aset
+        }, {
+          title: 'Aset Tahun Lalu',
+          key: 'aset_lalu',
+          value: itemData.aset_lalu
+        });
+        this.modalKatex.indikator = 'Beban operasional terhadap rata-rata aset sebesar 5%.';
+
+        var _katex1Content11 = '\\text{R9} = \\dfrac{\\text{Beban Operasional}(\\text{' + this.modalKatex.form[0].title + '} - \\text{' + this.modalKatex.form[1].title + '})}{\\text{Rata-rata Aset}(\\frac{\\text{' + this.modalKatex.form[2].title + '} + \\text{' + this.modalKatex.form[3].title + '}}{\\text{2}})} \\times \\text{100} \\% <= \\text{5} \\% (\\text{IDEAL})';
+
+        var _katex2Content10 = '\\text{R9} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}}{\\frac{\\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '}}{\\text{2}}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.e6) + ' \\% ( \\text{' + (itemData.r9 <= 0.05 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content11
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content10
+        }); //l1
+      } else if (type == 'l1') {
+        this.modalTitle = 'L1 - (investasi likuid + aset-aset likuid - hutang jangka pendek < 30 Hari) / simpanan non saham';
+        this.modalKatex.form.push({
+          title: 'Investasi Likuid',
+          key: 'investasi_likuid',
+          value: itemData.investasi_likuid
+        }, {
+          title: 'Aset Likuid Tidak Menghasilkan',
+          key: 'aset_likuid_tidak_menghasilkan',
+          value: itemData.aset_likuid_tidak_menghasilkan
+        }, {
+          title: 'Hutang Tidak Berbiaya < 30 Hari',
+          key: 'hutang_tidak_berbiaya_30hari',
+          value: itemData.hutang_tidak_berbiaya_30hari
+        }, {
+          title: 'Total Simpanan Non Saham',
+          key: 'tot_nonsaham',
+          value: itemData.tot_nonsaham
+        });
+        this.modalKatex.indikator = 'Likuiditas sebesar 15% dari total simpanan non saham tetapi tidak melampaui 20% dari total aset.';
+
+        var _katex1Content12 = '\\text{L1} = \\dfrac{(\\text{' + this.modalKatex.form[0].title + '} + \\text{' + this.modalKatex.form[1].title + '}) - \\text{' + this.modalKatex.form[2].title + '}}{\\text{' + this.modalKatex.form[3].title + '}} \\times \\text{100} \\% = \\text{15} \\% \\text{ Sampai } \\text{20} \\% (\\text{IDEAL})';
+
+        var _katex2Content11 = '\\text{L1} = \\dfrac{(\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '} + \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}) - \\text{' + this.formatCurrency(this.modalKatex.form[2].value) + '}}{\\text{' + this.formatCurrency(this.modalKatex.form[3].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.l1) + ' \\% (\\text{' + (itemData.l1 >= 0.15 && itemData.l1 <= 0.2 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content12
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content11
+        }); // l2
+      } else if (type == "l2") {
+        this.modalTitle = "L2 - Likuiditas untuk memenuhi permintaan penarikan setelah membayar semua kewajiban < 30 hari";
+        this.modalKatex.form.push({
+          title: "Investasi Likuid",
+          key: "investasi_likuid",
+          value: itemData.investasi_likuid
+        }, {
+          title: "Aset Likuid Tidak Menghasilkan",
+          key: "aset_likuid_tidak_menghasilkan",
+          value: itemData.aset_likuid_tidak_menghasilkan
+        }, {
+          title: "Hutang Tidak Berbiaya < 30 Hari",
+          key: "hutang_tidak_berbiaya_30hari",
+          value: itemData.hutang_tidak_berbiaya_30hari
+        }, {
+          title: "Aset",
+          key: "aset",
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = "Likuiditas sebesar 15% dari total simpanan non saham tetapi tidak melampaui 20% dari total aset.";
+
+        var _katex1Content13 = "\\text{L1} = \\dfrac{(\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "}) - \\text{" + this.modalKatex.form[2].title + "}}{\\text{" + this.modalKatex.form[3].title + "}} \\times \\text{100} \\% = \\text{15} \\% \\text{ Sampai } \\text{20} \\% (\\text{IDEAL})";
+
+        var _katex2Content12 = "\\text{L1} = \\dfrac{(\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}) - \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.l1) + " \\% (\\text{" + (itemData.l1 >= 0.15 && itemData.l1 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content13
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content12
+        }); //s10	
+      } else if (type == 's10') {
+        this.modalTitle = 'S10 - Pertumbuhan anggota';
+        this.modalKatex.form.push({
+          title: 'Lelaki Biasa',
+          key: 'l_biasa',
+          value: itemData.l_biasa
+        }, {
+          title: 'Lelaki L. Biasa',
+          key: 'l_lbiasa',
+          value: itemData.l_lbiasa
+        }, {
+          title: 'Perempuan Biasa',
+          key: 'p_biasa',
+          value: itemData.p_biasa
+        }, {
+          title: 'Perempuan L.Biasa',
+          key: 'p_lbiasa',
+          value: itemData.p_lbiasa
+        }, {
+          title: 'Total Anggota',
+          key: 'total_anggota',
+          value: itemData.total_anggota,
+          hideForm: true
+        }, {
+          title: 'Total Anggota Tahun Lalu',
+          key: 'total_anggota_lalu',
+          value: itemData.total_anggota_lalu
+        });
+        this.modalKatex.indikator = 'Pertumbuhan anggota di atas 12% per tahun.';
+
+        var _katex1Content14 = '\\text{s10} = \\dfrac{\\text{' + this.modalKatex.form[4].title + '} - \\text{' + this.modalKatex.form[5].title + '}}{\\text{' + this.modalKatex.form[5].title + '}} \\times \\text{100} \\% = \\text{Di Atas 12} \\% (\\text{IDEAL})';
+
+        var _katex2Content13 = '\\text{s10} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[4].value) + '}} - \\text{' + this.formatCurrency(this.modalKatex.form[5].value) + '}{\\text{' + this.formatCurrency(this.modalKatex.form[5].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.s10) + ' \\% ( \\text{' + (itemData.s10 > 0.12 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content14
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content13
+        }); //s11
+      } else if (type == 's11') {
+        this.modalTitle = 'S11 - Pertumbuhan aset';
+        this.modalKatex.form.push({
+          title: 'Aset',
+          key: 'aset',
+          value: itemData.aset
+        }, {
+          title: 'Aset Tahun Lalu',
+          key: 'aset_lalu',
+          value: itemData.aset_lalu
+        });
+        this.modalKatex.indikator = 'Pertumbuhan aset 10% di atas laju inflasi.';
+
+        var _katex1Content15 = '\\text{s11} = \\dfrac{\\text{' + this.modalKatex.form[0].title + '} - \\text{' + this.modalKatex.form[1].title + '}}{\\text{' + this.modalKatex.form[1].title + '}} \\times \\text{100} \\% = \\text{10} \\% \\text{ Di Atas Laju Inflasi} (\\text{IDEAL})';
+
+        var _katex2Content14 = '\\text{S11} = \\dfrac{\\text{' + this.formatCurrency(this.modalKatex.form[0].value) + '}} - \\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}{\\text{' + this.formatCurrency(this.modalKatex.form[1].value) + '}} \\times \\text{100} \\% = ' + this.formatPercentage(itemData.s11) + ' \\% ( \\text{' + (itemData.s11 > itemData.laju_inflasi + 0.1 ? 'IDEAL' : 'TIDAK IDEAL') + '})';
+
+        this.modalKatex.katex1.push({
+          title: '',
+          content: _katex1Content15
+        });
+        this.modalKatex.katex2.push({
+          title: '',
+          content: _katex2Content14
+        });
+      }
+    },
+    modalKatexReset: function modalKatexReset() {
+      this.modalKatex.isUbah = false;
+      this.modalKatex.katex1 = [];
+      this.modalKatex.katex2 = [];
+      this.modalKatex.form = [];
+    },
+    modalTutup: function modalTutup() {
+      this.modalSize = '';
+      this.modalShow = false;
+      this.modalKatexReset();
+    },
+    formatPeriode: function formatPeriode(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value) + ' ' + vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('year')(value);
+    },
+    formatPeriodeMonth: function formatPeriodeMonth(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value);
+    },
+    formatCurrency: function formatCurrency(value) {
+      return this.$options.filters.currency(value, '', 0, {
+        thousandsSeparator: '.'
+      });
+    },
+    formatPercentage: function formatPercentage(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('percentage2')(value, 2);
+    },
+    countTotal: function countTotal(value1, value2) {
+      return value1 - value2;
+    },
+    countPercentage: function countPercentage(value1, value2) {
+      if (value2 > 0) {
+        return this.formatPercentage(this.countTotal(value1, value2) / value2);
+      } else {
+        return this.formatPercentage('0');
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanCu', {
+    itemData: 'pearls',
+    itemDataStat: 'pearlsStat',
+    grafikData: 'grafikPearls',
+    grafikDataStat: 'grafikPearlsStat',
+    modelPeriode: 'periode',
+    modelPeriodeStat: 'periodeStat',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanTp', {
+    modelTp: 'dataS',
+    modelTpStat: 'dataStatS',
+    updateTpMessage: "update",
+    updateTpStat: "updateStat"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('cu', {
+    modelCU: 'dataS',
+    modelCUStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default.a
+  },
+  data: function data() {
+    return {
+      kelas: 'laporanCuDiskusi',
+      idCu: '',
+      idTp: '',
+      periode: '',
+      periodeTp: '',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalSize: '',
+      modalColor: '',
+      modalButton: '',
+      modalContent: '',
+      form: {
+        id: '',
+        id_laporan: '',
+        id_user: '',
+        id_cu: '',
+        id_tp: '',
+        periode: '',
+        content: ''
+      },
+      formEdit: {
+        id: '',
+        id_laporan: '',
+        id_user: '',
+        id_cu: '',
+        id_tp: '',
+        periode: '',
+        content: ''
+      },
+      ckeditorNoImageConfig: {
+        toolbar: {
+          items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo']
+        },
+        table: {
+          contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']
+        }
+      },
+      cleaveOption: {
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      }
+    };
+  },
+  created: function created() {
+    this.fetch();
+    this.form.id_user = this.currentUser.id;
+  },
+  watch: {
+    '$route': function $route(to, from) {
+      // check current page meta
+      this.fetch();
+    },
+    itemDataStat: function itemDataStat(value) {
+      if (value == 'success') {}
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.form.content = '';
+        this.fetch();
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      if (this.$route.meta.mode == 'detail') {
+        this.$store.dispatch(this.kelas + '/get', this.$route.params.id);
+      } else if (this.$route.meta.mode == 'detailTp') {
+        this.$store.dispatch(this.kelas + '/getTp', this.$route.params.id);
+      }
+    },
+    save: function save(type) {
+      if (type == 'create') {
+        this.form.id = '';
+        this.form.id_laporan = this.$route.params.id;
+        this.form.id_user = this.currentUser.id;
+        this.form.periode = this.modelLaporan.periode;
+
+        if (this.$route.meta.mode == 'detail') {
+          this.form.id_cu = this.modelLaporan.id_cu;
+          this.form.id_tp = '';
+          this.$store.dispatch(this.kelas + '/store', this.form);
+        } else if (this.$route.meta.mode == 'detailTp') {
+          this.form.id_cu = this.modelLaporan.tp.id_cu;
+          this.form.id_tp = this.modelLaporan.tp.id;
+          this.$store.dispatch(this.kelas + '/storeTp', this.form);
+        }
+
+        this.modalShow = true;
+      } else if (type == 'edit') {
+        this.formEdit.periode = this.modelLaporan.periode;
+
+        if (this.$route.meta.mode == 'detail') {
+          this.formEdit.id_cu = this.modelLaporan.id_cu;
+          this.formEdit.id_tp = '';
+          this.$store.dispatch(this.kelas + '/update', [this.formEdit.id, this.formEdit]);
+        } else if (this.$route.meta.mode == 'detailTp') {
+          this.formEdit.id_cu = this.modelLaporan.tp.id_cu;
+          this.formEdit.id_tp = this.modelLaporan.tp.id;
+          this.$store.dispatch(this.kelas + '/updateTp', [this.formEdit.id, this.formEdit]);
+        }
+      }
+
+      this.modalSize = '';
+      this.modalColor = '';
+    },
+    modalTambah: function modalTambah() {
+      this.modalShow = true;
+      this.modalTitle = 'Tambah Komentar';
+      this.modalState = 'normal1';
+      this.modalSize = 'modal-lg';
+      this.modalColor = 'bg-primary';
+    },
+    modalUbah: function modalUbah(item) {
+      this.modalShow = true;
+      this.modalTitle = 'Ubah Komentar';
+      this.modalState = 'normal1';
+      this.modalSize = 'modal-lg';
+      this.modalColor = 'bg-primary';
+      this.formEdit.id = item.id;
+      this.formEdit.id_user = item.id_user;
+      this.formEdit.id_laporan = item.id_laporan;
+      this.formEdit.content = item.content;
+    },
+    modalHapus: function modalHapus(item) {
+      this.modalShow = true;
+      this.modalTitle = 'Hapus Komentar ini?';
+      this.modalState = 'confirm-tutup';
+      this.modalSize = '';
+      this.modalColor = '';
+      this.modalButton = 'Iya, Hapus';
+      this.formEdit.id = item.id;
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      // execute destroy
+      if (this.$route.meta.mode == 'detail') {
+        this.$store.dispatch(this.kelas + '/destroy', this.formEdit.id);
+      } else if (this.$route.meta.mode == 'detailTp') {
+        this.$store.dispatch(this.kelas + '/destroyTp', this.formEdit.id);
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    // formating
+    formatPeriode: function formatPeriode(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value) + ' ' + vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('year')(value);
+    },
+    formatCurrency: function formatCurrency(value) {
+      return this.$options.filters.currency(value, '', 0, {
+        thousandsSeparator: '.'
+      });
+    },
+    formatPercentage: function formatPercentage(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('percentage2')(value, 2);
+    },
+    countTotal: function countTotal(value1, value2) {
+      return value1 - value2;
+    },
+    countPercentage: function countPercentage(value1, value2) {
+      if (value2 > 0) {
+        return this.formatPercentage(this.countTotal(value1, value2) / value2);
+      } else {
+        return this.formatPercentage('0');
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanCuDiskusi', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanCu', {
+    modelLaporan: 'data',
+    modelLaporanStat: 'dataStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/revisi.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/revisi.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__["default"]
+  },
+  data: function data() {
+    return {
+      kelas: 'laporanCuDiskusi',
+      idCu: '',
+      idTp: '',
+      periode: '',
+      periodeTp: '',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalSize: '',
+      modalColor: '',
+      modalButton: '',
+      modalContent: '',
+      form: {
+        id: '',
+        id_laporan: '',
+        id_user: '',
+        id_cu: '',
+        id_tp: '',
+        periode: '',
+        content: ''
+      },
+      formEdit: {
+        id: '',
+        id_laporan: '',
+        id_user: '',
+        id_cu: '',
+        id_tp: '',
+        periode: '',
+        content: ''
+      },
+      cleaveOption: {
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      }
+    };
+  },
+  created: function created() {
+    this.fetch();
+    this.form.id_user = this.currentUser.id;
+  },
+  watch: {
+    '$route': function $route(to, from) {
+      // check current page meta
+      this.fetch();
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.form.content = '';
+        this.fetch();
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      if (this.$route.meta.mode == 'detail') {
+        this.$store.dispatch(this.kelas + '/get', this.$route.params.id);
+      } else if (this.$route.meta.mode == 'detailTp') {
+        this.$store.dispatch(this.kelas + '/getTp', this.$route.params.id);
+      }
+    },
+    save: function save(type) {
+      if (type == 'create') {
+        this.form.id = '';
+        this.form.id_laporan = this.$route.params.id;
+        this.form.id_user = this.currentUser.id;
+        this.form.periode = this.modelLaporan.periode;
+
+        if (this.$route.meta.mode == 'detail') {
+          this.form.id_cu = this.modelLaporan.id_cu;
+          this.form.id_tp = '';
+          this.$store.dispatch(this.kelas + '/store', this.form);
+        } else if (this.$route.meta.mode == 'detailTp') {
+          this.form.id_cu = this.modelLaporan.tp.id_cu;
+          this.form.id_tp = this.modelLaporan.tp.id;
+          this.$store.dispatch(this.kelas + '/storeTp', this.form);
+        }
+
+        this.modalShow = true;
+      } else if (type == 'edit') {
+        this.formEdit.periode = this.modelLaporan.periode;
+
+        if (this.$route.meta.mode == 'detail') {
+          this.formEdit.id_cu = this.modelLaporan.id_cu;
+          this.formEdit.id_tp = '';
+          this.$store.dispatch(this.kelas + '/update', [this.formEdit.id, this.formEdit]);
+        } else if (this.$route.meta.mode == 'detailTp') {
+          this.formEdit.id_cu = this.modelLaporan.tp.id_cu;
+          this.formEdit.id_tp = this.modelLaporan.tp.id;
+          this.$store.dispatch(this.kelas + '/updateTp', [this.formEdit.id, this.formEdit]);
+        }
+      }
+
+      this.modalSize = '';
+      this.modalColor = '';
+    },
+    modalTambah: function modalTambah() {
+      this.modalShow = true;
+      this.modalTitle = 'Tambah Komentar';
+      this.modalState = 'normal1';
+      this.modalSize = 'modal-lg';
+      this.modalColor = 'bg-primary';
+    },
+    modalUbah: function modalUbah(item) {
+      this.modalShow = true;
+      this.modalTitle = 'Ubah Komentar';
+      this.modalState = 'normal1';
+      this.modalSize = 'modal-lg';
+      this.modalColor = 'bg-primary';
+      this.formEdit.id = item.id;
+      this.formEdit.id_user = item.id_user;
+      this.formEdit.id_laporan = item.id_laporan;
+      this.formEdit.content = item.content;
+    },
+    modalHapus: function modalHapus(item) {
+      this.modalShow = true;
+      this.modalTitle = 'Hapus Komentar ini?';
+      this.modalState = 'confirm-tutup';
+      this.modalSize = '';
+      this.modalColor = '';
+      this.modalButton = 'Iya, Hapus';
+      this.formEdit.id = item.id;
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      // execute destroy
+      if (this.$route.meta.mode == 'detail') {
+        this.$store.dispatch(this.kelas + '/destroy', this.formEdit.id);
+      } else if (this.$route.meta.mode == 'detailTp') {
+        this.$store.dispatch(this.kelas + '/destroyTp', this.formEdit.id);
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    // formating
+    formatPeriode: function formatPeriode(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('month')(value) + ' ' + vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('year')(value);
+    },
+    formatCurrency: function formatCurrency(value) {
+      return this.$options.filters.currency(value, '', 0, {
+        thousandsSeparator: '.'
+      });
+    },
+    formatPercentage: function formatPercentage(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter('percentage2')(value, 2);
+    },
+    countTotal: function countTotal(value1, value2) {
+      return value1 - value2;
+    },
+    countPercentage: function countPercentage(value1, value2) {
+      if (value2 > 0) {
+        return this.formatPercentage(this.countTotal(value1, value2) / value2);
+      } else {
+        return this.formatPercentage('0');
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('laporanCu', {
+    itemData: 'history',
+    itemDataStat: 'dataStat',
+    columnData: 'columnData'
+  })), {}, {
+    history: function history() {
+      return lodash__WEBPACK_IMPORTED_MODULE_1___default.a.groupBy(this.itemData, 'created_at');
+    },
+    revisionField: function revisionField() {
+      var newData = {};
+      this.columnData.forEach(function (e) {
+        newData[e.name] = e.title;
+      });
+      return newData;
+    }
+  })
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['kelas', 'path'],
+  data: function data() {
+    return {
+      idCu: '',
+      idTp: '',
+      periode: '',
+      periodeTp: ''
+    };
+  },
+  created: function created() {
+    this.checkProfileIdCU();
+  },
+  watch: {
+    itemDataStat: function itemDataStat(value) {
+      if (value === "success") {
+        if (this.currentUser.id_cu == 0) {
+          this.fetchCU();
+        }
+
+        this.periode = this.itemData.periode;
+        this.changePeriode(this.periode);
+      }
+    },
+    modelCUStat: function modelCUStat(value) {
+      if (value === "success") {
+        if (this.itemDataStat == 'success') {
+          if (this.$route.meta.mode == 'detail') {
+            this.idCu = this.itemData.id_cu;
+          } else {
+            this.idCu = this.itemData.tp.id_cu;
+          }
+        }
+
+        this.changeCu(this.idCu);
+      }
+    },
+    modelTpStat: function modelTpStat(value) {
+      if (value === "success") {
+        if (this.$route.meta.mode == 'detail') {
+          this.idTp = 'konsolidasi';
+        } else {
+          this.idTp = this.itemData.id;
+        }
+      }
+    },
+    modelPeriodeStat: function modelPeriodeStat(value) {
+      if (value === "success") {
+        if (this.itemDataStat == 'success') {
+          this.periode = this.itemData.periode;
+          this.changePeriode(this.periode);
+        }
+      }
+    }
+  },
+  methods: {
+    checkProfileIdCU: function checkProfileIdCU() {
+      if (this.currentUser.id_cu !== 0) {
+        this.idCu = this.currentUser.id_cu;
+        this.changeCu(this.idCu);
+      } else {
+        this.fetchCU();
+      }
+    },
+    fetch: function fetch() {
+      if (this.idTp == 'konsolidasi') {
+        var periode = 0;
+        periode = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelPeriode, {
+          'periode': this.periode
+        });
+        this.$router.push({
+          name: 'laporanCuDetail',
+          params: {
+            id: periode.id
+          }
+        });
+      } else {
+        this.$router.push({
+          name: 'laporanTpDetail',
+          params: {
+            id: this.idTp
+          }
+        });
+      }
+    },
+    fetchCU: function fetchCU() {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    },
+    fetchPeriode: function fetchPeriode(id) {
+      this.$store.dispatch('laporanCu/getPeriodeCu', id);
+    },
+    fetchTp: function fetchTp(id, periode) {
+      this.$store.dispatch('laporanTp/getPeriodeTp', [id, periode]);
+    },
+    changeCu: function changeCu(value) {
+      if (value) {
+        this.fetchPeriode(value);
+      }
+    },
+    changePeriode: function changePeriode(value) {
+      if (this.idCu) {
+        this.fetchTp(this.idCu, value);
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('laporanCu', {
+    itemData: 'data',
+    itemDataStat: 'dataStat',
+    modelPeriode: 'periode',
+    modelPeriodeStat: 'periodeStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('laporanTp', {
+    modelTp: 'dataS',
+    modelTpStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  }))
+});
 
 /***/ }),
 
-/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
-  \*******************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  props: {
+    title: {
+      "default": ''
+    },
+    itemData: {
+      "default": ''
+    },
+    itemDataBefore: {
+      "default": ''
+    },
+    isPercent: {
+      "default": false
+    },
+    isOpposite: {
+      "default": false
+    }
+  },
+  data: function data() {
+    return {
+      modalShow: false,
+      modalState: 'normal1',
+      modalColor: 'bg-primary',
+      modalTitle: '',
+      modalButton: '',
+      modalMobileOptionState: ''
+    };
+  },
+  methods: {
+    modalOpen: function modalOpen() {},
+    modalTutup: function modalTutup() {},
+    checkClass: function checkClass() {
+      var className = '';
+
+      if (this.isOpposite) {
+        if (this.totalData > 0) {
+          className = 'bg-danger';
+        } else if (this.totalData < 0) {
+          className = 'bg-primary';
+        } else {
+          className = 'bg-orange-300';
+        }
+      } else {
+        if (this.totalData > 0) {
+          className = 'bg-primary';
+        } else if (this.totalData < 0) {
+          className = 'bg-danger';
+        } else {
+          className = 'bg-orange-300';
+        }
+      }
+
+      return className;
+    }
+  },
+  computed: {
+    totalData: function totalData() {
+      return this.itemData - this.itemDataBefore;
+    },
+    percentageData: function percentageData() {
+      if (this.itemDataBefore > 0) {
+        return this.totalData / this.itemDataBefore;
+      } else {
+        return '0';
+      }
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css&":
+/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css& ***!
+  \************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+exports.i(__webpack_require__(/*! -!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/katex/dist/katex.min.css */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/katex/dist/katex.min.css"), "");
+
+// module
+exports.push([module.i, "\n", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css&":
+/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css& ***!
+  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
-				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
 
-//# sourceMappingURL=FileSaver.min.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+var content = __webpack_require__(/*! !../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticStyle: { display: "inline-block" } },
+    [
+      _vm.value
+        ? _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm.valueType == "trim"
+              ? _c(
+                  "span",
+                  { staticStyle: { display: "inline-block" } },
+                  [
+                    _c("truncate", {
+                      staticStyle: { display: "inline-block" },
+                      attrs: {
+                        "action-class": "badge bg-blue",
+                        clamp: "selengkapnya >",
+                        length: _vm.trimLength,
+                        less: "< kembali",
+                        text: _vm.frontText + " " + _vm.value,
+                      },
+                    }),
+                  ],
+                  1
+                )
+              : _vm.valueType == "modal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light",
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen()
+                        },
+                      },
+                    },
+                    [_vm._v("\n          Lihat\n      ")]
+                  ),
+                ])
+              : _vm.valueType == "currency"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(
+                        _vm._f("currency")(_vm.value, "", 0, {
+                          thousandsSeparator: ".",
+                        })
+                      )
+                  ),
+                ])
+              : _vm.valueType == "percentage"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("percentage")(_vm.value, 2))
+                  ),
+                ])
+              : _vm.valueType == "decimal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("round")(_vm.value, 2))
+                  ),
+                ])
+              : _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
+                ]),
+          ])
+        : _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
+          ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+          content: _vm.modalContent,
+        },
+        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
+      }),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            [
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
+                          },
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
 
 /***/ }),
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=template&id=984e60d4&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detail.vue?vue&type=template&id=984e60d4& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemPearlsStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemPearls,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("select-data", {
+                attrs: { kelas: _vm.kelas, isPus: false, isNo_ba: true },
+              }),
+              _vm._v(" "),
+              _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
+                _c(
+                  "ul",
+                  { staticClass: "nav nav-tabs nav-tabs-solid bg-light" },
+                  [
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "analisisLaporanCu" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("analisisLaporanCu")
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-dots mr-2" }),
+                          _vm._v(" Laporan CU"),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "analisisPearls" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("analisisPearls")
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-dots mr-2" }),
+                          _vm._v(" P.E.A.R.L.S."),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "diskusi" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("diskusi")
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-bubble2 mr-2" }),
+                          _vm._v(" Diskusi"),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "revisi" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("revisi")
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-copy3 mr-2" }),
+                          _vm._v(" Revisi"),
+                        ]
+                      ),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _c(
+                    "div",
+                    {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.tabName == "analisisLaporanCu",
+                          expression: "tabName == 'analisisLaporanCu'",
+                        },
+                      ],
+                    },
+                    [
+                      _vm.itemDataStat == "success"
+                        ? _c("infografis-data", {
+                            attrs: {
+                              title: _vm.title,
+                              kelas: _vm.kelas,
+                              columnData: _vm.columnData,
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _vm.itemDataStat == "loading"
+                        ? _c("div", [
+                            _c("div", { staticClass: "card" }, [
+                              _c("div", { staticClass: "card-body" }, [
+                                _c("h4", [_vm._v("Mohon tunggu...")]),
+                                _vm._v(" "),
+                                _c("div", { staticClass: "progress" }, [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass:
+                                        "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+                                      staticStyle: { width: "100%" },
+                                    },
+                                    [
+                                      _c("span", { staticClass: "sr-only" }, [
+                                        _vm._v("100% Complete"),
+                                      ]),
+                                    ]
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _c("detail-laporan-cu", {
+                        attrs: { kelas: _vm.kelas, columnData: _vm.columnData },
+                      }),
+                    ],
+                    1
+                  ),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _vm.isPearls
+                    ? _c(
+                        "div",
+                        {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.tabName == "analisisPearls",
+                              expression: "tabName == 'analisisPearls'",
+                            },
+                          ],
+                        },
+                        [
+                          _vm.itemPearlsStat == "success"
+                            ? _c("infografis-pearls-data", {
+                                attrs: {
+                                  title: _vm.titlePearls,
+                                  kelas: _vm.kelas,
+                                  columnData: _vm.columnDataPearls,
+                                },
+                              })
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _vm.itemPearlsStat == "loading"
+                            ? _c("div", [
+                                _c("div", { staticClass: "card" }, [
+                                  _c("div", { staticClass: "card-body" }, [
+                                    _c("h4", [_vm._v("Mohon tunggu...")]),
+                                    _vm._v(" "),
+                                    _c("div", { staticClass: "progress" }, [
+                                      _c(
+                                        "div",
+                                        {
+                                          staticClass:
+                                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+                                          staticStyle: { width: "100%" },
+                                        },
+                                        [
+                                          _c(
+                                            "span",
+                                            { staticClass: "sr-only" },
+                                            [_vm._v("100% Complete")]
+                                          ),
+                                        ]
+                                      ),
+                                    ]),
+                                  ]),
+                                ]),
+                              ])
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _c("detail-pearls", {
+                            attrs: {
+                              kelas: _vm.kelas,
+                              columnData: _vm.columnData,
+                            },
+                          }),
+                        ],
+                        1
+                      )
+                    : _vm._e(),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _vm.isDiskusi
+                    ? _c(
+                        "div",
+                        {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.tabName == "diskusi",
+                              expression: "tabName == 'diskusi'",
+                            },
+                          ],
+                        },
+                        [_c("diskusi")],
+                        1
+                      )
+                    : _vm._e(),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _vm.isRevisi
+                    ? _c(
+                        "div",
+                        {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.tabName == "revisi",
+                              expression: "tabName =='revisi'",
+                            },
+                          ],
+                        },
+                        [_c("revisi")],
+                        1
+                      )
+                    : _vm._e(),
+                ]
+              ),
+            ],
+            1
+          ),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
 
-if(content.locals) module.exports = content.locals;
 
-if(false) {}
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
-  \************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=template&id=2f6c7ff7&":
+/*!******************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=template&id=2f6c7ff7& ***!
+  \******************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1870,408 +4719,4130 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "button",
-      {
-        staticClass: "btn btn-link btn-block",
-        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
-        on: { click: _vm.btnClick },
-      },
-      [
-        _vm.clicked
-          ? _c("span", [
-              _c("i", { staticClass: "icon-arrow-up12" }),
-              _vm._v(" Kembali "),
-              _c("i", { staticClass: "icon-arrow-up12" }),
-            ])
-          : _c("span", [
-              _c("i", { staticClass: "icon-arrow-down12" }),
-              _vm._v(" Selengkapnya "),
-              _c("i", { staticClass: "icon-arrow-down12" }),
+  return _c(
+    "div",
+    [
+      _c("div", { staticClass: "timeline timeline-left content-group" }, [
+        _c("div", { staticClass: "timeline-container" }, [
+          _c("div", { staticClass: "timeline-row" }, [
+            _vm._m(0),
+            _vm._v(" "),
+            _c("div", { staticClass: "row" }, [
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Lelaki Biasa",
+                              "l_biasa",
+                              _vm.itemData.l_biasa,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.l_biasa,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Lelaki Biasa",
+                                  key: "l_biasa",
+                                  value: _vm.itemData.l_biasa,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "lelaki biasa",
+                            itemData: _vm.itemData.l_biasa,
+                            itemDataBefore: _vm.itemDataBefore.l_biasa,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Lelaki Biasa",
+                              "l_biasa",
+                              _vm.itemData.l_biasa,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Lelaki Biasa",
+                                  key: "l_biasa",
+                                  value: _vm.itemData.l_biasa,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "lelaki biasa",
+                            itemData: _vm.itemData.l_biasa,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Lelaki L.Biasa",
+                              "l_lbiasa",
+                              _vm.itemData.l_lbiasa,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.l_lbiasa,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Lelaki L.Biasa",
+                                  key: "l_lbiasa",
+                                  value: _vm.itemData.l_lbiasa,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "lelaki l.biasa",
+                            itemData: _vm.itemData.l_lbiasa,
+                            itemDataBefore: _vm.itemDataBefore.l_lbiasa,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Lelaki L.Biasa",
+                              "l_lbiasa",
+                              _vm.itemData.l_lbiasa,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Lelaki L.Biasa",
+                                  key: "l_lbiasa",
+                                  value: _vm.itemData.l_lbiasa,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "lelaki l.biasa",
+                            itemData: _vm.itemData.l_lbiasa,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Perempuan Biasa",
+                              "p_biasa",
+                              _vm.itemData.p_biasa,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.p_biasa,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Perempuan Biasa",
+                                  key: "p_biasa",
+                                  value: _vm.itemData.p_biasa,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "perempuan biasa",
+                            itemData: _vm.itemData.p_biasa,
+                            itemDataBefore: _vm.itemDataBefore.p_biasa,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Perempuan Biasa",
+                              "p_biasa",
+                              _vm.itemData.p_biasa,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Perempuan Biasa",
+                                  key: "p_biasa",
+                                  value: _vm.itemData.p_biasa,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "perempuan biasa",
+                            itemData: _vm.itemData.p_biasa,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Perempuan L.Biasa",
+                              "p_lbiasa",
+                              _vm.itemData.p_lbiasa,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.p_lbiasa,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Perempuan L.Biasa",
+                                  key: "p_lbiasa",
+                                  value: _vm.itemData.p_lbiasa,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "perempuan l.biasa",
+                            itemData: _vm.itemData.p_lbiasa,
+                            itemDataBefore: _vm.itemDataBefore.p_lbiasa,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Perempuan L.Biasa",
+                              "p_lbiasa",
+                              _vm.itemData.p_lbiasa,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Perempuan L.Biasa",
+                                  key: "p_lbiasa",
+                                  value: _vm.itemData.p_lbiasa,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "perempuan l.biasa",
+                            itemData: _vm.itemData.p_lbiasa,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "row" }, [
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Total Anggota",
+                              "total_anggota",
+                              _vm.itemData.total_anggota,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.total_anggota,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Lelaki Biasa",
+                                  key: "l_biasa",
+                                  value: _vm.itemData.l_biasa,
+                                },
+                                {
+                                  title: "Lelaki L.Biasa",
+                                  key: "l_lbiasa",
+                                  value: _vm.itemData.l_lbiasa,
+                                },
+                                {
+                                  title: "Perempuan Biasa",
+                                  key: "p_biasa",
+                                  value: _vm.itemData.p_biasa,
+                                },
+                                {
+                                  title: "Perempuan L.Biasa",
+                                  key: "p_lbiasa",
+                                  value: _vm.itemData.p_lbiasa,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "total anggota",
+                            itemData: _vm.itemData.total_anggota,
+                            itemDataBefore: _vm.itemDataBefore.total_anggota,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Total Anggota",
+                              "total_anggota",
+                              _vm.itemData.total_anggota,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Lelaki Biasa",
+                                  key: "l_biasa",
+                                  value: _vm.itemData.l_biasa,
+                                },
+                                {
+                                  title: "Lelaki L.Biasa",
+                                  key: "l_lbiasa",
+                                  value: _vm.itemData.l_lbiasa,
+                                },
+                                {
+                                  title: "Perempuan Biasa",
+                                  key: "p_biasa",
+                                  value: _vm.itemData.p_biasa,
+                                },
+                                {
+                                  title: "Perempuan L.Biasa",
+                                  key: "p_lbiasa",
+                                  value: _vm.itemData.p_lbiasa,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "total anggota",
+                            itemData: _vm.itemData.total_anggota,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Total Anggota Lalu",
+                              "total_anggota_lalu",
+                              _vm.itemData.total_anggota_lalu,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.total_anggota_lalu,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Total Anggota Lalu",
+                                  key: "total_anggota_lalu",
+                                  value: _vm.itemData.total_anggota_lalu,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "total anggota lalu",
+                            itemData: _vm.itemData.total_anggota_lalu,
+                            itemDataBefore:
+                              _vm.itemDataBefore.total_anggota_lalu,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Total Anggota Lalu",
+                              "total_anggota_lalu",
+                              _vm.itemData.total_anggota_lalu,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Total Anggota Lalu",
+                                  key: "total_anggota_lalu",
+                                  value: _vm.itemData.total_anggota_lalu,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "total anggota lalu",
+                            itemData: _vm.itemData.total_anggota_lalu,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _vm._m(1),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "timeline-row" }, [
+            _vm._m(2),
+            _vm._v(" "),
+            _c("div", { staticClass: "row" }, [
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Aset",
+                              "aset",
+                              _vm.itemData.aset,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.aset,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Aset",
+                                  key: "aset",
+                                  value: _vm.itemData.aset,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "aset",
+                            itemData: _vm.itemData.aset,
+                            itemDataBefore: _vm.itemDataBefore.aset,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Aset",
+                              "aset",
+                              _vm.itemData.aset,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Aset",
+                                  key: "aset",
+                                  value: _vm.itemData.aset,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "aset",
+                            itemData: _vm.itemData.aset,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Aset Lalu",
+                              "aset_lalu",
+                              _vm.itemData.aset_lalu,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.aset_lalu,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Aset Lalu",
+                                  key: "aset_lalu",
+                                  value: _vm.itemData.aset_lalu,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "aset lalu",
+                            itemData: _vm.itemData.aset_lalu,
+                            itemDataBefore: _vm.itemDataBefore.aset_lalu,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Aset Lalu",
+                              "aset_lalu",
+                              _vm.itemData.aset_lalu,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Aset Lalu",
+                                  key: "aset_lalu",
+                                  value: _vm.itemData.aset_lalu,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "aset lalu",
+                            itemData: _vm.itemData.aset_lalu,
+                            itemDataBefore: "",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Aset Masalah",
+                              "aset_masalah",
+                              _vm.itemData.aset_masalah,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.aset_masalah,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Aset Masalah",
+                                  key: "aset_masalah",
+                                  value: _vm.itemData.aset_masalah,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "aset masalah",
+                            itemData: _vm.itemData.aset_masalah,
+                            itemDataBefore: _vm.itemDataBefore.aset_masalah,
+                            isOpposite: true,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Aset Masalah",
+                              "aset_masalah",
+                              _vm.itemData.aset_masalah,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Aset Masalah",
+                                  key: "aset_masalah",
+                                  value: _vm.itemData.aset_masalah,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "aset masalah",
+                            itemData: _vm.itemData.aset_masalah,
+                            itemDataBefore: "0",
+                            isOpposite: true,
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Aset Tidak Menghasilkan",
+                              "aset_tidak_menghasilkan",
+                              _vm.itemData.aset_tidak_menghasilkan,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.aset_tidak_menghasilkan,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Aset Tidak Menghasilkan",
+                                  key: "aset_tidak_menghasilkan",
+                                  value: _vm.itemData.aset_tidak_menghasilkan,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "aset tidak menghasilkan",
+                            itemData: _vm.itemData.aset_tidak_menghasilkan,
+                            itemDataBefore:
+                              _vm.itemDataBefore.aset_tidak_menghasilkan,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Aset Tidak Menghasilkan",
+                              "aset_tidak_menghasilkan",
+                              _vm.itemData.aset_tidak_menghasilkan,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Aset Tidak Menghasilkan",
+                                  key: "aset_tidak_menghasilkan",
+                                  value: _vm.itemData.aset_tidak_menghasilkan,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "aset tidak menghasilkan",
+                            itemData: _vm.itemData.aset_tidak_menghasilkan,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "row" }, [
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Aktiva Lancar",
+                              "aktiva_lancar",
+                              _vm.itemData.aktiva_lancar,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.aktiva_lancar,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Aktiva Lancar",
+                                  key: "aktiva_lancar",
+                                  value: _vm.itemData.aktiva_lancar,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "aktiva lancar",
+                            itemData: _vm.itemData.aktiva_lancar,
+                            itemDataBefore: _vm.itemDataBefore.aktiva_lancar,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Aktiva Lancar",
+                              "aktiva_lancar",
+                              _vm.itemData.aktiva_lancar,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Aktiva Lancar",
+                                  key: "aktiva_lancar",
+                                  value: _vm.itemData.aktiva_lancar,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "aktiva lancar",
+                            itemData: _vm.itemData.aktiva_lancar,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Rata-rata Aset",
+                              "rata_aset",
+                              _vm.itemData.rata_aset,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.rata_aset,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Rata-rata Aset",
+                                  key: "rata_aset",
+                                  value: _vm.itemData.rata_aset,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "rata-rata aset",
+                            itemData: _vm.itemData.rata_aset,
+                            itemDataBefore: _vm.itemDataBefore.rata_aset,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Rata-rata Aset",
+                              "rata_aset",
+                              _vm.itemData.rata_aset,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Rata-rata Aset",
+                                  key: "rata_aset",
+                                  value: _vm.itemData.rata_aset,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "rata-rata aset",
+                            itemData: _vm.itemData.rata_aset,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _vm._m(3),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "timeline-row" }, [
+            _vm._m(4),
+            _vm._v(" "),
+            _c("div", { staticClass: "row" }, [
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Simp. Saham",
+                              "simpanan_saham",
+                              _vm.itemData.simpanan_saham,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.simpanan_saham,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Simp. Saham",
+                                  key: "simpanan_saham",
+                                  value: _vm.itemData.simpanan_saham,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "simp. saham",
+                            itemData: _vm.itemData.simpanan_saham,
+                            itemDataBefore: _vm.itemDataBefore.simpanan_saham,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Simp. Saham",
+                              "simpanan_saham",
+                              _vm.itemData.simpanan_saham,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Simp. Saham",
+                                  key: "simpanan_saham",
+                                  value: _vm.itemData.simpanan_saham,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "simp. saham",
+                            itemData: _vm.itemData.simpanan_saham,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Simp. Saham Lalu",
+                              "simpanan_saham_lalu",
+                              _vm.itemData.simpanan_saham_lalu,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.simpanan_saham_lalu,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Simp. Saham Lalu",
+                                  key: "simpanan_saham_lalu",
+                                  value: _vm.itemData.simpanan_saham_lalu,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "simp. saham lalu",
+                            itemData: _vm.itemData.simpanan_saham_lalu,
+                            itemDataBefore:
+                              _vm.itemDataBefore.simpanan_saham_lalu,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Simp. Saham Lalu",
+                              "simpanan_saham_lalu",
+                              _vm.itemData.simpanan_saham_lalu,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Simp. Saham Lalu",
+                                  key: "simpanan_saham_lalu",
+                                  value: _vm.itemData.simpanan_saham_lalu,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "simp. saham lalu",
+                            itemData: _vm.itemData.simpanan_saham_lalu,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Simp. Saham Des",
+                              "simpanan_saham_des",
+                              _vm.itemData.simpanan_saham_des,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.simpanan_saham_des,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Simp. Saham Des",
+                                  key: "simpanan_saham_des",
+                                  value: _vm.itemData.simpanan_saham_des,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "simp. saham des",
+                            itemData: _vm.itemData.simpanan_saham_des,
+                            itemDataBefore:
+                              _vm.itemDataBefore.simpanan_saham_des,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Simp. Saham Des",
+                              "simpanan_saham_des",
+                              _vm.itemData.simpanan_saham_des,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Simp. Saham Des",
+                                  key: "simpanan_saham_des",
+                                  value: _vm.itemData.simpanan_saham_des,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "simp. saham des",
+                            itemData: _vm.itemData.simpanan_saham_des,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Simp. Nonsaham Unggulan",
+                              "nonsaham_unggulan",
+                              _vm.itemData.nonsaham_unggulan,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.nonsaham_unggulan,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Simp. Nonsaham Unggulan",
+                                  key: "nonsaham_unggulan",
+                                  value: _vm.itemData.nonsaham_unggulan,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "simp. nonsaham unggulan",
+                            itemData: _vm.itemData.nonsaham_unggulan,
+                            itemDataBefore:
+                              _vm.itemDataBefore.nonsaham_unggulan,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Simp. Nonsaham Unggulan",
+                              "nonsaham_unggulan",
+                              _vm.itemData.nonsaham_unggulan,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Simp. Nonsaham Unggulan",
+                                  key: "nonsaham_unggulan",
+                                  value: _vm.itemData.nonsaham_unggulan,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "simp. nonsaham unggulan",
+                            itemData: _vm.itemData.nonsaham_unggulan,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "row" }, [
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Simp. Nonsaham Harian",
+                              "nonsaham_harian",
+                              _vm.itemData.nonsaham_harian,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.nonsaham_harian,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Simp. Nonsaham Harian",
+                                  key: "nonsaham_harian",
+                                  value: _vm.itemData.nonsaham_harian,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "simp. nonsaham harian",
+                            itemData: _vm.itemData.nonsaham_harian,
+                            itemDataBefore: _vm.itemDataBefore.nonsaham_harian,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Simp. Nonsaham Harian",
+                              "nonsaham_harian",
+                              _vm.itemData.nonsaham_harian,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Simp. Nonsaham Harian",
+                                  key: "nonsaham_harian",
+                                  value: _vm.itemData.nonsaham_harian,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "simp. nonsaham harian",
+                            itemData: _vm.itemData.nonsaham_harian,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Hutang SPD",
+                              "hutang_spd",
+                              _vm.itemData.hutang_spd,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.hutang_spd,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Hutang SPD",
+                                  key: "hutang_spd",
+                                  value: _vm.itemData.hutang_spd,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "hutang spd",
+                            itemData: _vm.itemData.hutang_spd,
+                            itemDataBefore: _vm.itemDataBefore.hutang_spd,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Hutang SPD",
+                              "hutang_spd",
+                              _vm.itemData.hutang_spd,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Hutang SPD",
+                                  key: "hutang_spd",
+                                  value: _vm.itemData.hutang_spd,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "hutang spd",
+                            itemData: _vm.itemData.hutang_spd,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Hutang Tidak Berbiaya",
+                              "hutang_tidak_berbiaya_30hari",
+                              _vm.itemData.hutang_tidak_berbiaya_30hari,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.hutang_tidak_berbiaya_30hari,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Hutang Tidak Berbiaya",
+                                  key: "hutang_tidak_berbiaya_30hari",
+                                  value:
+                                    _vm.itemData.hutang_tidak_berbiaya_30hari,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "hutang tidak berbiaya",
+                            itemData: _vm.itemData.hutang_tidak_berbiaya_30hari,
+                            itemDataBefore:
+                              _vm.itemDataBefore.hutang_tidak_berbiaya_30hari,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Hutang Tidak Berbiaya",
+                              "hutang_tidak_berbiaya_30hari",
+                              _vm.itemData.hutang_tidak_berbiaya_30hari,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Hutang Tidak Berbiaya",
+                                  key: "hutang_tidak_berbiaya_30hari",
+                                  value:
+                                    _vm.itemData.hutang_tidak_berbiaya_30hari,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "hutang tidak berbiaya",
+                            itemData: _vm.itemData.hutang_tidak_berbiaya_30hari,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Total Hutang Pihak Ke-3",
+                              "total_hutang_pihak3",
+                              _vm.itemData.total_hutang_pihak3,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.total_hutang_pihak3,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Total Hutang Pihak Ke-3",
+                                  key: "total_hutang_pihak3",
+                                  value: _vm.itemData.total_hutang_pihak3,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "total hutang pihak ke-3",
+                            itemData: _vm.itemData.total_hutang_pihak3,
+                            itemDataBefore:
+                              _vm.itemDataBefore.total_hutang_pihak3,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Total Hutang Pihak Ke-3",
+                              "total_hutang_pihak3",
+                              _vm.itemData.total_hutang_pihak3,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Total Hutang Pihak Ke-3",
+                                  key: "total_hutang_pihak3",
+                                  value: _vm.itemData.total_hutang_pihak3,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "total hutang pihak ke-3",
+                            itemData: _vm.itemData.total_hutang_pihak3,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "row" }, [
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Piutang Beredar",
+                              "piutang_beredar",
+                              _vm.itemData.piutang_beredar,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.piutang_beredar,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Beredar",
+                                  key: "piutang_beredar",
+                                  value: _vm.itemData.piutang_beredar,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "piutang beredar",
+                            itemData: _vm.itemData.piutang_beredar,
+                            itemDataBefore: _vm.itemDataBefore.piutang_beredar,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Piutang Beredar",
+                              "piutang_beredar",
+                              _vm.itemData.piutang_beredar,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Beredar",
+                                  key: "piutang_beredar",
+                                  value: _vm.itemData.piutang_beredar,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "piutang beredar",
+                            itemData: _vm.itemData.piutang_beredar,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Piutang Bersih",
+                              "piutang_bersih",
+                              _vm.itemData.piutang_bersih,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.piutang_bersih,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Beredar",
+                                  key: "piutang_beredar",
+                                  value: _vm.itemData.piutang_beredar,
+                                },
+                                {
+                                  title: "Piutang Lalai 1-12 Bulan",
+                                  key: "piutang_lalai_1bulan",
+                                  value: _vm.itemData.piutang_lalai_1bulan,
+                                },
+                                {
+                                  title: "Piutang Lalai > 12 Bulan",
+                                  key: "piutang_lalai_12bulan",
+                                  value: _vm.itemData.piutang_lalai_12bulan,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "piutang bersih",
+                            itemData: _vm.itemData.piutang_bersih,
+                            itemDataBefore: _vm.itemDataBefore.piutang_bersih,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Piutang Bersih",
+                              "piutang_bersih",
+                              _vm.itemData.piutang_bersih,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Beredar",
+                                  key: "piutang_beredar",
+                                  value: _vm.itemData.piutang_beredar,
+                                },
+                                {
+                                  title: "Piutang Lalai 1-12 Bulan",
+                                  key: "piutang_lalai_1bulan",
+                                  value: _vm.itemData.piutang_lalai_1bulan,
+                                },
+                                {
+                                  title: "Piutang Lalai > 12 Bulan",
+                                  key: "piutang_lalai_12bulan",
+                                  value: _vm.itemData.piutang_lalai_12bulan,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "piutang bersih",
+                            itemData: _vm.itemData.piutang_bersih,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Piutang Anggota",
+                              "piutang_anggota",
+                              _vm.itemData.piutang_anggota,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.piutang_anggota,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Anggota",
+                                  key: "piutang_anggota",
+                                  value: _vm.itemData.piutang_anggota,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "piutang anggota",
+                            itemData: _vm.itemData.piutang_anggota,
+                            itemDataBefore: _vm.itemDataBefore.piutang_anggota,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Piutang Anggota",
+                              "piutang_anggota",
+                              _vm.itemData.piutang_anggota,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.piutang_anggota,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Anggota",
+                                  key: "piutang_anggota",
+                                  value: _vm.itemData.piutang_anggota,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "piutang anggota",
+                            itemData: _vm.itemData.piutang_anggota,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Piutang Lalai 1-12 Bulan",
+                              "piutang_lalai_1bulan",
+                              _vm.itemData.piutang_lalai_1bulan,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.piutang_lalai_1bulan,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Lalai 1-12 Bulan",
+                                  key: "piutang_lalai_1bulan",
+                                  value: _vm.itemData.piutang_lalai_1bulan,
+                                },
+                              ],
+                              "currency",
+                              true
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "piutang lalai 1-12 bulan",
+                            itemData: _vm.itemData.piutang_lalai_1bulan,
+                            itemDataBefore:
+                              _vm.itemDataBefore.piutang_lalai_1bulan,
+                            isOpposite: true,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Piutang Lalai 1-12 Bulan",
+                              "piutang_lalai_1bulan",
+                              _vm.itemData.piutang_lalai_1bulan,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Lalai 1-12 Bulan",
+                                  key: "piutang_lalai_1bulan",
+                                  value: _vm.itemData.piutang_lalai_1bulan,
+                                },
+                              ],
+                              "currency",
+                              true
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "piutang lalai 1-12 bulan",
+                            itemData: _vm.itemData.piutang_lalai_1bulan,
+                            itemDataBefore: "0",
+                            isOpposite: true,
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "row" }, [
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Piutang Lalai > 12 Bulan",
+                              "piutang_lalai_12bulan",
+                              _vm.itemData.piutang_lalai_12bulan,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.piutang_lalai_12bulan,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Lalai > 12 Bulan",
+                                  key: "piutang_lalai_12bulan",
+                                  value: _vm.itemData.piutang_lalai_12bulan,
+                                },
+                              ],
+                              "currency",
+                              true
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _vm.itemDataBefore
+                          ? _c("widget-data", {
+                              attrs: {
+                                title: "piutang lalai > 12 bulan",
+                                itemData: _vm.itemData.piutang_lalai_12bulan,
+                                itemDataBefore:
+                                  _vm.itemDataBefore.piutang_lalai_12bulan,
+                                isOpposite: true,
+                              },
+                            })
+                          : _vm._e(),
+                      ],
+                      1
+                    )
+                  : _vm._e(),
+                _vm._v(" "),
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Piutang Lalai > 12 Bulan",
+                              "piutang_lalai_12bulan",
+                              _vm.itemData.piutang_lalai_12bulan,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Lalai > 12 Bulan",
+                                  key: "piutang_lalai_12bulan",
+                                  value: _vm.itemData.piutang_lalai_12bulan,
+                                },
+                              ],
+                              "currency",
+                              true
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "piutang lalai > 12 bulan",
+                            itemData: _vm.itemData.piutang_lalai_12bulan,
+                            itemDataBefore: "0",
+                            isOpposite: true,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _vm._e(),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Rasio Piutang Beredar",
+                              "rasio_beredar",
+                              _vm.itemData.rasio_beredar,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.rasio_beredar,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Beredar",
+                                  key: "piutang_beredar",
+                                  value: _vm.itemData.piutang_beredar,
+                                },
+                                {
+                                  title: "Aset",
+                                  key: "aset",
+                                  value: _vm.itemData.aset,
+                                },
+                              ],
+                              "percent"
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "rasio piutang beredar",
+                            itemData: _vm.itemData.rasio_beredar,
+                            itemDataBefore: _vm.itemDataBefore.rasio_beredar,
+                            isPercent: true,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Rasio Piutang Beredar",
+                              "rasio_beredar",
+                              _vm.itemData.rasio_beredar,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Beredar",
+                                  key: "piutang_beredar",
+                                  value: _vm.itemData.piutang_beredar,
+                                },
+                                {
+                                  title: "Aset",
+                                  key: "aset",
+                                  value: _vm.itemData.aset,
+                                },
+                              ],
+                              "percent"
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "rasio piutang beredar",
+                            itemData: _vm.itemData.rasio_beredar,
+                            itemDataBefore: "0",
+                            isPercent: true,
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Rasio Piutang Lalai",
+                              "rasio_lalai",
+                              _vm.itemData.rasio_lalai,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.rasio_lalai,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Lalai 1-12 Bulan",
+                                  key: "piutang_lalai_1bulan",
+                                  value: _vm.itemData.piutang_lalai_1bulan,
+                                },
+                                {
+                                  title: "Piutang Lalai > 12 Bulan",
+                                  key: "piutang_lalai_12bulan",
+                                  value: _vm.itemData.piutang_lalai_12bulan,
+                                },
+                                {
+                                  title: "Piutang Beredar",
+                                  key: "piutang_beredar",
+                                  value: _vm.itemData.piutang_beredar,
+                                },
+                              ],
+                              "percent",
+                              true
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "rasio piutang lalai",
+                            itemData: _vm.itemData.rasio_lalai,
+                            itemDataBefore: _vm.itemDataBefore.rasio_lalai,
+                            isPercent: true,
+                            isOpposite: true,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Rasio Piutang Lalai",
+                              "rasio_lalai",
+                              _vm.itemData.rasio_lalai,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Piutang Lalai 1-12 Bulan",
+                                  key: "piutang_lalai_1bulan",
+                                  value: _vm.itemData.piutang_lalai_1bulan,
+                                },
+                                {
+                                  title: "Piutang Lalai > 12 Bulan",
+                                  key: "piutang_lalai_12bulan",
+                                  value: _vm.itemData.piutang_lalai_12bulan,
+                                },
+                                {
+                                  title: "Piutang Beredar",
+                                  key: "piutang_beredar",
+                                  value: _vm.itemData.piutang_beredar,
+                                },
+                              ],
+                              "percent",
+                              true
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "rasio piutang lalai",
+                            itemData: _vm.itemData.rasio_lalai,
+                            itemDataBefore: "0",
+                            isPercent: true,
+                            isOpposite: true,
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _vm._m(5),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "timeline-row" }, [
+            _vm._m(6),
+            _vm._v(" "),
+            _c("div", { staticClass: "row" }, [
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "DCR",
+                              "dcr",
+                              _vm.itemData.dcr,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.dcr,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "DCR",
+                                  key: "dcr",
+                                  value: _vm.itemData.dcr,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "dcr",
+                            itemData: _vm.itemData.dcr,
+                            itemDataBefore: _vm.itemDataBefore.dcr,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "DCR",
+                              "dcr",
+                              _vm.itemData.dcr,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "DCR",
+                                  key: "dcr",
+                                  value: _vm.itemData.dcr,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "dcr",
+                            itemData: _vm.itemData.dcr,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "DCU",
+                              "dcu",
+                              _vm.itemData.dcu,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.dcu,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "DCU",
+                                  key: "dcu",
+                                  value: _vm.itemData.dcu,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "dcu",
+                            itemData: _vm.itemData.dcu,
+                            itemDataBefore: _vm.itemDataBefore.dcu,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "DCU",
+                              "dcu",
+                              _vm.itemData.dcu,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "DCU",
+                                  key: "dcu",
+                                  value: _vm.itemData.dcu,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "dcu",
+                            itemData: _vm.itemData.dcu,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Iuran Gedung",
+                              "dana_gedung",
+                              _vm.itemData.dana_gedung,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.dana_gedung,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Iuran Gedung",
+                                  key: "dana_gedung",
+                                  value: _vm.itemData.dana_gedung,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "iuran gedung",
+                            itemData: _vm.itemData.dana_gedung,
+                            itemDataBefore: _vm.itemDataBefore.dana_gedung,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Iuran Gedung",
+                              "dana_gedung",
+                              _vm.itemData.dana_gedung,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Iuran Gedung",
+                                  key: "dana_gedung",
+                                  value: _vm.itemData.dana_gedung,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "iuran gedung",
+                            itemData: _vm.itemData.dana_gedung,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Donasi",
+                              "donasi",
+                              _vm.itemData.donasi,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.donasi,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Donasi",
+                                  key: "donasi",
+                                  value: _vm.itemData.donasi,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "donasi",
+                            itemData: _vm.itemData.donasi,
+                            itemDataBefore: _vm.itemDataBefore.donasi,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Donasi",
+                              "donasi",
+                              _vm.itemData.donasi,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Donasi",
+                                  key: "donasi",
+                                  value: _vm.itemData.donasi,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "donasi",
+                            itemData: _vm.itemData.donasi,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "row" }, [
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "BJS Saham",
+                              "bjs_saham",
+                              _vm.itemData.bjs_saham,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.bjs_saham,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "BJS Saham",
+                                  key: "bjs_saham",
+                                  value: _vm.itemData.bjs_saham,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "bjs saham",
+                            itemData: _vm.itemData.bjs_saham,
+                            itemDataBefore: _vm.itemDataBefore.bjs_saham,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "BJS Saham",
+                              "bjs_saham",
+                              _vm.itemData.bjs_saham,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "BJS Saham",
+                                  key: "bjs_saham",
+                                  value: _vm.itemData.bjs_saham,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "bjs saham",
+                            itemData: _vm.itemData.bjs_saham,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Beban Penyisihan DCR",
+                              "beban_penyisihan_dcr",
+                              _vm.itemData.beban_penyisihan_dcr,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.beban_penyisihan_dcr,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Beban Penyisihan DCR",
+                                  key: "beban_penyisihan_dcr",
+                                  value: _vm.itemData.beban_penyisihan_dcr,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _vm.itemDataBefore
+                          ? _c("widget-data", {
+                              attrs: {
+                                title: "beban penyisihan dcr",
+                                itemData: _vm.itemData.beban_penyisihan_dcr,
+                                itemDataBefore:
+                                  _vm.itemDataBefore.beban_penyisihan_dcr,
+                              },
+                            })
+                          : _vm._e(),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Beban Penyisihan DCR",
+                              "beban_penyisihan_dcr",
+                              _vm.itemData.beban_penyisihan_dcr,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Beban Penyisihan DCR",
+                                  key: "beban_penyisihan_dcr",
+                                  value: _vm.itemData.beban_penyisihan_dcr,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "beban penyisihan dcr",
+                            itemData: _vm.itemData.beban_penyisihan_dcr,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Investasi Likuid",
+                              "investasi_likuid",
+                              _vm.itemData.investasi_likuid,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.investasi_likuid,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Investasi Likuid",
+                                  key: "investasi_likuid",
+                                  value: _vm.itemData.investasi_likuid,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _vm.itemDataBefore
+                          ? _c("widget-data", {
+                              attrs: {
+                                title: "investasi likuid",
+                                itemData: _vm.itemData.investasi_likuid,
+                                itemDataBefore:
+                                  _vm.itemDataBefore.investasi_likuid,
+                              },
+                            })
+                          : _vm._e(),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Investasi Likuid",
+                              "investasi_likuid",
+                              _vm.itemData.investasi_likuid,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Investasi Likuid",
+                                  key: "investasi_likuid",
+                                  value: _vm.itemData.investasi_likuid,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "investasi likuid",
+                            itemData: _vm.itemData.investasi_likuid,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _vm._m(7),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "timeline-row" }, [
+            _vm._m(8),
+            _vm._v(" "),
+            _c("div", { staticClass: "row" }, [
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Total Pendapatan",
+                              "total_pendapatan",
+                              _vm.itemData.total_pendapatan,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.total_pendapatan,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Total Pendapatan",
+                                  key: "total_pendapatan",
+                                  value: _vm.itemData.total_pendapatan,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "total pendapatan",
+                            itemData: _vm.itemData.total_pendapatan,
+                            itemDataBefore: _vm.itemDataBefore.total_pendapatan,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Total Pendapatan",
+                              "total_pendapatan",
+                              _vm.itemData.total_pendapatan,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Total Pendapatan",
+                                  key: "total_pendapatan",
+                                  value: _vm.itemData.total_pendapatan,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "total pendapatan",
+                            itemData: _vm.itemData.total_pendapatan,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Total Biaya",
+                              "total_biaya",
+                              _vm.itemData.total_biaya,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.total_biaya,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Total Biaya",
+                                  key: "total_biaya",
+                                  value: _vm.itemData.total_biaya,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "total biaya",
+                            itemData: _vm.itemData.total_biaya,
+                            itemDataBefore: _vm.itemDataBefore.total_biaya,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Total Biaya",
+                              "total_biaya",
+                              _vm.itemData.total_biaya,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Total Biaya",
+                                  key: "total_biaya",
+                                  value: _vm.itemData.total_biaya,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "total biaya",
+                            itemData: _vm.itemData.total_biaya,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "SHU",
+                              "shu",
+                              _vm.itemData.shu,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.shu,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "SHU",
+                                  key: "shu",
+                                  value: _vm.itemData.shu,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "shu",
+                            itemData: _vm.itemData.shu,
+                            itemDataBefore: _vm.itemDataBefore.shu,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "SHU",
+                              "shu",
+                              _vm.itemData.shu,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "SHU",
+                                  key: "shu",
+                                  value: _vm.itemData.shu,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "shu",
+                            itemData: _vm.itemData.shu,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "SHU Lalu",
+                              "shu_lalu",
+                              _vm.itemData.shu_lalu,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.shu_lalu,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "SHU Lalu",
+                                  key: "shu_lalu",
+                                  value: _vm.itemData.shu_lalu,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "shu lalu",
+                            itemData: _vm.itemData.shu_lalu,
+                            itemDataBefore: _vm.itemDataBefore.shu_lalu,
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "SHU Lalu",
+                              "shu_lalu",
+                              _vm.itemData.shu_lalu,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "SHU Lalu",
+                                  key: "shu_lalu",
+                                  value: _vm.itemData.shu_lalu,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "shu lalu",
+                            itemData: _vm.itemData.shu_lalu,
+                            itemDataBefore: "0",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "row" }, [
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Laju Inflasi",
+                              "laju_inflasi",
+                              _vm.itemData.laju_inflasi,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.laju_inflasi,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Laju Inflasi",
+                                  key: "laju_inflasi",
+                                  value: _vm.itemData.laju_inflasi,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _vm.itemDataBefore
+                          ? _c("widget-data", {
+                              attrs: {
+                                title: "laju inflasi",
+                                itemData: _vm.itemData.laju_inflasi,
+                                itemDataBefore: _vm.itemDataBefore.laju_inflasi,
+                                isPercent: true,
+                              },
+                            })
+                          : _vm._e(),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Laju Inflasi",
+                              "laju_inflasi",
+                              _vm.itemData.laju_inflasi,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Laju Inflasi",
+                                  key: "laju_inflasi",
+                                  value: _vm.itemData.laju_inflasi,
+                                },
+                              ]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "laju inflasi",
+                            itemData: _vm.itemData.laju_inflasi,
+                            itemDataBefore: "0",
+                            isPercent: true,
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-3" }, [
+                _vm.itemDataBefore
+                  ? _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Harga Pasar",
+                              "harga_pasar",
+                              _vm.itemData.harga_pasar,
+                              _vm.itemData.periode,
+                              _vm.itemDataBefore.harga_pasar,
+                              _vm.itemDataBefore.periode,
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Harga Pasar",
+                                  key: "harga_pasar",
+                                  value: _vm.itemData.harga_pasar,
+                                },
+                              ],
+                              "percent"
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _vm.itemDataBefore
+                          ? _c("widget-data", {
+                              attrs: {
+                                title: "harga pasar",
+                                itemData: _vm.itemData.harga_pasar,
+                                itemDataBefore: _vm.itemDataBefore.harga_pasar,
+                                isPercent: true,
+                              },
+                            })
+                          : _vm._e(),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "div",
+                      {
+                        staticStyle: { cursor: "pointer" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalBuka(
+                              "Harga Pasar",
+                              "harga_pasar",
+                              _vm.itemData.harga_pasar,
+                              _vm.itemData.periode,
+                              "0",
+                              "",
+                              _vm.grafikData.data,
+                              [
+                                {
+                                  title: "Harga Pasar",
+                                  key: "harga_pasar",
+                                  value: _vm.itemData.harga_pasar,
+                                },
+                              ],
+                              "percent"
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("widget-data", {
+                          attrs: {
+                            title: "harga pasar",
+                            itemData: _vm.itemData.harga_pasar,
+                            itemDataBefore: "0",
+                            isPercent: true,
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+              ]),
             ]),
-      ]
-    ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("DatePicker", {
-    staticClass: "w-100",
-    attrs: {
-      format: "DD-MM-YYYY",
-      "value-type": "format",
-      placeholder: "Pilih Tanggal",
-      editable: true,
-    },
-    on: { change: _vm.onChanged },
-    model: {
-      value: _vm.time,
-      callback: function ($$v) {
-        _vm.time = $$v
-      },
-      expression: "time",
-    },
-  })
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticStyle: { display: "inline-block" } }, [
-    _c("i", {
-      directives: [
+          ]),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c(
+        "app-modal",
         {
-          name: "tooltip",
-          rawName: "v-tooltip",
-          value: _vm.message,
-          expression: "message",
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
+            button: _vm.modalButton,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
         },
-      ],
-      staticClass: "icon-info22 d-none d-sm-block",
-    }),
-    _vm._v(" "),
-    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
-      _c("i", [_vm._v(_vm._s(_vm.message))]),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticStyle: { display: "inline-block" } }, [
-      _c(
-        "span",
-        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
-        [_vm._v("Wajib diisi")]
-      ),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=template&id=09220a8e&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=template&id=09220a8e& ***!
-  \*************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card card-body text-center" }, [
-      _c(
-        "ul",
-        { staticClass: "list-inline list-inline-consensed mb-0 font-size-lg" },
         [
-          _c("li", { staticClass: "list-inline-item" }, [
-            _c("b", [_vm._v("CU:")]),
-            _vm._v(
-              " " + _vm._s(_vm.anggota_cu.cu ? _vm.anggota_cu.cu.name : "-")
-            ),
-          ]),
-          _vm._v(" "),
-          _c("li", { staticClass: "list-inline-item" }, [
-            _c("b", [_vm._v("No. BA:")]),
-            _vm._v(" " + _vm._s(_vm.anggota_cu.no_ba)),
+          _c("template", { slot: "modal-title" }, [
+            _vm._v(_vm._s(_vm.modalTitle)),
           ]),
           _vm._v(" "),
-          _c("li", { staticClass: "list-inline-item" }, [
-            _c("b", [_vm._v("Tgl. Masuk:")]),
-            _vm._v(
-              " " +
-                _vm._s(_vm.$options.filters.date(_vm.anggota_cu.tanggal_masuk))
-            ),
-          ]),
-        ]
-      ),
-    ]),
-    _vm._v(" "),
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formDataCu" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _c("div", { staticClass: "row" }, [
-          _c("div", { staticClass: "col-md-12" }, [
+          _c("template", { slot: "modal-body1" }, [
             _c(
-              "div",
+              "form",
               {
-                staticClass: "form-group",
-                class: {
-                  "has-error": _vm.errors.has("formDataCu.tanggal_keluar"),
+                attrs: { "data-vv-scope": "form" },
+                on: {
+                  submit: function ($event) {
+                    $event.preventDefault()
+                    return _vm.save.apply(null, arguments)
+                  },
                 },
               },
               [
+                _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
+                  _c(
+                    "ul",
+                    {
+                      staticClass:
+                        "nav nav-tabs nav-tabs-bottom flex-nowrap mb-0",
+                    },
+                    [
+                      _c("li", { staticClass: "nav-item" }, [
+                        _c(
+                          "a",
+                          {
+                            staticClass: "nav-link",
+                            class: {
+                              active: _vm.modalDetail.tab == "analisis",
+                            },
+                            attrs: { href: "#" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                _vm.modalDetail.tab = "analisis"
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-wave2 mr-2" }),
+                            _vm._v(" Analisis"),
+                          ]
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("li", { staticClass: "nav-item" }, [
+                        _c(
+                          "a",
+                          {
+                            staticClass: "nav-link",
+                            class: { active: _vm.modalDetail.tab == "tabel" },
+                            attrs: { href: "#" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                _vm.modalDetail.tab = "tabel"
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-list2 mr-2" }),
+                            _vm._v(" Tabel"),
+                          ]
+                        ),
+                      ]),
+                    ]
+                  ),
+                ]),
+                _vm._v(" "),
                 _c(
-                  "h6",
+                  "div",
                   {
-                    class: {
-                      "text-danger": _vm.errors.has(
-                        "formDataCu.tanggal_keluar"
-                      ),
-                    },
+                    directives: [
+                      {
+                        name: "show",
+                        rawName: "v-show",
+                        value: _vm.modalDetail.tab == "analisis",
+                        expression: "modalDetail.tab == 'analisis'",
+                      },
+                    ],
+                  },
+                  [
+                    _c("widget-data", {
+                      attrs: {
+                        title: _vm.modalDetail.title,
+                        itemData: _vm.modalDetail.itemData,
+                        itemDataBefore: _vm.modalDetail.itemDataBefore,
+                        isPercent: _vm.modalDetail.isPercent,
+                        isOpposite: _vm.modalDetail.isOpposite,
+                      },
+                    }),
+                    _vm._v(" "),
+                    _c(
+                      "div",
+                      { staticClass: "card card-body border-top-blue" },
+                      [
+                        _c("h6", {
+                          domProps: {
+                            innerHTML: _vm._s(_vm.modalDetail.analisis1),
+                          },
+                        }),
+                      ]
+                    ),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  {
+                    directives: [
+                      {
+                        name: "show",
+                        rawName: "v-show",
+                        value: _vm.modalDetail.tab == "tabel",
+                        expression: "modalDetail.tab == 'tabel'",
+                      },
+                    ],
                   },
                   [
-                    _vm.errors.has("formDataCu.tanggal_keluar")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\tTgl. Keluar: "),
-                    _c("wajib-badge"),
-                  ],
-                  1
+                    _c("div", { staticClass: "pre-scrollable" }, [
+                      _c(
+                        "table",
+                        { staticClass: "table table-striped table-bordered" },
+                        [
+                          _c("thead", { staticClass: "bg-primary" }, [
+                            _c("tr", [
+                              _c("th", [_vm._v("Periode")]),
+                              _vm._v(" "),
+                              _c("th", [_vm._v("Jumlah ")]),
+                              _vm._v(" "),
+                              _c("th", [_vm._v("Pertumbuhan")]),
+                              _vm._v(" "),
+                              !_vm.modalDetail.isPercent
+                                ? _c("th", [_vm._v("Pertumbuhan (%)")])
+                                : _vm._e(),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c(
+                            "tbody",
+                            _vm._l(
+                              _vm.modalDetail.grafikData,
+                              function (grafik) {
+                                return _c(
+                                  "tr",
+                                  {
+                                    staticClass: "text-nowrap",
+                                    class: {
+                                      info:
+                                        Object.values(grafik)[0] ==
+                                        _vm.itemData.periode,
+                                    },
+                                  },
+                                  [
+                                    _c("td", [
+                                      _vm._v(
+                                        _vm._s(
+                                          _vm._f("dateMonth")(
+                                            Object.values(grafik)[0]
+                                          )
+                                        )
+                                      ),
+                                    ]),
+                                    _vm._v(" "),
+                                    _vm.modalDetail.isPercent
+                                      ? _c("td", [
+                                          _vm._v(
+                                            _vm._s(
+                                              _vm._f("percentage")(
+                                                Object.values(grafik)[1],
+                                                2
+                                              )
+                                            )
+                                          ),
+                                        ])
+                                      : _c("td", [
+                                          _vm._v(
+                                            _vm._s(
+                                              _vm._f("currency")(
+                                                Object.values(grafik)[1],
+                                                "",
+                                                0,
+                                                { thousandsSeparator: "." }
+                                              )
+                                            )
+                                          ),
+                                        ]),
+                                    _vm._v(" "),
+                                    _vm.itemData.periode !=
+                                    Object.values(grafik)[0]
+                                      ? _c(
+                                          "td",
+                                          {
+                                            class: {
+                                              "text-primary":
+                                                _vm.countTotal(
+                                                  _vm.modalDetail.itemData,
+                                                  Object.values(grafik)[1]
+                                                ) > 0,
+                                              "text-danger":
+                                                _vm.countTotal(
+                                                  _vm.modalDetail.itemData,
+                                                  Object.values(grafik)[1]
+                                                ) < 0,
+                                            },
+                                          },
+                                          [
+                                            _vm.countTotal(
+                                              _vm.modalDetail.itemData,
+                                              Object.values(grafik)[1]
+                                            ) > 0
+                                              ? _c("i", {
+                                                  staticClass:
+                                                    "icon-chevron-up",
+                                                })
+                                              : _vm.countTotal(
+                                                  _vm.modalDetail.itemData,
+                                                  Object.values(grafik)[1]
+                                                ) < 0
+                                              ? _c("i", {
+                                                  staticClass:
+                                                    "icon-chevron-down",
+                                                })
+                                              : _vm._e(),
+                                            _vm._v(" "),
+                                            _vm.modalDetail.isPercent
+                                              ? _c("span", [
+                                                  _vm._v(
+                                                    "\n\t\t\t\t\t\t\t\t\t\t" +
+                                                      _vm._s(
+                                                        _vm._f("percentage")(
+                                                          Math.abs(
+                                                            _vm.countTotal(
+                                                              _vm.modalDetail
+                                                                .itemData,
+                                                              Object.values(
+                                                                grafik
+                                                              )[1]
+                                                            )
+                                                          ),
+                                                          2
+                                                        )
+                                                      ) +
+                                                      "\n\t\t\t\t\t\t\t\t\t"
+                                                  ),
+                                                ])
+                                              : _c("span", [
+                                                  _vm._v(
+                                                    "\n\t\t\t\t\t\t\t\t\t\t" +
+                                                      _vm._s(
+                                                        _vm._f("currency")(
+                                                          Math.abs(
+                                                            _vm.countTotal(
+                                                              _vm.modalDetail
+                                                                .itemData,
+                                                              Object.values(
+                                                                grafik
+                                                              )[1]
+                                                            )
+                                                          ),
+                                                          "",
+                                                          0,
+                                                          {
+                                                            thousandsSeparator:
+                                                              ".",
+                                                          }
+                                                        )
+                                                      ) +
+                                                      "\n\t\t\t\t\t\t\t\t\t"
+                                                  ),
+                                                ]),
+                                          ]
+                                        )
+                                      : _c(
+                                          "td",
+                                          {
+                                            staticClass: "text-center",
+                                            attrs: { colspan: "2" },
+                                          },
+                                          [_vm._v("LAPORAN PERIODE INI")]
+                                        ),
+                                    _vm._v(" "),
+                                    _vm.itemData.periode !=
+                                      Object.values(grafik)[0] &&
+                                    !_vm.modalDetail.isPercent
+                                      ? _c("td", [
+                                          _c(
+                                            "span",
+                                            {
+                                              staticClass: "badge pull-right",
+                                              class: {
+                                                "badge-primary":
+                                                  _vm.countTotal(
+                                                    _vm.modalDetail.itemData,
+                                                    Object.values(grafik)[1]
+                                                  ) > 0,
+                                                "badge-danger":
+                                                  _vm.countTotal(
+                                                    _vm.modalDetail.itemData,
+                                                    Object.values(grafik)[1]
+                                                  ) < 0,
+                                              },
+                                            },
+                                            [
+                                              _vm.countTotal(
+                                                _vm.modalDetail.itemData,
+                                                Object.values(grafik)[1]
+                                              ) > 0
+                                                ? _c("span", [_vm._v("+")])
+                                                : _vm.countTotal(
+                                                    _vm.modalDetail.itemData,
+                                                    Object.values(grafik)[1]
+                                                  ) < 0
+                                                ? _c("span", [_vm._v("-")])
+                                                : _vm._e(),
+                                              _vm._v(
+                                                "\t\n\t\t\t\t\t\t\t\t\t\t" +
+                                                  _vm._s(
+                                                    _vm._f("currency")(
+                                                      Math.abs(
+                                                        _vm.countPercentage(
+                                                          _vm.modalDetail
+                                                            .itemData,
+                                                          Object.values(
+                                                            grafik
+                                                          )[1]
+                                                        )
+                                                      ),
+                                                      "",
+                                                      2,
+                                                      {
+                                                        thousandsSeparator: ".",
+                                                        decimalSeparator: ",",
+                                                      }
+                                                    )
+                                                  ) +
+                                                  " %\n\t\t\t\t\t\t\t\t\t"
+                                              ),
+                                            ]
+                                          ),
+                                        ])
+                                      : _vm._e(),
+                                  ]
+                                )
+                              }
+                            ),
+                            0
+                          ),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("hr"),
+                    _vm._v(" "),
+                    _c(
+                      "div",
+                      {
+                        staticClass:
+                          "alert bg-info alert-styled-left mt-2 pt-1 pb-1",
+                      },
+                      [
+                        _c("span", { staticClass: "mb-2 text-semibold" }, [
+                          _c("u", [_vm._v("Bagaimana membaca tabel ini?")]),
+                        ]),
+                        _vm._v(" "),
+                        _c("p", [
+                          _vm._v(
+                            "Kolom pertumbuhan adalah perbandingan nilai pada laporan periode ini dibandingan dengan periode lainnya sesuai pada tabel"
+                          ),
+                        ]),
+                      ]
+                    ),
+                  ]
                 ),
                 _vm._v(" "),
-                _c("date-picker", {
-                  attrs: { defaultDate: _vm.formDataCu.tanggal_keluar },
-                  on: {
-                    dateSelected: function ($event) {
-                      _vm.formDataCu.tanggal_keluar = $event
-                    },
-                  },
-                }),
+                _vm.modalDetail.isUbah
+                  ? _c("div", [
+                      _c("hr"),
+                      _vm._v(" "),
+                      _vm.modalDetail.canUbah
+                        ? _c("div", [
+                            _c(
+                              "div",
+                              {
+                                staticClass:
+                                  "well well-sm border-top-lg border-top-warning",
+                              },
+                              _vm._l(_vm.modalDetail.form, function (form) {
+                                return form.title
+                                  ? _c("div", [
+                                      _c(
+                                        "div",
+                                        { staticClass: "form-group" },
+                                        [
+                                          _c("h5", [
+                                            _vm._v(_vm._s(form.title)),
+                                          ]),
+                                          _vm._v(" "),
+                                          _c("cleave", {
+                                            staticClass: "form-control",
+                                            attrs: {
+                                              options: _vm.cleaveOption.numeric,
+                                              placeholder:
+                                                "Silahkan masukkan " +
+                                                form.title,
+                                            },
+                                            model: {
+                                              value: form.value,
+                                              callback: function ($$v) {
+                                                _vm.$set(form, "value", $$v)
+                                              },
+                                              expression: "form.value",
+                                            },
+                                          }),
+                                        ],
+                                        1
+                                      ),
+                                    ])
+                                  : _vm._e()
+                              }),
+                              0
+                            ),
+                          ])
+                        : _c("div", [
+                            _c(
+                              "div",
+                              {
+                                staticClass:
+                                  "alert bg-warning alert-styled-left mt-10 pt-5 pb-5",
+                              },
+                              [
+                                _c(
+                                  "span",
+                                  { staticClass: "mb-5 text-semibold" },
+                                  [
+                                    _c("u", [
+                                      _vm._v(
+                                        "Maaf tidak bisa mengubah data disini."
+                                      ),
+                                    ]),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _c("p", [
+                                  _vm._v(
+                                    "Laporan berikut merupakan laporan konsolidasi dari beberapa data laporan TP pada periode ini, untuk melakukan pengubahan data silahkan buka laporan TP pada periode ini."
+                                  ),
+                                ]),
+                              ]
+                            ),
+                          ]),
+                    ])
+                  : _vm._e(),
                 _vm._v(" "),
-                _c("input", {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.formDataCu.tanggal_keluar,
-                      expression: "formDataCu.tanggal_keluar",
-                    },
-                    {
-                      name: "show",
-                      rawName: "v-show",
-                      value: false,
-                      expression: "false",
-                    },
+                _c("hr"),
+                _vm._v(" "),
+                _c("div", { staticClass: "text-center d-none d-sm-block" }, [
+                  _c(
+                    "button",
                     {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
+                      directives: [
+                        {
+                          name: "tooltip",
+                          rawName: "v-tooltip:top",
+                          value: "Tutup",
+                          expression: "'Tutup'",
+                          arg: "top",
+                        },
+                      ],
+                      staticClass: "btn btn-light",
+                      attrs: { type: "button" },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalTutup.apply(null, arguments)
+                        },
+                      },
                     },
-                  ],
-                  attrs: { "data-vv-as": "Tgl. keluar anggota" },
-                  domProps: { value: _vm.formDataCu.tanggal_keluar },
-                  on: {
-                    input: function ($event) {
-                      if ($event.target.composing) {
-                        return
-                      }
-                      _vm.$set(
-                        _vm.formDataCu,
-                        "tanggal_keluar",
-                        $event.target.value
+                    [
+                      _c("i", { staticClass: "icon-cross" }),
+                      _vm._v(" Tutup\n\t\t\t\t"),
+                    ]
+                  ),
+                  _vm._v(" "),
+                  !_vm.modalDetail.isUbah &&
+                  _vm.currentUser.can &&
+                  _vm.currentUser.can["update_laporan_cu"]
+                    ? _c(
+                        "button",
+                        {
+                          directives: [
+                            {
+                              name: "tooltip",
+                              rawName: "v-tooltip:top",
+                              value: "Ubah data perhitungan",
+                              expression: "'Ubah data perhitungan'",
+                              arg: "top",
+                            },
+                          ],
+                          staticClass: "btn btn-light",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              _vm.modalDetail.isUbah = true
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-pencil5" }),
+                          _vm._v(" Ubah\n\t\t\t\t"),
+                        ]
                       )
-                    },
-                  },
-                }),
+                    : _vm._e(),
+                  _vm._v(" "),
+                  _vm.modalDetail.isUbah
+                    ? _c(
+                        "button",
+                        {
+                          directives: [
+                            {
+                              name: "tooltip",
+                              rawName: "v-tooltip:top",
+                              value: "Batal mengubah data perhitungan",
+                              expression: "'Batal mengubah data perhitungan'",
+                              arg: "top",
+                            },
+                          ],
+                          staticClass: "btn btn-light",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              _vm.modalDetail.isUbah = false
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-arrow-left13" }),
+                          _vm._v(" Batal\n\t\t\t\t"),
+                        ]
+                      )
+                    : _vm._e(),
+                  _vm._v(" "),
+                  _vm.modalDetail.isUbah &&
+                  _vm.currentUser.can &&
+                  _vm.currentUser.can["update_laporan_cu"] &&
+                  _vm.modalDetail.canUbah
+                    ? _c(
+                        "button",
+                        {
+                          directives: [
+                            {
+                              name: "tooltip",
+                              rawName: "v-tooltip:top",
+                              value: "Simpan data perhitungan",
+                              expression: "'Simpan data perhitungan'",
+                              arg: "top",
+                            },
+                          ],
+                          staticClass: "btn btn-primary",
+                          attrs: { type: "submit" },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-floppy-disk" }),
+                          _vm._v(" Simpan\n\t\t\t\t"),
+                        ]
+                      )
+                    : _vm._e(),
+                ]),
                 _vm._v(" "),
-                _vm.errors.has("formDataCu.tanggal_keluar")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(
-                            _vm.errors.first("formDataCu.tanggal_keluar")
-                          ) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-              ],
-              1
+                _c("div", { staticClass: "d-block d-sm-none" }, [
+                  _vm.modalDetail.isUbah &&
+                  _vm.currentUser.can &&
+                  _vm.currentUser.can["update_laporan_cu"] &&
+                  _vm.modalDetail.canUbah
+                    ? _c(
+                        "button",
+                        {
+                          directives: [
+                            {
+                              name: "tooltip",
+                              rawName: "v-tooltip:top",
+                              value: "Simpan data perhitungan",
+                              expression: "'Simpan data perhitungan'",
+                              arg: "top",
+                            },
+                          ],
+                          staticClass: "btn btn-primary btn-block",
+                          attrs: { type: "submit" },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-floppy-disk" }),
+                          _vm._v(" Simpan\n\t\t\t\t"),
+                        ]
+                      )
+                    : _vm._e(),
+                  _vm._v(" "),
+                  _vm.modalDetail.isUbah &&
+                  _vm.currentUser.can &&
+                  _vm.currentUser.can["update_laporan_cu"]
+                    ? _c(
+                        "button",
+                        {
+                          directives: [
+                            {
+                              name: "tooltip",
+                              rawName: "v-tooltip:top",
+                              value: "Batal mengubah data perhitungan",
+                              expression: "'Batal mengubah data perhitungan'",
+                              arg: "top",
+                            },
+                          ],
+                          staticClass: "btn btn-light btn-block",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              _vm.modalDetail.isUbah = false
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-arrow-left13" }),
+                          _vm._v(" Batal\n\t\t\t\t"),
+                        ]
+                      )
+                    : _vm._e(),
+                  _vm._v(" "),
+                  !_vm.modalDetail.isUbah &&
+                  _vm.currentUser.can &&
+                  _vm.currentUser.can["update_laporan_cu"]
+                    ? _c(
+                        "button",
+                        {
+                          directives: [
+                            {
+                              name: "tooltip",
+                              rawName: "v-tooltip:top",
+                              value: "Ubah data perhitungan",
+                              expression: "'Ubah data perhitungan'",
+                              arg: "top",
+                            },
+                          ],
+                          staticClass: "btn btn-light btn-block",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              _vm.modalDetail.isUbah = true
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-pencil5" }),
+                          _vm._v(" Ubah\n\t\t\t\t"),
+                        ]
+                      )
+                    : _vm._e(),
+                  _vm._v(" "),
+                  _c(
+                    "button",
+                    {
+                      directives: [
+                        {
+                          name: "tooltip",
+                          rawName: "v-tooltip:top",
+                          value: "Tutup",
+                          expression: "'Tutup'",
+                          arg: "top",
+                        },
+                      ],
+                      staticClass: "btn btn-light btn-block",
+                      attrs: { type: "button" },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalTutup.apply(null, arguments)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-cross" }),
+                      _vm._v(" Tutup\n\t\t\t\t"),
+                    ]
+                  ),
+                ]),
+              ]
             ),
           ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-md-12" }, [
-            _c("div", { staticClass: "form-group" }, [
-              _c("h6", [_vm._v("Keterangan Keluar:")]),
-              _vm._v(" "),
-              _c("input", {
-                directives: [
-                  {
-                    name: "model",
-                    rawName: "v-model",
-                    value: _vm.formDataCu.keterangan_keluar,
-                    expression: "formDataCu.keterangan_keluar",
-                  },
-                ],
-                staticClass: "form-control",
-                attrs: {
-                  type: "text",
-                  name: "keterangan_keluar",
-                  placeholder: "Silahkan masukkan keterangan keluar",
-                },
-                domProps: { value: _vm.formDataCu.keterangan_keluar },
-                on: {
-                  input: function ($event) {
-                    if ($event.target.composing) {
-                      return
-                    }
-                    _vm.$set(
-                      _vm.formDataCu,
-                      "keterangan_keluar",
-                      $event.target.value
-                    )
-                  },
-                },
-              }),
-            ]),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-        ]),
-      ]
-    ),
-  ])
+        ],
+        2
+      ),
+    ],
+    1
+  )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "timeline-icon" }, [
+      _c("div", { staticClass: "bg-blue" }, [
+        _c("i", { staticClass: "icon-people" }),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "row" }, [_c("hr")])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "timeline-icon" }, [
+      _c("div", { staticClass: "bg-orange" }, [
+        _c("i", { staticClass: "icon-briefcase3" }),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "row" }, [_c("hr")])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "timeline-icon" }, [
+      _c("div", { staticClass: "bg-brown" }, [
+        _c("i", { staticClass: "icon-piggy-bank" }),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "row" }, [_c("hr")])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "timeline-icon" }, [
+      _c("div", { staticClass: "bg-danger" }, [
+        _c("i", { staticClass: "icon-lifebuoy" }),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "row" }, [_c("hr")])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "timeline-icon" }, [
+      _c("div", { staticClass: "bg-grey" }, [
+        _c("i", { staticClass: "icon-cash4" }),
+      ]),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=template&id=9ee6cd0a&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=template&id=9ee6cd0a& ***!
-  \**********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=template&id=f6a3d8ba&":
+/*!***************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=template&id=f6a3d8ba& ***!
+  \***************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -2283,1726 +8854,1848 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card card-body text-center" }, [
-      _c(
-        "ul",
-        { staticClass: "list-inline list-inline-consensed mb-0 font-size-lg" },
-        [
-          _c("li", { staticClass: "list-inline-item" }, [
-            _c("b", [_vm._v("No. KTP / NIK:")]),
-            _vm._v(" " + _vm._s(_vm.anggota_cu.nik)),
-          ]),
-        ]
-      ),
-    ]),
-    _vm._v(" "),
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formData" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _c("div", { staticClass: "row" }, [
-          _c("div", { staticClass: "col-md-12" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: { "has-error": _vm.errors.has("formData.nik") },
-              },
-              [
-                _c(
-                  "h6",
-                  { class: { "text-danger": _vm.errors.has("formData.nik") } },
-                  [
-                    _vm.errors.has("formData.nik")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v(
-                      "\n\t\t\t\t\tNo. KTP / Nomor Induk Kependudukan (NIK):\n\t\t\t\t\t"
-                    ),
-                    _c("br"),
-                    _vm._v(" "),
-                    _c(
-                      "span",
-                      {
-                        staticClass:
-                          "badge bg-danger-400 align-self-center ml-auto",
-                      },
-                      [
-                        _vm._v(
-                          "*pastikan nomor yang dimasukan adalah nomor yang valid!"
-                        ),
-                      ]
-                    ),
-                  ]
-                ),
-                _vm._v(" "),
-                _c("cleave", {
-                  directives: [
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required|min:16",
-                      expression: "'required|min:16'",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "nik",
-                    options: _vm.cleaveOption.number16,
-                    placeholder:
-                      "Silahkan masukkan no. KTP / Nomor Induk Kependudukan (NIK)",
-                  },
-                  model: {
-                    value: _vm.formData.nik,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.formData, "nik", $$v)
-                    },
-                    expression: "formData.nik",
-                  },
-                }),
-                _vm._v(" "),
-                _vm.errors.has("formData.nik")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formData.nik")) +
-                          "\n\t\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-              ],
-              1
-            ),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("hr", { staticClass: "mt-0" }),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+  return _c(
+    "div",
+    [
+      _c("div", { staticClass: "row" }, [
+        _c("div", { staticClass: "col-sm-3" }, [
           _c(
-            "button",
+            "div",
             {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.p1 >= 1,
+                "bg-danger": _vm.itemData.p1 < 1,
+              },
+              staticStyle: { cursor: "pointer" },
               on: {
                 click: function ($event) {
                   $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
+                  return _vm.modalBuka(_vm.itemData, "p1")
                 },
               },
             },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: { type: "submit", disabled: _vm.formData.nik == "" },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+            [
+              _c("div", { staticClass: "media mb-3" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.p1, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.p1 >= 1
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
+                      ]),
+                ]),
+                _vm._v(" "),
+                _vm._m(0),
+              ]),
+              _vm._v(" "),
+              _vm._m(1),
+              _vm._v(" "),
+              _c("b", [_vm._v("Provisi pinjaman lalai di atas 12 bulan")]),
+            ]
           ),
         ]),
         _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: { type: "submit", disabled: _vm.formData.nik == "" },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-          _vm._v(" "),
+        _c("div", { staticClass: "col-sm-3" }, [
           _c(
-            "button",
+            "div",
             {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.p2 > 0.35,
+                "bg-danger": _vm.itemData.p2 <= 0.35,
+              },
+              staticStyle: { cursor: "pointer" },
               on: {
                 click: function ($event) {
                   $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
+                  return _vm.modalBuka(_vm.itemData, "p2")
                 },
               },
             },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.p2, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.p2 > 0.35
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
+                      ]),
+                ]),
+                _vm._v(" "),
+                _vm._m(2),
+              ]),
+              _vm._v(" "),
+              _vm._m(3),
+              _vm._v(" "),
+              _c("b", [_vm._v("Provisi pinjaman lalai 1-12 bulan")]),
+            ]
           ),
         ]),
-      ]
-    ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=template&id=d5d9e8d2&":
-/*!***************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=template&id=d5d9e8d2& ***!
-  \***************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card card-body text-center" }, [
-      _c(
-        "ul",
-        { staticClass: "list-inline list-inline-consensed mb-0 font-size-lg" },
-        [
-          _c("li", { staticClass: "list-inline-item" }, [
-            _c("b", [_vm._v("CU:")]),
-            _vm._v(
-              " " + _vm._s(_vm.anggota_cu.cu ? _vm.anggota_cu.cu.name : "-")
-            ),
-          ]),
-          _vm._v(" "),
-          _c("li", { staticClass: "list-inline-item" }, [
-            _c("b", [_vm._v("TP/KP:")]),
-            _vm._v(
-              " " + _vm._s(_vm.anggota_cu.cu ? _vm.anggota_cu.tp.name : "-")
-            ),
-          ]),
-          _vm._v(" "),
-          _c("li", { staticClass: "list-inline-item" }, [
-            _c("b", [_vm._v("No. BA:")]),
-            _vm._v(" " + _vm._s(_vm.anggota_cu.no_ba)),
-          ]),
-          _vm._v(" "),
-          _c("li", { staticClass: "list-inline-item" }, [
-            _c("b", [_vm._v("Tgl. Masuk:")]),
-            _vm._v(
-              " " +
-                _vm._s(_vm.$options.filters.date(_vm.anggota_cu.tanggal_masuk))
-            ),
-          ]),
-        ]
-      ),
-    ]),
-    _vm._v(" "),
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formDataCu" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _c("div", { staticClass: "row" }, [
-          _c("div", { staticClass: "col-sm-12" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: { "has-error": _vm.errors.has("formDataCu.tp_id") },
+        _vm._v(" "),
+        _c("div", { staticClass: "col-sm-3" }, [
+          _c(
+            "div",
+            {
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.e1 >= 0.7 && _vm.itemData.e1 <= 0.8,
+                "bg-danger": _vm.itemData.e1 < 0.7 || _vm.itemData.e1 > 0.8,
               },
-              [
-                _c(
-                  "h6",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has("formDataCu.tp_id"),
-                    },
-                  },
-                  [
-                    _vm.errors.has("formDataCu.tp_id")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tTP/KP Tujuan: "),
-                    _c("wajib-badge"),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.formDataCu.tp_id,
-                        expression: "formDataCu.tp_id",
-                      },
-                      {
-                        name: "validate",
-                        rawName: "v-validate",
-                        value: "required",
-                        expression: "'required'",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      name: "id_tp",
-                      "data-width": "100%",
-                      "data-vv-as": "TP/KP",
-                    },
-                    on: {
-                      change: function ($event) {
-                        var $$selectedVal = Array.prototype.filter
-                          .call($event.target.options, function (o) {
-                            return o.selected
-                          })
-                          .map(function (o) {
-                            var val = "_value" in o ? o._value : o.value
-                            return val
-                          })
-                        _vm.$set(
-                          _vm.formDataCu,
-                          "tp_id",
-                          $event.target.multiple
-                            ? $$selectedVal
-                            : $$selectedVal[0]
-                        )
-                      },
-                    },
-                  },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("Silahkan pilih TP/KP"),
-                    ]),
-                    _vm._v(" "),
-                    _vm._l(_vm.modelTp, function (tp, index) {
-                      return _c(
-                        "option",
-                        { key: index, domProps: { value: tp.id } },
-                        [_vm._v(_vm._s(tp.name))]
-                      )
-                    }),
-                  ],
-                  2
-                ),
-                _vm._v(" "),
-                _vm.errors.has("formDataCu.tp_id")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formDataCu.tp_id")) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-              ]
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-md-12" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: {
-                  "has-error": _vm.errors.has("formDataCu.tanggal_pindah"),
+              staticStyle: { cursor: "pointer" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.modalBuka(_vm.itemData, "e1")
                 },
               },
-              [
-                _c(
-                  "h6",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has(
-                        "formDataCu.tanggal_pindah"
-                      ),
-                    },
-                  },
-                  [
-                    _vm.errors.has("formDataCu.tanggal_pindah")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\tTgl. Pindah: "),
-                    _c("wajib-badge"),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c("date-picker", {
-                  attrs: { defaultDate: _vm.formDataCu.tanggal_pindah },
-                  on: {
-                    dateSelected: function ($event) {
-                      _vm.formDataCu.tanggal_pindah = $event
-                    },
-                  },
-                }),
-                _vm._v(" "),
-                _c("input", {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.formDataCu.tanggal_pindah,
-                      expression: "formDataCu.tanggal_pindah",
-                    },
-                    {
-                      name: "show",
-                      rawName: "v-show",
-                      value: false,
-                      expression: "false",
-                    },
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
-                    },
-                  ],
-                  attrs: { "data-vv-as": "Tgl. keluar anggota" },
-                  domProps: { value: _vm.formDataCu.tanggal_pindah },
-                  on: {
-                    input: function ($event) {
-                      if ($event.target.composing) {
-                        return
-                      }
-                      _vm.$set(
-                        _vm.formDataCu,
-                        "tanggal_pindah",
-                        $event.target.value
-                      )
-                    },
-                  },
-                }),
+            },
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.e1, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.e1 >= 0.7 && _vm.itemData.e1 <= 0.8
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
+                      ]),
+                ]),
                 _vm._v(" "),
-                _vm.errors.has("formDataCu.tanggal_pindah")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(
-                            _vm.errors.first("formDataCu.tanggal_pindah")
-                          ) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-              ],
-              1
-            ),
-          ]),
+                _vm._m(4),
+              ]),
+              _vm._v(" "),
+              _vm._m(5),
+              _vm._v(" "),
+              _c("b", [_vm._v("Piutang bersih / total aset")]),
+            ]
+          ),
         ]),
         _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+        _c("div", { staticClass: "col-sm-3" }, [
           _c(
-            "button",
+            "div",
             {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.e5 >= 0.7 && _vm.itemData.e5 <= 0.8,
+                "bg-danger": _vm.itemData.e5 < 0.7 || _vm.itemData.e5 > 0.8,
+              },
+              staticStyle: { cursor: "pointer" },
               on: {
                 click: function ($event) {
                   $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
+                  return _vm.modalBuka(_vm.itemData, "e5")
                 },
               },
             },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.e5, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.e5 >= 0.7 && _vm.itemData.e5 <= 0.8
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
+                      ]),
+                ]),
+                _vm._v(" "),
+                _vm._m(6),
+              ]),
+              _vm._v(" "),
+              _vm._m(7),
+              _vm._v(" "),
+              _c("b", [_vm._v("Simpanan non saham / total aset")]),
+            ]
           ),
-          _vm._v(" "),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "row" }, [
+        _c("div", { staticClass: "col-sm-3" }, [
           _c(
-            "button",
+            "div",
             {
-              staticClass: "btn btn-primary",
-              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.e6 <= 0.05,
+                "bg-danger": _vm.itemData.e6 > 0.05,
+              },
+              staticStyle: { cursor: "pointer" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.modalBuka(_vm.itemData, "e6")
+                },
+              },
             },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.e6, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.e6 <= 0.05
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
+                      ]),
+                ]),
+                _vm._v(" "),
+                _vm._m(8),
+              ]),
+              _vm._v(" "),
+              _vm._m(9),
+              _vm._v(" "),
+              _c("b", [
+                _vm._v("Pinjaman kepada pihak luar terhadap total aset"),
+              ]),
+            ]
           ),
         ]),
         _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
+        _c("div", { staticClass: "col-sm-3" }, [
           _c(
-            "button",
+            "div",
             {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.e7 >= 0.1 && _vm.itemData.e7 <= 0.2,
+                "bg-danger": _vm.itemData.e7 < 0.1 || _vm.itemData.e7 > 0.2,
+              },
+              staticStyle: { cursor: "pointer" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.modalBuka(_vm.itemData, "e7")
+                },
+              },
             },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.e7, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.e7 >= 0.1 && _vm.itemData.e7 <= 0.2
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
+                      ]),
+                ]),
+                _vm._v(" "),
+                _vm._m(10),
+              ]),
+              _vm._v(" "),
+              _vm._m(11),
+              _vm._v(" "),
+              _c("b", [_vm._v("Simpanan saham / total aset")]),
+            ]
           ),
-          _vm._v(" "),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "col-sm-3" }, [
           _c(
-            "button",
+            "div",
             {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.e9 >= 0.1,
+                "bg-danger": _vm.itemData.e9 < 0.1,
+              },
+              staticStyle: { cursor: "pointer" },
               on: {
                 click: function ($event) {
                   $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
+                  return _vm.modalBuka(_vm.itemData, "e9")
                 },
               },
             },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.e9, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.e9 >= 0.1
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
+                      ]),
+                ]),
+                _vm._v(" "),
+                _vm._m(12),
+              ]),
+              _vm._v(" "),
+              _vm._m(13),
+              _vm._v(" "),
+              _c("b", [_vm._v("Modal lembaga bersih")]),
+            ]
           ),
         ]),
-      ]
-    ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/index.vue?vue&type=template&id=db48bb3e&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/index.vue?vue&type=template&id=db48bb3e& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-container" }, [
-        _c("div", { staticClass: "page-content" }, [
-          _c("div", { staticClass: "content-wrapper" }, [
-            _c(
-              "div",
-              { staticClass: "content" },
-              [
-                _vm.itemDataStat === "fail"
-                  ? _c("message", {
-                      attrs: {
-                        title: "Oops terjadi kesalahan:",
-                        errorData: _vm.itemData,
-                      },
-                    })
-                  : _vm._e(),
+        _vm._v(" "),
+        _c("div", { staticClass: "col-sm-3" }, [
+          _c(
+            "div",
+            {
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.a1 <= 0.05,
+                "bg-danger": _vm.itemData.a1 > 0.05,
+              },
+              staticStyle: { cursor: "pointer" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.modalBuka(_vm.itemData, "a1")
+                },
+              },
+            },
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.a1, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.a1 <= 0.05
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
+                      ]),
+                ]),
                 _vm._v(" "),
-                _c("select-cu-tp", {
-                  attrs: {
-                    kelas: _vm.kelas,
-                    path: _vm.selectCuPath,
-                    isPus: false,
-                  },
-                }),
+                _vm._m(14),
+              ]),
+              _vm._v(" "),
+              _vm._m(15),
+              _vm._v(" "),
+              _c("b", [
+                _vm._v("Total pinjaman lalai / total ipnjaman beredar"),
+              ]),
+            ]
+          ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "row" }, [
+        _c("div", { staticClass: "col-sm-3" }, [
+          _c(
+            "div",
+            {
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.a2 < 0.05,
+                "bg-danger": _vm.itemData.a2 >= 0.05,
+              },
+              staticStyle: { cursor: "pointer" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.modalBuka(_vm.itemData, "a2")
+                },
+              },
+            },
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.a2, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.a2 < 0.05
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
+                      ]),
+                ]),
                 _vm._v(" "),
-                _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
-                  _c(
-                    "ul",
-                    { staticClass: "nav nav-tabs nav-tabs-solid bg-light" },
-                    [
-                      _c("li", { staticClass: "nav-item" }, [
-                        _c(
-                          "a",
-                          {
-                            staticClass: "nav-link",
-                            class: { active: _vm.tabName == "masih" },
-                            attrs: { href: "#" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.changeTab("masih")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-man-woman mr-2" }),
-                            _vm._v(" Masih Anggota"),
-                          ]
-                        ),
+                _vm._m(16),
+              ]),
+              _vm._v(" "),
+              _vm._m(17),
+              _vm._v(" "),
+              _c("b", [_vm._v("Aset yang tidak menghasilkan / total aset")]),
+            ]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "col-sm-3" }, [
+          _c(
+            "div",
+            {
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.r7_1 == _vm.itemData.harga_pasar,
+                "bg-danger": _vm.itemData.r7_1 != _vm.itemData.harga_pasar,
+              },
+              staticStyle: { cursor: "pointer" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.modalBuka(_vm.itemData, "r7")
+                },
+              },
+            },
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(
+                      _vm._s(_vm._f("percentage")(_vm.itemData.r7_1, 2)) +
+                        " / " +
+                        _vm._s(_vm._f("percentage")(_vm.itemData.r7_2, 2))
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.r7_1 == _vm.itemData.harga_pasar
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL / \n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL / \n\t\t\t\t\t\t"),
                       ]),
-                      _vm._v(" "),
-                      _c("li", { staticClass: "nav-item" }, [
-                        _c(
-                          "a",
-                          {
-                            staticClass: "nav-link",
-                            class: { active: _vm.tabName == "keluar" },
-                            attrs: { href: "#" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.changeTab("keluar")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-exit2 mr-2" }),
-                            _vm._v(" Sudah Keluar"),
-                          ]
-                        ),
+                  _vm._v(" "),
+                  _vm.itemData.r7_2 == _vm.itemData.harga_pasar
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL  \n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL \n\t\t\t\t\t\t"),
                       ]),
-                      _vm._v(" "),
-                      _c("li", { staticClass: "nav-item" }, [
-                        _c(
-                          "a",
-                          {
-                            staticClass: "nav-link",
-                            class: { active: _vm.tabName == "meninggal" },
-                            attrs: { href: "#" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.changeTab("meninggal")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-person mr-2" }),
-                            _vm._v(" Sudah Meninggal"),
-                          ]
-                        ),
+                ]),
+                _vm._v(" "),
+                _vm._m(18),
+              ]),
+              _vm._v(" "),
+              _vm._m(19),
+              _vm._v(" "),
+              _c("b", [_vm._v("BJS saham terhadap rata-rata aset")]),
+            ]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "col-sm-3" }, [
+          _c(
+            "div",
+            {
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.r9 <= 0.05,
+                "bg-danger": _vm.itemData.r9 > 0.05,
+              },
+              staticStyle: { cursor: "pointer" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.modalBuka(_vm.itemData, "r9")
+                },
+              },
+            },
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.r9, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.r9 <= 0.05
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
                       ]),
-                    ]
-                  ),
                 ]),
                 _vm._v(" "),
-                _c(
-                  "transition",
-                  {
-                    attrs: {
-                      "enter-active-class": "animated fadeIn",
-                      mode: "out-in",
-                    },
-                  },
-                  [
-                    _c(
-                      "div",
-                      {
-                        directives: [
-                          {
-                            name: "show",
-                            rawName: "v-show",
-                            value: _vm.tabName == "masih",
-                            expression: "tabName == 'masih'",
-                          },
-                        ],
-                      },
-                      [
-                        _c("table-data", {
-                          attrs: {
-                            title: _vm.title,
-                            kelas: _vm.kelas,
-                            tipe: "masih",
-                            itemData: _vm.itemData,
-                            itemDataStat: _vm.itemDataStat,
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-                  ]
-                ),
+                _vm._m(20),
+              ]),
+              _vm._v(" "),
+              _vm._m(21),
+              _vm._v(" "),
+              _c("b", [_vm._v("Biaya operasional terhadap rata-rata aset")]),
+            ]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "col-sm-3" }, [
+          _c(
+            "div",
+            {
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.l1 >= 0.15 && _vm.itemData.l1 <= 0.2,
+                "bg-danger": _vm.itemData.l1 < 0.15 || _vm.itemData.l1 > 0.2,
+              },
+              staticStyle: { cursor: "pointer" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.modalBuka(_vm.itemData, "l1")
+                },
+              },
+            },
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.l1, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.l1 >= 0.15 && _vm.itemData.l1 <= 0.2
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
+                      ]),
+                ]),
                 _vm._v(" "),
-                _c(
-                  "transition",
-                  {
-                    attrs: {
-                      "enter-active-class": "animated fadeIn",
-                      mode: "out-in",
-                    },
-                  },
-                  [
-                    _vm.isKeluar
-                      ? _c(
-                          "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "keluar",
-                                expression: "tabName == 'keluar'",
-                              },
-                            ],
-                          },
-                          [
-                            _c("table-data", {
-                              attrs: {
-                                title: _vm.title,
-                                kelas: _vm.kelas,
-                                tipe: "keluar",
-                                itemData: _vm.itemData2,
-                                itemDataStat: _vm.itemDataStat2,
-                              },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                  ]
+                _vm._m(22),
+              ]),
+              _vm._v(" "),
+              _vm._m(23),
+              _vm._v(" "),
+              _c("b", [
+                _vm._v(
+                  "(investasi likuid + aset-aset likuid - hutang jangka pendek < 30 hari) / simpanan non saham"
                 ),
+              ]),
+            ]
+          ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "row" }, [
+        _c("div", { staticClass: "col-sm-3" }, [
+          _c(
+            "div",
+            {
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.l2 >= 0.15 && _vm.itemData.l2 <= 0.2,
+                "bg-danger": _vm.itemData.l2 < 0.15 || _vm.itemData.l2 > 0.2,
+              },
+              staticStyle: { cursor: "pointer" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.modalBuka(_vm.itemData, "l2")
+                },
+              },
+            },
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.l2, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.l2 >= 0.15 && _vm.itemData.l2 <= 0.2
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
+                      ]),
+                ]),
                 _vm._v(" "),
-                _c(
-                  "transition",
-                  {
-                    attrs: {
-                      "enter-active-class": "animated fadeIn",
-                      mode: "out-in",
-                    },
-                  },
-                  [
-                    _vm.isMeninggal
-                      ? _c(
-                          "div",
-                          {
-                            directives: [
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: _vm.tabName == "meninggal",
-                                expression: "tabName == 'meninggal'",
-                              },
-                            ],
-                          },
-                          [
-                            _c("table-data", {
-                              attrs: {
-                                title: _vm.title,
-                                kelas: _vm.kelas,
-                                tipe: "meninggal",
-                                itemData: _vm.itemData3,
-                                itemDataStat: _vm.itemDataStat3,
-                              },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                  ]
+                _vm._m(24),
+              ]),
+              _vm._v(" "),
+              _vm._m(25),
+              _vm._v(" "),
+              _c("b", [
+                _vm._v(
+                  "(investasi likuid + aset-aset likuid - hutang jangka pendek < 30 hari) / total aset"
                 ),
-              ],
-              1
-            ),
-          ]),
+              ]),
+            ]
+          ),
         ]),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/table.vue?vue&type=template&id=4bf6d75d&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/table.vue?vue&type=template&id=4bf6d75d& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-            excelUploads: _vm.excelUploads,
-          },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
+        _vm._v(" "),
+        _c("div", { staticClass: "col-sm-3" }, [
+          _c(
+            "div",
             {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  _c(
-                    "tr",
-                    {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
-                    },
-                    [
-                      !_vm.columnData[0].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c("td", [
-                            props.item.gambar
-                              ? _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src:
-                                      "/images/anggotaCu/" +
-                                      props.item.gambar +
-                                      "n.jpg",
-                                  },
-                                })
-                              : _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: { src: "/images/no_image_man.jpg" },
-                                }),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide && !_vm.columnData[2].disable
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.keterangan_keluar },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.nik },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.npwp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.no_ba },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide
-                        ? _c("td", [
-                            props.item.status_jalinan
-                              ? _c(
-                                  "label",
-                                  { staticClass: "badge badge-warning ml-1" },
-                                  [
-                                    _c("check-value", {
-                                      attrs: {
-                                        value: props.item.status_jalinan,
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                )
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[8].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.lembaga },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[9].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.jabatan },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[10].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.pekerjaan },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[11].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.pendidikan },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[12].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.penghasilan },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[13].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.pengeluaran },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[14].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.email },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[15].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.hp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[16].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.kontak },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[17].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.kelamin },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[18].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.ahli_waris },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[19].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.nama_ibu },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[20].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.suku },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[21].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.darah },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[22].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.tinggi },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[23].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.agama },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[24].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.status },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[25].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.date(
-                                  props.item.tanggal_lahir
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[26].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.tempat_lahir },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[27].hide
-                        ? _c("td", [
-                            _c("span", {
-                              domProps: {
-                                innerHTML: _vm._s(
-                                  _vm.$options.filters.date(
-                                    props.item.tanggal_masuk
-                                  )
-                                ),
-                              },
-                            }),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[28].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.provinces
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.provinces.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[29].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.regencies
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.regencies.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[30].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.districts
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.districts.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[31].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.villages
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.villages.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[32].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.rw },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[33].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.rt },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[34].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.alamat },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[35].hide
-                        ? _c("td", {
-                            staticClass: "text-nowrap",
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[36].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                    ]
-                  ),
-                ]
+              staticClass: "card card-body",
+              class: {
+                "bg-primary": _vm.itemData.s10 > 0.12,
+                "bg-danger": _vm.itemData.s10 <= 0.12,
+              },
+              staticStyle: { cursor: "pointer" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.modalBuka(_vm.itemData, "s10")
+                },
+              },
+            },
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.s10, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.s10 >= 0.12
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
+                      ]),
+                ]),
+                _vm._v(" "),
+                _vm._m(26),
+              ]),
+              _vm._v(" "),
+              _vm._m(27),
+              _vm._v(" "),
+              _c("b", [_vm._v("Pertumbuhan anggota")]),
+            ]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "col-sm-3" }, [
+          _c(
+            "div",
+            {
+              staticClass: "card card-body",
+              class: {
+                "bg-primary":
+                  _vm.itemData.s11 > 0.1 + _vm.itemData.laju_inflasi,
+                "bg-danger":
+                  _vm.itemData.s11 <= 0.1 + _vm.itemData.laju_inflasi,
+              },
+              staticStyle: { cursor: "pointer" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.modalBuka(_vm.itemData, "s11")
+                },
               },
             },
+            [
+              _c("div", { staticClass: "media no-margin-top content-group" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                    _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData.s11, 2))),
+                  ]),
+                  _vm._v(" "),
+                  _vm.itemData.s11 > 0.1 + _vm.itemData.laju_inflasi
+                    ? _c("span", { staticClass: "opacity-75" }, [
+                        _vm._v("\n\t\t\t\t\t\t\tIDEAL\n\t\t\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _vm._v("\n\t\t\t\t\t\t\tTIDAK IDEAL\n\t\t\t\t\t\t"),
+                      ]),
+                ]),
+                _vm._v(" "),
+                _vm._m(28),
+              ]),
+              _vm._v(" "),
+              _vm._m(29),
+              _vm._v(" "),
+              _c("b", [_vm._v("Pertumbuhan aset")]),
+            ]
+          ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
+            button: _vm.modalButton,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v(_vm._s(_vm.modalTitle)),
           ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body1" },
+            [
+              _c("form-katex", {
+                attrs: { kelas: _vm.kelas, modalKatex: _vm.modalKatex },
+                on: { tutup: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("P1")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("P2")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("E1")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("E5")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("E6")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("E7")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("E9")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("A1")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("A2")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("R7")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
         },
-        [
-          _c(
-            "template",
-            { slot: "button-desktop" },
-            [
-              _vm.form.escete != 1 && _vm.formStat == "success"
-                ? [
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["create_anggota_cu"] &&
-                    _vm.tipe == "masih"
-                      ? _c(
-                          "router-link",
-                          {
-                            staticClass: "btn btn-light btn-icon mb-1",
-                            attrs: { to: { name: _vm.kelas + "Create" } },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-plus3" }),
-                            _vm._v(" Tambah\n          "),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_anggota_cu"]
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-icon mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalConfirmOpen("nik")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-vcard" }),
-                            _vm._v(" Ubah NIK / No. KTP\n          "),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_anggota_cu"] &&
-                    _vm.tipe == "masih"
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-icon mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.ubahData(
-                                  _vm.selectedItem.id,
-                                  "identitas"
-                                )
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-pencil5" }),
-                            _vm._v(" Ubah Identitas\n          "),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_anggota_cu"] &&
-                    _vm.tipe == "masih"
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-icon mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.ubahData(
-                                  _vm.selectedItem.id,
-                                  "produk"
-                                )
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-pencil5" }),
-                            _vm._v(" Ubah Produk\n          "),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_anggota_cu"] &&
-                    _vm.tipe != "meninggal"
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-icon mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalConfirmOpen("pindahTp")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-flip-vertical4" }),
-                            _vm._v(" Pindah TP\n          "),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_anggota_cu"] &&
-                    _vm.tipe != "meninggal"
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-icon mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalConfirmOpen("keluar")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-exit2" }),
-                            _vm._v(" "),
-                            _vm.tipe == "masih"
-                              ? _c("span", [_vm._v("Anggota Keluar")])
-                              : _c("span", [_vm._v("Batal Keluarkan Anggota")]),
-                          ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["destroy_anggota_cu"] &&
-                    _vm.tipe == "masih"
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-icon mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalConfirmOpen("hapus")
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-bin2" }),
-                            _vm._v(" Hapus\n          "),
-                          ]
-                        )
-                      : _vm._e(),
-                  ]
-                : [
-                    _c(
-                      "button",
+        [_c("b", [_vm._v("R9")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("L1")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("L2")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("S10")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "ml-3 align-self-center" }, [
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-light btn-icon rounded-round",
+          attrs: { type: "button" },
+        },
+        [_c("b", [_vm._v("S11")])]
+      ),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=template&id=c66cba4e&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=template&id=c66cba4e& ***!
+  \**********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.itemDataStat == "success"
+        ? _c("div", [
+            _vm.itemData.length > 0
+              ? _c(
+                  "div",
+                  _vm._l(_vm.itemData, function (diskusi, index) {
+                    return _c(
+                      "div",
                       {
-                        staticClass: "btn btn-light btn-icon mb-1",
-                        attrs: { disabled: "" },
+                        staticClass:
+                          "card card-body border-left-primary rounded-left-0",
                       },
                       [
-                        _vm._v(
-                          "\n            Mohon maaf, karena data anggota CU ini sudah terintegrasi ke ESCETE maka semua proses pengolahan data kecuali Bantuan Solidaritas Jalinan mesti dilakukan di ESCETE dan akan di sinkronisasikan tiap akhir bulan\n          "
-                        ),
-                      ]
-                    ),
-                  ],
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["create_jalinan_klaim"] &&
-              _vm.tipe == "masih"
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id, "jalinan")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-accessibility2" }),
-                      _vm._v(" Ajukan Bantuan Solidaritas Jalinan\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser &&
-              _vm.currentUser.can["upload_anggota_cu"] &&
-              _vm.anggotaCuDraftCountStat == "success" &&
-              _vm.anggotaCuDraftCount > 0
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: {
-                        to: {
-                          name: "anggotaCuCuDraft",
-                          params: { cu: _vm.$route.params.cu, tp: "semua" },
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-table2" }),
-                      _vm._v(" Anggota CU [DRAFT]\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser &&
-              _vm.currentUser.can["upload_anggota_cu"] &&
-              _vm.anggotaProdukCuDraftCountStat == "success" &&
-              _vm.anggotaProdukCuDraftCount > 0
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: {
-                        to: {
-                          name: "anggotaProdukCuDraft",
-                          params: { cu: _vm.$route.params.cu },
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-table2" }),
-                      _vm._v(" Produk Anggota CU [DRAFT]\n        "),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            2
-          ),
+                        _c(
+                          "div",
+                          {
+                            staticClass:
+                              "card-header bg-white header-elements-inline",
+                          },
+                          [
+                            _c("h6", { staticClass: "card-title" }, [
+                              _c("b", [_vm._v(_vm._s(diskusi.user.name))]),
+                              _vm._v(" "),
+                              _c("span", { staticClass: "text-muted" }, [
+                                _c("i", { staticClass: "icon-primitive-dot" }),
+                                _vm._v(" "),
+                                _c("small", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        diskusi.created_at
+                                      )
+                                    ),
+                                  },
+                                }),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "header-elements" }, [
+                              _c("div", { staticClass: "list-icons" }, [
+                                diskusi.id_user == _vm.currentUser.id
+                                  ? _c(
+                                      "a",
+                                      {
+                                        staticClass: "list-icons-item",
+                                        attrs: {
+                                          href: "#",
+                                          "data-popup": "tooltip",
+                                          "data-container": "body",
+                                          title: "Ubah",
+                                        },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.modalUbah(diskusi)
+                                          },
+                                        },
+                                      },
+                                      [_c("i", { staticClass: "icon-pencil5" })]
+                                    )
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                diskusi.id_user == _vm.currentUser.id
+                                  ? _c(
+                                      "a",
+                                      {
+                                        staticClass: "list-icons-item",
+                                        attrs: {
+                                          href: "#",
+                                          "data-popup": "tooltip",
+                                          "data-container": "body",
+                                          title: "Hapus",
+                                        },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.modalHapus(diskusi)
+                                          },
+                                        },
+                                      },
+                                      [_c("i", { staticClass: "icon-bin2" })]
+                                    )
+                                  : _vm._e(),
+                              ]),
+                            ]),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "media card-body no-margin" },
+                          [
+                            _c("div", { staticClass: "mr-3" }, [
+                              diskusi.user.gambar
+                                ? _c("img", {
+                                    staticClass: "rounded-circle",
+                                    attrs: {
+                                      src:
+                                        "/images/user/" +
+                                        diskusi.user.gambar +
+                                        ".jpg",
+                                      width: "42",
+                                      height: "42",
+                                      alt: "user image",
+                                    },
+                                  })
+                                : _c("img", {
+                                    staticClass: "rounded-circle",
+                                    attrs: {
+                                      src: "/images/no_image_man.jpg",
+                                      width: "42",
+                                      height: "42",
+                                      alt: "user image",
+                                    },
+                                  }),
+                            ]),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "media-body" }, [
+                              _c("p", {
+                                domProps: {
+                                  innerHTML: _vm._s(diskusi.content),
+                                },
+                              }),
+                            ]),
+                          ]
+                        ),
+                      ]
+                    )
+                  }),
+                  0
+                )
+              : _c("div", [_vm._m(0)]),
+          ])
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.itemDataStat == "loading" ? _c("div", [_vm._m(1)]) : _vm._e(),
+      _vm._v(" "),
+      _c("div", { staticClass: "card" }, [
+        _c(
+          "div",
+          { staticClass: "card-body" },
+          [
+            _c("h5", { staticClass: "text-semibold" }, [
+              _vm._v(
+                "Silahkan masukkan komentar anda terhadap laporan keuangan ini"
+              ),
+            ]),
+            _vm._v(" "),
+            _c("ckeditor", {
+              attrs: { type: "classic", config: _vm.ckeditorNoImageConfig },
+              model: {
+                value: _vm.form.content,
+                callback: function ($$v) {
+                  _vm.$set(_vm.form, "content", $$v)
+                },
+                expression: "form.content",
+              },
+            }),
+            _vm._v(" "),
+            _c("hr"),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                directives: [
+                  {
+                    name: "tooltip",
+                    rawName: "v-tooltip:top",
+                    value: "Kirim komentar",
+                    expression: "'Kirim komentar'",
+                    arg: "top",
+                  },
+                ],
+                staticClass: "btn btn-primary btn-block",
+                attrs: { type: "submit" },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.save("create")
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-paperplane" }),
+                _vm._v(" Kirim\n\t\t\t"),
+              ]
+            ),
+          ],
+          1
+        ),
+      ]),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
+            button: _vm.modalButton,
+            content: _vm.modalContent,
+          },
+          on: {
+            confirmOk: _vm.modalConfirmOk,
+            tutup: _vm.modalTutup,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v(_vm._s(_vm.modalTitle)),
+          ]),
           _vm._v(" "),
           _c(
             "template",
-            { slot: "button-mobile" },
+            { slot: "modal-body1" },
             [
-              _vm.currentUser.can &&
-              _vm.currentUser.can["create_anggota_cu"] &&
-              _vm.tipe == "masih"
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_anggota_cu"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("nik")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-vcard" }),
-                      _vm._v(" Ubah NIK / No. KTP\n        "),
-                    ]
-                  )
-                : _vm._e(),
+              _c("h5", { staticClass: "text-semibold" }, [
+                _vm._v("Komentar terhadap laporan keuangan ini"),
+              ]),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_anggota_cu"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id, "identitas")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah Identitas\n        "),
-                    ]
-                  )
-                : _vm._e(),
+              _c("ckeditor", {
+                attrs: { type: "classic", config: _vm.ckeditorNoImageConfig },
+                model: {
+                  value: _vm.formEdit.content,
+                  callback: function ($$v) {
+                    _vm.$set(_vm.formEdit, "content", $$v)
+                  },
+                  expression: "formEdit.content",
+                },
+              }),
               _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["update_anggota_cu"] &&
-              _vm.tipe == "masih"
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id, "produk")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah Produk\n        "),
-                    ]
-                  )
-                : _vm._e(),
+              _c("br"),
               _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["create_jalinan_klaim"] &&
-              _vm.tipe == "masih"
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: {
-                        disabled:
-                          !_vm.selectedItem.nik ||
-                          _vm.selectedItem.status_jalinan,
-                      },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.nik, "jalinan")
-                        },
+              _c("div", { staticClass: "d-none d-sm-block text-center" }, [
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light",
+                    attrs: { type: "button" },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalTutup.apply(null, arguments)
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-accessibility2" }),
-                      _vm._v(" Ajukan Bantuan Solidaritas Jalinan\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["update_anggota_cu"] &&
-              _vm.tipe != "meninggal"
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("pindahTp")
-                        },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-cross" }),
+                    _vm._v(" Tutup\n\t\t\t\t"),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-primary",
+                    attrs: { type: "button" },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.save("edit")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-flip-vertical4" }),
-                      _vm._v(" Pindah TP\n        "),
-                    ]
-                  )
-                : _vm._e(),
+                  },
+                  [
+                    _c("i", { staticClass: "icon-paperplane" }),
+                    _vm._v(" Kirim\n\t\t\t\t"),
+                  ]
+                ),
+              ]),
               _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["update_anggota_cu"] &&
-              _vm.tipe != "meninggal"
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("keluar")
-                        },
+              _c("div", { staticClass: "d-block d-sm-none" }, [
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-primary btn-block",
+                    attrs: { type: "button" },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.save("edit")
                       },
                     },
-                    [
-                      _vm.tipe == "masih"
-                        ? _c("span", [_vm._v("Anggota Keluar")])
-                        : _c("span", [_vm._v("Batal Keluarkan Anggota")]),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["destroy_anggota_cu"] &&
-              _vm.tipe == "masih"
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-paperplane" }),
+                    _vm._v(" Kirim\n\t\t\t\t"),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block",
+                    attrs: { type: "button" },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalTutup.apply(null, arguments)
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser &&
-              _vm.currentUser.can["upload_anggota_cu"] &&
-              _vm.anggotaCuDraftCountStat == "success" &&
-              _vm.anggotaCuDraftCount > 0
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: {
-                        to: {
-                          name: "anggotaCuCuDraft",
-                          params: { cu: _vm.$route.params.cu, tp: "semua" },
-                        },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-cross" }),
+                    _vm._v(" Tutup\n\t\t\t\t"),
+                  ]
+                ),
+              ]),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "panel panel-white" }, [
+      _c("div", { staticClass: "panel-body" }, [
+        _c("h3", [_vm._v("Belum terdapat diskusi apapun...")]),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h4", [_vm._v("Mohon tunggu...")]),
+        _vm._v(" "),
+        _c("div", { staticClass: "progress" }, [
+          _c(
+            "div",
+            {
+              staticClass:
+                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+              staticStyle: { width: "100%" },
+            },
+            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+          ),
+        ]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/revisi.vue?vue&type=template&id=d0913a7e&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/revisi.vue?vue&type=template&id=d0913a7e& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.itemDataStat == "success"
+        ? _c("div", [
+            _vm.itemData.length > 0
+              ? _c(
+                  "div",
+                  _vm._l(_vm.revisi, function (revisi, index) {
+                    return _c(
+                      "div",
+                      {
+                        key: index,
+                        staticClass: "card border-left-primary rounded-left-0",
                       },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-table2" }),
-                      _vm._v(" Anggota CU [DRAFT]\n        "),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
-        ],
-        2
-      ),
+                      [
+                        _c(
+                          "div",
+                          {
+                            staticClass:
+                              "card-header bg-white header-elements-sm-inline",
+                          },
+                          [
+                            _c("h6", { staticClass: "card-title" }, [
+                              _vm._v("\n\t\t\t\t\t\t \n\t\t\t\t\t"),
+                            ]),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "header-elements" }, [
+                              _c("ul", { staticClass: "list-inline mb-0" }, [
+                                _c("li", { staticClass: "list-inline-item" }, [
+                                  _c("i", { staticClass: "icon-calendar2" }),
+                                  _vm._v(" "),
+                                  _c("span", {
+                                    domProps: {
+                                      innerHTML: _vm._s(
+                                        _vm.$options.filters.date(index)
+                                      ),
+                                    },
+                                  }),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", { staticClass: "list-inline-item" }, [
+                                  _c("i"),
+                                  _c("i", { staticClass: "icon-alarm" }),
+                                  _vm._v(" "),
+                                  _c("span", {
+                                    domProps: {
+                                      innerHTML: _vm._s(
+                                        _vm.$options.filters.time(index)
+                                      ),
+                                    },
+                                  }),
+                                ]),
+                              ]),
+                            ]),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          { staticClass: "card-body" },
+                          _vm._l(revisi, function (rev, index) {
+                            return _c(
+                              "div",
+                              { key: index, staticClass: "card card-body" },
+                              [
+                                _c("div", { staticClass: "media" }, [
+                                  _c(
+                                    "div",
+                                    { staticClass: "mr-3 position-relative" },
+                                    [
+                                      rev.user.gambar
+                                        ? _c("img", {
+                                            staticClass: "rounded-circle",
+                                            attrs: {
+                                              src:
+                                                "/images/user/" +
+                                                rev.user.gambar +
+                                                ".jpg",
+                                              width: "36",
+                                              height: "36",
+                                              alt: "user image",
+                                            },
+                                          })
+                                        : _c("img", {
+                                            staticClass: "rounded-circle",
+                                            attrs: {
+                                              src: "/images/no_image_man.jpg",
+                                              width: "36",
+                                              height: "36",
+                                              alt: "user image",
+                                            },
+                                          }),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "media-body" }, [
+                                    _c("div", { staticClass: "media-title" }, [
+                                      _c("a", { attrs: { href: "#" } }, [
+                                        _c(
+                                          "span",
+                                          {
+                                            staticClass: "font-weight-semibold",
+                                          },
+                                          [_vm._v(_vm._s(rev.user.username))]
+                                        ),
+                                      ]),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("span", [
+                                      _vm._v("Telah mengubah nilai pada akun "),
+                                      _c("mark", [
+                                        _vm._v(
+                                          _vm._s(_vm.revisionField[rev.key])
+                                        ),
+                                      ]),
+                                      _vm._v(" dari "),
+                                      _c(
+                                        "mark",
+                                        [
+                                          _c("check-value", {
+                                            attrs: {
+                                              value: rev.old_value,
+                                              valueType: "currency",
+                                            },
+                                          }),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" menjadi "),
+                                      _c(
+                                        "mark",
+                                        [
+                                          _c("check-value", {
+                                            attrs: {
+                                              value: rev.new_value,
+                                              valueType: "currency",
+                                            },
+                                          }),
+                                        ],
+                                        1
+                                      ),
+                                    ]),
+                                  ]),
+                                ]),
+                              ]
+                            )
+                          }),
+                          0
+                        ),
+                      ]
+                    )
+                  }),
+                  0
+                )
+              : _c("div", [_vm._m(0)]),
+          ])
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.itemDataStat == "loading" ? _c("div", [_vm._m(1)]) : _vm._e(),
       _vm._v(" "),
       _c(
         "app-modal",
@@ -4011,246 +10704,623 @@ var render = function () {
             show: _vm.modalShow,
             state: _vm.modalState,
             title: _vm.modalTitle,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
             button: _vm.modalButton,
             content: _vm.modalContent,
-            color: _vm.modalColor,
           },
           on: {
-            tutup: _vm.modalTutup,
             confirmOk: _vm.modalConfirmOk,
+            tutup: _vm.modalTutup,
             successOk: _vm.modalTutup,
             failOk: _vm.modalTutup,
             backgroundClick: _vm.modalTutup,
           },
         },
         [
-          _vm.modalState != "normal1"
-            ? _c("template", { slot: "modal-title" }, [
-                _vm._v("\n\t\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t\t"),
-              ])
-            : _vm._e(),
+          _c("template", { slot: "modal-title" }, [
+            _vm._v(_vm._s(_vm.modalTitle)),
+          ]),
           _vm._v(" "),
-          _c("template", { slot: "modal-body1" }, [
-            _c("div", { staticClass: "text-center" }, [
-              _c("span", { staticClass: "text-warning pb-3" }, [
-                _c("i", {
-                  staticClass: "icon-exclamation",
-                  staticStyle: { "font-size": "5em" },
-                }),
-              ]),
-              _vm._v(" "),
-              _c("h2", [_vm._v(_vm._s(_vm.modalTitle))]),
-              _vm._v(" "),
-              _c("br"),
-              _vm._v(" "),
-              _vm.tipe == "masih"
-                ? _c(
-                    "div",
-                    [
-                      _vm._l(
-                        _vm.selectedItem.anggota_cu_cu_not_keluar,
-                        function (cu, index) {
-                          return _c(
-                            "button",
-                            {
-                              key: index,
-                              staticClass: "btn btn-primary btn-block pb-1",
-                              attrs: { type: "button" },
-                              on: {
-                                click: function ($event) {
-                                  return _vm.selectCU(cu)
-                                },
-                              },
-                            },
-                            [
-                              _vm._v(
-                                "\n              " +
-                                  _vm._s(
-                                     true
-                                      ? cu.cu.name
-                                      : undefined
-                                  ) +
-                                  "\n            "
-                              ),
-                            ]
-                          )
-                        }
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "button",
+          _c("template", { slot: "modal-body1" }),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h3", [_vm._v("Belum terdapat revisi apapun...")]),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h4", [_vm._v("Mohon tunggu...")]),
+        _vm._v(" "),
+        _c("div", { staticClass: "progress" }, [
+          _c(
+            "div",
+            {
+              staticClass:
+                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+              staticStyle: { width: "100%" },
+            },
+            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+          ),
+        ]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=template&id=cc65001c&":
+/*!***************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=template&id=cc65001c& ***!
+  \***************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "card d-print-none" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("div", { staticClass: "row" }, [
+          this.currentUser.id_cu === 0
+            ? _c("div", { staticClass: "col-sm-5" }, [
+                _c("div", { staticClass: "input-group" }, [
+                  _vm._m(0),
+                  _vm._v(" "),
+                  _c(
+                    "select",
+                    {
+                      directives: [
                         {
-                          staticClass: "btn btn-light btn-block",
-                          attrs: { type: "button" },
-                          on: { click: _vm.modalTutup },
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.idCu,
+                          expression: "idCu",
                         },
-                        [
-                          _c("i", { staticClass: "icon-cross" }),
-                          _vm._v(" Tutup"),
-                        ]
-                      ),
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        name: "idCu",
+                        "data-width": "100%",
+                        disabled: _vm.modelCUStat === "loading",
+                      },
+                      on: {
+                        change: [
+                          function ($event) {
+                            var $$selectedVal = Array.prototype.filter
+                              .call($event.target.options, function (o) {
+                                return o.selected
+                              })
+                              .map(function (o) {
+                                var val = "_value" in o ? o._value : o.value
+                                return val
+                              })
+                            _vm.idCu = $event.target.multiple
+                              ? $$selectedVal
+                              : $$selectedVal[0]
+                          },
+                          function ($event) {
+                            return _vm.changeCu($event.target.value)
+                          },
+                        ],
+                      },
+                    },
+                    [
+                      _c("option", { attrs: { disabled: "", value: "" } }, [
+                        _vm._v("Silahkan pilih data"),
+                      ]),
+                      _vm._v(" "),
+                      _vm._t("default"),
+                      _vm._v(" "),
+                      _vm._l(_vm.modelCU, function (cu) {
+                        return cu
+                          ? _c("option", { domProps: { value: cu.id } }, [
+                              _vm._v(_vm._s(cu.name)),
+                            ])
+                          : _vm._e()
+                      }),
                     ],
                     2
-                  )
-                : _c("div", [
+                  ),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "input-group-append" }, [
                     _c(
-                      "div",
-                      { staticClass: " d-none d-sm-block" },
-                      [
-                        _c(
-                          "button",
+                      "button",
+                      {
+                        directives: [
                           {
-                            staticClass: "btn btn-light",
-                            attrs: { type: "button" },
-                            on: { click: _vm.modalTutup },
+                            name: "tooltip",
+                            rawName: "v-tooltip:top",
+                            value: "Reload",
+                            expression: "'Reload'",
+                            arg: "top",
                           },
-                          [
-                            _c("i", { staticClass: "icon-cross" }),
-                            _vm._v(" Tutup"),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _vm._l(
-                          _vm.selectedItem.anggota_cu_cu_keluar,
-                          function (cu, index) {
-                            return _c(
-                              "button",
-                              {
-                                key: index,
-                                staticClass: "btn btn-primary ml-1",
-                                attrs: { type: "button" },
-                                on: {
-                                  click: function ($event) {
-                                    return _vm.selectCU(cu)
-                                  },
-                                },
-                              },
-                              [
-                                _vm._v(
-                                  "\n                " +
-                                    _vm._s(
-                                       true
-                                        ? cu.cu.name
-                                        : undefined
-                                    ) +
-                                    "\n              "
-                                ),
-                              ]
-                            )
-                          }
-                        ),
-                      ],
-                      2
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "div",
-                      { staticClass: "d-block d-sm-none" },
+                        ],
+                        staticClass: "btn btn-light",
+                        attrs: { disabled: _vm.modelCUStat === "loading" },
+                        on: { click: _vm.fetchCU },
+                      },
                       [
-                        _vm._l(
-                          _vm.selectedItem.anggota_cu_cu_keluar,
-                          function (cu, index) {
-                            return _c(
-                              "button",
-                              {
-                                key: index,
-                                staticClass: "btn btn-primary btn-block pb-1",
-                                attrs: { type: "button" },
-                                on: {
-                                  click: function ($event) {
-                                    return _vm.selectCU(cu)
-                                  },
-                                },
-                              },
-                              [
-                                _vm._v(
-                                  ">\n                " +
-                                    _vm._s(
-                                       true
-                                        ? cu.cu.name
-                                        : undefined
-                                    ) +
-                                    "\n              "
-                                ),
-                              ]
-                            )
-                          }
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light btn-block",
-                            attrs: { type: "button" },
-                            on: { click: _vm.modalTutup },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-cross" }),
-                            _vm._v(" Tutup"),
-                          ]
-                        ),
+                        _c("i", {
+                          staticClass: "icon-sync",
+                          class: { spinner: _vm.modelCUStat === "loading" },
+                        }),
+                      ]
+                    ),
+                  ]),
+                ]),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-sm-5" }, [
+            _c("div", { staticClass: "input-group" }, [
+              _vm._m(1),
+              _vm._v(" "),
+              _c(
+                "select",
+                {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.periode,
+                      expression: "periode",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "periode",
+                    "data-width": "100%",
+                    disabled: _vm.modelPeriodeStat === "loading",
+                  },
+                  on: {
+                    change: [
+                      function ($event) {
+                        var $$selectedVal = Array.prototype.filter
+                          .call($event.target.options, function (o) {
+                            return o.selected
+                          })
+                          .map(function (o) {
+                            var val = "_value" in o ? o._value : o.value
+                            return val
+                          })
+                        _vm.periode = $event.target.multiple
+                          ? $$selectedVal
+                          : $$selectedVal[0]
+                      },
+                      function ($event) {
+                        return _vm.changePeriode($event.target.value)
+                      },
+                    ],
+                  },
+                },
+                [
+                  _c("option", { attrs: { disabled: "", value: "" } }, [
+                    _vm._v("Silahkan pilih periode laporan"),
+                  ]),
+                  _vm._v(" "),
+                  _vm._t("default"),
+                  _vm._v(" "),
+                  _vm._l(_vm.modelPeriode, function (periode) {
+                    return periode
+                      ? _c("option", { domProps: { value: periode.periode } }, [
+                          _vm._v(_vm._s(_vm._f("dateMonth")(periode.periode))),
+                        ])
+                      : _vm._e()
+                  }),
+                ],
+                2
+              ),
+              _vm._v(" "),
+              _c("div", { staticClass: "input-group-append" }, [
+                _c(
+                  "button",
+                  {
+                    directives: [
+                      {
+                        name: "tooltip",
+                        rawName: "v-tooltip:top",
+                        value: "Reload",
+                        expression: "'Reload'",
+                        arg: "top",
+                      },
+                    ],
+                    staticClass: "btn btn-light",
+                    attrs: { disabled: _vm.modelPeriodeStat === "loading" },
+                    on: {
+                      click: function ($event) {
+                        return _vm.fetchPeriode(_vm.idCu)
+                      },
+                    },
+                  },
+                  [
+                    _c("i", {
+                      staticClass: "icon-sync",
+                      class: { spinner: _vm.modelPeriodeStat === "loading" },
+                    }),
+                  ]
+                ),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c(
+            "div",
+            {
+              class: {
+                "col-sm-5": this.currentUser.id_cu != 0,
+                "col-sm-10 pt-2": this.currentUser.id_cu == 0,
+              },
+            },
+            [
+              _c("div", { staticClass: "input-group" }, [
+                _vm._m(2),
+                _vm._v(" "),
+                _c(
+                  "select",
+                  {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.idTp,
+                        expression: "idTp",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      name: "idTp",
+                      "data-width": "100%",
+                      disabled: _vm.modelTpStat === "loading",
+                    },
+                    on: {
+                      change: function ($event) {
+                        var $$selectedVal = Array.prototype.filter
+                          .call($event.target.options, function (o) {
+                            return o.selected
+                          })
+                          .map(function (o) {
+                            var val = "_value" in o ? o._value : o.value
+                            return val
+                          })
+                        _vm.idTp = $event.target.multiple
+                          ? $$selectedVal
+                          : $$selectedVal[0]
+                      },
+                    },
+                  },
+                  [
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("Silahkan pilih TP/KP"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "konsolidasi" } }, [
+                      _vm._v("Konsolidasi"),
+                    ]),
+                    _vm._v(" "),
+                    _vm.modelTp && _vm.modelTp.length != 0
+                      ? _c("option", { attrs: { disabled: "" } }, [
+                          _vm._v("----------------"),
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm._l(_vm.modelTp, function (tp) {
+                      return tp.tp
+                        ? _c("option", { domProps: { value: tp.id } }, [
+                            _vm._v(_vm._s(tp.tp.name)),
+                          ])
+                        : _vm._e()
+                    }),
+                  ],
+                  2
+                ),
+                _vm._v(" "),
+                _c("div", { staticClass: "input-group-append" }, [
+                  _c(
+                    "button",
+                    {
+                      directives: [
+                        {
+                          name: "tooltip",
+                          rawName: "v-tooltip:top",
+                          value: "Reload",
+                          expression: "'Reload'",
+                          arg: "top",
+                        },
                       ],
-                      2
-                    ),
-                  ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body2" },
-            [
-              _vm.state == "keluar"
-                ? _c("form-keluar", {
-                    attrs: { anggota_cu: _vm.anggota_cu },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm.state == "pindahTp"
-                ? _c("form-pindah-tp", {
-                    attrs: { anggota_cu: _vm.anggota_cu },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
-            ],
-            1
+                      staticClass: "btn btn-light",
+                      attrs: { disabled: _vm.modelPeriodeStat === "loading" },
+                      on: {
+                        click: function ($event) {
+                          return _vm.fetchTp(_vm.idCu, _vm.periode)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", {
+                        staticClass: "icon-sync",
+                        class: { spinner: _vm.modelCUStat === "loading" },
+                      }),
+                    ]
+                  ),
+                ]),
+              ]),
+            ]
           ),
           _vm._v(" "),
           _c(
-            "template",
-            { slot: "modal-body3" },
+            "div",
+            {
+              staticClass: "col-sm-2",
+              class: { "pt-2": this.currentUser.id_cu == 0 },
+            },
             [
-              _c("form-nik", {
-                attrs: { anggota_cu: _vm.anggota_cu },
-                on: { tutup: _vm.modalTutup },
-              }),
-            ],
-            1
+              _vm.itemDataStat != "loading"
+                ? _c(
+                    "button",
+                    {
+                      directives: [
+                        {
+                          name: "tooltip",
+                          rawName: "v-tooltip:top",
+                          value: "Tampilkan data sesuai pilihan",
+                          expression: "'Tampilkan data sesuai pilihan'",
+                          arg: "top",
+                        },
+                      ],
+                      staticClass: "btn btn-light btn-icon btn-block",
+                      attrs: { type: "button" },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.fetch()
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-folder-open3" }),
+                      _vm._v("  Tampilkan\n\t\t\t\t\t"),
+                    ]
+                  )
+                : _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block",
+                      attrs: { type: "button" },
+                    },
+                    [_c("i", { staticClass: "icon-sync spinner" })]
+                  ),
+            ]
           ),
-        ],
-        2
-      ),
+        ]),
+      ]),
+    ]),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Data")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [
+        _vm._v("Pilih Periode"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih TP/KP")]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=template&id=6ba740e4&":
+/*!******************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=template&id=6ba740e4& ***!
+  \******************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("div", { staticClass: "card card-body", class: _vm.checkClass() }, [
+        _c("div", { staticClass: "media mb-3" }, [
+          _c("div", { staticClass: "media-body" }, [
+            _vm.isPercent
+              ? _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                  _vm._v(_vm._s(_vm._f("percentage")(_vm.itemData, 2))),
+                ])
+              : _c("h6", { staticClass: "font-weight-semibold mb-8" }, [
+                  _vm._v(
+                    _vm._s(
+                      _vm._f("currency")(_vm.itemData, "", 0, {
+                        thousandsSeparator: ".",
+                      })
+                    )
+                  ),
+                ]),
+            _vm._v(" "),
+            _vm.isPercent
+              ? _c("span", { staticClass: "opacity-75" }, [
+                  _c("i", {
+                    class: {
+                      "icon-chevron-up": _vm.totalData > 0,
+                      "icon-chevron-down": _vm.totalData < 0,
+                    },
+                  }),
+                  _vm._v(
+                    " " +
+                      _vm._s(_vm._f("percentage")(Math.abs(_vm.totalData), 2)) +
+                      "\t\t\t\t\n\t\t\t\t"
+                  ),
+                ])
+              : _c("span", { staticClass: "opacity-75" }, [
+                  _c("i", {
+                    class: {
+                      "icon-chevron-up": _vm.totalData > 0,
+                      "icon-chevron-down": _vm.totalData < 0,
+                    },
+                  }),
+                  _vm._v(
+                    " " +
+                      _vm._s(
+                        _vm._f("currency")(Math.abs(_vm.totalData), "", 0, {
+                          thousandsSeparator: ".",
+                        })
+                      ) +
+                      "\t\t\t\t\n\t\t\t\t"
+                  ),
+                ]),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "ml-3 align-self-center" }, [
+            _c("i", {
+              staticClass: "icon-2x opacity-75",
+              class: {
+                "icon-arrow-up16": _vm.totalData > 0,
+                "icon-arrow-down16": _vm.totalData < 0,
+              },
+            }),
+          ]),
+        ]),
+        _vm._v(" "),
+        _vm._m(0),
+        _vm._v(" "),
+        _c("div", [
+          !_vm.isPercent
+            ? _c("span", { staticClass: "float-right" }, [
+                _vm.percentageData > 0
+                  ? _c("span", [_vm._v("+")])
+                  : _vm.percentageData < 0
+                  ? _c("span", [_vm._v("-")])
+                  : _vm._e(),
+                _vm._v(
+                  "\n\t\t\t\t" +
+                    _vm._s(
+                      _vm._f("percentage")(Math.abs(_vm.percentageData), 2)
+                    ) +
+                    "\n\t\t\t"
+                ),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _c("b", [_vm._v(_vm._s(_vm.title.toUpperCase()))]),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          color: _vm.modalColor,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+        },
+        on: {
+          batal: _vm.modalTutup,
+          tutup: _vm.modalTutup,
+          errorOk: _vm.modalTutup,
+          backgroundClick: _vm.modalTutup,
+        },
+      }),
     ],
     1
   )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass: "progress bg-blue mb-2",
+        staticStyle: { height: "0.125rem" },
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "progress-bar bg-white",
+            staticStyle: { width: "100%" },
+          },
+          [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+        ),
+      ]
+    )
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
-/* harmony import */ var _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
+/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4260,9 +11330,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4272,57 +11342,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/collapseButton.vue"
+component.options.__file = "resources/assets/js/components/checkValue.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue":
+/***/ "./resources/assets/js/components/pageHeader.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue ***!
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -4330,10 +11398,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4343,71 +11411,108 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datePicker.vue"
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \****************************************************************************************/
-/*! no static exports found */
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \**************************************************************************************/
+/*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \**************************************************************************************/
-/*! exports provided: render, staticRenderFns */
+/***/ "./resources/assets/js/helpers/form.js":
+/*!*********************************************!*\
+  !*** ./resources/assets/js/helpers/form.js ***!
+  \*********************************************/
+/*! exports provided: toMulipartedForm, objectToFormData */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function toMulipartedForm(form, mode) {
+  if (mode === 'edit' && typeof form.image === 'string') {
+    var temp = JSON.parse(JSON.stringify(form));
+    delete temp.image;
+    return temp;
+  } else {
+    return objectToFormData(form);
+  }
+}
+function objectToFormData(obj, form, namespace) {
+  var fd = form || new FormData();
+  var formKey;
+
+  for (var property in obj) {
+    if (obj.hasOwnProperty(property)) {
+      if (namespace) {
+        formKey = namespace + '[' + property + ']';
+      } else {
+        formKey = property;
+      }
 
+      if (obj[property] instanceof Array) {
+        for (var i = 0; i < obj[property].length; i++) {
+          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
+        }
+      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
+        objectToFormData(obj[property], fd, property);
+      } else {
+        fd.append(formKey, obj[property]);
+      }
+    }
+  }
 
+  return fd;
+}
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/laporanCu/detail.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/detail.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _detail_vue_vue_type_template_id_984e60d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=984e60d4& */ "./resources/assets/js/views/laporanCu/detail.vue?vue&type=template&id=984e60d4&");
+/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/detail.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./detail.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
 
 
 
@@ -4415,10 +11520,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _detail_vue_vue_type_template_id_984e60d4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _detail_vue_vue_type_template_id_984e60d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4428,55 +11533,71 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/infoIcon.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/detail.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/detail.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/detail.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css& ***!
+  \*****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/detail.vue?vue&type=template&id=984e60d4&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/detail.vue?vue&type=template&id=984e60d4& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_984e60d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=984e60d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detail.vue?vue&type=template&id=984e60d4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_984e60d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_984e60d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/laporanCu/detailLaporanCu.vue":
+/*!*****************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/detailLaporanCu.vue ***!
+  \*****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _detailLaporanCu_vue_vue_type_template_id_2f6c7ff7___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detailLaporanCu.vue?vue&type=template&id=2f6c7ff7& */ "./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=template&id=2f6c7ff7&");
+/* harmony import */ var _detailLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detailLaporanCu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -4485,9 +11606,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _detailLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _detailLaporanCu_vue_vue_type_template_id_2f6c7ff7___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _detailLaporanCu_vue_vue_type_template_id_2f6c7ff7___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4497,54 +11618,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/wajibBadge.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/detailLaporanCu.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detailLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detailLaporanCu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detailLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=template&id=2f6c7ff7&":
+/*!************************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=template&id=2f6c7ff7& ***!
+  \************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detailLaporanCu_vue_vue_type_template_id_2f6c7ff7___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detailLaporanCu.vue?vue&type=template&id=2f6c7ff7& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailLaporanCu.vue?vue&type=template&id=2f6c7ff7&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detailLaporanCu_vue_vue_type_template_id_2f6c7ff7___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detailLaporanCu_vue_vue_type_template_id_2f6c7ff7___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formKeluar.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formKeluar.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/detailPearls.vue":
+/*!**************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/detailPearls.vue ***!
+  \**************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formKeluar_vue_vue_type_template_id_09220a8e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKeluar.vue?vue&type=template&id=09220a8e& */ "./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=template&id=09220a8e&");
-/* harmony import */ var _formKeluar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKeluar.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=script&lang=js&");
+/* harmony import */ var _detailPearls_vue_vue_type_template_id_f6a3d8ba___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detailPearls.vue?vue&type=template&id=f6a3d8ba& */ "./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=template&id=f6a3d8ba&");
+/* harmony import */ var _detailPearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detailPearls.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4554,9 +11675,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formKeluar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formKeluar_vue_vue_type_template_id_09220a8e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formKeluar_vue_vue_type_template_id_09220a8e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _detailPearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _detailPearls_vue_vue_type_template_id_f6a3d8ba___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _detailPearls_vue_vue_type_template_id_f6a3d8ba___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4566,54 +11687,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCu/formKeluar.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/detailPearls.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeluar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKeluar.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeluar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detailPearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detailPearls.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detailPearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=template&id=09220a8e&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=template&id=09220a8e& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=template&id=f6a3d8ba&":
+/*!*********************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=template&id=f6a3d8ba& ***!
+  \*********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeluar_vue_vue_type_template_id_09220a8e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKeluar.vue?vue&type=template&id=09220a8e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=template&id=09220a8e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeluar_vue_vue_type_template_id_09220a8e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detailPearls_vue_vue_type_template_id_f6a3d8ba___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detailPearls.vue?vue&type=template&id=f6a3d8ba& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/detailPearls.vue?vue&type=template&id=f6a3d8ba&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detailPearls_vue_vue_type_template_id_f6a3d8ba___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeluar_vue_vue_type_template_id_09220a8e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detailPearls_vue_vue_type_template_id_f6a3d8ba___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formNik.vue":
+/***/ "./resources/assets/js/views/laporanCu/diskusi.vue":
 /*!*********************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formNik.vue ***!
+  !*** ./resources/assets/js/views/laporanCu/diskusi.vue ***!
   \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formNik_vue_vue_type_template_id_9ee6cd0a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formNik.vue?vue&type=template&id=9ee6cd0a& */ "./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=template&id=9ee6cd0a&");
-/* harmony import */ var _formNik_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formNik.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=script&lang=js&");
+/* harmony import */ var _diskusi_vue_vue_type_template_id_c66cba4e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./diskusi.vue?vue&type=template&id=c66cba4e& */ "./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=template&id=c66cba4e&");
+/* harmony import */ var _diskusi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./diskusi.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4623,9 +11744,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formNik_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formNik_vue_vue_type_template_id_9ee6cd0a___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formNik_vue_vue_type_template_id_9ee6cd0a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _diskusi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _diskusi_vue_vue_type_template_id_c66cba4e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _diskusi_vue_vue_type_template_id_c66cba4e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4635,54 +11756,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCu/formNik.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/diskusi.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=script&lang=js&":
 /*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=script&lang=js& ***!
   \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formNik_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formNik.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formNik_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_diskusi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./diskusi.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_diskusi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=template&id=9ee6cd0a&":
+/***/ "./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=template&id=c66cba4e&":
 /*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=template&id=9ee6cd0a& ***!
+  !*** ./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=template&id=c66cba4e& ***!
   \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formNik_vue_vue_type_template_id_9ee6cd0a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formNik.vue?vue&type=template&id=9ee6cd0a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=template&id=9ee6cd0a&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formNik_vue_vue_type_template_id_9ee6cd0a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_diskusi_vue_vue_type_template_id_c66cba4e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./diskusi.vue?vue&type=template&id=c66cba4e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/diskusi.vue?vue&type=template&id=c66cba4e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_diskusi_vue_vue_type_template_id_c66cba4e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formNik_vue_vue_type_template_id_9ee6cd0a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_diskusi_vue_vue_type_template_id_c66cba4e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formPindahTp.vue":
-/*!**************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formPindahTp.vue ***!
-  \**************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/revisi.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/revisi.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formPindahTp_vue_vue_type_template_id_d5d9e8d2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPindahTp.vue?vue&type=template&id=d5d9e8d2& */ "./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=template&id=d5d9e8d2&");
-/* harmony import */ var _formPindahTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPindahTp.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=script&lang=js&");
+/* harmony import */ var _revisi_vue_vue_type_template_id_d0913a7e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./revisi.vue?vue&type=template&id=d0913a7e& */ "./resources/assets/js/views/laporanCu/revisi.vue?vue&type=template&id=d0913a7e&");
+/* harmony import */ var _revisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./revisi.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/revisi.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4692,9 +11813,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formPindahTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formPindahTp_vue_vue_type_template_id_d5d9e8d2___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formPindahTp_vue_vue_type_template_id_d5d9e8d2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _revisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _revisi_vue_vue_type_template_id_d0913a7e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _revisi_vue_vue_type_template_id_d0913a7e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4704,54 +11825,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCu/formPindahTp.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/revisi.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/revisi.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/revisi.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPindahTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPindahTp.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPindahTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_revisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./revisi.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/revisi.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_revisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=template&id=d5d9e8d2&":
-/*!*********************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=template&id=d5d9e8d2& ***!
-  \*********************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/revisi.vue?vue&type=template&id=d0913a7e&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/revisi.vue?vue&type=template&id=d0913a7e& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPindahTp_vue_vue_type_template_id_d5d9e8d2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPindahTp.vue?vue&type=template&id=d5d9e8d2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=template&id=d5d9e8d2&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPindahTp_vue_vue_type_template_id_d5d9e8d2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_revisi_vue_vue_type_template_id_d0913a7e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./revisi.vue?vue&type=template&id=d0913a7e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/revisi.vue?vue&type=template&id=d0913a7e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_revisi_vue_vue_type_template_id_d0913a7e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPindahTp_vue_vue_type_template_id_d5d9e8d2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_revisi_vue_vue_type_template_id_d0913a7e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/index.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/index.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/laporanCu/selectDetail.vue":
+/*!**************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/selectDetail.vue ***!
+  \**************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_db48bb3e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=db48bb3e& */ "./resources/assets/js/views/anggotaCu/index.vue?vue&type=template&id=db48bb3e&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _selectDetail_vue_vue_type_template_id_cc65001c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./selectDetail.vue?vue&type=template&id=cc65001c& */ "./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=template&id=cc65001c&");
+/* harmony import */ var _selectDetail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./selectDetail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4761,9 +11882,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_db48bb3e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_db48bb3e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _selectDetail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _selectDetail_vue_vue_type_template_id_cc65001c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _selectDetail_vue_vue_type_template_id_cc65001c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4773,54 +11894,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCu/index.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/selectDetail.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/index.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/index.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_selectDetail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./selectDetail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_selectDetail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/index.vue?vue&type=template&id=db48bb3e&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/index.vue?vue&type=template&id=db48bb3e& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=template&id=cc65001c&":
+/*!*********************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=template&id=cc65001c& ***!
+  \*********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_db48bb3e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=db48bb3e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/index.vue?vue&type=template&id=db48bb3e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_db48bb3e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_selectDetail_vue_vue_type_template_id_cc65001c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./selectDetail.vue?vue&type=template&id=cc65001c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/selectDetail.vue?vue&type=template&id=cc65001c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_selectDetail_vue_vue_type_template_id_cc65001c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_db48bb3e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_selectDetail_vue_vue_type_template_id_cc65001c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/table.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/table.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/laporanCu/widgetLaporanCu.vue":
+/*!*****************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/widgetLaporanCu.vue ***!
+  \*****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_4bf6d75d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=4bf6d75d& */ "./resources/assets/js/views/anggotaCu/table.vue?vue&type=template&id=4bf6d75d&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _widgetLaporanCu_vue_vue_type_template_id_6ba740e4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./widgetLaporanCu.vue?vue&type=template&id=6ba740e4& */ "./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=template&id=6ba740e4&");
+/* harmony import */ var _widgetLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./widgetLaporanCu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4830,9 +11951,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_4bf6d75d___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_4bf6d75d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _widgetLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _widgetLaporanCu_vue_vue_type_template_id_6ba740e4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _widgetLaporanCu_vue_vue_type_template_id_6ba740e4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4842,38 +11963,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCu/table.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/widgetLaporanCu.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/table.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/table.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_widgetLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./widgetLaporanCu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_widgetLaporanCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/table.vue?vue&type=template&id=4bf6d75d&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/table.vue?vue&type=template&id=4bf6d75d& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=template&id=6ba740e4&":
+/*!************************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=template&id=6ba740e4& ***!
+  \************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4bf6d75d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=4bf6d75d& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/table.vue?vue&type=template&id=4bf6d75d&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4bf6d75d___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_widgetLaporanCu_vue_vue_type_template_id_6ba740e4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./widgetLaporanCu.vue?vue&type=template&id=6ba740e4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/widgetLaporanCu.vue?vue&type=template&id=6ba740e4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_widgetLaporanCu_vue_vue_type_template_id_6ba740e4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4bf6d75d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_widgetLaporanCu_vue_vue_type_template_id_6ba740e4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/43.js b/public/js/components/43.js
index 029a8114b..5f60bb35b 100644
--- a/public/js/components/43.js
+++ b/public/js/components/43.js
@@ -1,22 +1,14 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[43],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -30,140 +22,34 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
-    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
   props: {
-    value: {
-      "default": ''
-    },
-    frontText: {
+    id: {
       "default": ''
-    },
-    trimLength: {
-      "default": 50
-    },
-    valueType: {
-      "default": 'trim'
-    },
-    empty: {
-      "default": '-'
     }
   },
   data: function data() {
     return {
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
+      clicked: false
     };
   },
   methods: {
-    modalOpen: function modalOpen() {
-      this.modalShow = true;
-      this.modalState = 'content-tutup';
-      this.modalContent = this.value;
-      this.modalButton = 'Tutup';
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-    },
-    strip: function strip(html) {
-      var tmp = document.createElement("DIV");
-      tmp.innerHTML = html;
-      return tmp.textContent || tmp.innerText || "";
+    btnClick: function btnClick() {
+      var _this = this;
+
+      if (this.clicked) {
+        setTimeout(function () {
+          return _this.clicked = false;
+        }, 400);
+      } else {
+        this.clicked = true;
+      }
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['columnData', 'itemDataStat', 'items'],
-  components: {},
-  data: function data() {
-    return {};
-  },
-  methods: {}
-});
-
-/***/ }),
-
 /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
@@ -229,29 +115,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: []
-});
-
-/***/ }),
-
 /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
 /*!**************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
@@ -283,135 +146,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    title: {
-      "default": ''
-    },
-    titleIcon: {
-      "default": ''
-    },
-    titleDesc: {
-      "default": ''
-    },
-    level: {
-      "default": 1
-    },
-    level2Title: {
-      "default": ''
-    },
-    level2Route: {
-      "default": ''
-    }
-  },
-  methods: {
-    level2Back: function level2Back() {
-      this.$emit('level2Back');
-    },
-    route1: function route1() {
-      if (this.btn1RouteParams) {
-        this.$router.push({
-          name: this.btn1Route,
-          params: {
-            cu: this.btn1RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn1Route
-        });
-      }
-    },
-    route2: function route2() {
-      if (this.btn2RouteParams) {
-        this.$router.push({
-          name: this.btn2Route,
-          params: {
-            cu: this.btn2RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn2Route
-        });
-      }
-    },
-    route3: function route3() {
-      if (this.btn3RouteParams) {
-        this.$router.push({
-          name: this.btn3Route,
-          params: {
-            cu: this.btn3RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn3Route
-        });
-      }
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
 /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
@@ -437,30 +171,26 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/form.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/form.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -543,6 +273,105 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['anggota_cu'],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
+  },
+  data: function data() {
+    return {
+      kelas: 'anggotaCu',
+      formDataCu: {
+        id: '',
+        tanggal_keluar: '',
+        keterangan_keluar: ''
+      },
+      modelProdukCu: [],
+      modelProdukCuStat: '',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      message: {
+        show: false,
+        content: ''
+      },
+      submited: false
+    };
+  },
+  created: function created() {},
+  watch: {},
+  methods: {
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formDataCu').then(function (result) {
+        if (result) {
+          _this.$store.dispatch(_this.kelas + '/updateKeluar', [_this.anggota_cu.id, _this.formDataCu]);
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 //
 //
 //
@@ -613,6 +442,94 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['anggota_cu'],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
+  },
+  data: function data() {
+    return {
+      kelas: 'anggotaCu',
+      formData: {
+        nik: ''
+      },
+      cleaveOption: {
+        number16: {
+          numeral: true,
+          numeralIntegerScale: 16,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        }
+      },
+      message: {
+        show: false,
+        content: ''
+      },
+      submited: false
+    };
+  },
+  created: function created() {},
+  watch: {},
+  methods: {
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formData').then(function (result) {
+        if (result) {
+          _this.$store.dispatch(_this.kelas + '/updateNik', [_this.anggota_cu.id, _this.formData]);
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -702,6 +619,110 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['anggota_cu'],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
+  },
+  data: function data() {
+    return {
+      kelas: 'anggotaCu',
+      formDataCu: {
+        id: '',
+        tp_id: '',
+        tanggal_pindah: '',
+        keterangan_keluar: ''
+      },
+      modelProdukCu: [],
+      modelProdukCuStat: '',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      message: {
+        show: false,
+        content: ''
+      },
+      submited: false
+    };
+  },
+  created: function created() {
+    this.fetchTp(this.anggota_cu.cu_id);
+  },
+  watch: {},
+  methods: {
+    fetchTp: function fetchTp(value) {
+      this.$store.dispatch('tp/getCu', value);
+    },
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formDataCu').then(function (result) {
+        if (result) {
+          _this.$store.dispatch(_this.kelas + '/updatePindahTp', [_this.anggota_cu.id, _this.formDataCu]);
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('tp', {
+    modelTp: 'dataS',
+    modelTpStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/index.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/index.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/anggotaCu/table.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/selectCuTp.vue */ "./resources/assets/js/components/selectCuTp.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -783,6 +804,98 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    selectCuTp: _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Anggota CU',
+      kelas: 'anggotaCu',
+      titleDesc: 'Mengelola anggota CU',
+      titleIcon: 'icon-man-woman',
+      selectCuPath: 'anggotaCuCu',
+      tabName: 'masih',
+      isKeluar: false,
+      isMeninggal: false
+    };
+  },
+  created: function created() {
+    this.checkUser('index_anggota_cu', this.$route.params.cu);
+  },
+  methods: {
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    },
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+
+      if (value == 'keluar' && !this.isKeluar) {
+        this.isKeluar = true;
+      }
+
+      if (value == 'meninggal' && !this.isMeninggal) {
+        this.isMeninggal = true;
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    itemData2: 'dataS2',
+    itemDataStat2: 'dataStatS2',
+    itemData3: 'dataS3',
+    itemDataStat3: 'dataStatS3'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/table.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/table.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _formKeluar_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./formKeluar.vue */ "./resources/assets/js/views/anggotaCu/formKeluar.vue");
+/* harmony import */ var _formPindahTp_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./formPindahTp.vue */ "./resources/assets/js/views/anggotaCu/formPindahTp.vue");
+/* harmony import */ var _formNik_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./formNik.vue */ "./resources/assets/js/views/anggotaCu/formNik.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -996,296 +1109,681 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default.a,
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_12__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Tambah Setoran Solidaritas Jalinan',
-      titleDesc: 'Menambah iuran Jalinan baru',
-      titleIcon: 'icon-plus3',
-      level: 2,
-      level2Title: 'Setoran Solidaritas Jalinan',
-      kelas: 'jalinanIuran',
-      sasaran: [],
-      tempatData: '',
-      idCu: '',
-      periodeBulan: '',
-      periodeTahun: '',
-      itemTahun: [],
-      tabName: 'iuran',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        year: {
-          date: true,
-          datePattern: ['Y']
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formKeluar: _formKeluar_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formPindahTp: _formPindahTp_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formNik: _formNik_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
+  },
+  props: ["title", "kelas", "tipe", "itemData", "itemDataStat"],
+  data: function data() {
+    return {
+      anggota_cu: {},
+      selectedItem: [],
+      query: {
+        order_column: "name",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
       },
-      anggotaMasukData: [],
-      cancelState: 'methods',
+      excelDownloadUrl: '',
+      excelUploads: [],
+      columnData: [{
+        title: 'No.',
+        name: 'No.'
+      }, {
+        title: 'Foto',
+        name: 'gambar',
+        hide: false
+      }, {
+        title: 'Keterangan Keluar',
+        name: 'keterangan_keluar',
+        hide: false
+      }, {
+        title: 'No. KTP / NIK',
+        name: 'nik',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'NPWP',
+        name: 'npwp',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'No. BA',
+        name: 'anggota_cu_cu.no_ba',
+        excelName: 'no_ba',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'JALINAN',
+        name: 'status_jalinan',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Lembaga',
+        name: 'lembaga',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Jabatan',
+        name: 'jabatan',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Pekerjaan',
+        name: 'pekerjaan',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Pendidikan',
+        name: 'pendidikan',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Penghasilan',
+        name: 'penghasilan',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Pengeluaran',
+        name: 'pengeluaran',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Email',
+        name: 'email',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Hp',
+        name: 'hp',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kontak Lain',
+        name: 'kontak',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Gender',
+        name: 'kelamin',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Ahli Waris',
+        name: 'ahli_waris',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Nama Ibu',
+        name: 'nama_ibu',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Suku',
+        name: 'suku',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Gol. Darah',
+        name: 'darah',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tinggi',
+        name: 'tinggi',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Agama',
+        name: 'agama',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Status',
+        name: 'status',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Lahir',
+        name: 'tanggal_lahir',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tempat. Lahir',
+        name: 'tempat_lahir',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Jadi Anggota',
+        name: 'anggota_cu_cu.tanggal_masuk',
+        excelName: 'tanggal_masuk',
+        tipe: 'datetime',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Provinsi',
+        name: 'provinces.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kabupaten',
+        name: 'regencies.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kecamatan',
+        name: 'districts.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kelurahan',
+        name: 'villages.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'No. RW',
+        name: 'rw',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'No. RT',
+        name: 'rt',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Alamat',
+        name: 'alamat',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. / Waktu Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. / Waktu Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      anggotaCuDraftCount: [],
+      anggotaCuDraftCountStat: '',
+      anggotaProdukCuDraftCount: [],
+      anggotaProdukCuDraftCountStat: '',
       state: '',
       modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      modalSize: '',
-      submited: false
+      modalState: "",
+      modalTitle: "",
+      modalContent: "",
+      modalButton: "",
+      modalColor: ""
     };
   },
   created: function created() {
-    this.formStat == '';
-    this.anggotaDataStat == '';
-
-    if (this.currentUser.id_cu != 0) {
-      this.changeCU(this.currentUser.id_cu);
-    } else {
-      if (this.currentUser.id_pus !== undefined) {
-        this.fetchCU();
-      }
+    this.fetch(this.query);
+
+    if (this.currentUser.can['upload_anggota_cu']) {
+      this.excelUploads = [{
+        enabled: true,
+        url: 'anggotaCu/uploadExcel',
+        format_url: 'formatAnggotaCu.xlsx',
+        next_page_route: 'anggotaCuCuDraft',
+        params: {
+          cu: this.$route.params.cu,
+          tp: 'semua'
+        },
+        button: 'Upload Anggota CU'
+      }, {
+        enabled: true,
+        url: 'anggotaCu/uploadExcelProduk',
+        format_url: 'formatProdukAnggotaCu.xlsx',
+        next_page_route: 'anggotaProdukCuDraft',
+        params: {
+          cu: this.$route.params.cu
+        },
+        button: 'Upload Produk Anggota CU'
+      }];
     }
-
-    this.generateYear();
   },
   watch: {
-    anggotaDataStat: function anggotaDataStat(value) {
-      if (value == 'success') {
-        this.anggotaData.forEach(function (column) {});
-      }
-    },
-    anggotaKeluarDataStat: function anggotaKeluarDataStat(value) {
-      if (value == 'success') {}
+    // check route changes
+    '$route': function $route(to, from) {
+      this.fetch(this.query);
     },
     updateStat: function updateStat(value) {
-      this.modalShow = true;
       this.modalState = value;
-      this.modalColor = '';
+      this.modalButton = "Ok";
 
       if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = "";
+        this.fetch(this.query);
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
       } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
+        this.modalContent = "";
       }
     }
   },
   methods: {
-    fetch: function fetch() {
-      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-    },
-    fetchCU: function fetchCU() {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
+    fetch: function fetch(params) {
+      if (this.$route.params.cu == 'semua') {
+        if (this.tipe == 'masih') {
+          this.$store.dispatch(this.kelas + '/index', params);
+          this.excelDownloadUrl = this.kelas;
+          this.disableColumnCu(true);
+        } else if (this.tipe == 'keluar') {
+          this.$store.dispatch(this.kelas + '/indexKeluar', params);
+          this.excelDownloadUrl = this.kelas + '/keluar';
+          this.disableColumnCu(false);
+        } else {
+          this.$store.dispatch(this.kelas + '/indexMeninggal', params);
+          this.excelDownloadUrl = this.kelas + '/indexMeninggal';
+          this.disableColumnCu(true);
+        }
+      } else {
+        if (this.tipe == 'masih') {
+          this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu, this.$route.params.tp]);
+          this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu + '/' + this.$route.params.tp;
+          this.disableColumnCu(true);
+        } else if (this.tipe == 'keluar') {
+          this.$store.dispatch(this.kelas + '/indexCuKeluar', [params, this.$route.params.cu, this.$route.params.tp]);
+          this.excelDownloadUrl = this.kelas + '/indexCuKeluar/' + this.$route.params.cu + '/' + this.$route.params.tp;
+          this.disableColumnCu(false);
+        } else {
+          this.$store.dispatch(this.kelas + '/indexCuMeninggal', [params, this.$route.params.cu, this.$route.params.tp]);
+          this.excelDownloadUrl = this.kelas + '/indexCuMeninggal/' + this.$route.params.cu + '/' + this.$route.params.tp;
+          this.disableColumnCu(true);
+        }
+
+        this.fetchCu();
       }
+
+      this.fetchAnggotaCuDraft();
     },
-    save: function save() {
+    disableColumnCu: function disableColumnCu(status) {
+      this.columnData[2].disable = status;
+    },
+    fetchCu: function fetchCu() {
+      this.$store.dispatch('cu/escete', this.$route.params.cu);
+    },
+    fetchAnggotaCuDraft: function fetchAnggotaCuDraft() {
       var _this = this;
 
-      this.form.id_cu = this.idCu;
-      this.state = '';
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.$route.meta.mode == 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/store', _this.form);
-          }
+      var cu = '';
+      var tp = 'semua';
 
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
+      if (this.currentUser.id_cu == 0) {
+        cu = 'semua';
+      } else {
+        cu = this.currentUser.id_cu;
+      }
+
+      if (this.currentUser.can['upload_anggota_cu']) {
+        // check anggota cu draft
+        axios.get('/api/anggotaCuDraft/count/' + cu + '/' + tp).then(function (response) {
+          _this.anggotaCuDraftCount = response.data.model;
+          _this.anggotaCuDraftCountStat = 'success';
+        })["catch"](function (error) {
+          _this.anggotaCuDraftCount = error.response;
+          _this.anggotaCuDraftCountStat = 'fail';
+        }); // check produk anggota cu draft
+
+        axios.get('/api/anggotaProdukCuDraft/count/' + cu).then(function (response) {
+          _this.anggotaProdukCuDraftCount = response.data.model;
+          _this.anggotaProdukCuDraftCountStat = 'success';
+        })["catch"](function (error) {
+          _this.anggotaProdukCuDraftCount = error.response;
+          _this.anggotaProdukCuDraftCountStat = 'fail';
+        });
+      }
     },
-    back: function back() {
-      this.$router.push({
-        name: this.kelas
-      });
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
     },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
+    ubahData: function ubahData(id, type) {
+      if (type == 'identitas') {
+        this.$router.push({
+          name: this.kelas + "Edit",
+          params: {
+            id: id
+          }
+        });
+      } else if (type == 'produk') {
+        this.$router.push({
+          name: this.kelas + "ProdukEdit",
+          params: {
+            id: id,
+            cu: this.$route.params.cu
+          }
+        });
+      } else if (type == 'jalinan') {
+        this.$router.push({
+          name: "jalinanKlaimCreateId",
+          params: {
+            id: id
+          }
+        });
+      }
     },
-    selectedRow: function selectedRow(item, index) {
-      this.selectedItemCalon = item;
-      this.selectedItemCalon.index = index;
+    lihatSaldo: function lihatSaldo(id) {
+      this.$router.push({
+        name: this.kelas + "Saldo",
+        params: {
+          id: id
+        }
+      });
     },
-    selectedRow2: function selectedRow2(item, index) {
-      this.selectedItemSuara = item;
-      this.selectedItemSuara.index = index;
+    selectCU: function selectCU(value) {
+      if (this.state == 'keluar') {
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Keluarkan anggota atas nama: ' + this.selectedItem.name + ' ?';
+        this.anggota_cu = value;
+      } else if (this.state == 'pindahTp') {
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Pindah TP untuk anggota atas nama: ' + this.selectedItem.name + ' ?';
+        this.anggota_cu = value;
+      }
     },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
+      this.modalState = "confirm-tutup";
       this.state = state;
 
       if (isMobile) {
-        this.selectedItemCalon = itemMobile;
+        this.selectedItem = itemMobile;
       }
 
-      if (state == 'hapusCalon') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus Calon' + this.selectedItemCalon.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-        this.modalSize = '';
-      } else if (state == 'ubahCalon') {
+      if (state == "hapus") {
+        if (this.selectedItem.status_jalinan == null) {
+          this.modalState = "confirm-tutup";
+          this.modalTitle = "Hapus " + this.title + " " + this.selectedItem.name + " ini?";
+          this.modalButton = "Iya, Hapus";
+        } else {
+          this.modalState = "tutup";
+          this.modalTitle = "Maaf " + this.title + " " + this.selectedItem.name + " tidak bisa dihapus karena memiliki riwayat bantuan solidaritas Jalinan, silahkan periksa kembali lagi.";
+        }
+      } else if (state == 'pindahTp' && this.selectedItem.anggota_cu_cu_not_keluar && this.selectedItem.anggota_cu_cu_not_keluar.length > 1) {
         this.modalState = 'normal1';
+        this.modalTitle = 'anggota atas nama: ' + this.selectedItem.name + ' memiliki keanggota di beberapa CU, silahkan pilih di CU mana ia akan pindah TP';
+      } else if (state == 'pindahTp' && this.selectedItem.anggota_cu_cu_not_keluar && this.selectedItem.anggota_cu_cu_not_keluar.length < 2) {
+        this.modalState = 'normal2';
         this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah Calon';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formCalonMode = 'edit';
-      } else if (state == 'tambahCalon') {
+        this.modalTitle = 'Pindah TP untuk anggota atas nama: ' + this.selectedItem.name + ' ?';
+        this.anggota_cu = this.selectedItem.anggota_cu_cu_not_keluar[0];
+      } else if (state == 'keluar' && this.selectedItem.anggota_cu_cu_not_keluar && this.selectedItem.anggota_cu_cu_not_keluar.length > 1) {
         this.modalState = 'normal1';
+        this.modalTitle = 'anggota atas nama: ' + this.selectedItem.name + ' memiliki keanggota di beberapa CU, silahkan pilih di CU mana ia akan keluar';
+      } else if (state == 'keluar' && this.selectedItem.anggota_cu_cu_not_keluar && this.selectedItem.anggota_cu_cu_not_keluar.length < 2) {
+        this.modalState = 'normal2';
         this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah Calon';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formCalonMode = 'create';
-      }
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      this.modalShow = false;
-
-      if (this.state == 'hapusCalon') {
-        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCalon, {
-          index: this.selectedItemCalon.index
-        });
-
-        this.selectedItemCalon = {};
+        this.modalTitle = 'Keluarkan anggota atas nama: ' + this.selectedItem.name + ' ?';
+        this.anggota_cu = this.selectedItem.anggota_cu_cu_not_keluar[0];
+      } else if (state == 'keluar' && this.selectedItem.anggota_cu_cu_keluar && this.selectedItem.anggota_cu_cu_keluar.length < 2) {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Batal keluarkan anggota atas nama: ' + this.selectedItem.name + ' ?';
+        this.modalButton = "Iya, Batalkan";
+        this.anggota_cu = this.selectedItem.anggota_cu_cu_keluar[0];
+      } else if (state == 'nik') {
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah NIK anggota atas nama: ' + this.selectedItem.name + ' ?';
+        this.anggota_cu = this.selectedItem;
       }
     },
     modalTutup: function modalTutup() {
-      if (this.updateStat == 'success' && this.state == '') {
-        this.$store.dispatch(this.kelas + '/resetUpdateStat');
-        this.back();
-      }
-
       this.modalShow = false;
+      this.$store.dispatch(this.kelas + "/resetUpdateStat");
     },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == "hapus") {
+        if (this.$route.params.cu != 'semua') {
+          this.$store.dispatch(this.kelas + "/destroy", [this.selectedItem.id, this.$route.params.cu]);
+        } else {// todo: add selection delete
+        }
+      } else if (this.state == "keluar") {
+        this.$store.dispatch(this.kelas + "/updateBatalKeluar", this.selectedItem.id);
       }
-    },
-    momentYear: function momentYear() {
-      return moment().year();
-    },
-    generateYear: function generateYear() {
-      var years = function years(back) {
-        var year = new Date().getFullYear();
-        return Array.from({
-          length: back
-        }, function (v, i) {
-          return year - back + i + 1;
-        });
-      };
-
-      this.itemTahun = years(5);
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'headerDataS',
-    modelCuStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanIuran', {
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("anggotaCu", {
+    updateMessage: "update",
+    updateStat: "updateStat"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("cu", {
     form: 'data',
-    produkData: 'dataS',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
-    anggotaData: 'dataS',
-    anggotaDataStat: 'dataStatS',
-    anggotaKeluarData: 'dataS2',
-    anggotaKeluarDataStat: 'dataStatS2'
+    formStat: 'dataStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("auth", {
+    currentUser: "currentUser"
   }))
 });
 
@@ -1308,6 +1806,23 @@ exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""
 // exports
 
 
+/***/ }),
+
+/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
+
+//# sourceMappingURL=FileSaver.min.js.map
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
 /***/ }),
 
 /***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
@@ -1340,231 +1855,55 @@ if(false) {}
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
+  \************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "button",
+      {
+        staticClass: "btn btn-link btn-block",
+        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
+        on: { click: _vm.btnClick },
+      },
+      [
+        _vm.clicked
+          ? _c("span", [
+              _c("i", { staticClass: "icon-arrow-up12" }),
+              _vm._v(" Kembali "),
+              _c("i", { staticClass: "icon-arrow-up12" }),
+            ])
+          : _c("span", [
+              _c("i", { staticClass: "icon-arrow-down12" }),
+              _vm._v(" Selengkapnya "),
+              _c("i", { staticClass: "icon-arrow-down12" }),
+            ]),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
 /*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    { staticStyle: { display: "inline-block" } },
-    [
-      _vm.value
-        ? _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm.valueType == "trim"
-              ? _c(
-                  "span",
-                  { staticStyle: { display: "inline-block" } },
-                  [
-                    _c("truncate", {
-                      staticStyle: { display: "inline-block" },
-                      attrs: {
-                        "action-class": "badge bg-blue",
-                        clamp: "selengkapnya >",
-                        length: _vm.trimLength,
-                        less: "< kembali",
-                        text: _vm.frontText + " " + _vm.value,
-                      },
-                    }),
-                  ],
-                  1
-                )
-              : _vm.valueType == "modal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light",
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen()
-                        },
-                      },
-                    },
-                    [_vm._v("\n          Lihat\n      ")]
-                  ),
-                ])
-              : _vm.valueType == "currency"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(
-                        _vm._f("currency")(_vm.value, "", 0, {
-                          thousandsSeparator: ".",
-                        })
-                      )
-                  ),
-                ])
-              : _vm.valueType == "percentage"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("percentage")(_vm.value, 2))
-                  ),
-                ])
-              : _vm.valueType == "decimal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("round")(_vm.value, 2))
-                  ),
-                ])
-              : _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
-                ]),
-          ])
-        : _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
-          ]),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
-        },
-        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
-      }),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      staticClass: "table-responsive table-scrollable",
-      staticStyle: { "max-height": "33rem" },
-    },
-    [
-      _c("table", { staticClass: "table table-striped" }, [
-        _c("thead", { staticClass: "bg-primary" }, [
-          _c(
-            "tr",
-            { staticClass: "text-nowrap" },
-            _vm._l(_vm.columnData, function (item, index) {
-              return _c("th", { key: index }, [
-                _c("span", { domProps: { innerHTML: _vm._s(item.title) } }),
-              ])
-            }),
-            0
-          ),
-        ]),
-        _vm._v(" "),
-        _vm.itemDataStat === "loading"
-          ? _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._m(0),
-                ]),
-              ]),
-            ])
-          : _vm.itemDataStat === "success"
-          ? _c(
-              "tbody",
-              [
-                _vm._l(_vm.items, function (item, index) {
-                  return _vm._t("item-desktop", null, {
-                    item: item,
-                    index: index,
-                  })
-                }),
-                _vm._v(" "),
-                _vm.items.length == 0
-                  ? _c("tr", [
-                      _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                        _vm._v("Belum terdapat data..."),
-                      ]),
-                    ])
-                  : _vm._e(),
-              ],
-              2
-            )
-          : _vm.itemDataStat === "fail"
-          ? _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._v(
-                    "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
-                  ),
-                ]),
-              ]),
-            ])
-          : _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._v("-"),
-                ]),
-              ]),
-            ]),
-      ]),
-    ]
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
   \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -1600,45 +1939,6 @@ render._withStripped = true
 
 
 
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v(
-            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
-          ),
-        ]),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
 /***/ }),
 
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
@@ -1679,132 +1979,6 @@ render._withStripped = true
 
 
 
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
-            [
-              _vm.level === 1
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
-                        },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
 /***/ }),
 
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
@@ -1844,10 +2018,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/form.vue?vue&type=template&id=1bd85044&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/form.vue?vue&type=template&id=1bd85044& ***!
-  \**********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=template&id=09220a8e&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=template&id=09220a8e& ***!
+  \*************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1859,2094 +2033,1976 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: _vm.level,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
+  return _c("div", [
+    _c("div", { staticClass: "card card-body text-center" }, [
+      _c(
+        "ul",
+        { staticClass: "list-inline list-inline-consensed mb-0 font-size-lg" },
+        [
+          _c("li", { staticClass: "list-inline-item" }, [
+            _c("b", [_vm._v("CU:")]),
+            _vm._v(
+              " " + _vm._s(_vm.anggota_cu.cu ? _vm.anggota_cu.cu.name : "-")
+            ),
+          ]),
+          _vm._v(" "),
+          _c("li", { staticClass: "list-inline-item" }, [
+            _c("b", [_vm._v("No. BA:")]),
+            _vm._v(" " + _vm._s(_vm.anggota_cu.no_ba)),
+          ]),
+          _vm._v(" "),
+          _c("li", { staticClass: "list-inline-item" }, [
+            _c("b", [_vm._v("Tgl. Masuk:")]),
+            _vm._v(
+              " " +
+                _vm._s(_vm.$options.filters.date(_vm.anggota_cu.tanggal_masuk))
+            ),
+          ]),
+        ]
+      ),
+    ]),
+    _vm._v(" "),
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formDataCu" },
         on: {
-          level2Back: function ($event) {
-            return _vm.back()
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
           },
         },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan",
-                      errorItem: _vm.errors.items,
+      },
+      [
+        _c("div", { staticClass: "row" }, [
+          _c("div", { staticClass: "col-md-12" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: {
+                  "has-error": _vm.errors.has("formDataCu.tanggal_keluar"),
+                },
+              },
+              [
+                _c(
+                  "h6",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has(
+                        "formDataCu.tanggal_keluar"
+                      ),
                     },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "form",
-                {
-                  attrs: {
-                    enctype: "multipart/form-data",
-                    "data-vv-scope": "form",
                   },
+                  [
+                    _vm.errors.has("formDataCu.tanggal_keluar")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\tTgl. Keluar: "),
+                    _c("wajib-badge"),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c("date-picker", {
+                  attrs: { defaultDate: _vm.formDataCu.tanggal_keluar },
                   on: {
-                    submit: function ($event) {
-                      $event.preventDefault()
-                      return _vm.save.apply(null, arguments)
+                    dateSelected: function ($event) {
+                      _vm.formDataCu.tanggal_keluar = $event
                     },
                   },
+                }),
+                _vm._v(" "),
+                _c("input", {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.formDataCu.tanggal_keluar,
+                      expression: "formDataCu.tanggal_keluar",
+                    },
+                    {
+                      name: "show",
+                      rawName: "v-show",
+                      value: false,
+                      expression: "false",
+                    },
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  attrs: { "data-vv-as": "Tgl. keluar anggota" },
+                  domProps: { value: _vm.formDataCu.tanggal_keluar },
+                  on: {
+                    input: function ($event) {
+                      if ($event.target.composing) {
+                        return
+                      }
+                      _vm.$set(
+                        _vm.formDataCu,
+                        "tanggal_keluar",
+                        $event.target.value
+                      )
+                    },
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formDataCu.tanggal_keluar")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(
+                            _vm.errors.first("formDataCu.tanggal_keluar")
+                          ) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+              ],
+              1
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-12" }, [
+            _c("div", { staticClass: "form-group" }, [
+              _c("h6", [_vm._v("Keterangan Keluar:")]),
+              _vm._v(" "),
+              _c("input", {
+                directives: [
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.formDataCu.keterangan_keluar,
+                    expression: "formDataCu.keterangan_keluar",
+                  },
+                ],
+                staticClass: "form-control",
+                attrs: {
+                  type: "text",
+                  name: "keterangan_keluar",
+                  placeholder: "Silahkan masukkan keterangan keluar",
                 },
-                [
-                  _c("div", { staticClass: "card" }, [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        this.currentUser.id_cu == 0
-                          ? _c("div", { staticClass: "col-sm-4" }, [
-                              _c("div", { staticClass: "input-group" }, [
-                                _vm._m(0),
-                                _vm._v(" "),
-                                _c(
-                                  "select",
-                                  {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: _vm.idCu,
-                                        expression: "idCu",
-                                      },
-                                    ],
-                                    staticClass: "form-control",
-                                    attrs: {
-                                      name: "idCu",
-                                      "data-width": "100%",
-                                      disabled: _vm.modelCuStat === "loading",
-                                    },
-                                    on: {
-                                      change: function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.idCu = $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      },
-                                    },
+                domProps: { value: _vm.formDataCu.keterangan_keluar },
+                on: {
+                  input: function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.$set(
+                      _vm.formDataCu,
+                      "keterangan_keluar",
+                      $event.target.value
+                    )
+                  },
+                },
+              }),
+            ]),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=template&id=9ee6cd0a&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=template&id=9ee6cd0a& ***!
+  \**********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "card card-body text-center" }, [
+      _c(
+        "ul",
+        { staticClass: "list-inline list-inline-consensed mb-0 font-size-lg" },
+        [
+          _c("li", { staticClass: "list-inline-item" }, [
+            _c("b", [_vm._v("No. KTP / NIK:")]),
+            _vm._v(" " + _vm._s(_vm.anggota_cu.nik)),
+          ]),
+        ]
+      ),
+    ]),
+    _vm._v(" "),
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formData" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _c("div", { staticClass: "row" }, [
+          _c("div", { staticClass: "col-md-12" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formData.nik") },
+              },
+              [
+                _c(
+                  "h6",
+                  { class: { "text-danger": _vm.errors.has("formData.nik") } },
+                  [
+                    _vm.errors.has("formData.nik")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v(
+                      "\n\t\t\t\t\tNo. KTP / Nomor Induk Kependudukan (NIK):\n\t\t\t\t\t"
+                    ),
+                    _c("br"),
+                    _vm._v(" "),
+                    _c(
+                      "span",
+                      {
+                        staticClass:
+                          "badge bg-danger-400 align-self-center ml-auto",
+                      },
+                      [
+                        _vm._v(
+                          "*pastikan nomor yang dimasukan adalah nomor yang valid!"
+                        ),
+                      ]
+                    ),
+                  ]
+                ),
+                _vm._v(" "),
+                _c("cleave", {
+                  directives: [
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required|min:16",
+                      expression: "'required|min:16'",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "nik",
+                    options: _vm.cleaveOption.number16,
+                    placeholder:
+                      "Silahkan masukkan no. KTP / Nomor Induk Kependudukan (NIK)",
+                  },
+                  model: {
+                    value: _vm.formData.nik,
+                    callback: function ($$v) {
+                      _vm.$set(_vm.formData, "nik", $$v)
+                    },
+                    expression: "formData.nik",
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formData.nik")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formData.nik")) +
+                          "\n\t\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+              ],
+              1
+            ),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("hr", { staticClass: "mt-0" }),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: { type: "submit", disabled: _vm.formData.nik == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: { type: "submit", disabled: _vm.formData.nik == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=template&id=d5d9e8d2&":
+/*!***************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=template&id=d5d9e8d2& ***!
+  \***************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "card card-body text-center" }, [
+      _c(
+        "ul",
+        { staticClass: "list-inline list-inline-consensed mb-0 font-size-lg" },
+        [
+          _c("li", { staticClass: "list-inline-item" }, [
+            _c("b", [_vm._v("CU:")]),
+            _vm._v(
+              " " + _vm._s(_vm.anggota_cu.cu ? _vm.anggota_cu.cu.name : "-")
+            ),
+          ]),
+          _vm._v(" "),
+          _c("li", { staticClass: "list-inline-item" }, [
+            _c("b", [_vm._v("TP/KP:")]),
+            _vm._v(
+              " " + _vm._s(_vm.anggota_cu.cu ? _vm.anggota_cu.tp.name : "-")
+            ),
+          ]),
+          _vm._v(" "),
+          _c("li", { staticClass: "list-inline-item" }, [
+            _c("b", [_vm._v("No. BA:")]),
+            _vm._v(" " + _vm._s(_vm.anggota_cu.no_ba)),
+          ]),
+          _vm._v(" "),
+          _c("li", { staticClass: "list-inline-item" }, [
+            _c("b", [_vm._v("Tgl. Masuk:")]),
+            _vm._v(
+              " " +
+                _vm._s(_vm.$options.filters.date(_vm.anggota_cu.tanggal_masuk))
+            ),
+          ]),
+        ]
+      ),
+    ]),
+    _vm._v(" "),
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formDataCu" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _c("div", { staticClass: "row" }, [
+          _c("div", { staticClass: "col-sm-12" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formDataCu.tp_id") },
+              },
+              [
+                _c(
+                  "h6",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formDataCu.tp_id"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formDataCu.tp_id")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tTP/KP Tujuan: "),
+                    _c("wajib-badge"),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c(
+                  "select",
+                  {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.formDataCu.tp_id,
+                        expression: "formDataCu.tp_id",
+                      },
+                      {
+                        name: "validate",
+                        rawName: "v-validate",
+                        value: "required",
+                        expression: "'required'",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      name: "id_tp",
+                      "data-width": "100%",
+                      "data-vv-as": "TP/KP",
+                    },
+                    on: {
+                      change: function ($event) {
+                        var $$selectedVal = Array.prototype.filter
+                          .call($event.target.options, function (o) {
+                            return o.selected
+                          })
+                          .map(function (o) {
+                            var val = "_value" in o ? o._value : o.value
+                            return val
+                          })
+                        _vm.$set(
+                          _vm.formDataCu,
+                          "tp_id",
+                          $event.target.multiple
+                            ? $$selectedVal
+                            : $$selectedVal[0]
+                        )
+                      },
+                    },
+                  },
+                  [
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("Silahkan pilih TP/KP"),
+                    ]),
+                    _vm._v(" "),
+                    _vm._l(_vm.modelTp, function (tp, index) {
+                      return _c(
+                        "option",
+                        { key: index, domProps: { value: tp.id } },
+                        [_vm._v(_vm._s(tp.name))]
+                      )
+                    }),
+                  ],
+                  2
+                ),
+                _vm._v(" "),
+                _vm.errors.has("formDataCu.tp_id")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formDataCu.tp_id")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+              ]
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-12" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: {
+                  "has-error": _vm.errors.has("formDataCu.tanggal_pindah"),
+                },
+              },
+              [
+                _c(
+                  "h6",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has(
+                        "formDataCu.tanggal_pindah"
+                      ),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formDataCu.tanggal_pindah")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\tTgl. Pindah: "),
+                    _c("wajib-badge"),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c("date-picker", {
+                  attrs: { defaultDate: _vm.formDataCu.tanggal_pindah },
+                  on: {
+                    dateSelected: function ($event) {
+                      _vm.formDataCu.tanggal_pindah = $event
+                    },
+                  },
+                }),
+                _vm._v(" "),
+                _c("input", {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.formDataCu.tanggal_pindah,
+                      expression: "formDataCu.tanggal_pindah",
+                    },
+                    {
+                      name: "show",
+                      rawName: "v-show",
+                      value: false,
+                      expression: "false",
+                    },
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  attrs: { "data-vv-as": "Tgl. keluar anggota" },
+                  domProps: { value: _vm.formDataCu.tanggal_pindah },
+                  on: {
+                    input: function ($event) {
+                      if ($event.target.composing) {
+                        return
+                      }
+                      _vm.$set(
+                        _vm.formDataCu,
+                        "tanggal_pindah",
+                        $event.target.value
+                      )
+                    },
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formDataCu.tanggal_pindah")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(
+                            _vm.errors.first("formDataCu.tanggal_pindah")
+                          ) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+              ],
+              1
+            ),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/index.vue?vue&type=template&id=db48bb3e&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/index.vue?vue&type=template&id=db48bb3e& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-container" }, [
+        _c("div", { staticClass: "page-content" }, [
+          _c("div", { staticClass: "content-wrapper" }, [
+            _c(
+              "div",
+              { staticClass: "content" },
+              [
+                _vm.itemDataStat === "fail"
+                  ? _c("message", {
+                      attrs: {
+                        title: "Oops terjadi kesalahan:",
+                        errorData: _vm.itemData,
+                      },
+                    })
+                  : _vm._e(),
+                _vm._v(" "),
+                _c("select-cu-tp", {
+                  attrs: {
+                    kelas: _vm.kelas,
+                    path: _vm.selectCuPath,
+                    isPus: false,
+                  },
+                }),
+                _vm._v(" "),
+                _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
+                  _c(
+                    "ul",
+                    { staticClass: "nav nav-tabs nav-tabs-solid bg-light" },
+                    [
+                      _c("li", { staticClass: "nav-item" }, [
+                        _c(
+                          "a",
+                          {
+                            staticClass: "nav-link",
+                            class: { active: _vm.tabName == "masih" },
+                            attrs: { href: "#" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.changeTab("masih")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-man-woman mr-2" }),
+                            _vm._v(" Masih Anggota"),
+                          ]
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("li", { staticClass: "nav-item" }, [
+                        _c(
+                          "a",
+                          {
+                            staticClass: "nav-link",
+                            class: { active: _vm.tabName == "keluar" },
+                            attrs: { href: "#" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.changeTab("keluar")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-exit2 mr-2" }),
+                            _vm._v(" Sudah Keluar"),
+                          ]
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("li", { staticClass: "nav-item" }, [
+                        _c(
+                          "a",
+                          {
+                            staticClass: "nav-link",
+                            class: { active: _vm.tabName == "meninggal" },
+                            attrs: { href: "#" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.changeTab("meninggal")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-person mr-2" }),
+                            _vm._v(" Sudah Meninggal"),
+                          ]
+                        ),
+                      ]),
+                    ]
+                  ),
+                ]),
+                _vm._v(" "),
+                _c(
+                  "transition",
+                  {
+                    attrs: {
+                      "enter-active-class": "animated fadeIn",
+                      mode: "out-in",
+                    },
+                  },
+                  [
+                    _c(
+                      "div",
+                      {
+                        directives: [
+                          {
+                            name: "show",
+                            rawName: "v-show",
+                            value: _vm.tabName == "masih",
+                            expression: "tabName == 'masih'",
+                          },
+                        ],
+                      },
+                      [
+                        _c("table-data", {
+                          attrs: {
+                            title: _vm.title,
+                            kelas: _vm.kelas,
+                            tipe: "masih",
+                            itemData: _vm.itemData,
+                            itemDataStat: _vm.itemDataStat,
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "transition",
+                  {
+                    attrs: {
+                      "enter-active-class": "animated fadeIn",
+                      mode: "out-in",
+                    },
+                  },
+                  [
+                    _vm.isKeluar
+                      ? _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "keluar",
+                                expression: "tabName == 'keluar'",
+                              },
+                            ],
+                          },
+                          [
+                            _c("table-data", {
+                              attrs: {
+                                title: _vm.title,
+                                kelas: _vm.kelas,
+                                tipe: "keluar",
+                                itemData: _vm.itemData2,
+                                itemDataStat: _vm.itemDataStat2,
+                              },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "transition",
+                  {
+                    attrs: {
+                      "enter-active-class": "animated fadeIn",
+                      mode: "out-in",
+                    },
+                  },
+                  [
+                    _vm.isMeninggal
+                      ? _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.tabName == "meninggal",
+                                expression: "tabName == 'meninggal'",
+                              },
+                            ],
+                          },
+                          [
+                            _c("table-data", {
+                              attrs: {
+                                title: _vm.title,
+                                kelas: _vm.kelas,
+                                tipe: "meninggal",
+                                itemData: _vm.itemData3,
+                                itemDataStat: _vm.itemDataStat3,
+                              },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                  ]
+                ),
+              ],
+              1
+            ),
+          ]),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/table.vue?vue&type=template&id=4bf6d75d&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/table.vue?vue&type=template&id=4bf6d75d& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c(
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            excelUploads: _vm.excelUploads,
+          },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
+                      },
+                    },
+                    [
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c("td", [
+                            props.item.gambar
+                              ? _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src:
+                                      "/images/anggotaCu/" +
+                                      props.item.gambar +
+                                      "n.jpg",
                                   },
+                                })
+                              : _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: { src: "/images/no_image_man.jpg" },
+                                }),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide && !_vm.columnData[2].disable
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.keterangan_keluar },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.nik },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.npwp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.no_ba },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c("td", [
+                            props.item.status_jalinan
+                              ? _c(
+                                  "label",
+                                  { staticClass: "badge badge-warning ml-1" },
                                   [
-                                    _c(
-                                      "option",
-                                      { attrs: { disabled: "", value: "" } },
-                                      [_vm._v("Silahkan pilih data")]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm._t("default"),
-                                    _vm._v(" "),
-                                    _c(
-                                      "option",
-                                      { attrs: { disabled: "", value: "" } },
-                                      [_vm._v("----------------")]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm._l(_vm.modelCu, function (cu, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: cu.id },
-                                        },
-                                        [_vm._v(_vm._s(cu.name))]
-                                      )
+                                    _c("check-value", {
+                                      attrs: {
+                                        value: props.item.status_jalinan,
+                                      },
                                     }),
                                   ],
-                                  2
+                                  1
+                                )
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.lembaga },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[9].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.jabatan },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[10].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.pekerjaan },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[11].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.pendidikan },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[12].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.penghasilan },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[13].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.pengeluaran },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[14].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.email },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[15].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.hp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[16].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.kontak },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[17].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.kelamin },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[18].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.ahli_waris },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[19].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.nama_ibu },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[20].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.suku },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[21].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.darah },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[22].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.tinggi },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[23].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.agama },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[24].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.status },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[25].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.date(
+                                  props.item.tanggal_lahir
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[26].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.tempat_lahir },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[27].hide
+                        ? _c("td", [
+                            _c("span", {
+                              domProps: {
+                                innerHTML: _vm._s(
+                                  _vm.$options.filters.date(
+                                    props.item.tanggal_masuk
+                                  )
                                 ),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "input-group-append" },
-                                  [
-                                    _c(
-                                      "button",
-                                      {
-                                        staticClass: "btn btn-light",
-                                        attrs: {
-                                          disabled:
-                                            _vm.modelCuStat === "loading",
-                                        },
-                                        on: { click: _vm.fetchCU },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-sync",
-                                          class: {
-                                            spinner:
-                                              _vm.modelCuStat === "loading",
-                                          },
-                                        }),
-                                      ]
+                              },
+                            }),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[28].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.provinces
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.provinces.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[29].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.regencies
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.regencies.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[30].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.districts
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.districts.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[31].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.villages
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.villages.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[32].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.rw },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[33].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.rt },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[34].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.alamat },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[35].hide
+                        ? _c("td", {
+                            staticClass: "text-nowrap",
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[36].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
                                     ),
-                                  ]
-                                ),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _c(
-                          "div",
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
+              },
+            },
+          ]),
+        },
+        [
+          _c(
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.form.escete != 1 && _vm.formStat == "success"
+                ? [
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["create_anggota_cu"] &&
+                    _vm.tipe == "masih"
+                      ? _c(
+                          "router-link",
+                          {
+                            staticClass: "btn btn-light btn-icon mb-1",
+                            attrs: { to: { name: _vm.kelas + "Create" } },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-plus3" }),
+                            _vm._v(" Tambah\n          "),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_anggota_cu"]
+                      ? _c(
+                          "button",
                           {
-                            class: {
-                              "col-sm-6": _vm.currentUser.id_cu == 0,
-                              "col-sm-12": _vm.currentUser.id_cu != 0,
+                            staticClass: "btn btn-light btn-icon mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalConfirmOpen("nik")
+                              },
                             },
                           },
                           [
-                            _c("div", { staticClass: "row" }, [
-                              _c("div", { staticClass: "col-6" }, [
-                                _c("div", { staticClass: "input-group" }, [
-                                  _vm._m(1),
-                                  _vm._v(" "),
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.periodeBulan,
-                                          expression: "periodeBulan",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "periodeBulan",
-                                        "data-width": "100%",
-                                        disabled: _vm.idCu == "",
-                                      },
-                                      on: {
-                                        change: function ($event) {
-                                          var $$selectedVal =
-                                            Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function (o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function (o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                          _vm.periodeBulan = $event.target
-                                            .multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [_vm._v("Bulan")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [_vm._v("----------------")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "1" } }, [
-                                        _vm._v("1"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "2" } }, [
-                                        _vm._v("2"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "3" } }, [
-                                        _vm._v("3"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "4" } }, [
-                                        _vm._v("4"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "5" } }, [
-                                        _vm._v("5"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "6" } }, [
-                                        _vm._v("6"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "7" } }, [
-                                        _vm._v("7"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "8" } }, [
-                                        _vm._v("8"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "9" } }, [
-                                        _vm._v("9"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "10" } }, [
-                                        _vm._v("10"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "11" } }, [
-                                        _vm._v("11"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "12" } }, [
-                                        _vm._v("12"),
-                                      ]),
-                                    ]
-                                  ),
-                                ]),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-6" }, [
-                                _c("div", { staticClass: "input-group" }, [
-                                  _vm._m(2),
-                                  _vm._v(" "),
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.periodeTahun,
-                                          expression: "periodeTahun",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "periodeTahun",
-                                        "data-width": "100%",
-                                        disabled: _vm.periodeBulan == "",
-                                      },
-                                      on: {
-                                        change: function ($event) {
-                                          var $$selectedVal =
-                                            Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function (o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function (o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                          _vm.periodeTahun = $event.target
-                                            .multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [_vm._v("Tahun")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [_vm._v("----------------")]
-                                      ),
-                                      _vm._v(" "),
-                                      _vm._l(
-                                        _vm.itemTahun,
-                                        function (y, index) {
-                                          return _c(
-                                            "option",
-                                            {
-                                              key: index,
-                                              domProps: { value: y },
-                                            },
-                                            [_vm._v(_vm._s(y))]
-                                          )
-                                        }
-                                      ),
-                                    ],
-                                    2
-                                  ),
-                                ]),
-                              ]),
-                            ]),
+                            _c("i", { staticClass: "icon-vcard" }),
+                            _vm._v(" Ubah NIK / No. KTP\n          "),
                           ]
-                        ),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-sm-2" }, [
-                          _vm.formStat != "loading" &&
-                          _vm.anggotaDataStat != "loading"
-                            ? _c(
-                                "button",
-                                {
-                                  staticClass:
-                                    "btn btn-light btn-icon btn-block",
-                                  attrs: {
-                                    type: "button",
-                                    disabled: _vm.periodeTahun == "",
-                                  },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.fetch()
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", { staticClass: "icon-folder-open3" }),
-                                  _vm._v("  Buat\n\t\t\t\t\t\t\t\t\t"),
-                                ]
-                              )
-                            : _c(
-                                "button",
-                                {
-                                  staticClass:
-                                    "btn btn-light btn-icon btn-block",
-                                  attrs: { type: "button" },
-                                },
-                                [_c("i", { staticClass: "icon-sync spinner" })]
-                              ),
-                        ]),
-                      ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _vm.formStat == "success"
-                    ? _c(
-                        "div",
-                        [
-                          _c("div", { staticClass: "card" }, [
-                            _c("div", { staticClass: "nav-tabs-responsive" }, [
-                              _c(
-                                "ul",
-                                {
-                                  staticClass:
-                                    "nav nav-tabs nav-tabs-solid  bg-light mb-0",
-                                },
-                                [
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active: _vm.tabName == "iuran",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab("iuran")
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-menu7 mr-2",
-                                        }),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\tIuran\n\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active: _vm.tabName == "masuk",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab("masuk")
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-equalizer mr-2",
-                                        }),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\tAnggota Masuk\n\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active: _vm.tabName == "keluar",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab("keluar")
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-equalizer mr-2",
-                                        }),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\tAnggota Keluar\n\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active: _vm.tabName == "simp5",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab("simp5")
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-equalizer mr-2",
-                                        }),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\tSIMP > 5JT\n\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active: _vm.tabName == "simp10",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab("simp10")
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-equalizer mr-2",
-                                        }),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\tSIMP > 10JT | 60 S.d. 70 Thn\n\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active: _vm.tabName == "simp701",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab("simp701")
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-equalizer mr-2",
-                                        }),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\t> 70 Thn | Masuk < 60 Thn\n\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active: _vm.tabName == "simp702",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab("simp702")
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-equalizer mr-2",
-                                        }),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\t> 70 Thn | Masuk > 60 Thn\n\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("li", { staticClass: "nav-item" }, [
-                                    _c(
-                                      "a",
-                                      {
-                                        staticClass: "nav-link",
-                                        class: {
-                                          active: _vm.tabName == "simp703",
-                                        },
-                                        attrs: { href: "#" },
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.changeTab("simp703")
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-equalizer mr-2",
-                                        }),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\t> 70 Thn | Masuk > 70 Thn\n\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    ),
-                                  ]),
-                                ]
-                              ),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c(
-                            "transition",
-                            {
-                              attrs: {
-                                "enter-active-class": "animated fadeIn",
-                                mode: "out-in",
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_anggota_cu"] &&
+                    _vm.tipe == "masih"
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-icon mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.ubahData(
+                                  _vm.selectedItem.id,
+                                  "identitas"
+                                )
                               },
                             },
-                            [
-                              _c(
-                                "div",
-                                {
-                                  directives: [
-                                    {
-                                      name: "show",
-                                      rawName: "v-show",
-                                      value: _vm.tabName == "iuran",
-                                      expression: "tabName == 'iuran'",
-                                    },
-                                  ],
-                                },
-                                [
-                                  _c("div", { staticClass: "row" }, [
-                                    _c("div", { staticClass: "col-lg-6" }, [
-                                      _c("div", { staticClass: "card" }, [
-                                        _c(
-                                          "div",
-                                          {
-                                            staticClass: "card-header bg-white",
-                                          },
-                                          [
-                                            _c(
-                                              "h5",
-                                              { staticClass: "card-title" },
-                                              [
-                                                _vm._v(
-                                                  "Santunan Solidaritas (TUNAS)"
-                                                ),
-                                              ]
-                                            ),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "div",
-                                          { staticClass: "card-body" },
-                                          [
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [
-                                                  _c("b", [
-                                                    _vm._v(
-                                                      "A. Simpanan yang disolidaritaskan"
-                                                    ),
-                                                  ]),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "table-responsive",
-                                                },
-                                                [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c(
-                                                        "tbody",
-                                                        [
-                                                          _vm._l(
-                                                            _vm.form.produk,
-                                                            function (
-                                                              produk,
-                                                              index
-                                                            ) {
-                                                              return produk.tipe ==
-                                                                "Simpanan Pokok" ||
-                                                                produk.tipe ==
-                                                                  "Simpanan Wajib" ||
-                                                                produk.tipe ==
-                                                                  "Simpanan Non Saham"
-                                                                ? _c("tr", [
-                                                                    _c("th", [
-                                                                      _vm._v(
-                                                                        _vm._s(
-                                                                          produk.name
-                                                                        )
-                                                                      ),
-                                                                    ]),
-                                                                    _vm._v(" "),
-                                                                    _c(
-                                                                      "td",
-                                                                      {
-                                                                        staticClass:
-                                                                          "text-right",
-                                                                      },
-                                                                      [
-                                                                        _c(
-                                                                          "check-value",
-                                                                          {
-                                                                            attrs:
-                                                                              {
-                                                                                value:
-                                                                                  produk.saldo,
-                                                                                valueType:
-                                                                                  "currency",
-                                                                              },
-                                                                          }
-                                                                        ),
-                                                                      ],
-                                                                      1
-                                                                    ),
-                                                                  ])
-                                                                : _vm._e()
-                                                            }
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c("tr", [
-                                                            _c("th", [
-                                                              _vm._v(
-                                                                "Jumlah Simpanan yang disolidaritaskan"
-                                                              ),
-                                                            ]),
-                                                            _vm._v(" "),
-                                                            _c("td", {
-                                                              staticClass:
-                                                                "text-right",
-                                                            }),
-                                                          ]),
-                                                        ],
-                                                        2
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [
-                                                  _c("b", [
-                                                    _vm._v(
-                                                      "B. Simpanan sebagai pengurang"
-                                                    ),
-                                                  ]),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "table-responsive",
-                                                },
-                                                [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c("tbody", [
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "1. Simpanan usia 0 s.d 1 thn diatas plafon (5.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_3,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "2. Simpanan usia > 1 s.d 70 thn diatas plafon (50.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_4,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "3. Simpanan usia masuk 60 s.d 70 thn diatas plafon (10.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_5,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "4. Pertambahan simpanan usia diatas  70 thn - yang menjadi anggota CU pada usia di bawah 60 tahun (Maks. 50 juta)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_6,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "5. Pertambahan simpanan usia diatas  70 thn - yang menjadi anggota CU pada usia 60 s.d 70 tahun (Maks. 10 juta)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_7,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "6. Pertambahan simpanan usia diatas  70 thn - Anggota masuk usia diatas 70 tahun"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_8,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "7. Simpanan Kapitalisasi anggota baru  < 30 hari sejak menjadi anggota"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_9,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "8. Simpanan kapitalisasi  yang piutangnya tidak pernah diangsur 3 bln berturut-turut atau lebih"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_10,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "9. Simpanan lembaga yang diatasnamakan lembaga atau perorangan"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_11,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "Jumlah Simpanan sebagai pengurang"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_3,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                      ]),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [
-                                                  _c("b", [
-                                                    _vm._v(
-                                                      "C. Simpanan Yang Disolidaritaskan"
-                                                    ),
-                                                  ]),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "table-responsive",
-                                                },
-                                                [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c("tbody", [
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v("A - B"),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [_vm._v("0")]
-                                                          ),
-                                                        ]),
-                                                      ]),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [_c("b", [_vm._v("D. Iuran")])]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "table-responsive",
-                                                },
-                                                [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c("tbody", [
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "Setoran Solidaritas Tunas"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [_vm._v("0")]
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "Pembulatan Setoran Solidaritas Tunas"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [_vm._v("0")]
-                                                          ),
-                                                        ]),
-                                                      ]),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]),
-                                          ]
-                                        ),
-                                      ]),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("div", { staticClass: "col-lg-6" }, [
-                                      _c("div", { staticClass: "card" }, [
-                                        _c(
-                                          "div",
-                                          {
-                                            staticClass: "card-header bg-white",
-                                          },
-                                          [
-                                            _c(
-                                              "h5",
-                                              { staticClass: "card-title" },
-                                              [
-                                                _vm._v(
-                                                  "Perlindungan Piutang Anggota (LINTANG)"
-                                                ),
-                                              ]
-                                            ),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "div",
-                                          { staticClass: "card-body" },
-                                          [
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [
-                                                  _c("b", [
-                                                    _vm._v(
-                                                      "A. Piutang yang disolidaritaskan"
-                                                    ),
-                                                  ]),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "table-responsive",
-                                                },
-                                                [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c(
-                                                        "tbody",
-                                                        [
-                                                          _vm._l(
-                                                            _vm.form.produk,
-                                                            function (
-                                                              produk,
-                                                              index
-                                                            ) {
-                                                              return produk.tipe ==
-                                                                "Pinjaman Kapitalisasi" ||
-                                                                produk.tipe ==
-                                                                  "Pinjaman Umum" ||
-                                                                produk.tipe ==
-                                                                  "Pinjaman Produktif"
-                                                                ? _c(
-                                                                    "tr",
-                                                                    {
-                                                                      key: index,
-                                                                    },
-                                                                    [
-                                                                      _c("th", [
-                                                                        _vm._v(
-                                                                          _vm._s(
-                                                                            produk.name
-                                                                          )
-                                                                        ),
-                                                                      ]),
-                                                                      _vm._v(
-                                                                        " "
-                                                                      ),
-                                                                      _c(
-                                                                        "td",
-                                                                        {
-                                                                          staticClass:
-                                                                            "text-right",
-                                                                        },
-                                                                        [
-                                                                          _c(
-                                                                            "check-value",
-                                                                            {
-                                                                              attrs:
-                                                                                {
-                                                                                  value:
-                                                                                    produk.saldo,
-                                                                                  valueType:
-                                                                                    "currency",
-                                                                                },
-                                                                            }
-                                                                          ),
-                                                                        ],
-                                                                        1
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : _vm._e()
-                                                            }
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c("tr", [
-                                                            _c("th", [
-                                                              _vm._v(
-                                                                "Jumlah Piutang yang disolidaritaskan"
-                                                              ),
-                                                            ]),
-                                                            _vm._v(" "),
-                                                            _c("td", {
-                                                              staticClass:
-                                                                "text-right",
-                                                            }),
-                                                          ]),
-                                                        ],
-                                                        2
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [
-                                                  _c("b", [
-                                                    _vm._v(
-                                                      "B. Piutang sebagai pengurang"
-                                                    ),
-                                                  ]),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "table-responsive",
-                                                },
-                                                [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c("tbody", [
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "1. Saldo piutang cair usia dewasa s.d 60 thn diatas plafon (150.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_12,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "2. Saldo piutang cair diatas usia 60 s.d 70 thn diatas plafon (50.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_13,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "3. Saldo piutang kapitalisasi diatas plafon (25.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_14,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "4. Saldo piutang usia diatas 70 tahun"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_15,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "5. Saldo piutang macet  lebih dari 6 bulan berturut-turut"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_16,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "6. Saldo piutang kapitalisasi anggota baru < 30 hari sejak menjadi anggota"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_17,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "7. Saldo piutang kapitalisasi yang tidak pernah diangsur ≥ 3 bln berturut-turut"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_18,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "8. Saldo piutang dengan tujuan untuk biaya berobat sendiri"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_19,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "9. Saldo piutang lembaga atas nama perorangan atau nama lembaga"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_20,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "10. Saldo piutang produktif  diatas plafon (300.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_21,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "11. Saldo piutang produktif dan piutang lain diatas plafon (300.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_22,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "12. Saldo piutang kapitalisasi yang umur piutang diatas 5 tahun"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_23,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "13. Saldo piutang selain  kapitalisasi yang umur piutang diatas 15 tahun"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_24,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "14. Saldo piutang yang angsuran ditarik dari simpanan saham (SP dan SW)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_25,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "15. Saldo piutang luar biasa usia < 17 tahun dan belum menikah"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_sheet_26,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "Jumlah Simpanan sebagai pengurang"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [_vm._v("0")]
-                                                          ),
-                                                        ]),
-                                                      ]),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [
-                                                  _c("b", [
-                                                    _vm._v(
-                                                      "C. Piutang Yang Disolidaritaskan"
-                                                    ),
-                                                  ]),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "table-responsive",
-                                                },
-                                                [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c("tbody", [
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v("A - B"),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [_vm._v("0")]
-                                                          ),
-                                                        ]),
-                                                      ]),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [_c("b", [_vm._v("D. Iuran")])]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "table-responsive",
-                                                },
-                                                [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c("tbody", [
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "Setoran Solidaritas Lintang"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [_vm._v("0")]
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "Pembulatan Setoran Solidaritas Lintang"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [_vm._v("0")]
-                                                          ),
-                                                        ]),
-                                                      ]),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]),
-                                          ]
-                                        ),
-                                      ]),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("div", { staticClass: "col-lg-12" }, [
-                                      _c("div", { staticClass: "card" }, [
-                                        _c(
-                                          "div",
-                                          {
-                                            staticClass: "card-header bg-white",
-                                          },
-                                          [
-                                            _c(
-                                              "h5",
-                                              { staticClass: "card-title" },
-                                              [_vm._v("Total")]
-                                            ),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "div",
-                                          { staticClass: "table-responsive" },
-                                          [
-                                            _c(
-                                              "table",
-                                              { staticClass: "table" },
-                                              [
-                                                _c("tbody", [
-                                                  _c("tr", [
-                                                    _c("th", [
-                                                      _vm._v(
-                                                        "Jumlah Setoran Solidaritas Jalinan ( TUNAS + LINTANG )"
-                                                      ),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "td",
-                                                      {
-                                                        staticClass:
-                                                          "text-right",
-                                                      },
-                                                      [_vm._v("0")]
-                                                    ),
-                                                  ]),
-                                                  _vm._v(" "),
-                                                  _c("tr", [
-                                                    _c("th", [
-                                                      _vm._v(
-                                                        "Jumlah Setoran Solidaritas Jalinan Yang Dibayarkan"
-                                                      ),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "td",
-                                                      {
-                                                        staticClass:
-                                                          "text-right",
-                                                      },
-                                                      [_vm._v("0")]
-                                                    ),
-                                                  ]),
-                                                ]),
-                                              ]
-                                            ),
-                                          ]
-                                        ),
-                                      ]),
-                                    ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("form-info"),
-                                  _vm._v(" "),
-                                  _c("br"),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "card card-body" },
-                                    [
-                                      _c("form-button", {
-                                        attrs: {
-                                          cancelState: _vm.cancelState,
-                                          formValidation: "form",
-                                        },
-                                        on: { cancelClick: _vm.back },
-                                      }),
-                                    ],
-                                    1
-                                  ),
-                                ],
-                                1
-                              ),
-                            ]
-                          ),
-                        ],
-                        1
-                      )
-                    : _vm.formStat == "loading"
-                    ? _c("div", [_vm._m(3)])
-                    : _c("div", [
-                        _c(
-                          "div",
-                          { staticClass: "card card-body" },
+                          },
                           [
-                            _c("form-button", {
-                              attrs: {
-                                cancelState: _vm.cancelState,
-                                isSingleButton: true,
+                            _c("i", { staticClass: "icon-pencil5" }),
+                            _vm._v(" Ubah Identitas\n          "),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_anggota_cu"] &&
+                    _vm.tipe == "masih"
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-icon mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.ubahData(
+                                  _vm.selectedItem.id,
+                                  "produk"
+                                )
                               },
-                              on: { cancelClick: _vm.back },
-                            }),
-                          ],
-                          1
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-pencil5" }),
+                            _vm._v(" Ubah Produk\n          "),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_anggota_cu"] &&
+                    _vm.tipe != "meninggal"
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-icon mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalConfirmOpen("pindahTp")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-flip-vertical4" }),
+                            _vm._v(" Pindah TP\n          "),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_anggota_cu"] &&
+                    _vm.tipe != "meninggal"
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-icon mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalConfirmOpen("keluar")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-exit2" }),
+                            _vm._v(" "),
+                            _vm.tipe == "masih"
+                              ? _c("span", [_vm._v("Anggota Keluar")])
+                              : _c("span", [_vm._v("Batal Keluarkan Anggota")]),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["destroy_anggota_cu"] &&
+                    _vm.tipe == "masih"
+                      ? _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-icon mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalConfirmOpen("hapus")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-bin2" }),
+                            _vm._v(" Hapus\n          "),
+                          ]
+                        )
+                      : _vm._e(),
+                  ]
+                : [
+                    _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-light btn-icon mb-1",
+                        attrs: { disabled: "" },
+                      },
+                      [
+                        _vm._v(
+                          "\n            Mohon maaf, karena data anggota CU ini sudah terintegrasi ke ESCETE maka semua proses pengolahan data kecuali Bantuan Solidaritas Jalinan mesti dilakukan di ESCETE dan akan di sinkronisasikan tiap akhir bulan\n          "
                         ),
-                      ]),
-                ]
-              ),
+                      ]
+                    ),
+                  ],
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["create_jalinan_klaim"] &&
+              _vm.tipe == "masih"
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id, "jalinan")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-accessibility2" }),
+                      _vm._v(" Ajukan Bantuan Solidaritas Jalinan\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser &&
+              _vm.currentUser.can["upload_anggota_cu"] &&
+              _vm.anggotaCuDraftCountStat == "success" &&
+              _vm.anggotaCuDraftCount > 0
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: {
+                        to: {
+                          name: "anggotaCuCuDraft",
+                          params: { cu: _vm.$route.params.cu, tp: "semua" },
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-table2" }),
+                      _vm._v(" Anggota CU [DRAFT]\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser &&
+              _vm.currentUser.can["upload_anggota_cu"] &&
+              _vm.anggotaProdukCuDraftCountStat == "success" &&
+              _vm.anggotaProdukCuDraftCount > 0
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: {
+                        to: {
+                          name: "anggotaProdukCuDraft",
+                          params: { cu: _vm.$route.params.cu },
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-table2" }),
+                      _vm._v(" Produk Anggota CU [DRAFT]\n        "),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            2
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can &&
+              _vm.currentUser.can["create_anggota_cu"] &&
+              _vm.tipe == "masih"
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_anggota_cu"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("nik")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-vcard" }),
+                      _vm._v(" Ubah NIK / No. KTP\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_anggota_cu"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id, "identitas")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah Identitas\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["update_anggota_cu"] &&
+              _vm.tipe == "masih"
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id, "produk")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah Produk\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["create_jalinan_klaim"] &&
+              _vm.tipe == "masih"
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: {
+                        disabled:
+                          !_vm.selectedItem.nik ||
+                          _vm.selectedItem.status_jalinan,
+                      },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.nik, "jalinan")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-accessibility2" }),
+                      _vm._v(" Ajukan Bantuan Solidaritas Jalinan\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["update_anggota_cu"] &&
+              _vm.tipe != "meninggal"
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("pindahTp")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-flip-vertical4" }),
+                      _vm._v(" Pindah TP\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["update_anggota_cu"] &&
+              _vm.tipe != "meninggal"
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("keluar")
+                        },
+                      },
+                    },
+                    [
+                      _vm.tipe == "masih"
+                        ? _c("span", [_vm._v("Anggota Keluar")])
+                        : _c("span", [_vm._v("Batal Keluarkan Anggota")]),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["destroy_anggota_cu"] &&
+              _vm.tipe == "masih"
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser &&
+              _vm.currentUser.can["upload_anggota_cu"] &&
+              _vm.anggotaCuDraftCountStat == "success" &&
+              _vm.anggotaCuDraftCount > 0
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
+                      attrs: {
+                        to: {
+                          name: "anggotaCuCuDraft",
+                          params: { cu: _vm.$route.params.cu, tp: "semua" },
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-table2" }),
+                      _vm._v(" Anggota CU [DRAFT]\n        "),
+                    ]
+                  )
+                : _vm._e(),
             ],
             1
           ),
-        ]),
-      ]),
+        ],
+        2
+      ),
       _vm._v(" "),
       _c(
         "app-modal",
@@ -3955,97 +4011,246 @@ var render = function () {
             show: _vm.modalShow,
             state: _vm.modalState,
             title: _vm.modalTitle,
+            button: _vm.modalButton,
             content: _vm.modalContent,
-            size: _vm.modalSize,
             color: _vm.modalColor,
           },
           on: {
-            batal: _vm.modalTutup,
             tutup: _vm.modalTutup,
             confirmOk: _vm.modalConfirmOk,
             successOk: _vm.modalTutup,
             failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick,
+            backgroundClick: _vm.modalTutup,
           },
         },
         [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          _vm.modalState != "normal1"
+            ? _c("template", { slot: "modal-title" }, [
+                _vm._v("\n\t\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t\t"),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _c("template", { slot: "modal-body1" }, [
+            _c("div", { staticClass: "text-center" }, [
+              _c("span", { staticClass: "text-warning pb-3" }, [
+                _c("i", {
+                  staticClass: "icon-exclamation",
+                  staticStyle: { "font-size": "5em" },
+                }),
+              ]),
+              _vm._v(" "),
+              _c("h2", [_vm._v(_vm._s(_vm.modalTitle))]),
+              _vm._v(" "),
+              _c("br"),
+              _vm._v(" "),
+              _vm.tipe == "masih"
+                ? _c(
+                    "div",
+                    [
+                      _vm._l(
+                        _vm.selectedItem.anggota_cu_cu_not_keluar,
+                        function (cu, index) {
+                          return _c(
+                            "button",
+                            {
+                              key: index,
+                              staticClass: "btn btn-primary btn-block pb-1",
+                              attrs: { type: "button" },
+                              on: {
+                                click: function ($event) {
+                                  return _vm.selectCU(cu)
+                                },
+                              },
+                            },
+                            [
+                              _vm._v(
+                                "\n              " +
+                                  _vm._s(
+                                     true
+                                      ? cu.cu.name
+                                      : undefined
+                                  ) +
+                                  "\n            "
+                              ),
+                            ]
+                          )
+                        }
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light btn-block",
+                          attrs: { type: "button" },
+                          on: { click: _vm.modalTutup },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-cross" }),
+                          _vm._v(" Tutup"),
+                        ]
+                      ),
+                    ],
+                    2
+                  )
+                : _c("div", [
+                    _c(
+                      "div",
+                      { staticClass: " d-none d-sm-block" },
+                      [
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light",
+                            attrs: { type: "button" },
+                            on: { click: _vm.modalTutup },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-cross" }),
+                            _vm._v(" Tutup"),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _vm._l(
+                          _vm.selectedItem.anggota_cu_cu_keluar,
+                          function (cu, index) {
+                            return _c(
+                              "button",
+                              {
+                                key: index,
+                                staticClass: "btn btn-primary ml-1",
+                                attrs: { type: "button" },
+                                on: {
+                                  click: function ($event) {
+                                    return _vm.selectCU(cu)
+                                  },
+                                },
+                              },
+                              [
+                                _vm._v(
+                                  "\n                " +
+                                    _vm._s(
+                                       true
+                                        ? cu.cu.name
+                                        : undefined
+                                    ) +
+                                    "\n              "
+                                ),
+                              ]
+                            )
+                          }
+                        ),
+                      ],
+                      2
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "div",
+                      { staticClass: "d-block d-sm-none" },
+                      [
+                        _vm._l(
+                          _vm.selectedItem.anggota_cu_cu_keluar,
+                          function (cu, index) {
+                            return _c(
+                              "button",
+                              {
+                                key: index,
+                                staticClass: "btn btn-primary btn-block pb-1",
+                                attrs: { type: "button" },
+                                on: {
+                                  click: function ($event) {
+                                    return _vm.selectCU(cu)
+                                  },
+                                },
+                              },
+                              [
+                                _vm._v(
+                                  ">\n                " +
+                                    _vm._s(
+                                       true
+                                        ? cu.cu.name
+                                        : undefined
+                                    ) +
+                                    "\n              "
+                                ),
+                              ]
+                            )
+                          }
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light btn-block",
+                            attrs: { type: "button" },
+                            on: { click: _vm.modalTutup },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-cross" }),
+                            _vm._v(" Tutup"),
+                          ]
+                        ),
+                      ],
+                      2
+                    ),
+                  ]),
+            ]),
           ]),
           _vm._v(" "),
-          _c("template", { slot: "modal-body1" }),
-        ],
-        2
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih CU")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Bulan")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v(" Pilih Tahun")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h4", [_vm._v("Mohon tunggu...")]),
-        _vm._v(" "),
-        _c("div", { staticClass: "progress" }, [
           _c(
-            "div",
-            {
-              staticClass:
-                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-              staticStyle: { width: "100%" },
-            },
-            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+            "template",
+            { slot: "modal-body2" },
+            [
+              _vm.state == "keluar"
+                ? _c("form-keluar", {
+                    attrs: { anggota_cu: _vm.anggota_cu },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm.state == "pindahTp"
+                ? _c("form-pindah-tp", {
+                    attrs: { anggota_cu: _vm.anggota_cu },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
+            ],
+            1
           ),
-        ]),
-      ]),
-    ])
-  },
-]
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body3" },
+            [
+              _c("form-nik", {
+                attrs: { anggota_cu: _vm.anggota_cu },
+                on: { tutup: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* harmony import */ var _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
+/* harmony import */ var _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4055,9 +4260,80 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/components/collapseButton.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
+  \******************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/datePicker.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue ***!
+  \*******************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4067,54 +4343,70 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/checkValue.vue"
+component.options.__file = "resources/assets/js/components/datePicker.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4124,9 +4416,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4136,57 +4428,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datatable.vue"
+component.options.__file = "resources/assets/js/components/infoIcon.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue":
+/***/ "./resources/assets/js/components/wajibBadge.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue ***!
+  !*** ./resources/assets/js/components/wajibBadge.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
+/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -4194,10 +4484,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4207,71 +4497,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datePicker.vue"
+component.options.__file = "resources/assets/js/components/wajibBadge.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \****************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formKeluar.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formKeluar.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _formKeluar_vue_vue_type_template_id_09220a8e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKeluar.vue?vue&type=template&id=09220a8e& */ "./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=template&id=09220a8e&");
+/* harmony import */ var _formKeluar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKeluar.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -4280,9 +4554,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formKeluar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formKeluar_vue_vue_type_template_id_09220a8e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formKeluar_vue_vue_type_template_id_09220a8e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4292,55 +4566,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/formInfo.vue"
+component.options.__file = "resources/assets/js/views/anggotaCu/formKeluar.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeluar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKeluar.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeluar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=template&id=09220a8e&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=template&id=09220a8e& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeluar_vue_vue_type_template_id_09220a8e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKeluar.vue?vue&type=template&id=09220a8e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formKeluar.vue?vue&type=template&id=09220a8e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeluar_vue_vue_type_template_id_09220a8e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKeluar_vue_vue_type_template_id_09220a8e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formNik.vue":
+/*!*********************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formNik.vue ***!
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _formNik_vue_vue_type_template_id_9ee6cd0a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formNik.vue?vue&type=template&id=9ee6cd0a& */ "./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=template&id=9ee6cd0a&");
+/* harmony import */ var _formNik_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formNik.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -4349,9 +4623,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formNik_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formNik_vue_vue_type_template_id_9ee6cd0a___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formNik_vue_vue_type_template_id_9ee6cd0a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4361,55 +4635,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/infoIcon.vue"
+component.options.__file = "resources/assets/js/views/anggotaCu/formNik.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formNik_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formNik.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formNik_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=template&id=9ee6cd0a&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=template&id=9ee6cd0a& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formNik_vue_vue_type_template_id_9ee6cd0a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formNik.vue?vue&type=template&id=9ee6cd0a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formNik.vue?vue&type=template&id=9ee6cd0a&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formNik_vue_vue_type_template_id_9ee6cd0a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formNik_vue_vue_type_template_id_9ee6cd0a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formPindahTp.vue":
+/*!**************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formPindahTp.vue ***!
+  \**************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _formPindahTp_vue_vue_type_template_id_d5d9e8d2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPindahTp.vue?vue&type=template&id=d5d9e8d2& */ "./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=template&id=d5d9e8d2&");
+/* harmony import */ var _formPindahTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPindahTp.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -4418,9 +4692,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formPindahTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formPindahTp_vue_vue_type_template_id_d5d9e8d2___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formPindahTp_vue_vue_type_template_id_d5d9e8d2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4430,55 +4704,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
+component.options.__file = "resources/assets/js/views/anggotaCu/formPindahTp.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPindahTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPindahTp.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPindahTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=template&id=d5d9e8d2&":
+/*!*********************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=template&id=d5d9e8d2& ***!
+  \*********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPindahTp_vue_vue_type_template_id_d5d9e8d2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPindahTp.vue?vue&type=template&id=d5d9e8d2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPindahTp.vue?vue&type=template&id=d5d9e8d2&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPindahTp_vue_vue_type_template_id_d5d9e8d2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPindahTp_vue_vue_type_template_id_d5d9e8d2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue":
+/***/ "./resources/assets/js/views/anggotaCu/index.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue ***!
+  !*** ./resources/assets/js/views/anggotaCu/index.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _index_vue_vue_type_template_id_db48bb3e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=db48bb3e& */ "./resources/assets/js/views/anggotaCu/index.vue?vue&type=template&id=db48bb3e&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -4487,9 +4761,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_db48bb3e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_db48bb3e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4499,54 +4773,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/wajibBadge.vue"
+component.options.__file = "resources/assets/js/views/anggotaCu/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/anggotaCu/index.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/anggotaCu/index.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/***/ "./resources/assets/js/views/anggotaCu/index.vue?vue&type=template&id=db48bb3e&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  !*** ./resources/assets/js/views/anggotaCu/index.vue?vue&type=template&id=db48bb3e& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_db48bb3e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=db48bb3e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/index.vue?vue&type=template&id=db48bb3e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_db48bb3e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_db48bb3e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/form.vue":
-/*!*********************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/form.vue ***!
-  \*********************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/table.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/table.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_1bd85044___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=1bd85044& */ "./resources/assets/js/views/jalinanIuran/form.vue?vue&type=template&id=1bd85044&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanIuran/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_4bf6d75d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=4bf6d75d& */ "./resources/assets/js/views/anggotaCu/table.vue?vue&type=template&id=4bf6d75d&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4556,9 +4830,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_1bd85044___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_1bd85044___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_4bf6d75d___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_4bf6d75d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4568,38 +4842,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanIuran/form.vue"
+component.options.__file = "resources/assets/js/views/anggotaCu/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/form.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/form.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/table.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/table.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/form.vue?vue&type=template&id=1bd85044&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/form.vue?vue&type=template&id=1bd85044& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/table.vue?vue&type=template&id=4bf6d75d&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/table.vue?vue&type=template&id=4bf6d75d& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_1bd85044___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=1bd85044& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/form.vue?vue&type=template&id=1bd85044&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_1bd85044___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4bf6d75d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=4bf6d75d& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/table.vue?vue&type=template&id=4bf6d75d&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4bf6d75d___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_1bd85044___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4bf6d75d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/44.js b/public/js/components/44.js
index 45acb826e..4bc4cc17c 100644
--- a/public/js/components/44.js
+++ b/public/js/components/44.js
@@ -1,5 +1,169 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[44],{
 
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
+    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  props: {
+    value: {
+      "default": ''
+    },
+    frontText: {
+      "default": ''
+    },
+    trimLength: {
+      "default": 50
+    },
+    valueType: {
+      "default": 'trim'
+    },
+    empty: {
+      "default": '-'
+    }
+  },
+  data: function data() {
+    return {
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: ''
+    };
+  },
+  methods: {
+    modalOpen: function modalOpen() {
+      this.modalShow = true;
+      this.modalState = 'content-tutup';
+      this.modalContent = this.value;
+      this.modalButton = 'Tutup';
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    strip: function strip(html) {
+      var tmp = document.createElement("DIV");
+      tmp.innerHTML = html;
+      return tmp.textContent || tmp.innerText || "";
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['columnData', 'itemDataStat', 'items'],
+  components: {},
+  data: function data() {
+    return {};
+  },
+  methods: {}
+});
+
+/***/ }),
+
 /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
@@ -273,10 +437,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/form.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/form.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/form.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/form.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -287,15 +451,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-/* harmony import */ var _formKonsolidasi__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./formKonsolidasi */ "./resources/assets/js/views/laporanCu/formKonsolidasi.vue");
-/* harmony import */ var _formCoa__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./formCoa */ "./resources/assets/js/views/laporanCu/formCoa.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -459,440 +624,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    formKonsolidasi: _formKonsolidasi__WEBPACK_IMPORTED_MODULE_10__["default"],
-    formCoa: _formCoa__WEBPACK_IMPORTED_MODULE_11__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      titleDesc: '',
-      titleIcon: '',
-      level2Title: 'Laporan CU',
-      kelas: 'laporanCu',
-      tabName: 'coa',
-      idLaporanTp: '',
-      isModelTp: false,
-      submited: false,
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        },
-        numeric2: {
-          numeral: true,
-          numeralIntegerScale: 2,
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      }
-    };
-  },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
-  created: function created() {
-    if (this.currentUser.id_cu != undefined) {
-      this.checkProfileIdCU();
-    }
-  },
-  watch: {
-    // check route changes
-    '$route': function $route(to, from) {
-      this.fetch();
-    },
-    formStat: function formStat(value) {
-      if (value == "success") {
-        if (this.$route.meta.mode == 'edit' && this.modelCUStat == "success") {
-          this.changeCu(this.form.id_cu);
-          this.checkUser('update_laporan_cu', this.form.id_cu);
-        } else if (this.$route.meta.mode == 'editTp' && this.modelCUStat == "success") {
-          this.checkMetaEditTp();
-          this.checkUser('update_laporan_tp', this.form.id_cu);
-        } else if (this.$route.meta.mode !== 'edit') {
-          if (this.currentUser.id_cu == 0) {
-            this.form.id_cu = this.currentUser.id_cu;
-          }
-        }
-      }
-    },
-    modelCUStat: function modelCUStat(value) {
-      if (value == "success") {
-        if (this.$route.meta.mode == 'edit' || this.$route.meta.mode == 'editDraft') {
-          this.changeCu(this.form.id_cu);
-        } else if (this.$route.meta.mode == 'editTp') {
-          this.checkMetaEditTp();
-        } else {
-          if (this.currentUser.id_cu != 0) this.changeCu(this.currentUser.id_cu);
-        }
-      }
-    },
-    modelTpStat: function modelTpStat(value) {
-      if (value == "success") {
-        if (this.$route.meta.mode == 'edit') {
-          this.form.id_tp = 'konsolidasi';
-        } else if (this.$route.meta.mode == 'editTp') {
-          this.changeTp(this.form.id_tp);
-        }
-
-        this.isModelTp = true;
-      }
-    },
-    listLaporanTpDataStat: function listLaporanTpDataStat(value) {
-      if (value == "success") {
-        this.idLaporanTp = this.form.id;
-      }
-    }
-  },
-  methods: {
-    checkProfileIdCU: function checkProfileIdCU() {
-      if (this.currentUser.id_cu == 0) {
-        if (this.modelCuStat != 'success') {
-          this.$store.dispatch('cu/getHeader');
-        }
-      } else {
-        this.form.id_cu = this.currentUser.id_cu;
-        this.$store.dispatch('tp/getCu', this.currentUser.id_cu);
-        this.isModelTp = true;
-      }
-    },
-    fetch: function fetch() {
-      if (this.$route.meta.mode === 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah ' + this.level2Title;
-        this.titleDesc = 'Mengubah ' + this.level2Title;
-        this.titleIcon = 'icon-pencil5';
-      } else if (this.$route.meta.mode === 'editTp') {
-        this.$store.dispatch(this.kelas + '/editTp', this.$route.params.id);
-        this.title = 'Ubah ' + this.level2Title;
-        this.titleDesc = 'Mengubah ' + this.level2Title;
-        this.titleIcon = 'icon-pencil5';
-      } else if (this.$route.meta.mode === 'editDraft') {
-        this.$store.dispatch(this.kelas + '/editDraft', this.$route.params.id);
-        this.level2Title = 'Laporan Cu [Draft]';
-        this.title = 'Ubah ' + this.level2Title;
-        this.titleDesc = 'Mengubah ' + this.level2Title;
-        this.titleIcon = 'icon-pencil5';
-      } else if (this.$route.meta.mode === 'editTpDraft') {
-        this.$store.dispatch(this.kelas + '/editTpDraft', this.$route.params.id);
-        this.level2Title = 'Laporan Tp [Draft]';
-        this.title = 'Ubah ' + this.level2Title;
-        this.titleDesc = 'Mengubah ' + this.level2Title;
-        this.titleIcon = 'icon-pencil5';
-      } else {
-        this.title = 'Tambah ' + this.level2Title;
-        this.titleDesc = 'Menambah ' + this.level2Title;
-        this.titleIcon = 'icon-plus3';
-        this.$store.dispatch(this.kelas + '/create');
-      }
-
-      this.fetchCu(); // this.$store.dispatch('coa/get');
-    },
-    fetchCu: function fetchCu() {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    },
-    checkMetaEditTp: function checkMetaEditTp() {
-      this.form.id_cu = this.form.tp.id_cu;
-      this.changeCu(this.form.tp.id_cu);
-      this.$store.dispatch('laporanTp/listLaporanTp', [this.form.tp.id_cu, this.form.periode]);
-    },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-    },
-    changeCu: function changeCu(id) {
-      this.$store.dispatch('tp/getCu', id);
-
-      var model = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.modelCU, function (o) {
-        return o.id == id;
-      });
-
-      this.form.no_ba = model ? model.no_ba : '';
-    },
-    changeTp: function changeTp(id) {
-      if (id == 0) {
-        this.form.no_tp = 0;
-      } else {
-        var model = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.modelTp, function (o) {
-          return o.id == id;
-        });
-
-        this.form.no_tp = model.no_tp;
-      }
-    },
-    changeLaporanTp: function changeLaporanTp(id, tp) {
-      this.$router.push({
-        name: 'laporanTpEdit',
-        params: {
-          id: id
-        }
-      });
-    },
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    },
-    back: function back() {
-      if (this.$route.meta.mode === 'edit') {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.form.id_cu,
-            tp: 'konsolidasi'
-          }
-        });
-      } else if (this.$route.meta.mode === 'editTp') {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.form.id_cu,
-            tp: this.form.id_tp
-          }
-        });
-      } else if (this.$route.meta.mode === 'editDraft') {
-        this.$router.push({
-          name: 'laporanCuDraft'
-        });
-      } else if (this.$route.meta.mode === 'editTpDraft') {
-        this.$router.push({
-          name: 'laporanTpDraft'
-        });
-      } else {
-        if (this.currentUser.id_cu == 0) {
-          if (this.form.id_cu == 0) {
-            this.$router.push({
-              name: this.kelas
-            });
-          } else {
-            if (this.form.id_tp == 0) {
-              this.$router.push({
-                name: this.kelas + 'Cu',
-                params: {
-                  cu: this.form.id_cu,
-                  tp: 0
-                }
-              });
-            } else {
-              this.$router.push({
-                name: this.kelas + 'Cu',
-                params: {
-                  cu: this.form.id_cu,
-                  tp: this.form.id_tp
-                }
-              });
-            }
-          }
-        } else {
-          this.$router.push({
-            name: this.kelas + 'Cu',
-            params: {
-              cu: this.currentUser.id_cu,
-              tp: this.form.id_tp
-            }
-          });
-        }
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanTp', {
-    listLaporanTpData: 'data2S',
-    listLaporanTpDataStat: 'dataStat2S'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
-    modelTp: 'dataS',
-    modelTpStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('coa', {
-    modelCoa: 'dataS2',
-    modelCoaStat: 'dataStatS2'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -934,219 +665,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 //
 //
 //
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['modelCoa', 'modelCoaStat'],
-  components: {
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  data: function data() {
-    return {
-      kelas: 'laporanCu',
-      idLaporanTp: '',
-      isModelTp: false,
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      modelCoaTransformed: {},
-      submited: false,
-      formCoa: {},
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        },
-        numeric2: {
-          numeral: true,
-          numeralIntegerScale: 2,
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      }
-    };
-  },
-  created: function created() {
-    for (var _i = 0, _Object$entries = Object.entries(this.modelCoa); _i < _Object$entries.length; _i++) {
-      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
-          key = _Object$entries$_i[0],
-          itemCoaInduk = _Object$entries$_i[1];
-
-      this.modelCoaTransformed[itemCoaInduk.id] = itemCoaInduk; // this.formCoa[itemCoaInduk.id] = 0;
-    }
-  },
-  watch: {
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    }
-  },
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      if (this.currentUser.id_cu != 0) {
-        this.form.id_cu = this.currentUser.id_cu;
-      }
-
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.$route.meta.mode === 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
-          } else if (_this.$route.meta.mode === 'editTp') {
-            _this.$store.dispatch(_this.kelas + '/updateTp', [_this.$route.params.id, _this.form]);
-          } else if (_this.$route.meta.mode === 'editDraft') {
-            _this.$store.dispatch(_this.kelas + '/updateDraft', [_this.$route.params.id, _this.form]);
-          } else if (_this.$route.meta.mode === 'editTpDraft') {
-            _this.$store.dispatch(_this.kelas + '/updateTpDraft', [_this.$route.params.id, _this.form]);
-          } else {
-            if (_this.form.id_tp == 'konsolidasi') {
-              _this.$store.dispatch(_this.kelas + '/store', _this.form);
-            } else {
-              _this.$store.dispatch(_this.kelas + '/storeTp', _this.form);
-            }
-          }
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
-    },
-    calculate: function calculate(id, increment) {
-      // for (const [key, itemCoaInduk] of Object.entries(this.modelCoa)) {
-      // 	if(itemCoaInduk.tipe == 'G'){
-      // 		this.form[itemCoaInduk.kode] = 0;
-      // 	}
-      // 	for (const [key, itemCoaAnak] of Object.entries(this.modelCoa)) {
-      // 		if(itemCoaInduk.id == itemCoaAnak.id_induk){
-      // 			this.form[itemCoaInduk.kode] = Number(this.form[itemCoaInduk.kode]) + Number(this.form[itemCoaAnak.kode]);
-      // 			console.log(itemCoaInduk.kode, this.form[itemCoaInduk.kode]);
-      // 		}
-      // 	}
-      // };
-      // if(id == 0)return;
-      // this.form[id] = increment;
-      console.log(id, increment);
-      this.calculateInduk(this.modelCoaTransformed[id].id_induk, increment);
-    },
-    calculateInduk: function calculateInduk(id, increment) {
-      if (id == 0) return;
-      var induk = Number(this.formCoa[id]);
-      induk += Number(increment);
-      this.formCoa[id] = induk;
-      this.calculateInduk(this.modelCoaTransformed[id].id_induk, increment);
-    },
-    back: function back() {
-      this.$emit('back');
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat === 'success') {
-        this.back();
-      }
-
-      this.modalShow = false;
-      this.submitedKategori = false;
-      this.submitedPenulis = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanTp', {
-    listLaporanTpData: 'data2S',
-    listLaporanTpDataStat: 'dataStat2S'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
-    modelTp: 'dataS',
-    modelTpStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
 //
 //
 //
@@ -1511,1706 +1029,417 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  data: function data() {
-    return {
-      kelas: 'laporanCu',
-      idLaporanTp: '',
-      isModelTp: false,
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      submited: false,
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        },
-        numeric2: {
-          numeral: true,
-          numeralIntegerScale: 2,
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      }
-    };
-  },
-  watch: {
-    formStat: function formStat(value) {
-      if (value === "success") {
-        if (this.currentUser.id_cu != 0) {
-          this.form.id_cu = this.currentUser.id_cu;
-        }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    }
-  },
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.$route.meta.mode === 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
-          } else if (_this.$route.meta.mode === 'editTp') {
-            _this.$store.dispatch(_this.kelas + '/updateTp', [_this.$route.params.id, _this.form]);
-          } else if (_this.$route.meta.mode === 'editDraft') {
-            _this.$store.dispatch(_this.kelas + '/updateDraft', [_this.$route.params.id, _this.form]);
-          } else if (_this.$route.meta.mode === 'editTpDraft') {
-            _this.$store.dispatch(_this.kelas + '/updateTpDraft', [_this.$route.params.id, _this.form]);
-          } else {
-            if (_this.form.id_tp == 'konsolidasi') {
-              _this.$store.dispatch(_this.kelas + '/store', _this.form);
-            } else {
-              _this.$store.dispatch(_this.kelas + '/storeTp', _this.form);
-            }
-          }
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
-    },
-    back: function back() {
-      this.$emit('back');
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat === 'success') {
-        this.back();
-      }
-
-      this.modalShow = false;
-      this.submitedKategori = false;
-      this.submitedPenulis = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanTp', {
-    listLaporanTpData: 'data2S',
-    listLaporanTpDataStat: 'dataStat2S'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
-    modelTp: 'dataS',
-    modelTpStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
-
-// exports
-
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("DatePicker", {
-    staticClass: "w-100",
-    attrs: {
-      format: "DD-MM-YYYY",
-      "value-type": "format",
-      placeholder: "Pilih Tanggal",
-      editable: true,
-    },
-    on: { change: _vm.onChanged },
-    model: {
-      value: _vm.time,
-      callback: function ($$v) {
-        _vm.time = $$v
-      },
-      expression: "time",
-    },
-  })
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v(
-            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
-          ),
-        ]),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticStyle: { display: "inline-block" } }, [
-    _c("i", {
-      directives: [
-        {
-          name: "tooltip",
-          rawName: "v-tooltip",
-          value: _vm.message,
-          expression: "message",
-        },
-      ],
-      staticClass: "icon-info22 d-none d-sm-block",
-    }),
-    _vm._v(" "),
-    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
-      _c("i", [_vm._v(_vm._s(_vm.message))]),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
-            [
-              _vm.level === 1
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
-                        },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
 
 
 
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticStyle: { display: "inline-block" } }, [
-      _c(
-        "span",
-        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
-        [_vm._v("Wajib diisi")]
-      ),
-    ])
-  },
-]
-render._withStripped = true
 
 
 
-/***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/form.vue?vue&type=template&id=4ce6b9c9&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/form.vue?vue&type=template&id=4ce6b9c9& ***!
-  \*******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops, terjadi kesalahan",
-                      errorItem: _vm.errors.items,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.$route.meta.mode == "editTp"
-                ? _c("div", { staticClass: "card" }, [
-                    _c("div", { staticClass: "card-body" }, [
-                      _vm._m(0),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "input-group" }, [
-                        _vm._m(1),
-                        _vm._v(" "),
-                        _c(
-                          "select",
-                          {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.idLaporanTp,
-                                expression: "idLaporanTp",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              name: "idLaporanTp",
-                              "data-width": "100%",
-                              disabled: _vm.listLaporanTpDataStat === "loading",
-                            },
-                            on: {
-                              change: [
-                                function ($event) {
-                                  var $$selectedVal = Array.prototype.filter
-                                    .call($event.target.options, function (o) {
-                                      return o.selected
-                                    })
-                                    .map(function (o) {
-                                      var val =
-                                        "_value" in o ? o._value : o.value
-                                      return val
-                                    })
-                                  _vm.idLaporanTp = $event.target.multiple
-                                    ? $$selectedVal
-                                    : $$selectedVal[0]
-                                },
-                                function ($event) {
-                                  return _vm.changeLaporanTp(
-                                    $event.target.value
-                                  )
-                                },
-                              ],
-                            },
-                          },
-                          [
-                            _c(
-                              "option",
-                              { attrs: { disabled: "", value: "" } },
-                              [
-                                _vm.listLaporanTpDataStat === "loading"
-                                  ? _c("span", [_vm._v("Mohon tunggu...")])
-                                  : _c("span", [
-                                      _vm._v("Silahkan pilih laporan"),
-                                    ]),
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _vm._l(_vm.listLaporanTpData, function (tp, index) {
-                              return _c(
-                                "option",
-                                { key: index, domProps: { value: tp.id } },
-                                [_vm._v(_vm._s(tp.tp.name))]
-                              )
-                            }),
-                          ],
-                          2
-                        ),
-                      ]),
-                    ]),
-                  ])
-                : _vm._e(),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-body" }, [
-                  _c("div", { staticClass: "row" }, [
-                    _vm.currentUser.id_cu === 0
-                      ? _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.id_cu"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.id_cu"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_cu")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\tCU: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_cu,
-                                      expression: "form.id_cu",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_cu",
-                                    "data-width": "100%",
-                                    "data-vv-as": "CU",
-                                    disabled: _vm.modelCU.length === 0,
-                                  },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_cu",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function ($event) {
-                                        return _vm.changeCu($event.target.value)
-                                      },
-                                    ],
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "0" } },
-                                    [_vm._v("Silahkan pilih CU")]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(_vm.modelCU, function (cu, index) {
-                                    return _c(
-                                      "option",
-                                      {
-                                        key: index,
-                                        domProps: { value: cu.id },
-                                      },
-                                      [_vm._v(_vm._s(cu.name))]
-                                    )
-                                  }),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_cu")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.id_cu")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass: "form-group",
-                          class: { "has-error": _vm.errors.has("form.id_tp") },
-                        },
-                        [
-                          _c(
-                            "h5",
-                            {
-                              class: {
-                                "text-danger": _vm.errors.has("form.id_tp"),
-                              },
-                            },
-                            [
-                              _vm.errors.has("form.id_tp")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\t\t\tTP: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "select",
-                            {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.id_tp,
-                                  expression: "form.id_tp",
-                                },
-                                {
-                                  name: "validate",
-                                  rawName: "v-validate",
-                                  value: "required",
-                                  expression: "'required'",
-                                },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                name: "id_tp",
-                                "data-width": "100%",
-                                "data-vv-as": "TP",
-                                disabled: !_vm.isModelTp,
-                              },
-                              on: {
-                                change: [
-                                  function ($event) {
-                                    var $$selectedVal = Array.prototype.filter
-                                      .call(
-                                        $event.target.options,
-                                        function (o) {
-                                          return o.selected
-                                        }
-                                      )
-                                      .map(function (o) {
-                                        var val =
-                                          "_value" in o ? o._value : o.value
-                                        return val
-                                      })
-                                    _vm.$set(
-                                      _vm.form,
-                                      "id_tp",
-                                      $event.target.multiple
-                                        ? $$selectedVal
-                                        : $$selectedVal[0]
-                                    )
-                                  },
-                                  function ($event) {
-                                    return _vm.changeTp($event.target.value)
-                                  },
-                                ],
-                              },
-                            },
-                            [
-                              _c(
-                                "option",
-                                { attrs: { disabled: "", value: "" } },
-                                [
-                                  _vm.modelTpStat === "loading"
-                                    ? _c("span", [_vm._v("Mohon tunggu...")])
-                                    : _c("span", [
-                                        _vm._v("Silahkan pilih TP/KP"),
-                                      ]),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _vm.$route.meta.mode != "editTp"
-                                ? _c(
-                                    "option",
-                                    { attrs: { value: "konsolidasi" } },
-                                    [_vm._v("Konsolidasi")]
-                                  )
-                                : _vm._e(),
-                              _vm._v(" "),
-                              _c(
-                                "option",
-                                { attrs: { disabled: "", value: "" } },
-                                [_vm._v("----------------")]
-                              ),
-                              _vm._v(" "),
-                              _vm._l(_vm.modelTp, function (tp, index) {
-                                return _c(
-                                  "option",
-                                  { key: index, domProps: { value: tp.id } },
-                                  [_vm._v(_vm._s(tp.name))]
-                                )
-                              }),
-                            ],
-                            2
-                          ),
-                          _vm._v(" "),
-                          _vm.errors.has("form.id_tp")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(_vm.errors.first("form.id_tp")) +
-                                      "\n\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass: "form-group",
-                          class: {
-                            "has-error": _vm.errors.has("form.periode"),
-                          },
-                        },
-                        [
-                          _c(
-                            "h5",
-                            {
-                              class: {
-                                "text-danger": _vm.errors.has("form.periode"),
-                              },
-                            },
-                            [
-                              _vm.errors.has("form.periode")
-                                ? _c("i", {
-                                    staticClass:
-                                      "icon-cross2 d-none d-sm-block",
-                                  })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\t\t\tPeriode: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c("date-picker", {
-                            attrs: { defaultDate: _vm.form.periode },
-                            on: {
-                              dateSelected: function ($event) {
-                                _vm.form.periode = $event
-                              },
-                            },
-                          }),
-                          _vm._v(" "),
-                          _c("input", {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.periode,
-                                expression: "form.periode",
-                              },
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: false,
-                                expression: "false",
-                              },
-                              {
-                                name: "validate",
-                                rawName: "v-validate",
-                                value: "required",
-                                expression: "'required'",
-                              },
-                            ],
-                            attrs: { name: "periode", "data-vv-as": "Periode" },
-                            domProps: { value: _vm.form.periode },
-                            on: {
-                              input: function ($event) {
-                                if ($event.target.composing) {
-                                  return
-                                }
-                                _vm.$set(
-                                  _vm.form,
-                                  "periode",
-                                  $event.target.value
-                                )
-                              },
-                            },
-                          }),
-                          _vm._v(" "),
-                          _vm.errors.has("form.periode")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(_vm.errors.first("form.periode")) +
-                                      "\n\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                        ],
-                        1
-                      ),
-                    ]),
-                  ]),
-                ]),
-              ]),
-              _vm._v(" "),
-              _c("form-konsolidasi", { on: { back: _vm.back } }),
-            ],
-            1
-          ),
-        ]),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-      _c("p", [
-        _vm._v(
-          "Laporan ini merupakan bagian dari laporan konsolidasi, maka anda dapat melihat/mengubah laporan TP lain yang juga termasuk dalam laporan konsolidasi pada CU ini sesuai periode laporannya."
-        ),
-      ]),
-    ])
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default.a,
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_12__["default"]
   },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [
-        _vm._v("Pilih Laporan"),
-      ]),
-    ])
+  data: function data() {
+    return {
+      title: 'Tambah Setoran Solidaritas Jalinan',
+      titleDesc: 'Menambah iuran Jalinan baru',
+      titleIcon: 'icon-plus3',
+      level: 2,
+      level2Title: 'Setoran Solidaritas Jalinan',
+      kelas: 'jalinanIuran',
+      sasaran: [],
+      tempatData: '',
+      idCu: '',
+      periodeBulan: '',
+      periodeTahun: '',
+      itemTahun: [],
+      tabName: 'iuran',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        year: {
+          date: true,
+          datePattern: ['Y']
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      anggotaMasukData: [],
+      cancelState: 'methods',
+      state: '',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      modalSize: '',
+      submited: false
+    };
   },
-]
-render._withStripped = true
+  created: function created() {
+    this.formStat == '';
+    this.anggotaDataStat == '';
+
+    if (this.currentUser.id_cu != 0) {
+      this.changeCU(this.currentUser.id_cu);
+    } else {
+      if (this.currentUser.id_pus !== undefined) {
+        this.fetchCU();
+      }
+    }
+
+    this.generateYear();
+  },
+  watch: {
+    anggotaDataStat: function anggotaDataStat(value) {
+      if (value == 'success') {
+        this.anggotaData.forEach(function (column) {});
+      }
+    },
+    anggotaKeluarDataStat: function anggotaKeluarDataStat(value) {
+      if (value == 'success') {}
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+    },
+    fetchCU: function fetchCU() {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    },
+    save: function save() {
+      var _this = this;
+
+      this.form.id_cu = this.idCu;
+      this.state = '';
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.$route.meta.mode == 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
+          } else {
+            _this.$store.dispatch(_this.kelas + '/store', _this.form);
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
+    back: function back() {
+      this.$router.push({
+        name: this.kelas
+      });
+    },
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+    },
+    selectedRow: function selectedRow(item, index) {
+      this.selectedItemCalon = item;
+      this.selectedItemCalon.index = index;
+    },
+    selectedRow2: function selectedRow2(item, index) {
+      this.selectedItemSuara = item;
+      this.selectedItemSuara.index = index;
+    },
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItemCalon = itemMobile;
+      }
+
+      if (state == 'hapusCalon') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Calon' + this.selectedItemCalon.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+        this.modalSize = '';
+      } else if (state == 'ubahCalon') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah Calon';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formCalonMode = 'edit';
+      } else if (state == 'tambahCalon') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah Calon';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formCalonMode = 'create';
+      }
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      this.modalShow = false;
+
+      if (this.state == 'hapusCalon') {
+        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCalon, {
+          index: this.selectedItemCalon.index
+        });
+
+        this.selectedItemCalon = {};
+      }
+    },
+    modalTutup: function modalTutup() {
+      if (this.updateStat == 'success' && this.state == '') {
+        this.$store.dispatch(this.kelas + '/resetUpdateStat');
+        this.back();
+      }
+
+      this.modalShow = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+    },
+    momentYear: function momentYear() {
+      return moment().year();
+    },
+    generateYear: function generateYear() {
+      var years = function years(back) {
+        var year = new Date().getFullYear();
+        return Array.from({
+          length: back
+        }, function (v, i) {
+          return year - back + i + 1;
+        });
+      };
 
+      this.itemTahun = years(5);
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'headerDataS',
+    modelCuStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanIuran', {
+    form: 'data',
+    produkData: 'dataS',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
+    anggotaData: 'dataS',
+    anggotaDataStat: 'dataStatS',
+    anggotaKeluarData: 'dataS2',
+    anggotaKeluarDataStat: 'dataStatS2'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
+
+// exports
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=template&id=5f8de89c&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=template&id=5f8de89c& ***!
-  \**********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("form") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "form",
-        {
-          attrs: { enctype: "multipart/form-data", "data-vv-scope": "form" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
-            },
-          },
-        },
-        [
-          _c("div", { staticClass: "timeline timeline-left" }, [
-            _c(
-              "div",
-              { staticClass: "timeline-container" },
-              _vm._l(_vm.modelCoa, function (formCoaInduk, index) {
-                return _c("div", { key: index, staticClass: "timeline-row" }, [
-                  formCoaInduk.tipe == "G"
-                    ? _c("div", { staticClass: "timeline-icon" }, [
-                        _c("div", { staticClass: "bg-white" }, [
-                          _vm._v(
-                            "\n\t\t\t\t\t\t" +
-                              _vm._s(formCoaInduk.kode.charAt(0)) +
-                              "\n\t\t\t\t\t"
-                          ),
-                        ]),
-                      ])
-                    : _vm._e(),
-                  _vm._v(" "),
-                  formCoaInduk.tipe == "G"
-                    ? _c("div", { staticClass: "card card-body" }, [
-                        _c(
-                          "div",
-                          { staticClass: "row" },
-                          [
-                            _c("div", { staticClass: "col-sm-6 col-lg-10" }, [
-                              _c("div", { staticClass: "input-group" }, [
-                                _c(
-                                  "div",
-                                  { staticClass: "input-group-prepend" },
-                                  [
-                                    _c(
-                                      "span",
-                                      { staticClass: "input-group-text" },
-                                      [_vm._v(_vm._s(formCoaInduk.kode))]
-                                    ),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _c("input", {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: formCoaInduk.name,
-                                      expression: "formCoaInduk.name",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    type: "text",
-                                    name: formCoaInduk.name,
-                                    readonly: "",
-                                  },
-                                  domProps: { value: formCoaInduk.name },
-                                  on: {
-                                    input: function ($event) {
-                                      if ($event.target.composing) {
-                                        return
-                                      }
-                                      _vm.$set(
-                                        formCoaInduk,
-                                        "name",
-                                        $event.target.value
-                                      )
-                                    },
-                                  },
-                                }),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "div",
-                              { staticClass: "col-sm-6 col-lg-2 text-right" },
-                              [
-                                _c("cleave", {
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: formCoaInduk.name,
-                                    options: _vm.cleaveOption.numeric,
-                                    readonly: "",
-                                  },
-                                  model: {
-                                    value: _vm.formCoa[formCoaInduk.id],
-                                    callback: function ($$v) {
-                                      _vm.$set(
-                                        _vm.formCoa,
-                                        formCoaInduk.id,
-                                        $$v
-                                      )
-                                    },
-                                    expression: "formCoa[formCoaInduk.id]",
-                                  },
-                                }),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _vm._l(_vm.modelCoa, function (formCoaAnak, index) {
-                              return [
-                                formCoaAnak.id_induk == formCoaInduk.id &&
-                                formCoaAnak.tipe == "P"
-                                  ? _c(
-                                      "div",
-                                      {
-                                        key: index,
-                                        staticClass: "col-lg-4 col-md-6",
-                                      },
-                                      [
-                                        _c(
-                                          "div",
-                                          {
-                                            key: index,
-                                            staticClass:
-                                              "card card-body mt-3 mb-0",
-                                          },
-                                          [
-                                            _c("h5", [
-                                              _c(
-                                                "span",
-                                                {
-                                                  staticClass:
-                                                    "badge bg-blue-400 align-self-center ml-auto mr-1",
-                                                },
-                                                [
-                                                  _vm._v(
-                                                    _vm._s(formCoaAnak.kode)
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(
-                                                " " +
-                                                  _vm._s(formCoaAnak.name) +
-                                                  "\n\t\t\t\t\t\t\t\t\t"
-                                              ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("cleave", {
-                                              staticClass: "form-control",
-                                              attrs: {
-                                                name: formCoaAnak.name,
-                                                options:
-                                                  _vm.cleaveOption.numeric,
-                                                placeholder:
-                                                  "Silahkan masukkan " +
-                                                  formCoaAnak.name,
-                                              },
-                                              nativeOn: {
-                                                blur: function ($event) {
-                                                  return _vm.calculate(
-                                                    formCoaAnak.id,
-                                                    _vm.formCoa[formCoaAnak.id]
-                                                  )
-                                                },
-                                              },
-                                              model: {
-                                                value:
-                                                  _vm.formCoa[formCoaAnak.id],
-                                                callback: function ($$v) {
-                                                  _vm.$set(
-                                                    _vm.formCoa,
-                                                    formCoaAnak.id,
-                                                    $$v
-                                                  )
-                                                },
-                                                expression:
-                                                  "formCoa[formCoaAnak.id]",
-                                              },
-                                            }),
-                                          ],
-                                          1
-                                        ),
-                                      ]
-                                    )
-                                  : _vm._e(),
-                              ]
-                            }),
-                          ],
-                          2
-                        ),
-                      ])
-                    : _vm._e(),
-                ])
-              }),
-              0
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "card mt-2" }, [
-            _c("div", { staticClass: "card-body" }, [
-              _c("div", { staticClass: "row" }, [
-                _c(
-                  "div",
-                  { staticClass: "col-md-6" },
+
+var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticStyle: { display: "inline-block" } },
+    [
+      _vm.value
+        ? _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm.valueType == "trim"
+              ? _c(
+                  "span",
+                  { staticStyle: { display: "inline-block" } },
                   [
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light btn-block pb-2",
-                        attrs: { type: "button" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.calculate(5, 500)
-                          },
-                        },
-                      },
-                      [_vm._v(" calculate")]
-                    ),
-                    _vm._v(" "),
-                    _c("h5", [_vm._v("Inflasi")]),
-                    _vm._v(" "),
-                    _c("cleave", {
-                      staticClass: "form-control",
+                    _c("truncate", {
+                      staticStyle: { display: "inline-block" },
                       attrs: {
-                        options: _vm.cleaveOption.numeric2,
-                        placeholder: "Silahkan masukkan jumlah inflasi",
-                      },
-                      model: {
-                        value: _vm.form.laju_inflasi,
-                        callback: function ($$v) {
-                          _vm.$set(_vm.form, "laju_inflasi", $$v)
-                        },
-                        expression: "form.laju_inflasi",
+                        "action-class": "badge bg-blue",
+                        clamp: "selengkapnya >",
+                        length: _vm.trimLength,
+                        less: "< kembali",
+                        text: _vm.frontText + " " + _vm.value,
                       },
                     }),
                   ],
                   1
-                ),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  { staticClass: "col-md-6" },
-                  [
-                    _c("h5", [_vm._v("Harga Pasar")]),
-                    _vm._v(" "),
-                    _c("cleave", {
-                      staticClass: "form-control",
-                      attrs: {
-                        options: _vm.cleaveOption.numeric2,
-                        placeholder: "Silahkan masukkan harga pasar",
-                      },
-                      model: {
-                        value: _vm.form.harga_pasar,
-                        callback: function ($$v) {
-                          _vm.$set(_vm.form, "harga_pasar", $$v)
+                )
+              : _vm.valueType == "modal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light",
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen()
                         },
-                        expression: "form.harga_pasar",
                       },
-                    }),
-                  ],
-                  1
-                ),
-              ]),
-            ]),
+                    },
+                    [_vm._v("\n          Lihat\n      ")]
+                  ),
+                ])
+              : _vm.valueType == "currency"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(
+                        _vm._f("currency")(_vm.value, "", 0, {
+                          thousandsSeparator: ".",
+                        })
+                      )
+                  ),
+                ])
+              : _vm.valueType == "percentage"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("percentage")(_vm.value, 2))
+                  ),
+                ])
+              : _vm.valueType == "decimal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("round")(_vm.value, 2))
+                  ),
+                ])
+              : _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
+                ]),
+          ])
+        : _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
           ]),
-          _vm._v(" "),
-          _c("form-info"),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "card card-body" },
-            [
-              _c("form-button", {
-                attrs: { cancelState: "methods", formValidation: "form" },
-                on: { cancelClick: _vm.back },
-              }),
-            ],
-            1
-          ),
-        ],
-        1
-      ),
       _vm._v(" "),
       _c("app-modal", {
         attrs: {
           show: _vm.modalShow,
           state: _vm.modalState,
           title: _vm.modalTitle,
+          button: _vm.modalButton,
           content: _vm.modalContent,
-          color: _vm.modalColor,
-        },
-        on: {
-          batal: _vm.modalTutup,
-          tutup: _vm.modalTutup,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalBackgroundClick,
         },
+        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
       }),
     ],
     1
@@ -3223,10 +1452,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=template&id=1e7175c6&":
-/*!******************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=template&id=1e7175c6& ***!
-  \******************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -3240,1171 +1469,2514 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c(
     "div",
+    {
+      staticClass: "table-responsive table-scrollable",
+      staticStyle: { "max-height": "33rem" },
+    },
     [
-      _vm.errors.any("form") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "form",
-        {
-          attrs: { enctype: "multipart/form-data", "data-vv-scope": "form" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
-            },
-          },
-        },
-        [
-          _c("div", { staticClass: "card" }, [
-            _c("div", { staticClass: "card-body" }, [
-              _c("div", { staticClass: "row" }, [
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Lelaki Biasa")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder: "Silahkan masukkan jumlah lelaki biasa",
-                        },
-                        model: {
-                          value: _vm.form.l_biasa,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "l_biasa", $$v)
-                          },
-                          expression: "form.l_biasa",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Lelaki Luar Biasa")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah lelaki luar biasa",
-                        },
-                        model: {
-                          value: _vm.form.l_lbiasa,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "l_lbiasa", $$v)
-                          },
-                          expression: "form.l_lbiasa",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Perempuan Biasa")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah perempuan biasa",
-                        },
-                        model: {
-                          value: _vm.form.p_biasa,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "p_biasa", $$v)
-                          },
-                          expression: "form.p_biasa",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Perempuan Luar Biasa")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah anggota perempuan luar biasa",
-                        },
-                        model: {
-                          value: _vm.form.p_lbiasa,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "p_lbiasa", $$v)
-                          },
-                          expression: "form.p_lbiasa",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c(
-                        "h5",
-                        [
-                          _vm._v("Total Anggota Tahun Lalu "),
-                          _c("info-icon", {
-                            attrs: {
-                              message:
-                                "Anggota tahun lalu dari bulan yang sama dengan periode laporan ini.",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan total anggota tahun lalu",
-                        },
-                        model: {
-                          value: _vm.form.total_anggota_lalu,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "total_anggota_lalu", $$v)
-                          },
-                          expression: "form.total_anggota_lalu",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _vm._m(0),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Aset")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder: "Silahkan masukkan jumlah aset",
-                        },
-                        model: {
-                          value: _vm.form.aset,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "aset", $$v)
-                          },
-                          expression: "form.aset",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c(
-                        "h5",
-                        [
-                          _vm._v("Aset Tahun Lalu "),
-                          _c("info-icon", {
-                            attrs: {
-                              message:
-                                "Aset tahun lalu dari periode laporan ini.",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder: "Silahkan masukkan jumlah aset",
-                        },
-                        model: {
-                          value: _vm.form.aset_lalu,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "aset_lalu", $$v)
-                          },
-                          expression: "form.aset_lalu",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c(
-                        "h5",
-                        [
-                          _vm._v("Aset Masalah "),
-                          _c("info-icon", {
-                            attrs: {
-                              message:
-                                "Nilai dari investasi CU Primer yang sudah tidak menghasilkan dan atau saldo dari piutang anggota yang sudah berhenti tetapi simpanannya tidak tersedia untuk pelunasan piutang tersebut.",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder: "Silahkan masukkan jumlah aset masalah",
-                        },
-                        model: {
-                          value: _vm.form.aset_masalah,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "aset_masalah", $$v)
-                          },
-                          expression: "form.aset_masalah",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Aset Tidak Menghasilkan")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah aset tidak menghasilkan",
-                        },
-                        model: {
-                          value: _vm.form.aset_tidak_menghasilkan,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "aset_tidak_menghasilkan", $$v)
-                          },
-                          expression: "form.aset_tidak_menghasilkan",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Aset Likuid Tidak Menghasilkan")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah aset tidak menghasilkan",
-                        },
-                        model: {
-                          value: _vm.form.aset_likuid_tidak_menghasilkan,
-                          callback: function ($$v) {
-                            _vm.$set(
-                              _vm.form,
-                              "aset_likuid_tidak_menghasilkan",
-                              $$v
-                            )
-                          },
-                          expression: "form.aset_likuid_tidak_menghasilkan",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Investasi Likuid")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah investasi likuid",
-                        },
-                        model: {
-                          value: _vm.form.investasi_likuid,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "investasi_likuid", $$v)
-                          },
-                          expression: "form.investasi_likuid",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Aktiva Lancar")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder: "Silahkan masukkan jumlah aktiva lancar",
-                        },
-                        model: {
-                          value: _vm.form.aktiva_lancar,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "aktiva_lancar", $$v)
-                          },
-                          expression: "form.aktiva_lancar",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
+      _c("table", { staticClass: "table table-striped" }, [
+        _c("thead", { staticClass: "bg-primary" }, [
+          _c(
+            "tr",
+            { staticClass: "text-nowrap" },
+            _vm._l(_vm.columnData, function (item, index) {
+              return _c("th", { key: index }, [
+                _c("span", { domProps: { innerHTML: _vm._s(item.title) } }),
+              ])
+            }),
+            0
+          ),
+        ]),
+        _vm._v(" "),
+        _vm.itemDataStat === "loading"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._m(0),
                 ]),
+              ]),
+            ])
+          : _vm.itemDataStat === "success"
+          ? _c(
+              "tbody",
+              [
+                _vm._l(_vm.items, function (item, index) {
+                  return _vm._t("item-desktop", null, {
+                    item: item,
+                    index: index,
+                  })
+                }),
                 _vm._v(" "),
-                _vm._m(1),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Simp. Saham")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder: "Silahkan masukkan jumlah simp. saham",
-                        },
-                        model: {
-                          value: _vm.form.simpanan_saham,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "simpanan_saham", $$v)
-                          },
-                          expression: "form.simpanan_saham",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
+                _vm.items.length == 0
+                  ? _c("tr", [
+                      _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                        _vm._v("Belum terdapat data..."),
+                      ]),
+                    ])
+                  : _vm._e(),
+              ],
+              2
+            )
+          : _vm.itemDataStat === "fail"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v(
+                    "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
                   ),
                 ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Simp. Non Saham (Unggulan)")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah simp. non saham (unggulan)",
-                        },
-                        model: {
-                          value: _vm.form.nonsaham_unggulan,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "nonsaham_unggulan", $$v)
-                          },
-                          expression: "form.nonsaham_unggulan",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
+              ]),
+            ])
+          : _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v("-"),
                 ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
+              ]),
+            ]),
+      ]),
+    ]
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("DatePicker", {
+    staticClass: "w-100",
+    attrs: {
+      format: "DD-MM-YYYY",
+      "value-type": "format",
+      placeholder: "Pilih Tanggal",
+      editable: true,
+    },
+    on: { change: _vm.onChanged },
+    model: {
+      value: _vm.time,
+      callback: function ($$v) {
+        _vm.time = $$v
+      },
+      expression: "time",
+    },
+  })
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+          ),
+        ]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticStyle: { display: "inline-block" } }, [
+    _c("i", {
+      directives: [
+        {
+          name: "tooltip",
+          rawName: "v-tooltip",
+          value: _vm.message,
+          expression: "message",
+        },
+      ],
+      staticClass: "icon-info22 d-none d-sm-block",
+    }),
+    _vm._v(" "),
+    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
+      _c("i", [_vm._v(_vm._s(_vm.message))]),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            [
+              _vm.level === 1
+                ? _c(
                     "div",
-                    { staticClass: "form-group" },
+                    { staticClass: "breadcrumb" },
                     [
                       _c(
-                        "h5",
-                        [
-                          _vm._v("Simp. Non Saham (Harian & Deposito) "),
-                          _c("info-icon", {
-                            attrs: {
-                              message:
-                                "Seluruh simpanan non-saham (Harian & Deposito) kecuali simpanan unggulan.",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah simp. non saham (harian & deposito)",
-                        },
-                        model: {
-                          value: _vm.form.nonsaham_harian,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "nonsaham_harian", $$v)
-                          },
-                          expression: "form.nonsaham_harian",
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
                         },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c(
-                        "h5",
                         [
-                          _vm._v("Simp. Saham Tahun Lalu "),
-                          _c("info-icon", {
-                            attrs: {
-                              message:
-                                "Simpanan saham tahun lalu dari bulan yang sama/bulan ini.",
-                            },
-                          }),
-                        ],
-                        1
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
                       ),
                       _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah simp. saham tahun lalu",
-                        },
-                        model: {
-                          value: _vm.form.simpanan_saham_lalu,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "simpanan_saham_lalu", $$v)
-                          },
-                          expression: "form.simpanan_saham_lalu",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
                     ],
                     1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 2
+                ? _c(
                     "div",
-                    { staticClass: "form-group" },
+                    { staticClass: "breadcrumb" },
                     [
                       _c(
-                        "h5",
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
                         [
-                          _vm._v("Simp. Saham Tahun Lalu Bulan Des "),
-                          _c("info-icon", {
-                            attrs: {
-                              message:
-                                "Simpanan saham bulan desember tahun lalu.",
-                            },
-                          }),
-                        ],
-                        1
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
                       ),
                       _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah simp. saham tahun lalu bulan desember",
-                        },
-                        model: {
-                          value: _vm.form.simpanan_saham_des,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "simpanan_saham_des", $$v)
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
                           },
-                          expression: "form.simpanan_saham_des",
                         },
-                      }),
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
                       _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
                     ],
                     1
-                  ),
-                ]),
-                _vm._v(" "),
-                _vm._m(2),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 3
+                ? _c(
                     "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Hutang SPD")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder: "Silahkan masukkan jumlah hutang spd",
-                        },
-                        model: {
-                          value: _vm.form.hutang_spd,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "hutang_spd", $$v)
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticStyle: { display: "inline-block" } }, [
+      _c(
+        "span",
+        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
+        [_vm._v("Wajib diisi")]
+      ),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/form.vue?vue&type=template&id=1bd85044&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/form.vue?vue&type=template&id=1bd85044& ***!
+  \**********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: _vm.level,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan",
+                      errorItem: _vm.errors.items,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "form",
+                {
+                  attrs: {
+                    enctype: "multipart/form-data",
+                    "data-vv-scope": "form",
+                  },
+                  on: {
+                    submit: function ($event) {
+                      $event.preventDefault()
+                      return _vm.save.apply(null, arguments)
+                    },
+                  },
+                },
+                [
+                  _c("div", { staticClass: "card" }, [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        this.currentUser.id_cu == 0
+                          ? _c("div", { staticClass: "col-sm-4" }, [
+                              _c("div", { staticClass: "input-group" }, [
+                                _vm._m(0),
+                                _vm._v(" "),
+                                _c(
+                                  "select",
+                                  {
+                                    directives: [
+                                      {
+                                        name: "model",
+                                        rawName: "v-model",
+                                        value: _vm.idCu,
+                                        expression: "idCu",
+                                      },
+                                    ],
+                                    staticClass: "form-control",
+                                    attrs: {
+                                      name: "idCu",
+                                      "data-width": "100%",
+                                      disabled: _vm.modelCuStat === "loading",
+                                    },
+                                    on: {
+                                      change: function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.idCu = $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      },
+                                    },
+                                  },
+                                  [
+                                    _c(
+                                      "option",
+                                      { attrs: { disabled: "", value: "" } },
+                                      [_vm._v("Silahkan pilih data")]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm._t("default"),
+                                    _vm._v(" "),
+                                    _c(
+                                      "option",
+                                      { attrs: { disabled: "", value: "" } },
+                                      [_vm._v("----------------")]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm._l(_vm.modelCu, function (cu, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: cu.id },
+                                        },
+                                        [_vm._v(_vm._s(cu.name))]
+                                      )
+                                    }),
+                                  ],
+                                  2
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "input-group-append" },
+                                  [
+                                    _c(
+                                      "button",
+                                      {
+                                        staticClass: "btn btn-light",
+                                        attrs: {
+                                          disabled:
+                                            _vm.modelCuStat === "loading",
+                                        },
+                                        on: { click: _vm.fetchCU },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-sync",
+                                          class: {
+                                            spinner:
+                                              _vm.modelCuStat === "loading",
+                                          },
+                                        }),
+                                      ]
+                                    ),
+                                  ]
+                                ),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          {
+                            class: {
+                              "col-sm-6": _vm.currentUser.id_cu == 0,
+                              "col-sm-12": _vm.currentUser.id_cu != 0,
+                            },
                           },
-                          expression: "form.hutang_spd",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c(
-                        "h5",
+                          [
+                            _c("div", { staticClass: "row" }, [
+                              _c("div", { staticClass: "col-6" }, [
+                                _c("div", { staticClass: "input-group" }, [
+                                  _vm._m(1),
+                                  _vm._v(" "),
+                                  _c(
+                                    "select",
+                                    {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.periodeBulan,
+                                          expression: "periodeBulan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "periodeBulan",
+                                        "data-width": "100%",
+                                        disabled: _vm.idCu == "",
+                                      },
+                                      on: {
+                                        change: function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
+                                              )
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.periodeBulan = $event.target
+                                            .multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [_vm._v("Bulan")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [_vm._v("----------------")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "1" } }, [
+                                        _vm._v("1"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "2" } }, [
+                                        _vm._v("2"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "3" } }, [
+                                        _vm._v("3"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "4" } }, [
+                                        _vm._v("4"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "5" } }, [
+                                        _vm._v("5"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "6" } }, [
+                                        _vm._v("6"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "7" } }, [
+                                        _vm._v("7"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "8" } }, [
+                                        _vm._v("8"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "9" } }, [
+                                        _vm._v("9"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "10" } }, [
+                                        _vm._v("10"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "11" } }, [
+                                        _vm._v("11"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "12" } }, [
+                                        _vm._v("12"),
+                                      ]),
+                                    ]
+                                  ),
+                                ]),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-6" }, [
+                                _c("div", { staticClass: "input-group" }, [
+                                  _vm._m(2),
+                                  _vm._v(" "),
+                                  _c(
+                                    "select",
+                                    {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.periodeTahun,
+                                          expression: "periodeTahun",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "periodeTahun",
+                                        "data-width": "100%",
+                                        disabled: _vm.periodeBulan == "",
+                                      },
+                                      on: {
+                                        change: function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
+                                              )
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.periodeTahun = $event.target
+                                            .multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [_vm._v("Tahun")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [_vm._v("----------------")]
+                                      ),
+                                      _vm._v(" "),
+                                      _vm._l(
+                                        _vm.itemTahun,
+                                        function (y, index) {
+                                          return _c(
+                                            "option",
+                                            {
+                                              key: index,
+                                              domProps: { value: y },
+                                            },
+                                            [_vm._v(_vm._s(y))]
+                                          )
+                                        }
+                                      ),
+                                    ],
+                                    2
+                                  ),
+                                ]),
+                              ]),
+                            ]),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-sm-2" }, [
+                          _vm.formStat != "loading" &&
+                          _vm.anggotaDataStat != "loading"
+                            ? _c(
+                                "button",
+                                {
+                                  staticClass:
+                                    "btn btn-light btn-icon btn-block",
+                                  attrs: {
+                                    type: "button",
+                                    disabled: _vm.periodeTahun == "",
+                                  },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.fetch()
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-folder-open3" }),
+                                  _vm._v("  Buat\n\t\t\t\t\t\t\t\t\t"),
+                                ]
+                              )
+                            : _c(
+                                "button",
+                                {
+                                  staticClass:
+                                    "btn btn-light btn-icon btn-block",
+                                  attrs: { type: "button" },
+                                },
+                                [_c("i", { staticClass: "icon-sync spinner" })]
+                              ),
+                        ]),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _vm.formStat == "success"
+                    ? _c(
+                        "div",
                         [
-                          _vm._v("Total Hutang Pihak Ke-3 "),
-                          _c("info-icon", {
-                            attrs: {
-                              message:
-                                "Hutang di PUSKOPCUINA dan lembaga lain.",
+                          _c("div", { staticClass: "card" }, [
+                            _c("div", { staticClass: "nav-tabs-responsive" }, [
+                              _c(
+                                "ul",
+                                {
+                                  staticClass:
+                                    "nav nav-tabs nav-tabs-solid  bg-light mb-0",
+                                },
+                                [
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active: _vm.tabName == "iuran",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab("iuran")
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-menu7 mr-2",
+                                        }),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\tIuran\n\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active: _vm.tabName == "masuk",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab("masuk")
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-equalizer mr-2",
+                                        }),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\tAnggota Masuk\n\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active: _vm.tabName == "keluar",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab("keluar")
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-equalizer mr-2",
+                                        }),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\tAnggota Keluar\n\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active: _vm.tabName == "simp5",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab("simp5")
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-equalizer mr-2",
+                                        }),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\tSIMP > 5JT\n\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active: _vm.tabName == "simp10",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab("simp10")
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-equalizer mr-2",
+                                        }),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\tSIMP > 10JT | 60 S.d. 70 Thn\n\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active: _vm.tabName == "simp701",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab("simp701")
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-equalizer mr-2",
+                                        }),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\t> 70 Thn | Masuk < 60 Thn\n\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active: _vm.tabName == "simp702",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab("simp702")
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-equalizer mr-2",
+                                        }),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\t> 70 Thn | Masuk > 60 Thn\n\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("li", { staticClass: "nav-item" }, [
+                                    _c(
+                                      "a",
+                                      {
+                                        staticClass: "nav-link",
+                                        class: {
+                                          active: _vm.tabName == "simp703",
+                                        },
+                                        attrs: { href: "#" },
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.changeTab("simp703")
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-equalizer mr-2",
+                                        }),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\t> 70 Thn | Masuk > 70 Thn\n\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    ),
+                                  ]),
+                                ]
+                              ),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c(
+                            "transition",
+                            {
+                              attrs: {
+                                "enter-active-class": "animated fadeIn",
+                                mode: "out-in",
+                              },
                             },
-                          }),
+                            [
+                              _c(
+                                "div",
+                                {
+                                  directives: [
+                                    {
+                                      name: "show",
+                                      rawName: "v-show",
+                                      value: _vm.tabName == "iuran",
+                                      expression: "tabName == 'iuran'",
+                                    },
+                                  ],
+                                },
+                                [
+                                  _c("div", { staticClass: "row" }, [
+                                    _c("div", { staticClass: "col-lg-6" }, [
+                                      _c("div", { staticClass: "card" }, [
+                                        _c(
+                                          "div",
+                                          {
+                                            staticClass: "card-header bg-white",
+                                          },
+                                          [
+                                            _c(
+                                              "h5",
+                                              { staticClass: "card-title" },
+                                              [
+                                                _vm._v(
+                                                  "Santunan Solidaritas (TUNAS)"
+                                                ),
+                                              ]
+                                            ),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "div",
+                                          { staticClass: "card-body" },
+                                          [
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [
+                                                  _c("b", [
+                                                    _vm._v(
+                                                      "A. Simpanan yang disolidaritaskan"
+                                                    ),
+                                                  ]),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c(
+                                                        "tbody",
+                                                        [
+                                                          _vm._l(
+                                                            _vm.form.produk,
+                                                            function (
+                                                              produk,
+                                                              index
+                                                            ) {
+                                                              return produk.tipe ==
+                                                                "Simpanan Pokok" ||
+                                                                produk.tipe ==
+                                                                  "Simpanan Wajib" ||
+                                                                produk.tipe ==
+                                                                  "Simpanan Non Saham"
+                                                                ? _c("tr", [
+                                                                    _c("th", [
+                                                                      _vm._v(
+                                                                        _vm._s(
+                                                                          produk.name
+                                                                        )
+                                                                      ),
+                                                                    ]),
+                                                                    _vm._v(" "),
+                                                                    _c(
+                                                                      "td",
+                                                                      {
+                                                                        staticClass:
+                                                                          "text-right",
+                                                                      },
+                                                                      [
+                                                                        _c(
+                                                                          "check-value",
+                                                                          {
+                                                                            attrs:
+                                                                              {
+                                                                                value:
+                                                                                  produk.saldo,
+                                                                                valueType:
+                                                                                  "currency",
+                                                                              },
+                                                                          }
+                                                                        ),
+                                                                      ],
+                                                                      1
+                                                                    ),
+                                                                  ])
+                                                                : _vm._e()
+                                                            }
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c("tr", [
+                                                            _c("th", [
+                                                              _vm._v(
+                                                                "Jumlah Simpanan yang disolidaritaskan"
+                                                              ),
+                                                            ]),
+                                                            _vm._v(" "),
+                                                            _c("td", {
+                                                              staticClass:
+                                                                "text-right",
+                                                            }),
+                                                          ]),
+                                                        ],
+                                                        2
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [
+                                                  _c("b", [
+                                                    _vm._v(
+                                                      "B. Simpanan sebagai pengurang"
+                                                    ),
+                                                  ]),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c("tbody", [
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "1. Simpanan usia 0 s.d 1 thn diatas plafon (5.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_3,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "2. Simpanan usia > 1 s.d 70 thn diatas plafon (50.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_4,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "3. Simpanan usia masuk 60 s.d 70 thn diatas plafon (10.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_5,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "4. Pertambahan simpanan usia diatas  70 thn - yang menjadi anggota CU pada usia di bawah 60 tahun (Maks. 50 juta)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_6,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "5. Pertambahan simpanan usia diatas  70 thn - yang menjadi anggota CU pada usia 60 s.d 70 tahun (Maks. 10 juta)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_7,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "6. Pertambahan simpanan usia diatas  70 thn - Anggota masuk usia diatas 70 tahun"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_8,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "7. Simpanan Kapitalisasi anggota baru  < 30 hari sejak menjadi anggota"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_9,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "8. Simpanan kapitalisasi  yang piutangnya tidak pernah diangsur 3 bln berturut-turut atau lebih"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_10,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "9. Simpanan lembaga yang diatasnamakan lembaga atau perorangan"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_11,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "Jumlah Simpanan sebagai pengurang"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_3,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                      ]),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [
+                                                  _c("b", [
+                                                    _vm._v(
+                                                      "C. Simpanan Yang Disolidaritaskan"
+                                                    ),
+                                                  ]),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c("tbody", [
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v("A - B"),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [_vm._v("0")]
+                                                          ),
+                                                        ]),
+                                                      ]),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [_c("b", [_vm._v("D. Iuran")])]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c("tbody", [
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "Setoran Solidaritas Tunas"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [_vm._v("0")]
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "Pembulatan Setoran Solidaritas Tunas"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [_vm._v("0")]
+                                                          ),
+                                                        ]),
+                                                      ]),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                          ]
+                                        ),
+                                      ]),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("div", { staticClass: "col-lg-6" }, [
+                                      _c("div", { staticClass: "card" }, [
+                                        _c(
+                                          "div",
+                                          {
+                                            staticClass: "card-header bg-white",
+                                          },
+                                          [
+                                            _c(
+                                              "h5",
+                                              { staticClass: "card-title" },
+                                              [
+                                                _vm._v(
+                                                  "Perlindungan Piutang Anggota (LINTANG)"
+                                                ),
+                                              ]
+                                            ),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "div",
+                                          { staticClass: "card-body" },
+                                          [
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [
+                                                  _c("b", [
+                                                    _vm._v(
+                                                      "A. Piutang yang disolidaritaskan"
+                                                    ),
+                                                  ]),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c(
+                                                        "tbody",
+                                                        [
+                                                          _vm._l(
+                                                            _vm.form.produk,
+                                                            function (
+                                                              produk,
+                                                              index
+                                                            ) {
+                                                              return produk.tipe ==
+                                                                "Pinjaman Kapitalisasi" ||
+                                                                produk.tipe ==
+                                                                  "Pinjaman Umum" ||
+                                                                produk.tipe ==
+                                                                  "Pinjaman Produktif"
+                                                                ? _c(
+                                                                    "tr",
+                                                                    {
+                                                                      key: index,
+                                                                    },
+                                                                    [
+                                                                      _c("th", [
+                                                                        _vm._v(
+                                                                          _vm._s(
+                                                                            produk.name
+                                                                          )
+                                                                        ),
+                                                                      ]),
+                                                                      _vm._v(
+                                                                        " "
+                                                                      ),
+                                                                      _c(
+                                                                        "td",
+                                                                        {
+                                                                          staticClass:
+                                                                            "text-right",
+                                                                        },
+                                                                        [
+                                                                          _c(
+                                                                            "check-value",
+                                                                            {
+                                                                              attrs:
+                                                                                {
+                                                                                  value:
+                                                                                    produk.saldo,
+                                                                                  valueType:
+                                                                                    "currency",
+                                                                                },
+                                                                            }
+                                                                          ),
+                                                                        ],
+                                                                        1
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : _vm._e()
+                                                            }
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c("tr", [
+                                                            _c("th", [
+                                                              _vm._v(
+                                                                "Jumlah Piutang yang disolidaritaskan"
+                                                              ),
+                                                            ]),
+                                                            _vm._v(" "),
+                                                            _c("td", {
+                                                              staticClass:
+                                                                "text-right",
+                                                            }),
+                                                          ]),
+                                                        ],
+                                                        2
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [
+                                                  _c("b", [
+                                                    _vm._v(
+                                                      "B. Piutang sebagai pengurang"
+                                                    ),
+                                                  ]),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c("tbody", [
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "1. Saldo piutang cair usia dewasa s.d 60 thn diatas plafon (150.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_12,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "2. Saldo piutang cair diatas usia 60 s.d 70 thn diatas plafon (50.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_13,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "3. Saldo piutang kapitalisasi diatas plafon (25.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_14,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "4. Saldo piutang usia diatas 70 tahun"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_15,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "5. Saldo piutang macet  lebih dari 6 bulan berturut-turut"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_16,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "6. Saldo piutang kapitalisasi anggota baru < 30 hari sejak menjadi anggota"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_17,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "7. Saldo piutang kapitalisasi yang tidak pernah diangsur ≥ 3 bln berturut-turut"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_18,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "8. Saldo piutang dengan tujuan untuk biaya berobat sendiri"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_19,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "9. Saldo piutang lembaga atas nama perorangan atau nama lembaga"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_20,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "10. Saldo piutang produktif  diatas plafon (300.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_21,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "11. Saldo piutang produktif dan piutang lain diatas plafon (300.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_22,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "12. Saldo piutang kapitalisasi yang umur piutang diatas 5 tahun"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_23,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "13. Saldo piutang selain  kapitalisasi yang umur piutang diatas 15 tahun"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_24,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "14. Saldo piutang yang angsuran ditarik dari simpanan saham (SP dan SW)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_25,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "15. Saldo piutang luar biasa usia < 17 tahun dan belum menikah"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_sheet_26,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "Jumlah Simpanan sebagai pengurang"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [_vm._v("0")]
+                                                          ),
+                                                        ]),
+                                                      ]),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [
+                                                  _c("b", [
+                                                    _vm._v(
+                                                      "C. Piutang Yang Disolidaritaskan"
+                                                    ),
+                                                  ]),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c("tbody", [
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v("A - B"),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [_vm._v("0")]
+                                                          ),
+                                                        ]),
+                                                      ]),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [_c("b", [_vm._v("D. Iuran")])]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c("tbody", [
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "Setoran Solidaritas Lintang"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [_vm._v("0")]
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "Pembulatan Setoran Solidaritas Lintang"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [_vm._v("0")]
+                                                          ),
+                                                        ]),
+                                                      ]),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                          ]
+                                        ),
+                                      ]),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("div", { staticClass: "col-lg-12" }, [
+                                      _c("div", { staticClass: "card" }, [
+                                        _c(
+                                          "div",
+                                          {
+                                            staticClass: "card-header bg-white",
+                                          },
+                                          [
+                                            _c(
+                                              "h5",
+                                              { staticClass: "card-title" },
+                                              [_vm._v("Total")]
+                                            ),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "div",
+                                          { staticClass: "table-responsive" },
+                                          [
+                                            _c(
+                                              "table",
+                                              { staticClass: "table" },
+                                              [
+                                                _c("tbody", [
+                                                  _c("tr", [
+                                                    _c("th", [
+                                                      _vm._v(
+                                                        "Jumlah Setoran Solidaritas Jalinan ( TUNAS + LINTANG )"
+                                                      ),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "td",
+                                                      {
+                                                        staticClass:
+                                                          "text-right",
+                                                      },
+                                                      [_vm._v("0")]
+                                                    ),
+                                                  ]),
+                                                  _vm._v(" "),
+                                                  _c("tr", [
+                                                    _c("th", [
+                                                      _vm._v(
+                                                        "Jumlah Setoran Solidaritas Jalinan Yang Dibayarkan"
+                                                      ),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "td",
+                                                      {
+                                                        staticClass:
+                                                          "text-right",
+                                                      },
+                                                      [_vm._v("0")]
+                                                    ),
+                                                  ]),
+                                                ]),
+                                              ]
+                                            ),
+                                          ]
+                                        ),
+                                      ]),
+                                    ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("form-info"),
+                                  _vm._v(" "),
+                                  _c("br"),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "card card-body" },
+                                    [
+                                      _c("form-button", {
+                                        attrs: {
+                                          cancelState: _vm.cancelState,
+                                          formValidation: "form",
+                                        },
+                                        on: { cancelClick: _vm.back },
+                                      }),
+                                    ],
+                                    1
+                                  ),
+                                ],
+                                1
+                              ),
+                            ]
+                          ),
                         ],
                         1
-                      ),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan total hutang pihak ke-3",
-                        },
-                        model: {
-                          value: _vm.form.total_hutang_pihak3,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "total_hutang_pihak3", $$v)
-                          },
-                          expression: "form.total_hutang_pihak3",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Hutang Tidak Berbiaya < 30 Hari ")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah hutang tidak berbiaya < 30 hari",
-                        },
-                        model: {
-                          value: _vm.form.hutang_tidak_berbiaya_30hari,
-                          callback: function ($$v) {
-                            _vm.$set(
-                              _vm.form,
-                              "hutang_tidak_berbiaya_30hari",
-                              $$v
-                            )
-                          },
-                          expression: "form.hutang_tidak_berbiaya_30hari",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Piutang Beredar ")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah piutang beredar",
-                        },
-                        model: {
-                          value: _vm.form.piutang_beredar,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "piutang_beredar", $$v)
-                          },
-                          expression: "form.piutang_beredar",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Piutang Lalai 1-12 Bulan ")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah piutang lalai 1-12 bulan",
-                        },
-                        model: {
-                          value: _vm.form.piutang_lalai_1bulan,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "piutang_lalai_1bulan", $$v)
-                          },
-                          expression: "form.piutang_lalai_1bulan",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Piutang Lalai > 12 Bulan")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah piutang lalai > 12 bulan",
-                        },
-                        model: {
-                          value: _vm.form.piutang_lalai_12bulan,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "piutang_lalai_12bulan", $$v)
-                          },
-                          expression: "form.piutang_lalai_12bulan",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _vm._m(3),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Cadangan Umum")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder: "Silahkan masukkan jumlah cadangan umum",
-                        },
-                        model: {
-                          value: _vm.form.dcu,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "dcu", $$v)
-                          },
-                          expression: "form.dcu",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Cadangan Resiko")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah cadangan resiko",
-                        },
-                        model: {
-                          value: _vm.form.dcr,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "dcr", $$v)
-                          },
-                          expression: "form.dcr",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Dana Gedung")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder: "Silahkan masukkan jumlah dana gedung",
-                        },
-                        model: {
-                          value: _vm.form.dana_gedung,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "dana_gedung", $$v)
-                          },
-                          expression: "form.dana_gedung",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Donasi")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder: "Silahkan masukkan jumlah donasi",
-                        },
-                        model: {
-                          value: _vm.form.donasi,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "donasi", $$v)
-                          },
-                          expression: "form.donasi",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Beban Peny. Cadangan Resiko")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah beban peny. cadangan resiko",
-                        },
-                        model: {
-                          value: _vm.form.beban_penyisihan_dcr,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "beban_penyisihan_dcr", $$v)
-                          },
-                          expression: "form.beban_penyisihan_dcr",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _vm._m(4),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Total pendapatan")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder: "Silahkan masukkan total pendapatan",
-                        },
-                        model: {
-                          value: _vm.form.total_pendapatan,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "total_pendapatan", $$v)
-                          },
-                          expression: "form.total_pendapatan",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Total Biaya")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder: "Silahkan masukkan total biaya",
-                        },
-                        model: {
-                          value: _vm.form.total_biaya,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "total_biaya", $$v)
-                          },
-                          expression: "form.total_biaya",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Sisa Hasil Usaha (SHU)")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah sisa hasil usaha (SHU)",
-                        },
-                        model: {
-                          value: _vm.form.shu,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "shu", $$v)
-                          },
-                          expression: "form.shu",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Sisa Hasil Usaha (SHU) Tahun Lalu")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan jumlah sisa hasil usaha (SHU) tahun lalu",
-                        },
-                        model: {
-                          value: _vm.form.shu_lalu,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "shu_lalu", $$v)
-                          },
-                          expression: "form.shu_lalu",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("BJS Saham")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder: "Silahkan masukkan jumlah bsj saham",
-                        },
-                        model: {
-                          value: _vm.form.bjs_saham,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "bjs_saham", $$v)
-                          },
-                          expression: "form.bjs_saham",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _vm._m(5),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Inflasi")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric2,
-                          placeholder: "Silahkan masukkan jumlah inflasi",
-                        },
-                        model: {
-                          value: _vm.form.laju_inflasi,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "laju_inflasi", $$v)
-                          },
-                          expression: "form.laju_inflasi",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Harga Pasar")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric2,
-                          placeholder: "Silahkan masukkan harga pasar",
-                        },
-                        model: {
-                          value: _vm.form.harga_pasar,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "harga_pasar", $$v)
-                          },
-                          expression: "form.harga_pasar",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c("form-info"),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "card card-body" },
-            [
-              _c("form-button", {
-                attrs: { cancelState: "methods", formValidation: "form" },
-                on: { cancelClick: _vm.back },
-              }),
+                      )
+                    : _vm.formStat == "loading"
+                    ? _c("div", [_vm._m(3)])
+                    : _c("div", [
+                        _c(
+                          "div",
+                          { staticClass: "card card-body" },
+                          [
+                            _c("form-button", {
+                              attrs: {
+                                cancelState: _vm.cancelState,
+                                isSingleButton: true,
+                              },
+                              on: { cancelClick: _vm.back },
+                            }),
+                          ],
+                          1
+                        ),
+                      ]),
+                ]
+              ),
             ],
             1
           ),
-        ],
-        1
-      ),
+        ]),
+      ]),
       _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          content: _vm.modalContent,
-          color: _vm.modalColor,
-        },
-        on: {
-          batal: _vm.modalTutup,
-          tutup: _vm.modalTutup,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalBackgroundClick,
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            content: _vm.modalContent,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
+          },
+          on: {
+            batal: _vm.modalTutup,
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
+          },
         },
-      }),
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+          _vm._v(" "),
+          _c("template", { slot: "modal-body1" }),
+        ],
+        2
+      ),
     ],
     1
   )
@@ -4414,43 +3986,191 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih CU")]),
+    ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Bulan")]),
+    ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v(" Pilih Tahun")]),
+    ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h4", [_vm._v("Mohon tunggu...")]),
+        _vm._v(" "),
+        _c("div", { staticClass: "progress" }, [
+          _c(
+            "div",
+            {
+              staticClass:
+                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+              staticStyle: { width: "100%" },
+            },
+            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+          ),
+        ]),
+      ]),
+    ])
   },
 ]
 render._withStripped = true
 
 
 
+/***/ }),
+
+/***/ "./resources/assets/js/components/checkValue.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue ***!
+  \*******************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/components/checkValue.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \**************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/datatable.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue ***!
+  \******************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/components/datatable.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
+  \*************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
 /***/ }),
 
 /***/ "./resources/assets/js/components/datePicker.vue":
@@ -4816,86 +4536,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/form.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/form.vue ***!
-  \******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_4ce6b9c9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=4ce6b9c9& */ "./resources/assets/js/views/laporanCu/form.vue?vue&type=template&id=4ce6b9c9&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
-
-
-
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_4ce6b9c9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_4ce6b9c9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/form.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/laporanCu/form.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/form.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/laporanCu/form.vue?vue&type=template&id=4ce6b9c9&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/form.vue?vue&type=template&id=4ce6b9c9& ***!
-  \*************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_4ce6b9c9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=4ce6b9c9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/form.vue?vue&type=template&id=4ce6b9c9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_4ce6b9c9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_4ce6b9c9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/laporanCu/formCoa.vue":
+/***/ "./resources/assets/js/views/jalinanIuran/form.vue":
 /*!*********************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/formCoa.vue ***!
+  !*** ./resources/assets/js/views/jalinanIuran/form.vue ***!
   \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formCoa_vue_vue_type_template_id_5f8de89c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formCoa.vue?vue&type=template&id=5f8de89c& */ "./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=template&id=5f8de89c&");
-/* harmony import */ var _formCoa_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formCoa.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_1bd85044___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=1bd85044& */ "./resources/assets/js/views/jalinanIuran/form.vue?vue&type=template&id=1bd85044&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanIuran/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4905,9 +4556,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formCoa_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formCoa_vue_vue_type_template_id_5f8de89c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formCoa_vue_vue_type_template_id_5f8de89c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_1bd85044___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_1bd85044___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4917,107 +4568,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/formCoa.vue"
+component.options.__file = "resources/assets/js/views/jalinanIuran/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/jalinanIuran/form.vue?vue&type=script&lang=js&":
 /*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/jalinanIuran/form.vue?vue&type=script&lang=js& ***!
   \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCoa_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCoa.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCoa_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=template&id=5f8de89c&":
+/***/ "./resources/assets/js/views/jalinanIuran/form.vue?vue&type=template&id=1bd85044&":
 /*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=template&id=5f8de89c& ***!
+  !*** ./resources/assets/js/views/jalinanIuran/form.vue?vue&type=template&id=1bd85044& ***!
   \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCoa_vue_vue_type_template_id_5f8de89c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCoa.vue?vue&type=template&id=5f8de89c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=template&id=5f8de89c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCoa_vue_vue_type_template_id_5f8de89c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCoa_vue_vue_type_template_id_5f8de89c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/laporanCu/formKonsolidasi.vue":
-/*!*****************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/formKonsolidasi.vue ***!
-  \*****************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formKonsolidasi_vue_vue_type_template_id_1e7175c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKonsolidasi.vue?vue&type=template&id=1e7175c6& */ "./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=template&id=1e7175c6&");
-/* harmony import */ var _formKonsolidasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKonsolidasi.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
-
-
-
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formKonsolidasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formKonsolidasi_vue_vue_type_template_id_1e7175c6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formKonsolidasi_vue_vue_type_template_id_1e7175c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/formKonsolidasi.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKonsolidasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKonsolidasi.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKonsolidasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=template&id=1e7175c6&":
-/*!************************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=template&id=1e7175c6& ***!
-  \************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKonsolidasi_vue_vue_type_template_id_1e7175c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKonsolidasi.vue?vue&type=template&id=1e7175c6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=template&id=1e7175c6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKonsolidasi_vue_vue_type_template_id_1e7175c6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_1bd85044___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=1bd85044& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/form.vue?vue&type=template&id=1bd85044&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_1bd85044___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKonsolidasi_vue_vue_type_template_id_1e7175c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_1bd85044___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/45.js b/public/js/components/45.js
index 8f384efe3..d12456ae6 100644
--- a/public/js/components/45.js
+++ b/public/js/components/45.js
@@ -1,14 +1,21 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[45],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
 //
 //
 //
@@ -16,90 +23,57 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
+
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['defaultDate'],
+  components: {
+    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
+  },
   data: function data() {
     return {
-      image: ''
+      time: '',
+      dateVal: ''
     };
   },
-  props: {
-    image_loc: {
-      type: [String],
-      "default": ''
-    },
-    image_type: {
-      type: [String],
-      "default": '.jpg'
-    },
-    image_temp: {
-      "default": ''
-    },
-    value: {
-      type: [String, File],
-      "default": 'no_image'
+  mounted: function mounted() {
+    if (this.defaultDate == '') {
+      var today = new Date();
+      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
+      this.time = date;
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
+    } else {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+      this.$emit('dateSelected', this.defaultDate);
+    }
+  },
+  watch: {
+    defaultDate: function defaultDate(newVal, oldVal) {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
     }
   },
   methods: {
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.createImage(files[0]);
-      this.$emit('input', files[0]);
-    },
-    createImage: function createImage(file) {
-      var reader = new FileReader();
-      var vm = this;
-
-      reader.onload = function (e) {
-        vm.image = e.target.result; // this.$emit('input', vm.image)
-      };
-
-      reader.readAsDataURL(file);
-    },
-    close: function close() {
-      this.$emit('input', 'no_image');
-      this.image = '/images/no_image.jpg';
-      this.$refs.fileInput.value = '';
+    onChanged: function onChanged(event) {
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
-//
-//
-//
-//
-//
 //
 //
 //
@@ -108,74 +82,15 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
-    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  props: {
-    value: {
-      "default": ''
-    },
-    frontText: {
-      "default": ''
-    },
-    trimLength: {
-      "default": 50
-    },
-    valueType: {
-      "default": 'trim'
-    },
-    empty: {
-      "default": '-'
-    }
-  },
-  data: function data() {
-    return {
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
-    };
-  },
-  methods: {
-    modalOpen: function modalOpen() {
-      this.modalShow = true;
-      this.modalState = 'content-tutup';
-      this.modalContent = this.value;
-      this.modalButton = 'Tutup';
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-    },
-    strip: function strip(html) {
-      var tmp = document.createElement("DIV");
-      tmp.innerHTML = html;
-      return tmp.textContent || tmp.innerText || "";
-    }
-  }
+  props: []
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
 /*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
   \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -193,11 +108,11 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['form', 'title'],
-  methods: {
-    check: function check() {
-      this.$emit('check');
+  props: {
+    message: {
+      "default": ''
     }
   }
 });
@@ -358,10 +273,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/detail.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/detail.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/form.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/form.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -371,14 +286,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_checkbox_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/checkbox.vue */ "./resources/assets/js/components/checkbox.vue");
-/* harmony import */ var _pic_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./pic.vue */ "./resources/assets/js/views/monitoring/pic.vue");
-/* harmony import */ var _formPencapaian_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./formPencapaian.vue */ "./resources/assets/js/views/monitoring/formPencapaian.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+/* harmony import */ var _formKonsolidasi__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./formKonsolidasi */ "./resources/assets/js/views/laporanCu/formKonsolidasi.vue");
+/* harmony import */ var _formCoa__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./formCoa */ "./resources/assets/js/views/laporanCu/formCoa.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -542,17 +459,347 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    formKonsolidasi: _formKonsolidasi__WEBPACK_IMPORTED_MODULE_10__["default"],
+    formCoa: _formCoa__WEBPACK_IMPORTED_MODULE_11__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      titleDesc: '',
+      titleIcon: '',
+      level2Title: 'Laporan CU',
+      kelas: 'laporanCu',
+      tabName: 'coa',
+      idLaporanTp: '',
+      isModelTp: false,
+      submited: false,
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        },
+        numeric2: {
+          numeral: true,
+          numeralIntegerScale: 2,
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      }
+    };
+  },
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
+  created: function created() {
+    if (this.currentUser.id_cu != undefined) {
+      this.checkProfileIdCU();
+    }
+  },
+  watch: {
+    // check route changes
+    '$route': function $route(to, from) {
+      this.fetch();
+    },
+    formStat: function formStat(value) {
+      if (value == "success") {
+        if (this.$route.meta.mode == 'edit' && this.modelCUStat == "success") {
+          this.changeCu(this.form.id_cu);
+          this.checkUser('update_laporan_cu', this.form.id_cu);
+        } else if (this.$route.meta.mode == 'editTp' && this.modelCUStat == "success") {
+          this.checkMetaEditTp();
+          this.checkUser('update_laporan_tp', this.form.id_cu);
+        } else if (this.$route.meta.mode !== 'edit') {
+          if (this.currentUser.id_cu == 0) {
+            this.form.id_cu = this.currentUser.id_cu;
+          }
+        }
+      }
+    },
+    modelCUStat: function modelCUStat(value) {
+      if (value == "success") {
+        if (this.$route.meta.mode == 'edit' || this.$route.meta.mode == 'editDraft') {
+          this.changeCu(this.form.id_cu);
+        } else if (this.$route.meta.mode == 'editTp') {
+          this.checkMetaEditTp();
+        } else {
+          if (this.currentUser.id_cu != 0) this.changeCu(this.currentUser.id_cu);
+        }
+      }
+    },
+    modelTpStat: function modelTpStat(value) {
+      if (value == "success") {
+        if (this.$route.meta.mode == 'edit') {
+          this.form.id_tp = 'konsolidasi';
+        } else if (this.$route.meta.mode == 'editTp') {
+          this.changeTp(this.form.id_tp);
+        }
+
+        this.isModelTp = true;
+      }
+    },
+    listLaporanTpDataStat: function listLaporanTpDataStat(value) {
+      if (value == "success") {
+        this.idLaporanTp = this.form.id;
+      }
+    }
+  },
+  methods: {
+    checkProfileIdCU: function checkProfileIdCU() {
+      if (this.currentUser.id_cu == 0) {
+        if (this.modelCuStat != 'success') {
+          this.$store.dispatch('cu/getHeader');
+        }
+      } else {
+        this.form.id_cu = this.currentUser.id_cu;
+        this.$store.dispatch('tp/getCu', this.currentUser.id_cu);
+        this.isModelTp = true;
+      }
+    },
+    fetch: function fetch() {
+      if (this.$route.meta.mode === 'edit') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+        this.title = 'Ubah ' + this.level2Title;
+        this.titleDesc = 'Mengubah ' + this.level2Title;
+        this.titleIcon = 'icon-pencil5';
+      } else if (this.$route.meta.mode === 'editTp') {
+        this.$store.dispatch(this.kelas + '/editTp', this.$route.params.id);
+        this.title = 'Ubah ' + this.level2Title;
+        this.titleDesc = 'Mengubah ' + this.level2Title;
+        this.titleIcon = 'icon-pencil5';
+      } else if (this.$route.meta.mode === 'editDraft') {
+        this.$store.dispatch(this.kelas + '/editDraft', this.$route.params.id);
+        this.level2Title = 'Laporan Cu [Draft]';
+        this.title = 'Ubah ' + this.level2Title;
+        this.titleDesc = 'Mengubah ' + this.level2Title;
+        this.titleIcon = 'icon-pencil5';
+      } else if (this.$route.meta.mode === 'editTpDraft') {
+        this.$store.dispatch(this.kelas + '/editTpDraft', this.$route.params.id);
+        this.level2Title = 'Laporan Tp [Draft]';
+        this.title = 'Ubah ' + this.level2Title;
+        this.titleDesc = 'Mengubah ' + this.level2Title;
+        this.titleIcon = 'icon-pencil5';
+      } else {
+        this.title = 'Tambah ' + this.level2Title;
+        this.titleDesc = 'Menambah ' + this.level2Title;
+        this.titleIcon = 'icon-plus3';
+        this.$store.dispatch(this.kelas + '/create');
+      }
+
+      this.fetchCu(); // this.$store.dispatch('coa/get');
+    },
+    fetchCu: function fetchCu() {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    },
+    checkMetaEditTp: function checkMetaEditTp() {
+      this.form.id_cu = this.form.tp.id_cu;
+      this.changeCu(this.form.tp.id_cu);
+      this.$store.dispatch('laporanTp/listLaporanTp', [this.form.tp.id_cu, this.form.periode]);
+    },
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+    },
+    changeCu: function changeCu(id) {
+      this.$store.dispatch('tp/getCu', id);
+
+      var model = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.modelCU, function (o) {
+        return o.id == id;
+      });
+
+      this.form.no_ba = model ? model.no_ba : '';
+    },
+    changeTp: function changeTp(id) {
+      if (id == 0) {
+        this.form.no_tp = 0;
+      } else {
+        var model = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.modelTp, function (o) {
+          return o.id == id;
+        });
+
+        this.form.no_tp = model.no_tp;
+      }
+    },
+    changeLaporanTp: function changeLaporanTp(id, tp) {
+      this.$router.push({
+        name: 'laporanTpEdit',
+        params: {
+          id: id
+        }
+      });
+    },
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    },
+    back: function back() {
+      if (this.$route.meta.mode === 'edit') {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.form.id_cu,
+            tp: 'konsolidasi'
+          }
+        });
+      } else if (this.$route.meta.mode === 'editTp') {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.form.id_cu,
+            tp: this.form.id_tp
+          }
+        });
+      } else if (this.$route.meta.mode === 'editDraft') {
+        this.$router.push({
+          name: 'laporanCuDraft'
+        });
+      } else if (this.$route.meta.mode === 'editTpDraft') {
+        this.$router.push({
+          name: 'laporanTpDraft'
+        });
+      } else {
+        if (this.currentUser.id_cu == 0) {
+          if (this.form.id_cu == 0) {
+            this.$router.push({
+              name: this.kelas
+            });
+          } else {
+            if (this.form.id_tp == 0) {
+              this.$router.push({
+                name: this.kelas + 'Cu',
+                params: {
+                  cu: this.form.id_cu,
+                  tp: 0
+                }
+              });
+            } else {
+              this.$router.push({
+                name: this.kelas + 'Cu',
+                params: {
+                  cu: this.form.id_cu,
+                  tp: this.form.id_tp
+                }
+              });
+            }
+          }
+        } else {
+          this.$router.push({
+            name: this.kelas + 'Cu',
+            params: {
+              cu: this.currentUser.id_cu,
+              tp: this.form.id_tp
+            }
+          });
+        }
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanTp', {
+    listLaporanTpData: 'data2S',
+    listLaporanTpDataStat: 'dataStat2S'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
+    modelTp: 'dataS',
+    modelTpStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('coa', {
+    modelCoa: 'dataS2',
+    modelCoaStat: 'dataStatS2'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 //
 //
 //
@@ -698,205 +945,144 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['modelCoa', 'modelCoaStat'],
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
     message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default.a,
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    checkbox: _components_checkbox_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    pic: _pic_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    formPencapaian: _formPencapaian_vue__WEBPACK_IMPORTED_MODULE_9__["default"]
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
   data: function data() {
     return {
-      title: 'Detail Monitoring',
-      titleDesc: 'Informasi detail monitoring',
-      titleIcon: 'icon-stack2',
-      level: 2,
-      level2Title: 'Monitoring',
-      kelas: 'monitoring',
-      selectedItem: {},
+      kelas: 'laporanCu',
+      idLaporanTp: '',
+      isModelTp: false,
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      modelCoaTransformed: {},
+      submited: false,
+      formCoa: {},
       cleaveOption: {
         date: {
           date: true,
           datePattern: ['Y', 'm', 'd'],
           delimiter: '-'
         },
-        year: {
-          date: true,
-          datePattern: ['Y']
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
         numeric: {
           numeral: true,
           numeralThousandsGroupStyle: 'thousand',
           numeralDecimalScale: 2,
           numeralDecimalMark: ',',
           delimiter: '.'
+        },
+        numeric2: {
+          numeral: true,
+          numeralIntegerScale: 2,
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
         }
-      },
-      state: '',
-      modalFormState: '',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      modalSize: '',
-      submited: false
+      }
     };
   },
   created: function created() {
-    this.fetch();
-    this.fetchPencapaian();
+    for (var _i = 0, _Object$entries = Object.entries(this.modelCoa); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+          key = _Object$entries$_i[0],
+          itemCoaInduk = _Object$entries$_i[1];
+
+      this.modelCoaTransformed[itemCoaInduk.id] = itemCoaInduk; // this.formCoa[itemCoaInduk.id] = 0;
+    }
   },
   watch: {
-    // check route changes
-    '$route': function $route(to, from) {
-      this.fetch();
-      this.fetchPencapaian();
-    },
-    itemStat: function itemStat(value) {
-      if (value === "success") {
-        this.fetchTemuan();
-      }
-    },
     updateStat: function updateStat(value) {
       this.modalShow = true;
       this.modalState = value;
       this.modalColor = '';
 
       if (value === "success") {
-        this.fetch();
         this.modalTitle = this.updateResponse.message;
       } else {
         this.modalTitle = 'Oops terjadi kesalahan :(';
         this.modalContent = this.updateResponse;
       }
-    },
-    updatePencapaianStat: function updatePencapaianStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updatePencapaianResponse.message;
-        this.fetchPencapaian();
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updatePencapaianResponse;
-      }
     }
   },
   methods: {
-    fetch: function fetch() {
-      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-    },
-    fetchTemuan: function fetchTemuan() {
-      this.$store.dispatch(this.kelas + '/get', this.item.id_cu);
-    },
-    fetchPencapaian: function fetchPencapaian() {
-      this.$store.dispatch('monitoringPencapaian/get', this.$route.params.id);
-    },
-    back: function back() {
-      if (this.item.id_tp == 0) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.item.id_cu,
-            tp: 'semua'
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.item.id_cu,
-            tp: this.item.id_tp
-          }
-        });
+    save: function save() {
+      var _this = this;
+
+      if (this.currentUser.id_cu != 0) {
+        this.form.id_cu = this.currentUser.id_cu;
       }
-    },
-    ubahData: function ubahData() {
-      this.$router.push({
-        name: this.kelas + 'Edit',
-        params: {
-          id: this.$route.params.id
+
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.$route.meta.mode === 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
+          } else if (_this.$route.meta.mode === 'editTp') {
+            _this.$store.dispatch(_this.kelas + '/updateTp', [_this.$route.params.id, _this.form]);
+          } else if (_this.$route.meta.mode === 'editDraft') {
+            _this.$store.dispatch(_this.kelas + '/updateDraft', [_this.$route.params.id, _this.form]);
+          } else if (_this.$route.meta.mode === 'editTpDraft') {
+            _this.$store.dispatch(_this.kelas + '/updateTpDraft', [_this.$route.params.id, _this.form]);
+          } else {
+            if (_this.form.id_tp == 'konsolidasi') {
+              _this.$store.dispatch(_this.kelas + '/store', _this.form);
+            } else {
+              _this.$store.dispatch(_this.kelas + '/storeTp', _this.form);
+            }
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
         }
       });
     },
-    changeTemuan: function changeTemuan(value) {
-      this.$router.push({
-        name: this.kelas + 'Detail',
-        params: {
-          id: value
-        }
-      });
+    calculate: function calculate(id, increment) {
+      // for (const [key, itemCoaInduk] of Object.entries(this.modelCoa)) {
+      // 	if(itemCoaInduk.tipe == 'G'){
+      // 		this.form[itemCoaInduk.kode] = 0;
+      // 	}
+      // 	for (const [key, itemCoaAnak] of Object.entries(this.modelCoa)) {
+      // 		if(itemCoaInduk.id == itemCoaAnak.id_induk){
+      // 			this.form[itemCoaInduk.kode] = Number(this.form[itemCoaInduk.kode]) + Number(this.form[itemCoaAnak.kode]);
+      // 			console.log(itemCoaInduk.kode, this.form[itemCoaInduk.kode]);
+      // 		}
+      // 	}
+      // };
+      // if(id == 0)return;
+      // this.form[id] = increment;
+      console.log(id, increment);
+      this.calculateInduk(this.modelCoaTransformed[id].id_induk, increment);
     },
-    modalOpen: function modalOpen(state, selectedItem) {
-      this.modalShow = true;
-      this.state = state;
-      this.selectedItem = selectedItem;
-
-      if (state == 'hapus') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus Keputusan?';
-        this.modalButton = 'Iya, Hapus';
-        this.modalSize = '';
-      } else if (state == 'ubah') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah Keputusan';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.modalFormState = 'edit';
-      } else if (state == 'tambah') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah Keputusan';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.modalFormState = 'create';
-      } else if (state == 'catatan') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = !selectedItem.catatan ? 'Tambah Catatan PUSKOPCUINA' : 'Ubah Catatan PUSKOPCUINA';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.modalFormState = 'catatan';
-      } else if (state == 'rekomendasi') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = selectedItem.status == 0 ? 'Selesaikan rekomendasi ' + selectedItem.rekomendasi + ' ?' : 'Tidak selesaikan rekomendasi ' + selectedItem.rekomendasi + ' ?';
-        this.modalButton = selectedItem.status == 0 ? 'Iya, Selesaikan' : 'Iya, Tidak selesaikan';
-        this.modalSize = '';
-      }
+    calculateInduk: function calculateInduk(id, increment) {
+      if (id == 0) return;
+      var induk = Number(this.formCoa[id]);
+      induk += Number(increment);
+      this.formCoa[id] = induk;
+      this.calculateInduk(this.modelCoaTransformed[id].id_induk, increment);
     },
-    modalConfirmOk: function modalConfirmOk() {
-      this.modalShow = false;
-
-      if (this.state == 'hapus') {
-        this.$store.dispatch('monitoringPencapaian/destroy', this.selectedItem.id);
-      } else if (this.state == 'rekomendasi') {
-        this.$store.dispatch(this.kelas + '/updateRekom', this.selectedItem.id);
-      }
+    back: function back() {
+      this.$emit('back');
     },
     modalTutup: function modalTutup() {
+      if (this.updateStat === 'success') {
+        this.back();
+      }
+
       this.modalShow = false;
+      this.submitedKategori = false;
+      this.submitedPenulis = false;
     },
     modalBackgroundClick: function modalBackgroundClick() {
       if (this.modalState === 'success') {
@@ -905,47 +1091,52 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       } else {
         this.modalShow = false;
       }
-    },
-    momentYear: function momentYear() {
-      return moment().year();
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('monitoring', {
-    item: 'data',
-    itemStat: 'dataStat',
-    modelTemuan: 'dataS',
-    modelTemuanStat: 'dataStatS',
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
     updateResponse: 'update',
     updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('monitoringPencapaian', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    updatePencapaianResponse: 'update',
-    updatePencapaianStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanTp', {
+    listLaporanTpData: 'data2S',
+    listLaporanTpDataStat: 'dataStat2S'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
+    modelTp: 'dataS',
+    modelTpStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=script&lang=js&":
 /*!**************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=script&lang=js& ***!
   \**************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -1068,92 +1259,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected'],
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      kelas: 'monitoringPencapaian',
-      formDataLanjut: {
-        id: '',
-        id_user: '',
-        id_monitoring: '',
-        pencapaian: '',
-        bukti: '',
-        kendala: '',
-        tindak: '',
-        catatan: '',
-        gambar: ''
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      submited: false
-    };
-  },
-  created: function created() {
-    if (this.mode != 'create') {
-      this.formDataLanjut = Object.assign({}, this.selected);
-    }
-  },
-  watch: {},
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      this.formDataLanjut.id_monitoring = this.$route.params.id;
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_6__["toMulipartedForm"])(this.formDataLanjut, this.$route.meta.mode);
-      this.$validator.validateAll('formDataLanjut').then(function (result) {
-        if (result) {
-          if (_this.mode == 'create') {
-            _this.$store.dispatch(_this.kelas + '/store', formData);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.formDataLanjut.id, formData]);
-          }
-
-          _this.submited = false;
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    messageClose: function messageClose() {
-      this.message.show = false;
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/pic.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/pic.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
 //
 //
 //
@@ -1193,239 +1298,1922 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ["title", "itemData", "itemDataStat"],
-  methods: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body text-center" }, [
-        _vm.image === "" && _vm.image_temp === ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: "/images/no_image.jpg" },
-            })
-          : _vm.image === "" && _vm.image_temp !== ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
-            })
-          : _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image },
-            }),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "row" }, [
-      _c("div", { staticClass: "col-md-10" }, [
-        _c("input", {
-          ref: "fileInput",
-          staticClass: "form-control",
-          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
-          on: { change: _vm.upload },
-        }),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-2" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block",
-            attrs: { type: "button", disabled: _vm.image_temp === "" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.close()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
-        ),
-      ]),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    { staticStyle: { display: "inline-block" } },
-    [
-      _vm.value
-        ? _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm.valueType == "trim"
-              ? _c(
-                  "span",
-                  { staticStyle: { display: "inline-block" } },
-                  [
-                    _c("truncate", {
-                      staticStyle: { display: "inline-block" },
-                      attrs: {
-                        "action-class": "badge bg-blue",
-                        clamp: "selengkapnya >",
-                        length: _vm.trimLength,
-                        less: "< kembali",
-                        text: _vm.frontText + " " + _vm.value,
-                      },
-                    }),
-                  ],
-                  1
-                )
-              : _vm.valueType == "modal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light",
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen()
-                        },
-                      },
-                    },
-                    [_vm._v("\n          Lihat\n      ")]
-                  ),
-                ])
-              : _vm.valueType == "currency"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(
-                        _vm._f("currency")(_vm.value, "", 0, {
-                          thousandsSeparator: ".",
-                        })
-                      )
-                  ),
-                ])
-              : _vm.valueType == "percentage"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("percentage")(_vm.value, 2))
-                  ),
-                ])
-              : _vm.valueType == "decimal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("round")(_vm.value, 2))
-                  ),
-                ])
-              : _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
-                ]),
-          ])
-        : _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
-          ]),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
-        },
-        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
-      }),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      staticClass: "card card-body mb-2",
-      class: { "bg-warning": _vm.form == 1 },
-      staticStyle: { cursor: "pointer" },
-      on: {
-        click: function ($event) {
-          $event.preventDefault()
-          return _vm.check.apply(null, arguments)
-        },
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  data: function data() {
+    return {
+      kelas: 'laporanCu',
+      idLaporanTp: '',
+      isModelTp: false,
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      submited: false,
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        },
+        numeric2: {
+          numeral: true,
+          numeralIntegerScale: 2,
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      }
+    };
+  },
+  watch: {
+    formStat: function formStat(value) {
+      if (value === "success") {
+        if (this.currentUser.id_cu != 0) {
+          this.form.id_cu = this.currentUser.id_cu;
+        }
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    }
+  },
+  methods: {
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.$route.meta.mode === 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
+          } else if (_this.$route.meta.mode === 'editTp') {
+            _this.$store.dispatch(_this.kelas + '/updateTp', [_this.$route.params.id, _this.form]);
+          } else if (_this.$route.meta.mode === 'editDraft') {
+            _this.$store.dispatch(_this.kelas + '/updateDraft', [_this.$route.params.id, _this.form]);
+          } else if (_this.$route.meta.mode === 'editTpDraft') {
+            _this.$store.dispatch(_this.kelas + '/updateTpDraft', [_this.$route.params.id, _this.form]);
+          } else {
+            if (_this.form.id_tp == 'konsolidasi') {
+              _this.$store.dispatch(_this.kelas + '/store', _this.form);
+            } else {
+              _this.$store.dispatch(_this.kelas + '/storeTp', _this.form);
+            }
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
+    back: function back() {
+      this.$emit('back');
+    },
+    modalTutup: function modalTutup() {
+      if (this.updateStat === 'success') {
+        this.back();
+      }
+
+      this.modalShow = false;
+      this.submitedKategori = false;
+      this.submitedPenulis = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanTp', {
+    listLaporanTpData: 'data2S',
+    listLaporanTpDataStat: 'dataStat2S'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
+    modelTp: 'dataS',
+    modelTpStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("DatePicker", {
+    staticClass: "w-100",
+    attrs: {
+      format: "DD-MM-YYYY",
+      "value-type": "format",
+      placeholder: "Pilih Tanggal",
+      editable: true,
+    },
+    on: { change: _vm.onChanged },
+    model: {
+      value: _vm.time,
+      callback: function ($$v) {
+        _vm.time = $$v
       },
+      expression: "time",
     },
+  })
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+          ),
+        ]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticStyle: { display: "inline-block" } }, [
+    _c("i", {
+      directives: [
+        {
+          name: "tooltip",
+          rawName: "v-tooltip",
+          value: _vm.message,
+          expression: "message",
+        },
+      ],
+      staticClass: "icon-info22 d-none d-sm-block",
+    }),
+    _vm._v(" "),
+    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
+      _c("i", [_vm._v(_vm._s(_vm.message))]),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            [
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
+                          },
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticStyle: { display: "inline-block" } }, [
+      _c(
+        "span",
+        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
+        [_vm._v("Wajib diisi")]
+      ),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/form.vue?vue&type=template&id=4ce6b9c9&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/form.vue?vue&type=template&id=4ce6b9c9& ***!
+  \*******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops, terjadi kesalahan",
+                      errorItem: _vm.errors.items,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.$route.meta.mode == "editTp"
+                ? _c("div", { staticClass: "card" }, [
+                    _c("div", { staticClass: "card-body" }, [
+                      _vm._m(0),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "input-group" }, [
+                        _vm._m(1),
+                        _vm._v(" "),
+                        _c(
+                          "select",
+                          {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.idLaporanTp,
+                                expression: "idLaporanTp",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              name: "idLaporanTp",
+                              "data-width": "100%",
+                              disabled: _vm.listLaporanTpDataStat === "loading",
+                            },
+                            on: {
+                              change: [
+                                function ($event) {
+                                  var $$selectedVal = Array.prototype.filter
+                                    .call($event.target.options, function (o) {
+                                      return o.selected
+                                    })
+                                    .map(function (o) {
+                                      var val =
+                                        "_value" in o ? o._value : o.value
+                                      return val
+                                    })
+                                  _vm.idLaporanTp = $event.target.multiple
+                                    ? $$selectedVal
+                                    : $$selectedVal[0]
+                                },
+                                function ($event) {
+                                  return _vm.changeLaporanTp(
+                                    $event.target.value
+                                  )
+                                },
+                              ],
+                            },
+                          },
+                          [
+                            _c(
+                              "option",
+                              { attrs: { disabled: "", value: "" } },
+                              [
+                                _vm.listLaporanTpDataStat === "loading"
+                                  ? _c("span", [_vm._v("Mohon tunggu...")])
+                                  : _c("span", [
+                                      _vm._v("Silahkan pilih laporan"),
+                                    ]),
+                              ]
+                            ),
+                            _vm._v(" "),
+                            _vm._l(_vm.listLaporanTpData, function (tp, index) {
+                              return _c(
+                                "option",
+                                { key: index, domProps: { value: tp.id } },
+                                [_vm._v(_vm._s(tp.tp.name))]
+                              )
+                            }),
+                          ],
+                          2
+                        ),
+                      ]),
+                    ]),
+                  ])
+                : _vm._e(),
+              _vm._v(" "),
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-body" }, [
+                  _c("div", { staticClass: "row" }, [
+                    _vm.currentUser.id_cu === 0
+                      ? _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.id_cu"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.id_cu"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_cu")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\tCU: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_cu,
+                                      expression: "form.id_cu",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_cu",
+                                    "data-width": "100%",
+                                    "data-vv-as": "CU",
+                                    disabled: _vm.modelCU.length === 0,
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_cu",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changeCu($event.target.value)
+                                      },
+                                    ],
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "0" } },
+                                    [_vm._v("Silahkan pilih CU")]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(_vm.modelCU, function (cu, index) {
+                                    return _c(
+                                      "option",
+                                      {
+                                        key: index,
+                                        domProps: { value: cu.id },
+                                      },
+                                      [_vm._v(_vm._s(cu.name))]
+                                    )
+                                  }),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_cu")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.id_cu")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: { "has-error": _vm.errors.has("form.id_tp") },
+                        },
+                        [
+                          _c(
+                            "h5",
+                            {
+                              class: {
+                                "text-danger": _vm.errors.has("form.id_tp"),
+                              },
+                            },
+                            [
+                              _vm.errors.has("form.id_tp")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\t\t\tTP: "),
+                              _c("wajib-badge"),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "select",
+                            {
+                              directives: [
+                                {
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.id_tp,
+                                  expression: "form.id_tp",
+                                },
+                                {
+                                  name: "validate",
+                                  rawName: "v-validate",
+                                  value: "required",
+                                  expression: "'required'",
+                                },
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                name: "id_tp",
+                                "data-width": "100%",
+                                "data-vv-as": "TP",
+                                disabled: !_vm.isModelTp,
+                              },
+                              on: {
+                                change: [
+                                  function ($event) {
+                                    var $$selectedVal = Array.prototype.filter
+                                      .call(
+                                        $event.target.options,
+                                        function (o) {
+                                          return o.selected
+                                        }
+                                      )
+                                      .map(function (o) {
+                                        var val =
+                                          "_value" in o ? o._value : o.value
+                                        return val
+                                      })
+                                    _vm.$set(
+                                      _vm.form,
+                                      "id_tp",
+                                      $event.target.multiple
+                                        ? $$selectedVal
+                                        : $$selectedVal[0]
+                                    )
+                                  },
+                                  function ($event) {
+                                    return _vm.changeTp($event.target.value)
+                                  },
+                                ],
+                              },
+                            },
+                            [
+                              _c(
+                                "option",
+                                { attrs: { disabled: "", value: "" } },
+                                [
+                                  _vm.modelTpStat === "loading"
+                                    ? _c("span", [_vm._v("Mohon tunggu...")])
+                                    : _c("span", [
+                                        _vm._v("Silahkan pilih TP/KP"),
+                                      ]),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _vm.$route.meta.mode != "editTp"
+                                ? _c(
+                                    "option",
+                                    { attrs: { value: "konsolidasi" } },
+                                    [_vm._v("Konsolidasi")]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _c(
+                                "option",
+                                { attrs: { disabled: "", value: "" } },
+                                [_vm._v("----------------")]
+                              ),
+                              _vm._v(" "),
+                              _vm._l(_vm.modelTp, function (tp, index) {
+                                return _c(
+                                  "option",
+                                  { key: index, domProps: { value: tp.id } },
+                                  [_vm._v(_vm._s(tp.name))]
+                                )
+                              }),
+                            ],
+                            2
+                          ),
+                          _vm._v(" "),
+                          _vm.errors.has("form.id_tp")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(_vm.errors.first("form.id_tp")) +
+                                      "\n\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: {
+                            "has-error": _vm.errors.has("form.periode"),
+                          },
+                        },
+                        [
+                          _c(
+                            "h5",
+                            {
+                              class: {
+                                "text-danger": _vm.errors.has("form.periode"),
+                              },
+                            },
+                            [
+                              _vm.errors.has("form.periode")
+                                ? _c("i", {
+                                    staticClass:
+                                      "icon-cross2 d-none d-sm-block",
+                                  })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\t\t\tPeriode: "),
+                              _c("wajib-badge"),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c("date-picker", {
+                            attrs: { defaultDate: _vm.form.periode },
+                            on: {
+                              dateSelected: function ($event) {
+                                _vm.form.periode = $event
+                              },
+                            },
+                          }),
+                          _vm._v(" "),
+                          _c("input", {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.periode,
+                                expression: "form.periode",
+                              },
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: false,
+                                expression: "false",
+                              },
+                              {
+                                name: "validate",
+                                rawName: "v-validate",
+                                value: "required",
+                                expression: "'required'",
+                              },
+                            ],
+                            attrs: { name: "periode", "data-vv-as": "Periode" },
+                            domProps: { value: _vm.form.periode },
+                            on: {
+                              input: function ($event) {
+                                if ($event.target.composing) {
+                                  return
+                                }
+                                _vm.$set(
+                                  _vm.form,
+                                  "periode",
+                                  $event.target.value
+                                )
+                              },
+                            },
+                          }),
+                          _vm._v(" "),
+                          _vm.errors.has("form.periode")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(_vm.errors.first("form.periode")) +
+                                      "\n\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ],
+                        1
+                      ),
+                    ]),
+                  ]),
+                ]),
+              ]),
+              _vm._v(" "),
+              _c("form-konsolidasi", { on: { back: _vm.back } }),
+            ],
+            1
+          ),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+      _c("p", [
+        _vm._v(
+          "Laporan ini merupakan bagian dari laporan konsolidasi, maka anda dapat melihat/mengubah laporan TP lain yang juga termasuk dalam laporan konsolidasi pada CU ini sesuai periode laporannya."
+        ),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [
+        _vm._v("Pilih Laporan"),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=template&id=5f8de89c&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=template&id=5f8de89c& ***!
+  \**********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
     [
-      _c("div", { staticClass: "form-check" }, [
-        _c("label", { staticClass: "form-check-label" }, [
-          _c("div", { staticClass: "uniform-checker" }, [
-            _c("span", { class: { checked: _vm.form == 1 } }, [
-              _c("input", {
-                staticClass: "form-check-input-styled",
-                attrs: { type: "checkbox", checked: "", "data-fouc": "" },
+      _vm.errors.any("form") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "form",
+        {
+          attrs: { enctype: "multipart/form-data", "data-vv-scope": "form" },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c("div", { staticClass: "timeline timeline-left" }, [
+            _c(
+              "div",
+              { staticClass: "timeline-container" },
+              _vm._l(_vm.modelCoa, function (formCoaInduk, index) {
+                return _c("div", { key: index, staticClass: "timeline-row" }, [
+                  formCoaInduk.tipe == "G"
+                    ? _c("div", { staticClass: "timeline-icon" }, [
+                        _c("div", { staticClass: "bg-white" }, [
+                          _vm._v(
+                            "\n\t\t\t\t\t\t" +
+                              _vm._s(formCoaInduk.kode.charAt(0)) +
+                              "\n\t\t\t\t\t"
+                          ),
+                        ]),
+                      ])
+                    : _vm._e(),
+                  _vm._v(" "),
+                  formCoaInduk.tipe == "G"
+                    ? _c("div", { staticClass: "card card-body" }, [
+                        _c(
+                          "div",
+                          { staticClass: "row" },
+                          [
+                            _c("div", { staticClass: "col-sm-6 col-lg-10" }, [
+                              _c("div", { staticClass: "input-group" }, [
+                                _c(
+                                  "div",
+                                  { staticClass: "input-group-prepend" },
+                                  [
+                                    _c(
+                                      "span",
+                                      { staticClass: "input-group-text" },
+                                      [_vm._v(_vm._s(formCoaInduk.kode))]
+                                    ),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _c("input", {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: formCoaInduk.name,
+                                      expression: "formCoaInduk.name",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    type: "text",
+                                    name: formCoaInduk.name,
+                                    readonly: "",
+                                  },
+                                  domProps: { value: formCoaInduk.name },
+                                  on: {
+                                    input: function ($event) {
+                                      if ($event.target.composing) {
+                                        return
+                                      }
+                                      _vm.$set(
+                                        formCoaInduk,
+                                        "name",
+                                        $event.target.value
+                                      )
+                                    },
+                                  },
+                                }),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "div",
+                              { staticClass: "col-sm-6 col-lg-2 text-right" },
+                              [
+                                _c("cleave", {
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: formCoaInduk.name,
+                                    options: _vm.cleaveOption.numeric,
+                                    readonly: "",
+                                  },
+                                  model: {
+                                    value: _vm.formCoa[formCoaInduk.id],
+                                    callback: function ($$v) {
+                                      _vm.$set(
+                                        _vm.formCoa,
+                                        formCoaInduk.id,
+                                        $$v
+                                      )
+                                    },
+                                    expression: "formCoa[formCoaInduk.id]",
+                                  },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _vm._l(_vm.modelCoa, function (formCoaAnak, index) {
+                              return [
+                                formCoaAnak.id_induk == formCoaInduk.id &&
+                                formCoaAnak.tipe == "P"
+                                  ? _c(
+                                      "div",
+                                      {
+                                        key: index,
+                                        staticClass: "col-lg-4 col-md-6",
+                                      },
+                                      [
+                                        _c(
+                                          "div",
+                                          {
+                                            key: index,
+                                            staticClass:
+                                              "card card-body mt-3 mb-0",
+                                          },
+                                          [
+                                            _c("h5", [
+                                              _c(
+                                                "span",
+                                                {
+                                                  staticClass:
+                                                    "badge bg-blue-400 align-self-center ml-auto mr-1",
+                                                },
+                                                [
+                                                  _vm._v(
+                                                    _vm._s(formCoaAnak.kode)
+                                                  ),
+                                                ]
+                                              ),
+                                              _vm._v(
+                                                " " +
+                                                  _vm._s(formCoaAnak.name) +
+                                                  "\n\t\t\t\t\t\t\t\t\t"
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("cleave", {
+                                              staticClass: "form-control",
+                                              attrs: {
+                                                name: formCoaAnak.name,
+                                                options:
+                                                  _vm.cleaveOption.numeric,
+                                                placeholder:
+                                                  "Silahkan masukkan " +
+                                                  formCoaAnak.name,
+                                              },
+                                              nativeOn: {
+                                                blur: function ($event) {
+                                                  return _vm.calculate(
+                                                    formCoaAnak.id,
+                                                    _vm.formCoa[formCoaAnak.id]
+                                                  )
+                                                },
+                                              },
+                                              model: {
+                                                value:
+                                                  _vm.formCoa[formCoaAnak.id],
+                                                callback: function ($$v) {
+                                                  _vm.$set(
+                                                    _vm.formCoa,
+                                                    formCoaAnak.id,
+                                                    $$v
+                                                  )
+                                                },
+                                                expression:
+                                                  "formCoa[formCoaAnak.id]",
+                                              },
+                                            }),
+                                          ],
+                                          1
+                                        ),
+                                      ]
+                                    )
+                                  : _vm._e(),
+                              ]
+                            }),
+                          ],
+                          2
+                        ),
+                      ])
+                    : _vm._e(),
+                ])
               }),
+              0
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "card mt-2" }, [
+            _c("div", { staticClass: "card-body" }, [
+              _c("div", { staticClass: "row" }, [
+                _c(
+                  "div",
+                  { staticClass: "col-md-6" },
+                  [
+                    _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-light btn-block pb-2",
+                        attrs: { type: "button" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.calculate(5, 500)
+                          },
+                        },
+                      },
+                      [_vm._v(" calculate")]
+                    ),
+                    _vm._v(" "),
+                    _c("h5", [_vm._v("Inflasi")]),
+                    _vm._v(" "),
+                    _c("cleave", {
+                      staticClass: "form-control",
+                      attrs: {
+                        options: _vm.cleaveOption.numeric2,
+                        placeholder: "Silahkan masukkan jumlah inflasi",
+                      },
+                      model: {
+                        value: _vm.form.laju_inflasi,
+                        callback: function ($$v) {
+                          _vm.$set(_vm.form, "laju_inflasi", $$v)
+                        },
+                        expression: "form.laju_inflasi",
+                      },
+                    }),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  { staticClass: "col-md-6" },
+                  [
+                    _c("h5", [_vm._v("Harga Pasar")]),
+                    _vm._v(" "),
+                    _c("cleave", {
+                      staticClass: "form-control",
+                      attrs: {
+                        options: _vm.cleaveOption.numeric2,
+                        placeholder: "Silahkan masukkan harga pasar",
+                      },
+                      model: {
+                        value: _vm.form.harga_pasar,
+                        callback: function ($$v) {
+                          _vm.$set(_vm.form, "harga_pasar", $$v)
+                        },
+                        expression: "form.harga_pasar",
+                      },
+                    }),
+                  ],
+                  1
+                ),
+              ]),
             ]),
           ]),
-          _vm._v("\n\t\t\t" + _vm._s(_vm.title) + "\n\t\t"),
-        ]),
-      ]),
-    ]
+          _vm._v(" "),
+          _c("form-info"),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "card card-body" },
+            [
+              _c("form-button", {
+                attrs: { cancelState: "methods", formValidation: "form" },
+                on: { cancelClick: _vm.back },
+              }),
+            ],
+            1
+          ),
+        ],
+        1
+      ),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          content: _vm.modalContent,
+          color: _vm.modalColor,
+        },
+        on: {
+          batal: _vm.modalTutup,
+          tutup: _vm.modalTutup,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalBackgroundClick,
+        },
+      }),
+    ],
+    1
   )
 }
 var staticRenderFns = []
@@ -1435,10 +3223,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=template&id=1e7175c6&":
+/*!******************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=template&id=1e7175c6& ***!
+  \******************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1450,1389 +3238,1173 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
+  return _c(
+    "div",
+    [
+      _vm.errors.any("form") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
       _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
+        "form",
+        {
+          attrs: { enctype: "multipart/form-data", "data-vv-scope": "form" },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
+        },
         [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
-            [
-              _vm.level === 1
-                ? _c(
+          _c("div", { staticClass: "card" }, [
+            _c("div", { staticClass: "card-body" }, [
+              _c("div", { staticClass: "row" }, [
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Lelaki Biasa")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder: "Silahkan masukkan jumlah lelaki biasa",
+                        },
+                        model: {
+                          value: _vm.form.l_biasa,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "l_biasa", $$v)
+                          },
+                          expression: "form.l_biasa",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Lelaki Luar Biasa")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah lelaki luar biasa",
+                        },
+                        model: {
+                          value: _vm.form.l_lbiasa,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "l_lbiasa", $$v)
+                          },
+                          expression: "form.l_lbiasa",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Perempuan Biasa")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah perempuan biasa",
+                        },
+                        model: {
+                          value: _vm.form.p_biasa,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "p_biasa", $$v)
+                          },
+                          expression: "form.p_biasa",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Perempuan Luar Biasa")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah anggota perempuan luar biasa",
+                        },
+                        model: {
+                          value: _vm.form.p_lbiasa,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "p_lbiasa", $$v)
+                          },
+                          expression: "form.p_lbiasa",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c(
+                        "h5",
+                        [
+                          _vm._v("Total Anggota Tahun Lalu "),
+                          _c("info-icon", {
+                            attrs: {
+                              message:
+                                "Anggota tahun lalu dari bulan yang sama dengan periode laporan ini.",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan total anggota tahun lalu",
+                        },
+                        model: {
+                          value: _vm.form.total_anggota_lalu,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "total_anggota_lalu", $$v)
+                          },
+                          expression: "form.total_anggota_lalu",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _vm._m(0),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Aset")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder: "Silahkan masukkan jumlah aset",
+                        },
+                        model: {
+                          value: _vm.form.aset,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "aset", $$v)
+                          },
+                          expression: "form.aset",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c(
+                        "h5",
+                        [
+                          _vm._v("Aset Tahun Lalu "),
+                          _c("info-icon", {
+                            attrs: {
+                              message:
+                                "Aset tahun lalu dari periode laporan ini.",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder: "Silahkan masukkan jumlah aset",
+                        },
+                        model: {
+                          value: _vm.form.aset_lalu,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "aset_lalu", $$v)
+                          },
+                          expression: "form.aset_lalu",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c(
+                        "h5",
+                        [
+                          _vm._v("Aset Masalah "),
+                          _c("info-icon", {
+                            attrs: {
+                              message:
+                                "Nilai dari investasi CU Primer yang sudah tidak menghasilkan dan atau saldo dari piutang anggota yang sudah berhenti tetapi simpanannya tidak tersedia untuk pelunasan piutang tersebut.",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder: "Silahkan masukkan jumlah aset masalah",
+                        },
+                        model: {
+                          value: _vm.form.aset_masalah,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "aset_masalah", $$v)
+                          },
+                          expression: "form.aset_masalah",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Aset Tidak Menghasilkan")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah aset tidak menghasilkan",
+                        },
+                        model: {
+                          value: _vm.form.aset_tidak_menghasilkan,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "aset_tidak_menghasilkan", $$v)
+                          },
+                          expression: "form.aset_tidak_menghasilkan",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Aset Likuid Tidak Menghasilkan")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah aset tidak menghasilkan",
+                        },
+                        model: {
+                          value: _vm.form.aset_likuid_tidak_menghasilkan,
+                          callback: function ($$v) {
+                            _vm.$set(
+                              _vm.form,
+                              "aset_likuid_tidak_menghasilkan",
+                              $$v
+                            )
+                          },
+                          expression: "form.aset_likuid_tidak_menghasilkan",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Investasi Likuid")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah investasi likuid",
+                        },
+                        model: {
+                          value: _vm.form.investasi_likuid,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "investasi_likuid", $$v)
+                          },
+                          expression: "form.investasi_likuid",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Aktiva Lancar")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder: "Silahkan masukkan jumlah aktiva lancar",
+                        },
+                        model: {
+                          value: _vm.form.aktiva_lancar,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "aktiva_lancar", $$v)
+                          },
+                          expression: "form.aktiva_lancar",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _vm._m(1),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Simp. Saham")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder: "Silahkan masukkan jumlah simp. saham",
+                        },
+                        model: {
+                          value: _vm.form.simpanan_saham,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "simpanan_saham", $$v)
+                          },
+                          expression: "form.simpanan_saham",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Simp. Non Saham (Unggulan)")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah simp. non saham (unggulan)",
+                        },
+                        model: {
+                          value: _vm.form.nonsaham_unggulan,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "nonsaham_unggulan", $$v)
+                          },
+                          expression: "form.nonsaham_unggulan",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c(
+                        "h5",
+                        [
+                          _vm._v("Simp. Non Saham (Harian & Deposito) "),
+                          _c("info-icon", {
+                            attrs: {
+                              message:
+                                "Seluruh simpanan non-saham (Harian & Deposito) kecuali simpanan unggulan.",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah simp. non saham (harian & deposito)",
+                        },
+                        model: {
+                          value: _vm.form.nonsaham_harian,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "nonsaham_harian", $$v)
+                          },
+                          expression: "form.nonsaham_harian",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c(
+                        "h5",
+                        [
+                          _vm._v("Simp. Saham Tahun Lalu "),
+                          _c("info-icon", {
+                            attrs: {
+                              message:
+                                "Simpanan saham tahun lalu dari bulan yang sama/bulan ini.",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah simp. saham tahun lalu",
+                        },
+                        model: {
+                          value: _vm.form.simpanan_saham_lalu,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "simpanan_saham_lalu", $$v)
+                          },
+                          expression: "form.simpanan_saham_lalu",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c(
+                        "h5",
+                        [
+                          _vm._v("Simp. Saham Tahun Lalu Bulan Des "),
+                          _c("info-icon", {
+                            attrs: {
+                              message:
+                                "Simpanan saham bulan desember tahun lalu.",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah simp. saham tahun lalu bulan desember",
+                        },
+                        model: {
+                          value: _vm.form.simpanan_saham_des,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "simpanan_saham_des", $$v)
+                          },
+                          expression: "form.simpanan_saham_des",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _vm._m(2),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Hutang SPD")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder: "Silahkan masukkan jumlah hutang spd",
+                        },
+                        model: {
+                          value: _vm.form.hutang_spd,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "hutang_spd", $$v)
+                          },
+                          expression: "form.hutang_spd",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c(
+                        "h5",
+                        [
+                          _vm._v("Total Hutang Pihak Ke-3 "),
+                          _c("info-icon", {
+                            attrs: {
+                              message:
+                                "Hutang di PUSKOPCUINA dan lembaga lain.",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan total hutang pihak ke-3",
+                        },
+                        model: {
+                          value: _vm.form.total_hutang_pihak3,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "total_hutang_pihak3", $$v)
+                          },
+                          expression: "form.total_hutang_pihak3",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Hutang Tidak Berbiaya < 30 Hari ")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah hutang tidak berbiaya < 30 hari",
+                        },
+                        model: {
+                          value: _vm.form.hutang_tidak_berbiaya_30hari,
+                          callback: function ($$v) {
+                            _vm.$set(
+                              _vm.form,
+                              "hutang_tidak_berbiaya_30hari",
+                              $$v
+                            )
+                          },
+                          expression: "form.hutang_tidak_berbiaya_30hari",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Piutang Beredar ")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah piutang beredar",
+                        },
+                        model: {
+                          value: _vm.form.piutang_beredar,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "piutang_beredar", $$v)
+                          },
+                          expression: "form.piutang_beredar",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Piutang Lalai 1-12 Bulan ")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah piutang lalai 1-12 bulan",
+                        },
+                        model: {
+                          value: _vm.form.piutang_lalai_1bulan,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "piutang_lalai_1bulan", $$v)
+                          },
+                          expression: "form.piutang_lalai_1bulan",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Piutang Lalai > 12 Bulan")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah piutang lalai > 12 bulan",
+                        },
+                        model: {
+                          value: _vm.form.piutang_lalai_12bulan,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "piutang_lalai_12bulan", $$v)
+                          },
+                          expression: "form.piutang_lalai_12bulan",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _vm._m(3),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Cadangan Umum")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder: "Silahkan masukkan jumlah cadangan umum",
+                        },
+                        model: {
+                          value: _vm.form.dcu,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "dcu", $$v)
+                          },
+                          expression: "form.dcu",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
                     "div",
-                    { staticClass: "breadcrumb" },
+                    { staticClass: "form-group" },
                     [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
+                      _c("h5", [_vm._v("Cadangan Resiko")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah cadangan resiko",
                         },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
+                        model: {
+                          value: _vm.form.dcr,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "dcr", $$v)
+                          },
+                          expression: "form.dcr",
+                        },
+                      }),
                       _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
                     ],
                     1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
                     "div",
-                    { staticClass: "breadcrumb" },
+                    { staticClass: "form-group" },
                     [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
+                      _c("h5", [_vm._v("Dana Gedung")]),
                       _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder: "Silahkan masukkan jumlah dana gedung",
+                        },
+                        model: {
+                          value: _vm.form.dana_gedung,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "dana_gedung", $$v)
                           },
+                          expression: "form.dana_gedung",
                         },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
+                      }),
                       _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
                     ],
                     1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
                     "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticStyle: { display: "inline-block" } }, [
-      _c(
-        "span",
-        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
-        [_vm._v("Wajib diisi")]
-      ),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/detail.vue?vue&type=template&id=2827a256&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/detail.vue?vue&type=template&id=2827a256& ***!
-  \**********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: _vm.level,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan",
-                      errorItem: _vm.errors.items,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("div", { staticClass: "row" }, [
-                _c("div", { staticClass: "col-md-12" }, [
-                  _c("div", { staticClass: "card card-body" }, [
-                    _c("div", { staticClass: "input-group" }, [
-                      _vm._m(0),
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Donasi")]),
                       _vm._v(" "),
-                      _c(
-                        "select",
-                        {
-                          directives: [
-                            {
-                              name: "model",
-                              rawName: "v-model",
-                              value: _vm.item.id,
-                              expression: "item.id",
-                            },
-                          ],
-                          staticClass: "form-control",
-                          attrs: {
-                            name: "id_temuan",
-                            "data-width": "100%",
-                            disabled: _vm.modelTemuanStat == "loading",
-                          },
-                          on: {
-                            change: [
-                              function ($event) {
-                                var $$selectedVal = Array.prototype.filter
-                                  .call($event.target.options, function (o) {
-                                    return o.selected
-                                  })
-                                  .map(function (o) {
-                                    var val = "_value" in o ? o._value : o.value
-                                    return val
-                                  })
-                                _vm.$set(
-                                  _vm.item,
-                                  "id",
-                                  $event.target.multiple
-                                    ? $$selectedVal
-                                    : $$selectedVal[0]
-                                )
-                              },
-                              function ($event) {
-                                return _vm.changeTemuan($event.target.value)
-                              },
-                            ],
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder: "Silahkan masukkan jumlah donasi",
+                        },
+                        model: {
+                          value: _vm.form.donasi,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "donasi", $$v)
                           },
+                          expression: "form.donasi",
                         },
-                        [
-                          _c("option", { attrs: { disabled: "", value: "" } }, [
-                            _vm._v("Silahkan pilih data"),
-                          ]),
-                          _vm._v(" "),
-                          _vm._t("default"),
-                          _vm._v(" "),
-                          _vm._l(_vm.modelTemuan, function (te, index) {
-                            return _c(
-                              "option",
-                              { key: index, domProps: { value: te.id } },
-                              [
-                                te.tanggal
-                                  ? _c("span", {
-                                      domProps: {
-                                        innerHTML: _vm._s(
-                                          _vm.$options.filters.date(
-                                            _vm.item.tanggal
-                                          )
-                                        ),
-                                      },
-                                    })
-                                  : _vm._e(),
-                                _vm._v(
-                                  " " +
-                                    _vm._s(te.tanggal ? " | " : "") +
-                                    " " +
-                                    _vm._s(te.name) +
-                                    " "
-                                ),
-                              ]
-                            )
-                          }),
-                        ],
-                        2
-                      ),
+                      }),
                       _vm._v(" "),
-                      _c("div", { staticClass: "input-group-append" }, [
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light",
-                            attrs: {
-                              disabled: _vm.modelTemuanStat == "loading",
-                            },
-                            on: { click: _vm.fetchTemuan },
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Beban Peny. Cadangan Resiko")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah beban peny. cadangan resiko",
+                        },
+                        model: {
+                          value: _vm.form.beban_penyisihan_dcr,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "beban_penyisihan_dcr", $$v)
                           },
-                          [
-                            _c("i", {
-                              staticClass: "icon-sync",
-                              class: {
-                                spinner: _vm.modelTemuanStat == "loading",
-                              },
-                            }),
-                          ]
-                        ),
-                      ]),
-                    ]),
-                  ]),
+                          expression: "form.beban_penyisihan_dcr",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
                 ]),
                 _vm._v(" "),
-                _c("div", { staticClass: "col-lg-9 col-md-8" }, [
-                  _c("div", { staticClass: "card" }, [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "progress" }, [
-                        _c(
-                          "div",
-                          {
-                            staticClass: "progress-bar-striped bg-orange",
-                            style: {
-                              width:
-                                Math.round(
-                                  (_vm.item.rekom_ok / _vm.item.total_rekom) *
-                                    100
-                                ) + "%",
-                            },
+                _vm._m(4),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Total pendapatan")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder: "Silahkan masukkan total pendapatan",
+                        },
+                        model: {
+                          value: _vm.form.total_pendapatan,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "total_pendapatan", $$v)
                           },
-                          [
-                            _c(
-                              "span",
-                              { staticClass: "text-default font-size-lg" },
-                              [
-                                _vm._v(
-                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                    _vm._s(
-                                      Math.round(
-                                        (_vm.item.rekom_ok /
-                                          _vm.item.total_rekom) *
-                                          100
-                                      ) + "%"
-                                    ) +
-                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t"
-                                ),
-                              ]
-                            ),
-                          ]
-                        ),
-                      ]),
+                          expression: "form.total_pendapatan",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Total Biaya")]),
                       _vm._v(" "),
-                      _c("hr"),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder: "Silahkan masukkan total biaya",
+                        },
+                        model: {
+                          value: _vm.form.total_biaya,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "total_biaya", $$v)
+                          },
+                          expression: "form.total_biaya",
+                        },
+                      }),
                       _vm._v(" "),
-                      _c("h5", [_vm._v("Temuan:")]),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Sisa Hasil Usaha (SHU)")]),
                       _vm._v(" "),
-                      _c("div", { staticClass: "card card-body bg-light" }, [
-                        _vm._v(_vm._s(_vm.item.name)),
-                      ]),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah sisa hasil usaha (SHU)",
+                        },
+                        model: {
+                          value: _vm.form.shu,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "shu", $$v)
+                          },
+                          expression: "form.shu",
+                        },
+                      }),
                       _vm._v(" "),
-                      _c("h5", [_vm._v("Rekomendasi:")]),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Sisa Hasil Usaha (SHU) Tahun Lalu")]),
                       _vm._v(" "),
-                      _vm.currentUser.can &&
-                      _vm.currentUser.can["update_" + _vm.kelas] &&
-                      _vm.currentUser.id_cu == 0
-                        ? _c(
-                            "div",
-                            _vm._l(_vm.item.monitoring_rekom, function (rk) {
-                              return _c("checkbox", {
-                                key: rk.id,
-                                attrs: {
-                                  form: rk.status,
-                                  title: rk.rekomendasi,
-                                },
-                                on: {
-                                  check: function ($event) {
-                                    return _vm.modalOpen("rekomendasi", rk)
-                                  },
-                                },
-                              })
-                            }),
-                            1
-                          )
-                        : _c(
-                            "div",
-                            _vm._l(_vm.item.monitoring_rekom, function (rk) {
-                              return _c("checkbox", {
-                                key: rk.id,
-                                attrs: {
-                                  form: rk.status,
-                                  title: rk.rekomendasi,
-                                },
-                              })
-                            }),
-                            1
-                          ),
-                    ]),
-                  ]),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan jumlah sisa hasil usaha (SHU) tahun lalu",
+                        },
+                        model: {
+                          value: _vm.form.shu_lalu,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "shu_lalu", $$v)
+                          },
+                          expression: "form.shu_lalu",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
                 ]),
                 _vm._v(" "),
-                _c("div", { staticClass: "col-lg-3 col-md-4" }, [
-                  _c("div", { staticClass: "card" }, [
-                    _vm.currentUser.can &&
-                    _vm.currentUser.can["update_" + _vm.kelas] &&
-                    _vm.currentUser.id_cu == 0
-                      ? _c("div", { staticClass: "card-header bg-light" }, [
-                          _c(
-                            "button",
-                            {
-                              staticClass: "btn btn-light btn-block",
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.ubahData.apply(null, arguments)
-                                },
-                              },
-                            },
-                            [
-                              _c("i", { staticClass: "icon-pencil5" }),
-                              _vm._v(" Ubah Temuan"),
-                            ]
-                          ),
-                        ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _c(
-                      "table",
-                      {
-                        staticClass:
-                          "table table-borderless table-xs border-top-0 my-2",
-                      },
-                      [
-                        _c("tbody", [
-                          _c("tr", [
-                            _c("td", { staticClass: "font-weight-semibold" }, [
-                              _vm._v("CU:"),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "text-right" },
-                              [
-                                _vm.item.cu
-                                  ? _c("check-value", {
-                                      attrs: { value: _vm.item.cu.name },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ],
-                              1
-                            ),
-                          ]),
-                          _vm._v(" "),
-                          _c("tr", [
-                            _c("td", { staticClass: "font-weight-semibold" }, [
-                              _vm._v("TP:"),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "text-right" },
-                              [
-                                _vm.item.tp
-                                  ? _c("check-value", {
-                                      attrs: { value: _vm.item.tp.name },
-                                    })
-                                  : _vm.item.id_tp == 0
-                                  ? _c("span", [_vm._v("Semua")])
-                                  : _c("span", [_vm._v("-")]),
-                              ],
-                              1
-                            ),
-                          ]),
-                          _vm._v(" "),
-                          _c("tr", [
-                            _c("td", { staticClass: "font-weight-semibold" }, [
-                              _vm._v("Tanggal:"),
-                            ]),
-                            _vm._v(" "),
-                            _c("td", { staticClass: "text-right" }, [
-                              _vm.item.tanggal
-                                ? _c("span", {
-                                    domProps: {
-                                      innerHTML: _vm._s(
-                                        _vm.$options.filters.date(
-                                          _vm.item.tanggal
-                                        )
-                                      ),
-                                    },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("tr", [
-                            _c("td", { staticClass: "font-weight-semibold" }, [
-                              _vm._v("Jenis:"),
-                            ]),
-                            _vm._v(" "),
-                            _c("td", { staticClass: "text-right" }, [
-                              _vm.item.jenis == "MAYOR"
-                                ? _c(
-                                    "span",
-                                    { staticClass: "badge badge-danger" },
-                                    [_vm._v(_vm._s(_vm.item.jenis))]
-                                  )
-                                : _vm.item.jenis == "MINOR"
-                                ? _c(
-                                    "span",
-                                    { staticClass: "badge badge-success" },
-                                    [_vm._v(_vm._s(_vm.item.jenis))]
-                                  )
-                                : _vm._e(),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("tr", [
-                            _c("td", { staticClass: "font-weight-semibold" }, [
-                              _vm._v("Perspektif:"),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "text-right" },
-                              [
-                                _c("check-value", {
-                                  attrs: { value: _vm.item.perspektif },
-                                }),
-                              ],
-                              1
-                            ),
-                          ]),
-                        ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "div",
-                      { staticClass: "card-body pb-0" },
-                      [
-                        _c("pic", {
-                          attrs: {
-                            title: "PIC CU",
-                            itemData: _vm.item.aktivis_cu,
-                            itemDataStat: _vm.itemStat,
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("BJS Saham")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder: "Silahkan masukkan jumlah bsj saham",
+                        },
+                        model: {
+                          value: _vm.form.bjs_saham,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "bjs_saham", $$v)
                           },
-                        }),
-                        _vm._v(" "),
-                        _c("pic", {
-                          attrs: {
-                            title: "PIC PUSKOPCUINA",
-                            itemData: _vm.item.aktivis_bkcu,
-                            itemDataStat: _vm.itemStat,
+                          expression: "form.bjs_saham",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _vm._m(5),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Inflasi")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric2,
+                          placeholder: "Silahkan masukkan jumlah inflasi",
+                        },
+                        model: {
+                          value: _vm.form.laju_inflasi,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "laju_inflasi", $$v)
                           },
-                        }),
-                      ],
-                      1
-                    ),
-                  ]),
+                          expression: "form.laju_inflasi",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
                 ]),
                 _vm._v(" "),
-                _c("div", { staticClass: "col-md-12" }, [
-                  _c("div", { staticClass: "card card-body" }, [
-                    _c("div", { staticClass: "row" }, [
-                      _c(
-                        "div",
-                        { staticClass: "col-md-7 col-lg-9 d-none d-sm-block" },
-                        [
-                          _vm.currentUser.can &&
-                          _vm.currentUser.can["create_" + _vm.kelas]
-                            ? _c(
-                                "button",
-                                {
-                                  staticClass: "btn btn-light",
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.modalOpen("tambah", "")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", { staticClass: "icon-plus3" }),
-                                  _vm._v(" Tambah Keputusan"),
-                                ]
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Harga Pasar")]),
                       _vm._v(" "),
-                      _c(
-                        "div",
-                        {
-                          staticClass:
-                            "col-md-5 col-lg-3 text-right d-none d-sm-block",
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric2,
+                          placeholder: "Silahkan masukkan harga pasar",
                         },
-                        [
-                          _c(
-                            "button",
-                            {
-                              staticClass: "btn btn-light",
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.back.apply(null, arguments)
-                                },
-                              },
-                            },
-                            [
-                              _c("i", { staticClass: "icon-arrow-left13" }),
-                              _vm._v(" Kembali"),
-                            ]
-                          ),
-                        ]
-                      ),
+                        model: {
+                          value: _vm.form.harga_pasar,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "harga_pasar", $$v)
+                          },
+                          expression: "form.harga_pasar",
+                        },
+                      }),
                       _vm._v(" "),
-                      _c(
-                        "div",
-                        { staticClass: "col-md-12 d-block d-sm-none" },
-                        [
-                          _vm.currentUser.can &&
-                          _vm.currentUser.can["create_" + _vm.kelas]
-                            ? _c(
-                                "button",
-                                {
-                                  staticClass: "btn btn-light btn-block mb-1",
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.modalOpen("tambah", "")
-                                    },
-                                  },
-                                },
-                                [
-                                  _c("i", { staticClass: "icon-plus3" }),
-                                  _vm._v(" Tambah Keputusan"),
-                                ]
-                              )
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _c(
-                            "button",
-                            {
-                              staticClass: "btn btn-light btn-block",
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.back.apply(null, arguments)
-                                },
-                              },
-                            },
-                            [
-                              _c("i", { staticClass: "icon-arrow-left13" }),
-                              _vm._v(" Kembali"),
-                            ]
-                          ),
-                        ]
-                      ),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _vm.itemDataStat == "success"
-                    ? _c("div", [
-                        _vm.itemData.length > 0
-                          ? _c(
-                              "div",
-                              {
-                                staticClass:
-                                  "timeline timeline-left content-group",
-                              },
-                              [
-                                _c(
-                                  "div",
-                                  { staticClass: "timeline-container" },
-                                  _vm._l(_vm.itemData, function (pc, index) {
-                                    return _c(
-                                      "div",
-                                      {
-                                        key: index,
-                                        staticClass: "timeline-row",
-                                      },
-                                      [
-                                        _c(
-                                          "div",
-                                          { staticClass: "timeline-icon" },
-                                          [
-                                            _c(
-                                              "div",
-                                              { staticClass: "bg-blue" },
-                                              [
-                                                _vm._v(
-                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                    _vm._s(index + 1) +
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
-                                            ),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _c("div", { staticClass: "row" }, [
-                                          _c(
-                                            "div",
-                                            { staticClass: "col-sm-12" },
-                                            [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card" },
-                                                [
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass:
-                                                        "card-header bg-white",
-                                                    },
-                                                    [
-                                                      _c("span", {
-                                                        staticClass:
-                                                          "badge badge-primary",
-                                                        domProps: {
-                                                          innerHTML: _vm._s(
-                                                            _vm.$options.filters.dateTime(
-                                                              pc.created_at
-                                                            )
-                                                          ),
-                                                        },
-                                                      }),
-                                                    ]
-                                                  ),
-                                                  _vm._v(" "),
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass: "card-body",
-                                                    },
-                                                    [
-                                                      _c(
-                                                        "div",
-                                                        { staticClass: "row" },
-                                                        [
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "col-md-6",
-                                                            },
-                                                            [
-                                                              _c("h5", [
-                                                                _vm._v(
-                                                                  "Pencapaian:"
-                                                                ),
-                                                              ]),
-                                                              _vm._v(" "),
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "card card-body bg-light",
-                                                                },
-                                                                [
-                                                                  pc.pencapaian
-                                                                    ? _c(
-                                                                        "span",
-                                                                        {
-                                                                          domProps:
-                                                                            {
-                                                                              innerHTML:
-                                                                                _vm._s(
-                                                                                  pc.pencapaian
-                                                                                ),
-                                                                            },
-                                                                        }
-                                                                      )
-                                                                    : _c(
-                                                                        "span",
-                                                                        [
-                                                                          _vm._v(
-                                                                            "-"
-                                                                          ),
-                                                                        ]
-                                                                      ),
-                                                                ]
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "col-md-6",
-                                                            },
-                                                            [
-                                                              _c("h5", [
-                                                                _vm._v(
-                                                                  "Bukti-bukti:"
-                                                                ),
-                                                              ]),
-                                                              _vm._v(" "),
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "card card-body bg-light",
-                                                                },
-                                                                [
-                                                                  pc.bukti
-                                                                    ? _c(
-                                                                        "span",
-                                                                        {
-                                                                          domProps:
-                                                                            {
-                                                                              innerHTML:
-                                                                                _vm._s(
-                                                                                  pc.bukti
-                                                                                ),
-                                                                            },
-                                                                        }
-                                                                      )
-                                                                    : _c(
-                                                                        "span",
-                                                                        [
-                                                                          _vm._v(
-                                                                            "-"
-                                                                          ),
-                                                                        ]
-                                                                      ),
-                                                                ]
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "col-md-6",
-                                                            },
-                                                            [
-                                                              _c("h5", [
-                                                                _vm._v(
-                                                                  "Kendala:"
-                                                                ),
-                                                              ]),
-                                                              _vm._v(" "),
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "card card-body bg-light",
-                                                                },
-                                                                [
-                                                                  pc.kendala
-                                                                    ? _c(
-                                                                        "span",
-                                                                        {
-                                                                          domProps:
-                                                                            {
-                                                                              innerHTML:
-                                                                                _vm._s(
-                                                                                  pc.kendala
-                                                                                ),
-                                                                            },
-                                                                        }
-                                                                      )
-                                                                    : _c(
-                                                                        "span",
-                                                                        [
-                                                                          _vm._v(
-                                                                            "-"
-                                                                          ),
-                                                                        ]
-                                                                      ),
-                                                                ]
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "col-md-6",
-                                                            },
-                                                            [
-                                                              _c("h5", [
-                                                                _vm._v(
-                                                                  "Tindak Lanjut:"
-                                                                ),
-                                                              ]),
-                                                              _vm._v(" "),
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "card card-body bg-light",
-                                                                },
-                                                                [
-                                                                  pc.tindak
-                                                                    ? _c(
-                                                                        "span",
-                                                                        {
-                                                                          domProps:
-                                                                            {
-                                                                              innerHTML:
-                                                                                _vm._s(
-                                                                                  pc.tindak
-                                                                                ),
-                                                                            },
-                                                                        }
-                                                                      )
-                                                                    : _c(
-                                                                        "span",
-                                                                        [
-                                                                          _vm._v(
-                                                                            "-"
-                                                                          ),
-                                                                        ]
-                                                                      ),
-                                                                ]
-                                                              ),
-                                                            ]
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "col-md-12",
-                                                            },
-                                                            [
-                                                              _c("h5", [
-                                                                _vm._v("Foto:"),
-                                                              ]),
-                                                              _vm._v(" "),
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "card card-body d-flex align-items-center",
-                                                                },
-                                                                [
-                                                                  pc.gambar
-                                                                    ? _c(
-                                                                        "img",
-                                                                        {
-                                                                          staticClass:
-                                                                            "img-fluid",
-                                                                          attrs:
-                                                                            {
-                                                                              src:
-                                                                                "/images/monitoring/" +
-                                                                                pc.gambar +
-                                                                                ".jpg",
-                                                                            },
-                                                                        }
-                                                                      )
-                                                                    : _c(
-                                                                        "img",
-                                                                        {
-                                                                          staticStyle:
-                                                                            {
-                                                                              width:
-                                                                                "15em",
-                                                                            },
-                                                                          attrs:
-                                                                            {
-                                                                              src: "/images/no_image.jpg",
-                                                                            },
-                                                                        }
-                                                                      ),
-                                                                ]
-                                                              ),
-                                                            ]
-                                                          ),
-                                                        ]
-                                                      ),
-                                                    ]
-                                                  ),
-                                                  _vm._v(" "),
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass:
-                                                        "card-body pb-0",
-                                                    },
-                                                    [
-                                                      _c(
-                                                        "div",
-                                                        { staticClass: "row" },
-                                                        [
-                                                          _c(
-                                                            "div",
-                                                            {
-                                                              staticClass:
-                                                                "col-md-12",
-                                                            },
-                                                            [
-                                                              _c("h5", [
-                                                                _vm._v(
-                                                                  "Catatan PUSKOPCUINA:"
-                                                                ),
-                                                              ]),
-                                                              _vm._v(" "),
-                                                              _c(
-                                                                "div",
-                                                                {
-                                                                  staticClass:
-                                                                    "card card-body bg-light",
-                                                                },
-                                                                [
-                                                                  pc.catatan
-                                                                    ? _c(
-                                                                        "span",
-                                                                        {
-                                                                          domProps:
-                                                                            {
-                                                                              innerHTML:
-                                                                                _vm._s(
-                                                                                  pc.catatan
-                                                                                ),
-                                                                            },
-                                                                        }
-                                                                      )
-                                                                    : _c(
-                                                                        "span",
-                                                                        [
-                                                                          _vm._v(
-                                                                            "-"
-                                                                          ),
-                                                                        ]
-                                                                      ),
-                                                                ]
-                                                              ),
-                                                            ]
-                                                          ),
-                                                        ]
-                                                      ),
-                                                    ]
-                                                  ),
-                                                  _vm._v(" "),
-                                                  _c(
-                                                    "div",
-                                                    {
-                                                      staticClass: "card-body",
-                                                    },
-                                                    [
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "d-none d-sm-block",
-                                                        },
-                                                        [
-                                                          _vm.currentUser.can &&
-                                                          _vm.currentUser.can[
-                                                            "update_" +
-                                                              _vm.kelas
-                                                          ] &&
-                                                          _vm.currentUser
-                                                            .id_cu == 0
-                                                            ? _c(
-                                                                "button",
-                                                                {
-                                                                  staticClass:
-                                                                    "btn btn-light mb-1",
-                                                                  on: {
-                                                                    click:
-                                                                      function (
-                                                                        $event
-                                                                      ) {
-                                                                        $event.preventDefault()
-                                                                        return _vm.modalOpen(
-                                                                          "catatan",
-                                                                          pc
-                                                                        )
-                                                                      },
-                                                                  },
-                                                                },
-                                                                [
-                                                                  !pc.catatan
-                                                                    ? _c(
-                                                                        "span",
-                                                                        [
-                                                                          _c(
-                                                                            "i",
-                                                                            {
-                                                                              staticClass:
-                                                                                "icon-plus3",
-                                                                            }
-                                                                          ),
-                                                                          _vm._v(
-                                                                            " Tambah Catatan PUSKOPCUINA"
-                                                                          ),
-                                                                        ]
-                                                                      )
-                                                                    : _c(
-                                                                        "span",
-                                                                        [
-                                                                          _c(
-                                                                            "i",
-                                                                            {
-                                                                              staticClass:
-                                                                                "icon-pencil5",
-                                                                            }
-                                                                          ),
-                                                                          _vm._v(
-                                                                            " Ubah Catatan PUSKOPCUINA"
-                                                                          ),
-                                                                        ]
-                                                                      ),
-                                                                ]
-                                                              )
-                                                            : _vm._e(),
-                                                          _vm._v(" "),
-                                                          _vm.currentUser.can &&
-                                                          _vm.currentUser.can[
-                                                            "update_" +
-                                                              _vm.kelas
-                                                          ]
-                                                            ? _c(
-                                                                "button",
-                                                                {
-                                                                  staticClass:
-                                                                    "btn btn-light mb-1",
-                                                                  on: {
-                                                                    click:
-                                                                      function (
-                                                                        $event
-                                                                      ) {
-                                                                        $event.preventDefault()
-                                                                        return _vm.modalOpen(
-                                                                          "ubah",
-                                                                          pc
-                                                                        )
-                                                                      },
-                                                                  },
-                                                                },
-                                                                [
-                                                                  _c("i", {
-                                                                    staticClass:
-                                                                      "icon-pencil5",
-                                                                  }),
-                                                                  _vm._v(
-                                                                    " Ubah"
-                                                                  ),
-                                                                ]
-                                                              )
-                                                            : _vm._e(),
-                                                          _vm._v(" "),
-                                                          _vm.currentUser.can &&
-                                                          _vm.currentUser.can[
-                                                            "update_" +
-                                                              _vm.kelas
-                                                          ]
-                                                            ? _c(
-                                                                "button",
-                                                                {
-                                                                  staticClass:
-                                                                    "btn btn-light mb-1",
-                                                                  on: {
-                                                                    click:
-                                                                      function (
-                                                                        $event
-                                                                      ) {
-                                                                        $event.preventDefault()
-                                                                        return _vm.modalOpen(
-                                                                          "hapus",
-                                                                          pc
-                                                                        )
-                                                                      },
-                                                                  },
-                                                                },
-                                                                [
-                                                                  _c("i", {
-                                                                    staticClass:
-                                                                      "icon-bin2",
-                                                                  }),
-                                                                  _vm._v(
-                                                                    " Hapus"
-                                                                  ),
-                                                                ]
-                                                              )
-                                                            : _vm._e(),
-                                                        ]
-                                                      ),
-                                                      _vm._v(" "),
-                                                      _c(
-                                                        "div",
-                                                        {
-                                                          staticClass:
-                                                            "d-block d-sm-none",
-                                                        },
-                                                        [
-                                                          _vm.currentUser.can &&
-                                                          _vm.currentUser.can[
-                                                            "update_" +
-                                                              _vm.kelas
-                                                          ] &&
-                                                          _vm.currentUser
-                                                            .id_cu == 0
-                                                            ? _c(
-                                                                "button",
-                                                                {
-                                                                  staticClass:
-                                                                    "btn btn-light btn-block mb-1",
-                                                                  on: {
-                                                                    click:
-                                                                      function (
-                                                                        $event
-                                                                      ) {
-                                                                        $event.preventDefault()
-                                                                        return _vm.modalOpen(
-                                                                          "catatan",
-                                                                          pc
-                                                                        )
-                                                                      },
-                                                                  },
-                                                                },
-                                                                [
-                                                                  !pc.catatan
-                                                                    ? _c(
-                                                                        "span",
-                                                                        [
-                                                                          _c(
-                                                                            "i",
-                                                                            {
-                                                                              staticClass:
-                                                                                "icon-plus3",
-                                                                            }
-                                                                          ),
-                                                                          _vm._v(
-                                                                            " Tambah Catatan PUSKOPCUINA"
-                                                                          ),
-                                                                        ]
-                                                                      )
-                                                                    : _c(
-                                                                        "span",
-                                                                        [
-                                                                          _c(
-                                                                            "i",
-                                                                            {
-                                                                              staticClass:
-                                                                                "icon-pencil5",
-                                                                            }
-                                                                          ),
-                                                                          _vm._v(
-                                                                            " Ubah Catatan PUSKOPCUINA"
-                                                                          ),
-                                                                        ]
-                                                                      ),
-                                                                ]
-                                                              )
-                                                            : _vm._e(),
-                                                          _vm._v(" "),
-                                                          _vm.currentUser.can &&
-                                                          _vm.currentUser.can[
-                                                            "update_" +
-                                                              _vm.kelas
-                                                          ]
-                                                            ? _c(
-                                                                "button",
-                                                                {
-                                                                  staticClass:
-                                                                    "btn btn-light btn-block mb-1",
-                                                                  on: {
-                                                                    click:
-                                                                      function (
-                                                                        $event
-                                                                      ) {
-                                                                        $event.preventDefault()
-                                                                        return _vm.modalOpen(
-                                                                          "ubah",
-                                                                          pc
-                                                                        )
-                                                                      },
-                                                                  },
-                                                                },
-                                                                [
-                                                                  _c("i", {
-                                                                    staticClass:
-                                                                      "icon-pencil5",
-                                                                  }),
-                                                                  _vm._v(
-                                                                    " Ubah"
-                                                                  ),
-                                                                ]
-                                                              )
-                                                            : _vm._e(),
-                                                          _vm._v(" "),
-                                                          _vm.currentUser.can &&
-                                                          _vm.currentUser.can[
-                                                            "update_" +
-                                                              _vm.kelas
-                                                          ]
-                                                            ? _c(
-                                                                "button",
-                                                                {
-                                                                  staticClass:
-                                                                    "btn btn-light btn-block mb-1",
-                                                                  on: {
-                                                                    click:
-                                                                      function (
-                                                                        $event
-                                                                      ) {
-                                                                        $event.preventDefault()
-                                                                        return _vm.modalOpen(
-                                                                          "hapus",
-                                                                          pc
-                                                                        )
-                                                                      },
-                                                                  },
-                                                                },
-                                                                [
-                                                                  _c("i", {
-                                                                    staticClass:
-                                                                      "icon-bin2",
-                                                                  }),
-                                                                  _vm._v(
-                                                                    " Hapus"
-                                                                  ),
-                                                                ]
-                                                              )
-                                                            : _vm._e(),
-                                                        ]
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]
-                                          ),
-                                        ]),
-                                      ]
-                                    )
-                                  }),
-                                  0
-                                ),
-                              ]
-                            )
-                          : _vm._e(),
-                      ])
-                    : _vm.itemDataStat == "loading"
-                    ? _c("div", [_vm._m(1)])
-                    : _vm._e(),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
                 ]),
               ]),
-            ],
-            1
-          ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            content: _vm.modalContent,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
-          },
-          on: {
-            batal: _vm.modalTutup,
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t\t"),
+            ]),
           ]),
           _vm._v(" "),
+          _c("form-info"),
+          _vm._v(" "),
           _c(
-            "template",
-            { slot: "modal-body1" },
+            "div",
+            { staticClass: "card card-body" },
             [
-              _c("form-pencapaian", {
-                attrs: { mode: _vm.modalFormState, selected: _vm.selectedItem },
-                on: { tutup: _vm.modalTutup },
+              _c("form-button", {
+                attrs: { cancelState: "methods", formValidation: "form" },
+                on: { cancelClick: _vm.back },
               }),
             ],
             1
           ),
         ],
-        2
+        1
       ),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          content: _vm.modalContent,
+          color: _vm.modalColor,
+        },
+        on: {
+          batal: _vm.modalTutup,
+          tutup: _vm.modalTutup,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalBackgroundClick,
+        },
+      }),
     ],
     1
   )
@@ -2842,455 +4414,37 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Temuan")]),
-    ])
+    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
+    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
   },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=template&id=5a8b8bd6&":
-/*!******************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=template&id=5a8b8bd6& ***!
-  \******************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formDataLanjut" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _vm.message.show
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorData: _vm.message.content,
-                showDebug: false,
-              },
-              on: { close: _vm.messageClose },
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c("div", { staticClass: "row" }, [
-          _vm.mode != "catatan"
-            ? _c("div", { staticClass: "col-md-6" }, [
-                _c("div", { staticClass: "form-group" }, [
-                  _c("h6", [_vm._v("Pencapaian:")]),
-                  _vm._v(" "),
-                  _c("textarea", {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.formDataLanjut.pencapaian,
-                        expression: "formDataLanjut.pencapaian",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      rows: "3",
-                      cols: "3",
-                      placeholder: "Silahkan masukkan pencapaian",
-                    },
-                    domProps: { value: _vm.formDataLanjut.pencapaian },
-                    on: {
-                      input: function ($event) {
-                        if ($event.target.composing) {
-                          return
-                        }
-                        _vm.$set(
-                          _vm.formDataLanjut,
-                          "pencapaian",
-                          $event.target.value
-                        )
-                      },
-                    },
-                  }),
-                ]),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.mode != "catatan"
-            ? _c("div", { staticClass: "col-md-6" }, [
-                _c("div", { staticClass: "form-group" }, [
-                  _c("h6", [_vm._v("Bukti-bukti:")]),
-                  _vm._v(" "),
-                  _c("textarea", {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.formDataLanjut.bukti,
-                        expression: "formDataLanjut.bukti",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      rows: "3",
-                      cols: "3",
-                      placeholder: "Silahkan masukkan bukti",
-                    },
-                    domProps: { value: _vm.formDataLanjut.bukti },
-                    on: {
-                      input: function ($event) {
-                        if ($event.target.composing) {
-                          return
-                        }
-                        _vm.$set(
-                          _vm.formDataLanjut,
-                          "bukti",
-                          $event.target.value
-                        )
-                      },
-                    },
-                  }),
-                ]),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.mode != "catatan"
-            ? _c("div", { staticClass: "col-md-6" }, [
-                _c("div", { staticClass: "form-group" }, [
-                  _c("h6", [_vm._v("Kendala:")]),
-                  _vm._v(" "),
-                  _c("textarea", {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.formDataLanjut.kendala,
-                        expression: "formDataLanjut.kendala",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      rows: "3",
-                      cols: "3",
-                      placeholder: "Silahkan masukkan kendala",
-                    },
-                    domProps: { value: _vm.formDataLanjut.kendala },
-                    on: {
-                      input: function ($event) {
-                        if ($event.target.composing) {
-                          return
-                        }
-                        _vm.$set(
-                          _vm.formDataLanjut,
-                          "kendala",
-                          $event.target.value
-                        )
-                      },
-                    },
-                  }),
-                ]),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.mode != "catatan"
-            ? _c("div", { staticClass: "col-md-6" }, [
-                _c("div", { staticClass: "form-group" }, [
-                  _c("h6", [_vm._v("Tindak Lanjut:")]),
-                  _vm._v(" "),
-                  _c("textarea", {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.formDataLanjut.tindak,
-                        expression: "formDataLanjut.tindak",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      rows: "3",
-                      cols: "3",
-                      placeholder: "Silahkan masukkan tindak lanjut",
-                    },
-                    domProps: { value: _vm.formDataLanjut.tindak },
-                    on: {
-                      input: function ($event) {
-                        if ($event.target.composing) {
-                          return
-                        }
-                        _vm.$set(
-                          _vm.formDataLanjut,
-                          "tindak",
-                          $event.target.value
-                        )
-                      },
-                    },
-                  }),
-                ]),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.mode != "catatan"
-            ? _c("div", { staticClass: "col-md-12" }, [
-                _c(
-                  "div",
-                  { staticClass: "form-group" },
-                  [
-                    _c("h6", [_vm._v("Upload Foto:")]),
-                    _vm._v(" "),
-                    _c("app-image-upload", {
-                      attrs: {
-                        image_loc: "/images/monitoring/",
-                        image_temp: _vm.formDataLanjut.gambar,
-                      },
-                      model: {
-                        value: _vm.formDataLanjut.gambar,
-                        callback: function ($$v) {
-                          _vm.$set(_vm.formDataLanjut, "gambar", $$v)
-                        },
-                        expression: "formDataLanjut.gambar",
-                      },
-                    }),
-                  ],
-                  1
-                ),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.mode == "catatan"
-            ? _c("div", { staticClass: "col-md-12" }, [
-                _c("div", { staticClass: "form-group" }, [
-                  _c("h6", [_vm._v("Catatan BKCU:")]),
-                  _vm._v(" "),
-                  _c("textarea", {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.formDataLanjut.catatan,
-                        expression: "formDataLanjut.catatan",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      rows: "3",
-                      cols: "3",
-                      placeholder: "Silahkan masukkan catatan bkcu",
-                    },
-                    domProps: { value: _vm.formDataLanjut.catatan },
-                    on: {
-                      input: function ($event) {
-                        if ($event.target.composing) {
-                          return
-                        }
-                        _vm.$set(
-                          _vm.formDataLanjut,
-                          "catatan",
-                          $event.target.value
-                        )
-                      },
-                    },
-                  }),
-                ]),
-              ])
-            : _vm._e(),
-        ]),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formDataLanjut.cu_id == "",
-              },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formDataLanjut.cu_id == "",
-              },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-        ]),
-      ],
-      1
-    ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/pic.vue?vue&type=template&id=38acd236&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/pic.vue?vue&type=template&id=38acd236& ***!
-  \*******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _vm.itemDataStat != "success"
-      ? _c("div", { staticClass: "progress mb-3" }, [_vm._m(0)])
-      : _c("span", [
-          _c("div", { staticClass: "media mt-0 mb-3" }, [
-            _c("div", { staticClass: "mr-3 mb-2 mb-0" }, [
-              _c("div", { staticClass: "card-img-actions" }, [
-                _vm.itemData && _vm.itemData.gambar
-                  ? _c("img", {
-                      staticClass: "img-fluid img-preview img-rounded",
-                      attrs: {
-                        src: "/images/aktivis/" + _vm.itemData.gambar + "n.jpg",
-                      },
-                    })
-                  : _c("img", {
-                      staticClass: "img-fluid img-preview img-rounded",
-                      attrs: { src: "/images/no_image_man.jpg" },
-                    }),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "media-body" }, [
-              _c("b", [_vm._v(_vm._s(_vm.title))]),
-              _vm._v(" "),
-              _c("br"),
-              _vm._v(" "),
-              _c("b", [_vm._v("Nama:")]),
-              _vm._v(
-                "\n        " +
-                  _vm._s(_vm.itemData ? _vm.itemData.name : "-") +
-                  "\n        "
-              ),
-              _c("br"),
-              _vm._v(" "),
-              _c("b", [_vm._v("Tingkat:")]),
-              _vm._v(
-                "\n        " +
-                  _vm._s(
-                    _vm.itemData && _vm.itemData.pekerjaan_aktif
-                      ? _vm.$options.filters.checkTingkatAktivis(
-                          _vm.itemData.pekerjaan_aktif.tingkat
-                        )
-                      : ""
-                  ) +
-                  "\n        "
-              ),
-              _c("br"),
-              _vm._v(" "),
-              _c("b", [_vm._v("Jabatan:")]),
-              _vm._v(
-                "\n        " +
-                  _vm._s(
-                    _vm.itemData && _vm.itemData.pekerjaan_aktif
-                      ? _vm.itemData.pekerjaan_aktif.name
-                      : ""
-                  ) +
-                  "\n        "
-              ),
-              _c("br"),
-            ]),
-          ]),
-        ]),
-  ])
-}
-var staticRenderFns = [
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass:
-          "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-        staticStyle: { width: "100%" },
-      },
-      [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-    )
+    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
   },
 ]
 render._withStripped = true
@@ -3299,18 +4453,20 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/components/datePicker.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
 
 
 
@@ -3318,10 +4474,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3331,54 +4487,70 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/ImageUpload.vue"
+component.options.__file = "resources/assets/js/components/datePicker.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3388,9 +4560,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3400,54 +4572,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/checkValue.vue"
+component.options.__file = "resources/assets/js/components/formInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkbox.vue":
+/***/ "./resources/assets/js/components/infoIcon.vue":
 /*!*****************************************************!*\
-  !*** ./resources/assets/js/components/checkbox.vue ***!
+  !*** ./resources/assets/js/components/infoIcon.vue ***!
   \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkbox.vue?vue&type=template&id=7d32a75a& */ "./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&");
-/* harmony import */ var _checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkbox.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&");
+/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3457,9 +4629,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3469,38 +4641,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/checkbox.vue"
+component.options.__file = "resources/assets/js/components/infoIcon.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
 /*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
   \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkbox.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&":
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
 /*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a& ***!
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
   \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkbox.vue?vue&type=template&id=7d32a75a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
@@ -3644,68 +4816,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/helpers/form.js":
-/*!*********************************************!*\
-  !*** ./resources/assets/js/helpers/form.js ***!
-  \*********************************************/
-/*! exports provided: toMulipartedForm, objectToFormData */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function toMulipartedForm(form, mode) {
-  if (mode === 'edit' && typeof form.image === 'string') {
-    var temp = JSON.parse(JSON.stringify(form));
-    delete temp.image;
-    return temp;
-  } else {
-    return objectToFormData(form);
-  }
-}
-function objectToFormData(obj, form, namespace) {
-  var fd = form || new FormData();
-  var formKey;
-
-  for (var property in obj) {
-    if (obj.hasOwnProperty(property)) {
-      if (namespace) {
-        formKey = namespace + '[' + property + ']';
-      } else {
-        formKey = property;
-      }
-
-      if (obj[property] instanceof Array) {
-        for (var i = 0; i < obj[property].length; i++) {
-          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
-        }
-      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
-        objectToFormData(obj[property], fd, property);
-      } else {
-        fd.append(formKey, obj[property]);
-      }
-    }
-  }
-
-  return fd;
-}
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/monitoring/detail.vue":
-/*!*********************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/detail.vue ***!
-  \*********************************************************/
+/***/ "./resources/assets/js/views/laporanCu/form.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/form.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _detail_vue_vue_type_template_id_2827a256___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=2827a256& */ "./resources/assets/js/views/monitoring/detail.vue?vue&type=template&id=2827a256&");
-/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/detail.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_4ce6b9c9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=4ce6b9c9& */ "./resources/assets/js/views/laporanCu/form.vue?vue&type=template&id=4ce6b9c9&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3715,9 +4836,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _detail_vue_vue_type_template_id_2827a256___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _detail_vue_vue_type_template_id_2827a256___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_4ce6b9c9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_4ce6b9c9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3727,54 +4848,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/monitoring/detail.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/detail.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/detail.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/form.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/form.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/detail.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/detail.vue?vue&type=template&id=2827a256&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/detail.vue?vue&type=template&id=2827a256& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/form.vue?vue&type=template&id=4ce6b9c9&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/form.vue?vue&type=template&id=4ce6b9c9& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_2827a256___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=2827a256& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/detail.vue?vue&type=template&id=2827a256&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_2827a256___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_4ce6b9c9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=4ce6b9c9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/form.vue?vue&type=template&id=4ce6b9c9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_4ce6b9c9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_2827a256___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_4ce6b9c9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/formPencapaian.vue":
-/*!*****************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/formPencapaian.vue ***!
-  \*****************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/formCoa.vue":
+/*!*********************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/formCoa.vue ***!
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formPencapaian_vue_vue_type_template_id_5a8b8bd6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPencapaian.vue?vue&type=template&id=5a8b8bd6& */ "./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=template&id=5a8b8bd6&");
-/* harmony import */ var _formPencapaian_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPencapaian.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formCoa_vue_vue_type_template_id_5f8de89c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formCoa.vue?vue&type=template&id=5f8de89c& */ "./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=template&id=5f8de89c&");
+/* harmony import */ var _formCoa_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formCoa.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3784,9 +4905,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formPencapaian_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formPencapaian_vue_vue_type_template_id_5a8b8bd6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formPencapaian_vue_vue_type_template_id_5a8b8bd6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formCoa_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formCoa_vue_vue_type_template_id_5f8de89c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formCoa_vue_vue_type_template_id_5f8de89c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3796,54 +4917,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/monitoring/formPencapaian.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/formCoa.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPencapaian_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPencapaian.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPencapaian_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCoa_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCoa.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCoa_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=template&id=5a8b8bd6&":
-/*!************************************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=template&id=5a8b8bd6& ***!
-  \************************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=template&id=5f8de89c&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=template&id=5f8de89c& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPencapaian_vue_vue_type_template_id_5a8b8bd6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPencapaian.vue?vue&type=template&id=5a8b8bd6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=template&id=5a8b8bd6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPencapaian_vue_vue_type_template_id_5a8b8bd6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCoa_vue_vue_type_template_id_5f8de89c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCoa.vue?vue&type=template&id=5f8de89c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formCoa.vue?vue&type=template&id=5f8de89c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCoa_vue_vue_type_template_id_5f8de89c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPencapaian_vue_vue_type_template_id_5a8b8bd6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCoa_vue_vue_type_template_id_5f8de89c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/pic.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/pic.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/views/laporanCu/formKonsolidasi.vue":
+/*!*****************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/formKonsolidasi.vue ***!
+  \*****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pic_vue_vue_type_template_id_38acd236___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pic.vue?vue&type=template&id=38acd236& */ "./resources/assets/js/views/monitoring/pic.vue?vue&type=template&id=38acd236&");
-/* harmony import */ var _pic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pic.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/pic.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formKonsolidasi_vue_vue_type_template_id_1e7175c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKonsolidasi.vue?vue&type=template&id=1e7175c6& */ "./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=template&id=1e7175c6&");
+/* harmony import */ var _formKonsolidasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKonsolidasi.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3853,9 +4974,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pic_vue_vue_type_template_id_38acd236___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pic_vue_vue_type_template_id_38acd236___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formKonsolidasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formKonsolidasi_vue_vue_type_template_id_1e7175c6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formKonsolidasi_vue_vue_type_template_id_1e7175c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3865,38 +4986,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/monitoring/pic.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/formKonsolidasi.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/pic.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/pic.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./pic.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/pic.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKonsolidasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKonsolidasi.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKonsolidasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/pic.vue?vue&type=template&id=38acd236&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/pic.vue?vue&type=template&id=38acd236& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=template&id=1e7175c6&":
+/*!************************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=template&id=1e7175c6& ***!
+  \************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pic_vue_vue_type_template_id_38acd236___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./pic.vue?vue&type=template&id=38acd236& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/pic.vue?vue&type=template&id=38acd236&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pic_vue_vue_type_template_id_38acd236___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKonsolidasi_vue_vue_type_template_id_1e7175c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKonsolidasi.vue?vue&type=template&id=1e7175c6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/formKonsolidasi.vue?vue&type=template&id=1e7175c6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKonsolidasi_vue_vue_type_template_id_1e7175c6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pic_vue_vue_type_template_id_38acd236___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKonsolidasi_vue_vue_type_template_id_1e7175c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/46.js b/public/js/components/46.js
index 5aef4e691..44cf95429 100644
--- a/public/js/components/46.js
+++ b/public/js/components/46.js
@@ -173,9 +173,9 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&":
 /*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js& ***!
   \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -190,8 +190,16 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: []
+  props: ['form', 'title'],
+  methods: {
+    check: function check() {
+      this.$emit('check');
+    }
+  }
 });
 
 /***/ }),
@@ -350,10 +358,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/detail.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/detail.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -362,33 +370,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _formCu_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./formCu.vue */ "./resources/assets/js/views/anggotaCuDraft/formCu.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_identitas_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/identitas.vue */ "./resources/assets/js/components/identitas.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-var _components;
-
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_checkbox_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/checkbox.vue */ "./resources/assets/js/components/checkbox.vue");
+/* harmony import */ var _pic_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./pic.vue */ "./resources/assets/js/views/monitoring/pic.vue");
+/* harmony import */ var _formPencapaian_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./formPencapaian.vue */ "./resources/assets/js/views/monitoring/formPencapaian.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 //
@@ -693,6 +687,271 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_5___default.a,
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    checkbox: _components_checkbox_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    pic: _pic_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    formPencapaian: _formPencapaian_vue__WEBPACK_IMPORTED_MODULE_9__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Detail Monitoring',
+      titleDesc: 'Informasi detail monitoring',
+      titleIcon: 'icon-stack2',
+      level: 2,
+      level2Title: 'Monitoring',
+      kelas: 'monitoring',
+      selectedItem: {},
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        year: {
+          date: true,
+          datePattern: ['Y']
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      state: '',
+      modalFormState: '',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      modalSize: '',
+      submited: false
+    };
+  },
+  created: function created() {
+    this.fetch();
+    this.fetchPencapaian();
+  },
+  watch: {
+    // check route changes
+    '$route': function $route(to, from) {
+      this.fetch();
+      this.fetchPencapaian();
+    },
+    itemStat: function itemStat(value) {
+      if (value === "success") {
+        this.fetchTemuan();
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.fetch();
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    },
+    updatePencapaianStat: function updatePencapaianStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updatePencapaianResponse.message;
+        this.fetchPencapaian();
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updatePencapaianResponse;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+    },
+    fetchTemuan: function fetchTemuan() {
+      this.$store.dispatch(this.kelas + '/get', this.item.id_cu);
+    },
+    fetchPencapaian: function fetchPencapaian() {
+      this.$store.dispatch('monitoringPencapaian/get', this.$route.params.id);
+    },
+    back: function back() {
+      if (this.item.id_tp == 0) {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.item.id_cu,
+            tp: 'semua'
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.item.id_cu,
+            tp: this.item.id_tp
+          }
+        });
+      }
+    },
+    ubahData: function ubahData() {
+      this.$router.push({
+        name: this.kelas + 'Edit',
+        params: {
+          id: this.$route.params.id
+        }
+      });
+    },
+    changeTemuan: function changeTemuan(value) {
+      this.$router.push({
+        name: this.kelas + 'Detail',
+        params: {
+          id: value
+        }
+      });
+    },
+    modalOpen: function modalOpen(state, selectedItem) {
+      this.modalShow = true;
+      this.state = state;
+      this.selectedItem = selectedItem;
+
+      if (state == 'hapus') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Keputusan?';
+        this.modalButton = 'Iya, Hapus';
+        this.modalSize = '';
+      } else if (state == 'ubah') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah Keputusan';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.modalFormState = 'edit';
+      } else if (state == 'tambah') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah Keputusan';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.modalFormState = 'create';
+      } else if (state == 'catatan') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = !selectedItem.catatan ? 'Tambah Catatan PUSKOPCUINA' : 'Ubah Catatan PUSKOPCUINA';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.modalFormState = 'catatan';
+      } else if (state == 'rekomendasi') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = selectedItem.status == 0 ? 'Selesaikan rekomendasi ' + selectedItem.rekomendasi + ' ?' : 'Tidak selesaikan rekomendasi ' + selectedItem.rekomendasi + ' ?';
+        this.modalButton = selectedItem.status == 0 ? 'Iya, Selesaikan' : 'Iya, Tidak selesaikan';
+        this.modalSize = '';
+      }
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      this.modalShow = false;
+
+      if (this.state == 'hapus') {
+        this.$store.dispatch('monitoringPencapaian/destroy', this.selectedItem.id);
+      } else if (this.state == 'rekomendasi') {
+        this.$store.dispatch(this.kelas + '/updateRekom', this.selectedItem.id);
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+    },
+    momentYear: function momentYear() {
+      return moment().year();
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('monitoring', {
+    item: 'data',
+    itemStat: 'dataStat',
+    modelTemuan: 'dataS',
+    modelTemuanStat: 'dataStatS',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('monitoringPencapaian', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    updatePencapaianResponse: 'update',
+    updatePencapaianStat: 'updateStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -809,6 +1068,92 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected'],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      kelas: 'monitoringPencapaian',
+      formDataLanjut: {
+        id: '',
+        id_user: '',
+        id_monitoring: '',
+        pencapaian: '',
+        bukti: '',
+        kendala: '',
+        tindak: '',
+        catatan: '',
+        gambar: ''
+      },
+      message: {
+        show: false,
+        content: ''
+      },
+      submited: false
+    };
+  },
+  created: function created() {
+    if (this.mode != 'create') {
+      this.formDataLanjut = Object.assign({}, this.selected);
+    }
+  },
+  watch: {},
+  methods: {
+    save: function save() {
+      var _this = this;
+
+      this.formDataLanjut.id_monitoring = this.$route.params.id;
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_6__["toMulipartedForm"])(this.formDataLanjut, this.$route.meta.mode);
+      this.$validator.validateAll('formDataLanjut').then(function (result) {
+        if (result) {
+          if (_this.mode == 'create') {
+            _this.$store.dispatch(_this.kelas + '/store', formData);
+          } else {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.formDataLanjut.id, formData]);
+          }
+
+          _this.submited = false;
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    messageClose: function messageClose() {
+      this.message.show = false;
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/pic.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/pic.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 //
 //
 //
@@ -848,3143 +1193,465 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'nik'],
-  components: (_components = {
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formCu: _formCu_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default.a,
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__["default"]
-  }, _defineProperty(_components, "appImageUpload", _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"]), _defineProperty(_components, "infoIcon", _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_12__["default"]), _defineProperty(_components, "wajibBadge", _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_13__["default"]), _defineProperty(_components, "identitas", _components_identitas_vue__WEBPACK_IMPORTED_MODULE_14__["default"]), _defineProperty(_components, "DatePicker", _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_15__["default"]), _components),
-  data: function data() {
-    return {
-      kelas: 'anggotaCu',
-      confirmIcon: 'icon-arrow-right14',
-      confirmTitle: 'Lanjut ke produk',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        number24: {
-          numeral: true,
-          numeralIntegerScale: 24,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number16: {
-          numeral: true,
-          numeralIntegerScale: 16,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      formCuMode: '',
-      selectedItemCu: '',
-      itemDataCu: [],
-      itemDataCuStat: 'success',
-      columnDataCu: [{
-        title: 'No.'
-      }, {
-        title: 'CU'
-      }, {
-        title: 'TP/KP'
-      }, {
-        title: 'No. BA'
-      }, {
-        title: 'Keterangan'
-      }, {
-        title: 'Tgl. Jadi Anggota'
-      }],
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      submited: false
-    };
-  },
-  created: function created() {
-    if (this.mode == 'edit') {
-      this.confirmIcon = 'icon-floppy-disk';
-      this.confirmTitle = 'Simpan';
-    }
-
-    if (this.currentUser.id_cu == 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    } else {
-      this.fetchTp(this.currentUser.id_cu);
-    }
-
-    this.$store.dispatch('pekerjaan/get');
-    this.$store.dispatch('suku/get');
-    this.$store.dispatch('provinces/get');
-    this.fetch();
-  },
-  watch: {
-    formStat: function formStat(value) {
-      if (value == 'success') {
-        this.fetchCu();
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.mode == 'edit') {
-        this.$store.dispatch(this.kelas + '/editDraft', this.$route.params.id);
-      }
-    },
-    fetchCu: function fetchCu() {
-      if (this.currentUser.id_cu == 0) {
-        this.itemDataCu = [];
-        var valData;
-
-        if (this.form.anggota_cu_cu) {
-          var _iterator = _createForOfIteratorHelper(this.form.anggota_cu_cu),
-              _step;
-
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              valData = _step.value;
-              this.itemDataCu.push(valData);
-            }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
-          }
-        }
-      } else {
-        var data = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.form.anggota_cu_cu, {
-          'cu_id': this.currentUser.id_cu
-        });
-
-        if (data) {
-          this.form.tp_id = data.tp_id;
-          this.form.no_ba = data.no_ba;
-          this.form.tanggal_masuk = data.tanggal_masuk;
-          this.form.keterangan_masuk = data.keterangan_masuk;
-        }
-      }
-
-      if (this.form.id_provinces) {
-        this.changeProvinces(this.form.id_provinces);
-      }
-
-      if (this.form.id_regencies) {
-        this.changeRegencies(this.form.id_regencies);
-      }
-
-      if (this.form.id_districts) {
-        this.changeDistricts(this.form.id_districts);
-      }
-    },
-    fetchTp: function fetchTp(value) {
-      this.$store.dispatch('tp/getCu', value);
-    },
-    createCu: function createCu(value) {
-      this.itemDataCu.push(value);
-      this.modalTutup();
-    },
-    editCu: function editCu(value) {
-      lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCu, {
-        index: value.index
-      });
-
-      this.itemDataCu.push(value);
-      this.modalTutup();
-    },
-    save: function save() {
-      var _this = this;
-
-      if (this.currentUser.id_cu == 0) {
-        this.form.anggota_cu_cu = this.itemDataCu;
-      } else {
-        this.form.id_cu = this.currentUser.id_cu;
-      }
-
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          _this.$store.dispatch(_this.kelas + '/updateDraft', [_this.$route.params.id, _this.form]);
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
-    },
-    changeProvinces: function changeProvinces(id) {
-      this.$store.dispatch('regencies/getProvinces', id);
-    },
-    changeRegencies: function changeRegencies(id) {
-      this.$store.dispatch('districts/getRegencies', id);
-    },
-    changeDistricts: function changeDistricts(id) {
-      this.$store.dispatch('villages/getDistricts', id);
-    },
-    back: function back() {
-      if (this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas + 'CuDraft',
-          params: {
-            cu: 'semua',
-            tp: 'semua'
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + 'CuDraft',
-          params: {
-            cu: this.currentUser.id_cu,
-            tp: 'semua'
-          }
-        });
-      }
-    },
-    selectedCuRow: function selectedCuRow(index, item) {
-      this.selectedItemCu = item;
-      this.selectedItemCu.index = index + 1;
-    },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.state = state;
-
-      if (state == 'hapusCu') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus CU ' + this.selectedItemCu.cu.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-        this.modalSize = '';
-      } else if (state == 'ubahCu') {
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah CU';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formCuMode = 'edit';
-      } else if (state == 'tambahCu') {
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah CU';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formCuMode = 'create';
-      }
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      this.modalShow = false;
-
-      if (this.state == 'hapusCu') {
-        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCu, {
-          index: this.selectedItemCu.index
-        });
-      }
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat === 'success') {
-        this.back();
-        this.$store.dispatch(this.kelas + '/resetUpdateStat');
-      }
-
-      this.modalShow = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'headerDataS',
-    modelCuStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
-    modelTp: 'dataS',
-    modelTpStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pekerjaan', {
-    modelPekerjaan: 'dataS',
-    modelPekerjaanStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suku', {
-    modelSuku: 'dataS',
-    modelSukuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('provinces', {
-    modelProvinces: 'dataS',
-    modelProvincesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('regencies', {
-    modelRegencies: 'dataS',
-    modelRegenciesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('districts', {
-    modelDistricts: 'dataS',
-    modelDistrictsStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('villages', {
-    modelVillages: 'dataS',
-    modelVillagesStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _api_anggotaCu_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../api/anggotaCu.js */ "./resources/assets/js/api/anggotaCu.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _edit_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./edit.vue */ "./resources/assets/js/views/anggotaCuDraft/edit.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    formEdit: _edit_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a
-  },
-  data: function data() {
-    return {
-      title: '',
-      titleDesc: '',
-      titleIcon: '',
-      kelas: 'anggotaCu',
-      level2Title: 'Anggota CU Draft',
-      nik: '',
-      cleaveOption: {
-        number16: {
-          numeral: true,
-          numeralIntegerScale: 16,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        }
-      }
-    };
-  },
-  created: function created() {
-    this.resetData();
-    this.title = 'Ubah ' + this.level2Title + ' [DRAFT]';
-    this.titleDesc = 'Mengubah ' + this.level2Title + ' [DRAFT]';
-    this.titleIcon = 'icon-pencil5';
-  },
-  methods: {
-    resetData: function resetData() {
-      this.$store.commit(this.kelas + '/setData', {});
-      this.$store.commit(this.kelas + '/setDataStat', '');
-    },
-    back: function back() {
-      if (this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: 'semua'
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        });
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
-    itemData: 'data',
-    itemDataStat: 'dataStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected'],
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      kelas: 'anggotaCu',
-      formDataCu: {
-        no_ba: '',
-        tanggal_masuk: '',
-        keterangan_masuk: '',
-        cu_id: 0,
-        tp_id: '',
-        cu: {
-          id: '',
-          name: ''
-        },
-        tp: {
-          id: '',
-          name: ''
-        }
-      },
-      modelProdukCu: [],
-      modelProdukCuStat: '',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        },
-        number16: {
-          numeral: true,
-          numeralIntegerScale: 16,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        }
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      submited: false
-    };
-  },
-  created: function created() {
-    this.fetchCU();
-
-    if (this.mode == 'edit') {
-      if (this.modelCUStat == 'success') {
-        this.formDataCu = Object.assign({}, this.selected);
-      }
-    }
-  },
-  watch: {
-    modelCUStat: function modelCUStat(value) {
-      if (value === "success") {
-        if (this.mode == 'edit') {
-          this.formDataCu = Object.assign({}, this.selected);
-          this.fetchTp(this.formDataCu.cu_id);
-        }
-      }
-    }
-  },
-  methods: {
-    changeCu: function changeCu(id) {
-      var cu;
-
-      if (id != 0) {
-        cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelCU, function (o) {
-          return o.id == id;
-        });
-      }
-
-      this.formDataCu.cu.id = cu.id;
-      this.formDataCu.cu.name = cu.name;
-      this.fetchTp(cu.id);
-    },
-    changeTp: function changeTp(id) {
-      var tp;
-
-      if (id != 0) {
-        tp = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelTp, function (o) {
-          return o.id == id;
-        });
-      }
-
-      if (this.formDataCu.tp != null) {
-        this.formDataCu.tp.id = tp.id;
-        this.formDataCu.tp.name = tp.name;
-      } else {
-        var tpdata = {};
-        tpdata.id = tp.id;
-        tpdata.name = tp.name;
-        this.formDataCu.tp = tpdata;
-      }
-    },
-    fetchCU: function fetchCU() {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      } else {
-        this.idCu = this.$route.params.cu;
-        this.tingkat = this.$route.params.tingkat;
-      }
-    },
-    fetchTp: function fetchTp(value) {
-      this.$store.dispatch('tp/getCu', value);
-    },
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('formDataCu').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.$emit('editCu', _this.formDataCu);
-          } else {
-            _this.$emit('createCu', _this.formDataCu);
-          }
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    messageClose: function messageClose() {
-      this.message.show = false;
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('tp', {
-    modelTp: 'dataS',
-    modelTpStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body text-center" }, [
-        _vm.image === "" && _vm.image_temp === ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: "/images/no_image.jpg" },
-            })
-          : _vm.image === "" && _vm.image_temp !== ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
-            })
-          : _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image },
-            }),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "row" }, [
-      _c("div", { staticClass: "col-md-10" }, [
-        _c("input", {
-          ref: "fileInput",
-          staticClass: "form-control",
-          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
-          on: { change: _vm.upload },
-        }),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-2" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block",
-            attrs: { type: "button", disabled: _vm.image_temp === "" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.close()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
-        ),
-      ]),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    { staticStyle: { display: "inline-block" } },
-    [
-      _vm.value
-        ? _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm.valueType == "trim"
-              ? _c(
-                  "span",
-                  { staticStyle: { display: "inline-block" } },
-                  [
-                    _c("truncate", {
-                      staticStyle: { display: "inline-block" },
-                      attrs: {
-                        "action-class": "badge bg-blue",
-                        clamp: "selengkapnya >",
-                        length: _vm.trimLength,
-                        less: "< kembali",
-                        text: _vm.frontText + " " + _vm.value,
-                      },
-                    }),
-                  ],
-                  1
-                )
-              : _vm.valueType == "modal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light",
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen()
-                        },
-                      },
-                    },
-                    [_vm._v("\n          Lihat\n      ")]
-                  ),
-                ])
-              : _vm.valueType == "currency"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(
-                        _vm._f("currency")(_vm.value, "", 0, {
-                          thousandsSeparator: ".",
-                        })
-                      )
-                  ),
-                ])
-              : _vm.valueType == "percentage"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("percentage")(_vm.value, 2))
-                  ),
-                ])
-              : _vm.valueType == "decimal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("round")(_vm.value, 2))
-                  ),
-                ])
-              : _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
-                ]),
-          ])
-        : _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
-          ]),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
-        },
-        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
-      }),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v(
-            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
-          ),
-        ]),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
-            [
-              _vm.level === 1
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
-                        },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticStyle: { display: "inline-block" } }, [
-      _c(
-        "span",
-        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
-        [_vm._v("Wajib diisi")]
-      ),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=template&id=1b0cacb6&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=template&id=1b0cacb6& ***!
-  \************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("form") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "form",
-        {
-          attrs: { "data-vv-scope": "form" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
-            },
-          },
-        },
-        [
-          _c("div", { staticClass: "card" }, [
-            _vm._m(0),
-            _vm._v(" "),
-            _c("div", { staticClass: "card-body" }, [
-              _c("div", { staticClass: "row" }, [
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    {
-                      staticClass: "form-group",
-                      class: { "has-error": _vm.errors.has("form.nik") },
-                    },
-                    [
-                      _c(
-                        "h6",
-                        {
-                          class: { "text-danger": _vm.errors.has("form.nik") },
-                        },
-                        [
-                          _vm.errors.has("form.nik")
-                            ? _c("i", { staticClass: "icon-cross2" })
-                            : _vm._e(),
-                          _vm._v("\n\t\t\t\t\t\t\t\tNo. KTP: "),
-                          _c("wajib-badge"),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _vm.mode == "create_new"
-                        ? _c("cleave", {
-                            directives: [
-                              {
-                                name: "validate",
-                                rawName: "v-validate",
-                                value: "required",
-                                expression: "'required'",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              name: "nik",
-                              options: _vm.cleaveOption.number16,
-                              placeholder: "Silahkan masukkan no KTP",
-                              "data-vv-as": "No. KTP",
-                              readonly: "",
-                            },
-                            model: {
-                              value: _vm.form.nik,
-                              callback: function ($$v) {
-                                _vm.$set(_vm.form, "nik", $$v)
-                              },
-                              expression: "form.nik",
-                            },
-                          })
-                        : _c("cleave", {
-                            directives: [
-                              {
-                                name: "validate",
-                                rawName: "v-validate",
-                                value: "required",
-                                expression: "'required'",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              name: "nik",
-                              options: _vm.cleaveOption.number16,
-                              placeholder: "Silahkan masukkan no KTP",
-                              "data-vv-as": "No. KTP",
-                            },
-                            model: {
-                              value: _vm.form.nik,
-                              callback: function ($$v) {
-                                _vm.$set(_vm.form, "nik", $$v)
-                              },
-                              expression: "form.nik",
-                            },
-                          }),
-                      _vm._v(" "),
-                      _vm.errors.has("form.nik")
-                        ? _c(
-                            "small",
-                            { staticClass: "text-muted text-danger" },
-                            [
-                              _c("i", {
-                                staticClass: "icon-arrow-small-right",
-                              }),
-                              _vm._v(
-                                " " +
-                                  _vm._s(_vm.errors.first("form.nik")) +
-                                  "\n\t\t\t\t\t\t\t"
-                              ),
-                            ]
-                          )
-                        : _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h6", [_vm._v("\n\t\t\t\t\t\t\t\tNPWP:")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          name: "npwp",
-                          options: _vm.cleaveOption.number24,
-                          placeholder: "Silahkan masukkan npwp",
-                        },
-                        model: {
-                          value: _vm.form.npwp,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "npwp", $$v)
-                          },
-                          expression: "form.npwp",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    {
-                      staticClass: "form-group",
-                      class: { "has-error": _vm.errors.has("form.name") },
-                    },
-                    [
-                      _c(
-                        "h6",
-                        {
-                          class: { "text-danger": _vm.errors.has("form.name") },
-                        },
-                        [
-                          _vm.errors.has("form.name")
-                            ? _c("i", { staticClass: "icon-cross2" })
-                            : _vm._e(),
-                          _vm._v("\n\t\t\t\t\t\t\t\tNama: "),
-                          _c("wajib-badge"),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c("input", {
-                        directives: [
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required",
-                            expression: "'required'",
-                          },
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.name,
-                            expression: "form.name",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          type: "text",
-                          name: "name",
-                          placeholder: "Silahkan masukkan nama",
-                          "data-vv-as": "Nama",
-                        },
-                        domProps: { value: _vm.form.name },
-                        on: {
-                          input: function ($event) {
-                            if ($event.target.composing) {
-                              return
-                            }
-                            _vm.$set(_vm.form, "name", $event.target.value)
-                          },
-                        },
-                      }),
-                      _vm._v(" "),
-                      _vm.errors.has("form.name")
-                        ? _c(
-                            "small",
-                            { staticClass: "text-muted text-danger" },
-                            [
-                              _c("i", {
-                                staticClass: "icon-arrow-small-right",
-                              }),
-                              _vm._v(
-                                " " +
-                                  _vm._s(_vm.errors.first("form.name")) +
-                                  "\n\t\t\t\t\t\t\t"
-                              ),
-                            ]
-                          )
-                        : _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                    ]
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    {
-                      staticClass: "form-group",
-                      class: { "has-error": _vm.errors.has("form.ahli_waris") },
-                    },
-                    [
-                      _c(
-                        "h6",
-                        {
-                          class: {
-                            "text-danger": _vm.errors.has("form.ahli_waris"),
-                          },
-                        },
-                        [
-                          _vm.errors.has("form.ahli_waris")
-                            ? _c("i", { staticClass: "icon-cross2" })
-                            : _vm._e(),
-                          _vm._v("\n\t\t\t\t\t\t\t\tNama Ahli Waris: "),
-                          _c("wajib-badge"),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c("input", {
-                        directives: [
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required",
-                            expression: "'required'",
-                          },
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.ahli_waris,
-                            expression: "form.ahli_waris",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          type: "text",
-                          name: "ahli_waris",
-                          placeholder: "Silahkan masukkan nama ahli waris",
-                          "data-vv-as": "Nama ahli waris",
-                        },
-                        domProps: { value: _vm.form.ahli_waris },
-                        on: {
-                          input: function ($event) {
-                            if ($event.target.composing) {
-                              return
-                            }
-                            _vm.$set(
-                              _vm.form,
-                              "ahli_waris",
-                              $event.target.value
-                            )
-                          },
-                        },
-                      }),
-                      _vm._v(" "),
-                      _vm.errors.has("form.ahli_waris")
-                        ? _c(
-                            "small",
-                            { staticClass: "text-muted text-danger" },
-                            [
-                              _c("i", {
-                                staticClass: "icon-arrow-small-right",
-                              }),
-                              _vm._v(
-                                " " +
-                                  _vm._s(_vm.errors.first("form.ahli_waris")) +
-                                  "\n\t\t\t\t\t\t\t"
-                              ),
-                            ]
-                          )
-                        : _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                    ]
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c("div", { staticClass: "form-group" }, [
-                    _c("h6", [_vm._v("Nama Ibu: ")]),
-                    _vm._v(" "),
-                    _c("input", {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.form.nama_ibu,
-                          expression: "form.nama_ibu",
-                        },
-                      ],
-                      staticClass: "form-control",
-                      attrs: {
-                        type: "text",
-                        name: "nama_ibu",
-                        placeholder: "Silahkan masukkan nama ibu",
-                      },
-                      domProps: { value: _vm.form.nama_ibu },
-                      on: {
-                        input: function ($event) {
-                          if ($event.target.composing) {
-                            return
-                          }
-                          _vm.$set(_vm.form, "nama_ibu", $event.target.value)
-                        },
-                      },
-                    }),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    {
-                      staticClass: "form-group",
-                      class: { "has-error": _vm.errors.has("form.kelamin") },
-                    },
-                    [
-                      _c(
-                        "h6",
-                        {
-                          class: {
-                            "text-danger": _vm.errors.has("form.kelamin"),
-                          },
-                        },
-                        [
-                          _vm.errors.has("form.kelamin")
-                            ? _c("i", { staticClass: "icon-cross2" })
-                            : _vm._e(),
-                          _vm._v("\n\t\t\t\t\t\t\t\tGender: "),
-                          _c("wajib-badge"),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "select",
-                        {
-                          directives: [
-                            {
-                              name: "model",
-                              rawName: "v-model",
-                              value: _vm.form.kelamin,
-                              expression: "form.kelamin",
-                            },
-                            {
-                              name: "validate",
-                              rawName: "v-validate",
-                              value: "required",
-                              expression: "'required'",
-                            },
-                          ],
-                          staticClass: "form-control",
-                          attrs: {
-                            name: "kelamin",
-                            "data-width": "100%",
-                            "data-vv-as": "Gender",
-                          },
-                          on: {
-                            change: function ($event) {
-                              var $$selectedVal = Array.prototype.filter
-                                .call($event.target.options, function (o) {
-                                  return o.selected
-                                })
-                                .map(function (o) {
-                                  var val = "_value" in o ? o._value : o.value
-                                  return val
-                                })
-                              _vm.$set(
-                                _vm.form,
-                                "kelamin",
-                                $event.target.multiple
-                                  ? $$selectedVal
-                                  : $$selectedVal[0]
-                              )
-                            },
-                          },
-                        },
-                        [
-                          _c("option", { attrs: { disabled: "", value: "" } }, [
-                            _vm._v("Silahkan pilih gender"),
-                          ]),
-                          _vm._v(" "),
-                          _c("option", { attrs: { value: "LAKI-LAKI" } }, [
-                            _vm._v("Laki-laki"),
-                          ]),
-                          _vm._v(" "),
-                          _c("option", { attrs: { value: "PEREMPUAN" } }, [
-                            _vm._v("Perempuan"),
-                          ]),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _vm.errors.has("form.kelamin")
-                        ? _c(
-                            "small",
-                            { staticClass: "text-muted text-danger" },
-                            [
-                              _c("i", {
-                                staticClass: "icon-arrow-small-right",
-                              }),
-                              _vm._v(
-                                " " +
-                                  _vm._s(_vm.errors.first("form.kelamin")) +
-                                  "\n\t\t\t\t\t\t\t"
-                              ),
-                            ]
-                          )
-                        : _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                    ]
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    {
-                      staticClass: "form-group",
-                      class: {
-                        "has-error": _vm.errors.has("form.tanggal_lahir"),
-                      },
-                    },
-                    [
-                      _c(
-                        "h6",
-                        {
-                          class: {
-                            "text-danger": _vm.errors.has("form.tanggal_lahir"),
-                          },
-                        },
-                        [
-                          _vm.errors.has("form.tanggal_lahir")
-                            ? _c("i", { staticClass: "icon-cross2" })
-                            : _vm._e(),
-                          _vm._v("\n\t\t\t\t\t\t\t\tTgl. Lahir: "),
-                          _c("wajib-badge"),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c("date-picker", {
-                        attrs: { defaultDate: _vm.form.tanggal_lahir },
-                        on: {
-                          dateSelected: function ($event) {
-                            _vm.form.tanggal_lahir = $event
-                          },
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("input", {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.tanggal_lahir,
-                            expression: "form.tanggal_lahir",
-                          },
-                          {
-                            name: "show",
-                            rawName: "v-show",
-                            value: false,
-                            expression: "false",
-                          },
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required",
-                            expression: "'required'",
-                          },
-                        ],
-                        attrs: { "data-vv-as": "Tanggal lahir" },
-                        domProps: { value: _vm.form.tanggal_lahir },
-                        on: {
-                          input: function ($event) {
-                            if ($event.target.composing) {
-                              return
-                            }
-                            _vm.$set(
-                              _vm.form,
-                              "tanggal_lahir",
-                              $event.target.value
-                            )
-                          },
-                        },
-                      }),
-                      _vm._v(" "),
-                      _vm.errors.has("form.tanggal_lahir")
-                        ? _c(
-                            "small",
-                            { staticClass: "text-muted text-danger" },
-                            [
-                              _c("i", {
-                                staticClass: "icon-arrow-small-right",
-                              }),
-                              _vm._v(
-                                " " +
-                                  _vm._s(
-                                    _vm.errors.first("form.tanggal_lahir")
-                                  ) +
-                                  "\n\t\t\t\t\t\t\t"
-                              ),
-                            ]
-                          )
-                        : _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    {
-                      staticClass: "form-group",
-                      class: {
-                        "has-error": _vm.errors.has("form.tempat_lahir"),
-                      },
-                    },
-                    [
-                      _c(
-                        "h6",
-                        {
-                          class: {
-                            "text-danger": _vm.errors.has("form.tempat_lahir"),
-                          },
-                        },
-                        [
-                          _vm.errors.has("form.tempat_lahir")
-                            ? _c("i", { staticClass: "icon-cross2" })
-                            : _vm._e(),
-                          _vm._v("Tempat Lahir: "),
-                          _c("wajib-badge"),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c("input", {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.tempat_lahir,
-                            expression: "form.tempat_lahir",
-                          },
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required",
-                            expression: "'required'",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          type: "text",
-                          name: "tempat_lahir",
-                          placeholder: "Silahkan masukkan tempat lahir",
-                          "data-vv-as": "Tempat Lahir",
-                        },
-                        domProps: { value: _vm.form.tempat_lahir },
-                        on: {
-                          input: function ($event) {
-                            if ($event.target.composing) {
-                              return
-                            }
-                            _vm.$set(
-                              _vm.form,
-                              "tempat_lahir",
-                              $event.target.value
-                            )
-                          },
-                        },
-                      }),
-                      _vm._v(" "),
-                      _vm.errors.has("form.tempat_lahir")
-                        ? _c(
-                            "small",
-                            { staticClass: "text-muted text-danger" },
-                            [
-                              _c("i", {
-                                staticClass: "icon-arrow-small-right",
-                              }),
-                              _vm._v(
-                                " " +
-                                  _vm._s(
-                                    _vm.errors.first("form.tempat_lahir")
-                                  ) +
-                                  "\n\t\t\t\t\t\t\t"
-                              ),
-                            ]
-                          )
-                        : _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                    ]
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c("div", { staticClass: "form-group" }, [
-                    _c("h6", [_vm._v("Suku: ")]),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.suku,
-                            expression: "form.suku",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          name: "suku",
-                          "data-width": "100%",
-                          disabled: _vm.modelSuku.length == 0,
-                        },
-                        on: {
-                          change: function ($event) {
-                            var $$selectedVal = Array.prototype.filter
-                              .call($event.target.options, function (o) {
-                                return o.selected
-                              })
-                              .map(function (o) {
-                                var val = "_value" in o ? o._value : o.value
-                                return val
-                              })
-                            _vm.$set(
-                              _vm.form,
-                              "suku",
-                              $event.target.multiple
-                                ? $$selectedVal
-                                : $$selectedVal[0]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "" } }, [
-                          _vm.modelSukuStat === "loading"
-                            ? _c("span", [_vm._v("Mohon tunggu...")])
-                            : _c("span", [_vm._v("Silahkan pilih suku")]),
-                        ]),
-                        _vm._v(" "),
-                        _vm._l(_vm.modelSuku, function (suku, index) {
-                          return _c(
-                            "option",
-                            { key: index, domProps: { value: suku.name } },
-                            [_vm._v(_vm._s(suku.name))]
-                          )
-                        }),
-                      ],
-                      2
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c("div", { staticClass: "form-group" }, [
-                    _c("h6", [
-                      _vm._v("\n\t\t\t\t\t\t\t\tGol. Darah:\n\t\t\t\t\t\t\t"),
-                    ]),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.darah,
-                            expression: "form.darah",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: { name: "darah", "data-width": "100%" },
-                        on: {
-                          change: function ($event) {
-                            var $$selectedVal = Array.prototype.filter
-                              .call($event.target.options, function (o) {
-                                return o.selected
-                              })
-                              .map(function (o) {
-                                var val = "_value" in o ? o._value : o.value
-                                return val
-                              })
-                            _vm.$set(
-                              _vm.form,
-                              "darah",
-                              $event.target.multiple
-                                ? $$selectedVal
-                                : $$selectedVal[0]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "" } }, [
-                          _vm._v("Silahkan pilih golongan darah"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "A" } }, [_vm._v("A")]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "B" } }, [_vm._v("B")]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "AB" } }, [
-                          _vm._v("AB"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "O" } }, [_vm._v("O")]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _vm._m(1),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          name: "tinggi",
-                          options: _vm.cleaveOption.number3,
-                          placeholder: "Silahkan masukkan tinggi",
-                        },
-                        model: {
-                          value: _vm.form.tinggi,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "tinggi", $$v)
-                          },
-                          expression: "form.tinggi",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c("div", { staticClass: "form-group" }, [
-                    _c("h6", [_vm._v("Agama:")]),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.agama,
-                            expression: "form.agama",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: { name: "agama", "data-width": "100%" },
-                        on: {
-                          change: function ($event) {
-                            var $$selectedVal = Array.prototype.filter
-                              .call($event.target.options, function (o) {
-                                return o.selected
-                              })
-                              .map(function (o) {
-                                var val = "_value" in o ? o._value : o.value
-                                return val
-                              })
-                            _vm.$set(
-                              _vm.form,
-                              "agama",
-                              $event.target.multiple
-                                ? $$selectedVal
-                                : $$selectedVal[0]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "" } }, [
-                          _vm._v("Silahkan pilih agama"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "BUDDHA" } }, [
-                          _vm._v("Buddha"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "HINDU" } }, [
-                          _vm._v("Hindu"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "ISLAM" } }, [
-                          _vm._v("Islam"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "KHATOLIK" } }, [
-                          _vm._v("Khatolik"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "KONG HU CU" } }, [
-                          _vm._v("Kong Hu Cu"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "PROTESTAN" } }, [
-                          _vm._v("Protestan"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "LAIN-LAIN" } }, [
-                          _vm._v("Lain-lain"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c("div", { staticClass: "form-group" }, [
-                    _c("h6", [
-                      _vm._v("\n\t\t\t\t\t\t\t\tStatus:\n\t\t\t\t\t\t\t"),
-                    ]),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.status,
-                            expression: "form.status",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: { name: "status", "data-width": "100%" },
-                        on: {
-                          change: function ($event) {
-                            var $$selectedVal = Array.prototype.filter
-                              .call($event.target.options, function (o) {
-                                return o.selected
-                              })
-                              .map(function (o) {
-                                var val = "_value" in o ? o._value : o.value
-                                return val
-                              })
-                            _vm.$set(
-                              _vm.form,
-                              "status",
-                              $event.target.multiple
-                                ? $$selectedVal
-                                : $$selectedVal[0]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "" } }, [
-                          _vm._v("Silahkan pilih status pernikahan"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "BELUM MENIKAH" } }, [
-                          _vm._v("Belum menikah"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "MENIKAH" } }, [
-                          _vm._v("Menikah"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "JANDA/DUDA" } }, [
-                          _vm._v("Janda/Duda"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "card" }, [
-            _vm._m(2),
-            _vm._v(" "),
-            _c("div", { staticClass: "card-body" }, [
-              _c("div", { staticClass: "row" }, [
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c("div", { staticClass: "form-group" }, [
-                    _c("h6", [_vm._v("Lembaga:")]),
-                    _vm._v(" "),
-                    _c("input", {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.form.lembaga,
-                          expression: "form.lembaga",
-                        },
-                      ],
-                      staticClass: "form-control",
-                      attrs: {
-                        type: "text",
-                        name: "lembaga",
-                        placeholder: "Silahkan masukkan lembaga",
-                      },
-                      domProps: { value: _vm.form.lembaga },
-                      on: {
-                        input: function ($event) {
-                          if ($event.target.composing) {
-                            return
-                          }
-                          _vm.$set(_vm.form, "lembaga", $event.target.value)
-                        },
-                      },
-                    }),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c("div", { staticClass: "form-group" }, [
-                    _c("h6", [_vm._v("Jabatan:")]),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.jabatan,
-                            expression: "form.jabatan",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: { name: "jabatan", "data-width": "100%" },
-                        on: {
-                          change: function ($event) {
-                            var $$selectedVal = Array.prototype.filter
-                              .call($event.target.options, function (o) {
-                                return o.selected
-                              })
-                              .map(function (o) {
-                                var val = "_value" in o ? o._value : o.value
-                                return val
-                              })
-                            _vm.$set(
-                              _vm.form,
-                              "jabatan",
-                              $event.target.multiple
-                                ? $$selectedVal
-                                : $$selectedVal[0]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "" } }, [
-                          _vm._v("Silahkan pilih jabatan"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "SENIOR MANAJER" } }, [
-                          _vm._v(
-                            "Senior Manajer (General Manager, CEO, Deputy)"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "MANAJER" } }, [
-                          _vm._v("Manajer"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "SUPERVISOR" } }, [
-                          _vm._v(
-                            "Supervisor (Kepala Bagian, Kepala Divisi, Kepala/Koordinator TP, Kepala Bidang)"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "STAF" } }, [
-                          _vm._v("Staf"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "KONTRAK" } }, [
-                          _vm._v("Kontrak"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c("div", { staticClass: "form-group" }, [
-                    _c("h6", [_vm._v("Pekerjaan: ")]),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.pekerjaan,
-                            expression: "form.pekerjaan",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          name: "pekerjaan",
-                          "data-width": "100%",
-                          disabled: _vm.modelPekerjaan.length == 0,
-                        },
-                        on: {
-                          change: function ($event) {
-                            var $$selectedVal = Array.prototype.filter
-                              .call($event.target.options, function (o) {
-                                return o.selected
-                              })
-                              .map(function (o) {
-                                var val = "_value" in o ? o._value : o.value
-                                return val
-                              })
-                            _vm.$set(
-                              _vm.form,
-                              "pekerjaan",
-                              $event.target.multiple
-                                ? $$selectedVal
-                                : $$selectedVal[0]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "" } }, [
-                          _vm.modelPekerjaanStat === "loading"
-                            ? _c("span", [_vm._v("Mohon tunggu...")])
-                            : _c("span", [_vm._v("Silahkan pilih pekerjaan")]),
-                        ]),
-                        _vm._v(" "),
-                        _vm._l(_vm.modelPekerjaan, function (pekerjaan, index) {
-                          return _c(
-                            "option",
-                            { key: index, domProps: { value: pekerjaan.name } },
-                            [_vm._v(_vm._s(pekerjaan.name))]
-                          )
-                        }),
-                      ],
-                      2
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h6", [_vm._v("Rata-rata Penghasilan Perbulan:")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan rata-rata pengeluaran",
-                        },
-                        model: {
-                          value: _vm.form.penghasilan,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "penghasilan", $$v)
-                          },
-                          expression: "form.penghasilan",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h6", [_vm._v("Rata-rata Pengeluaran Perbulan:")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.numeric,
-                          placeholder:
-                            "Silahkan masukkan rata-rata pengeluaran",
-                        },
-                        model: {
-                          value: _vm.form.pengeluaran,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "pengeluaran", $$v)
-                          },
-                          expression: "form.pengeluaran",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-sm-4" }, [
-                  _c("div", { staticClass: "form-group" }, [
-                    _c("h6", [_vm._v("Pendidikan:")]),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.pendidikan,
-                            expression: "form.pendidikan",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: { name: "pendidikan", "data-width": "100%" },
-                        on: {
-                          change: function ($event) {
-                            var $$selectedVal = Array.prototype.filter
-                              .call($event.target.options, function (o) {
-                                return o.selected
-                              })
-                              .map(function (o) {
-                                var val = "_value" in o ? o._value : o.value
-                                return val
-                              })
-                            _vm.$set(
-                              _vm.form,
-                              "pendidikan",
-                              $event.target.multiple
-                                ? $$selectedVal
-                                : $$selectedVal[0]
-                            )
-                          },
-                        },
-                      },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "" } }, [
-                          _vm._v("Silahkan pilih tingkat pendidikan"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "SD" } }, [
-                          _vm._v("SD"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "SMP" } }, [
-                          _vm._v("SMP"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "SMA/SMK" } }, [
-                          _vm._v("SMA/SMK"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "D1" } }, [
-                          _vm._v("D1"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "D2" } }, [
-                          _vm._v("D2"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "D3" } }, [
-                          _vm._v("D3"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "D4" } }, [
-                          _vm._v("D4"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "S1" } }, [
-                          _vm._v("S1"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "S2" } }, [
-                          _vm._v("S2"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "S3" } }, [
-                          _vm._v("S3"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "Lain-lain" } }, [
-                          _vm._v("Lain-lain"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c("div", { staticClass: "form-group" }, [
-                    _c(
-                      "h6",
-                      [
-                        _vm._v("Organisasi: "),
-                        _c("info-icon", {
-                          attrs: {
-                            message:
-                              "Silahkan isi dengan jabatan dan tempat/nama organisasi jika anda ikut dalam sebuah organisasi",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-                    _vm._v(" "),
-                    _c("input", {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.form.organisasi,
-                          expression: "form.organisasi",
-                        },
-                      ],
-                      staticClass: "form-control",
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ["title", "itemData", "itemDataStat"],
+  methods: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body text-center" }, [
+        _vm.image === "" && _vm.image_temp === ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: "/images/no_image.jpg" },
+            })
+          : _vm.image === "" && _vm.image_temp !== ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
+            })
+          : _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image },
+            }),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "col-md-10" }, [
+        _c("input", {
+          ref: "fileInput",
+          staticClass: "form-control",
+          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
+          on: { change: _vm.upload },
+        }),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-2" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block",
+            attrs: { type: "button", disabled: _vm.image_temp === "" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.close()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
+        ),
+      ]),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticStyle: { display: "inline-block" } },
+    [
+      _vm.value
+        ? _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm.valueType == "trim"
+              ? _c(
+                  "span",
+                  { staticStyle: { display: "inline-block" } },
+                  [
+                    _c("truncate", {
+                      staticStyle: { display: "inline-block" },
                       attrs: {
-                        type: "text",
-                        name: "organisasi",
-                        placeholder: "Silahkan masukkan organisasi",
+                        "action-class": "badge bg-blue",
+                        clamp: "selengkapnya >",
+                        length: _vm.trimLength,
+                        less: "< kembali",
+                        text: _vm.frontText + " " + _vm.value,
                       },
-                      domProps: { value: _vm.form.organisasi },
+                    }),
+                  ],
+                  1
+                )
+              : _vm.valueType == "modal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light",
                       on: {
-                        input: function ($event) {
-                          if ($event.target.composing) {
-                            return
-                          }
-                          _vm.$set(_vm.form, "organisasi", $event.target.value)
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen()
                         },
                       },
-                    }),
-                  ]),
+                    },
+                    [_vm._v("\n          Lihat\n      ")]
+                  ),
+                ])
+              : _vm.valueType == "currency"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(
+                        _vm._f("currency")(_vm.value, "", 0, {
+                          thousandsSeparator: ".",
+                        })
+                      )
+                  ),
+                ])
+              : _vm.valueType == "percentage"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("percentage")(_vm.value, 2))
+                  ),
+                ])
+              : _vm.valueType == "decimal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("round")(_vm.value, 2))
+                  ),
+                ])
+              : _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
                 ]),
+          ])
+        : _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
+          ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+          content: _vm.modalContent,
+        },
+        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
+      }),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "card card-body mb-2",
+      class: { "bg-warning": _vm.form == 1 },
+      staticStyle: { cursor: "pointer" },
+      on: {
+        click: function ($event) {
+          $event.preventDefault()
+          return _vm.check.apply(null, arguments)
+        },
+      },
+    },
+    [
+      _c("div", { staticClass: "form-check" }, [
+        _c("label", { staticClass: "form-check-label" }, [
+          _c("div", { staticClass: "uniform-checker" }, [
+            _c("span", { class: { checked: _vm.form == 1 } }, [
+              _c("input", {
+                staticClass: "form-check-input-styled",
+                attrs: { type: "checkbox", checked: "", "data-fouc": "" },
+              }),
+            ]),
+          ]),
+          _vm._v("\n\t\t\t" + _vm._s(_vm.title) + "\n\t\t"),
+        ]),
+      ]),
+    ]
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
               ]),
             ]),
           ]),
           _vm._v(" "),
-          _c("div", { staticClass: "card" }, [
-            _vm._m(3),
-            _vm._v(" "),
-            _c("div", { staticClass: "card-body" }, [
-              _c("div", { staticClass: "row" }, [
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c("div", { staticClass: "form-group" }, [
-                    _c(
-                      "h6",
-                      {
-                        class: {
-                          "text-danger": _vm.errors.has("form.id_provinces"),
-                        },
-                      },
-                      [
-                        _vm.errors.has("form.id_provinces")
-                          ? _c("i", { staticClass: "icon-cross2" })
-                          : _vm._e(),
-                        _vm._v("\n\t\t\t\t\t\t\t\tProvinsi: "),
-                        _c("wajib-badge"),
-                      ],
-                      1
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.id_provinces,
-                            expression: "form.id_provinces",
-                          },
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required",
-                            expression: "'required'",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          name: "id_provinces",
-                          "data-width": "100%",
-                          "data-vv-as": "Provinsi",
-                          disabled: _vm.modelProvinces.length == 0,
-                        },
-                        on: {
-                          change: [
-                            function ($event) {
-                              var $$selectedVal = Array.prototype.filter
-                                .call($event.target.options, function (o) {
-                                  return o.selected
-                                })
-                                .map(function (o) {
-                                  var val = "_value" in o ? o._value : o.value
-                                  return val
-                                })
-                              _vm.$set(
-                                _vm.form,
-                                "id_provinces",
-                                $event.target.multiple
-                                  ? $$selectedVal
-                                  : $$selectedVal[0]
-                              )
-                            },
-                            function ($event) {
-                              return _vm.changeProvinces($event.target.value)
-                            },
-                          ],
-                        },
-                      },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "" } }, [
-                          _vm.modelProvincesStat === "loading"
-                            ? _c("span", [_vm._v("Mohon tunggu...")])
-                            : _c("span", [_vm._v("Silahkan pilih provinsi")]),
-                        ]),
-                        _vm._v(" "),
-                        _vm._l(_vm.modelProvinces, function (provinces, index) {
-                          return _c(
-                            "option",
-                            { key: index, domProps: { value: provinces.id } },
-                            [_vm._v(_vm._s(provinces.name))]
-                          )
-                        }),
-                      ],
-                      2
-                    ),
-                    _vm._v(" "),
-                    _vm.errors.has("form.id_provinces")
-                      ? _c("small", { staticClass: "text-muted text-danger" }, [
-                          _c("i", { staticClass: "icon-arrow-small-right" }),
-                          _vm._v(
-                            " " +
-                              _vm._s(_vm.errors.first("form.id_provinces")) +
-                              "\n\t\t\t\t\t\t\t"
-                          ),
-                        ])
-                      : _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" "),
-                        ]),
-                  ]),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
+          _c(
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            [
+              _vm.level === 1
+                ? _c(
                     "div",
-                    {
-                      staticClass: "form-group",
-                      class: {
-                        "has-error": _vm.errors.has("form.id_regencies"),
-                      },
-                    },
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
                     [
                       _c(
-                        "h6",
+                        "router-link",
                         {
-                          class: {
-                            "text-danger": _vm.errors.has("form.id_regencies"),
-                          },
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
                         },
                         [
-                          _vm.errors.has("form.id_regencies")
-                            ? _c("i", { staticClass: "icon-cross2" })
-                            : _vm._e(),
-                          _vm._v("\n\t\t\t\t\t\t\t\tKabupaten: "),
-                          _c("wajib-badge"),
-                        ],
-                        1
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
                       ),
                       _vm._v(" "),
                       _c(
-                        "select",
+                        "a",
                         {
-                          directives: [
-                            {
-                              name: "model",
-                              rawName: "v-model",
-                              value: _vm.form.id_regencies,
-                              expression: "form.id_regencies",
-                            },
-                            {
-                              name: "validate",
-                              rawName: "v-validate",
-                              value: "required",
-                              expression: "'required'",
-                            },
-                          ],
-                          staticClass: "form-control",
-                          attrs: {
-                            name: "id_regencies",
-                            "data-width": "100%",
-                            "data-vv-as": "Kabupaten",
-                            disabled: _vm.modelRegencies.length === 0,
-                          },
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
                           on: {
-                            change: [
-                              function ($event) {
-                                var $$selectedVal = Array.prototype.filter
-                                  .call($event.target.options, function (o) {
-                                    return o.selected
-                                  })
-                                  .map(function (o) {
-                                    var val = "_value" in o ? o._value : o.value
-                                    return val
-                                  })
-                                _vm.$set(
-                                  _vm.form,
-                                  "id_regencies",
-                                  $event.target.multiple
-                                    ? $$selectedVal
-                                    : $$selectedVal[0]
-                                )
-                              },
-                              function ($event) {
-                                return _vm.changeRegencies($event.target.value)
-                              },
-                            ],
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
                           },
                         },
-                        [
-                          _c("option", { attrs: { disabled: "", value: "" } }, [
-                            _vm.modelRegenciesStat === "loading"
-                              ? _c("span", [_vm._v("Mohon tunggu...")])
-                              : _c("span", [
-                                  _vm._v("Silahkan pilih kabupaten"),
-                                ]),
-                          ]),
-                          _vm._v(" "),
-                          _vm._l(
-                            _vm.modelRegencies,
-                            function (regencies, index) {
-                              return _c(
-                                "option",
-                                {
-                                  key: index,
-                                  domProps: { value: regencies.id },
-                                },
-                                [_vm._v(_vm._s(regencies.name))]
-                              )
-                            }
-                          ),
-                        ],
-                        2
+                        [_vm._v(_vm._s(_vm.level2Title))]
                       ),
                       _vm._v(" "),
-                      _vm.errors.has("form.id_regencies")
-                        ? _c(
-                            "small",
-                            { staticClass: "text-muted text-danger" },
-                            [
-                              _c("i", {
-                                staticClass: "icon-arrow-small-right",
-                              }),
-                              _vm._v(
-                                " " +
-                                  _vm._s(
-                                    _vm.errors.first("form.id_regencies")
-                                  ) +
-                                  "\n\t\t\t\t\t\t\t"
-                              ),
-                            ]
-                          )
-                        : _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                    ]
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 3
+                ? _c(
                     "div",
-                    {
-                      staticClass: "form-group",
-                      class: {
-                        "has-error": _vm.errors.has("form.id_districts"),
-                      },
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticStyle: { display: "inline-block" } }, [
+      _c(
+        "span",
+        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
+        [_vm._v("Wajib diisi")]
+      ),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/detail.vue?vue&type=template&id=2827a256&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/detail.vue?vue&type=template&id=2827a256& ***!
+  \**********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: _vm.level,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan",
+                      errorItem: _vm.errors.items,
                     },
-                    [
-                      _c(
-                        "h6",
-                        {
-                          class: {
-                            "text-danger": _vm.errors.has("form.id_districts"),
-                          },
-                        },
-                        [
-                          _vm.errors.has("form.id_districts")
-                            ? _c("i", { staticClass: "icon-cross2" })
-                            : _vm._e(),
-                          _vm._v("\n\t\t\t\t\t\t\t\tKecamatan: "),
-                          _c("wajib-badge"),
-                        ],
-                        1
-                      ),
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("div", { staticClass: "row" }, [
+                _c("div", { staticClass: "col-md-12" }, [
+                  _c("div", { staticClass: "card card-body" }, [
+                    _c("div", { staticClass: "input-group" }, [
+                      _vm._m(0),
                       _vm._v(" "),
                       _c(
                         "select",
@@ -3993,22 +1660,15 @@ var render = function () {
                             {
                               name: "model",
                               rawName: "v-model",
-                              value: _vm.form.id_districts,
-                              expression: "form.id_districts",
-                            },
-                            {
-                              name: "validate",
-                              rawName: "v-validate",
-                              value: "required",
-                              expression: "'required'",
+                              value: _vm.item.id,
+                              expression: "item.id",
                             },
                           ],
                           staticClass: "form-control",
                           attrs: {
-                            name: "id_districts",
+                            name: "id_temuan",
                             "data-width": "100%",
-                            "data-vv-as": "Kabupaten",
-                            disabled: _vm.modelDistricts.length === 0,
+                            disabled: _vm.modelTemuanStat == "loading",
                           },
                           on: {
                             change: [
@@ -4018,1011 +1678,1121 @@ var render = function () {
                                     return o.selected
                                   })
                                   .map(function (o) {
-                                    var val = "_value" in o ? o._value : o.value
-                                    return val
-                                  })
-                                _vm.$set(
-                                  _vm.form,
-                                  "id_districts",
-                                  $event.target.multiple
-                                    ? $$selectedVal
-                                    : $$selectedVal[0]
-                                )
-                              },
-                              function ($event) {
-                                return _vm.changeDistricts($event.target.value)
-                              },
-                            ],
-                          },
-                        },
-                        [
-                          _c("option", { attrs: { disabled: "", value: "" } }, [
-                            _vm.modelDistrictsStat === "loading"
-                              ? _c("span", [_vm._v("Mohon tunggu...")])
-                              : _c("span", [
-                                  _vm._v("Silahkan pilih kecamatan"),
-                                ]),
-                          ]),
-                          _vm._v(" "),
-                          _vm._l(
-                            _vm.modelDistricts,
-                            function (districts, index) {
-                              return _c(
-                                "option",
-                                {
-                                  key: index,
-                                  domProps: { value: districts.id },
-                                },
-                                [_vm._v(_vm._s(districts.name))]
-                              )
-                            }
-                          ),
-                        ],
-                        2
-                      ),
-                      _vm._v(" "),
-                      _vm.errors.has("form.id_regency")
-                        ? _c(
-                            "small",
-                            { staticClass: "text-muted text-danger" },
-                            [
-                              _c("i", {
-                                staticClass: "icon-arrow-small-right",
-                              }),
-                              _vm._v(
-                                " " +
-                                  _vm._s(_vm.errors.first("form.id_regency")) +
-                                  "\n\t\t\t\t\t\t\t"
-                              ),
-                            ]
-                          )
-                        : _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                    ]
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    {
-                      staticClass: "form-group",
-                      class: {
-                        "has-error": _vm.errors.has("form.id_villages"),
-                      },
-                    },
-                    [
-                      _c(
-                        "h6",
-                        {
-                          class: {
-                            "text-danger": _vm.errors.has("form.id_villages"),
-                          },
-                        },
-                        [
-                          _vm.errors.has("form.id_villages")
-                            ? _c("i", { staticClass: "icon-cross2" })
-                            : _vm._e(),
-                          _vm._v("\n\t\t\t\t\t\t\t\tKelurahan: "),
-                          _c("wajib-badge"),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "select",
-                        {
-                          directives: [
-                            {
-                              name: "model",
-                              rawName: "v-model",
-                              value: _vm.form.id_villages,
-                              expression: "form.id_villages",
-                            },
-                            {
-                              name: "validate",
-                              rawName: "v-validate",
-                              value: "required",
-                              expression: "'required'",
-                            },
-                          ],
-                          staticClass: "form-control",
-                          attrs: {
-                            name: "id_villages",
-                            "data-width": "100%",
-                            "data-vv-as": "Desa",
-                            disabled: _vm.modelVillages.length === 0,
-                          },
-                          on: {
-                            change: function ($event) {
-                              var $$selectedVal = Array.prototype.filter
-                                .call($event.target.options, function (o) {
-                                  return o.selected
-                                })
-                                .map(function (o) {
-                                  var val = "_value" in o ? o._value : o.value
-                                  return val
-                                })
-                              _vm.$set(
-                                _vm.form,
-                                "id_villages",
-                                $event.target.multiple
-                                  ? $$selectedVal
-                                  : $$selectedVal[0]
-                              )
-                            },
+                                    var val = "_value" in o ? o._value : o.value
+                                    return val
+                                  })
+                                _vm.$set(
+                                  _vm.item,
+                                  "id",
+                                  $event.target.multiple
+                                    ? $$selectedVal
+                                    : $$selectedVal[0]
+                                )
+                              },
+                              function ($event) {
+                                return _vm.changeTemuan($event.target.value)
+                              },
+                            ],
                           },
                         },
                         [
                           _c("option", { attrs: { disabled: "", value: "" } }, [
-                            _vm.modelVillagesStat === "loading"
-                              ? _c("span", [
-                                  _vm._v("Mohon tunggu... mohon tunggu"),
-                                ])
-                              : _c("span", [
-                                  _vm._v("Silahkan pilih kelurahan"),
-                                ]),
+                            _vm._v("Silahkan pilih data"),
                           ]),
                           _vm._v(" "),
-                          _vm._l(_vm.modelVillages, function (villages, index) {
+                          _vm._t("default"),
+                          _vm._v(" "),
+                          _vm._l(_vm.modelTemuan, function (te, index) {
                             return _c(
                               "option",
-                              { key: index, domProps: { value: villages.id } },
-                              [_vm._v(_vm._s(villages.name))]
+                              { key: index, domProps: { value: te.id } },
+                              [
+                                te.tanggal
+                                  ? _c("span", {
+                                      domProps: {
+                                        innerHTML: _vm._s(
+                                          _vm.$options.filters.date(
+                                            _vm.item.tanggal
+                                          )
+                                        ),
+                                      },
+                                    })
+                                  : _vm._e(),
+                                _vm._v(
+                                  " " +
+                                    _vm._s(te.tanggal ? " | " : "") +
+                                    " " +
+                                    _vm._s(te.name) +
+                                    " "
+                                ),
+                              ]
                             )
                           }),
                         ],
                         2
                       ),
                       _vm._v(" "),
-                      _vm.errors.has("form.id_villages")
-                        ? _c(
-                            "small",
-                            { staticClass: "text-muted text-danger" },
-                            [
-                              _c("i", {
-                                staticClass: "icon-arrow-small-right",
-                              }),
-                              _vm._v(
-                                " " +
-                                  _vm._s(_vm.errors.first("form.id_villages")) +
-                                  "\n\t\t\t\t\t\t\t"
-                              ),
-                            ]
-                          )
-                        : _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                    ]
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h6", [_vm._v("RT:")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.number3,
-                          placeholder: "Silahkan masukkan no rt",
-                        },
-                        model: {
-                          value: _vm.form.rt,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "rt", $$v)
-                          },
-                          expression: "form.rt",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h6", [_vm._v("RW:")]),
-                      _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.number3,
-                          placeholder: "Silahkan masukkan no rw",
-                        },
-                        model: {
-                          value: _vm.form.rw,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "rw", $$v)
+                      _c("div", { staticClass: "input-group-append" }, [
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light",
+                            attrs: {
+                              disabled: _vm.modelTemuanStat == "loading",
+                            },
+                            on: { click: _vm.fetchTemuan },
                           },
-                          expression: "form.rw",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
+                          [
+                            _c("i", {
+                              staticClass: "icon-sync",
+                              class: {
+                                spinner: _vm.modelTemuanStat == "loading",
+                              },
+                            }),
+                          ]
+                        ),
+                      ]),
+                    ]),
+                  ]),
                 ]),
                 _vm._v(" "),
-                _c("div", { staticClass: "col-md-8" }, [
-                  _c(
-                    "div",
-                    {
-                      staticClass: "form-group",
-                      class: { "has-error": _vm.errors.has("form.alamat") },
-                    },
-                    [
-                      _c(
-                        "h6",
-                        {
-                          class: {
-                            "text-danger": _vm.errors.has("form.alamat"),
-                          },
-                        },
-                        [
-                          _vm.errors.has("form.alamat")
-                            ? _c("i", { staticClass: "icon-cross2" })
-                            : _vm._e(),
-                          _vm._v("\n\t\t\t\t\t\t\t\tAlamat: "),
-                          _c("wajib-badge"),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c("input", {
-                        directives: [
+                _c("div", { staticClass: "col-lg-9 col-md-8" }, [
+                  _c("div", { staticClass: "card" }, [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "progress" }, [
+                        _c(
+                          "div",
                           {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required|min:5",
-                            expression: "'required|min:5'",
-                          },
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.alamat,
-                            expression: "form.alamat",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          type: "text",
-                          name: "alamat",
-                          placeholder: "Silahkan masukkan alamat",
-                          "data-vv-as": "Alamat",
-                        },
-                        domProps: { value: _vm.form.alamat },
-                        on: {
-                          input: function ($event) {
-                            if ($event.target.composing) {
-                              return
-                            }
-                            _vm.$set(_vm.form, "alamat", $event.target.value)
+                            staticClass: "progress-bar-striped bg-orange",
+                            style: {
+                              width:
+                                Math.round(
+                                  (_vm.item.rekom_ok / _vm.item.total_rekom) *
+                                    100
+                                ) + "%",
+                            },
                           },
-                        },
-                      }),
+                          [
+                            _c(
+                              "span",
+                              { staticClass: "text-default font-size-lg" },
+                              [
+                                _vm._v(
+                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                    _vm._s(
+                                      Math.round(
+                                        (_vm.item.rekom_ok /
+                                          _vm.item.total_rekom) *
+                                          100
+                                      ) + "%"
+                                    ) +
+                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t          \n\t\t\t\t\t\t\t\t\t\t\t"
+                                ),
+                              ]
+                            ),
+                          ]
+                        ),
+                      ]),
                       _vm._v(" "),
-                      _vm.errors.has("form.alamat")
-                        ? _c(
-                            "small",
-                            { staticClass: "text-muted text-danger" },
-                            [
-                              _c("i", {
-                                staticClass: "icon-arrow-small-right",
-                              }),
-                              _vm._v(
-                                " " +
-                                  _vm._s(_vm.errors.first("form.alamat")) +
-                                  "\n\t\t\t\t\t\t\t"
-                              ),
-                            ]
-                          )
-                        : _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                    ]
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h6", [_vm._v("No. Hp:")]),
+                      _c("hr"),
                       _vm._v(" "),
-                      _c("cleave", {
-                        staticClass: "form-control",
-                        attrs: {
-                          options: _vm.cleaveOption.number12,
-                          placeholder: "Silahkan masukkan no hp",
-                        },
-                        model: {
-                          value: _vm.form.hp,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.form, "hp", $$v)
-                          },
-                          expression: "form.hp",
-                        },
-                      }),
+                      _c("h5", [_vm._v("Temuan:")]),
                       _vm._v(" "),
-                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-                    ],
-                    1
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c(
-                    "div",
-                    {
-                      staticClass: "form-group",
-                      class: { "has-error": _vm.errors.has("form.email") },
-                    },
-                    [
-                      _c(
-                        "h6",
-                        {
-                          class: {
-                            "text-danger": _vm.errors.has("form.email"),
-                          },
-                        },
-                        [
-                          _vm.errors.has("form.email")
-                            ? _c("i", { staticClass: "icon-cross2" })
-                            : _vm._e(),
-                          _vm._v("\n\t\t\t\t\t\t\t\tEmail:"),
-                        ]
-                      ),
+                      _c("div", { staticClass: "card card-body bg-light" }, [
+                        _vm._v(_vm._s(_vm.item.name)),
+                      ]),
                       _vm._v(" "),
-                      _c("input", {
-                        directives: [
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "email",
-                            expression: "'email'",
-                          },
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.form.email,
-                            expression: "form.email",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          type: "text",
-                          name: "email",
-                          placeholder: "Silahkan masukkan alamat email",
-                          "data-vv-as": "Email",
-                        },
-                        domProps: { value: _vm.form.email },
-                        on: {
-                          input: function ($event) {
-                            if ($event.target.composing) {
-                              return
-                            }
-                            _vm.$set(_vm.form, "email", $event.target.value)
-                          },
-                        },
-                      }),
+                      _c("h5", [_vm._v("Rekomendasi:")]),
                       _vm._v(" "),
-                      _vm.errors.has("form.email")
+                      _vm.currentUser.can &&
+                      _vm.currentUser.can["update_" + _vm.kelas] &&
+                      _vm.currentUser.id_cu == 0
                         ? _c(
-                            "small",
-                            { staticClass: "text-muted text-danger" },
-                            [
-                              _c("i", {
-                                staticClass: "icon-arrow-small-right",
-                              }),
-                              _vm._v(
-                                " " +
-                                  _vm._s(_vm.errors.first("form.email")) +
-                                  "\n\t\t\t\t\t\t\t"
-                              ),
-                            ]
+                            "div",
+                            _vm._l(_vm.item.monitoring_rekom, function (rk) {
+                              return _c("checkbox", {
+                                key: rk.id,
+                                attrs: {
+                                  form: rk.status,
+                                  title: rk.rekomendasi,
+                                },
+                                on: {
+                                  check: function ($event) {
+                                    return _vm.modalOpen("rekomendasi", rk)
+                                  },
+                                },
+                              })
+                            }),
+                            1
                           )
-                        : _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                    ]
-                  ),
-                ]),
-                _vm._v(" "),
-                _c("div", { staticClass: "col-md-4" }, [
-                  _c("div", { staticClass: "form-group" }, [
-                    _c("h6", [_vm._v("Kontak Lainnya:")]),
-                    _vm._v(" "),
-                    _c("input", {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.form.kontak,
-                          expression: "form.kontak",
-                        },
-                      ],
-                      staticClass: "form-control",
-                      attrs: {
-                        type: "text",
-                        name: "kontak",
-                        placeholder: "Silahkan masukkan kontak lainnya",
-                      },
-                      domProps: { value: _vm.form.kontak },
-                      on: {
-                        input: function ($event) {
-                          if ($event.target.composing) {
-                            return
-                          }
-                          _vm.$set(_vm.form, "kontak", $event.target.value)
-                        },
-                      },
-                    }),
+                        : _c(
+                            "div",
+                            _vm._l(_vm.item.monitoring_rekom, function (rk) {
+                              return _c("checkbox", {
+                                key: rk.id,
+                                attrs: {
+                                  form: rk.status,
+                                  title: rk.rekomendasi,
+                                },
+                              })
+                            }),
+                            1
+                          ),
+                    ]),
                   ]),
                 ]),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _vm.currentUser && _vm.currentUser.id_cu != 0
-            ? _c("div", { staticClass: "card" }, [
-                _vm._m(4),
                 _vm._v(" "),
-                _c("div", { staticClass: "card-body" }, [
-                  _c("div", { staticClass: "row" }, [
-                    _c("div", { staticClass: "col-sm-4" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass: "form-group",
-                          class: { "has-error": _vm.errors.has("form.tp_id") },
-                        },
-                        [
+                _c("div", { staticClass: "col-lg-3 col-md-4" }, [
+                  _c("div", { staticClass: "card" }, [
+                    _vm.currentUser.can &&
+                    _vm.currentUser.can["update_" + _vm.kelas] &&
+                    _vm.currentUser.id_cu == 0
+                      ? _c("div", { staticClass: "card-header bg-light" }, [
                           _c(
-                            "h6",
+                            "button",
                             {
-                              class: {
-                                "text-danger": _vm.errors.has("form.tp_id"),
+                              staticClass: "btn btn-light btn-block",
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.ubahData.apply(null, arguments)
+                                },
                               },
                             },
                             [
-                              _vm.errors.has("form.tp_id")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\t\tTP/KP: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
+                              _c("i", { staticClass: "icon-pencil5" }),
+                              _vm._v(" Ubah Temuan"),
+                            ]
                           ),
-                          _vm._v(" "),
-                          _c(
-                            "select",
-                            {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.tp_id,
-                                  expression: "form.tp_id",
-                                },
-                                {
-                                  name: "validate",
-                                  rawName: "v-validate",
-                                  value: "required",
-                                  expression: "'required'",
-                                },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                name: "id_tp",
-                                "data-width": "100%",
-                                "data-vv-as": "TP/KP",
-                              },
-                              on: {
-                                change: function ($event) {
-                                  var $$selectedVal = Array.prototype.filter
-                                    .call($event.target.options, function (o) {
-                                      return o.selected
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _c(
+                      "table",
+                      {
+                        staticClass:
+                          "table table-borderless table-xs border-top-0 my-2",
+                      },
+                      [
+                        _c("tbody", [
+                          _c("tr", [
+                            _c("td", { staticClass: "font-weight-semibold" }, [
+                              _vm._v("CU:"),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "text-right" },
+                              [
+                                _vm.item.cu
+                                  ? _c("check-value", {
+                                      attrs: { value: _vm.item.cu.name },
                                     })
-                                    .map(function (o) {
-                                      var val =
-                                        "_value" in o ? o._value : o.value
-                                      return val
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                          ]),
+                          _vm._v(" "),
+                          _c("tr", [
+                            _c("td", { staticClass: "font-weight-semibold" }, [
+                              _vm._v("TP:"),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "text-right" },
+                              [
+                                _vm.item.tp
+                                  ? _c("check-value", {
+                                      attrs: { value: _vm.item.tp.name },
                                     })
-                                  _vm.$set(
-                                    _vm.form,
-                                    "tp_id",
-                                    $event.target.multiple
-                                      ? $$selectedVal
-                                      : $$selectedVal[0]
+                                  : _vm.item.id_tp == 0
+                                  ? _c("span", [_vm._v("Semua")])
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                          ]),
+                          _vm._v(" "),
+                          _c("tr", [
+                            _c("td", { staticClass: "font-weight-semibold" }, [
+                              _vm._v("Tanggal:"),
+                            ]),
+                            _vm._v(" "),
+                            _c("td", { staticClass: "text-right" }, [
+                              _vm.item.tanggal
+                                ? _c("span", {
+                                    domProps: {
+                                      innerHTML: _vm._s(
+                                        _vm.$options.filters.date(
+                                          _vm.item.tanggal
+                                        )
+                                      ),
+                                    },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("tr", [
+                            _c("td", { staticClass: "font-weight-semibold" }, [
+                              _vm._v("Jenis:"),
+                            ]),
+                            _vm._v(" "),
+                            _c("td", { staticClass: "text-right" }, [
+                              _vm.item.jenis == "MAYOR"
+                                ? _c(
+                                    "span",
+                                    { staticClass: "badge badge-danger" },
+                                    [_vm._v(_vm._s(_vm.item.jenis))]
                                   )
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "option",
-                                { attrs: { disabled: "", value: "" } },
-                                [
-                                  _vm.modelTpStat === "loading"
-                                    ? _c("span", [_vm._v("Mohon tunggu...")])
-                                    : _c("span", [
-                                        _vm._v("Silahkan pilih TP/KP"),
-                                      ]),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _vm._l(_vm.modelTp, function (tp, index) {
-                                return _c(
-                                  "option",
-                                  { key: index, domProps: { value: tp.id } },
-                                  [_vm._v(_vm._s(tp.name))]
-                                )
-                              }),
-                            ],
-                            2
-                          ),
+                                : _vm.item.jenis == "MINOR"
+                                ? _c(
+                                    "span",
+                                    { staticClass: "badge badge-success" },
+                                    [_vm._v(_vm._s(_vm.item.jenis))]
+                                  )
+                                : _vm._e(),
+                            ]),
+                          ]),
                           _vm._v(" "),
-                          _vm.errors.has("form.tp_id")
+                          _c("tr", [
+                            _c("td", { staticClass: "font-weight-semibold" }, [
+                              _vm._v("Perspektif:"),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "text-right" },
+                              [
+                                _c("check-value", {
+                                  attrs: { value: _vm.item.perspektif },
+                                }),
+                              ],
+                              1
+                            ),
+                          ]),
+                        ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "div",
+                      { staticClass: "card-body pb-0" },
+                      [
+                        _c("pic", {
+                          attrs: {
+                            title: "PIC CU",
+                            itemData: _vm.item.aktivis_cu,
+                            itemDataStat: _vm.itemStat,
+                          },
+                        }),
+                        _vm._v(" "),
+                        _c("pic", {
+                          attrs: {
+                            title: "PIC PUSKOPCUINA",
+                            itemData: _vm.item.aktivis_bkcu,
+                            itemDataStat: _vm.itemStat,
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-12" }, [
+                  _c("div", { staticClass: "card card-body" }, [
+                    _c("div", { staticClass: "row" }, [
+                      _c(
+                        "div",
+                        { staticClass: "col-md-7 col-lg-9 d-none d-sm-block" },
+                        [
+                          _vm.currentUser.can &&
+                          _vm.currentUser.can["create_" + _vm.kelas]
                             ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
+                                "button",
+                                {
+                                  staticClass: "btn btn-light",
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.modalOpen("tambah", "")
+                                    },
+                                  },
+                                },
                                 [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(_vm.errors.first("form.tp_id")) +
-                                      "\n\t\t\t\t\t\t\t\t"
-                                  ),
+                                  _c("i", { staticClass: "icon-plus3" }),
+                                  _vm._v(" Tambah Keputusan"),
                                 ]
                               )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
+                            : _vm._e(),
                         ]
                       ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
+                      _vm._v(" "),
                       _c(
                         "div",
                         {
-                          staticClass: "form-group",
-                          class: { "has-error": _vm.errors.has("form.no_ba") },
+                          staticClass:
+                            "col-md-5 col-lg-3 text-right d-none d-sm-block",
                         },
                         [
                           _c(
-                            "h6",
+                            "button",
                             {
-                              class: {
-                                "text-danger": _vm.errors.has("form.no_ba"),
+                              staticClass: "btn btn-light",
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.back.apply(null, arguments)
+                                },
                               },
                             },
                             [
-                              _vm.errors.has("form.no_ba")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\tNo. BA: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
+                              _c("i", { staticClass: "icon-arrow-left13" }),
+                              _vm._v(" Kembali"),
+                            ]
                           ),
-                          _vm._v(" "),
-                          _c("cleave", {
-                            directives: [
-                              {
-                                name: "validate",
-                                rawName: "v-validate",
-                                value: "required",
-                                expression: "'required'",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              name: "no_ba",
-                              options: _vm.cleaveOption.number16,
-                              placeholder: "Silahkan masukkan no buku anggota",
-                              "data-vv-as": "No. Buku Anggota",
-                            },
-                            model: {
-                              value: _vm.form.no_ba,
-                              callback: function ($$v) {
-                                _vm.$set(_vm.form, "no_ba", $$v)
-                              },
-                              expression: "form.no_ba",
-                            },
-                          }),
-                          _vm._v(" "),
-                          _vm.errors.has("form.no_ba")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(_vm.errors.first("form.no_ba")) +
-                                      "\n\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                        ],
-                        1
+                        ]
                       ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
+                      _vm._v(" "),
                       _c(
                         "div",
-                        {
-                          staticClass: "form-group",
-                          class: {
-                            "has-error": _vm.errors.has("form.tanggal_masuk"),
-                          },
-                        },
+                        { staticClass: "col-md-12 d-block d-sm-none" },
                         [
+                          _vm.currentUser.can &&
+                          _vm.currentUser.can["create_" + _vm.kelas]
+                            ? _c(
+                                "button",
+                                {
+                                  staticClass: "btn btn-light btn-block mb-1",
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.modalOpen("tambah", "")
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("i", { staticClass: "icon-plus3" }),
+                                  _vm._v(" Tambah Keputusan"),
+                                ]
+                              )
+                            : _vm._e(),
+                          _vm._v(" "),
                           _c(
-                            "h6",
+                            "button",
                             {
-                              class: {
-                                "text-danger":
-                                  _vm.errors.has("form.tanggal_masuk"),
+                              staticClass: "btn btn-light btn-block",
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.back.apply(null, arguments)
+                                },
                               },
                             },
                             [
-                              _vm.errors.has("form.tanggal_masuk")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\tTgl. Jadi Anggota: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
+                              _c("i", { staticClass: "icon-arrow-left13" }),
+                              _vm._v(" Kembali"),
+                            ]
                           ),
-                          _vm._v(" "),
-                          _c("date-picker", {
-                            attrs: { defaultDate: _vm.form.tanggal_masuk },
-                            on: {
-                              dateSelected: function ($event) {
-                                _vm.form.tanggal_masuk = $event
-                              },
-                            },
-                          }),
-                          _vm._v(" "),
-                          _c("input", {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.tanggal_masuk,
-                                expression: "form.tanggal_masuk",
-                              },
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: false,
-                                expression: "false",
-                              },
-                              {
-                                name: "validate",
-                                rawName: "v-validate",
-                                value: "required",
-                                expression: "'required'",
-                              },
-                            ],
-                            attrs: { "data-vv-as": "Tgl. jadi anggota" },
-                            domProps: { value: _vm.form.tanggal_masuk },
-                            on: {
-                              input: function ($event) {
-                                if ($event.target.composing) {
-                                  return
-                                }
-                                _vm.$set(
-                                  _vm.form,
-                                  "tanggal_masuk",
-                                  $event.target.value
-                                )
-                              },
-                            },
-                          }),
-                          _vm._v(" "),
-                          _vm.errors.has("form.tanggal_masuk")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(
-                                        _vm.errors.first("form.tanggal_masuk")
-                                      ) +
-                                      "\n\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                        ],
-                        1
+                        ]
                       ),
                     ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-12" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c("h6", [
-                          _vm._v("\n\t\t\t\t\t\t\t\tKeterangan Jadi Anggota:"),
-                        ]),
-                        _vm._v(" "),
-                        _c("input", {
-                          directives: [
-                            {
-                              name: "model",
-                              rawName: "v-model",
-                              value: _vm.form.keterangan_masuk,
-                              expression: "form.keterangan_masuk",
-                            },
-                          ],
-                          staticClass: "form-control",
-                          attrs: {
-                            type: "text",
-                            name: "keterangan_masuk",
-                            placeholder: "Silahkan masukkan keterangan masuk",
-                          },
-                          domProps: { value: _vm.form.keterangan_masuk },
-                          on: {
-                            input: function ($event) {
-                              if ($event.target.composing) {
-                                return
-                              }
-                              _vm.$set(
-                                _vm.form,
-                                "keterangan_masuk",
-                                $event.target.value
-                              )
-                            },
-                          },
-                        }),
-                      ]),
-                    ]),
-                  ]),
-                ]),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.currentUser && _vm.currentUser.id_cu == 0
-            ? _c(
-                "div",
-                { staticClass: "card" },
-                [
-                  _c("div", { staticClass: "card-header bg-white" }, [
-                    _c(
-                      "h5",
-                      { staticClass: "card-title" },
-                      [_vm._v("CU "), _c("wajib-badge")],
-                      1
-                    ),
                   ]),
                   _vm._v(" "),
-                  _c("div", { staticClass: "card-body pb-2" }, [
-                    _c("div", { staticClass: "row" }, [
-                      _vm.form.status_jalinan != 1 &&
-                      _vm.form.status_jalinan != 2
-                        ? _c("div", { staticClass: "col-md-12" }, [
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("tambahCu")
-                                  },
-                                },
-                              },
-                              [
-                                _c("i", { staticClass: "icon-plus22" }),
-                                _vm._v(" Tambah\n\t\t\t\t\t\t"),
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                attrs: { disabled: !_vm.selectedItemCu.index },
-                                on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("ubahCu")
-                                  },
-                                },
-                              },
-                              [
-                                _c("i", { staticClass: "icon-pencil5" }),
-                                _vm._v(" Ubah\n\t\t\t\t\t\t"),
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "button",
+                  _vm.itemDataStat == "success"
+                    ? _c("div", [
+                        _vm.itemData.length > 0
+                          ? _c(
+                              "div",
                               {
-                                staticClass: "btn btn-light mb-1",
-                                attrs: { disabled: !_vm.selectedItemCu.index },
-                                on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("hapusCu")
-                                  },
-                                },
+                                staticClass:
+                                  "timeline timeline-left content-group",
                               },
                               [
-                                _c("i", { staticClass: "icon-bin2" }),
-                                _vm._v(" Hapus\n\t\t\t\t\t\t"),
-                              ]
-                            ),
-                          ])
-                        : _vm._e(),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("data-table", {
-                    attrs: {
-                      items: _vm.itemDataCu,
-                      columnData: _vm.columnDataCu,
-                      itemDataStat: _vm.itemDataCuStat,
-                    },
-                    scopedSlots: _vm._u(
-                      [
-                        {
-                          key: "item-desktop",
-                          fn: function (props) {
-                            return [
-                              props.item
-                                ? _c(
-                                    "tr",
-                                    {
-                                      staticClass: "text-nowrap",
-                                      class: {
-                                        "bg-info":
-                                          _vm.selectedItemCu.index ===
-                                          props.index + 1,
-                                      },
-                                      on: {
-                                        click: function ($event) {
-                                          return _vm.selectedCuRow(
-                                            props.index,
-                                            props.item
-                                          )
-                                        },
+                                _c(
+                                  "div",
+                                  { staticClass: "timeline-container" },
+                                  _vm._l(_vm.itemData, function (pc, index) {
+                                    return _c(
+                                      "div",
+                                      {
+                                        key: index,
+                                        staticClass: "timeline-row",
                                       },
-                                    },
-                                    [
-                                      _c("td", [
-                                        _vm._v(_vm._s(props.index + 1)),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          props.item.cu
-                                            ? _c("check-value", {
-                                                attrs: {
-                                                  value: props.item.cu.name,
-                                                },
-                                              })
-                                            : _c("span", [_vm._v("-")]),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          props.item.tp
-                                            ? _c("check-value", {
-                                                attrs: {
-                                                  value: props.item.tp.name,
-                                                },
-                                              })
-                                            : _c("span", [_vm._v("-")]),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          _c("check-value", {
-                                            attrs: { value: props.item.no_ba },
-                                          }),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          _c("check-value", {
-                                            attrs: {
-                                              value:
-                                                props.item.keterangan_masuk,
-                                            },
-                                          }),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c("td", {
-                                        staticClass: "text-nowrap",
-                                        domProps: {
-                                          innerHTML: _vm._s(
-                                            _vm.$options.filters.date(
-                                              props.item.tanggal_masuk
-                                            )
+                                      [
+                                        _c(
+                                          "div",
+                                          { staticClass: "timeline-icon" },
+                                          [
+                                            _c(
+                                              "div",
+                                              { staticClass: "bg-blue" },
+                                              [
+                                                _vm._v(
+                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                    _vm._s(index + 1) +
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
+                                            ),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _c("div", { staticClass: "row" }, [
+                                          _c(
+                                            "div",
+                                            { staticClass: "col-sm-12" },
+                                            [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card" },
+                                                [
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass:
+                                                        "card-header bg-white",
+                                                    },
+                                                    [
+                                                      _c("span", {
+                                                        staticClass:
+                                                          "badge badge-primary",
+                                                        domProps: {
+                                                          innerHTML: _vm._s(
+                                                            _vm.$options.filters.dateTime(
+                                                              pc.created_at
+                                                            )
+                                                          ),
+                                                        },
+                                                      }),
+                                                    ]
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass: "card-body",
+                                                    },
+                                                    [
+                                                      _c(
+                                                        "div",
+                                                        { staticClass: "row" },
+                                                        [
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "col-md-6",
+                                                            },
+                                                            [
+                                                              _c("h5", [
+                                                                _vm._v(
+                                                                  "Pencapaian:"
+                                                                ),
+                                                              ]),
+                                                              _vm._v(" "),
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "card card-body bg-light",
+                                                                },
+                                                                [
+                                                                  pc.pencapaian
+                                                                    ? _c(
+                                                                        "span",
+                                                                        {
+                                                                          domProps:
+                                                                            {
+                                                                              innerHTML:
+                                                                                _vm._s(
+                                                                                  pc.pencapaian
+                                                                                ),
+                                                                            },
+                                                                        }
+                                                                      )
+                                                                    : _c(
+                                                                        "span",
+                                                                        [
+                                                                          _vm._v(
+                                                                            "-"
+                                                                          ),
+                                                                        ]
+                                                                      ),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "col-md-6",
+                                                            },
+                                                            [
+                                                              _c("h5", [
+                                                                _vm._v(
+                                                                  "Bukti-bukti:"
+                                                                ),
+                                                              ]),
+                                                              _vm._v(" "),
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "card card-body bg-light",
+                                                                },
+                                                                [
+                                                                  pc.bukti
+                                                                    ? _c(
+                                                                        "span",
+                                                                        {
+                                                                          domProps:
+                                                                            {
+                                                                              innerHTML:
+                                                                                _vm._s(
+                                                                                  pc.bukti
+                                                                                ),
+                                                                            },
+                                                                        }
+                                                                      )
+                                                                    : _c(
+                                                                        "span",
+                                                                        [
+                                                                          _vm._v(
+                                                                            "-"
+                                                                          ),
+                                                                        ]
+                                                                      ),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "col-md-6",
+                                                            },
+                                                            [
+                                                              _c("h5", [
+                                                                _vm._v(
+                                                                  "Kendala:"
+                                                                ),
+                                                              ]),
+                                                              _vm._v(" "),
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "card card-body bg-light",
+                                                                },
+                                                                [
+                                                                  pc.kendala
+                                                                    ? _c(
+                                                                        "span",
+                                                                        {
+                                                                          domProps:
+                                                                            {
+                                                                              innerHTML:
+                                                                                _vm._s(
+                                                                                  pc.kendala
+                                                                                ),
+                                                                            },
+                                                                        }
+                                                                      )
+                                                                    : _c(
+                                                                        "span",
+                                                                        [
+                                                                          _vm._v(
+                                                                            "-"
+                                                                          ),
+                                                                        ]
+                                                                      ),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "col-md-6",
+                                                            },
+                                                            [
+                                                              _c("h5", [
+                                                                _vm._v(
+                                                                  "Tindak Lanjut:"
+                                                                ),
+                                                              ]),
+                                                              _vm._v(" "),
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "card card-body bg-light",
+                                                                },
+                                                                [
+                                                                  pc.tindak
+                                                                    ? _c(
+                                                                        "span",
+                                                                        {
+                                                                          domProps:
+                                                                            {
+                                                                              innerHTML:
+                                                                                _vm._s(
+                                                                                  pc.tindak
+                                                                                ),
+                                                                            },
+                                                                        }
+                                                                      )
+                                                                    : _c(
+                                                                        "span",
+                                                                        [
+                                                                          _vm._v(
+                                                                            "-"
+                                                                          ),
+                                                                        ]
+                                                                      ),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "col-md-12",
+                                                            },
+                                                            [
+                                                              _c("h5", [
+                                                                _vm._v("Foto:"),
+                                                              ]),
+                                                              _vm._v(" "),
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "card card-body d-flex align-items-center",
+                                                                },
+                                                                [
+                                                                  pc.gambar
+                                                                    ? _c(
+                                                                        "img",
+                                                                        {
+                                                                          staticClass:
+                                                                            "img-fluid",
+                                                                          attrs:
+                                                                            {
+                                                                              src:
+                                                                                "/images/monitoring/" +
+                                                                                pc.gambar +
+                                                                                ".jpg",
+                                                                            },
+                                                                        }
+                                                                      )
+                                                                    : _c(
+                                                                        "img",
+                                                                        {
+                                                                          staticStyle:
+                                                                            {
+                                                                              width:
+                                                                                "15em",
+                                                                            },
+                                                                          attrs:
+                                                                            {
+                                                                              src: "/images/no_image.jpg",
+                                                                            },
+                                                                        }
+                                                                      ),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass:
+                                                        "card-body pb-0",
+                                                    },
+                                                    [
+                                                      _c(
+                                                        "div",
+                                                        { staticClass: "row" },
+                                                        [
+                                                          _c(
+                                                            "div",
+                                                            {
+                                                              staticClass:
+                                                                "col-md-12",
+                                                            },
+                                                            [
+                                                              _c("h5", [
+                                                                _vm._v(
+                                                                  "Catatan PUSKOPCUINA:"
+                                                                ),
+                                                              ]),
+                                                              _vm._v(" "),
+                                                              _c(
+                                                                "div",
+                                                                {
+                                                                  staticClass:
+                                                                    "card card-body bg-light",
+                                                                },
+                                                                [
+                                                                  pc.catatan
+                                                                    ? _c(
+                                                                        "span",
+                                                                        {
+                                                                          domProps:
+                                                                            {
+                                                                              innerHTML:
+                                                                                _vm._s(
+                                                                                  pc.catatan
+                                                                                ),
+                                                                            },
+                                                                        }
+                                                                      )
+                                                                    : _c(
+                                                                        "span",
+                                                                        [
+                                                                          _vm._v(
+                                                                            "-"
+                                                                          ),
+                                                                        ]
+                                                                      ),
+                                                                ]
+                                                              ),
+                                                            ]
+                                                          ),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                  _vm._v(" "),
+                                                  _c(
+                                                    "div",
+                                                    {
+                                                      staticClass: "card-body",
+                                                    },
+                                                    [
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "d-none d-sm-block",
+                                                        },
+                                                        [
+                                                          _vm.currentUser.can &&
+                                                          _vm.currentUser.can[
+                                                            "update_" +
+                                                              _vm.kelas
+                                                          ] &&
+                                                          _vm.currentUser
+                                                            .id_cu == 0
+                                                            ? _c(
+                                                                "button",
+                                                                {
+                                                                  staticClass:
+                                                                    "btn btn-light mb-1",
+                                                                  on: {
+                                                                    click:
+                                                                      function (
+                                                                        $event
+                                                                      ) {
+                                                                        $event.preventDefault()
+                                                                        return _vm.modalOpen(
+                                                                          "catatan",
+                                                                          pc
+                                                                        )
+                                                                      },
+                                                                  },
+                                                                },
+                                                                [
+                                                                  !pc.catatan
+                                                                    ? _c(
+                                                                        "span",
+                                                                        [
+                                                                          _c(
+                                                                            "i",
+                                                                            {
+                                                                              staticClass:
+                                                                                "icon-plus3",
+                                                                            }
+                                                                          ),
+                                                                          _vm._v(
+                                                                            " Tambah Catatan PUSKOPCUINA"
+                                                                          ),
+                                                                        ]
+                                                                      )
+                                                                    : _c(
+                                                                        "span",
+                                                                        [
+                                                                          _c(
+                                                                            "i",
+                                                                            {
+                                                                              staticClass:
+                                                                                "icon-pencil5",
+                                                                            }
+                                                                          ),
+                                                                          _vm._v(
+                                                                            " Ubah Catatan PUSKOPCUINA"
+                                                                          ),
+                                                                        ]
+                                                                      ),
+                                                                ]
+                                                              )
+                                                            : _vm._e(),
+                                                          _vm._v(" "),
+                                                          _vm.currentUser.can &&
+                                                          _vm.currentUser.can[
+                                                            "update_" +
+                                                              _vm.kelas
+                                                          ]
+                                                            ? _c(
+                                                                "button",
+                                                                {
+                                                                  staticClass:
+                                                                    "btn btn-light mb-1",
+                                                                  on: {
+                                                                    click:
+                                                                      function (
+                                                                        $event
+                                                                      ) {
+                                                                        $event.preventDefault()
+                                                                        return _vm.modalOpen(
+                                                                          "ubah",
+                                                                          pc
+                                                                        )
+                                                                      },
+                                                                  },
+                                                                },
+                                                                [
+                                                                  _c("i", {
+                                                                    staticClass:
+                                                                      "icon-pencil5",
+                                                                  }),
+                                                                  _vm._v(
+                                                                    " Ubah"
+                                                                  ),
+                                                                ]
+                                                              )
+                                                            : _vm._e(),
+                                                          _vm._v(" "),
+                                                          _vm.currentUser.can &&
+                                                          _vm.currentUser.can[
+                                                            "update_" +
+                                                              _vm.kelas
+                                                          ]
+                                                            ? _c(
+                                                                "button",
+                                                                {
+                                                                  staticClass:
+                                                                    "btn btn-light mb-1",
+                                                                  on: {
+                                                                    click:
+                                                                      function (
+                                                                        $event
+                                                                      ) {
+                                                                        $event.preventDefault()
+                                                                        return _vm.modalOpen(
+                                                                          "hapus",
+                                                                          pc
+                                                                        )
+                                                                      },
+                                                                  },
+                                                                },
+                                                                [
+                                                                  _c("i", {
+                                                                    staticClass:
+                                                                      "icon-bin2",
+                                                                  }),
+                                                                  _vm._v(
+                                                                    " Hapus"
+                                                                  ),
+                                                                ]
+                                                              )
+                                                            : _vm._e(),
+                                                        ]
+                                                      ),
+                                                      _vm._v(" "),
+                                                      _c(
+                                                        "div",
+                                                        {
+                                                          staticClass:
+                                                            "d-block d-sm-none",
+                                                        },
+                                                        [
+                                                          _vm.currentUser.can &&
+                                                          _vm.currentUser.can[
+                                                            "update_" +
+                                                              _vm.kelas
+                                                          ] &&
+                                                          _vm.currentUser
+                                                            .id_cu == 0
+                                                            ? _c(
+                                                                "button",
+                                                                {
+                                                                  staticClass:
+                                                                    "btn btn-light btn-block mb-1",
+                                                                  on: {
+                                                                    click:
+                                                                      function (
+                                                                        $event
+                                                                      ) {
+                                                                        $event.preventDefault()
+                                                                        return _vm.modalOpen(
+                                                                          "catatan",
+                                                                          pc
+                                                                        )
+                                                                      },
+                                                                  },
+                                                                },
+                                                                [
+                                                                  !pc.catatan
+                                                                    ? _c(
+                                                                        "span",
+                                                                        [
+                                                                          _c(
+                                                                            "i",
+                                                                            {
+                                                                              staticClass:
+                                                                                "icon-plus3",
+                                                                            }
+                                                                          ),
+                                                                          _vm._v(
+                                                                            " Tambah Catatan PUSKOPCUINA"
+                                                                          ),
+                                                                        ]
+                                                                      )
+                                                                    : _c(
+                                                                        "span",
+                                                                        [
+                                                                          _c(
+                                                                            "i",
+                                                                            {
+                                                                              staticClass:
+                                                                                "icon-pencil5",
+                                                                            }
+                                                                          ),
+                                                                          _vm._v(
+                                                                            " Ubah Catatan PUSKOPCUINA"
+                                                                          ),
+                                                                        ]
+                                                                      ),
+                                                                ]
+                                                              )
+                                                            : _vm._e(),
+                                                          _vm._v(" "),
+                                                          _vm.currentUser.can &&
+                                                          _vm.currentUser.can[
+                                                            "update_" +
+                                                              _vm.kelas
+                                                          ]
+                                                            ? _c(
+                                                                "button",
+                                                                {
+                                                                  staticClass:
+                                                                    "btn btn-light btn-block mb-1",
+                                                                  on: {
+                                                                    click:
+                                                                      function (
+                                                                        $event
+                                                                      ) {
+                                                                        $event.preventDefault()
+                                                                        return _vm.modalOpen(
+                                                                          "ubah",
+                                                                          pc
+                                                                        )
+                                                                      },
+                                                                  },
+                                                                },
+                                                                [
+                                                                  _c("i", {
+                                                                    staticClass:
+                                                                      "icon-pencil5",
+                                                                  }),
+                                                                  _vm._v(
+                                                                    " Ubah"
+                                                                  ),
+                                                                ]
+                                                              )
+                                                            : _vm._e(),
+                                                          _vm._v(" "),
+                                                          _vm.currentUser.can &&
+                                                          _vm.currentUser.can[
+                                                            "update_" +
+                                                              _vm.kelas
+                                                          ]
+                                                            ? _c(
+                                                                "button",
+                                                                {
+                                                                  staticClass:
+                                                                    "btn btn-light btn-block mb-1",
+                                                                  on: {
+                                                                    click:
+                                                                      function (
+                                                                        $event
+                                                                      ) {
+                                                                        $event.preventDefault()
+                                                                        return _vm.modalOpen(
+                                                                          "hapus",
+                                                                          pc
+                                                                        )
+                                                                      },
+                                                                  },
+                                                                },
+                                                                [
+                                                                  _c("i", {
+                                                                    staticClass:
+                                                                      "icon-bin2",
+                                                                  }),
+                                                                  _vm._v(
+                                                                    " Hapus"
+                                                                  ),
+                                                                ]
+                                                              )
+                                                            : _vm._e(),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]
                                           ),
-                                        },
-                                      }),
-                                    ]
-                                  )
-                                : _vm._e(),
-                            ]
-                          },
-                        },
-                      ],
-                      null,
-                      false,
-                      1383002481
-                    ),
-                  }),
-                ],
-                1
-              )
-            : _vm._e(),
-          _vm._v(" "),
-          _c("form-info"),
-          _vm._v(" "),
-          _c("br"),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "card card-body" },
-            [
-              _c("form-button", {
-                attrs: {
-                  cancelState: "methods",
-                  formValidation: "form",
-                  confirmIcon: _vm.confirmIcon,
-                  confirmTitle: _vm.confirmTitle,
-                },
-                on: { cancelClick: _vm.back },
-              }),
+                                        ]),
+                                      ]
+                                    )
+                                  }),
+                                  0
+                                ),
+                              ]
+                            )
+                          : _vm._e(),
+                      ])
+                    : _vm.itemDataStat == "loading"
+                    ? _c("div", [_vm._m(1)])
+                    : _vm._e(),
+                ]),
+              ]),
             ],
             1
           ),
-        ],
-        1
-      ),
+        ]),
+      ]),
       _vm._v(" "),
       _c(
         "app-modal",
@@ -5032,12 +2802,13 @@ var render = function () {
             state: _vm.modalState,
             title: _vm.modalTitle,
             content: _vm.modalContent,
+            size: _vm.modalSize,
             color: _vm.modalColor,
           },
           on: {
             batal: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
             tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
             successOk: _vm.modalTutup,
             failOk: _vm.modalTutup,
             backgroundClick: _vm.modalBackgroundClick,
@@ -5045,20 +2816,16 @@ var render = function () {
         },
         [
           _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+            _vm._v("\n\t\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t\t"),
           ]),
           _vm._v(" "),
           _c(
             "template",
-            { slot: "modal-body3" },
+            { slot: "modal-body1" },
             [
-              _c("form-cu", {
-                attrs: { mode: _vm.formCuMode, selected: _vm.selectedItemCu },
-                on: {
-                  createCu: _vm.createCu,
-                  editCu: _vm.editCu,
-                  tutup: _vm.modalTutup,
-                },
+              _c("form-pencapaian", {
+                attrs: { mode: _vm.modalFormState, selected: _vm.selectedItem },
+                on: { tutup: _vm.modalTutup },
               }),
             ],
             1
@@ -5070,115 +2837,42 @@ var render = function () {
     1
   )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Identitas Anggota")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("h6", [
-      _vm._v(" Tinggi "),
-      _c("small", [_vm._v("(cm)")]),
-      _vm._v(":"),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Riwayat")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Alamat & Kontak")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("CU")]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=template&id=50694320&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=template&id=50694320& ***!
-  \************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [_c("form-edit", { attrs: { mode: "edit" } })],
-            1
-          ),
-        ]),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Temuan")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=template&id=36153802&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=template&id=36153802& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=template&id=5a8b8bd6&":
+/*!******************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=template&id=5a8b8bd6& ***!
+  \******************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -5194,7 +2888,7 @@ var render = function () {
     _c(
       "form",
       {
-        attrs: { "data-vv-scope": "formDataCu" },
+        attrs: { "data-vv-scope": "formDataLanjut" },
         on: {
           submit: function ($event) {
             $event.preventDefault()
@@ -5215,413 +2909,222 @@ var render = function () {
           : _vm._e(),
         _vm._v(" "),
         _c("div", { staticClass: "row" }, [
-          _vm.currentUser.id_cu === 0
+          _vm.mode != "catatan"
             ? _c("div", { staticClass: "col-md-6" }, [
-                _c(
-                  "div",
-                  {
-                    staticClass: "form-group",
-                    class: { "has-error": _vm.errors.has("formDataCu.cu_id") },
-                  },
-                  [
-                    _c(
-                      "h5",
+                _c("div", { staticClass: "form-group" }, [
+                  _c("h6", [_vm._v("Pencapaian:")]),
+                  _vm._v(" "),
+                  _c("textarea", {
+                    directives: [
                       {
-                        class: {
-                          "text-danger": _vm.errors.has("formDataCu.cu_id"),
-                        },
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.formDataLanjut.pencapaian,
+                        expression: "formDataLanjut.pencapaian",
                       },
-                      [
-                        _vm.errors.has("formDataCu.cu_id")
-                          ? _c("i", { staticClass: "icon-cross2" })
-                          : _vm._e(),
-                        _vm._v("\n\t\t\t\t\tCU: "),
-                        _c("wajib-badge"),
-                      ],
-                      1
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.formDataCu.cu_id,
-                            expression: "formDataCu.cu_id",
-                          },
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required",
-                            expression: "'required'",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          name: "cu_id",
-                          "data-width": "100%",
-                          "data-vv-as": "CU",
-                          disabled: _vm.modelCU.length === 0,
-                        },
-                        on: {
-                          change: [
-                            function ($event) {
-                              var $$selectedVal = Array.prototype.filter
-                                .call($event.target.options, function (o) {
-                                  return o.selected
-                                })
-                                .map(function (o) {
-                                  var val = "_value" in o ? o._value : o.value
-                                  return val
-                                })
-                              _vm.$set(
-                                _vm.formDataCu,
-                                "cu_id",
-                                $event.target.multiple
-                                  ? $$selectedVal
-                                  : $$selectedVal[0]
-                              )
-                            },
-                            function ($event) {
-                              return _vm.changeCu($event.target.value)
-                            },
-                          ],
-                        },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      rows: "3",
+                      cols: "3",
+                      placeholder: "Silahkan masukkan pencapaian",
+                    },
+                    domProps: { value: _vm.formDataLanjut.pencapaian },
+                    on: {
+                      input: function ($event) {
+                        if ($event.target.composing) {
+                          return
+                        }
+                        _vm.$set(
+                          _vm.formDataLanjut,
+                          "pencapaian",
+                          $event.target.value
+                        )
                       },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "0" } }, [
-                          _vm.modelCUStat === "loading"
-                            ? _c("span", [_vm._v("Mohon tunggu...")])
-                            : _c("span", [_vm._v("Silahkan pilih CU")]),
-                        ]),
-                        _vm._v(" "),
-                        _vm._l(_vm.modelCU, function (cu, index) {
-                          return _c(
-                            "option",
-                            { key: index, domProps: { value: cu.id } },
-                            [_vm._v(_vm._s(cu.name))]
-                          )
-                        }),
-                      ],
-                      2
-                    ),
-                    _vm._v(" "),
-                    _vm.errors.has("formDataCu.cu_id")
-                      ? _c("small", { staticClass: "text-muted text-danger" }, [
-                          _c("i", { staticClass: "icon-arrow-small-right" }),
-                          _vm._v(
-                            " " +
-                              _vm._s(_vm.errors.first("formDataCu.cu_id")) +
-                              "\n\t\t\t\t"
-                          ),
-                        ])
-                      : _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" "),
-                        ]),
-                  ]
-                ),
+                    },
+                  }),
+                ]),
               ])
             : _vm._e(),
           _vm._v(" "),
-          _c("div", { staticClass: "col-md-6" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: { "has-error": _vm.errors.has("formDataCu.tp_id") },
-              },
-              [
-                _c(
-                  "h6",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has("formDataCu.tp_id"),
-                    },
-                  },
-                  [
-                    _vm.errors.has("formDataCu.tp_id")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tTP/KP: "),
-                    _c("wajib-badge"),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
+          _vm.mode != "catatan"
+            ? _c("div", { staticClass: "col-md-6" }, [
+                _c("div", { staticClass: "form-group" }, [
+                  _c("h6", [_vm._v("Bukti-bukti:")]),
+                  _vm._v(" "),
+                  _c("textarea", {
                     directives: [
                       {
                         name: "model",
                         rawName: "v-model",
-                        value: _vm.formDataCu.tp_id,
-                        expression: "formDataCu.tp_id",
+                        value: _vm.formDataLanjut.bukti,
+                        expression: "formDataLanjut.bukti",
                       },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      rows: "3",
+                      cols: "3",
+                      placeholder: "Silahkan masukkan bukti",
+                    },
+                    domProps: { value: _vm.formDataLanjut.bukti },
+                    on: {
+                      input: function ($event) {
+                        if ($event.target.composing) {
+                          return
+                        }
+                        _vm.$set(
+                          _vm.formDataLanjut,
+                          "bukti",
+                          $event.target.value
+                        )
+                      },
+                    },
+                  }),
+                ]),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.mode != "catatan"
+            ? _c("div", { staticClass: "col-md-6" }, [
+                _c("div", { staticClass: "form-group" }, [
+                  _c("h6", [_vm._v("Kendala:")]),
+                  _vm._v(" "),
+                  _c("textarea", {
+                    directives: [
                       {
-                        name: "validate",
-                        rawName: "v-validate",
-                        value: "required",
-                        expression: "'required'",
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.formDataLanjut.kendala,
+                        expression: "formDataLanjut.kendala",
                       },
                     ],
                     staticClass: "form-control",
                     attrs: {
-                      name: "id_tp",
-                      "data-width": "100%",
-                      "data-vv-as": "TP/KP",
+                      rows: "3",
+                      cols: "3",
+                      placeholder: "Silahkan masukkan kendala",
                     },
+                    domProps: { value: _vm.formDataLanjut.kendala },
                     on: {
-                      change: [
-                        function ($event) {
-                          var $$selectedVal = Array.prototype.filter
-                            .call($event.target.options, function (o) {
-                              return o.selected
-                            })
-                            .map(function (o) {
-                              var val = "_value" in o ? o._value : o.value
-                              return val
-                            })
-                          _vm.$set(
-                            _vm.formDataCu,
-                            "tp_id",
-                            $event.target.multiple
-                              ? $$selectedVal
-                              : $$selectedVal[0]
-                          )
-                        },
-                        function ($event) {
-                          return _vm.changeTp($event.target.value)
-                        },
-                      ],
+                      input: function ($event) {
+                        if ($event.target.composing) {
+                          return
+                        }
+                        _vm.$set(
+                          _vm.formDataLanjut,
+                          "kendala",
+                          $event.target.value
+                        )
+                      },
                     },
-                  },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm.modelTpStat === "loading"
-                        ? _c("span", [_vm._v("Mohon tunggu...")])
-                        : _c("span", [_vm._v("Silahkan pilih TP/KP")]),
-                    ]),
-                    _vm._v(" "),
-                    _vm._l(_vm.modelTp, function (tp, index) {
-                      return _c(
-                        "option",
-                        { key: index, domProps: { value: tp.id } },
-                        [_vm._v(_vm._s(tp.name))]
-                      )
-                    }),
-                  ],
-                  2
-                ),
-                _vm._v(" "),
-                _vm.errors.has("formDataCu.tp_id")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formDataCu.tp_id")) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-              ]
-            ),
-          ]),
+                  }),
+                ]),
+              ])
+            : _vm._e(),
           _vm._v(" "),
-          _c("div", { staticClass: "col-md-6" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: { "has-error": _vm.errors.has("formDataCu.no_ba") },
-              },
-              [
-                _c(
-                  "h5",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has("formDataCu.no_ba"),
-                    },
-                  },
-                  [
-                    _vm.errors.has("formDataCu.no_ba")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tNo. BA: "),
-                    _c("wajib-badge"),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c("cleave", {
-                  directives: [
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
+          _vm.mode != "catatan"
+            ? _c("div", { staticClass: "col-md-6" }, [
+                _c("div", { staticClass: "form-group" }, [
+                  _c("h6", [_vm._v("Tindak Lanjut:")]),
+                  _vm._v(" "),
+                  _c("textarea", {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.formDataLanjut.tindak,
+                        expression: "formDataLanjut.tindak",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      rows: "3",
+                      cols: "3",
+                      placeholder: "Silahkan masukkan tindak lanjut",
                     },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "anggota_no_ba",
-                    options: _vm.cleaveOption.number16,
-                    placeholder: "Silahkan masukkan no buku anggota",
-                    "data-vv-as": "No. Buku Anggota",
-                  },
-                  model: {
-                    value: _vm.formDataCu.no_ba,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.formDataCu, "no_ba", $$v)
+                    domProps: { value: _vm.formDataLanjut.tindak },
+                    on: {
+                      input: function ($event) {
+                        if ($event.target.composing) {
+                          return
+                        }
+                        _vm.$set(
+                          _vm.formDataLanjut,
+                          "tindak",
+                          $event.target.value
+                        )
+                      },
                     },
-                    expression: "formDataCu.no_ba",
-                  },
-                }),
-                _vm._v(" "),
-                _vm.errors.has("formDataCu.no_ba")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formDataCu.no_ba")) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [
-                      _vm._v(" \n\t\t\t\t"),
-                    ]),
-              ],
-              1
-            ),
-          ]),
+                  }),
+                ]),
+              ])
+            : _vm._e(),
           _vm._v(" "),
-          _c("div", { staticClass: "col-md-6" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: {
-                  "has-error": _vm.errors.has("formDataCu.tanggal_masuk"),
-                },
-              },
-              [
+          _vm.mode != "catatan"
+            ? _c("div", { staticClass: "col-md-12" }, [
                 _c(
-                  "h5",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has("formDataCu.tanggal_masuk"),
-                    },
-                  },
+                  "div",
+                  { staticClass: "form-group" },
                   [
-                    _vm.errors.has("formDataCu.tanggal_masuk")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tTgl. Jadi Anggota: "),
-                    _c("wajib-badge"),
+                    _c("h6", [_vm._v("Upload Foto:")]),
+                    _vm._v(" "),
+                    _c("app-image-upload", {
+                      attrs: {
+                        image_loc: "/images/monitoring/",
+                        image_temp: _vm.formDataLanjut.gambar,
+                      },
+                      model: {
+                        value: _vm.formDataLanjut.gambar,
+                        callback: function ($$v) {
+                          _vm.$set(_vm.formDataLanjut, "gambar", $$v)
+                        },
+                        expression: "formDataLanjut.gambar",
+                      },
+                    }),
                   ],
                   1
                 ),
-                _vm._v(" "),
-                _c("date-picker", {
-                  attrs: { defaultDate: _vm.formDataCu.tanggal_masuk },
-                  on: {
-                    dateSelected: function ($event) {
-                      _vm.formDataCu.tanggal_masuk = $event
-                    },
-                  },
-                }),
-                _vm._v(" "),
-                _c("input", {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.formDataCu.tanggal_masuk,
-                      expression: "formDataCu.tanggal_masuk",
-                    },
-                    {
-                      name: "show",
-                      rawName: "v-show",
-                      value: false,
-                      expression: "false",
-                    },
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.mode == "catatan"
+            ? _c("div", { staticClass: "col-md-12" }, [
+                _c("div", { staticClass: "form-group" }, [
+                  _c("h6", [_vm._v("Catatan BKCU:")]),
+                  _vm._v(" "),
+                  _c("textarea", {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.formDataLanjut.catatan,
+                        expression: "formDataLanjut.catatan",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      rows: "3",
+                      cols: "3",
+                      placeholder: "Silahkan masukkan catatan bkcu",
                     },
-                  ],
-                  attrs: { "data-vv-as": "Tgl. jadi anggota" },
-                  domProps: { value: _vm.formDataCu.tanggal_masuk },
-                  on: {
-                    input: function ($event) {
-                      if ($event.target.composing) {
-                        return
-                      }
-                      _vm.$set(
-                        _vm.formDataCu,
-                        "tanggal_masuk",
-                        $event.target.value
-                      )
+                    domProps: { value: _vm.formDataLanjut.catatan },
+                    on: {
+                      input: function ($event) {
+                        if ($event.target.composing) {
+                          return
+                        }
+                        _vm.$set(
+                          _vm.formDataLanjut,
+                          "catatan",
+                          $event.target.value
+                        )
+                      },
                     },
-                  },
-                }),
-                _vm._v(" "),
-                _vm.errors.has("formDataCu.tanggal_masuk")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formDataCu.tanggal_masuk")) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [
-                      _vm._v(" \n\t\t\t\t"),
-                    ]),
-              ],
-              1
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-md-12" }, [
-            _c("div", { staticClass: "form-group" }, [
-              _c("h6", [_vm._v("Keterangan Jadi Anggota:")]),
-              _vm._v(" "),
-              _c("input", {
-                directives: [
-                  {
-                    name: "model",
-                    rawName: "v-model",
-                    value: _vm.formDataCu.keterangan_masuk,
-                    expression: "formDataCu.keterangan_masuk",
-                  },
-                ],
-                staticClass: "form-control",
-                attrs: {
-                  type: "text",
-                  name: "keterangan_masuk",
-                  placeholder: "Silahkan masukkan keterangan masuk",
-                },
-                domProps: { value: _vm.formDataCu.keterangan_masuk },
-                on: {
-                  input: function ($event) {
-                    if ($event.target.composing) {
-                      return
-                    }
-                    _vm.$set(
-                      _vm.formDataCu,
-                      "keterangan_masuk",
-                      $event.target.value
-                    )
-                  },
-                },
-              }),
-            ]),
-          ]),
+                  }),
+                ]),
+              ])
+            : _vm._e(),
         ]),
         _vm._v(" "),
         _c("hr"),
@@ -5646,7 +3149,10 @@ var render = function () {
             "button",
             {
               staticClass: "btn btn-primary",
-              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
+              attrs: {
+                type: "submit",
+                disabled: _vm.formDataLanjut.cu_id == "",
+              },
             },
             [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
           ),
@@ -5657,7 +3163,10 @@ var render = function () {
             "button",
             {
               staticClass: "btn btn-primary btn-block pb-2",
-              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
+              attrs: {
+                type: "submit",
+                disabled: _vm.formDataLanjut.cu_id == "",
+              },
             },
             [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
           ),
@@ -5687,6 +3196,107 @@ render._withStripped = true
 
 
 
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/pic.vue?vue&type=template&id=38acd236&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/pic.vue?vue&type=template&id=38acd236& ***!
+  \*******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _vm.itemDataStat != "success"
+      ? _c("div", { staticClass: "progress mb-3" }, [_vm._m(0)])
+      : _c("span", [
+          _c("div", { staticClass: "media mt-0 mb-3" }, [
+            _c("div", { staticClass: "mr-3 mb-2 mb-0" }, [
+              _c("div", { staticClass: "card-img-actions" }, [
+                _vm.itemData && _vm.itemData.gambar
+                  ? _c("img", {
+                      staticClass: "img-fluid img-preview img-rounded",
+                      attrs: {
+                        src: "/images/aktivis/" + _vm.itemData.gambar + "n.jpg",
+                      },
+                    })
+                  : _c("img", {
+                      staticClass: "img-fluid img-preview img-rounded",
+                      attrs: { src: "/images/no_image_man.jpg" },
+                    }),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "media-body" }, [
+              _c("b", [_vm._v(_vm._s(_vm.title))]),
+              _vm._v(" "),
+              _c("br"),
+              _vm._v(" "),
+              _c("b", [_vm._v("Nama:")]),
+              _vm._v(
+                "\n        " +
+                  _vm._s(_vm.itemData ? _vm.itemData.name : "-") +
+                  "\n        "
+              ),
+              _c("br"),
+              _vm._v(" "),
+              _c("b", [_vm._v("Tingkat:")]),
+              _vm._v(
+                "\n        " +
+                  _vm._s(
+                    _vm.itemData && _vm.itemData.pekerjaan_aktif
+                      ? _vm.$options.filters.checkTingkatAktivis(
+                          _vm.itemData.pekerjaan_aktif.tingkat
+                        )
+                      : ""
+                  ) +
+                  "\n        "
+              ),
+              _c("br"),
+              _vm._v(" "),
+              _c("b", [_vm._v("Jabatan:")]),
+              _vm._v(
+                "\n        " +
+                  _vm._s(
+                    _vm.itemData && _vm.itemData.pekerjaan_aktif
+                      ? _vm.itemData.pekerjaan_aktif.name
+                      : ""
+                  ) +
+                  "\n        "
+              ),
+              _c("br"),
+            ]),
+          ]),
+        ]),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass:
+          "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+        staticStyle: { width: "100%" },
+      },
+      [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+    )
+  },
+]
+render._withStripped = true
+
+
+
 /***/ }),
 
 /***/ "./resources/assets/js/components/ImageUpload.vue":
@@ -5827,17 +3437,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue":
+/***/ "./resources/assets/js/components/checkbox.vue":
 /*!*****************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue ***!
+  !*** ./resources/assets/js/components/checkbox.vue ***!
   \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* harmony import */ var _checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkbox.vue?vue&type=template&id=7d32a75a& */ "./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&");
+/* harmony import */ var _checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkbox.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -5847,9 +3457,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5859,38 +3469,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/formInfo.vue"
+component.options.__file = "resources/assets/js/components/checkbox.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&":
 /*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js& ***!
   \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkbox.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/***/ "./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&":
 /*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  !*** ./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a& ***!
   \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkbox.vue?vue&type=template&id=7d32a75a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkbox.vue?vue&type=template&id=7d32a75a&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkbox_vue_vue_type_template_id_7d32a75a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
@@ -6085,17 +3695,17 @@ function objectToFormData(obj, form, namespace) {
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/edit.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/edit.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/monitoring/detail.vue":
+/*!*********************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/detail.vue ***!
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _edit_vue_vue_type_template_id_1b0cacb6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./edit.vue?vue&type=template&id=1b0cacb6& */ "./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=template&id=1b0cacb6&");
-/* harmony import */ var _edit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./edit.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=script&lang=js&");
+/* harmony import */ var _detail_vue_vue_type_template_id_2827a256___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=2827a256& */ "./resources/assets/js/views/monitoring/detail.vue?vue&type=template&id=2827a256&");
+/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/detail.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -6105,9 +3715,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _edit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _edit_vue_vue_type_template_id_1b0cacb6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _edit_vue_vue_type_template_id_1b0cacb6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _detail_vue_vue_type_template_id_2827a256___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _detail_vue_vue_type_template_id_2827a256___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -6117,54 +3727,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCuDraft/edit.vue"
+component.options.__file = "resources/assets/js/views/monitoring/detail.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/detail.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/detail.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_edit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./edit.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_edit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/detail.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=template&id=1b0cacb6&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=template&id=1b0cacb6& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/detail.vue?vue&type=template&id=2827a256&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/detail.vue?vue&type=template&id=2827a256& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_edit_vue_vue_type_template_id_1b0cacb6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./edit.vue?vue&type=template&id=1b0cacb6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=template&id=1b0cacb6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_edit_vue_vue_type_template_id_1b0cacb6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_2827a256___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=2827a256& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/detail.vue?vue&type=template&id=2827a256&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_2827a256___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_edit_vue_vue_type_template_id_1b0cacb6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_2827a256___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/form.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/form.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/monitoring/formPencapaian.vue":
+/*!*****************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/formPencapaian.vue ***!
+  \*****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_50694320___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=50694320& */ "./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=template&id=50694320&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formPencapaian_vue_vue_type_template_id_5a8b8bd6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPencapaian.vue?vue&type=template&id=5a8b8bd6& */ "./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=template&id=5a8b8bd6&");
+/* harmony import */ var _formPencapaian_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPencapaian.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -6174,9 +3784,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_50694320___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_50694320___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formPencapaian_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formPencapaian_vue_vue_type_template_id_5a8b8bd6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formPencapaian_vue_vue_type_template_id_5a8b8bd6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -6186,54 +3796,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCuDraft/form.vue"
+component.options.__file = "resources/assets/js/views/monitoring/formPencapaian.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPencapaian_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPencapaian.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPencapaian_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=template&id=50694320&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=template&id=50694320& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=template&id=5a8b8bd6&":
+/*!************************************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=template&id=5a8b8bd6& ***!
+  \************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_50694320___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=50694320& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=template&id=50694320&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_50694320___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPencapaian_vue_vue_type_template_id_5a8b8bd6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPencapaian.vue?vue&type=template&id=5a8b8bd6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formPencapaian.vue?vue&type=template&id=5a8b8bd6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPencapaian_vue_vue_type_template_id_5a8b8bd6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_50694320___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPencapaian_vue_vue_type_template_id_5a8b8bd6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/formCu.vue":
-/*!*************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/formCu.vue ***!
-  \*************************************************************/
+/***/ "./resources/assets/js/views/monitoring/pic.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/pic.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formCu_vue_vue_type_template_id_36153802___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formCu.vue?vue&type=template&id=36153802& */ "./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=template&id=36153802&");
-/* harmony import */ var _formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formCu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=script&lang=js&");
+/* harmony import */ var _pic_vue_vue_type_template_id_38acd236___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pic.vue?vue&type=template&id=38acd236& */ "./resources/assets/js/views/monitoring/pic.vue?vue&type=template&id=38acd236&");
+/* harmony import */ var _pic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pic.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/pic.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -6243,9 +3853,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formCu_vue_vue_type_template_id_36153802___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formCu_vue_vue_type_template_id_36153802___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pic_vue_vue_type_template_id_38acd236___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pic_vue_vue_type_template_id_38acd236___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -6255,38 +3865,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCuDraft/formCu.vue"
+component.options.__file = "resources/assets/js/views/monitoring/pic.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/pic.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/pic.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./pic.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/pic.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=template&id=36153802&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=template&id=36153802& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/pic.vue?vue&type=template&id=38acd236&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/pic.vue?vue&type=template&id=38acd236& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_36153802___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCu.vue?vue&type=template&id=36153802& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=template&id=36153802&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_36153802___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pic_vue_vue_type_template_id_38acd236___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./pic.vue?vue&type=template&id=38acd236& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/pic.vue?vue&type=template&id=38acd236&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pic_vue_vue_type_template_id_38acd236___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_36153802___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pic_vue_vue_type_template_id_38acd236___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/47.js b/public/js/components/47.js
index 644946f4a..a04390138 100644
--- a/public/js/components/47.js
+++ b/public/js/components/47.js
@@ -84,22 +84,35 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
   \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -107,42 +120,53 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-
-
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['defaultDate'],
   components: {
-    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
+    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
+    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  props: {
+    value: {
+      "default": ''
+    },
+    frontText: {
+      "default": ''
+    },
+    trimLength: {
+      "default": 50
+    },
+    valueType: {
+      "default": 'trim'
+    },
+    empty: {
+      "default": '-'
+    }
   },
   data: function data() {
     return {
-      time: '',
-      dateVal: ''
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: ''
     };
   },
-  mounted: function mounted() {
-    if (this.defaultDate == '') {
-      var today = new Date();
-      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
-      this.time = date;
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    } else {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-      this.$emit('dateSelected', this.defaultDate);
-    }
-  },
-  watch: {
-    defaultDate: function defaultDate(newVal, oldVal) {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-    }
-  },
   methods: {
-    onChanged: function onChanged(event) {
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
+    modalOpen: function modalOpen() {
+      this.modalShow = true;
+      this.modalState = 'content-tutup';
+      this.modalContent = this.value;
+      this.modalButton = 'Tutup';
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    strip: function strip(html) {
+      var tmp = document.createElement("DIV");
+      tmp.innerHTML = html;
+      return tmp.textContent || tmp.innerText || "";
     }
   }
 });
@@ -172,37 +196,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
-});
-
-/***/ }),
-
 /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
@@ -357,36 +350,45 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/form.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/form.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
-/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _formCu_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./formCu.vue */ "./resources/assets/js/views/anggotaCuDraft/formCu.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 /* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_identitas_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/identitas.vue */ "./resources/assets/js/components/identitas.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+var _components;
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 //
@@ -1041,282 +1043,1018 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_6__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default.a,
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_13__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Tambah CU',
-      titleDesc: 'Menambah CU baru',
-      titleIcon: 'icon-plus3',
-      level: 2,
-      level2Title: 'CU',
-      kelas: 'cu',
-      redirect: '/cu/',
-      ckeditorNoImageConfig: {
-        toolbar: {
-          items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo']
-        },
-        table: {
-          contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']
-        }
-      },
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      cancelState: 'methods',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      submited: false
-    };
-  },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
-  watch: {
-    formStat: function formStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode == 'edit' || this.$route.meta.mode == 'profile') {
-          if (this.currentUser.id_cu !== 0 && this.currentUser.id_cu !== this.form.id) {
-            this.$router.push({
-              name: 'notFound'
-            });
-          }
-
-          this.changeProvinces(this.form.id_provinces);
-          this.changeRegencies(this.form.id_regencies);
-          this.changeDistricts(this.form.id_districts);
-        }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.$route.meta.mode == 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah ' + this.level2Title;
-        this.titleDesc = 'Mengubah ' + this.level2Title;
-        this.titleIcon = 'icon-pencil5';
-      } else if (this.$route.meta.mode == 'profile') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Profile ' + this.level2Title;
-        this.titleDesc = 'Mengubah profile ' + this.level2Title;
-        this.titleIcon = 'icon-office';
-        this.level = 1;
-        this.level2Title = '';
-        this.cancelState = '';
-      } else {
-        this.$store.dispatch(this.kelas + '/create');
-        this.title = 'Tambah ' + this.level2Title;
-        this.titleDesc = 'Menambah ' + this.level2Title;
-        this.titleIcon = 'icon-plus3';
-      }
-
-      this.$store.dispatch('provinces/get');
-    },
-    save: function save() {
-      var _this = this;
-
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_4__["toMulipartedForm"])(this.form, this.$route.meta.mode);
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.$route.meta.mode == 'edit' || _this.$route.meta.mode == 'profile') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/store', formData);
-          }
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
-    },
-    back: function back() {
-      this.$router.push({
-        name: this.kelas
-      });
-    },
-    changeProvinces: function changeProvinces(id) {
-      this.$store.dispatch('regencies/getProvinces', id);
-    },
-    changeRegencies: function changeRegencies(id) {
-      this.$store.dispatch('districts/getRegencies', id);
-    },
-    changeDistricts: function changeDistricts(id) {
-      this.$store.dispatch('villages/getDistricts', id);
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat === 'success' && this.$route.meta.mode == 'edit') {
-        this.$router.push(this.redirect);
-      }
-
-      this.modalShow = false;
-      this.submitedKategori = false;
-      this.submitedPenulis = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    },
-    processFile: function processFile(event) {
-      this.form.gambar = event.target.files[0];
-      console.log(event.target.files[0].name);
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('cu', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('provinces', {
-    modelProvinces: 'dataS',
-    modelProvincesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('regencies', {
-    modelRegencies: 'dataS',
-    modelRegenciesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('districts', {
-    modelDistricts: 'dataS',
-    modelDistrictsStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('villages', {
-    modelVillages: 'dataS',
-    modelVillagesStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
-
-// exports
-
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'nik'],
+  components: (_components = {
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formCu: _formCu_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default.a,
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__["default"]
+  }, _defineProperty(_components, "appImageUpload", _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"]), _defineProperty(_components, "infoIcon", _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_12__["default"]), _defineProperty(_components, "wajibBadge", _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_13__["default"]), _defineProperty(_components, "identitas", _components_identitas_vue__WEBPACK_IMPORTED_MODULE_14__["default"]), _defineProperty(_components, "DatePicker", _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_15__["default"]), _components),
+  data: function data() {
+    return {
+      kelas: 'anggotaCu',
+      confirmIcon: 'icon-arrow-right14',
+      confirmTitle: 'Lanjut ke produk',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        number24: {
+          numeral: true,
+          numeralIntegerScale: 24,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number16: {
+          numeral: true,
+          numeralIntegerScale: 16,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      formCuMode: '',
+      selectedItemCu: '',
+      itemDataCu: [],
+      itemDataCuStat: 'success',
+      columnDataCu: [{
+        title: 'No.'
+      }, {
+        title: 'CU'
+      }, {
+        title: 'TP/KP'
+      }, {
+        title: 'No. BA'
+      }, {
+        title: 'Keterangan'
+      }, {
+        title: 'Tgl. Jadi Anggota'
+      }],
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      submited: false
+    };
+  },
+  created: function created() {
+    if (this.mode == 'edit') {
+      this.confirmIcon = 'icon-floppy-disk';
+      this.confirmTitle = 'Simpan';
+    }
+
+    if (this.currentUser.id_cu == 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    } else {
+      this.fetchTp(this.currentUser.id_cu);
+    }
+
+    this.$store.dispatch('pekerjaan/get');
+    this.$store.dispatch('suku/get');
+    this.$store.dispatch('provinces/get');
+    this.fetch();
+  },
+  watch: {
+    formStat: function formStat(value) {
+      if (value == 'success') {
+        this.fetchCu();
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      if (this.mode == 'edit') {
+        this.$store.dispatch(this.kelas + '/editDraft', this.$route.params.id);
+      }
+    },
+    fetchCu: function fetchCu() {
+      if (this.currentUser.id_cu == 0) {
+        this.itemDataCu = [];
+        var valData;
+
+        if (this.form.anggota_cu_cu) {
+          var _iterator = _createForOfIteratorHelper(this.form.anggota_cu_cu),
+              _step;
+
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              valData = _step.value;
+              this.itemDataCu.push(valData);
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+        }
+      } else {
+        var data = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.form.anggota_cu_cu, {
+          'cu_id': this.currentUser.id_cu
+        });
+
+        if (data) {
+          this.form.tp_id = data.tp_id;
+          this.form.no_ba = data.no_ba;
+          this.form.tanggal_masuk = data.tanggal_masuk;
+          this.form.keterangan_masuk = data.keterangan_masuk;
+        }
+      }
+
+      if (this.form.id_provinces) {
+        this.changeProvinces(this.form.id_provinces);
+      }
+
+      if (this.form.id_regencies) {
+        this.changeRegencies(this.form.id_regencies);
+      }
+
+      if (this.form.id_districts) {
+        this.changeDistricts(this.form.id_districts);
+      }
+    },
+    fetchTp: function fetchTp(value) {
+      this.$store.dispatch('tp/getCu', value);
+    },
+    createCu: function createCu(value) {
+      this.itemDataCu.push(value);
+      this.modalTutup();
+    },
+    editCu: function editCu(value) {
+      lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCu, {
+        index: value.index
+      });
+
+      this.itemDataCu.push(value);
+      this.modalTutup();
+    },
+    save: function save() {
+      var _this = this;
+
+      if (this.currentUser.id_cu == 0) {
+        this.form.anggota_cu_cu = this.itemDataCu;
+      } else {
+        this.form.id_cu = this.currentUser.id_cu;
+      }
+
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          _this.$store.dispatch(_this.kelas + '/updateDraft', [_this.$route.params.id, _this.form]);
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
+    changeProvinces: function changeProvinces(id) {
+      this.$store.dispatch('regencies/getProvinces', id);
+    },
+    changeRegencies: function changeRegencies(id) {
+      this.$store.dispatch('districts/getRegencies', id);
+    },
+    changeDistricts: function changeDistricts(id) {
+      this.$store.dispatch('villages/getDistricts', id);
+    },
+    back: function back() {
+      if (this.currentUser.id_cu == 0) {
+        this.$router.push({
+          name: this.kelas + 'CuDraft',
+          params: {
+            cu: 'semua',
+            tp: 'semua'
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.kelas + 'CuDraft',
+          params: {
+            cu: this.currentUser.id_cu,
+            tp: 'semua'
+          }
+        });
+      }
+    },
+    selectedCuRow: function selectedCuRow(index, item) {
+      this.selectedItemCu = item;
+      this.selectedItemCu.index = index + 1;
+    },
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.state = state;
+
+      if (state == 'hapusCu') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus CU ' + this.selectedItemCu.cu.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+        this.modalSize = '';
+      } else if (state == 'ubahCu') {
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah CU';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formCuMode = 'edit';
+      } else if (state == 'tambahCu') {
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah CU';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formCuMode = 'create';
+      }
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      this.modalShow = false;
+
+      if (this.state == 'hapusCu') {
+        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCu, {
+          index: this.selectedItemCu.index
+        });
+      }
+    },
+    modalTutup: function modalTutup() {
+      if (this.updateStat === 'success') {
+        this.back();
+        this.$store.dispatch(this.kelas + '/resetUpdateStat');
+      }
+
+      this.modalShow = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'headerDataS',
+    modelCuStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
+    modelTp: 'dataS',
+    modelTpStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pekerjaan', {
+    modelPekerjaan: 'dataS',
+    modelPekerjaanStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suku', {
+    modelSuku: 'dataS',
+    modelSukuStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('provinces', {
+    modelProvinces: 'dataS',
+    modelProvincesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('regencies', {
+    modelRegencies: 'dataS',
+    modelRegenciesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('districts', {
+    modelDistricts: 'dataS',
+    modelDistrictsStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('villages', {
+    modelVillages: 'dataS',
+    modelVillagesStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _api_anggotaCu_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../api/anggotaCu.js */ "./resources/assets/js/api/anggotaCu.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _edit_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./edit.vue */ "./resources/assets/js/views/anggotaCuDraft/edit.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    formEdit: _edit_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a
+  },
+  data: function data() {
+    return {
+      title: '',
+      titleDesc: '',
+      titleIcon: '',
+      kelas: 'anggotaCu',
+      level2Title: 'Anggota CU Draft',
+      nik: '',
+      cleaveOption: {
+        number16: {
+          numeral: true,
+          numeralIntegerScale: 16,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        }
+      }
+    };
+  },
+  created: function created() {
+    this.resetData();
+    this.title = 'Ubah ' + this.level2Title + ' [DRAFT]';
+    this.titleDesc = 'Mengubah ' + this.level2Title + ' [DRAFT]';
+    this.titleIcon = 'icon-pencil5';
+  },
+  methods: {
+    resetData: function resetData() {
+      this.$store.commit(this.kelas + '/setData', {});
+      this.$store.commit(this.kelas + '/setDataStat', '');
+    },
+    back: function back() {
+      if (this.currentUser.id_cu == 0) {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: 'semua'
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        });
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
+    itemData: 'data',
+    itemDataStat: 'dataStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected'],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      kelas: 'anggotaCu',
+      formDataCu: {
+        no_ba: '',
+        tanggal_masuk: '',
+        keterangan_masuk: '',
+        cu_id: 0,
+        tp_id: '',
+        cu: {
+          id: '',
+          name: ''
+        },
+        tp: {
+          id: '',
+          name: ''
+        }
+      },
+      modelProdukCu: [],
+      modelProdukCuStat: '',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        },
+        number16: {
+          numeral: true,
+          numeralIntegerScale: 16,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        }
+      },
+      message: {
+        show: false,
+        content: ''
+      },
+      submited: false
+    };
+  },
+  created: function created() {
+    this.fetchCU();
+
+    if (this.mode == 'edit') {
+      if (this.modelCUStat == 'success') {
+        this.formDataCu = Object.assign({}, this.selected);
+      }
+    }
+  },
+  watch: {
+    modelCUStat: function modelCUStat(value) {
+      if (value === "success") {
+        if (this.mode == 'edit') {
+          this.formDataCu = Object.assign({}, this.selected);
+          this.fetchTp(this.formDataCu.cu_id);
+        }
+      }
+    }
+  },
+  methods: {
+    changeCu: function changeCu(id) {
+      var cu;
+
+      if (id != 0) {
+        cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelCU, function (o) {
+          return o.id == id;
+        });
+      }
+
+      this.formDataCu.cu.id = cu.id;
+      this.formDataCu.cu.name = cu.name;
+      this.fetchTp(cu.id);
+    },
+    changeTp: function changeTp(id) {
+      var tp;
+
+      if (id != 0) {
+        tp = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelTp, function (o) {
+          return o.id == id;
+        });
+      }
+
+      if (this.formDataCu.tp != null) {
+        this.formDataCu.tp.id = tp.id;
+        this.formDataCu.tp.name = tp.name;
+      } else {
+        var tpdata = {};
+        tpdata.id = tp.id;
+        tpdata.name = tp.name;
+        this.formDataCu.tp = tpdata;
+      }
+    },
+    fetchCU: function fetchCU() {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      } else {
+        this.idCu = this.$route.params.cu;
+        this.tingkat = this.$route.params.tingkat;
+      }
+    },
+    fetchTp: function fetchTp(value) {
+      this.$store.dispatch('tp/getCu', value);
+    },
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formDataCu').then(function (result) {
+        if (result) {
+          if (_this.mode == 'edit') {
+            _this.$emit('editCu', _this.formDataCu);
+          } else {
+            _this.$emit('createCu', _this.formDataCu);
+          }
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    messageClose: function messageClose() {
+      this.message.show = false;
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('tp', {
+    modelTp: 'dataS',
+    modelTpStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
@@ -1380,53 +2118,290 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticStyle: { display: "inline-block" } },
+    [
+      _vm.value
+        ? _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm.valueType == "trim"
+              ? _c(
+                  "span",
+                  { staticStyle: { display: "inline-block" } },
+                  [
+                    _c("truncate", {
+                      staticStyle: { display: "inline-block" },
+                      attrs: {
+                        "action-class": "badge bg-blue",
+                        clamp: "selengkapnya >",
+                        length: _vm.trimLength,
+                        less: "< kembali",
+                        text: _vm.frontText + " " + _vm.value,
+                      },
+                    }),
+                  ],
+                  1
+                )
+              : _vm.valueType == "modal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light",
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen()
+                        },
+                      },
+                    },
+                    [_vm._v("\n          Lihat\n      ")]
+                  ),
+                ])
+              : _vm.valueType == "currency"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(
+                        _vm._f("currency")(_vm.value, "", 0, {
+                          thousandsSeparator: ".",
+                        })
+                      )
+                  ),
+                ])
+              : _vm.valueType == "percentage"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("percentage")(_vm.value, 2))
+                  ),
+                ])
+              : _vm.valueType == "decimal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("round")(_vm.value, 2))
+                  ),
+                ])
+              : _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
+                ]),
+          ])
+        : _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
+          ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+          content: _vm.modalContent,
+        },
+        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
+      }),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+          ),
+        ]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            [
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
+                          },
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
 /*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
   \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("DatePicker", {
-    staticClass: "w-100",
-    attrs: {
-      format: "DD-MM-YYYY",
-      "value-type": "format",
-      placeholder: "Pilih Tanggal",
-      editable: true,
-    },
-    on: { change: _vm.onChanged },
-    model: {
-      value: _vm.time,
-      callback: function ($$v) {
-        _vm.time = $$v
-      },
-      expression: "time",
-    },
-  })
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
@@ -1442,14 +2417,12 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v(
-            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
-          ),
-        ]),
-      ]),
+    return _c("div", { staticStyle: { display: "inline-block" } }, [
+      _c(
+        "span",
+        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
+        [_vm._v("Wajib diisi")]
+      ),
     ])
   },
 ]
@@ -1459,10 +2432,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=template&id=1b0cacb6&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=template&id=1b0cacb6& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1474,2487 +2447,3242 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", { staticStyle: { display: "inline-block" } }, [
-    _c("i", {
-      directives: [
+  return _c(
+    "div",
+    [
+      _vm.errors.any("form") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "form",
         {
-          name: "tooltip",
-          rawName: "v-tooltip",
-          value: _vm.message,
-          expression: "message",
+          attrs: { "data-vv-scope": "form" },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
         },
-      ],
-      staticClass: "icon-info22 d-none d-sm-block",
-    }),
-    _vm._v(" "),
-    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
-      _c("i", [_vm._v(_vm._s(_vm.message))]),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
         [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
-            [
-              _vm.level === 1
-                ? _c(
+          _c("div", { staticClass: "card" }, [
+            _vm._m(0),
+            _vm._v(" "),
+            _c("div", { staticClass: "card-body" }, [
+              _c("div", { staticClass: "row" }, [
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
                     "div",
-                    { staticClass: "breadcrumb" },
+                    {
+                      staticClass: "form-group",
+                      class: { "has-error": _vm.errors.has("form.nik") },
+                    },
                     [
                       _c(
-                        "router-link",
+                        "h6",
                         {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
+                          class: { "text-danger": _vm.errors.has("form.nik") },
+                        },
+                        [
+                          _vm.errors.has("form.nik")
+                            ? _c("i", { staticClass: "icon-cross2" })
+                            : _vm._e(),
+                          _vm._v("\n\t\t\t\t\t\t\t\tNo. KTP: "),
+                          _c("wajib-badge"),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _vm.mode == "create_new"
+                        ? _c("cleave", {
+                            directives: [
+                              {
+                                name: "validate",
+                                rawName: "v-validate",
+                                value: "required",
+                                expression: "'required'",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              name: "nik",
+                              options: _vm.cleaveOption.number16,
+                              placeholder: "Silahkan masukkan no KTP",
+                              "data-vv-as": "No. KTP",
+                              readonly: "",
+                            },
+                            model: {
+                              value: _vm.form.nik,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.form, "nik", $$v)
+                              },
+                              expression: "form.nik",
+                            },
+                          })
+                        : _c("cleave", {
+                            directives: [
+                              {
+                                name: "validate",
+                                rawName: "v-validate",
+                                value: "required",
+                                expression: "'required'",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              name: "nik",
+                              options: _vm.cleaveOption.number16,
+                              placeholder: "Silahkan masukkan no KTP",
+                              "data-vv-as": "No. KTP",
+                            },
+                            model: {
+                              value: _vm.form.nik,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.form, "nik", $$v)
+                              },
+                              expression: "form.nik",
+                            },
+                          }),
+                      _vm._v(" "),
+                      _vm.errors.has("form.nik")
+                        ? _c(
+                            "small",
+                            { staticClass: "text-muted text-danger" },
+                            [
+                              _c("i", {
+                                staticClass: "icon-arrow-small-right",
+                              }),
+                              _vm._v(
+                                " " +
+                                  _vm._s(_vm.errors.first("form.nik")) +
+                                  "\n\t\t\t\t\t\t\t"
+                              ),
+                            ]
+                          )
+                        : _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
+                          ]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h6", [_vm._v("\n\t\t\t\t\t\t\t\tNPWP:")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          name: "npwp",
+                          options: _vm.cleaveOption.number24,
+                          placeholder: "Silahkan masukkan npwp",
+                        },
+                        model: {
+                          value: _vm.form.npwp,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "npwp", $$v)
+                          },
+                          expression: "form.npwp",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    {
+                      staticClass: "form-group",
+                      class: { "has-error": _vm.errors.has("form.name") },
+                    },
+                    [
+                      _c(
+                        "h6",
+                        {
+                          class: { "text-danger": _vm.errors.has("form.name") },
+                        },
+                        [
+                          _vm.errors.has("form.name")
+                            ? _c("i", { staticClass: "icon-cross2" })
+                            : _vm._e(),
+                          _vm._v("\n\t\t\t\t\t\t\t\tNama: "),
+                          _c("wajib-badge"),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c("input", {
+                        directives: [
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required",
+                            expression: "'required'",
+                          },
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.name,
+                            expression: "form.name",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          type: "text",
+                          name: "name",
+                          placeholder: "Silahkan masukkan nama",
+                          "data-vv-as": "Nama",
+                        },
+                        domProps: { value: _vm.form.name },
+                        on: {
+                          input: function ($event) {
+                            if ($event.target.composing) {
+                              return
+                            }
+                            _vm.$set(_vm.form, "name", $event.target.value)
+                          },
+                        },
+                      }),
+                      _vm._v(" "),
+                      _vm.errors.has("form.name")
+                        ? _c(
+                            "small",
+                            { staticClass: "text-muted text-danger" },
+                            [
+                              _c("i", {
+                                staticClass: "icon-arrow-small-right",
+                              }),
+                              _vm._v(
+                                " " +
+                                  _vm._s(_vm.errors.first("form.name")) +
+                                  "\n\t\t\t\t\t\t\t"
+                              ),
+                            ]
+                          )
+                        : _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
+                          ]),
+                    ]
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    {
+                      staticClass: "form-group",
+                      class: { "has-error": _vm.errors.has("form.ahli_waris") },
+                    },
+                    [
+                      _c(
+                        "h6",
+                        {
+                          class: {
+                            "text-danger": _vm.errors.has("form.ahli_waris"),
+                          },
+                        },
+                        [
+                          _vm.errors.has("form.ahli_waris")
+                            ? _c("i", { staticClass: "icon-cross2" })
+                            : _vm._e(),
+                          _vm._v("\n\t\t\t\t\t\t\t\tNama Ahli Waris: "),
+                          _c("wajib-badge"),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c("input", {
+                        directives: [
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required",
+                            expression: "'required'",
+                          },
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.ahli_waris,
+                            expression: "form.ahli_waris",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          type: "text",
+                          name: "ahli_waris",
+                          placeholder: "Silahkan masukkan nama ahli waris",
+                          "data-vv-as": "Nama ahli waris",
+                        },
+                        domProps: { value: _vm.form.ahli_waris },
+                        on: {
+                          input: function ($event) {
+                            if ($event.target.composing) {
+                              return
+                            }
+                            _vm.$set(
+                              _vm.form,
+                              "ahli_waris",
+                              $event.target.value
+                            )
+                          },
+                        },
+                      }),
+                      _vm._v(" "),
+                      _vm.errors.has("form.ahli_waris")
+                        ? _c(
+                            "small",
+                            { staticClass: "text-muted text-danger" },
+                            [
+                              _c("i", {
+                                staticClass: "icon-arrow-small-right",
+                              }),
+                              _vm._v(
+                                " " +
+                                  _vm._s(_vm.errors.first("form.ahli_waris")) +
+                                  "\n\t\t\t\t\t\t\t"
+                              ),
+                            ]
+                          )
+                        : _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
+                          ]),
+                    ]
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c("div", { staticClass: "form-group" }, [
+                    _c("h6", [_vm._v("Nama Ibu: ")]),
+                    _vm._v(" "),
+                    _c("input", {
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.form.nama_ibu,
+                          expression: "form.nama_ibu",
+                        },
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        type: "text",
+                        name: "nama_ibu",
+                        placeholder: "Silahkan masukkan nama ibu",
+                      },
+                      domProps: { value: _vm.form.nama_ibu },
+                      on: {
+                        input: function ($event) {
+                          if ($event.target.composing) {
+                            return
+                          }
+                          _vm.$set(_vm.form, "nama_ibu", $event.target.value)
+                        },
+                      },
+                    }),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    {
+                      staticClass: "form-group",
+                      class: { "has-error": _vm.errors.has("form.kelamin") },
+                    },
+                    [
+                      _c(
+                        "h6",
+                        {
+                          class: {
+                            "text-danger": _vm.errors.has("form.kelamin"),
+                          },
+                        },
+                        [
+                          _vm.errors.has("form.kelamin")
+                            ? _c("i", { staticClass: "icon-cross2" })
+                            : _vm._e(),
+                          _vm._v("\n\t\t\t\t\t\t\t\tGender: "),
+                          _c("wajib-badge"),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "select",
+                        {
+                          directives: [
+                            {
+                              name: "model",
+                              rawName: "v-model",
+                              value: _vm.form.kelamin,
+                              expression: "form.kelamin",
+                            },
+                            {
+                              name: "validate",
+                              rawName: "v-validate",
+                              value: "required",
+                              expression: "'required'",
+                            },
+                          ],
+                          staticClass: "form-control",
+                          attrs: {
+                            name: "kelamin",
+                            "data-width": "100%",
+                            "data-vv-as": "Gender",
+                          },
+                          on: {
+                            change: function ($event) {
+                              var $$selectedVal = Array.prototype.filter
+                                .call($event.target.options, function (o) {
+                                  return o.selected
+                                })
+                                .map(function (o) {
+                                  var val = "_value" in o ? o._value : o.value
+                                  return val
+                                })
+                              _vm.$set(
+                                _vm.form,
+                                "kelamin",
+                                $event.target.multiple
+                                  ? $$selectedVal
+                                  : $$selectedVal[0]
+                              )
+                            },
+                          },
+                        },
+                        [
+                          _c("option", { attrs: { disabled: "", value: "" } }, [
+                            _vm._v("Silahkan pilih gender"),
+                          ]),
+                          _vm._v(" "),
+                          _c("option", { attrs: { value: "LAKI-LAKI" } }, [
+                            _vm._v("Laki-laki"),
+                          ]),
+                          _vm._v(" "),
+                          _c("option", { attrs: { value: "PEREMPUAN" } }, [
+                            _vm._v("Perempuan"),
+                          ]),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _vm.errors.has("form.kelamin")
+                        ? _c(
+                            "small",
+                            { staticClass: "text-muted text-danger" },
+                            [
+                              _c("i", {
+                                staticClass: "icon-arrow-small-right",
+                              }),
+                              _vm._v(
+                                " " +
+                                  _vm._s(_vm.errors.first("form.kelamin")) +
+                                  "\n\t\t\t\t\t\t\t"
+                              ),
+                            ]
+                          )
+                        : _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
+                          ]),
+                    ]
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    {
+                      staticClass: "form-group",
+                      class: {
+                        "has-error": _vm.errors.has("form.tanggal_lahir"),
+                      },
+                    },
+                    [
+                      _c(
+                        "h6",
+                        {
+                          class: {
+                            "text-danger": _vm.errors.has("form.tanggal_lahir"),
+                          },
                         },
                         [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
+                          _vm.errors.has("form.tanggal_lahir")
+                            ? _c("i", { staticClass: "icon-cross2" })
+                            : _vm._e(),
+                          _vm._v("\n\t\t\t\t\t\t\t\tTgl. Lahir: "),
+                          _c("wajib-badge"),
+                        ],
+                        1
                       ),
                       _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
+                      _c("date-picker", {
+                        attrs: { defaultDate: _vm.form.tanggal_lahir },
+                        on: {
+                          dateSelected: function ($event) {
+                            _vm.form.tanggal_lahir = $event
+                          },
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("input", {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.tanggal_lahir,
+                            expression: "form.tanggal_lahir",
+                          },
+                          {
+                            name: "show",
+                            rawName: "v-show",
+                            value: false,
+                            expression: "false",
+                          },
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required",
+                            expression: "'required'",
+                          },
+                        ],
+                        attrs: { "data-vv-as": "Tanggal lahir" },
+                        domProps: { value: _vm.form.tanggal_lahir },
+                        on: {
+                          input: function ($event) {
+                            if ($event.target.composing) {
+                              return
+                            }
+                            _vm.$set(
+                              _vm.form,
+                              "tanggal_lahir",
+                              $event.target.value
+                            )
+                          },
+                        },
+                      }),
+                      _vm._v(" "),
+                      _vm.errors.has("form.tanggal_lahir")
+                        ? _c(
+                            "small",
+                            { staticClass: "text-muted text-danger" },
+                            [
+                              _c("i", {
+                                staticClass: "icon-arrow-small-right",
+                              }),
+                              _vm._v(
+                                " " +
+                                  _vm._s(
+                                    _vm.errors.first("form.tanggal_lahir")
+                                  ) +
+                                  "\n\t\t\t\t\t\t\t"
+                              ),
+                            ]
+                          )
+                        : _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
+                          ]),
                     ],
                     1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
                     "div",
-                    { staticClass: "breadcrumb" },
+                    {
+                      staticClass: "form-group",
+                      class: {
+                        "has-error": _vm.errors.has("form.tempat_lahir"),
+                      },
+                    },
                     [
                       _c(
-                        "router-link",
+                        "h6",
                         {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
+                          class: {
+                            "text-danger": _vm.errors.has("form.tempat_lahir"),
+                          },
                         },
                         [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
+                          _vm.errors.has("form.tempat_lahir")
+                            ? _c("i", { staticClass: "icon-cross2" })
+                            : _vm._e(),
+                          _vm._v("Tempat Lahir: "),
+                          _c("wajib-badge"),
+                        ],
+                        1
                       ),
                       _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
+                      _c("input", {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.tempat_lahir,
+                            expression: "form.tempat_lahir",
+                          },
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required",
+                            expression: "'required'",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          type: "text",
+                          name: "tempat_lahir",
+                          placeholder: "Silahkan masukkan tempat lahir",
+                          "data-vv-as": "Tempat Lahir",
+                        },
+                        domProps: { value: _vm.form.tempat_lahir },
+                        on: {
+                          input: function ($event) {
+                            if ($event.target.composing) {
+                              return
+                            }
+                            _vm.$set(
+                              _vm.form,
+                              "tempat_lahir",
+                              $event.target.value
+                            )
                           },
                         },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
+                      }),
                       _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
+                      _vm.errors.has("form.tempat_lahir")
+                        ? _c(
+                            "small",
+                            { staticClass: "text-muted text-danger" },
+                            [
+                              _c("i", {
+                                staticClass: "icon-arrow-small-right",
+                              }),
+                              _vm._v(
+                                " " +
+                                  _vm._s(
+                                    _vm.errors.first("form.tempat_lahir")
+                                  ) +
+                                  "\n\t\t\t\t\t\t\t"
+                              ),
+                            ]
+                          )
+                        : _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
+                          ]),
+                    ]
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c("div", { staticClass: "form-group" }, [
+                    _c("h6", [_vm._v("Suku: ")]),
+                    _vm._v(" "),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.suku,
+                            expression: "form.suku",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          name: "suku",
+                          "data-width": "100%",
+                          disabled: _vm.modelSuku.length == 0,
+                        },
+                        on: {
+                          change: function ($event) {
+                            var $$selectedVal = Array.prototype.filter
+                              .call($event.target.options, function (o) {
+                                return o.selected
+                              })
+                              .map(function (o) {
+                                var val = "_value" in o ? o._value : o.value
+                                return val
+                              })
+                            _vm.$set(
+                              _vm.form,
+                              "suku",
+                              $event.target.multiple
+                                ? $$selectedVal
+                                : $$selectedVal[0]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "" } }, [
+                          _vm.modelSukuStat === "loading"
+                            ? _c("span", [_vm._v("Mohon tunggu...")])
+                            : _c("span", [_vm._v("Silahkan pilih suku")]),
+                        ]),
+                        _vm._v(" "),
+                        _vm._l(_vm.modelSuku, function (suku, index) {
+                          return _c(
+                            "option",
+                            { key: index, domProps: { value: suku.name } },
+                            [_vm._v(_vm._s(suku.name))]
+                          )
+                        }),
+                      ],
+                      2
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c("div", { staticClass: "form-group" }, [
+                    _c("h6", [
+                      _vm._v("\n\t\t\t\t\t\t\t\tGol. Darah:\n\t\t\t\t\t\t\t"),
+                    ]),
+                    _vm._v(" "),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.darah,
+                            expression: "form.darah",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: { name: "darah", "data-width": "100%" },
+                        on: {
+                          change: function ($event) {
+                            var $$selectedVal = Array.prototype.filter
+                              .call($event.target.options, function (o) {
+                                return o.selected
+                              })
+                              .map(function (o) {
+                                var val = "_value" in o ? o._value : o.value
+                                return val
+                              })
+                            _vm.$set(
+                              _vm.form,
+                              "darah",
+                              $event.target.multiple
+                                ? $$selectedVal
+                                : $$selectedVal[0]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "" } }, [
+                          _vm._v("Silahkan pilih golongan darah"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "A" } }, [_vm._v("A")]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "B" } }, [_vm._v("B")]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "AB" } }, [
+                          _vm._v("AB"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "O" } }, [_vm._v("O")]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _vm._m(1),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          name: "tinggi",
+                          options: _vm.cleaveOption.number3,
+                          placeholder: "Silahkan masukkan tinggi",
+                        },
+                        model: {
+                          value: _vm.form.tinggi,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "tinggi", $$v)
+                          },
+                          expression: "form.tinggi",
+                        },
+                      }),
                     ],
                     1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticStyle: { display: "inline-block" } }, [
-      _c(
-        "span",
-        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
-        [_vm._v("Wajib diisi")]
-      ),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/form.vue?vue&type=template&id=0b7558de&":
-/*!************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/form.vue?vue&type=template&id=0b7558de& ***!
-  \************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan",
-                      errorItem: _vm.errors.items,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "form",
-                {
-                  attrs: {
-                    enctype: "multipart/form-data",
-                    "data-vv-scope": "form",
-                  },
-                  on: {
-                    submit: function ($event) {
-                      $event.preventDefault()
-                      return _vm.save.apply(null, arguments)
-                    },
-                  },
-                },
-                [
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(0),
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c("div", { staticClass: "form-group" }, [
+                    _c("h6", [_vm._v("Agama:")]),
                     _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Foto Kantor Pusat:")]),
-                              _vm._v(" "),
-                              _c("app-image-upload", {
-                                attrs: {
-                                  image_loc: "/images/cu/",
-                                  image_temp: _vm.form.gambar,
-                                },
-                                model: {
-                                  value: _vm.form.gambar,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "gambar", $$v)
-                                  },
-                                  expression: "form.gambar",
-                                },
-                              }),
-                            ],
-                            1
-                          ),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.agama,
+                            expression: "form.agama",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: { name: "agama", "data-width": "100%" },
+                        on: {
+                          change: function ($event) {
+                            var $$selectedVal = Array.prototype.filter
+                              .call($event.target.options, function (o) {
+                                return o.selected
+                              })
+                              .map(function (o) {
+                                var val = "_value" in o ? o._value : o.value
+                                return val
+                              })
+                            _vm.$set(
+                              _vm.form,
+                              "agama",
+                              $event.target.multiple
+                                ? $$selectedVal
+                                : $$selectedVal[0]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "" } }, [
+                          _vm._v("Silahkan pilih agama"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "BUDDHA" } }, [
+                          _vm._v("Buddha"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "HINDU" } }, [
+                          _vm._v("Hindu"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "ISLAM" } }, [
+                          _vm._v("Islam"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "KHATOLIK" } }, [
+                          _vm._v("Khatolik"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "KONG HU CU" } }, [
+                          _vm._v("Kong Hu Cu"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "PROTESTAN" } }, [
+                          _vm._v("Protestan"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "LAIN-LAIN" } }, [
+                          _vm._v("Lain-lain"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c("div", { staticClass: "form-group" }, [
+                    _c("h6", [
+                      _vm._v("\n\t\t\t\t\t\t\t\tStatus:\n\t\t\t\t\t\t\t"),
+                    ]),
+                    _vm._v(" "),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.status,
+                            expression: "form.status",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: { name: "status", "data-width": "100%" },
+                        on: {
+                          change: function ($event) {
+                            var $$selectedVal = Array.prototype.filter
+                              .call($event.target.options, function (o) {
+                                return o.selected
+                              })
+                              .map(function (o) {
+                                var val = "_value" in o ? o._value : o.value
+                                return val
+                              })
+                            _vm.$set(
+                              _vm.form,
+                              "status",
+                              $event.target.multiple
+                                ? $$selectedVal
+                                : $$selectedVal[0]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "" } }, [
+                          _vm._v("Silahkan pilih status pernikahan"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "BELUM MENIKAH" } }, [
+                          _vm._v("Belum menikah"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "MENIKAH" } }, [
+                          _vm._v("Menikah"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "JANDA/DUDA" } }, [
+                          _vm._v("Janda/Duda"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ]),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "card" }, [
+            _vm._m(2),
+            _vm._v(" "),
+            _c("div", { staticClass: "card-body" }, [
+              _c("div", { staticClass: "row" }, [
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c("div", { staticClass: "form-group" }, [
+                    _c("h6", [_vm._v("Lembaga:")]),
+                    _vm._v(" "),
+                    _c("input", {
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.form.lembaga,
+                          expression: "form.lembaga",
+                        },
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        type: "text",
+                        name: "lembaga",
+                        placeholder: "Silahkan masukkan lembaga",
+                      },
+                      domProps: { value: _vm.form.lembaga },
+                      on: {
+                        input: function ($event) {
+                          if ($event.target.composing) {
+                            return
+                          }
+                          _vm.$set(_vm.form, "lembaga", $event.target.value)
+                        },
+                      },
+                    }),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c("div", { staticClass: "form-group" }, [
+                    _c("h6", [_vm._v("Jabatan:")]),
+                    _vm._v(" "),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.jabatan,
+                            expression: "form.jabatan",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: { name: "jabatan", "data-width": "100%" },
+                        on: {
+                          change: function ($event) {
+                            var $$selectedVal = Array.prototype.filter
+                              .call($event.target.options, function (o) {
+                                return o.selected
+                              })
+                              .map(function (o) {
+                                var val = "_value" in o ? o._value : o.value
+                                return val
+                              })
+                            _vm.$set(
+                              _vm.form,
+                              "jabatan",
+                              $event.target.multiple
+                                ? $$selectedVal
+                                : $$selectedVal[0]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "" } }, [
+                          _vm._v("Silahkan pilih jabatan"),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-2" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.no_ba"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.no_ba"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.no_ba")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. BA: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  name: "no_ba",
-                                  options: _vm.cleaveOption.number3,
-                                  placeholder: "Silahkan masukkan no ba.",
-                                  "data-vv-as": "No. BA",
-                                  readonly: _vm.currentUser.id_cu != 0,
-                                },
-                                model: {
-                                  value: _vm.form.no_ba,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "no_ba", $$v)
-                                  },
-                                  expression: "form.no_ba",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.no_ba")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.no_ba")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ],
-                            1
+                        _c("option", { attrs: { value: "SENIOR MANAJER" } }, [
+                          _vm._v(
+                            "Senior Manajer (General Manager, CEO, Deputy)"
                           ),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.name"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.name"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.name")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|min:5",
-                                    expression: "'required|min:5'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.name,
-                                    expression: "form.name",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "name",
-                                  placeholder: "Silahkan masukkan nama CU",
-                                  "data-vv-as": "Nama",
-                                  readonly: _vm.currentUser.id_cu != 0,
-                                },
-                                domProps: { value: _vm.form.name },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "name",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.name")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.name")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
+                        _c("option", { attrs: { value: "MANAJER" } }, [
+                          _vm._v("Manajer"),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.name_legal"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.name_legal"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.name_legal")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tNama Legal: "
-                                  ),
-                                  _c("wajib-badge"),
-                                  _vm._v(" "),
-                                  _c("info-icon", {
-                                    staticClass: "text-right",
-                                    attrs: {
-                                      message:
-                                        "nama yang terdaftar secara hukum contoh: KSP xxx",
-                                    },
-                                  }),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.name_legal,
-                                    expression: "form.name_legal",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "name_legal",
-                                  placeholder: "Silahkan masukkan nama legal",
-                                },
-                                domProps: { value: _vm.form.name_legal },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "name_legal",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.name_legal")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.name_legal")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
+                        _c("option", { attrs: { value: "SUPERVISOR" } }, [
+                          _vm._v(
+                            "Supervisor (Kepala Bagian, Kepala Divisi, Kepala/Koordinator TP, Kepala Bidang)"
                           ),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.badan_hukum"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.badan_hukum"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.badan_hukum")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tBadan Hukum:"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.badan_hukum,
-                                    expression: "form.badan_hukum",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "badan_hukum",
-                                  placeholder: "Silahkan masukkan nama CU",
-                                },
-                                domProps: { value: _vm.form.badan_hukum },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "badan_hukum",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ]
-                          ),
+                        _c("option", { attrs: { value: "STAF" } }, [
+                          _vm._v("Staf"),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.npwp"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.npwp"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.npwp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tNPWP (nomor pokok wajib pajak):"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.npwp,
-                                    expression: "form.npwp",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "npwp",
-                                  placeholder: "Silahkan masukkan NPWP",
-                                },
-                                domProps: { value: _vm.form.npwp },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "npwp",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ]
-                          ),
+                        _c("option", { attrs: { value: "KONTRAK" } }, [
+                          _vm._v("Kontrak"),
                         ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.nik"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.nik"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.nik")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tNIK (nomor induk koperasi):"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.nik,
-                                    expression: "form.nik",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "NIK",
-                                  placeholder: "Silahkan masukkan NIK",
-                                },
-                                domProps: { value: _vm.form.nik },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "nik",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ]
-                          ),
+                      ]
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c("div", { staticClass: "form-group" }, [
+                    _c("h6", [_vm._v("Pekerjaan: ")]),
+                    _vm._v(" "),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.pekerjaan,
+                            expression: "form.pekerjaan",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          name: "pekerjaan",
+                          "data-width": "100%",
+                          disabled: _vm.modelPekerjaan.length == 0,
+                        },
+                        on: {
+                          change: function ($event) {
+                            var $$selectedVal = Array.prototype.filter
+                              .call($event.target.options, function (o) {
+                                return o.selected
+                              })
+                              .map(function (o) {
+                                var val = "_value" in o ? o._value : o.value
+                                return val
+                              })
+                            _vm.$set(
+                              _vm.form,
+                              "pekerjaan",
+                              $event.target.multiple
+                                ? $$selectedVal
+                                : $$selectedVal[0]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "" } }, [
+                          _vm.modelPekerjaanStat === "loading"
+                            ? _c("span", [_vm._v("Mohon tunggu...")])
+                            : _c("span", [_vm._v("Silahkan pilih pekerjaan")]),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.situ"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.situ"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.situ")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tSITU (surat izin tempat usaha):"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.situ,
-                                    expression: "form.situ",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "SITU",
-                                  placeholder: "Silahkan masukkan SITU",
-                                },
-                                domProps: { value: _vm.form.situ },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "situ",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ]
-                          ),
+                        _vm._l(_vm.modelPekerjaan, function (pekerjaan, index) {
+                          return _c(
+                            "option",
+                            { key: index, domProps: { value: pekerjaan.name } },
+                            [_vm._v(_vm._s(pekerjaan.name))]
+                          )
+                        }),
+                      ],
+                      2
+                    ),
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h6", [_vm._v("Rata-rata Penghasilan Perbulan:")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan rata-rata pengeluaran",
+                        },
+                        model: {
+                          value: _vm.form.penghasilan,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "penghasilan", $$v)
+                          },
+                          expression: "form.penghasilan",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h6", [_vm._v("Rata-rata Pengeluaran Perbulan:")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.numeric,
+                          placeholder:
+                            "Silahkan masukkan rata-rata pengeluaran",
+                        },
+                        model: {
+                          value: _vm.form.pengeluaran,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "pengeluaran", $$v)
+                          },
+                          expression: "form.pengeluaran",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-sm-4" }, [
+                  _c("div", { staticClass: "form-group" }, [
+                    _c("h6", [_vm._v("Pendidikan:")]),
+                    _vm._v(" "),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.pendidikan,
+                            expression: "form.pendidikan",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: { name: "pendidikan", "data-width": "100%" },
+                        on: {
+                          change: function ($event) {
+                            var $$selectedVal = Array.prototype.filter
+                              .call($event.target.options, function (o) {
+                                return o.selected
+                              })
+                              .map(function (o) {
+                                var val = "_value" in o ? o._value : o.value
+                                return val
+                              })
+                            _vm.$set(
+                              _vm.form,
+                              "pendidikan",
+                              $event.target.multiple
+                                ? $$selectedVal
+                                : $$selectedVal[0]
+                            )
+                          },
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "" } }, [
+                          _vm._v("Silahkan pilih tingkat pendidikan"),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.siusp"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.siusp"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.siusp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tSIUSP (surat izin usaha simpan pinjam):"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.siusp,
-                                    expression: "form.siusp",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "SIUSP",
-                                  placeholder: "Silahkan masukkan SIUSP",
-                                },
-                                domProps: { value: _vm.form.siusp },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "siusp",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ]
-                          ),
+                        _c("option", { attrs: { value: "SD" } }, [
+                          _vm._v("SD"),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.izinOp"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.izinOp"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.izinOp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tIzin Operasional:"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.izinOp,
-                                    expression: "form.izinOp",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "izinOp",
-                                  placeholder:
-                                    "Silahkan masukkan izin operasional",
-                                },
-                                domProps: { value: _vm.form.izinOp },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "izinOp",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ]
-                          ),
+                        _c("option", { attrs: { value: "SMP" } }, [
+                          _vm._v("SMP"),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _vm._v("t\n\t\t\t\t\t\t\t\t\t"),
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.app"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.app"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.app")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tAplikasi Keuangan Utama: "
-                                  ),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.app,
-                                    expression: "form.app",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "app",
-                                  placeholder:
-                                    "Silahkan masukkan nama aplikasi keuangan utama",
-                                  "data-vv-as": "Aplikasi keuangan utama",
-                                },
-                                domProps: { value: _vm.form.app },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "app",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.app")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(_vm.errors.first("form.app")) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
+                        _c("option", { attrs: { value: "SMA/SMK" } }, [
+                          _vm._v("SMA/SMK"),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.ultah"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.ultah"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.ultah")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tTgl. Berdiri: "
-                                  ),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("date-picker", {
-                                attrs: { defaultDate: _vm.form.ultah },
-                                on: {
-                                  dateSelected: function ($event) {
-                                    _vm.form.ultah = $event
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.ultah,
-                                    expression: "form.ultah",
-                                  },
-                                  {
-                                    name: "show",
-                                    rawName: "v-show",
-                                    value: false,
-                                    expression: "false",
-                                  },
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                ],
-                                attrs: { "data-vv-as": "Tgl. berdiri" },
-                                domProps: { value: _vm.form.ultah },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "ultah",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.ultah")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.ultah")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ],
-                            1
-                          ),
+                        _c("option", { attrs: { value: "D1" } }, [
+                          _vm._v("D1"),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.bergabung"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.bergabung"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.bergabung")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tTgl. Bergabung: "
-                                  ),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("date-picker", {
-                                attrs: { defaultDate: _vm.form.bergabung },
-                                on: {
-                                  dateSelected: function ($event) {
-                                    _vm.form.bergabung = $event
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.bergabung,
-                                    expression: "form.bergabung",
-                                  },
-                                  {
-                                    name: "show",
-                                    rawName: "v-show",
-                                    value: false,
-                                    expression: "false",
-                                  },
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                ],
-                                attrs: { "data-vv-as": "Tgl. bergabung" },
-                                domProps: { value: _vm.form.bergabung },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "bergabung",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.bergabung")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.bergabung")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ],
-                            1
-                          ),
+                        _c("option", { attrs: { value: "D2" } }, [
+                          _vm._v("D2"),
                         ]),
-                      ]),
-                    ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "D3" } }, [
+                          _vm._v("D3"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "D4" } }, [
+                          _vm._v("D4"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "S1" } }, [
+                          _vm._v("S1"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "S2" } }, [
+                          _vm._v("S2"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "S3" } }, [
+                          _vm._v("S3"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "Lain-lain" } }, [
+                          _vm._v("Lain-lain"),
+                        ]),
+                      ]
+                    ),
                   ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(1),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c("div", { staticClass: "form-group" }, [
+                    _c(
+                      "h6",
+                      [
+                        _vm._v("Organisasi: "),
+                        _c("info-icon", {
+                          attrs: {
+                            message:
+                              "Silahkan isi dengan jabatan dan tempat/nama organisasi jika anda ikut dalam sebuah organisasi",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
                     _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error":
-                                  _vm.errors.has("form.id_provinces"),
-                              },
+                    _c("input", {
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.form.organisasi,
+                          expression: "form.organisasi",
+                        },
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        type: "text",
+                        name: "organisasi",
+                        placeholder: "Silahkan masukkan organisasi",
+                      },
+                      domProps: { value: _vm.form.organisasi },
+                      on: {
+                        input: function ($event) {
+                          if ($event.target.composing) {
+                            return
+                          }
+                          _vm.$set(_vm.form, "organisasi", $event.target.value)
+                        },
+                      },
+                    }),
+                  ]),
+                ]),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "card" }, [
+            _vm._m(3),
+            _vm._v(" "),
+            _c("div", { staticClass: "card-body" }, [
+              _c("div", { staticClass: "row" }, [
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c("div", { staticClass: "form-group" }, [
+                    _c(
+                      "h6",
+                      {
+                        class: {
+                          "text-danger": _vm.errors.has("form.id_provinces"),
+                        },
+                      },
+                      [
+                        _vm.errors.has("form.id_provinces")
+                          ? _c("i", { staticClass: "icon-cross2" })
+                          : _vm._e(),
+                        _vm._v("\n\t\t\t\t\t\t\t\tProvinsi: "),
+                        _c("wajib-badge"),
+                      ],
+                      1
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.id_provinces,
+                            expression: "form.id_provinces",
+                          },
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required",
+                            expression: "'required'",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          name: "id_provinces",
+                          "data-width": "100%",
+                          "data-vv-as": "Provinsi",
+                          disabled: _vm.modelProvinces.length == 0,
+                        },
+                        on: {
+                          change: [
+                            function ($event) {
+                              var $$selectedVal = Array.prototype.filter
+                                .call($event.target.options, function (o) {
+                                  return o.selected
+                                })
+                                .map(function (o) {
+                                  var val = "_value" in o ? o._value : o.value
+                                  return val
+                                })
+                              _vm.$set(
+                                _vm.form,
+                                "id_provinces",
+                                $event.target.multiple
+                                  ? $$selectedVal
+                                  : $$selectedVal[0]
+                              )
                             },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_provinces"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_provinces")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tProvinsi: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_provinces,
-                                      expression: "form.id_provinces",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_provinces",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Provinsi",
-                                    disabled:
-                                      _vm.modelProvinces.length === 0 ||
-                                      !_vm.currentUser.can[
-                                        "update_" + _vm.kelas
-                                      ],
-                                  },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_provinces",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function ($event) {
-                                        return _vm.changeProvinces(
-                                          $event.target.value
-                                        )
-                                      },
-                                    ],
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelProvincesStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih provinsi"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelProvinces,
-                                    function (provinces, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: provinces.id },
-                                        },
-                                        [_vm._v(_vm._s(provinces.name))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_provinces")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_provinces"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
+                            function ($event) {
+                              return _vm.changeProvinces($event.target.value)
+                            },
+                          ],
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "" } }, [
+                          _vm.modelProvincesStat === "loading"
+                            ? _c("span", [_vm._v("Mohon tunggu...")])
+                            : _c("span", [_vm._v("Silahkan pilih provinsi")]),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error":
-                                  _vm.errors.has("form.id_regencies"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_regencies"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_regencies")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKabupaten: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_regencies,
-                                      expression: "form.id_regencies",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_regencies",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Kabupaten",
-                                    disabled:
-                                      _vm.modelRegencies.length === 0 ||
-                                      !_vm.currentUser.can[
-                                        "update_" + _vm.kelas
-                                      ],
-                                  },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_regencies",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function ($event) {
-                                        return _vm.changeRegencies(
-                                          $event.target.value
-                                        )
-                                      },
-                                    ],
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelRegenciesStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kabupaten"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelRegencies,
-                                    function (regencies, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: regencies.id },
-                                        },
-                                        [_vm._v(_vm._s(regencies.name))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_regencies")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_regencies"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
+                        _vm._l(_vm.modelProvinces, function (provinces, index) {
+                          return _c(
+                            "option",
+                            { key: index, domProps: { value: provinces.id } },
+                            [_vm._v(_vm._s(provinces.name))]
+                          )
+                        }),
+                      ],
+                      2
+                    ),
+                    _vm._v(" "),
+                    _vm.errors.has("form.id_provinces")
+                      ? _c("small", { staticClass: "text-muted text-danger" }, [
+                          _c("i", { staticClass: "icon-arrow-small-right" }),
+                          _vm._v(
+                            " " +
+                              _vm._s(_vm.errors.first("form.id_provinces")) +
+                              "\n\t\t\t\t\t\t\t"
                           ),
+                        ])
+                      : _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" "),
                         ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
+                  ]),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    {
+                      staticClass: "form-group",
+                      class: {
+                        "has-error": _vm.errors.has("form.id_regencies"),
+                      },
+                    },
+                    [
+                      _c(
+                        "h6",
+                        {
+                          class: {
+                            "text-danger": _vm.errors.has("form.id_regencies"),
+                          },
+                        },
+                        [
+                          _vm.errors.has("form.id_regencies")
+                            ? _c("i", { staticClass: "icon-cross2" })
+                            : _vm._e(),
+                          _vm._v("\n\t\t\t\t\t\t\t\tKabupaten: "),
+                          _c("wajib-badge"),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "select",
+                        {
+                          directives: [
                             {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error":
-                                  _vm.errors.has("form.id_districts"),
-                              },
+                              name: "model",
+                              rawName: "v-model",
+                              value: _vm.form.id_regencies,
+                              expression: "form.id_regencies",
                             },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_districts"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_districts")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKecamatan: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
+                            {
+                              name: "validate",
+                              rawName: "v-validate",
+                              value: "required",
+                              expression: "'required'",
+                            },
+                          ],
+                          staticClass: "form-control",
+                          attrs: {
+                            name: "id_regencies",
+                            "data-width": "100%",
+                            "data-vv-as": "Kabupaten",
+                            disabled: _vm.modelRegencies.length === 0,
+                          },
+                          on: {
+                            change: [
+                              function ($event) {
+                                var $$selectedVal = Array.prototype.filter
+                                  .call($event.target.options, function (o) {
+                                    return o.selected
+                                  })
+                                  .map(function (o) {
+                                    var val = "_value" in o ? o._value : o.value
+                                    return val
+                                  })
+                                _vm.$set(
+                                  _vm.form,
+                                  "id_regencies",
+                                  $event.target.multiple
+                                    ? $$selectedVal
+                                    : $$selectedVal[0]
+                                )
+                              },
+                              function ($event) {
+                                return _vm.changeRegencies($event.target.value)
+                              },
+                            ],
+                          },
+                        },
+                        [
+                          _c("option", { attrs: { disabled: "", value: "" } }, [
+                            _vm.modelRegenciesStat === "loading"
+                              ? _c("span", [_vm._v("Mohon tunggu...")])
+                              : _c("span", [
+                                  _vm._v("Silahkan pilih kabupaten"),
+                                ]),
+                          ]),
+                          _vm._v(" "),
+                          _vm._l(
+                            _vm.modelRegencies,
+                            function (regencies, index) {
+                              return _c(
+                                "option",
                                 {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_districts,
-                                      expression: "form.id_districts",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_districts",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Kecamatan",
-                                    disabled:
-                                      _vm.modelDistricts.length === 0 ||
-                                      !_vm.currentUser.can[
-                                        "update_" + _vm.kelas
-                                      ],
-                                  },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_districts",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function ($event) {
-                                        return _vm.changeDistricts(
-                                          $event.target.value
-                                        )
-                                      },
-                                    ],
-                                  },
+                                  key: index,
+                                  domProps: { value: regencies.id },
                                 },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelDistrictsStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kecamatan"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelDistricts,
-                                    function (districts, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: districts.id },
-                                        },
-                                        [_vm._v(_vm._s(districts.name))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
+                                [_vm._v(_vm._s(regencies.name))]
+                              )
+                            }
+                          ),
+                        ],
+                        2
+                      ),
+                      _vm._v(" "),
+                      _vm.errors.has("form.id_regencies")
+                        ? _c(
+                            "small",
+                            { staticClass: "text-muted text-danger" },
+                            [
+                              _c("i", {
+                                staticClass: "icon-arrow-small-right",
+                              }),
+                              _vm._v(
+                                " " +
+                                  _vm._s(
+                                    _vm.errors.first("form.id_regencies")
+                                  ) +
+                                  "\n\t\t\t\t\t\t\t"
                               ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_regency")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.id_regency")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
                             ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
+                          )
+                        : _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
+                          ]),
+                    ]
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    {
+                      staticClass: "form-group",
+                      class: {
+                        "has-error": _vm.errors.has("form.id_districts"),
+                      },
+                    },
+                    [
+                      _c(
+                        "h6",
+                        {
+                          class: {
+                            "text-danger": _vm.errors.has("form.id_districts"),
+                          },
+                        },
+                        [
+                          _vm.errors.has("form.id_districts")
+                            ? _c("i", { staticClass: "icon-cross2" })
+                            : _vm._e(),
+                          _vm._v("\n\t\t\t\t\t\t\t\tKecamatan: "),
+                          _c("wajib-badge"),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "select",
+                        {
+                          directives: [
                             {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.id_villages"),
-                              },
+                              name: "model",
+                              rawName: "v-model",
+                              value: _vm.form.id_districts,
+                              expression: "form.id_districts",
                             },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_villages"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_villages")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKelurahan: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
+                            {
+                              name: "validate",
+                              rawName: "v-validate",
+                              value: "required",
+                              expression: "'required'",
+                            },
+                          ],
+                          staticClass: "form-control",
+                          attrs: {
+                            name: "id_districts",
+                            "data-width": "100%",
+                            "data-vv-as": "Kabupaten",
+                            disabled: _vm.modelDistricts.length === 0,
+                          },
+                          on: {
+                            change: [
+                              function ($event) {
+                                var $$selectedVal = Array.prototype.filter
+                                  .call($event.target.options, function (o) {
+                                    return o.selected
+                                  })
+                                  .map(function (o) {
+                                    var val = "_value" in o ? o._value : o.value
+                                    return val
+                                  })
+                                _vm.$set(
+                                  _vm.form,
+                                  "id_districts",
+                                  $event.target.multiple
+                                    ? $$selectedVal
+                                    : $$selectedVal[0]
+                                )
+                              },
+                              function ($event) {
+                                return _vm.changeDistricts($event.target.value)
+                              },
+                            ],
+                          },
+                        },
+                        [
+                          _c("option", { attrs: { disabled: "", value: "" } }, [
+                            _vm.modelDistrictsStat === "loading"
+                              ? _c("span", [_vm._v("Mohon tunggu...")])
+                              : _c("span", [
+                                  _vm._v("Silahkan pilih kecamatan"),
+                                ]),
+                          ]),
+                          _vm._v(" "),
+                          _vm._l(
+                            _vm.modelDistricts,
+                            function (districts, index) {
+                              return _c(
+                                "option",
                                 {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_villages,
-                                      expression: "form.id_villages",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_villages",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Kelurahan",
-                                    disabled:
-                                      _vm.modelVillages.length === 0 ||
-                                      !_vm.currentUser.can[
-                                        "update_" + _vm.kelas
-                                      ],
-                                  },
-                                  on: {
-                                    change: function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "id_villages",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    },
-                                  },
+                                  key: index,
+                                  domProps: { value: districts.id },
                                 },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelVillagesStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v(
-                                              "Mohon tunggu... mohon tunggu"
-                                            ),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kelurahan"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelVillages,
-                                    function (villages, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: villages.id },
-                                        },
-                                        [_vm._v(_vm._s(villages.name))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
+                                [_vm._v(_vm._s(districts.name))]
+                              )
+                            }
+                          ),
+                        ],
+                        2
+                      ),
+                      _vm._v(" "),
+                      _vm.errors.has("form.id_regency")
+                        ? _c(
+                            "small",
+                            { staticClass: "text-muted text-danger" },
+                            [
+                              _c("i", {
+                                staticClass: "icon-arrow-small-right",
+                              }),
+                              _vm._v(
+                                " " +
+                                  _vm._s(_vm.errors.first("form.id_regency")) +
+                                  "\n\t\t\t\t\t\t\t"
                               ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_villages")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.id_villages")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
                             ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-8" }, [
-                          _c(
-                            "div",
+                          )
+                        : _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
+                          ]),
+                    ]
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    {
+                      staticClass: "form-group",
+                      class: {
+                        "has-error": _vm.errors.has("form.id_villages"),
+                      },
+                    },
+                    [
+                      _c(
+                        "h6",
+                        {
+                          class: {
+                            "text-danger": _vm.errors.has("form.id_villages"),
+                          },
+                        },
+                        [
+                          _vm.errors.has("form.id_villages")
+                            ? _c("i", { staticClass: "icon-cross2" })
+                            : _vm._e(),
+                          _vm._v("\n\t\t\t\t\t\t\t\tKelurahan: "),
+                          _c("wajib-badge"),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "select",
+                        {
+                          directives: [
                             {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.alamat"),
-                              },
+                              name: "model",
+                              rawName: "v-model",
+                              value: _vm.form.id_villages,
+                              expression: "form.id_villages",
+                            },
+                            {
+                              name: "validate",
+                              rawName: "v-validate",
+                              value: "required",
+                              expression: "'required'",
+                            },
+                          ],
+                          staticClass: "form-control",
+                          attrs: {
+                            name: "id_villages",
+                            "data-width": "100%",
+                            "data-vv-as": "Desa",
+                            disabled: _vm.modelVillages.length === 0,
+                          },
+                          on: {
+                            change: function ($event) {
+                              var $$selectedVal = Array.prototype.filter
+                                .call($event.target.options, function (o) {
+                                  return o.selected
+                                })
+                                .map(function (o) {
+                                  var val = "_value" in o ? o._value : o.value
+                                  return val
+                                })
+                              _vm.$set(
+                                _vm.form,
+                                "id_villages",
+                                $event.target.multiple
+                                  ? $$selectedVal
+                                  : $$selectedVal[0]
+                              )
                             },
+                          },
+                        },
+                        [
+                          _c("option", { attrs: { disabled: "", value: "" } }, [
+                            _vm.modelVillagesStat === "loading"
+                              ? _c("span", [
+                                  _vm._v("Mohon tunggu... mohon tunggu"),
+                                ])
+                              : _c("span", [
+                                  _vm._v("Silahkan pilih kelurahan"),
+                                ]),
+                          ]),
+                          _vm._v(" "),
+                          _vm._l(_vm.modelVillages, function (villages, index) {
+                            return _c(
+                              "option",
+                              { key: index, domProps: { value: villages.id } },
+                              [_vm._v(_vm._s(villages.name))]
+                            )
+                          }),
+                        ],
+                        2
+                      ),
+                      _vm._v(" "),
+                      _vm.errors.has("form.id_villages")
+                        ? _c(
+                            "small",
+                            { staticClass: "text-muted text-danger" },
                             [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.alamat"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.alamat")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tAlamat: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
+                              _c("i", {
+                                staticClass: "icon-arrow-small-right",
+                              }),
+                              _vm._v(
+                                " " +
+                                  _vm._s(_vm.errors.first("form.id_villages")) +
+                                  "\n\t\t\t\t\t\t\t"
                               ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|min:5",
-                                    expression: "'required|min:5'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.alamat,
-                                    expression: "form.alamat",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "alamat",
-                                  placeholder: "Silahkan masukkan alamat",
-                                  "data-vv-as": "Alamat",
-                                },
-                                domProps: { value: _vm.form.alamat },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "alamat",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
+                            ]
+                          )
+                        : _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
+                          ]),
+                    ]
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h6", [_vm._v("RT:")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.number3,
+                          placeholder: "Silahkan masukkan no rt",
+                        },
+                        model: {
+                          value: _vm.form.rt,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "rt", $$v)
+                          },
+                          expression: "form.rt",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h6", [_vm._v("RW:")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.number3,
+                          placeholder: "Silahkan masukkan no rw",
+                        },
+                        model: {
+                          value: _vm.form.rw,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "rw", $$v)
+                          },
+                          expression: "form.rw",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-8" }, [
+                  _c(
+                    "div",
+                    {
+                      staticClass: "form-group",
+                      class: { "has-error": _vm.errors.has("form.alamat") },
+                    },
+                    [
+                      _c(
+                        "h6",
+                        {
+                          class: {
+                            "text-danger": _vm.errors.has("form.alamat"),
+                          },
+                        },
+                        [
+                          _vm.errors.has("form.alamat")
+                            ? _c("i", { staticClass: "icon-cross2" })
+                            : _vm._e(),
+                          _vm._v("\n\t\t\t\t\t\t\t\tAlamat: "),
+                          _c("wajib-badge"),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c("input", {
+                        directives: [
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required|min:5",
+                            expression: "'required|min:5'",
+                          },
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.alamat,
+                            expression: "form.alamat",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          type: "text",
+                          name: "alamat",
+                          placeholder: "Silahkan masukkan alamat",
+                          "data-vv-as": "Alamat",
+                        },
+                        domProps: { value: _vm.form.alamat },
+                        on: {
+                          input: function ($event) {
+                            if ($event.target.composing) {
+                              return
+                            }
+                            _vm.$set(_vm.form, "alamat", $event.target.value)
+                          },
+                        },
+                      }),
+                      _vm._v(" "),
+                      _vm.errors.has("form.alamat")
+                        ? _c(
+                            "small",
+                            { staticClass: "text-muted text-danger" },
+                            [
+                              _c("i", {
+                                staticClass: "icon-arrow-small-right",
                               }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.alamat")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.alamat")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
+                              _vm._v(
+                                " " +
+                                  _vm._s(_vm.errors.first("form.alamat")) +
+                                  "\n\t\t\t\t\t\t\t"
+                              ),
                             ]
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(2),
+                          )
+                        : _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
+                          ]),
+                    ]
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h6", [_vm._v("No. Hp:")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        staticClass: "form-control",
+                        attrs: {
+                          options: _vm.cleaveOption.number12,
+                          placeholder: "Silahkan masukkan no hp",
+                        },
+                        model: {
+                          value: _vm.form.hp,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.form, "hp", $$v)
+                          },
+                          expression: "form.hp",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                    ],
+                    1
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c(
+                    "div",
+                    {
+                      staticClass: "form-group",
+                      class: { "has-error": _vm.errors.has("form.email") },
+                    },
+                    [
+                      _c(
+                        "h6",
+                        {
+                          class: {
+                            "text-danger": _vm.errors.has("form.email"),
+                          },
+                        },
+                        [
+                          _vm.errors.has("form.email")
+                            ? _c("i", { staticClass: "icon-cross2" })
+                            : _vm._e(),
+                          _vm._v("\n\t\t\t\t\t\t\t\tEmail:"),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("input", {
+                        directives: [
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "email",
+                            expression: "'email'",
+                          },
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.form.email,
+                            expression: "form.email",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          type: "text",
+                          name: "email",
+                          placeholder: "Silahkan masukkan alamat email",
+                          "data-vv-as": "Email",
+                        },
+                        domProps: { value: _vm.form.email },
+                        on: {
+                          input: function ($event) {
+                            if ($event.target.composing) {
+                              return
+                            }
+                            _vm.$set(_vm.form, "email", $event.target.value)
+                          },
+                        },
+                      }),
+                      _vm._v(" "),
+                      _vm.errors.has("form.email")
+                        ? _c(
+                            "small",
+                            { staticClass: "text-muted text-danger" },
+                            [
+                              _c("i", {
+                                staticClass: "icon-arrow-small-right",
+                              }),
+                              _vm._v(
+                                " " +
+                                  _vm._s(_vm.errors.first("form.email")) +
+                                  "\n\t\t\t\t\t\t\t"
+                              ),
+                            ]
+                          )
+                        : _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
+                          ]),
+                    ]
+                  ),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "col-md-4" }, [
+                  _c("div", { staticClass: "form-group" }, [
+                    _c("h6", [_vm._v("Kontak Lainnya:")]),
                     _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-4" }, [
+                    _c("input", {
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.form.kontak,
+                          expression: "form.kontak",
+                        },
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        type: "text",
+                        name: "kontak",
+                        placeholder: "Silahkan masukkan kontak lainnya",
+                      },
+                      domProps: { value: _vm.form.kontak },
+                      on: {
+                        input: function ($event) {
+                          if ($event.target.composing) {
+                            return
+                          }
+                          _vm.$set(_vm.form, "kontak", $event.target.value)
+                        },
+                      },
+                    }),
+                  ]),
+                ]),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _vm.currentUser && _vm.currentUser.id_cu != 0
+            ? _c("div", { staticClass: "card" }, [
+                _vm._m(4),
+                _vm._v(" "),
+                _c("div", { staticClass: "card-body" }, [
+                  _c("div", { staticClass: "row" }, [
+                    _c("div", { staticClass: "col-sm-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: { "has-error": _vm.errors.has("form.tp_id") },
+                        },
+                        [
                           _c(
-                            "div",
-                            { staticClass: "form-group" },
+                            "h6",
+                            {
+                              class: {
+                                "text-danger": _vm.errors.has("form.tp_id"),
+                              },
+                            },
                             [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.telp"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.telp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Telp:"),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan no telp",
-                                },
-                                model: {
-                                  value: _vm.form.telp,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "telp", $$v)
-                                  },
-                                  expression: "form.telp",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
+                              _vm.errors.has("form.tp_id")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\t\tTP/KP: "),
+                              _c("wajib-badge"),
                             ],
                             1
                           ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
+                          _vm._v(" "),
                           _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c(
-                                "h5",
+                            "select",
+                            {
+                              directives: [
                                 {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.hp"),
-                                  },
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.tp_id,
+                                  expression: "form.tp_id",
                                 },
-                                [
-                                  _vm.errors.has("form.hp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Hp:"),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan no hp",
+                                {
+                                  name: "validate",
+                                  rawName: "v-validate",
+                                  value: "required",
+                                  expression: "'required'",
                                 },
-                                model: {
-                                  value: _vm.form.hp,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "hp", $$v)
-                                  },
-                                  expression: "form.hp",
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                name: "id_tp",
+                                "data-width": "100%",
+                                "data-vv-as": "TP/KP",
+                              },
+                              on: {
+                                change: function ($event) {
+                                  var $$selectedVal = Array.prototype.filter
+                                    .call($event.target.options, function (o) {
+                                      return o.selected
+                                    })
+                                    .map(function (o) {
+                                      var val =
+                                        "_value" in o ? o._value : o.value
+                                      return val
+                                    })
+                                  _vm.$set(
+                                    _vm.form,
+                                    "tp_id",
+                                    $event.target.multiple
+                                      ? $$selectedVal
+                                      : $$selectedVal[0]
+                                  )
                                 },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
+                              },
+                            },
                             [
                               _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.pos"),
-                                  },
-                                },
+                                "option",
+                                { attrs: { disabled: "", value: "" } },
                                 [
-                                  _vm.errors.has("form.pos")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKode Pos:"),
+                                  _vm.modelTpStat === "loading"
+                                    ? _c("span", [_vm._v("Mohon tunggu...")])
+                                    : _c("span", [
+                                        _vm._v("Silahkan pilih TP/KP"),
+                                      ]),
                                 ]
                               ),
                               _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan kode pos",
-                                },
-                                model: {
-                                  value: _vm.form.pos,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "pos", $$v)
-                                  },
-                                  expression: "form.pos",
-                                },
+                              _vm._l(_vm.modelTp, function (tp, index) {
+                                return _c(
+                                  "option",
+                                  { key: index, domProps: { value: tp.id } },
+                                  [_vm._v(_vm._s(tp.name))]
+                                )
                               }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
                             ],
-                            1
+                            2
                           ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
+                          _vm._v(" "),
+                          _vm.errors.has("form.tp_id")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(_vm.errors.first("form.tp_id")) +
+                                      "\n\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: { "has-error": _vm.errors.has("form.no_ba") },
+                        },
+                        [
                           _c(
-                            "div",
+                            "h6",
                             {
-                              staticClass: "form-group",
                               class: {
-                                "has-error": _vm.errors.has("form.email"),
+                                "text-danger": _vm.errors.has("form.no_ba"),
                               },
                             },
                             [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.email"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.email")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tE-mail:"),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.email,
-                                    expression: "form.email",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "email",
-                                  placeholder:
-                                    "Silahkan masukkan alamat e-mail",
-                                },
-                                domProps: { value: _vm.form.email },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "email",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.email")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.email")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
+                              _vm.errors.has("form.no_ba")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\tNo. BA: "),
+                              _c("wajib-badge"),
+                            ],
+                            1
                           ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-8" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.website"),
+                          _vm._v(" "),
+                          _c("cleave", {
+                            directives: [
+                              {
+                                name: "validate",
+                                rawName: "v-validate",
+                                value: "required",
+                                expression: "'required'",
                               },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              name: "no_ba",
+                              options: _vm.cleaveOption.number16,
+                              placeholder: "Silahkan masukkan no buku anggota",
+                              "data-vv-as": "No. Buku Anggota",
                             },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.website"),
-                                  },
-                                },
+                            model: {
+                              value: _vm.form.no_ba,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.form, "no_ba", $$v)
+                              },
+                              expression: "form.no_ba",
+                            },
+                          }),
+                          _vm._v(" "),
+                          _vm.errors.has("form.no_ba")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
                                 [
-                                  _vm.errors.has("form.website")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tWebsite:"),
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(_vm.errors.first("form.no_ba")) +
+                                      "\n\t\t\t\t\t\t\t\t"
+                                  ),
                                 ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.website,
-                                    expression: "form.website",
-                                  },
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "url",
-                                    expression: "'url'",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "website",
-                                  placeholder:
-                                    "Silahkan masukkan alamat website",
-                                  "data-vv-as": "Website",
-                                },
-                                domProps: { value: _vm.form.website },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "website",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.website")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.website")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                      ]),
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ],
+                        1
+                      ),
                     ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(3),
                     _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: {
+                            "has-error": _vm.errors.has("form.tanggal_masuk"),
+                          },
+                        },
+                        [
                           _c(
-                            "div",
-                            { staticClass: "form-group" },
+                            "h6",
+                            {
+                              class: {
+                                "text-danger":
+                                  _vm.errors.has("form.tanggal_masuk"),
+                              },
+                            },
                             [
-                              _c("h5", [_vm._v("Misi:")]),
-                              _vm._v(" "),
-                              _c("ckeditor", {
-                                attrs: {
-                                  type: "classic",
-                                  config: _vm.ckeditorNoImageConfig,
-                                },
-                                model: {
-                                  value: _vm.form.misi,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "misi", $$v)
-                                  },
-                                  expression: "form.misi",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
+                              _vm.errors.has("form.tanggal_masuk")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\tTgl. Jadi Anggota: "),
+                              _c("wajib-badge"),
                             ],
                             1
                           ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Visi:")]),
-                              _vm._v(" "),
-                              _c("ckeditor", {
-                                attrs: {
-                                  type: "classic",
-                                  config: _vm.ckeditorNoImageConfig,
-                                },
-                                model: {
-                                  value: _vm.form.visi,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "visi", $$v)
-                                  },
-                                  expression: "form.visi",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
+                          _vm._v(" "),
+                          _c("date-picker", {
+                            attrs: { defaultDate: _vm.form.tanggal_masuk },
+                            on: {
+                              dateSelected: function ($event) {
+                                _vm.form.tanggal_masuk = $event
+                              },
+                            },
+                          }),
+                          _vm._v(" "),
+                          _c("input", {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.tanggal_masuk,
+                                expression: "form.tanggal_masuk",
+                              },
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: false,
+                                expression: "false",
+                              },
+                              {
+                                name: "validate",
+                                rawName: "v-validate",
+                                value: "required",
+                                expression: "'required'",
+                              },
                             ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Nilai-nilai Inti:")]),
-                              _vm._v(" "),
-                              _c("ckeditor", {
-                                attrs: {
-                                  type: "classic",
-                                  config: _vm.ckeditorNoImageConfig,
-                                },
-                                model: {
-                                  value: _vm.form.nilai,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "nilai", $$v)
-                                  },
-                                  expression: "form.nilai",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
+                            attrs: { "data-vv-as": "Tgl. jadi anggota" },
+                            domProps: { value: _vm.form.tanggal_masuk },
+                            on: {
+                              input: function ($event) {
+                                if ($event.target.composing) {
+                                  return
+                                }
+                                _vm.$set(
+                                  _vm.form,
+                                  "tanggal_masuk",
+                                  $event.target.value
+                                )
+                              },
+                            },
+                          }),
+                          _vm._v(" "),
+                          _vm.errors.has("form.tanggal_masuk")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(
+                                        _vm.errors.first("form.tanggal_masuk")
+                                      ) +
+                                      "\n\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
                                 _vm._v(" "),
                               ]),
-                            ],
-                            1
-                          ),
+                        ],
+                        1
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-12" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c("h6", [
+                          _vm._v("\n\t\t\t\t\t\t\t\tKeterangan Jadi Anggota:"),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h5", [_vm._v("Slogan:")]),
-                            _vm._v(" "),
-                            _c("input", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.slogan,
-                                  expression: "form.slogan",
+                        _c("input", {
+                          directives: [
+                            {
+                              name: "model",
+                              rawName: "v-model",
+                              value: _vm.form.keterangan_masuk,
+                              expression: "form.keterangan_masuk",
+                            },
+                          ],
+                          staticClass: "form-control",
+                          attrs: {
+                            type: "text",
+                            name: "keterangan_masuk",
+                            placeholder: "Silahkan masukkan keterangan masuk",
+                          },
+                          domProps: { value: _vm.form.keterangan_masuk },
+                          on: {
+                            input: function ($event) {
+                              if ($event.target.composing) {
+                                return
+                              }
+                              _vm.$set(
+                                _vm.form,
+                                "keterangan_masuk",
+                                $event.target.value
+                              )
+                            },
+                          },
+                        }),
+                      ]),
+                    ]),
+                  ]),
+                ]),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.currentUser && _vm.currentUser.id_cu == 0
+            ? _c(
+                "div",
+                { staticClass: "card" },
+                [
+                  _c("div", { staticClass: "card-header bg-white" }, [
+                    _c(
+                      "h5",
+                      { staticClass: "card-title" },
+                      [_vm._v("CU "), _c("wajib-badge")],
+                      1
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "card-body pb-2" }, [
+                    _c("div", { staticClass: "row" }, [
+                      _vm.form.status_jalinan != 1 &&
+                      _vm.form.status_jalinan != 2
+                        ? _c("div", { staticClass: "col-md-12" }, [
+                            _c(
+                              "button",
+                              {
+                                staticClass: "btn btn-light mb-1",
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.modalOpen("tambahCu")
+                                  },
                                 },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                type: "text",
-                                name: "slogan",
-                                placeholder: "Silahkan masukkan slogan",
                               },
-                              domProps: { value: _vm.form.slogan },
-                              on: {
-                                input: function ($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.form,
-                                    "slogan",
-                                    $event.target.value
-                                  )
+                              [
+                                _c("i", { staticClass: "icon-plus22" }),
+                                _vm._v(" Tambah\n\t\t\t\t\t\t"),
+                              ]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "button",
+                              {
+                                staticClass: "btn btn-light mb-1",
+                                attrs: { disabled: !_vm.selectedItemCu.index },
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.modalOpen("ubahCu")
+                                  },
                                 },
                               },
-                            }),
+                              [
+                                _c("i", { staticClass: "icon-pencil5" }),
+                                _vm._v(" Ubah\n\t\t\t\t\t\t"),
+                              ]
+                            ),
                             _vm._v(" "),
-                            _c("small", { staticClass: "text-muted" }, [
-                              _vm._v(" "),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Sejarah:")]),
-                              _vm._v(" "),
-                              _c("ckeditor", {
-                                attrs: {
-                                  type: "classic",
-                                  config: _vm.ckeditorNoImageConfig,
-                                },
-                                model: {
-                                  value: _vm.form.sejarah,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "sejarah", $$v)
+                            _c(
+                              "button",
+                              {
+                                staticClass: "btn btn-light mb-1",
+                                attrs: { disabled: !_vm.selectedItemCu.index },
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.modalOpen("hapusCu")
                                   },
-                                  expression: "form.sejarah",
                                 },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
-                          ),
+                              },
+                              [
+                                _c("i", { staticClass: "icon-bin2" }),
+                                _vm._v(" Hapus\n\t\t\t\t\t\t"),
+                              ]
+                            ),
+                          ])
+                        : _vm._e(),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("data-table", {
+                    attrs: {
+                      items: _vm.itemDataCu,
+                      columnData: _vm.columnDataCu,
+                      itemDataStat: _vm.itemDataCuStat,
+                    },
+                    scopedSlots: _vm._u(
+                      [
+                        {
+                          key: "item-desktop",
+                          fn: function (props) {
+                            return [
+                              props.item
+                                ? _c(
+                                    "tr",
+                                    {
+                                      staticClass: "text-nowrap",
+                                      class: {
+                                        "bg-info":
+                                          _vm.selectedItemCu.index ===
+                                          props.index + 1,
+                                      },
+                                      on: {
+                                        click: function ($event) {
+                                          return _vm.selectedCuRow(
+                                            props.index,
+                                            props.item
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("td", [
+                                        _vm._v(_vm._s(props.index + 1)),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c(
+                                        "td",
+                                        [
+                                          props.item.cu
+                                            ? _c("check-value", {
+                                                attrs: {
+                                                  value: props.item.cu.name,
+                                                },
+                                              })
+                                            : _c("span", [_vm._v("-")]),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "td",
+                                        [
+                                          props.item.tp
+                                            ? _c("check-value", {
+                                                attrs: {
+                                                  value: props.item.tp.name,
+                                                },
+                                              })
+                                            : _c("span", [_vm._v("-")]),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "td",
+                                        [
+                                          _c("check-value", {
+                                            attrs: { value: props.item.no_ba },
+                                          }),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "td",
+                                        [
+                                          _c("check-value", {
+                                            attrs: {
+                                              value:
+                                                props.item.keterangan_masuk,
+                                            },
+                                          }),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c("td", {
+                                        staticClass: "text-nowrap",
+                                        domProps: {
+                                          innerHTML: _vm._s(
+                                            _vm.$options.filters.date(
+                                              props.item.tanggal_masuk
+                                            )
+                                          ),
+                                        },
+                                      }),
+                                    ]
+                                  )
+                                : _vm._e(),
+                            ]
+                          },
+                        },
+                      ],
+                      null,
+                      false,
+                      1383002481
+                    ),
+                  }),
+                ],
+                1
+              )
+            : _vm._e(),
+          _vm._v(" "),
+          _c("form-info"),
+          _vm._v(" "),
+          _c("br"),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "card card-body" },
+            [
+              _c("form-button", {
+                attrs: {
+                  cancelState: "methods",
+                  formValidation: "form",
+                  confirmIcon: _vm.confirmIcon,
+                  confirmTitle: _vm.confirmTitle,
+                },
+                on: { cancelClick: _vm.back },
+              }),
+            ],
+            1
+          ),
+        ],
+        1
+      ),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            content: _vm.modalContent,
+            color: _vm.modalColor,
+          },
+          on: {
+            batal: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            tutup: _vm.modalTutup,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body3" },
+            [
+              _c("form-cu", {
+                attrs: { mode: _vm.formCuMode, selected: _vm.selectedItemCu },
+                on: {
+                  createCu: _vm.createCu,
+                  editCu: _vm.editCu,
+                  tutup: _vm.modalTutup,
+                },
+              }),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Identitas Anggota")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("h6", [
+      _vm._v(" Tinggi "),
+      _c("small", [_vm._v("(cm)")]),
+      _vm._v(":"),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Riwayat")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Alamat & Kontak")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("CU")]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=template&id=50694320&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=template&id=50694320& ***!
+  \************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [_c("form-edit", { attrs: { mode: "edit" } })],
+            1
+          ),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=template&id=36153802&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=template&id=36153802& ***!
+  \**************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formDataCu" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _vm.message.show
+          ? _c("message", {
+              attrs: {
+                title: "Oops terjadi kesalahan",
+                errorData: _vm.message.content,
+                showDebug: false,
+              },
+              on: { close: _vm.messageClose },
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _c("div", { staticClass: "row" }, [
+          _vm.currentUser.id_cu === 0
+            ? _c("div", { staticClass: "col-md-6" }, [
+                _c(
+                  "div",
+                  {
+                    staticClass: "form-group",
+                    class: { "has-error": _vm.errors.has("formDataCu.cu_id") },
+                  },
+                  [
+                    _c(
+                      "h5",
+                      {
+                        class: {
+                          "text-danger": _vm.errors.has("formDataCu.cu_id"),
+                        },
+                      },
+                      [
+                        _vm.errors.has("formDataCu.cu_id")
+                          ? _c("i", { staticClass: "icon-cross2" })
+                          : _vm._e(),
+                        _vm._v("\n\t\t\t\t\tCU: "),
+                        _c("wajib-badge"),
+                      ],
+                      1
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.formDataCu.cu_id,
+                            expression: "formDataCu.cu_id",
+                          },
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required",
+                            expression: "'required'",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          name: "cu_id",
+                          "data-width": "100%",
+                          "data-vv-as": "CU",
+                          disabled: _vm.modelCU.length === 0,
+                        },
+                        on: {
+                          change: [
+                            function ($event) {
+                              var $$selectedVal = Array.prototype.filter
+                                .call($event.target.options, function (o) {
+                                  return o.selected
+                                })
+                                .map(function (o) {
+                                  var val = "_value" in o ? o._value : o.value
+                                  return val
+                                })
+                              _vm.$set(
+                                _vm.formDataCu,
+                                "cu_id",
+                                $event.target.multiple
+                                  ? $$selectedVal
+                                  : $$selectedVal[0]
+                              )
+                            },
+                            function ($event) {
+                              return _vm.changeCu($event.target.value)
+                            },
+                          ],
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "0" } }, [
+                          _vm.modelCUStat === "loading"
+                            ? _c("span", [_vm._v("Mohon tunggu...")])
+                            : _c("span", [_vm._v("Silahkan pilih CU")]),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Deskripsi:")]),
-                              _vm._v(" "),
-                              _c("ckeditor", {
-                                attrs: {
-                                  type: "classic",
-                                  config: _vm.ckeditorNoImageConfig,
-                                },
-                                model: {
-                                  value: _vm.form.deskripsi,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "deskripsi", $$v)
-                                  },
-                                  expression: "form.deskripsi",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
+                        _vm._l(_vm.modelCU, function (cu, index) {
+                          return _c(
+                            "option",
+                            { key: index, domProps: { value: cu.id } },
+                            [_vm._v(_vm._s(cu.name))]
+                          )
+                        }),
+                      ],
+                      2
+                    ),
+                    _vm._v(" "),
+                    _vm.errors.has("formDataCu.cu_id")
+                      ? _c("small", { staticClass: "text-muted text-danger" }, [
+                          _c("i", { staticClass: "icon-arrow-small-right" }),
+                          _vm._v(
+                            " " +
+                              _vm._s(_vm.errors.first("formDataCu.cu_id")) +
+                              "\n\t\t\t\t"
                           ),
+                        ])
+                      : _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" "),
                         ]),
-                      ]),
+                  ]
+                ),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-6" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formDataCu.tp_id") },
+              },
+              [
+                _c(
+                  "h6",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formDataCu.tp_id"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formDataCu.tp_id")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tTP/KP: "),
+                    _c("wajib-badge"),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c(
+                  "select",
+                  {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.formDataCu.tp_id,
+                        expression: "formDataCu.tp_id",
+                      },
+                      {
+                        name: "validate",
+                        rawName: "v-validate",
+                        value: "required",
+                        expression: "'required'",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      name: "id_tp",
+                      "data-width": "100%",
+                      "data-vv-as": "TP/KP",
+                    },
+                    on: {
+                      change: [
+                        function ($event) {
+                          var $$selectedVal = Array.prototype.filter
+                            .call($event.target.options, function (o) {
+                              return o.selected
+                            })
+                            .map(function (o) {
+                              var val = "_value" in o ? o._value : o.value
+                              return val
+                            })
+                          _vm.$set(
+                            _vm.formDataCu,
+                            "tp_id",
+                            $event.target.multiple
+                              ? $$selectedVal
+                              : $$selectedVal[0]
+                          )
+                        },
+                        function ($event) {
+                          return _vm.changeTp($event.target.value)
+                        },
+                      ],
+                    },
+                  },
+                  [
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm.modelTpStat === "loading"
+                        ? _c("span", [_vm._v("Mohon tunggu...")])
+                        : _c("span", [_vm._v("Silahkan pilih TP/KP")]),
                     ]),
-                  ]),
-                  _vm._v(" "),
-                  _vm.currentUser.can &&
-                  _vm.currentUser.can["update_" + _vm.kelas]
-                    ? _c("form-info")
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _c("br"),
-                  _vm._v(" "),
-                  _vm.currentUser.can &&
-                  _vm.currentUser.can["update_" + _vm.kelas]
-                    ? _c(
-                        "div",
-                        { staticClass: "card card-body" },
-                        [
-                          _c("form-button", {
-                            attrs: {
-                              cancelState: _vm.cancelState,
-                              formValidation: "form",
-                            },
-                            on: { cancelClick: _vm.back },
-                          }),
-                        ],
-                        1
+                    _vm._v(" "),
+                    _vm._l(_vm.modelTp, function (tp, index) {
+                      return _c(
+                        "option",
+                        { key: index, domProps: { value: tp.id } },
+                        [_vm._v(_vm._s(tp.name))]
+                      )
+                    }),
+                  ],
+                  2
+                ),
+                _vm._v(" "),
+                _vm.errors.has("formDataCu.tp_id")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formDataCu.tp_id")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+              ]
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-6" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formDataCu.no_ba") },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formDataCu.no_ba"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formDataCu.no_ba")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tNo. BA: "),
+                    _c("wajib-badge"),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c("cleave", {
+                  directives: [
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "anggota_no_ba",
+                    options: _vm.cleaveOption.number16,
+                    placeholder: "Silahkan masukkan no buku anggota",
+                    "data-vv-as": "No. Buku Anggota",
+                  },
+                  model: {
+                    value: _vm.formDataCu.no_ba,
+                    callback: function ($$v) {
+                      _vm.$set(_vm.formDataCu, "no_ba", $$v)
+                    },
+                    expression: "formDataCu.no_ba",
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formDataCu.no_ba")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formDataCu.no_ba")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [
+                      _vm._v(" \n\t\t\t\t"),
+                    ]),
+              ],
+              1
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-6" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: {
+                  "has-error": _vm.errors.has("formDataCu.tanggal_masuk"),
+                },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formDataCu.tanggal_masuk"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formDataCu.tanggal_masuk")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tTgl. Jadi Anggota: "),
+                    _c("wajib-badge"),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c("date-picker", {
+                  attrs: { defaultDate: _vm.formDataCu.tanggal_masuk },
+                  on: {
+                    dateSelected: function ($event) {
+                      _vm.formDataCu.tanggal_masuk = $event
+                    },
+                  },
+                }),
+                _vm._v(" "),
+                _c("input", {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.formDataCu.tanggal_masuk,
+                      expression: "formDataCu.tanggal_masuk",
+                    },
+                    {
+                      name: "show",
+                      rawName: "v-show",
+                      value: false,
+                      expression: "false",
+                    },
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  attrs: { "data-vv-as": "Tgl. jadi anggota" },
+                  domProps: { value: _vm.formDataCu.tanggal_masuk },
+                  on: {
+                    input: function ($event) {
+                      if ($event.target.composing) {
+                        return
+                      }
+                      _vm.$set(
+                        _vm.formDataCu,
+                        "tanggal_masuk",
+                        $event.target.value
                       )
-                    : _c("div", [_vm._m(4)]),
+                    },
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formDataCu.tanggal_masuk")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formDataCu.tanggal_masuk")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [
+                      _vm._v(" \n\t\t\t\t"),
+                    ]),
+              ],
+              1
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-12" }, [
+            _c("div", { staticClass: "form-group" }, [
+              _c("h6", [_vm._v("Keterangan Jadi Anggota:")]),
+              _vm._v(" "),
+              _c("input", {
+                directives: [
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.formDataCu.keterangan_masuk,
+                    expression: "formDataCu.keterangan_masuk",
+                  },
                 ],
-                1
-              ),
-            ],
-            1
+                staticClass: "form-control",
+                attrs: {
+                  type: "text",
+                  name: "keterangan_masuk",
+                  placeholder: "Silahkan masukkan keterangan masuk",
+                },
+                domProps: { value: _vm.formDataCu.keterangan_masuk },
+                on: {
+                  input: function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.$set(
+                      _vm.formDataCu,
+                      "keterangan_masuk",
+                      $event.target.value
+                    )
+                  },
+                },
+              }),
+            ]),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
           ),
         ]),
-      ]),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          content: _vm.modalContent,
-          color: _vm.modalColor,
-        },
-        on: {
-          batal: _vm.modalTutup,
-          tutup: _vm.modalTutup,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalBackgroundClick,
-        },
-      }),
-    ],
-    1
-  )
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
+      ],
+      1
+    ),
+  ])
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("1. Informasi Umum")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("2. Lokasi")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("3. Kontak")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("4. Profil")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "alert bg-warning alert-styled-left" }, [
-      _c("h6", [
-        _vm._v(
-          "Untuk menyimpan pengubahan data, anda mesti memiliki hak akses untuk mengubah CU, silahkan hubungi user di CU anda yang memiliki akses mengelola user."
-        ),
-      ]),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
@@ -4030,20 +5758,18 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue":
+/***/ "./resources/assets/js/components/checkValue.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue ***!
+  !*** ./resources/assets/js/components/checkValue.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
+/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -4051,10 +5777,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4064,54 +5790,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datePicker.vue"
+component.options.__file = "resources/assets/js/components/checkValue.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \****************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
@@ -4184,75 +5894,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/***/ }),
-
-/***/ "./resources/assets/js/components/infoIcon.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue ***!
-  \*****************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
-
-
-
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/infoIcon.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
 /***/ }),
 
 /***/ "./resources/assets/js/components/pageHeader.vue":
@@ -4444,17 +6085,86 @@ function objectToFormData(obj, form, namespace) {
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/cu/form.vue":
-/*!***********************************************!*\
-  !*** ./resources/assets/js/views/cu/form.vue ***!
-  \***********************************************/
+/***/ "./resources/assets/js/views/anggotaCuDraft/edit.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/edit.vue ***!
+  \***********************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _edit_vue_vue_type_template_id_1b0cacb6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./edit.vue?vue&type=template&id=1b0cacb6& */ "./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=template&id=1b0cacb6&");
+/* harmony import */ var _edit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./edit.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _edit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _edit_vue_vue_type_template_id_1b0cacb6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _edit_vue_vue_type_template_id_1b0cacb6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/views/anggotaCuDraft/edit.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_edit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./edit.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_edit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=template&id=1b0cacb6&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=template&id=1b0cacb6& ***!
+  \******************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_edit_vue_vue_type_template_id_1b0cacb6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./edit.vue?vue&type=template&id=1b0cacb6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/edit.vue?vue&type=template&id=1b0cacb6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_edit_vue_vue_type_template_id_1b0cacb6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_edit_vue_vue_type_template_id_1b0cacb6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/anggotaCuDraft/form.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/form.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_0b7558de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=0b7558de& */ "./resources/assets/js/views/cu/form.vue?vue&type=template&id=0b7558de&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/cu/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_50694320___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=50694320& */ "./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=template&id=50694320&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4465,8 +6175,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_0b7558de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_0b7558de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_template_id_50694320___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_50694320___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4476,38 +6186,107 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/cu/form.vue"
+component.options.__file = "resources/assets/js/views/anggotaCuDraft/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/cu/form.vue?vue&type=script&lang=js&":
-/*!************************************************************************!*\
-  !*** ./resources/assets/js/views/cu/form.vue?vue&type=script&lang=js& ***!
-  \************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/cu/form.vue?vue&type=template&id=0b7558de&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/views/cu/form.vue?vue&type=template&id=0b7558de& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=template&id=50694320&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=template&id=50694320& ***!
+  \******************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_50694320___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=50694320& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/form.vue?vue&type=template&id=50694320&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_50694320___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_50694320___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/anggotaCuDraft/formCu.vue":
+/*!*************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/formCu.vue ***!
+  \*************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _formCu_vue_vue_type_template_id_36153802___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formCu.vue?vue&type=template&id=36153802& */ "./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=template&id=36153802&");
+/* harmony import */ var _formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formCu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formCu_vue_vue_type_template_id_36153802___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formCu_vue_vue_type_template_id_36153802___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/views/anggotaCuDraft/formCu.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=template&id=36153802&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=template&id=36153802& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0b7558de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=0b7558de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/form.vue?vue&type=template&id=0b7558de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0b7558de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_36153802___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCu.vue?vue&type=template&id=36153802& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/formCu.vue?vue&type=template&id=36153802&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_36153802___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0b7558de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_36153802___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/48.js b/public/js/components/48.js
index b96ce8e3d..02a190894 100644
--- a/public/js/components/48.js
+++ b/public/js/components/48.js
@@ -357,28 +357,32 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/form.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraOrang/form.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/form.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/form.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
+/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -825,6 +829,220 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
 
 
 
@@ -839,24 +1057,34 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_11__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_6__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default.a,
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_13__["default"]
   },
   data: function data() {
     return {
-      title: 'Tambah Mitra Perorangan',
-      titleDesc: 'Menambah mitra perorangan baru',
+      title: 'Tambah CU',
+      titleDesc: 'Menambah CU baru',
       titleIcon: 'icon-plus3',
-      kelas: 'mitraOrang',
-      level2Title: 'Mitra Perorangan',
+      level: 2,
+      level2Title: 'CU',
+      kelas: 'cu',
+      redirect: '/cu/',
+      ckeditorNoImageConfig: {
+        toolbar: {
+          items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo']
+        },
+        table: {
+          contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']
+        }
+      },
       cleaveOption: {
         date: {
           date: true,
@@ -884,6 +1112,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
           delimiter: '.'
         }
       },
+      cancelState: 'methods',
       modalShow: false,
       modalState: '',
       modalTitle: '',
@@ -897,20 +1126,19 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       return vm.fetch();
     });
   },
-  created: function created() {
-    if (this.currentUser.id_cu == 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    }
-
-    this.form.id_cu = this.currentUser.id_cu;
-  },
   watch: {
     formStat: function formStat(value) {
       if (value === "success") {
-        if (this.$route.meta.mode !== 'edit') {
-          this.form.id_cu = this.currentUser.id_cu;
+        if (this.$route.meta.mode == 'edit' || this.$route.meta.mode == 'profile') {
+          if (this.currentUser.id_cu !== 0 && this.currentUser.id_cu !== this.form.id) {
+            this.$router.push({
+              name: 'notFound'
+            });
+          }
+
+          this.changeProvinces(this.form.id_provinces);
+          this.changeRegencies(this.form.id_regencies);
+          this.changeDistricts(this.form.id_districts);
         }
       }
     },
@@ -929,16 +1157,24 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   methods: {
     fetch: function fetch() {
-      if (this.$route.meta.mode === 'edit') {
+      if (this.$route.meta.mode == 'edit') {
         this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah mitra perorangan';
-        this.titleDesc = 'Mengubah mitra perorangan';
+        this.title = 'Ubah ' + this.level2Title;
+        this.titleDesc = 'Mengubah ' + this.level2Title;
         this.titleIcon = 'icon-pencil5';
+      } else if (this.$route.meta.mode == 'profile') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+        this.title = 'Profile ' + this.level2Title;
+        this.titleDesc = 'Mengubah profile ' + this.level2Title;
+        this.titleIcon = 'icon-office';
+        this.level = 1;
+        this.level2Title = '';
+        this.cancelState = '';
       } else {
-        this.title = 'Tambah mitra perorangan';
-        this.titleDesc = 'Menambah mitra perorangan';
-        this.titleIcon = 'icon-plus3';
         this.$store.dispatch(this.kelas + '/create');
+        this.title = 'Tambah ' + this.level2Title;
+        this.titleDesc = 'Menambah ' + this.level2Title;
+        this.titleIcon = 'icon-plus3';
       }
 
       this.$store.dispatch('provinces/get');
@@ -946,10 +1182,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     save: function save() {
       var _this = this;
 
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_4__["toMulipartedForm"])(this.form, this.$route.meta.mode);
       this.$validator.validateAll('form').then(function (result) {
         if (result) {
-          if (_this.$route.meta.mode == 'edit') {
+          if (_this.$route.meta.mode == 'edit' || _this.$route.meta.mode == 'profile') {
             _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
           } else {
             _this.$store.dispatch(_this.kelas + '/store', formData);
@@ -962,6 +1198,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         }
       });
     },
+    back: function back() {
+      this.$router.push({
+        name: this.kelas
+      });
+    },
     changeProvinces: function changeProvinces(id) {
       this.$store.dispatch('regencies/getProvinces', id);
     },
@@ -971,17 +1212,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     changeDistricts: function changeDistricts(id) {
       this.$store.dispatch('villages/getDistricts', id);
     },
-    back: function back() {
-      this.$router.push({
-        name: this.kelas
-      });
-    },
     modalTutup: function modalTutup() {
-      if (this.updateStat === 'success') {
-        this.back();
+      if (this.updateStat === 'success' && this.$route.meta.mode == 'edit') {
+        this.$router.push(this.redirect);
       }
 
       this.modalShow = false;
+      this.submitedKategori = false;
+      this.submitedPenulis = false;
     },
     modalBackgroundClick: function modalBackgroundClick() {
       if (this.modalState === 'success') {
@@ -990,27 +1228,31 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       } else {
         this.modalShow = false;
       }
+    },
+    processFile: function processFile(event) {
+      this.form.gambar = event.target.files[0];
+      console.log(event.target.files[0].name);
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('mitraOrang', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('cu', {
     form: 'data',
     formStat: 'dataStat',
     rules: 'rules',
     options: 'options',
     updateResponse: 'update',
     updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('provinces', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('provinces', {
     modelProvinces: 'dataS',
     modelProvincesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('regencies', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('regencies', {
     modelRegencies: 'dataS',
     modelRegenciesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('districts', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('districts', {
     modelDistricts: 'dataS',
     modelDistrictsStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('villages', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('villages', {
     modelVillages: 'dataS',
     modelVillagesStat: 'dataStatS'
   }))
@@ -1420,10 +1662,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/form.vue?vue&type=template&id=3a984f40&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraOrang/form.vue?vue&type=template&id=3a984f40& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/form.vue?vue&type=template&id=0b7558de&":
+/*!************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/form.vue?vue&type=template&id=0b7558de& ***!
+  \************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1463,7 +1705,7 @@ var render = function () {
               _vm.errors.any("form") && _vm.submited
                 ? _c("message", {
                     attrs: {
-                      title: "Oops, terjadi kesalahan",
+                      title: "Oops terjadi kesalahan",
                       errorItem: _vm.errors.items,
                     },
                   })
@@ -1485,6 +1727,8 @@ var render = function () {
                 },
                 [
                   _c("div", { staticClass: "card" }, [
+                    _vm._m(0),
+                    _vm._v(" "),
                     _c("div", { staticClass: "card-body" }, [
                       _c("div", { staticClass: "row" }, [
                         _c("div", { staticClass: "col-md-12" }, [
@@ -1492,11 +1736,11 @@ var render = function () {
                             "div",
                             { staticClass: "form-group" },
                             [
-                              _c("h6", [_vm._v("Foto:")]),
+                              _c("h5", [_vm._v("Foto Kantor Pusat:")]),
                               _vm._v(" "),
                               _c("app-image-upload", {
                                 attrs: {
-                                  image_loc: "/images/mitra_orang/",
+                                  image_loc: "/images/cu/",
                                   image_temp: _vm.form.gambar,
                                 },
                                 model: {
@@ -1512,30 +1756,79 @@ var render = function () {
                           ),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
+                        _c("div", { staticClass: "col-md-2" }, [
                           _c(
                             "div",
-                            { staticClass: "form-group" },
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.no_ba"),
+                              },
+                            },
                             [
-                              _c("h6", [
-                                _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. KTP:"),
-                              ]),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  name: "nik",
-                                  options: _vm.cleaveOption.number16,
-                                  placeholder: "Silahkan masukkan no KTP",
-                                },
-                                model: {
-                                  value: _vm.form.nik,
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.no_ba"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.no_ba")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. BA: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  name: "no_ba",
+                                  options: _vm.cleaveOption.number3,
+                                  placeholder: "Silahkan masukkan no ba.",
+                                  "data-vv-as": "No. BA",
+                                  readonly: _vm.currentUser.id_cu != 0,
+                                },
+                                model: {
+                                  value: _vm.form.no_ba,
                                   callback: function ($$v) {
-                                    _vm.$set(_vm.form, "nik", $$v)
+                                    _vm.$set(_vm.form, "no_ba", $$v)
                                   },
-                                  expression: "form.nik",
+                                  expression: "form.no_ba",
                                 },
                               }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.no_ba")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.no_ba")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
                             ],
                             1
                           ),
@@ -1552,7 +1845,7 @@ var render = function () {
                             },
                             [
                               _c(
-                                "h6",
+                                "h5",
                                 {
                                   class: {
                                     "text-danger": _vm.errors.has("form.name"),
@@ -1587,8 +1880,9 @@ var render = function () {
                                 attrs: {
                                   type: "text",
                                   name: "name",
-                                  placeholder: "Silahkan masukkan nama",
+                                  placeholder: "Silahkan masukkan nama CU",
                                   "data-vv-as": "Nama",
+                                  readonly: _vm.currentUser.id_cu != 0,
                                 },
                                 domProps: { value: _vm.form.name },
                                 on: {
@@ -1629,99 +1923,75 @@ var render = function () {
                           ),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
+                        _c("div", { staticClass: "col-md-6" }, [
                           _c(
                             "div",
                             {
                               staticClass: "form-group",
                               class: {
-                                "has-error": _vm.errors.has("form.kelamin"),
+                                "has-error": _vm.errors.has("form.name_legal"),
                               },
                             },
                             [
                               _c(
-                                "h6",
+                                "h5",
                                 {
                                   class: {
                                     "text-danger":
-                                      _vm.errors.has("form.kelamin"),
+                                      _vm.errors.has("form.name_legal"),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.kelamin")
+                                  _vm.errors.has("form.name_legal")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tGender: "),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tNama Legal: "
+                                  ),
                                   _c("wajib-badge"),
+                                  _vm._v(" "),
+                                  _c("info-icon", {
+                                    staticClass: "text-right",
+                                    attrs: {
+                                      message:
+                                        "nama yang terdaftar secara hukum contoh: KSP xxx",
+                                    },
+                                  }),
                                 ],
                                 1
                               ),
                               _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.kelamin,
-                                      expression: "form.kelamin",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "kelamin",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Gender",
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.name_legal,
+                                    expression: "form.name_legal",
                                   },
-                                  on: {
-                                    change: function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "kelamin",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "name_legal",
+                                  placeholder: "Silahkan masukkan nama legal",
+                                },
+                                domProps: { value: _vm.form.name_legal },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "name_legal",
+                                      $event.target.value
+                                    )
                                   },
                                 },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [_vm._v("Silahkan pilih gender")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "Pria" } }, [
-                                    _vm._v("Pria"),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "Wanita" } }, [
-                                    _vm._v("Wanita"),
-                                  ]),
-                                ]
-                              ),
+                              }),
                               _vm._v(" "),
-                              _vm.errors.has("form.kelamin")
+                              _vm.errors.has("form.name_legal")
                                 ? _c(
                                     "small",
                                     { staticClass: "text-muted text-danger" },
@@ -1732,7 +2002,7 @@ var render = function () {
                                       _vm._v(
                                         " " +
                                           _vm._s(
-                                            _vm.errors.first("form.kelamin")
+                                            _vm.errors.first("form.name_legal")
                                           ) +
                                           "\n\t\t\t\t\t\t\t\t\t\t"
                                       ),
@@ -1746,310 +2016,324 @@ var render = function () {
                         ]),
                         _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h6", [
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\t\t\t\t\tGol. Darah:\n\t\t\t\t\t\t\t\t\t\t"
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.badan_hukum"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.badan_hukum"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.badan_hukum")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tBadan Hukum:"
+                                  ),
+                                ]
                               ),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "select",
-                              {
+                              _vm._v(" "),
+                              _c("input", {
                                 directives: [
                                   {
                                     name: "model",
                                     rawName: "v-model",
-                                    value: _vm.form.darah,
-                                    expression: "form.darah",
+                                    value: _vm.form.badan_hukum,
+                                    expression: "form.badan_hukum",
                                   },
                                 ],
                                 staticClass: "form-control",
-                                attrs: { name: "darah", "data-width": "100%" },
+                                attrs: {
+                                  type: "text",
+                                  name: "badan_hukum",
+                                  placeholder: "Silahkan masukkan nama CU",
+                                },
+                                domProps: { value: _vm.form.badan_hukum },
                                 on: {
-                                  change: function ($event) {
-                                    var $$selectedVal = Array.prototype.filter
-                                      .call(
-                                        $event.target.options,
-                                        function (o) {
-                                          return o.selected
-                                        }
-                                      )
-                                      .map(function (o) {
-                                        var val =
-                                          "_value" in o ? o._value : o.value
-                                        return val
-                                      })
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
                                     _vm.$set(
                                       _vm.form,
-                                      "darah",
-                                      $event.target.multiple
-                                        ? $$selectedVal
-                                        : $$selectedVal[0]
+                                      "badan_hukum",
+                                      $event.target.value
                                     )
                                   },
                                 },
-                              },
-                              [
-                                _c(
-                                  "option",
-                                  { attrs: { disabled: "", value: "" } },
-                                  [_vm._v("Silahkan pilih golongan darah")]
-                                ),
-                                _vm._v(" "),
-                                _c("option", { attrs: { value: "A" } }, [
-                                  _vm._v("A"),
-                                ]),
-                                _vm._v(" "),
-                                _c("option", { attrs: { value: "B" } }, [
-                                  _vm._v("B"),
-                                ]),
-                                _vm._v(" "),
-                                _c("option", { attrs: { value: "AB" } }, [
-                                  _vm._v("AB"),
-                                ]),
-                                _vm._v(" "),
-                                _c("option", { attrs: { value: "O" } }, [
-                                  _vm._v("O"),
-                                ]),
-                              ]
-                            ),
-                          ]),
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ]
+                          ),
                         ]),
                         _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
                           _c(
                             "div",
-                            { staticClass: "form-group" },
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.npwp"),
+                              },
+                            },
                             [
-                              _vm._m(0),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  name: "tinggi",
-                                  options: _vm.cleaveOption.number3,
-                                  placeholder: "Silahkan masukkan tinggi",
-                                },
-                                model: {
-                                  value: _vm.form.tinggi,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "tinggi", $$v)
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.npwp"),
                                   },
-                                  expression: "form.tinggi",
                                 },
-                              }),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h6", [_vm._v("Agama:")]),
-                            _vm._v(" "),
-                            _c(
-                              "select",
-                              {
+                                [
+                                  _vm.errors.has("form.npwp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tNPWP (nomor pokok wajib pajak):"
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
                                 directives: [
                                   {
                                     name: "model",
                                     rawName: "v-model",
-                                    value: _vm.form.agama,
-                                    expression: "form.agama",
+                                    value: _vm.form.npwp,
+                                    expression: "form.npwp",
                                   },
                                 ],
                                 staticClass: "form-control",
-                                attrs: { name: "agama", "data-width": "100%" },
+                                attrs: {
+                                  type: "text",
+                                  name: "npwp",
+                                  placeholder: "Silahkan masukkan NPWP",
+                                },
+                                domProps: { value: _vm.form.npwp },
                                 on: {
-                                  change: function ($event) {
-                                    var $$selectedVal = Array.prototype.filter
-                                      .call(
-                                        $event.target.options,
-                                        function (o) {
-                                          return o.selected
-                                        }
-                                      )
-                                      .map(function (o) {
-                                        var val =
-                                          "_value" in o ? o._value : o.value
-                                        return val
-                                      })
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
                                     _vm.$set(
                                       _vm.form,
-                                      "agama",
-                                      $event.target.multiple
-                                        ? $$selectedVal
-                                        : $$selectedVal[0]
+                                      "npwp",
+                                      $event.target.value
                                     )
                                   },
                                 },
-                              },
-                              [
-                                _c(
-                                  "option",
-                                  { attrs: { disabled: "", value: "" } },
-                                  [_vm._v("Silahkan pilih agama")]
-                                ),
-                                _vm._v(" "),
-                                _c("option", { attrs: { value: "Buddha" } }, [
-                                  _vm._v("Buddha"),
-                                ]),
-                                _vm._v(" "),
-                                _c("option", { attrs: { value: "Hindu" } }, [
-                                  _vm._v("Hindu"),
-                                ]),
-                                _vm._v(" "),
-                                _c("option", { attrs: { value: "Islam" } }, [
-                                  _vm._v("Islam"),
-                                ]),
-                                _vm._v(" "),
-                                _c("option", { attrs: { value: "Khatolik" } }, [
-                                  _vm._v("Khatolik"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "option",
-                                  { attrs: { value: "Kong Hu Cu" } },
-                                  [_vm._v("Kong Hu Cu")]
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "option",
-                                  { attrs: { value: "Protestan" } },
-                                  [_vm._v("Protestan")]
-                                ),
-                              ]
-                            ),
-                          ]),
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ]
+                          ),
                         ]),
                         _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
                           _c(
                             "div",
-                            { staticClass: "form-group" },
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.nik"),
+                              },
+                            },
                             [
-                              _c("h6", [_vm._v("Tgl. Lahir:")]),
-                              _vm._v(" "),
-                              _c("date-picker", {
-                                attrs: { defaultDate: _vm.form.tanggal_lahir },
-                                on: {
-                                  dateSelected: function ($event) {
-                                    _vm.form.tanggal_lahir = $event
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.nik"),
                                   },
                                 },
-                              }),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h6", [_vm._v("Tempat Lahir:")]),
-                            _vm._v(" "),
-                            _c("input", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.tempat_lahir,
-                                  expression: "form.tempat_lahir",
+                                [
+                                  _vm.errors.has("form.nik")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tNIK (nomor induk koperasi):"
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.nik,
+                                    expression: "form.nik",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "NIK",
+                                  placeholder: "Silahkan masukkan NIK",
                                 },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                type: "text",
-                                name: "tempat_lahir",
-                                placeholder: "Silahkan masukkan tempat lahir",
-                              },
-                              domProps: { value: _vm.form.tempat_lahir },
-                              on: {
-                                input: function ($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.form,
-                                    "tempat_lahir",
-                                    $event.target.value
-                                  )
+                                domProps: { value: _vm.form.nik },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "nik",
+                                      $event.target.value
+                                    )
+                                  },
                                 },
-                              },
-                            }),
-                          ]),
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ]
+                          ),
                         ]),
                         _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h6", [
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\t\t\t\t\tStatus:\n\t\t\t\t\t\t\t\t\t\t"
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.situ"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.situ"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.situ")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tSITU (surat izin tempat usaha):"
+                                  ),
+                                ]
                               ),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "select",
-                              {
+                              _vm._v(" "),
+                              _c("input", {
                                 directives: [
                                   {
                                     name: "model",
                                     rawName: "v-model",
-                                    value: _vm.form.status,
-                                    expression: "form.status",
+                                    value: _vm.form.situ,
+                                    expression: "form.situ",
                                   },
                                 ],
                                 staticClass: "form-control",
-                                attrs: { name: "status", "data-width": "100%" },
+                                attrs: {
+                                  type: "text",
+                                  name: "SITU",
+                                  placeholder: "Silahkan masukkan SITU",
+                                },
+                                domProps: { value: _vm.form.situ },
                                 on: {
-                                  change: function ($event) {
-                                    var $$selectedVal = Array.prototype.filter
-                                      .call(
-                                        $event.target.options,
-                                        function (o) {
-                                          return o.selected
-                                        }
-                                      )
-                                      .map(function (o) {
-                                        var val =
-                                          "_value" in o ? o._value : o.value
-                                        return val
-                                      })
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
                                     _vm.$set(
                                       _vm.form,
-                                      "status",
-                                      $event.target.multiple
-                                        ? $$selectedVal
-                                        : $$selectedVal[0]
+                                      "situ",
+                                      $event.target.value
                                     )
                                   },
                                 },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.siusp"),
                               },
-                              [
-                                _c(
-                                  "option",
-                                  { attrs: { disabled: "", value: "" } },
-                                  [_vm._v("Silahkan pilih status pernikahan")]
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "option",
-                                  { attrs: { value: "Belum menikah" } },
-                                  [_vm._v("Belum menikah")]
-                                ),
-                                _vm._v(" "),
-                                _c("option", { attrs: { value: "Menikah" } }, [
-                                  _vm._v("Menikah"),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "option",
-                                  { attrs: { value: "Janda/Duda" } },
-                                  [_vm._v("Janda/Duda")]
-                                ),
-                              ]
-                            ),
-                          ]),
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.siusp"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.siusp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tSIUSP (surat izin usaha simpan pinjam):"
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.siusp,
+                                    expression: "form.siusp",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "SIUSP",
+                                  placeholder: "Silahkan masukkan SIUSP",
+                                },
+                                domProps: { value: _vm.form.siusp },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "siusp",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ]
+                          ),
                         ]),
                         _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
@@ -2058,23 +2342,91 @@ var render = function () {
                             {
                               staticClass: "form-group",
                               class: {
-                                "has-error": _vm.errors.has("form.bidang"),
+                                "has-error": _vm.errors.has("form.izinOp"),
                               },
                             },
                             [
                               _c(
-                                "h6",
+                                "h5",
                                 {
                                   class: {
                                     "text-danger":
-                                      _vm.errors.has("form.bidang"),
+                                      _vm.errors.has("form.izinOp"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.izinOp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tIzin Operasional:"
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.izinOp,
+                                    expression: "form.izinOp",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "izinOp",
+                                  placeholder:
+                                    "Silahkan masukkan izin operasional",
+                                },
+                                domProps: { value: _vm.form.izinOp },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "izinOp",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _vm._v("t\n\t\t\t\t\t\t\t\t\t"),
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.app"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.app"),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.bidang")
+                                  _vm.errors.has("form.app")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tBidang: "),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tAplikasi Keuangan Utama: "
+                                  ),
                                   _c("wajib-badge"),
                                 ],
                                 1
@@ -2091,18 +2443,19 @@ var render = function () {
                                   {
                                     name: "model",
                                     rawName: "v-model",
-                                    value: _vm.form.bidang,
-                                    expression: "form.bidang",
+                                    value: _vm.form.app,
+                                    expression: "form.app",
                                   },
                                 ],
                                 staticClass: "form-control",
                                 attrs: {
                                   type: "text",
-                                  name: "bidang",
-                                  placeholder: "Silahkan masukkan bidang",
-                                  "data-vv-as": "Bidang",
+                                  name: "app",
+                                  placeholder:
+                                    "Silahkan masukkan nama aplikasi keuangan utama",
+                                  "data-vv-as": "Aplikasi keuangan utama",
                                 },
-                                domProps: { value: _vm.form.bidang },
+                                domProps: { value: _vm.form.app },
                                 on: {
                                   input: function ($event) {
                                     if ($event.target.composing) {
@@ -2110,14 +2463,14 @@ var render = function () {
                                     }
                                     _vm.$set(
                                       _vm.form,
-                                      "bidang",
+                                      "app",
                                       $event.target.value
                                     )
                                   },
                                 },
                               }),
                               _vm._v(" "),
-                              _vm.errors.has("form.bidang")
+                              _vm.errors.has("form.app")
                                 ? _c(
                                     "small",
                                     { staticClass: "text-muted text-danger" },
@@ -2127,9 +2480,7 @@ var render = function () {
                                       }),
                                       _vm._v(
                                         " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.bidang")
-                                          ) +
+                                          _vm._s(_vm.errors.first("form.app")) +
                                           "\n\t\t\t\t\t\t\t\t\t\t"
                                       ),
                                     ]
@@ -2147,7 +2498,7 @@ var render = function () {
                             {
                               staticClass: "form-group",
                               class: {
-                                "has-error": _vm.errors.has("form.npwp"),
+                                "has-error": _vm.errors.has("form.ultah"),
                               },
                             },
                             [
@@ -2155,35 +2506,53 @@ var render = function () {
                                 "h5",
                                 {
                                   class: {
-                                    "text-danger": _vm.errors.has("form.npwp"),
+                                    "text-danger": _vm.errors.has("form.ultah"),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.npwp")
+                                  _vm.errors.has("form.ultah")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
                                   _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tNPWP (nomor pokok wajib pajak):"
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tTgl. Berdiri: "
                                   ),
-                                ]
+                                  _c("wajib-badge"),
+                                ],
+                                1
                               ),
                               _vm._v(" "),
+                              _c("date-picker", {
+                                attrs: { defaultDate: _vm.form.ultah },
+                                on: {
+                                  dateSelected: function ($event) {
+                                    _vm.form.ultah = $event
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
                               _c("input", {
                                 directives: [
                                   {
                                     name: "model",
                                     rawName: "v-model",
-                                    value: _vm.form.npwp,
-                                    expression: "form.npwp",
+                                    value: _vm.form.ultah,
+                                    expression: "form.ultah",
+                                  },
+                                  {
+                                    name: "show",
+                                    rawName: "v-show",
+                                    value: false,
+                                    expression: "false",
+                                  },
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
                                   },
                                 ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "npwp",
-                                  placeholder: "Silahkan masukkan NPWP",
-                                },
-                                domProps: { value: _vm.form.npwp },
+                                attrs: { "data-vv-as": "Tgl. berdiri" },
+                                domProps: { value: _vm.form.ultah },
                                 on: {
                                   input: function ($event) {
                                     if ($event.target.composing) {
@@ -2191,247 +2560,632 @@ var render = function () {
                                     }
                                     _vm.$set(
                                       _vm.form,
-                                      "npwp",
+                                      "ultah",
                                       $event.target.value
                                     )
                                   },
                                 },
                               }),
                               _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h6", [_vm._v("Lembaga:")]),
-                            _vm._v(" "),
-                            _c("input", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.lembaga,
-                                  expression: "form.lembaga",
-                                },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                type: "text",
-                                name: "lembaga",
-                                placeholder: "Silahkan masukkan lembaga",
-                              },
-                              domProps: { value: _vm.form.lembaga },
-                              on: {
-                                input: function ($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.form,
-                                    "lembaga",
-                                    $event.target.value
+                              _vm.errors.has("form.ultah")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.ultah")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
                                   )
-                                },
-                              },
-                            }),
-                          ]),
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ],
+                            1
+                          ),
                         ]),
                         _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h6", [_vm._v("Jabatan:")]),
-                            _vm._v(" "),
-                            _c("input", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.jabatan,
-                                  expression: "form.jabatan",
-                                },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                type: "text",
-                                name: "jabatan",
-                                placeholder: "Silahkan masukkan jabatan",
-                              },
-                              domProps: { value: _vm.form.jabatan },
-                              on: {
-                                input: function ($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.form,
-                                    "jabatan",
-                                    $event.target.value
-                                  )
-                                },
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.bergabung"),
                               },
-                            }),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h6", [_vm._v("Pendidikan:")]),
-                            _vm._v(" "),
-                            _c("input", {
-                              directives: [
+                            },
+                            [
+                              _c(
+                                "h5",
                                 {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.pendidikan,
-                                  expression: "form.pendidikan",
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.bergabung"),
+                                  },
                                 },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                type: "text",
-                                name: "pendidikan",
-                                placeholder: "Silahkan masukkan pendidikan",
-                              },
-                              domProps: { value: _vm.form.pendidikan },
-                              on: {
-                                input: function ($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.form,
-                                    "pendidikan",
-                                    $event.target.value
-                                  )
+                                [
+                                  _vm.errors.has("form.bergabung")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tTgl. Bergabung: "
+                                  ),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("date-picker", {
+                                attrs: { defaultDate: _vm.form.bergabung },
+                                on: {
+                                  dateSelected: function ($event) {
+                                    _vm.form.bergabung = $event
+                                  },
                                 },
-                              },
-                            }),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c(
-                              "h6",
-                              [
-                                _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tProvinsi: "),
-                                _c("wajib-badge"),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "select",
-                              {
+                              }),
+                              _vm._v(" "),
+                              _c("input", {
                                 directives: [
                                   {
                                     name: "model",
                                     rawName: "v-model",
-                                    value: _vm.form.id_provinces,
-                                    expression: "form.id_provinces",
+                                    value: _vm.form.bergabung,
+                                    expression: "form.bergabung",
+                                  },
+                                  {
+                                    name: "show",
+                                    rawName: "v-show",
+                                    value: false,
+                                    expression: "false",
+                                  },
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
                                   },
                                 ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  name: "id_provinces",
-                                  "data-width": "100%",
-                                  disabled: _vm.modelProvinces.length == 0,
-                                },
+                                attrs: { "data-vv-as": "Tgl. bergabung" },
+                                domProps: { value: _vm.form.bergabung },
                                 on: {
-                                  change: [
-                                    function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "id_provinces",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "bergabung",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.bergabung")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.bergabung")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(1),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.id_provinces"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_provinces"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_provinces")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tProvinsi: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_provinces,
+                                      expression: "form.id_provinces",
                                     },
-                                    function ($event) {
-                                      return _vm.changeProvinces(
-                                        $event.target.value
-                                      )
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
                                     },
                                   ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_provinces",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Provinsi",
+                                    disabled:
+                                      _vm.modelProvinces.length === 0 ||
+                                      !_vm.currentUser.can[
+                                        "update_" + _vm.kelas
+                                      ],
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_provinces",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changeProvinces(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
                                 },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelProvincesStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v("Mohon tunggu..."),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih provinsi"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelProvinces,
+                                    function (provinces, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: provinces.id },
+                                        },
+                                        [_vm._v(_vm._s(provinces.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_provinces")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first(
+                                              "form.id_provinces"
+                                            )
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.id_regencies"),
                               },
-                              [
-                                _c(
-                                  "option",
-                                  { attrs: { disabled: "", value: "" } },
-                                  [
-                                    _vm.modelProvincesStat === "loading"
-                                      ? _c("span", [_vm._v("Mohon tunggu...")])
-                                      : _c("span", [
-                                          _vm._v("Silahkan pilih provinsi"),
-                                        ]),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _vm._l(
-                                  _vm.modelProvinces,
-                                  function (provinces, index) {
-                                    return _c(
-                                      "option",
-                                      {
-                                        key: index,
-                                        domProps: { value: provinces.id },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_regencies"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_regencies")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKabupaten: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_regencies,
+                                      expression: "form.id_regencies",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_regencies",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Kabupaten",
+                                    disabled:
+                                      _vm.modelRegencies.length === 0 ||
+                                      !_vm.currentUser.can[
+                                        "update_" + _vm.kelas
+                                      ],
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_regencies",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
                                       },
-                                      [_vm._v(_vm._s(provinces.name))]
-                                    )
-                                  }
-                                ),
-                              ],
-                              2
-                            ),
-                          ]),
+                                      function ($event) {
+                                        return _vm.changeRegencies(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelRegenciesStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v("Mohon tunggu..."),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih kabupaten"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelRegencies,
+                                    function (regencies, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: regencies.id },
+                                        },
+                                        [_vm._v(_vm._s(regencies.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_regencies")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first(
+                                              "form.id_regencies"
+                                            )
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
                         ]),
                         _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c(
-                              "h6",
-                              [_vm._v("Kabupaten: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "select",
-                              {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.id_regencies,
-                                    expression: "form.id_regencies",
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.id_districts"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_districts"),
                                   },
+                                },
+                                [
+                                  _vm.errors.has("form.id_districts")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKecamatan: "),
+                                  _c("wajib-badge"),
                                 ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  name: "id_regencies",
-                                  "data-width": "100%",
-                                  disabled: _vm.modelRegencies.length === 0,
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_districts,
+                                      expression: "form.id_districts",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_districts",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Kecamatan",
+                                    disabled:
+                                      _vm.modelDistricts.length === 0 ||
+                                      !_vm.currentUser.can[
+                                        "update_" + _vm.kelas
+                                      ],
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_districts",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changeDistricts(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
                                 },
-                                on: {
-                                  change: [
-                                    function ($event) {
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelDistrictsStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v("Mohon tunggu..."),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih kecamatan"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelDistricts,
+                                    function (districts, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: districts.id },
+                                        },
+                                        [_vm._v(_vm._s(districts.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_regency")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.id_regency")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.id_villages"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_villages"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_villages")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKelurahan: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_villages,
+                                      expression: "form.id_villages",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_villages",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Kelurahan",
+                                    disabled:
+                                      _vm.modelVillages.length === 0 ||
+                                      !_vm.currentUser.can[
+                                        "update_" + _vm.kelas
+                                      ],
+                                  },
+                                  on: {
+                                    change: function ($event) {
                                       var $$selectedVal = Array.prototype.filter
                                         .call(
                                           $event.target.options,
@@ -2446,266 +3200,253 @@ var render = function () {
                                         })
                                       _vm.$set(
                                         _vm.form,
-                                        "id_regencies",
+                                        "id_villages",
                                         $event.target.multiple
                                           ? $$selectedVal
                                           : $$selectedVal[0]
                                       )
                                     },
-                                    function ($event) {
-                                      return _vm.changeRegencies(
-                                        $event.target.value
-                                      )
-                                    },
-                                  ],
+                                  },
                                 },
-                              },
-                              [
-                                _c(
-                                  "option",
-                                  { attrs: { disabled: "", value: "" } },
-                                  [
-                                    _vm.modelRegenciesStat === "loading"
-                                      ? _c("span", [_vm._v("Mohon tunggu...")])
-                                      : _c("span", [
-                                          _vm._v("Silahkan pilih kabupaten"),
-                                        ]),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _vm._l(
-                                  _vm.modelRegencies,
-                                  function (regencies, index) {
-                                    return _c(
-                                      "option",
-                                      {
-                                        key: index,
-                                        domProps: { value: regencies.id },
-                                      },
-                                      [_vm._v(_vm._s(regencies.name))]
-                                    )
-                                  }
-                                ),
-                              ],
-                              2
-                            ),
-                          ]),
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelVillagesStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v(
+                                              "Mohon tunggu... mohon tunggu"
+                                            ),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih kelurahan"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelVillages,
+                                    function (villages, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: villages.id },
+                                        },
+                                        [_vm._v(_vm._s(villages.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_villages")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.id_villages")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c(
-                              "h6",
-                              [_vm._v("Kecamatan: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "select",
-                              {
+                        _c("div", { staticClass: "col-md-8" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.alamat"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.alamat"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.alamat")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tAlamat: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
                                 directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|min:5",
+                                    expression: "'required|min:5'",
+                                  },
                                   {
                                     name: "model",
                                     rawName: "v-model",
-                                    value: _vm.form.id_districts,
-                                    expression: "form.id_districts",
+                                    value: _vm.form.alamat,
+                                    expression: "form.alamat",
                                   },
                                 ],
                                 staticClass: "form-control",
                                 attrs: {
-                                  name: "id_districts",
-                                  "data-width": "100%",
-                                  disabled: _vm.modelDistricts.length === 0,
+                                  type: "text",
+                                  name: "alamat",
+                                  placeholder: "Silahkan masukkan alamat",
+                                  "data-vv-as": "Alamat",
                                 },
+                                domProps: { value: _vm.form.alamat },
                                 on: {
-                                  change: [
-                                    function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "id_districts",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    },
-                                    function ($event) {
-                                      return _vm.changeDistricts(
-                                        $event.target.value
-                                      )
-                                    },
-                                  ],
-                                },
-                              },
-                              [
-                                _c(
-                                  "option",
-                                  { attrs: { disabled: "", value: "" } },
-                                  [
-                                    _vm.modelDistrictsStat === "loading"
-                                      ? _c("span", [_vm._v("Mohon tunggu...")])
-                                      : _c("span", [
-                                          _vm._v("Silahkan pilih kecamatan"),
-                                        ]),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _vm._l(
-                                  _vm.modelDistricts,
-                                  function (districts, index) {
-                                    return _c(
-                                      "option",
-                                      {
-                                        key: index,
-                                        domProps: { value: districts.id },
-                                      },
-                                      [_vm._v(_vm._s(districts.name))]
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "alamat",
+                                      $event.target.value
                                     )
-                                  }
-                                ),
-                              ],
-                              2
-                            ),
-                          ]),
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.alamat")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.alamat")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
                         ]),
-                        _vm._v(" "),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(2),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
                         _c("div", { staticClass: "col-md-4" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c(
-                              "h6",
-                              [_vm._v("Kelurahan: "), _c("wajib-badge")],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "select",
-                              {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.id_villages,
-                                    expression: "form.id_villages",
-                                  },
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.telp"),
                                   },
-                                ],
+                                },
+                                [
+                                  _vm.errors.has("form.telp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Telp:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("cleave", {
                                 staticClass: "form-control",
                                 attrs: {
-                                  name: "id_villages",
-                                  "data-width": "100%",
-                                  "data-vv-as": "Desa",
-                                  disabled: _vm.modelVillages.length === 0,
+                                  options: _vm.cleaveOption.number12,
+                                  placeholder: "Silahkan masukkan no telp",
                                 },
-                                on: {
-                                  change: function ($event) {
-                                    var $$selectedVal = Array.prototype.filter
-                                      .call(
-                                        $event.target.options,
-                                        function (o) {
-                                          return o.selected
-                                        }
-                                      )
-                                      .map(function (o) {
-                                        var val =
-                                          "_value" in o ? o._value : o.value
-                                        return val
-                                      })
-                                    _vm.$set(
-                                      _vm.form,
-                                      "id_villages",
-                                      $event.target.multiple
-                                        ? $$selectedVal
-                                        : $$selectedVal[0]
-                                    )
+                                model: {
+                                  value: _vm.form.telp,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "telp", $$v)
                                   },
+                                  expression: "form.telp",
                                 },
-                              },
-                              [
-                                _c(
-                                  "option",
-                                  { attrs: { disabled: "", value: "" } },
-                                  [
-                                    _vm.modelVillagesStat === "loading"
-                                      ? _c("span", [
-                                          _vm._v(
-                                            "Mohon tunggu... mohon tunggu"
-                                          ),
-                                        ])
-                                      : _c("span", [
-                                          _vm._v("Silahkan pilih kelurahan"),
-                                        ]),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _vm._l(
-                                  _vm.modelVillages,
-                                  function (villages, index) {
-                                    return _c(
-                                      "option",
-                                      {
-                                        key: index,
-                                        domProps: { value: villages.id },
-                                      },
-                                      [_vm._v(_vm._s(villages.name))]
-                                    )
-                                  }
-                                ),
-                              ],
-                              2
-                            ),
-                          ]),
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-8" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h6", [_vm._v("Alamat:")]),
-                            _vm._v(" "),
-                            _c("input", {
-                              directives: [
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c(
+                                "h5",
                                 {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.alamat,
-                                  expression: "form.alamat",
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.hp"),
+                                  },
                                 },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                type: "text",
-                                name: "alamat",
-                                placeholder: "Silahkan masukkan alamat",
-                              },
-                              domProps: { value: _vm.form.alamat },
-                              on: {
-                                input: function ($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.form,
-                                    "alamat",
-                                    $event.target.value
-                                  )
+                                [
+                                  _vm.errors.has("form.hp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Hp:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                staticClass: "form-control",
+                                attrs: {
+                                  options: _vm.cleaveOption.number12,
+                                  placeholder: "Silahkan masukkan no hp",
                                 },
-                              },
-                            }),
-                          ]),
+                                model: {
+                                  value: _vm.form.hp,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "hp", $$v)
+                                  },
+                                  expression: "form.hp",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
                         ]),
                         _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
@@ -2713,20 +3454,33 @@ var render = function () {
                             "div",
                             { staticClass: "form-group" },
                             [
-                              _c("h6", [_vm._v("No. Hp:")]),
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.pos"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.pos")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKode Pos:"),
+                                ]
+                              ),
                               _vm._v(" "),
                               _c("cleave", {
                                 staticClass: "form-control",
                                 attrs: {
                                   options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan no hp",
+                                  placeholder: "Silahkan masukkan kode pos",
                                 },
                                 model: {
-                                  value: _vm.form.hp,
+                                  value: _vm.form.pos,
                                   callback: function ($$v) {
-                                    _vm.$set(_vm.form, "hp", $$v)
+                                    _vm.$set(_vm.form, "pos", $$v)
                                   },
-                                  expression: "form.hp",
+                                  expression: "form.pos",
                                 },
                               }),
                               _vm._v(" "),
@@ -2749,7 +3503,7 @@ var render = function () {
                             },
                             [
                               _c(
-                                "h6",
+                                "h5",
                                 {
                                   class: {
                                     "text-danger": _vm.errors.has("form.email"),
@@ -2759,18 +3513,12 @@ var render = function () {
                                   _vm.errors.has("form.email")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tEmail:"),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tE-mail:"),
                                 ]
                               ),
                               _vm._v(" "),
                               _c("input", {
                                 directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "email",
-                                    expression: "'email'",
-                                  },
                                   {
                                     name: "model",
                                     rawName: "v-model",
@@ -2782,8 +3530,8 @@ var render = function () {
                                 attrs: {
                                   type: "text",
                                   name: "email",
-                                  placeholder: "Silahkan masukkan alamat email",
-                                  "data-vv-as": "Email",
+                                  placeholder:
+                                    "Silahkan masukkan alamat e-mail",
                                 },
                                 domProps: { value: _vm.form.email },
                                 on: {
@@ -2824,26 +3572,209 @@ var render = function () {
                           ),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
+                        _c("div", { staticClass: "col-md-8" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.website"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.website"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.website")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tWebsite:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.website,
+                                    expression: "form.website",
+                                  },
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "url",
+                                    expression: "'url'",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "website",
+                                  placeholder:
+                                    "Silahkan masukkan alamat website",
+                                  "data-vv-as": "Website",
+                                },
+                                domProps: { value: _vm.form.website },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "website",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.website")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.website")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(3),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Misi:")]),
+                              _vm._v(" "),
+                              _c("ckeditor", {
+                                attrs: {
+                                  type: "classic",
+                                  config: _vm.ckeditorNoImageConfig,
+                                },
+                                model: {
+                                  value: _vm.form.misi,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "misi", $$v)
+                                  },
+                                  expression: "form.misi",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Visi:")]),
+                              _vm._v(" "),
+                              _c("ckeditor", {
+                                attrs: {
+                                  type: "classic",
+                                  config: _vm.ckeditorNoImageConfig,
+                                },
+                                model: {
+                                  value: _vm.form.visi,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "visi", $$v)
+                                  },
+                                  expression: "form.visi",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Nilai-nilai Inti:")]),
+                              _vm._v(" "),
+                              _c("ckeditor", {
+                                attrs: {
+                                  type: "classic",
+                                  config: _vm.ckeditorNoImageConfig,
+                                },
+                                model: {
+                                  value: _vm.form.nilai,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "nilai", $$v)
+                                  },
+                                  expression: "form.nilai",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
                           _c("div", { staticClass: "form-group" }, [
-                            _c("h6", [_vm._v("Kontak Lainnya:")]),
+                            _c("h5", [_vm._v("Slogan:")]),
                             _vm._v(" "),
                             _c("input", {
                               directives: [
                                 {
                                   name: "model",
                                   rawName: "v-model",
-                                  value: _vm.form.kontak,
-                                  expression: "form.kontak",
+                                  value: _vm.form.slogan,
+                                  expression: "form.slogan",
                                 },
                               ],
                               staticClass: "form-control",
                               attrs: {
                                 type: "text",
-                                name: "kontak",
-                                placeholder: "Silahkan masukkan kontak lainnya",
+                                name: "slogan",
+                                placeholder: "Silahkan masukkan slogan",
                               },
-                              domProps: { value: _vm.form.kontak },
+                              domProps: { value: _vm.form.slogan },
                               on: {
                                 input: function ($event) {
                                   if ($event.target.composing) {
@@ -2851,36 +3782,104 @@ var render = function () {
                                   }
                                   _vm.$set(
                                     _vm.form,
-                                    "kontak",
+                                    "slogan",
                                     $event.target.value
                                   )
                                 },
                               },
                             }),
+                            _vm._v(" "),
+                            _c("small", { staticClass: "text-muted" }, [
+                              _vm._v(" "),
+                            ]),
                           ]),
                         ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Sejarah:")]),
+                              _vm._v(" "),
+                              _c("ckeditor", {
+                                attrs: {
+                                  type: "classic",
+                                  config: _vm.ckeditorNoImageConfig,
+                                },
+                                model: {
+                                  value: _vm.form.sejarah,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "sejarah", $$v)
+                                  },
+                                  expression: "form.sejarah",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Deskripsi:")]),
+                              _vm._v(" "),
+                              _c("ckeditor", {
+                                attrs: {
+                                  type: "classic",
+                                  config: _vm.ckeditorNoImageConfig,
+                                },
+                                model: {
+                                  value: _vm.form.deskripsi,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "deskripsi", $$v)
+                                  },
+                                  expression: "form.deskripsi",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
+                        ]),
                       ]),
                     ]),
                   ]),
                   _vm._v(" "),
-                  _c("form-info"),
+                  _vm.currentUser.can &&
+                  _vm.currentUser.can["update_" + _vm.kelas]
+                    ? _c("form-info")
+                    : _vm._e(),
                   _vm._v(" "),
                   _c("br"),
                   _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "card card-body" },
-                    [
-                      _c("form-button", {
-                        attrs: {
-                          cancelState: "methods",
-                          formValidation: "form",
-                        },
-                        on: { cancelClick: _vm.back },
-                      }),
-                    ],
-                    1
-                  ),
+                  _vm.currentUser.can &&
+                  _vm.currentUser.can["update_" + _vm.kelas]
+                    ? _c(
+                        "div",
+                        { staticClass: "card card-body" },
+                        [
+                          _c("form-button", {
+                            attrs: {
+                              cancelState: _vm.cancelState,
+                              formValidation: "form",
+                            },
+                            on: { cancelClick: _vm.back },
+                          }),
+                        ],
+                        1
+                      )
+                    : _c("div", [_vm._m(4)]),
                 ],
                 1
               ),
@@ -2915,10 +3914,44 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("h6", [
-      _vm._v(" Tinggi "),
-      _c("small", [_vm._v("(cm)")]),
-      _vm._v(":"),
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("1. Informasi Umum")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("2. Lokasi")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("3. Kontak")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("4. Profil")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "alert bg-warning alert-styled-left" }, [
+      _c("h6", [
+        _vm._v(
+          "Untuk menyimpan pengubahan data, anda mesti memiliki hak akses untuk mengubah CU, silahkan hubungi user di CU anda yang memiliki akses mengelola user."
+        ),
+      ]),
     ])
   },
 ]
@@ -3411,17 +4444,17 @@ function objectToFormData(obj, form, namespace) {
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraOrang/form.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/mitraOrang/form.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/cu/form.vue":
+/*!***********************************************!*\
+  !*** ./resources/assets/js/views/cu/form.vue ***!
+  \***********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_3a984f40___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=3a984f40& */ "./resources/assets/js/views/mitraOrang/form.vue?vue&type=template&id=3a984f40&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/mitraOrang/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_0b7558de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=0b7558de& */ "./resources/assets/js/views/cu/form.vue?vue&type=template&id=0b7558de&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/cu/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3432,8 +4465,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_3a984f40___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_3a984f40___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_template_id_0b7558de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_0b7558de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3443,38 +4476,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/mitraOrang/form.vue"
+component.options.__file = "resources/assets/js/views/cu/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraOrang/form.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/mitraOrang/form.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/cu/form.vue?vue&type=script&lang=js&":
+/*!************************************************************************!*\
+  !*** ./resources/assets/js/views/cu/form.vue?vue&type=script&lang=js& ***!
+  \************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraOrang/form.vue?vue&type=template&id=3a984f40&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/mitraOrang/form.vue?vue&type=template&id=3a984f40& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/cu/form.vue?vue&type=template&id=0b7558de&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/views/cu/form.vue?vue&type=template&id=0b7558de& ***!
+  \******************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3a984f40___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=3a984f40& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/form.vue?vue&type=template&id=3a984f40&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3a984f40___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0b7558de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=0b7558de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/form.vue?vue&type=template&id=0b7558de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0b7558de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3a984f40___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0b7558de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/49.js b/public/js/components/49.js
index c065e64f2..52280b14c 100644
--- a/public/js/components/49.js
+++ b/public/js/components/49.js
@@ -357,10 +357,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/form.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraOrang/form.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -370,13 +370,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
 /* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__);
 /* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 /* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -803,6 +803,28 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -818,23 +840,23 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
     appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
     wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
     DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_11__["default"]
   },
   data: function data() {
     return {
-      title: '',
-      titleDesc: '',
-      titleIcon: '',
-      kelas: 'tp',
-      level2Title: 'TP/KP',
+      title: 'Tambah Mitra Perorangan',
+      titleDesc: 'Menambah mitra perorangan baru',
+      titleIcon: 'icon-plus3',
+      kelas: 'mitraOrang',
+      level2Title: 'Mitra Perorangan',
       cleaveOption: {
         date: {
           date: true,
@@ -875,44 +897,19 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       return vm.fetch();
     });
   },
-  watch: {
-    currentUserStat: function currentUserStat(value) {
-      //jika refresh halaman maka reload currentUser
-      if (value === "success") {
-        if (this.currentUser.id_cu === 0) {
-          if (this.modelCuStat != 'success') {
-            this.$store.dispatch('cu/getHeader');
-          }
-        }
-
-        if (this.$route.meta.mode !== 'edit' && this.form.id_cu == undefined) {
-          this.form.id_cu = this.currentUser.id_cu;
-        } // check permission
-
-
-        if (this.$route.meta.mode === 'edit') {
-          if (!this.currentUser.can || !this.currentUser.can['update_' + this.kelas]) {
-            this.$router.push({
-              name: 'notFound'
-            });
-          }
-        } else {
-          if (!this.currentUser.can || !this.currentUser.can['create_' + this.kelas]) {
-            this.$router.push({
-              name: 'notFound'
-            });
-          }
-        }
+  created: function created() {
+    if (this.currentUser.id_cu == 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
       }
-    },
+    }
+
+    this.form.id_cu = this.currentUser.id_cu;
+  },
+  watch: {
     formStat: function formStat(value) {
       if (value === "success") {
-        if (this.$route.meta.mode === 'edit') {
-          this.changeProvinces(this.form.id_provinces);
-          this.changeRegencies(this.form.id_regencies);
-          this.changeDistricts(this.form.id_districts);
-          this.checkUser('update_tp', this.form.id_cu);
-        } else {
+        if (this.$route.meta.mode !== 'edit') {
           this.form.id_cu = this.currentUser.id_cu;
         }
       }
@@ -934,38 +931,25 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     fetch: function fetch() {
       if (this.$route.meta.mode === 'edit') {
         this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah ' + this.level2Title;
-        this.titleDesc = 'Mengubah ' + this.level2Title;
+        this.title = 'Ubah mitra perorangan';
+        this.titleDesc = 'Mengubah mitra perorangan';
         this.titleIcon = 'icon-pencil5';
       } else {
-        this.title = 'Tambah ' + this.level2Title;
-        this.titleDesc = 'Menambah ' + this.level2Title;
+        this.title = 'Tambah mitra perorangan';
+        this.titleDesc = 'Menambah mitra perorangan';
         this.titleIcon = 'icon-plus3';
         this.$store.dispatch(this.kelas + '/create');
       }
 
       this.$store.dispatch('provinces/get');
     },
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    },
     save: function save() {
       var _this = this;
 
       var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
       this.$validator.validateAll('form').then(function (result) {
         if (result) {
-          if (_this.$route.meta.mode === 'edit') {
+          if (_this.$route.meta.mode == 'edit') {
             _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
           } else {
             _this.$store.dispatch(_this.kelas + '/store', formData);
@@ -978,32 +962,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         }
       });
     },
-    back: function back() {
-      if (this.$route.meta.mode === 'edit' && this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.form.id_cu
-          }
-        });
-      } else {
-        if (this.form.id_cu == '0') {
-          this.$router.push({
-            name: this.kelas + 'Cu',
-            params: {
-              cu: 'semua'
-            }
-          });
-        } else {
-          this.$router.push({
-            name: this.kelas + 'Cu',
-            params: {
-              cu: this.currentUser.id_cu
-            }
-          });
-        }
-      }
-    },
     changeProvinces: function changeProvinces(id) {
       this.$store.dispatch('regencies/getProvinces', id);
     },
@@ -1013,14 +971,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     changeDistricts: function changeDistricts(id) {
       this.$store.dispatch('villages/getDistricts', id);
     },
+    back: function back() {
+      this.$router.push({
+        name: this.kelas
+      });
+    },
     modalTutup: function modalTutup() {
       if (this.updateStat === 'success') {
         this.back();
       }
 
       this.modalShow = false;
-      this.submitedKategori = false;
-      this.submitedPenulis = false;
     },
     modalBackgroundClick: function modalBackgroundClick() {
       if (this.modalState === 'success') {
@@ -1031,18 +992,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('mitraOrang', {
     form: 'data',
     formStat: 'dataStat',
     rules: 'rules',
     options: 'options',
     updateResponse: 'update',
     updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('provinces', {
     modelProvinces: 'dataS',
     modelProvincesStat: 'dataStatS'
@@ -1462,10 +1420,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214&":
-/*!************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214& ***!
-  \************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/form.vue?vue&type=template&id=3a984f40&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraOrang/form.vue?vue&type=template&id=3a984f40& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1527,8 +1485,6 @@ var render = function () {
                 },
                 [
                   _c("div", { staticClass: "card" }, [
-                    _vm._m(0),
-                    _vm._v(" "),
                     _c("div", { staticClass: "card-body" }, [
                       _c("div", { staticClass: "row" }, [
                         _c("div", { staticClass: "col-md-12" }, [
@@ -1536,11 +1492,11 @@ var render = function () {
                             "div",
                             { staticClass: "form-group" },
                             [
-                              _c("h5", [_vm._v("Foto TP/KP:")]),
+                              _c("h6", [_vm._v("Foto:")]),
                               _vm._v(" "),
                               _c("app-image-upload", {
                                 attrs: {
-                                  image_loc: "/images/tp/",
+                                  image_loc: "/images/mitra_orang/",
                                   image_temp: _vm.form.gambar,
                                 },
                                 model: {
@@ -1556,211 +1512,30 @@ var render = function () {
                           ),
                         ]),
                         _vm._v(" "),
-                        _vm.currentUser.id_cu === 0
-                          ? _c("div", { staticClass: "col-md-4" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "form-group",
-                                  class: {
-                                    "has-error": _vm.errors.has("form.id_cu"),
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "h5",
-                                    {
-                                      class: {
-                                        "text-danger":
-                                          _vm.errors.has("form.id_cu"),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has("form.id_cu")
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.id_cu,
-                                          expression: "form.id_cu",
-                                        },
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "id_cu",
-                                        "data-width": "100%",
-                                        "data-vv-as": "CU",
-                                        disabled: _vm.modelCU.length === 0,
-                                      },
-                                      on: {
-                                        change: function ($event) {
-                                          var $$selectedVal =
-                                            Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function (o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function (o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                          _vm.$set(
-                                            _vm.form,
-                                            "id_cu",
-                                            $event.target.multiple
-                                              ? $$selectedVal
-                                              : $$selectedVal[0]
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "0" } },
-                                        [_vm._v("Silahkan pilih CU")]
-                                      ),
-                                      _vm._v(" "),
-                                      _vm._l(_vm.modelCU, function (cu, index) {
-                                        return _c(
-                                          "option",
-                                          {
-                                            key: index,
-                                            domProps: { value: cu.id },
-                                          },
-                                          [_vm._v(_vm._s(cu.name))]
-                                        )
-                                      }),
-                                    ],
-                                    2
-                                  ),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.id_cu")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first("form.id_cu")
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]
-                              ),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
                           _c(
                             "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.no_tp"),
-                              },
-                            },
+                            { staticClass: "form-group" },
                             [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.no_tp"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.no_tp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. TP/KP: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
+                              _c("h6", [
+                                _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. KTP:"),
+                              ]),
                               _vm._v(" "),
                               _c("cleave", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                ],
                                 staticClass: "form-control",
                                 attrs: {
-                                  name: "no_tp",
-                                  options: _vm.cleaveOption.number3,
-                                  placeholder: "Silahkan masukkan no TP/KP.",
-                                  "data-vv-as": "No. TP/KP",
+                                  name: "nik",
+                                  options: _vm.cleaveOption.number16,
+                                  placeholder: "Silahkan masukkan no KTP",
                                 },
                                 model: {
-                                  value: _vm.form.no_tp,
+                                  value: _vm.form.nik,
                                   callback: function ($$v) {
-                                    _vm.$set(_vm.form, "no_tp", $$v)
+                                    _vm.$set(_vm.form, "nik", $$v)
                                   },
-                                  expression: "form.no_tp",
+                                  expression: "form.nik",
                                 },
                               }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.no_tp")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.no_tp")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
                             ],
                             1
                           ),
@@ -1777,7 +1552,7 @@ var render = function () {
                             },
                             [
                               _c(
-                                "h5",
+                                "h6",
                                 {
                                   class: {
                                     "text-danger": _vm.errors.has("form.name"),
@@ -1812,7 +1587,7 @@ var render = function () {
                                 attrs: {
                                   type: "text",
                                   name: "name",
-                                  placeholder: "Silahkan masukkan nama TP/KP",
+                                  placeholder: "Silahkan masukkan nama",
                                   "data-vv-as": "Nama",
                                 },
                                 domProps: { value: _vm.form.name },
@@ -1860,132 +1635,23 @@ var render = function () {
                             {
                               staticClass: "form-group",
                               class: {
-                                "has-error": _vm.errors.has("form.ultah"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.ultah"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.ultah")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tTgl. Berdiri: "
-                                  ),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("date-picker", {
-                                attrs: { defaultDate: _vm.form.ultah },
-                                on: {
-                                  dateSelected: function ($event) {
-                                    _vm.form.ultah = $event
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.ultah,
-                                    expression: "form.ultah",
-                                  },
-                                  {
-                                    name: "show",
-                                    rawName: "v-show",
-                                    value: false,
-                                    expression: "false",
-                                  },
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                ],
-                                attrs: { "data-vv-as": "Tgl. berdiri" },
-                                domProps: { value: _vm.form.ultah },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "ultah",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.ultah")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.ultah")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ],
-                            1
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(1),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error":
-                                  _vm.errors.has("form.id_provinces"),
+                                "has-error": _vm.errors.has("form.kelamin"),
                               },
                             },
                             [
                               _c(
-                                "h5",
+                                "h6",
                                 {
                                   class: {
                                     "text-danger":
-                                      _vm.errors.has("form.id_provinces"),
+                                      _vm.errors.has("form.kelamin"),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.id_provinces")
+                                  _vm.errors.has("form.kelamin")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tProvinsi: "),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tGender: "),
                                   _c("wajib-badge"),
                                 ],
                                 1
@@ -1998,8 +1664,8 @@ var render = function () {
                                     {
                                       name: "model",
                                       rawName: "v-model",
-                                      value: _vm.form.id_provinces,
-                                      expression: "form.id_provinces",
+                                      value: _vm.form.kelamin,
+                                      expression: "form.kelamin",
                                     },
                                     {
                                       name: "validate",
@@ -2010,78 +1676,52 @@ var render = function () {
                                   ],
                                   staticClass: "form-control",
                                   attrs: {
-                                    name: "id_provinces",
+                                    name: "kelamin",
                                     "data-width": "100%",
-                                    "data-vv-as": "Provinsi",
-                                    disabled: _vm.modelProvinces.length === 0,
+                                    "data-vv-as": "Gender",
                                   },
                                   on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_provinces",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function ($event) {
-                                        return _vm.changeProvinces(
-                                          $event.target.value
+                                    change: function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
                                         )
-                                      },
-                                    ],
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "kelamin",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      )
+                                    },
                                   },
                                 },
                                 [
                                   _c(
                                     "option",
-                                    { attrs: { disabled: "", value: "0" } },
-                                    [
-                                      _vm.modelProvincesStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih provinsi"),
-                                          ]),
-                                    ]
+                                    { attrs: { disabled: "", value: "" } },
+                                    [_vm._v("Silahkan pilih gender")]
                                   ),
                                   _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelProvinces,
-                                    function (provinces, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: provinces.id },
-                                        },
-                                        [_vm._v(_vm._s(provinces.name))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
+                                  _c("option", { attrs: { value: "Pria" } }, [
+                                    _vm._v("Pria"),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("option", { attrs: { value: "Wanita" } }, [
+                                    _vm._v("Wanita"),
+                                  ]),
+                                ]
                               ),
                               _vm._v(" "),
-                              _vm.errors.has("form.id_provinces")
+                              _vm.errors.has("form.kelamin")
                                 ? _c(
                                     "small",
                                     { staticClass: "text-muted text-danger" },
@@ -2092,9 +1732,7 @@ var render = function () {
                                       _vm._v(
                                         " " +
                                           _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_provinces"
-                                            )
+                                            _vm.errors.first("form.kelamin")
                                           ) +
                                           "\n\t\t\t\t\t\t\t\t\t\t"
                                       ),
@@ -2107,149 +1745,311 @@ var render = function () {
                           ),
                         ]),
                         _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c("h6", [
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\t\t\t\t\tGol. Darah:\n\t\t\t\t\t\t\t\t\t\t"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "select",
+                              {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.darah,
+                                    expression: "form.darah",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: { name: "darah", "data-width": "100%" },
+                                on: {
+                                  change: function ($event) {
+                                    var $$selectedVal = Array.prototype.filter
+                                      .call(
+                                        $event.target.options,
+                                        function (o) {
+                                          return o.selected
+                                        }
+                                      )
+                                      .map(function (o) {
+                                        var val =
+                                          "_value" in o ? o._value : o.value
+                                        return val
+                                      })
+                                    _vm.$set(
+                                      _vm.form,
+                                      "darah",
+                                      $event.target.multiple
+                                        ? $$selectedVal
+                                        : $$selectedVal[0]
+                                    )
+                                  },
+                                },
+                              },
+                              [
+                                _c(
+                                  "option",
+                                  { attrs: { disabled: "", value: "" } },
+                                  [_vm._v("Silahkan pilih golongan darah")]
+                                ),
+                                _vm._v(" "),
+                                _c("option", { attrs: { value: "A" } }, [
+                                  _vm._v("A"),
+                                ]),
+                                _vm._v(" "),
+                                _c("option", { attrs: { value: "B" } }, [
+                                  _vm._v("B"),
+                                ]),
+                                _vm._v(" "),
+                                _c("option", { attrs: { value: "AB" } }, [
+                                  _vm._v("AB"),
+                                ]),
+                                _vm._v(" "),
+                                _c("option", { attrs: { value: "O" } }, [
+                                  _vm._v("O"),
+                                ]),
+                              ]
+                            ),
+                          ]),
+                        ]),
+                        _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
                           _c(
                             "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error":
-                                  _vm.errors.has("form.id_regencies"),
-                              },
-                            },
+                            { staticClass: "form-group" },
                             [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_regencies"),
+                              _vm._m(0),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                staticClass: "form-control",
+                                attrs: {
+                                  name: "tinggi",
+                                  options: _vm.cleaveOption.number3,
+                                  placeholder: "Silahkan masukkan tinggi",
+                                },
+                                model: {
+                                  value: _vm.form.tinggi,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "tinggi", $$v)
                                   },
+                                  expression: "form.tinggi",
                                 },
-                                [
-                                  _vm.errors.has("form.id_regencies")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKabupaten: "),
-                                  _c("wajib-badge"),
+                              }),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c("h6", [_vm._v("Agama:")]),
+                            _vm._v(" "),
+                            _c(
+                              "select",
+                              {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.agama,
+                                    expression: "form.agama",
+                                  },
                                 ],
-                                1
-                              ),
+                                staticClass: "form-control",
+                                attrs: { name: "agama", "data-width": "100%" },
+                                on: {
+                                  change: function ($event) {
+                                    var $$selectedVal = Array.prototype.filter
+                                      .call(
+                                        $event.target.options,
+                                        function (o) {
+                                          return o.selected
+                                        }
+                                      )
+                                      .map(function (o) {
+                                        var val =
+                                          "_value" in o ? o._value : o.value
+                                        return val
+                                      })
+                                    _vm.$set(
+                                      _vm.form,
+                                      "agama",
+                                      $event.target.multiple
+                                        ? $$selectedVal
+                                        : $$selectedVal[0]
+                                    )
+                                  },
+                                },
+                              },
+                              [
+                                _c(
+                                  "option",
+                                  { attrs: { disabled: "", value: "" } },
+                                  [_vm._v("Silahkan pilih agama")]
+                                ),
+                                _vm._v(" "),
+                                _c("option", { attrs: { value: "Buddha" } }, [
+                                  _vm._v("Buddha"),
+                                ]),
+                                _vm._v(" "),
+                                _c("option", { attrs: { value: "Hindu" } }, [
+                                  _vm._v("Hindu"),
+                                ]),
+                                _vm._v(" "),
+                                _c("option", { attrs: { value: "Islam" } }, [
+                                  _vm._v("Islam"),
+                                ]),
+                                _vm._v(" "),
+                                _c("option", { attrs: { value: "Khatolik" } }, [
+                                  _vm._v("Khatolik"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "option",
+                                  { attrs: { value: "Kong Hu Cu" } },
+                                  [_vm._v("Kong Hu Cu")]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "option",
+                                  { attrs: { value: "Protestan" } },
+                                  [_vm._v("Protestan")]
+                                ),
+                              ]
+                            ),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h6", [_vm._v("Tgl. Lahir:")]),
                               _vm._v(" "),
-                              _c(
-                                "select",
+                              _c("date-picker", {
+                                attrs: { defaultDate: _vm.form.tanggal_lahir },
+                                on: {
+                                  dateSelected: function ($event) {
+                                    _vm.form.tanggal_lahir = $event
+                                  },
+                                },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c("h6", [_vm._v("Tempat Lahir:")]),
+                            _vm._v(" "),
+                            _c("input", {
+                              directives: [
                                 {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_regencies,
-                                      expression: "form.id_regencies",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_regencies",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Kabupaten",
-                                    disabled: _vm.modelRegencies.length === 0,
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.tempat_lahir,
+                                  expression: "form.tempat_lahir",
+                                },
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                type: "text",
+                                name: "tempat_lahir",
+                                placeholder: "Silahkan masukkan tempat lahir",
+                              },
+                              domProps: { value: _vm.form.tempat_lahir },
+                              on: {
+                                input: function ($event) {
+                                  if ($event.target.composing) {
+                                    return
+                                  }
+                                  _vm.$set(
+                                    _vm.form,
+                                    "tempat_lahir",
+                                    $event.target.value
+                                  )
+                                },
+                              },
+                            }),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c("h6", [
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\t\t\t\t\tStatus:\n\t\t\t\t\t\t\t\t\t\t"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "select",
+                              {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.status,
+                                    expression: "form.status",
                                   },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_regencies",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function ($event) {
-                                        return _vm.changeRegencies(
-                                          $event.target.value
-                                        )
-                                      },
-                                    ],
+                                ],
+                                staticClass: "form-control",
+                                attrs: { name: "status", "data-width": "100%" },
+                                on: {
+                                  change: function ($event) {
+                                    var $$selectedVal = Array.prototype.filter
+                                      .call(
+                                        $event.target.options,
+                                        function (o) {
+                                          return o.selected
+                                        }
+                                      )
+                                      .map(function (o) {
+                                        var val =
+                                          "_value" in o ? o._value : o.value
+                                        return val
+                                      })
+                                    _vm.$set(
+                                      _vm.form,
+                                      "status",
+                                      $event.target.multiple
+                                        ? $$selectedVal
+                                        : $$selectedVal[0]
+                                    )
                                   },
                                 },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "0" } },
-                                    [
-                                      _vm.modelRegenciesStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kabupaten"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelRegencies,
-                                    function (regencies, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: regencies.id },
-                                        },
-                                        [_vm._v(_vm._s(regencies.name))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_regencies")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_regencies"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
+                              },
+                              [
+                                _c(
+                                  "option",
+                                  { attrs: { disabled: "", value: "" } },
+                                  [_vm._v("Silahkan pilih status pernikahan")]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "option",
+                                  { attrs: { value: "Belum menikah" } },
+                                  [_vm._v("Belum menikah")]
+                                ),
+                                _vm._v(" "),
+                                _c("option", { attrs: { value: "Menikah" } }, [
+                                  _vm._v("Menikah"),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "option",
+                                  { attrs: { value: "Janda/Duda" } },
+                                  [_vm._v("Janda/Duda")]
+                                ),
+                              ]
+                            ),
+                          ]),
                         ]),
                         _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
@@ -2258,120 +2058,66 @@ var render = function () {
                             {
                               staticClass: "form-group",
                               class: {
-                                "has-error":
-                                  _vm.errors.has("form.id_districts"),
+                                "has-error": _vm.errors.has("form.bidang"),
                               },
                             },
                             [
                               _c(
-                                "h5",
+                                "h6",
                                 {
                                   class: {
                                     "text-danger":
-                                      _vm.errors.has("form.id_districts"),
+                                      _vm.errors.has("form.bidang"),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.id_districts")
+                                  _vm.errors.has("form.bidang")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKecamatan: "),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tBidang: "),
                                   _c("wajib-badge"),
                                 ],
                                 1
                               ),
                               _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_districts,
-                                      expression: "form.id_districts",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_districts",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Kabupaten",
-                                    disabled: _vm.modelDistricts.length === 0,
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
                                   },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_districts",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function ($event) {
-                                        return _vm.changeDistricts(
-                                          $event.target.value
-                                        )
-                                      },
-                                    ],
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.bidang,
+                                    expression: "form.bidang",
                                   },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "bidang",
+                                  placeholder: "Silahkan masukkan bidang",
+                                  "data-vv-as": "Bidang",
                                 },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "0" } },
-                                    [
-                                      _vm.modelDistrictsStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kecamatan"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelDistricts,
-                                    function (districts, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: districts.id },
-                                        },
-                                        [_vm._v(_vm._s(districts.name))]
-                                      )
+                                domProps: { value: _vm.form.bidang },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
                                     }
-                                  ),
-                                ],
-                                2
-                              ),
+                                    _vm.$set(
+                                      _vm.form,
+                                      "bidang",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
                               _vm._v(" "),
-                              _vm.errors.has("form.id_regency")
+                              _vm.errors.has("form.bidang")
                                 ? _c(
                                     "small",
                                     { staticClass: "text-muted text-danger" },
@@ -2382,7 +2128,7 @@ var render = function () {
                                       _vm._v(
                                         " " +
                                           _vm._s(
-                                            _vm.errors.first("form.id_regency")
+                                            _vm.errors.first("form.bidang")
                                           ) +
                                           "\n\t\t\t\t\t\t\t\t\t\t"
                                       ),
@@ -2401,7 +2147,7 @@ var render = function () {
                             {
                               staticClass: "form-group",
                               class: {
-                                "has-error": _vm.errors.has("form.id_villages"),
+                                "has-error": _vm.errors.has("form.npwp"),
                               },
                             },
                             [
@@ -2409,46 +2155,195 @@ var render = function () {
                                 "h5",
                                 {
                                   class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_villages"),
+                                    "text-danger": _vm.errors.has("form.npwp"),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.id_villages")
+                                  _vm.errors.has("form.npwp")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKelurahan: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tNPWP (nomor pokok wajib pajak):"
+                                  ),
+                                ]
                               ),
                               _vm._v(" "),
-                              _c(
-                                "select",
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.npwp,
+                                    expression: "form.npwp",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "npwp",
+                                  placeholder: "Silahkan masukkan NPWP",
+                                },
+                                domProps: { value: _vm.form.npwp },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "npwp",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c("h6", [_vm._v("Lembaga:")]),
+                            _vm._v(" "),
+                            _c("input", {
+                              directives: [
                                 {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_villages,
-                                      expression: "form.id_villages",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_villages",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Desa",
-                                    disabled: _vm.modelVillages.length === 0,
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.lembaga,
+                                  expression: "form.lembaga",
+                                },
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                type: "text",
+                                name: "lembaga",
+                                placeholder: "Silahkan masukkan lembaga",
+                              },
+                              domProps: { value: _vm.form.lembaga },
+                              on: {
+                                input: function ($event) {
+                                  if ($event.target.composing) {
+                                    return
+                                  }
+                                  _vm.$set(
+                                    _vm.form,
+                                    "lembaga",
+                                    $event.target.value
+                                  )
+                                },
+                              },
+                            }),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c("h6", [_vm._v("Jabatan:")]),
+                            _vm._v(" "),
+                            _c("input", {
+                              directives: [
+                                {
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.jabatan,
+                                  expression: "form.jabatan",
+                                },
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                type: "text",
+                                name: "jabatan",
+                                placeholder: "Silahkan masukkan jabatan",
+                              },
+                              domProps: { value: _vm.form.jabatan },
+                              on: {
+                                input: function ($event) {
+                                  if ($event.target.composing) {
+                                    return
+                                  }
+                                  _vm.$set(
+                                    _vm.form,
+                                    "jabatan",
+                                    $event.target.value
+                                  )
+                                },
+                              },
+                            }),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c("h6", [_vm._v("Pendidikan:")]),
+                            _vm._v(" "),
+                            _c("input", {
+                              directives: [
+                                {
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.pendidikan,
+                                  expression: "form.pendidikan",
+                                },
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                type: "text",
+                                name: "pendidikan",
+                                placeholder: "Silahkan masukkan pendidikan",
+                              },
+                              domProps: { value: _vm.form.pendidikan },
+                              on: {
+                                input: function ($event) {
+                                  if ($event.target.composing) {
+                                    return
+                                  }
+                                  _vm.$set(
+                                    _vm.form,
+                                    "pendidikan",
+                                    $event.target.value
+                                  )
+                                },
+                              },
+                            }),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c(
+                              "h6",
+                              [
+                                _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tProvinsi: "),
+                                _c("wajib-badge"),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "select",
+                              {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.id_provinces,
+                                    expression: "form.id_provinces",
                                   },
-                                  on: {
-                                    change: function ($event) {
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  name: "id_provinces",
+                                  "data-width": "100%",
+                                  disabled: _vm.modelProvinces.length == 0,
+                                },
+                                on: {
+                                  change: [
+                                    function ($event) {
                                       var $$selectedVal = Array.prototype.filter
                                         .call(
                                           $event.target.options,
@@ -2463,208 +2358,354 @@ var render = function () {
                                         })
                                       _vm.$set(
                                         _vm.form,
-                                        "id_villages",
+                                        "id_provinces",
                                         $event.target.multiple
                                           ? $$selectedVal
                                           : $$selectedVal[0]
                                       )
                                     },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "0" } },
-                                    [
-                                      _vm.modelVillagesStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kelurahan"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelVillages,
-                                    function (villages, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: villages.id },
-                                        },
-                                        [_vm._v(_vm._s(villages.name))]
+                                    function ($event) {
+                                      return _vm.changeProvinces(
+                                        $event.target.value
                                       )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_villages")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.id_villages")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
+                                    },
+                                  ],
+                                },
+                              },
+                              [
+                                _c(
+                                  "option",
+                                  { attrs: { disabled: "", value: "" } },
+                                  [
+                                    _vm.modelProvincesStat === "loading"
+                                      ? _c("span", [_vm._v("Mohon tunggu...")])
+                                      : _c("span", [
+                                          _vm._v("Silahkan pilih provinsi"),
+                                        ]),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _vm._l(
+                                  _vm.modelProvinces,
+                                  function (provinces, index) {
+                                    return _c(
+                                      "option",
+                                      {
+                                        key: index,
+                                        domProps: { value: provinces.id },
+                                      },
+                                      [_vm._v(_vm._s(provinces.name))]
+                                    )
+                                  }
+                                ),
+                              ],
+                              2
+                            ),
+                          ]),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-8" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.alamat"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.alamat"),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c(
+                              "h6",
+                              [_vm._v("Kabupaten: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "select",
+                              {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.id_regencies,
+                                    expression: "form.id_regencies",
                                   },
-                                },
-                                [
-                                  _vm.errors.has("form.alamat")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tAlamat: "),
-                                  _c("wajib-badge"),
                                 ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
+                                staticClass: "form-control",
+                                attrs: {
+                                  name: "id_regencies",
+                                  "data-width": "100%",
+                                  disabled: _vm.modelRegencies.length === 0,
+                                },
+                                on: {
+                                  change: [
+                                    function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
+                                        )
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "id_regencies",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      )
+                                    },
+                                    function ($event) {
+                                      return _vm.changeRegencies(
+                                        $event.target.value
+                                      )
+                                    },
+                                  ],
+                                },
+                              },
+                              [
+                                _c(
+                                  "option",
+                                  { attrs: { disabled: "", value: "" } },
+                                  [
+                                    _vm.modelRegenciesStat === "loading"
+                                      ? _c("span", [_vm._v("Mohon tunggu...")])
+                                      : _c("span", [
+                                          _vm._v("Silahkan pilih kabupaten"),
+                                        ]),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _vm._l(
+                                  _vm.modelRegencies,
+                                  function (regencies, index) {
+                                    return _c(
+                                      "option",
+                                      {
+                                        key: index,
+                                        domProps: { value: regencies.id },
+                                      },
+                                      [_vm._v(_vm._s(regencies.name))]
+                                    )
+                                  }
+                                ),
+                              ],
+                              2
+                            ),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c(
+                              "h6",
+                              [_vm._v("Kecamatan: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "select",
+                              {
                                 directives: [
                                   {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|min:5",
-                                    expression: "'required|min:5'",
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.id_districts,
+                                    expression: "form.id_districts",
                                   },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  name: "id_districts",
+                                  "data-width": "100%",
+                                  disabled: _vm.modelDistricts.length === 0,
+                                },
+                                on: {
+                                  change: [
+                                    function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
+                                        )
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "id_districts",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      )
+                                    },
+                                    function ($event) {
+                                      return _vm.changeDistricts(
+                                        $event.target.value
+                                      )
+                                    },
+                                  ],
+                                },
+                              },
+                              [
+                                _c(
+                                  "option",
+                                  { attrs: { disabled: "", value: "" } },
+                                  [
+                                    _vm.modelDistrictsStat === "loading"
+                                      ? _c("span", [_vm._v("Mohon tunggu...")])
+                                      : _c("span", [
+                                          _vm._v("Silahkan pilih kecamatan"),
+                                        ]),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _vm._l(
+                                  _vm.modelDistricts,
+                                  function (districts, index) {
+                                    return _c(
+                                      "option",
+                                      {
+                                        key: index,
+                                        domProps: { value: districts.id },
+                                      },
+                                      [_vm._v(_vm._s(districts.name))]
+                                    )
+                                  }
+                                ),
+                              ],
+                              2
+                            ),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c(
+                              "h6",
+                              [_vm._v("Kelurahan: "), _c("wajib-badge")],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "select",
+                              {
+                                directives: [
                                   {
                                     name: "model",
                                     rawName: "v-model",
-                                    value: _vm.form.alamat,
-                                    expression: "form.alamat",
+                                    value: _vm.form.id_villages,
+                                    expression: "form.id_villages",
+                                  },
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
                                   },
                                 ],
                                 staticClass: "form-control",
                                 attrs: {
-                                  type: "text",
-                                  name: "alamat",
-                                  placeholder: "Silahkan masukkan alamat",
-                                  "data-vv-as": "Alamat",
+                                  name: "id_villages",
+                                  "data-width": "100%",
+                                  "data-vv-as": "Desa",
+                                  disabled: _vm.modelVillages.length === 0,
                                 },
-                                domProps: { value: _vm.form.alamat },
                                 on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
+                                  change: function ($event) {
+                                    var $$selectedVal = Array.prototype.filter
+                                      .call(
+                                        $event.target.options,
+                                        function (o) {
+                                          return o.selected
+                                        }
+                                      )
+                                      .map(function (o) {
+                                        var val =
+                                          "_value" in o ? o._value : o.value
+                                        return val
+                                      })
                                     _vm.$set(
                                       _vm.form,
-                                      "alamat",
-                                      $event.target.value
+                                      "id_villages",
+                                      $event.target.multiple
+                                        ? $$selectedVal
+                                        : $$selectedVal[0]
                                     )
                                   },
                                 },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.alamat")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.alamat")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
+                              },
+                              [
+                                _c(
+                                  "option",
+                                  { attrs: { disabled: "", value: "" } },
+                                  [
+                                    _vm.modelVillagesStat === "loading"
+                                      ? _c("span", [
+                                          _vm._v(
+                                            "Mohon tunggu... mohon tunggu"
+                                          ),
+                                        ])
+                                      : _c("span", [
+                                          _vm._v("Silahkan pilih kelurahan"),
+                                        ]),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _vm._l(
+                                  _vm.modelVillages,
+                                  function (villages, index) {
+                                    return _c(
+                                      "option",
+                                      {
+                                        key: index,
+                                        domProps: { value: villages.id },
+                                      },
+                                      [_vm._v(_vm._s(villages.name))]
+                                    )
+                                  }
+                                ),
+                              ],
+                              2
+                            ),
+                          ]),
                         ]),
-                      ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(2),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c(
-                                "h5",
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-8" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c("h6", [_vm._v("Alamat:")]),
+                            _vm._v(" "),
+                            _c("input", {
+                              directives: [
                                 {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.telp"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.telp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Telp:"),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan no telp",
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.alamat,
+                                  expression: "form.alamat",
                                 },
-                                model: {
-                                  value: _vm.form.telp,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "telp", $$v)
-                                  },
-                                  expression: "form.telp",
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                type: "text",
+                                name: "alamat",
+                                placeholder: "Silahkan masukkan alamat",
+                              },
+                              domProps: { value: _vm.form.alamat },
+                              on: {
+                                input: function ($event) {
+                                  if ($event.target.composing) {
+                                    return
+                                  }
+                                  _vm.$set(
+                                    _vm.form,
+                                    "alamat",
+                                    $event.target.value
+                                  )
                                 },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
-                          ),
+                              },
+                            }),
+                          ]),
                         ]),
                         _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
@@ -2672,20 +2713,7 @@ var render = function () {
                             "div",
                             { staticClass: "form-group" },
                             [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.hp"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.hp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Hp:"),
-                                ]
-                              ),
+                              _c("h6", [_vm._v("No. Hp:")]),
                               _vm._v(" "),
                               _c("cleave", {
                                 staticClass: "form-control",
@@ -2710,49 +2738,6 @@ var render = function () {
                           ),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.pos"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.pos")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKode Pos:"),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan kode pos",
-                                },
-                                model: {
-                                  value: _vm.form.pos,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "pos", $$v)
-                                  },
-                                  expression: "form.pos",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
                           _c(
                             "div",
@@ -2764,7 +2749,7 @@ var render = function () {
                             },
                             [
                               _c(
-                                "h5",
+                                "h6",
                                 {
                                   class: {
                                     "text-danger": _vm.errors.has("form.email"),
@@ -2774,7 +2759,7 @@ var render = function () {
                                   _vm.errors.has("form.email")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tE-mail:"),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tEmail:"),
                                 ]
                               ),
                               _vm._v(" "),
@@ -2797,9 +2782,8 @@ var render = function () {
                                 attrs: {
                                   type: "text",
                                   name: "email",
-                                  placeholder:
-                                    "Silahkan masukkan alamat e-mail",
-                                  "data-vv-as": "E-mail",
+                                  placeholder: "Silahkan masukkan alamat email",
+                                  "data-vv-as": "Email",
                                 },
                                 domProps: { value: _vm.form.email },
                                 on: {
@@ -2839,37 +2823,27 @@ var render = function () {
                             ]
                           ),
                         ]),
-                      ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(3),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
                           _c("div", { staticClass: "form-group" }, [
-                            _c("h5", [_vm._v("Informasi Tambahan:")]),
+                            _c("h6", [_vm._v("Kontak Lainnya:")]),
                             _vm._v(" "),
-                            _c("textarea", {
+                            _c("input", {
                               directives: [
                                 {
                                   name: "model",
                                   rawName: "v-model",
-                                  value: _vm.form.deskripsi,
-                                  expression: "form.deskripsi",
+                                  value: _vm.form.kontak,
+                                  expression: "form.kontak",
                                 },
                               ],
                               staticClass: "form-control",
                               attrs: {
-                                rows: "5",
                                 type: "text",
-                                name: "deskripsi",
-                                placeholder:
-                                  "Silahkan masukkan informasi tambahan",
+                                name: "kontak",
+                                placeholder: "Silahkan masukkan kontak lainnya",
                               },
-                              domProps: { value: _vm.form.deskripsi },
+                              domProps: { value: _vm.form.kontak },
                               on: {
                                 input: function ($event) {
                                   if ($event.target.composing) {
@@ -2877,16 +2851,12 @@ var render = function () {
                                   }
                                   _vm.$set(
                                     _vm.form,
-                                    "deskripsi",
+                                    "kontak",
                                     $event.target.value
                                   )
                                 },
                               },
                             }),
-                            _vm._v(" "),
-                            _c("small", { staticClass: "text-muted" }, [
-                              _vm._v(" "),
-                            ]),
                           ]),
                         ]),
                       ]),
@@ -2895,6 +2865,8 @@ var render = function () {
                   _vm._v(" "),
                   _c("form-info"),
                   _vm._v(" "),
+                  _c("br"),
+                  _vm._v(" "),
                   _c(
                     "div",
                     { staticClass: "card card-body" },
@@ -2943,34 +2915,10 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("1. Informasi Umum")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("2. Lokasi")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("3. Kontak")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [
-        _vm._v("4. Informasi Tambahan"),
-      ]),
+    return _c("h6", [
+      _vm._v(" Tinggi "),
+      _c("small", [_vm._v("(cm)")]),
+      _vm._v(":"),
     ])
   },
 ]
@@ -3463,17 +3411,17 @@ function objectToFormData(obj, form, namespace) {
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tp/form.vue":
-/*!***********************************************!*\
-  !*** ./resources/assets/js/views/tp/form.vue ***!
-  \***********************************************/
+/***/ "./resources/assets/js/views/mitraOrang/form.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/views/mitraOrang/form.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=29360214& */ "./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_3a984f40___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=3a984f40& */ "./resources/assets/js/views/mitraOrang/form.vue?vue&type=template&id=3a984f40&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/mitraOrang/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3484,8 +3432,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_template_id_3a984f40___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_3a984f40___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3495,38 +3443,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/tp/form.vue"
+component.options.__file = "resources/assets/js/views/mitraOrang/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js&":
-/*!************************************************************************!*\
-  !*** ./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js& ***!
-  \************************************************************************/
+/***/ "./resources/assets/js/views/mitraOrang/form.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/mitraOrang/form.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/mitraOrang/form.vue?vue&type=template&id=3a984f40&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/mitraOrang/form.vue?vue&type=template&id=3a984f40& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=29360214& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3a984f40___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=3a984f40& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/form.vue?vue&type=template&id=3a984f40&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3a984f40___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3a984f40___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/50.js b/public/js/components/50.js
index 068543423..3332c6832 100644
--- a/public/js/components/50.js
+++ b/public/js/components/50.js
@@ -1,8 +1,8 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[50],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
 /*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
   \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -26,40 +26,161 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['title', 'icon', 'color', 'count']
+  data: function data() {
+    return {
+      image: ''
+    };
+  },
+  props: {
+    image_loc: {
+      type: [String],
+      "default": ''
+    },
+    image_type: {
+      type: [String],
+      "default": '.jpg'
+    },
+    image_temp: {
+      "default": ''
+    },
+    value: {
+      type: [String, File],
+      "default": 'no_image'
+    }
+  },
+  methods: {
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.createImage(files[0]);
+      this.$emit('input', files[0]);
+    },
+    createImage: function createImage(file) {
+      var reader = new FileReader();
+      var vm = this;
+
+      reader.onload = function (e) {
+        vm.image = e.target.result; // this.$emit('input', vm.image)
+      };
+
+      reader.readAsDataURL(file);
+    },
+    close: function close() {
+      this.$emit('input', 'no_image');
+      this.image = '/images/no_image.jpg';
+      this.$refs.fileInput.value = '';
+    }
+  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _dashboard_newsSlider_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dashboard/newsSlider.vue */ "./resources/assets/js/views/dashboard/newsSlider.vue");
-/* harmony import */ var _dashboard_buttonRow_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dashboard/buttonRow.vue */ "./resources/assets/js/views/dashboard/buttonRow.vue");
-/* harmony import */ var _dashboard_kegiatanBKCUWidget_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dashboard/kegiatanBKCUWidget.vue */ "./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue");
-/* harmony import */ var _dashboard_grafikLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dashboard/grafikLaporanCuWidget.vue */ "./resources/assets/js/views/dashboard/grafikLaporanCuWidget.vue");
-/* harmony import */ var _dashboard_tableLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./dashboard/tableLaporanCuWidget.vue */ "./resources/assets/js/views/dashboard/tableLaporanCuWidget.vue");
-/* harmony import */ var _dashboard_historyOrganisasiWidget_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./dashboard/historyOrganisasiWidget.vue */ "./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue");
-/* harmony import */ var _dashboard_countOrganisasiWidget_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./dashboard/countOrganisasiWidget.vue */ "./resources/assets/js/views/dashboard/countOrganisasiWidget.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
+//
+//
+//
+//
+//
+//
+//
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['defaultDate'],
+  components: {
+    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
+  },
+  data: function data() {
+    return {
+      time: '',
+      dateVal: ''
+    };
+  },
+  mounted: function mounted() {
+    if (this.defaultDate == '') {
+      var today = new Date();
+      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
+      this.time = date;
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
+    } else {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+      this.$emit('dateSelected', this.defaultDate);
+    }
+  },
+  watch: {
+    defaultDate: function defaultDate(newVal, oldVal) {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+    }
+  },
+  methods: {
+    onChanged: function onChanged(event) {
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
 //
 //
 //
 //
 //
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: []
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 //
 //
 //
@@ -68,6 +189,36 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    message: {
+      "default": ''
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -105,47 +256,129 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
- // import pesertaDiklatBkcuWidget from './dashboard/pesertaDiklatBKCUWidget.vue';
-
-
-
-
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    newsSlider: _dashboard_newsSlider_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    buttonRow: _dashboard_buttonRow_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    kegiatanBkcuWidget: _dashboard_kegiatanBKCUWidget_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    // pesertaDiklatBkcuWidget,
-    grafikLaporanCuWidget: _dashboard_grafikLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    tableLaporanCuWidget: _dashboard_tableLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    historyOrganisasiWidget: _dashboard_historyOrganisasiWidget_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    countOrganisasiWidget: _dashboard_countOrganisasiWidget_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
+  props: {
+    title: {
+      "default": ''
+    },
+    titleIcon: {
+      "default": ''
+    },
+    titleDesc: {
+      "default": ''
+    },
+    level: {
+      "default": 1
+    },
+    level2Title: {
+      "default": ''
+    },
+    level2Route: {
+      "default": ''
+    }
+  },
+  methods: {
+    level2Back: function level2Back() {
+      this.$emit('level2Back');
+    },
+    route1: function route1() {
+      if (this.btn1RouteParams) {
+        this.$router.push({
+          name: this.btn1Route,
+          params: {
+            cu: this.btn1RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn1Route
+        });
+      }
+    },
+    route2: function route2() {
+      if (this.btn2RouteParams) {
+        this.$router.push({
+          name: this.btn2Route,
+          params: {
+            cu: this.btn2RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn2Route
+        });
+      }
+    },
+    route3: function route3() {
+      if (this.btn3RouteParams) {
+        this.$router.push({
+          name: this.btn3Route,
+          params: {
+            cu: this.btn3RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn3Route
+        });
+      }
+    }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
-    columnData: 'columnData',
-    columnDataPearls: 'columnDataPearls'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    message: {
+      "default": ''
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_countWidget__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/countWidget */ "./resources/assets/js/components/countWidget.vue");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -297,304 +530,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    countWidget: _components_countWidget__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  data: function data() {
-    var _ref;
-
-    return _ref = {
-      kegiatanBKCUJalanWidgetRoute: {},
-      artikelWidgetRoute: {},
-      artikelKategoriWidgetRoute: {},
-      artikelPenulisWidgetRoute: {},
-      pengumumanWidgetRoute: {},
-      diklatBKCUWidgetRoute: {},
-      pertemuanBKCUWidgetRoute: {},
-      anggotaCuWidgetRoute: {},
-      saldoWidgetRoute: {},
-      jalinanKlaimWidgetRoute: {},
-      cuWidgetRoute: {},
-      tpWidgetRoute: {},
-      produkCuWidgetRoute: {},
-      aktivisWidgetRoute: {},
-      pemilihanWidgetRoute: {},
-      votingWidgetRoute: {}
-    }, _defineProperty(_ref, "produkCuWidgetRoute", {}), _defineProperty(_ref, "mitraPerseoranganWidgetRoute", {}), _defineProperty(_ref, "mitraLembagaWidgetRoute", {}), _defineProperty(_ref, "userWidgetRoute", {}), _defineProperty(_ref, "laporanCUWidgetRoute", {}), _defineProperty(_ref, "laporanGerakanWidgetRoute", {}), _defineProperty(_ref, "assesmentAccessWidgetRoute", {}), _defineProperty(_ref, "monitoringAccessWidgetRoute", {}), _defineProperty(_ref, "dokumenGerakanPublikWidgetRoute", {}), _defineProperty(_ref, "dokumenWidgetRoute", {}), _defineProperty(_ref, "asetTetapWidgetRoute", {}), _ref;
-  },
-  created: function created() {
-    this.countWidgetRoute();
-    this.fetchKegiatanBerjalan();
-  },
-  methods: {
-    countWidgetRoute: function countWidgetRoute() {
-      this.artikelWidgetRoute = {
-        name: 'artikelCu',
-        params: {
-          cu: this.currentUser.id_cu
-        }
-      };
-      this.artikelPenulisWidgetRoute = {
-        name: 'artikelPenulisCu',
-        params: {
-          cu: this.currentUser.id_cu
-        }
-      };
-      this.artikelKategoriWidgetRoute = {
-        name: 'artikelKategoriCu',
-        params: {
-          cu: this.currentUser.id_cu
-        }
-      };
-      this.pengumumanWidgetRoute = {
-        name: 'pengumumanCu',
-        params: {
-          cu: this.currentUser.id_cu
-        }
-      };
-      this.diklatBKCUWidgetRoute = {
-        name: 'kegiatanBKCU',
-        params: {
-          tipe: 'diklat_bkcu',
-          periode: this.momentYear()
-        }
-      };
-      this.pertemuanBKCUWidgetRoute = {
-        name: 'kegiatanBKCU',
-        params: {
-          tipe: 'pertemuan_bkcu',
-          periode: this.momentYear()
-        }
-      };
-      this.saldoWidgetRoute = {
-        name: 'saldo'
-      };
-      this.aktivisWidgetRoute = {
-        name: 'aktivisCu',
-        params: {
-          cu: this.currentUser.id_cu,
-          tingkat: 'semua'
-        }
-      };
-      this.laporanGerakanWidgetRoute = {
-        name: 'laporanGerakan'
-      };
-      this.mitraPerseoranganWidgetRoute = {
-        name: 'mitraOrang'
-      };
-      this.mitraLembagaWidgetRoute = {
-        name: 'mitraLembaga'
-      };
-      this.userWidgetRoute = {
-        name: 'userCu',
-        params: {
-          cu: this.currentUser.id_cu
-        }
-      };
-      this.kegiatanBKCUJalanWidgetRoute = {
-        name: 'kegiatanBKCUJalan'
-      };
-      this.dokumenGerakanPublikWidgetRoute = {
-        name: 'dokumenGerakanPublik',
-        params: {
-          cu: 'semua'
-        }
-      };
-
-      if (this.currentUser.id_cu != 0) {
-        this.anggotaCuWidgetRoute = {
-          name: 'anggotaCuCu',
-          params: {
-            cu: this.currentUser.id_cu,
-            tp: 'semua'
-          }
-        };
-        this.jalinanKlaimWidgetRoute = {
-          name: 'jalinanKlaimCu',
-          params: {
-            cu: this.currentUser.id_cu,
-            tp: 'semua'
-          }
-        };
-        this.cuWidgetRoute = {
-          name: 'cuProfile',
-          params: {
-            id: this.currentUser.id_cu
-          }
-        };
-        this.tpWidgetRoute = {
-          name: 'tpCu',
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        };
-        this.produkCuWidgetRoute = {
-          name: 'produkCuCu',
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        };
-        this.pemilihanWidgetRoute = {
-          name: 'pemilihan',
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        };
-        this.votingWidgetRoute = {
-          name: 'voting',
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        };
-        this.laporanCUWidgetRoute = {
-          name: 'laporanCuCu',
-          params: {
-            cu: this.currentUser.id_cu,
-            tp: 'konsolidasi'
-          }
-        };
-        this.assesmentAccessWidgetRoute = {
-          name: 'assesmentAccessCu',
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        };
-        this.monitoringWidgetRoute = {
-          name: 'monitoringCu',
-          params: {
-            cu: this.currentUser.id_cu,
-            tp: 'semua'
-          }
-        };
-        this.dokumenWidgetRoute = {
-          name: 'dokumenCu',
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        };
-      } else {
-        this.tempatWidgetRoute = {
-          name: 'tempat'
-        };
-        this.anggotaCuWidgetRoute = {
-          name: 'anggotaCuCu',
-          params: {
-            cu: 'semua',
-            tp: 'semua'
-          }
-        };
-        this.jalinanKlaimWidgetRoute = {
-          name: 'jalinanKlaimCu',
-          params: {
-            cu: 'semua',
-            tp: 'semua'
-          }
-        };
-        this.cuWidgetRoute = {
-          name: 'cu'
-        };
-        this.tpWidgetRoute = {
-          name: 'tpCu',
-          params: {
-            cu: 'semua'
-          }
-        };
-        this.produkCuWidgetRoute = {
-          name: 'produkCuCu',
-          params: {
-            cu: 'semua'
-          }
-        };
-        this.pemilihanWidgetRoute = {
-          name: 'pemilihan',
-          params: {
-            cu: 'semua'
-          }
-        };
-        this.votingWidgetRoute = {
-          name: 'voting',
-          params: {
-            cu: 'semua'
-          }
-        };
-        this.laporanCUWidgetRoute = {
-          name: 'laporanCu'
-        };
-        this.assesmentAccessWidgetRoute = {
-          name: 'assesmentAccessCu',
-          params: {
-            cu: 'semua'
-          }
-        };
-        this.monitoringWidgetRoute = {
-          name: 'monitoringCu',
-          params: {
-            cu: 'semua',
-            tp: 'semua'
-          }
-        };
-        this.dokumenWidgetRoute = {
-          name: 'dokumenCu',
-          params: {
-            cu: 'semua'
-          }
-        };
-        this.asetTetapWidgetRoute = {
-          name: 'asetTetap'
-        };
-      }
-    },
-    goTo: function goTo(route) {
-      this.$router.push(route);
-    },
-    fetchKegiatanBerjalan: function fetchKegiatanBerjalan() {
-      var query = {
-        order_column: "mulai",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 6,
-        page: 1
-      };
-
-      if (this.modelKegiatanStat != 'success') {
-        this.$store.dispatch('kegiatanBKCU/indexJalanHeader', query);
-      }
-    },
-    momentYear: function momentYear() {
-      return moment().year();
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
-    modelKegiatan: 'dataJalan',
-    modelKegiatanStat: 'dataJalanStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _api_system_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../api/system.js */ "./resources/assets/js/api/system.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -652,128 +587,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  data: function data() {
-    return {
-      kelas: 'sistem',
-      countCu: '',
-      countTp: '',
-      countProdukCu: '',
-      countAktivis: '',
-      countMitraOrang: '',
-      countMitraLembaga: '',
-      itemData: '',
-      itemDataStat: ''
-    };
-  },
-  created: function created() {
-    this.fetch();
-  },
-  methods: {
-    fetch: function fetch() {
-      var _this = this;
-
-      this.itemdataStat = 'loading';
-      _api_system_js__WEBPACK_IMPORTED_MODULE_2__["default"].countOrganisasi().then(function (response) {
-        _this.countCu = response.data.countCu;
-        _this.countTp = response.data.countTp;
-        _this.countProdukCu = response.data.countProdukCu;
-        _this.countAktivis = response.data.countAktivis;
-        _this.countMitraOrang = response.data.countMitraOrang;
-        _this.countMitraLembaga = response.data.countMitraLembaga;
-        _this.itemdataStat = 'success';
-      })["catch"](function (error) {
-        _this.itemdata = error.response;
-        _this.itemdataStat = 'fail';
-      });
-    },
-    detail: function detail(value) {
-      var id = this.currentUser.id_cu;
-
-      if (value == 'cu') {
-        if (this.currentUser.can['index_cu']) {
-          this.$router.push({
-            name: 'cu'
-          });
-        }
-      } else if (value == 'tp') {
-        if (this.currentUser.can['index_tp']) {
-          this.$router.push({
-            name: 'tpCu',
-            params: {
-              cu: id
-            }
-          });
-        }
-      } else if (value == 'produkCu') {
-        if (this.currentUser.can['index_produk_cu']) {
-          this.$router.push({
-            name: 'produkCuCu',
-            params: {
-              cu: id
-            }
-          });
-        }
-      } else if (value == 'aktivis') {
-        if (this.currentUser.can['index_aktivis']) {
-          this.$router.push({
-            name: 'aktivisCu',
-            params: {
-              cu: id
-            }
-          });
-        }
-      } else if (value == 'mitra_orang') {
-        if (this.currentUser.can['index_mitra_orang']) {
-          this.$router.push({
-            name: 'mitraOrang'
-          });
-        }
-      } else if (value == 'mitra_lembaga') {
-        if (this.currentUser.can['index_mitra_lembaga']) {
-          this.$router.push({
-            name: 'mitraLembaga'
-          });
-        }
-      }
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _api_cu_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../api/cu.js */ "./resources/assets/js/api/cu.js");
-/* harmony import */ var _api_tp_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../api/tp.js */ "./resources/assets/js/api/tp.js");
-/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
-/* harmony import */ var _api_aktivis_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/aktivis.js */ "./resources/assets/js/api/aktivis.js");
-/* harmony import */ var _api_mitraOrang_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../api/mitraOrang.js */ "./resources/assets/js/api/mitraOrang.js");
-/* harmony import */ var _api_mitraLembaga_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../api/mitraLembaga.js */ "./resources/assets/js/api/mitraLembaga.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -953,6 +766,47 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
 
 
 
@@ -963,928 +817,373 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_11__["default"]
   },
   data: function data() {
     return {
-      kelas: 'diklatBKCU',
-      selectedItemBaru: [],
-      selectedItemMulai: [],
-      selectedItemBuka: [],
-      selectedItemJalan: [],
-      tabName: 'cu',
-      isTp: false,
-      isProdukCu: false,
-      isAktivis: false,
-      isMitraOrang: false,
-      isMitraLembaga: false,
-      itemCu: [],
-      itemTp: [],
-      itemProdukCu: [],
-      itemAktivis: [],
-      itemMitraOrang: [],
-      itemMitraLembaga: [],
-      countCu: '',
-      countTp: '',
-      countProdukCu: '',
-      countAktivis: '',
-      countMitraOrang: '',
-      countMitraLembaga: '',
-      itemCuStat: '',
-      itemTpStat: '',
-      itemProdukCuStat: '',
-      itemAktivisStat: '',
-      itemMitraOrangStat: '',
-      itemMitraLembagaStat: ''
+      title: '',
+      titleDesc: '',
+      titleIcon: '',
+      kelas: 'tp',
+      level2Title: 'TP/KP',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      submited: false
     };
   },
-  created: function created() {
-    if (this.currentUser.can['index_cu']) {
-      this.tabName = 'cu';
-      this.fetchCu();
-    } else if (this.currentUser.can['index_tp']) {
-      this.tabName = 'tp';
-      this.isTp = true;
-      this.fetchTp();
-    } else if (this.currentUser.can['index_produk_cu']) {
-      this.tabName = 'produk_cu';
-      this.isProdukCu = true;
-      this.fetchProdukCu();
-    } else if (this.currentUser.can['index_aktivis']) {
-      this.tabName = 'aktivis';
-      this.isAktivis = true;
-      this.fetchAktivis();
-    } else if (this.currentUser.can['index_mitra_orang']) {
-      this.tabName = 'mitra_orang';
-      this.isMitraOrang = true;
-      this.fetchMitraOrang();
-    } else if (this.currentUser.can['index_mitra_lembaga']) {
-      this.tabName = 'mitra_lembaga';
-      this.isMitraLembaga = true;
-      this.fetchMitraLembaga();
-    }
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
   },
-  methods: {
-    fetchCu: function fetchCu() {
-      var _this = this;
+  watch: {
+    currentUserStat: function currentUserStat(value) {
+      //jika refresh halaman maka reload currentUser
+      if (value === "success") {
+        if (this.currentUser.id_cu === 0) {
+          if (this.modelCuStat != 'success') {
+            this.$store.dispatch('cu/getHeader');
+          }
+        }
 
-      this.itemCuStat = 'loading';
-      _api_cu_js__WEBPACK_IMPORTED_MODULE_2__["default"].history().then(function (response) {
-        _this.itemCu = response.data.model;
-        _this.itemCuStat = 'success';
-      })["catch"](function (error) {
-        _this.itemCu = error.response;
-        _this.itemCuStat = 'fail';
-      });
-    },
-    fetchTp: function fetchTp() {
-      var _this2 = this;
-
-      this.itemTpStat = 'loading';
-      _api_tp_js__WEBPACK_IMPORTED_MODULE_3__["default"].history().then(function (response) {
-        _this2.itemTp = response.data.model;
-        _this2.itemTpStat = 'success';
-      })["catch"](function (error) {
-        _this2.itemTp = error.response;
-        _this2.itemTpStat = 'fail';
-      });
-    },
-    fetchProdukCu: function fetchProdukCu() {
-      var _this3 = this;
-
-      this.itemProdukCuStat = 'loading';
-      _api_produkCu_js__WEBPACK_IMPORTED_MODULE_4__["default"].history().then(function (response) {
-        _this3.itemProdukCu = response.data.model;
-        _this3.itemProdukCuStat = 'success';
-      })["catch"](function (error) {
-        _this3.itemProdukCu = error.response;
-        _this3.itemProdukCuStat = 'fail';
-      });
-    },
-    fetchAktivis: function fetchAktivis() {
-      var _this4 = this;
-
-      this.itemAktivisStat = 'loading';
-      _api_aktivis_js__WEBPACK_IMPORTED_MODULE_5__["default"].history().then(function (response) {
-        _this4.itemAktivis = response.data.model;
-        _this4.itemAktivisStat = 'success';
-      })["catch"](function (error) {
-        _this4.itemAktivis = error.response;
-        _this4.itemAktivisStat = 'fail';
-      });
-    },
-    fetchMitraOrang: function fetchMitraOrang() {
-      var _this5 = this;
-
-      this.itemMitraOrangStat = 'loading';
-      _api_mitraOrang_js__WEBPACK_IMPORTED_MODULE_6__["default"].history().then(function (response) {
-        _this5.itemMitraOrang = response.data.model;
-        _this5.itemMitraOrangStat = 'success';
-      })["catch"](function (error) {
-        _this5.itemMitraOrang = error.response;
-        _this5.itemMitraOrangStat = 'fail';
-      });
+        if (this.$route.meta.mode !== 'edit' && this.form.id_cu == undefined) {
+          this.form.id_cu = this.currentUser.id_cu;
+        } // check permission
+
+
+        if (this.$route.meta.mode === 'edit') {
+          if (!this.currentUser.can || !this.currentUser.can['update_' + this.kelas]) {
+            this.$router.push({
+              name: 'notFound'
+            });
+          }
+        } else {
+          if (!this.currentUser.can || !this.currentUser.can['create_' + this.kelas]) {
+            this.$router.push({
+              name: 'notFound'
+            });
+          }
+        }
+      }
     },
-    fetchMitraLembaga: function fetchMitraLembaga() {
-      var _this6 = this;
-
-      this.itemMitraLembagaStat = 'loading';
-      _api_mitraLembaga_js__WEBPACK_IMPORTED_MODULE_7__["default"].history().then(function (response) {
-        _this6.itemMitraLembaga = response.data.model;
-        _this6.itemMitraLembagaStat = 'success';
-      })["catch"](function (error) {
-        _this6.itemMitraLembaga = error.response;
-        _this6.itemMitraLembagaStat = 'fail';
-      });
+    formStat: function formStat(value) {
+      if (value === "success") {
+        if (this.$route.meta.mode === 'edit') {
+          this.changeProvinces(this.form.id_provinces);
+          this.changeRegencies(this.form.id_regencies);
+          this.changeDistricts(this.form.id_districts);
+          this.checkUser('update_tp', this.form.id_cu);
+        } else {
+          this.form.id_cu = this.currentUser.id_cu;
+        }
+      }
     },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-
-      if (value == 'tp' && !this.isTp) {
-        this.isTp = true;
-        this.fetchTp();
-      } else if (value == 'produk_cu' && !this.isProdukCu) {
-        this.isProdukCu = true;
-        this.fetchProdukCu();
-      } else if (value == 'aktivis' && !this.isAktivis) {
-        this.isAktivis = true;
-        this.fetchAktivis();
-      } else if (value == 'mitra_orang' && !this.isMitraOrang) {
-        this.isMitraOrang = true;
-        this.fetchMitraOrang();
-      } else if (value == 'mitra_lembaga' && !this.isMitraLembaga) {
-        this.isMitraLembaga = true;
-        this.fetchMitraLembaga();
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      if (this.$route.meta.mode === 'edit') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+        this.title = 'Ubah ' + this.level2Title;
+        this.titleDesc = 'Mengubah ' + this.level2Title;
+        this.titleIcon = 'icon-pencil5';
+      } else {
+        this.title = 'Tambah ' + this.level2Title;
+        this.titleDesc = 'Menambah ' + this.level2Title;
+        this.titleIcon = 'icon-plus3';
+        this.$store.dispatch(this.kelas + '/create');
       }
+
+      this.$store.dispatch('provinces/get');
     },
-    detail: function detail(value, id) {
-      if (value == 'cu') {
-        if (this.currentUser.can['update_cu']) {
-          this.$router.push({
-            name: 'cuEdit',
-            params: {
-              id: id
-            }
-          });
-        }
-      } else if (value == 'tp') {
-        if (this.currentUser.can['update_tp']) {
-          this.$router.push({
-            name: 'tpEdit',
-            params: {
-              id: id
-            }
-          });
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
         }
-      } else if (value == 'produkCu') {
-        if (this.currentUser.can['update_produk_cu']) {
-          this.$router.push({
-            name: 'produkCuEdit',
-            params: {
-              id: id
-            }
-          });
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
         }
-      } else if (value == 'aktivis') {
-        if (this.currentUser.can['update_aktivis']) {
-          this.$router.push({
-            name: 'aktivisEdit',
-            params: {
-              id: id
-            }
-          });
+      }
+    },
+    save: function save() {
+      var _this = this;
+
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.$route.meta.mode === 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
+          } else {
+            _this.$store.dispatch(_this.kelas + '/store', formData);
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
         }
-      } else if (value == 'mitra_orang') {
-        if (this.currentUser.can['update_mitra_orang']) {
+      });
+    },
+    back: function back() {
+      if (this.$route.meta.mode === 'edit' && this.currentUser.id_cu == 0) {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.form.id_cu
+          }
+        });
+      } else {
+        if (this.form.id_cu == '0') {
           this.$router.push({
-            name: 'mitraOrangEdit',
+            name: this.kelas + 'Cu',
             params: {
-              id: id
+              cu: 'semua'
             }
           });
-        }
-      } else if (value == 'mitra_lembaga') {
-        if (this.currentUser.can['update_mitra_lembaga']) {
+        } else {
           this.$router.push({
-            name: 'mitraLembagaEdit',
+            name: this.kelas + 'Cu',
             params: {
-              id: id
+              cu: this.currentUser.id_cu
             }
           });
         }
       }
+    },
+    changeProvinces: function changeProvinces(id) {
+      this.$store.dispatch('regencies/getProvinces', id);
+    },
+    changeRegencies: function changeRegencies(id) {
+      this.$store.dispatch('districts/getRegencies', id);
+    },
+    changeDistricts: function changeDistricts(id) {
+      this.$store.dispatch('villages/getDistricts', id);
+    },
+    modalTutup: function modalTutup() {
+      if (this.updateStat === 'success') {
+        this.back();
+      }
+
+      this.modalShow = false;
+      this.submitedKategori = false;
+      this.submitedPenulis = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('provinces', {
+    modelProvinces: 'dataS',
+    modelProvincesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('regencies', {
+    modelRegencies: 'dataS',
+    modelRegenciesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('districts', {
+    modelDistricts: 'dataS',
+    modelDistrictsStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('villages', {
+    modelVillages: 'dataS',
+    modelVillagesStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************************/
-/*! exports provided: default */
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../api/kegiatanBKCU.js */ "./resources/assets/js/api/kegiatanBKCU.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body text-center" }, [
+        _vm.image === "" && _vm.image_temp === ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: "/images/no_image.jpg" },
+            })
+          : _vm.image === "" && _vm.image_temp !== ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
+            })
+          : _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image },
+            }),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "col-md-10" }, [
+        _c("input", {
+          ref: "fileInput",
+          staticClass: "form-control",
+          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
+          on: { change: _vm.upload },
+        }),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-2" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block",
+            attrs: { type: "button", disabled: _vm.image_temp === "" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.close()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
+        ),
+      ]),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  data: function data() {
-    return {
-      kelas: 'kegiatanBKCU',
-      selectedItemBaru: [],
-      selectedItemMulai: [],
-      selectedItemBuka: [],
-      selectedItemJalan: [],
-      tabName: 'baru',
-      isMulai: false,
-      isBuka: false,
-      isJalan: false,
-      itemBaru: [],
-      itemMulai: [],
-      itemBuka: [],
-      itemJalan: [],
-      countBaru: '',
-      countMulai: '',
-      countBuka: '',
-      countJalan: '',
-      itemBaruStat: '',
-      itemMulaiStat: '',
-      itemBukaStat: '',
-      itemJalanStat: ''
-    };
-  },
-  created: function created() {
-    this.fetchBaru();
-  },
-  methods: {
-    fetchBaru: function fetchBaru() {
-      var _this = this;
-
-      this.itemBaruStat = 'loading';
-      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_2__["default"].indexBaru().then(function (response) {
-        _this.itemBaru = response.data.model;
-        _this.countBaru = response.data.model.length;
-        _this.countMulai = response.data.countMulai;
-        _this.countBuka = response.data.countBuka;
-        _this.countJalan = response.data.countJalan;
-        _this.itemBaruStat = 'success';
-      })["catch"](function (error) {
-        _this.itemBaru = error.response;
-        _this.itemBaruStat = 'fail';
-      });
-    },
-    fetchMulai: function fetchMulai() {
-      var _this2 = this;
-
-      this.itemMulaiStat = 'loading';
-      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_2__["default"].indexMulai().then(function (response) {
-        _this2.itemMulai = response.data.model;
-        _this2.itemMulaiStat = 'success';
-      })["catch"](function (error) {
-        _this2.itemMulai = error.response;
-        _this2.itemMulaiStat = 'fail';
-      });
-    },
-    fetchBuka: function fetchBuka() {
-      var _this3 = this;
-
-      this.itemBukaStat = 'loading';
-      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_2__["default"].indexBuka().then(function (response) {
-        _this3.itemBuka = response.data.model;
-        _this3.itemBukaStat = 'success';
-      })["catch"](function (error) {
-        _this3.itemBuka = error.response;
-        _this3.itemBukaStat = 'fail';
-      });
-    },
-    fetchJalan: function fetchJalan() {
-      var _this4 = this;
-
-      var query = {
-        order_column: "mulai",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 6,
-        page: 1
-      };
-      this.itemJalanStat = 'loading';
-      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_2__["default"].indexJalan(query).then(function (response) {
-        _this4.itemJalan = response.data.model;
-        _this4.itemJalanStat = 'success';
-      })["catch"](function (error) {
-        _this4.itemJalan = error.response;
-        _this4.itemJalanStat = 'fail';
-      });
-    },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-      this.selectedItemBaru = [];
-      this.selectedItemMulai = [];
-      this.selectedItemBuka = [];
-      this.selectedItemJalan = [];
-
-      if (value == 'mulai' && !this.isMulai) {
-        this.isMulai = true;
-        this.fetchMulai();
-      } else if (value == 'buka' && !this.isBuka) {
-        this.isBuka = true;
-        this.fetchBuka();
-      } else if (value == 'jalan' && !this.isJalan) {
-        this.isJalan = true;
-        this.fetchJalan();
-      }
-    },
-    selectedRowBaru: function selectedRowBaru(item) {
-      this.selectedItemBaru = item;
-    },
-    selectedRowMulai: function selectedRowMulai(item) {
-      this.selectedItemMulai = item;
-    },
-    selectedRowBuka: function selectedRowBuka(item) {
-      this.selectedItemBuka = item;
-    },
-    selectedRowJalan: function selectedRowJalan(item) {
-      this.selectedItemJalan = item;
-    },
-    detail: function detail(id) {
-      this.$router.push({
-        name: this.kelas + 'Detail',
-        params: {
-          id: id
-        }
-      });
-    },
-    // goToDiklatBKCU(){
-    // 	this.$router.push({ name: 'kegiatanBKCU', params:{periode: this.momentYear()} });
-    // },
-    momentYear: function momentYear() {
-      return moment().year();
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var hooper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! hooper */ "./node_modules/hooper/dist/hooper.esm.js");
-/* harmony import */ var hooper_dist_hooper_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! hooper/dist/hooper.css */ "./node_modules/hooper/dist/hooper.css");
-/* harmony import */ var hooper_dist_hooper_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(hooper_dist_hooper_css__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _api_cu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../api/cu */ "./resources/assets/js/api/cu.js");
-/* harmony import */ var _api_artikelSimo__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../api/artikelSimo */ "./resources/assets/js/api/artikelSimo.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    Hooper: hooper__WEBPACK_IMPORTED_MODULE_1__["Hooper"],
-    Slide: hooper__WEBPACK_IMPORTED_MODULE_1__["Slide"],
-    HooperNavigation: hooper__WEBPACK_IMPORTED_MODULE_1__["Navigation"],
-    HooperPagination: hooper__WEBPACK_IMPORTED_MODULE_1__["Pagination"]
-  },
-  data: function data() {
-    return {
-      birthdayData: [],
-      birthdayDataStat: '',
-      newsData: [],
-      newsDataStat: '',
-      slideData: [],
-      sliderItem: [{
-        name: 'welcome',
-        title: 'Selamat Datang Di SIMO',
-        content: '<h5 class="d-none d-md-block">Sistem Informasi Manajemen Organisasi yang menyimpan dan mengolah data CU dalam gerakan PUSKOPCUINA.</h5> Baru pertama kali masuk ke SIMO? <br/>agar tidak bingung silahkan membaca panduan terlebih dahulu',
-        isButton: true,
-        buttonUrl: 'https://puskopcuina.org/panduan',
-        buttonTitle: '<i class="icon-book mr-2"></i>Panduan',
-        style: {
-          'background-image': 'url("/images/welcomeSIMO.png")',
-          'background-position': 'center',
-          'background-repeat': 'no-repeat',
-          'background-size': 'cover',
-          'color': '#FFFFFF'
-        }
-      }]
-    };
-  },
-  created: function created() {
-    this.getBirthday();
-  },
-  watch: {
-    birthdayDataStat: function birthdayDataStat(value) {
-      if (value == 'success') {
-        if (this.birthdayData.length > 0) {
-          var item = {
-            name: 'birthday',
-            title: 'Selamat Ulang Tahun Kepada',
-            content: 'Semoga semakin maju berkembang dan bertumbuh bersama anggota',
-            cu: [],
-            style: {
-              'background-image': 'url("/images/birthday.jpg")',
-              'background-position': 'center',
-              'background-repeat': 'no-repeat',
-              'background-size': 'cover',
-              'color': '#FFFFFF'
-            }
-          };
-          item.cu = this.birthdayData;
-          this.sliderItem.push(item);
-        }
-
-        this.getNews();
-      }
-    },
-    newsDataStat: function newsDataStat(value) {
-      if (value == 'success') {
-        var valData;
-
-        var _iterator = _createForOfIteratorHelper(this.newsData),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            valData = _step.value;
-            this.addNewsSlide(valData.name, valData.ringkasan, valData.gambar);
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-      }
-    }
-  },
-  methods: {
-    getBirthday: function getBirthday() {
-      var _this = this;
-
-      this.birthdayDataStat = 'loading';
-      _api_cu__WEBPACK_IMPORTED_MODULE_3__["default"].getBirthday().then(function (response) {
-        _this.birthdayData = response.data.model;
-        _this.birthdayDataStat = 'success';
-      })["catch"](function (error) {
-        _this.birthdayData = error.response;
-        _this.birthdayDataStat = 'fail';
-      });
-    },
-    getNews: function getNews() {
-      var _this2 = this;
-
-      this.newsDataStat = 'loading';
-      _api_artikelSimo__WEBPACK_IMPORTED_MODULE_4__["default"].get().then(function (response) {
-        _this2.newsData = response.data.model;
-        _this2.newsDataStat = 'success';
-      })["catch"](function (error) {
-        _this2.newsData = error.response;
-        _this2.newsDataStat = 'fail';
-      });
-    },
-    addNewsSlide: function addNewsSlide(title, content, image) {
-      var item = {
-        name: 'news',
-        title: title,
-        content: content,
-        style: {
-          'background-image': 'url("/images/artikel_simo/' + image + '.jpg")',
-          'background-position': 'center',
-          'background-repeat': 'no-repeat',
-          'background-size': 'cover'
-        }
-      };
-      this.sliderItem.push(item);
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css&":
-/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css& ***!
-  \****************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "\n.slideStyle {\n\tpadding-top: 3em;\n\tpadding-left: 2em;\n\tpadding-right: 2em;\n\ttext-align: center;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 10px;\n}\n", ""]);
-
-// exports
-
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css&":
-/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css& ***!
-  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./newsSlider.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css&");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1896,27 +1195,23 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    { staticClass: "card card-body has-bg-image", class: _vm.color },
-    [
-      _c("div", { staticClass: "media" }, [
-        _c("div", { staticClass: "media-body" }, [
-          _vm.count
-            ? _c("h3", { staticClass: "mb-0" }, [_vm._v(_vm._s(_vm.count))])
-            : _vm._e(),
-          _vm._v(" "),
-          _c("span", { staticClass: "text-uppercase font-size-xs" }, [
-            _vm._v(_vm._s(_vm.title)),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "ml-3 align-self-center" }, [
-          _c("i", { staticClass: "icon-3x opacity-75", class: _vm.icon }),
-        ]),
-      ]),
-    ]
-  )
+  return _c("DatePicker", {
+    staticClass: "w-100",
+    attrs: {
+      format: "DD-MM-YYYY",
+      "value-type": "format",
+      placeholder: "Pilih Tanggal",
+      editable: true,
+    },
+    on: { change: _vm.onChanged },
+    model: {
+      value: _vm.time,
+      callback: function ($$v) {
+        _vm.time = $$v
+      },
+      expression: "time",
+    },
+  })
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -1925,10 +1220,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard.vue?vue&type=template&id=067b0c71&":
-/*!**************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard.vue?vue&type=template&id=067b0c71& ***!
-  \**************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1937,108 +1232,37 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
 var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "icon-screen3 mr-2" }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v("Dashboard"),
-              ]),
-              _c("small", [
-                _vm._v("Halo \n\t\t\t\t"),
-                _vm.currentUser.aktivis
-                  ? _c("span", { staticClass: "font-weight-semibold" }, [
-                      _vm._v(_vm._s(_vm.currentUser.aktivis.name + "!")),
-                    ])
-                  : _c("span", { staticClass: "font-weight-semibold" }, [
-                      _vm._v(_vm._s(_vm.currentUser.name + "!")),
-                    ]),
-                _vm._v("\n\t\t\t\t Apa kabarnya hari ini?"),
-              ]),
-            ]),
-          ]),
-        ]
-      ),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "page-content pt-0" }, [
-      _c(
-        "div",
-        { staticClass: "content-wrapper" },
-        [
-          _c("news-slider"),
-          _vm._v(" "),
-          _c("button-row"),
-          _vm._v(" "),
-          _c("div", { staticClass: "row align-items-stretch" }, [
-            _c(
-              "div",
-              { staticClass: "col-lg-8" },
-              [
-                _c("kegiatan-bkcu-widget"),
-                _vm._v(" "),
-                _vm.currentUser.id_cu == 0
-                  ? _c("history-organisasi-widget")
-                  : _vm._e(),
-                _vm._v(" "),
-                _vm.currentUser.can && _vm.currentUser.can["index_laporan_cu"]
-                  ? _c("grafik-laporan-cu-widget", {
-                      attrs: {
-                        id_cu: _vm.currentUser.id_cu,
-                        columnData: _vm.columnData,
-                        columnDataPearls: _vm.columnDataPearls,
-                      },
-                    })
-                  : _vm._e(),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c(
-              "div",
-              { staticClass: "col-lg-4" },
-              [
-                _c("count-organisasi-widget"),
-                _vm._v(" "),
-                _vm.currentUser.can && _vm.currentUser.can["index_laporan_cu"]
-                  ? _c("table-laporan-cu-widget", {
-                      attrs: {
-                        id_cu: _vm.currentUser.id_cu,
-                        columnData: _vm.columnData,
-                        columnDataPearls: _vm.columnDataPearls,
-                      },
-                    })
-                  : _vm._e(),
-              ],
-              1
-            ),
-          ]),
-        ],
-        1
-      ),
-    ]),
-  ])
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+          ),
+        ]),
+      ]),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=template&id=2697e6aa&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=template&id=2697e6aa& ***!
-  \************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -2049,652 +1273,23 @@ __webpack_require__.r(__webpack_exports__);
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "row" }, [
-    _vm.modelKegiatanStat == "success" && _vm.modelKegiatan.data.length > 0
-      ? _c(
-          "div",
-          {
-            staticClass: "col-12 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.kegiatanBKCUJalanWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                count:
-                  "Terdapat " +
-                  _vm.modelKegiatan.data.length +
-                  " Kegiatan Berjalan",
-                title:
-                  "Silahkan menekan tombol ini untuk melihat kegiatan yang sedang berlangsung",
-                color: "bg-warning",
-                icon: "icon-feed",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_artikel"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.artikelWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Artikel",
-                color: "bg-info-400",
-                icon: "icon-newspaper",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_artikel_kategori"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.artikelKategoriWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Kategori Artikel",
-                color: "bg-teal-400",
-                icon: "icon-grid6",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_artikel_penulis"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.artikelPenulisWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Penulis Artikel",
-                color: "bg-orange-400",
-                icon: "icon-pencil6",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_pengumuman"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.pengumumanWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Pengumuman",
-                color: "bg-slate-400",
-                icon: "icon-megaphone",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _c(
-      "div",
-      {
-        staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-        on: {
-          click: function ($event) {
-            $event.preventDefault()
-            return _vm.goTo(_vm.diklatBKCUWidgetRoute)
-          },
-        },
-      },
-      [
-        _c("count-widget", {
-          attrs: {
-            title: "Diklat BKCU",
-            color: "bg-blue-400",
-            icon: "icon-graduation2",
-          },
-        }),
-      ],
-      1
-    ),
-    _vm._v(" "),
-    _c(
-      "div",
-      {
-        staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-        on: {
-          click: function ($event) {
-            $event.preventDefault()
-            return _vm.goTo(_vm.pertemuanBKCUWidgetRoute)
-          },
-        },
-      },
-      [
-        _c("count-widget", {
-          attrs: {
-            title: "Pertemuan BKCU",
-            color: "bg-pink-400",
-            icon: "icon-ungroup",
-          },
-        }),
-      ],
-      1
-    ),
-    _vm._v(" "),
-    _vm.currentUser.can &&
-    _vm.currentUser.can["index_tempat"] &&
-    _vm.currentUser.id_cu == "0"
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.tempatWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Tempat",
-                color: "bg-purple-400",
-                icon: "icon-location4",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_voting"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.votingWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Voting",
-                color: "bg-warning-400",
-                icon: "icon-point-up",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_anggota_cu"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.anggotaCuWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Anggota CU",
-                color: "bg-success-400",
-                icon: "icon-man-woman",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_jalinan_klaim"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.jalinanKlaimWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Bantuan Solidaritas Jalinan",
-                color: "bg-warning-400",
-                icon: "icon-accessibility2",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_cu"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.cuWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "CU",
-                color: "bg-green-400",
-                icon: "icon-office",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_tp"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.tpWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "TP/KP",
-                color: "bg-brown-400",
-                icon: "icon-home9",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_produk_cu"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.produkCuWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Produk & Pelayanan",
-                color: "bg-warning-400",
-                icon: "icon-list3",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_aktivis"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.aktivisWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Aktivis",
-                color: "bg-indigo-400",
-                icon: "icon-user-tie",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_pemilihan"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.pemilihanWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Pemilihan",
-                color: "bg-warning-400",
-                icon: "icon-quill4",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_mitra_orang"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.mitraPerseoranganWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Mitra Perseorangan",
-                color: "bg-pink-400",
-                icon: "icon-briefcase",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_mitra_lembaga"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.mitraLembagaWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Lembaga Mitra",
-                color: "bg-violet-400",
-                icon: "icon-briefcase",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_laporan_cu"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.laporanCUWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Laporan Statistik CU",
-                color: "bg-success-400",
-                icon: "icon-stats-bars2",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_laporan_cu"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.laporanGerakanWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Laporan Statistik Gerakan",
-                color: "bg-grey-400",
-                icon: "icon-stats-bars",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _c(
-      "div",
-      {
-        staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-        on: {
-          click: function ($event) {
-            $event.preventDefault()
-            return _vm.goTo(_vm.dokumenGerakanPublikWidgetRoute)
-          },
-        },
-      },
-      [
-        _c("count-widget", {
-          attrs: {
-            title: "Dokumen GERAKAN & PUBLIK",
-            color: "bg-violet-400",
-            icon: "icon-books",
-          },
-        }),
-      ],
-      1
-    ),
-    _vm._v(" "),
-    _c(
-      "div",
-      {
-        staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-        on: {
-          click: function ($event) {
-            $event.preventDefault()
-            return _vm.goTo(_vm.dokumenWidgetRoute)
-          },
-        },
-      },
-      [
-        _c("count-widget", {
-          attrs: { title: "Dokumen", color: "bg-info-400", icon: "icon-books" },
-        }),
-      ],
-      1
-    ),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_aset_tetap"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.asetTetapWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Aset Tetap",
-                color: "bg-indigo-400",
-                icon: "icon-bag",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_assesment_access"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.assesmentAccessWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Self Assesment Access",
-                color: "bg-warning-400",
-                icon: "icon-reading",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
-    _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_monitoring"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.monitoringWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "Monitoring",
-                color: "bg-green-400",
-                icon: "icon-collaboration",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
+  var _c = _vm._self._c || _h
+  return _c("div", { staticStyle: { display: "inline-block" } }, [
+    _c("i", {
+      directives: [
+        {
+          name: "tooltip",
+          rawName: "v-tooltip",
+          value: _vm.message,
+          expression: "message",
+        },
+      ],
+      staticClass: "icon-info22 d-none d-sm-block",
+    }),
     _vm._v(" "),
-    _vm.currentUser.can && _vm.currentUser.can["index_user"]
-      ? _c(
-          "div",
-          {
-            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.goTo(_vm.userWidgetRoute)
-              },
-            },
-          },
-          [
-            _c("count-widget", {
-              attrs: {
-                title: "User",
-                color: "bg-primary-400",
-                icon: "icon-users",
-              },
-            }),
-          ],
-          1
-        )
-      : _vm._e(),
+    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
+      _c("i", [_vm._v(_vm._s(_vm.message))]),
+    ]),
   ])
 }
 var staticRenderFns = []
@@ -2704,10 +1299,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=template&id=277315de&":
-/*!************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=template&id=277315de& ***!
-  \************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -2719,281 +1314,145 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "card" }, [
-    _vm._m(0),
-    _vm._v(" "),
-    _c("div", { staticClass: "card-body" }, [
-      _c("div", { staticClass: "row text-center" }, [
-        _vm.currentUser.can["index_cu"] && _vm.currentUser.id_cu == 0
-          ? _c(
-              "div",
-              {
-                staticClass:
-                  "col-lg-4 col-3 pb-3 cursor-pointer cursor-pointer",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.detail("cu")
-                  },
-                },
-              },
-              [
-                _vm._m(1),
-                _vm._v(" "),
-                _c("h5", { staticClass: "font-weight-semibold mb-0" }, [
-                  _vm._v(_vm._s(_vm.countCu) + " "),
-                  _vm.itemdataStat == "loading"
-                    ? _c("i", {
-                        staticClass: "icon-spinner2 spinner font-size-xs",
-                      })
-                    : _vm._e(),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-muted font-size-sm" }, [
-                  _vm._v("CU"),
-                ]),
-              ]
-            )
-          : _vm._e(),
-        _vm._v(" "),
-        _vm.currentUser.can["index_tp"]
-          ? _c(
-              "div",
-              {
-                staticClass: "col-lg-4 col-3 pb-3 cursor-pointer",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.detail("tp")
-                  },
-                },
-              },
-              [
-                _vm._m(2),
-                _vm._v(" "),
-                _c("h5", { staticClass: "font-weight-semibold mb-0" }, [
-                  _vm._v(_vm._s(_vm.countTp) + " "),
-                  _vm.itemdataStat == "loading"
-                    ? _c("i", {
-                        staticClass: "icon-spinner2 spinner font-size-xs",
-                      })
-                    : _vm._e(),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-muted font-size-sm" }, [
-                  _vm._v("TP/KP"),
-                ]),
-              ]
-            )
-          : _vm._e(),
-        _vm._v(" "),
-        _vm.currentUser.can["index_produk_cu"]
-          ? _c(
-              "div",
-              {
-                staticClass: "col-lg-4 col-3 pb-3 cursor-pointer",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.detail("produk_cu")
-                  },
-                },
-              },
-              [
-                _vm._m(3),
-                _vm._v(" "),
-                _c("h5", { staticClass: "font-weight-semibold mb-0" }, [
-                  _vm._v(_vm._s(_vm.countProdukCu) + " "),
-                  _vm.itemdataStat == "loading"
-                    ? _c("i", {
-                        staticClass: "icon-spinner2 spinner font-size-xs",
-                      })
-                    : _vm._e(),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-muted font-size-sm" }, [
-                  _vm._v("Produk & Pelayanan"),
-                ]),
-              ]
-            )
-          : _vm._e(),
-        _vm._v(" "),
-        _vm.currentUser.can["index_aktivis"]
-          ? _c(
-              "div",
-              {
-                staticClass: "col-lg-4 col-3 pb-3 cursor-pointer",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.detail("aktivis")
-                  },
-                },
-              },
-              [
-                _vm._m(4),
-                _vm._v(" "),
-                _c("h5", { staticClass: "font-weight-semibold mb-0" }, [
-                  _vm._v(_vm._s(_vm.countAktivis) + " "),
-                  _vm.itemdataStat == "loading"
-                    ? _c("i", {
-                        staticClass: "icon-spinner2 spinner font-size-xs",
-                      })
-                    : _vm._e(),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-muted font-size-sm" }, [
-                  _vm._v("Aktivis"),
-                ]),
-              ]
-            )
-          : _vm._e(),
-        _vm._v(" "),
-        _vm.currentUser.can["index_mitra_orang"]
-          ? _c(
-              "div",
-              {
-                staticClass: "col-lg-4 col-3 pb-3 cursor-pointer",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.detail("mitra_orang")
-                  },
-                },
-              },
-              [
-                _vm._m(5),
-                _vm._v(" "),
-                _c("h5", { staticClass: "font-weight-semibold mb-0" }, [
-                  _vm._v(_vm._s(_vm.countMitraOrang) + " "),
-                  _vm.itemdataStat == "loading"
-                    ? _c("i", {
-                        staticClass: "icon-spinner2 spinner font-size-xs",
-                      })
-                    : _vm._e(),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-muted font-size-sm" }, [
-                  _vm._v("Mitra Perseorangan"),
-                ]),
-              ]
-            )
-          : _vm._e(),
-        _vm._v(" "),
-        _vm.currentUser.can["index_mitra_lembaga"]
-          ? _c(
-              "div",
-              {
-                staticClass: "col-lg-4 col-3 pb-3 cursor-pointer",
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.detail("mitra_lembaga")
-                  },
-                },
-              },
-              [
-                _vm._m(6),
-                _vm._v(" "),
-                _c("h5", { staticClass: "font-weight-semibold mb-0" }, [
-                  _vm._v(_vm._s(_vm.countMitraLembaga) + " "),
-                  _vm.itemdataStat == "loading"
-                    ? _c("i", {
-                        staticClass: "icon-spinner2 spinner font-size-xs",
-                      })
-                    : _vm._e(),
-                ]),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-muted font-size-sm" }, [
-                  _vm._v("Lembaga Mitra"),
-                ]),
-              ]
-            )
-          : _vm._e(),
-      ]),
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            [
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
+                          },
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
     ]),
   ])
 }
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
 var staticRenderFns = [
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass:
-          "card-header bg-green-400 text-white header-elements-inline",
-      },
-      [
-        _c("h5", { staticClass: "card-title" }, [
-          _c("i", { staticClass: "icon-equalizer mr-2" }),
-          _vm._v(" Jumlah Data Organisasi"),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "header-elements" }, [
-          _c("div", { staticClass: "list-icons" }, [
-            _c("a", {
-              staticClass: "list-icons-item",
-              attrs: { "data-action": "collapse" },
-            }),
-          ]),
-        ]),
-      ]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("p", [
-      _c("i", { staticClass: "icon-office icon-2x d-inline-block text-info" }),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("p", [
-      _c("i", { staticClass: "icon-home9 icon-2x d-inline-block text-info" }),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("p", [
-      _c("i", { staticClass: "icon-list3 icon-2x d-inline-block text-info" }),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("p", [
-      _c("i", {
-        staticClass: "icon-user-tie icon-2x d-inline-block text-info",
-      }),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("p", [
-      _c("i", {
-        staticClass: "icon-briefcase icon-2x d-inline-block text-info",
-      }),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("p", [
-      _c("i", {
-        staticClass: "icon-briefcase icon-2x d-inline-block text-info",
-      }),
+    return _c("div", { staticStyle: { display: "inline-block" } }, [
+      _c(
+        "span",
+        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
+        [_vm._v("Wajib diisi")]
+      ),
     ])
   },
 ]
@@ -3003,10 +1462,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996&":
-/*!**************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996& ***!
-  \**************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214&":
+/*!************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214& ***!
+  \************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -3020,1983 +1479,1461 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c(
     "div",
-    { staticClass: "card" },
     [
-      _vm._m(0),
-      _vm._v(" "),
-      _c("div", { staticClass: "nav-tabs-responsive bg-light border-top" }, [
-        _c(
-          "ul",
-          { staticClass: "nav nav-tabs nav-tabs-bottom flex-nowrap mb-0" },
-          [
-            _vm.currentUser.can["index_cu"]
-              ? _c("li", { staticClass: "nav-item" }, [
-                  _c(
-                    "a",
-                    {
-                      staticClass: "nav-link text-nowrap",
-                      class: { active: _vm.tabName == "cu" },
-                      attrs: { href: "#" },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.changeTab("cu")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-office mr-2" }),
-                      _vm._v("\n\t\t\t\t\tCU "),
-                      _vm.countCu > 0
-                        ? _c(
-                            "span",
-                            {
-                              staticClass:
-                                "badge bg-blue-400 align-self-center ml-2",
-                            },
-                            [_vm._v(_vm._s(_vm.countCu))]
-                          )
-                        : _vm._e(),
-                    ]
-                  ),
-                ])
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can["index_tp"]
-              ? _c("li", { staticClass: "nav-item" }, [
-                  _c(
-                    "a",
-                    {
-                      staticClass: "nav-link text-nowrap",
-                      class: { active: _vm.tabName == "tp" },
-                      attrs: { href: "#" },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.changeTab("tp")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-home9 mr-2" }),
-                      _vm._v("\n\t\t\t\t\tTP/KP "),
-                      _vm.countTp > 0
-                        ? _c(
-                            "span",
-                            {
-                              staticClass:
-                                "badge bg-blue-400 align-self-center ml-2",
-                            },
-                            [_vm._v(_vm._s(_vm.countTp))]
-                          )
-                        : _vm._e(),
-                    ]
-                  ),
-                ])
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can["index_produk_cu"]
-              ? _c("li", { staticClass: "nav-item" }, [
-                  _c(
-                    "a",
-                    {
-                      staticClass: "nav-link text-nowrap",
-                      class: { active: _vm.tabName == "produk_cu" },
-                      attrs: { href: "#" },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.changeTab("produk_cu")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-list3 mr-2" }),
-                      _vm._v("\n\t\t\t\t\tProduk & Pelayanan "),
-                      _vm.countProdukCu > 0
-                        ? _c(
-                            "span",
-                            {
-                              staticClass:
-                                "badge bg-blue-400 align-self-center ml-2",
-                            },
-                            [_vm._v(_vm._s(_vm.countProdukCu))]
-                          )
-                        : _vm._e(),
-                    ]
-                  ),
-                ])
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can["index_aktivis"]
-              ? _c("li", { staticClass: "nav-item" }, [
-                  _c(
-                    "a",
-                    {
-                      staticClass: "nav-link text-nowrap",
-                      class: { active: _vm.tabName == "aktivis" },
-                      attrs: { href: "#" },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.changeTab("aktivis")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-user-tie mr-2" }),
-                      _vm._v("\n\t\t\t\t\tAktivis "),
-                      _vm.countAktivis > 0
-                        ? _c(
-                            "span",
-                            {
-                              staticClass:
-                                "badge bg-blue-400 align-self-center ml-2",
-                            },
-                            [_vm._v(_vm._s(_vm.countAktivis))]
-                          )
-                        : _vm._e(),
-                    ]
-                  ),
-                ])
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can["index_mitra_orang"]
-              ? _c("li", { staticClass: "nav-item" }, [
-                  _c(
-                    "a",
-                    {
-                      staticClass: "nav-link text-nowrap",
-                      class: { active: _vm.tabName == "mitra_orang" },
-                      attrs: { href: "#" },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.changeTab("mitra_orang")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-briefcase mr-2" }),
-                      _vm._v("\n\t\t\t\t\tMitra Perseorangan "),
-                      _vm.countMitraOrang > 0
-                        ? _c(
-                            "span",
-                            {
-                              staticClass:
-                                "badge bg-blue-400 align-self-center ml-2",
-                            },
-                            [_vm._v(_vm._s(_vm.countMitraOrang))]
-                          )
-                        : _vm._e(),
-                    ]
-                  ),
-                ])
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can["index_mitra_lembaga"]
-              ? _c("li", { staticClass: "nav-item" }, [
-                  _c(
-                    "a",
-                    {
-                      staticClass: "nav-link text-nowrap",
-                      class: { active: _vm.tabName == "mitra_lembaga" },
-                      attrs: { href: "#" },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.changeTab("mitra_lembaga")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-briefcase mr-2" }),
-                      _vm._v("\n\t\t\t\t\tLembaga Mitra "),
-                      _vm.countMitraLembaga > 0
-                        ? _c(
-                            "span",
-                            {
-                              staticClass:
-                                "badge bg-blue-400 align-self-center ml-2",
-                            },
-                            [_vm._v(_vm._s(_vm.countMitraLembaga))]
-                          )
-                        : _vm._e(),
-                    ]
-                  ),
-                ])
-              : _vm._e(),
-          ]
-        ),
-      ]),
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
       _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
           _c(
             "div",
-            {
-              directives: [
+            { staticClass: "content" },
+            [
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops, terjadi kesalahan",
+                      errorItem: _vm.errors.items,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "form",
                 {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.tabName == "cu",
-                  expression: "tabName == 'cu'",
+                  attrs: {
+                    enctype: "multipart/form-data",
+                    "data-vv-scope": "form",
+                  },
+                  on: {
+                    submit: function ($event) {
+                      $event.preventDefault()
+                      return _vm.save.apply(null, arguments)
+                    },
+                  },
                 },
-              ],
-            },
-            [
-              _c("div", { staticClass: "card-body pb-2" }, [
-                _vm.itemCuStat === "success"
-                  ? _c(
-                      "div",
-                      {
-                        staticClass: "list-feed overflow-auto",
-                        staticStyle: { "max-height": "20rem" },
-                      },
-                      [
-                        _vm._l(_vm.itemCu, function (item) {
-                          return _c(
+                [
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(0),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Foto TP/KP:")]),
+                              _vm._v(" "),
+                              _c("app-image-upload", {
+                                attrs: {
+                                  image_loc: "/images/tp/",
+                                  image_temp: _vm.form.gambar,
+                                },
+                                model: {
+                                  value: _vm.form.gambar,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "gambar", $$v)
+                                  },
+                                  expression: "form.gambar",
+                                },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _vm.currentUser.id_cu === 0
+                          ? _c("div", { staticClass: "col-md-4" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "form-group",
+                                  class: {
+                                    "has-error": _vm.errors.has("form.id_cu"),
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "h5",
+                                    {
+                                      class: {
+                                        "text-danger":
+                                          _vm.errors.has("form.id_cu"),
+                                      },
+                                    },
+                                    [
+                                      _vm.errors.has("form.id_cu")
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
+                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
+                                      _c("wajib-badge"),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "select",
+                                    {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.id_cu,
+                                          expression: "form.id_cu",
+                                        },
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "id_cu",
+                                        "data-width": "100%",
+                                        "data-vv-as": "CU",
+                                        disabled: _vm.modelCU.length === 0,
+                                      },
+                                      on: {
+                                        change: function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
+                                              )
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.$set(
+                                            _vm.form,
+                                            "id_cu",
+                                            $event.target.multiple
+                                              ? $$selectedVal
+                                              : $$selectedVal[0]
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "0" } },
+                                        [_vm._v("Silahkan pilih CU")]
+                                      ),
+                                      _vm._v(" "),
+                                      _vm._l(_vm.modelCU, function (cu, index) {
+                                        return _c(
+                                          "option",
+                                          {
+                                            key: index,
+                                            domProps: { value: cu.id },
+                                          },
+                                          [_vm._v(_vm._s(cu.name))]
+                                        )
+                                      }),
+                                    ],
+                                    2
+                                  ),
+                                  _vm._v(" "),
+                                  _vm.errors.has("form.id_cu")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first("form.id_cu")
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" ")]
+                                      ),
+                                ]
+                              ),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
                             "div",
                             {
-                              staticClass: "list-feed-item cursor-pointer",
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.detail("cu", item.revisionable_id)
-                                },
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.no_tp"),
                               },
                             },
                             [
-                              _c("div", {
-                                staticClass: "text-muted",
-                                domProps: {
-                                  innerHTML: _vm._s(
-                                    _vm.$options.filters.dateTime(
-                                      item.created_at
-                                    )
-                                  ),
-                                },
-                              }),
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\t" +
-                                  _vm._s(item.user.name) +
-                                  " mengubah "
-                              ),
-                              _c("mark", [_vm._v(_vm._s(item.key))]),
-                              _vm._v(
-                                " CU " +
-                                  _vm._s(item.revisionable.name) +
-                                  " dari \n\t\t\t\t\t\t\t"
-                              ),
                               _c(
-                                "mark",
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.no_tp"),
+                                  },
+                                },
                                 [
-                                  _c("check-value", {
-                                    attrs: { value: item.old_value },
-                                  }),
+                                  _vm.errors.has("form.no_tp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. TP/KP: "),
+                                  _c("wajib-badge"),
                                 ],
                                 1
                               ),
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\tmenjadi \n\t\t\t\t\t\t\t"
-                              ),
-                              _c(
-                                "mark",
-                                [
-                                  _c("check-value", {
-                                    attrs: { value: item.new_value },
-                                  }),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
+                                  },
                                 ],
-                                1
-                              ),
-                            ]
-                          )
-                        }),
+                                staticClass: "form-control",
+                                attrs: {
+                                  name: "no_tp",
+                                  options: _vm.cleaveOption.number3,
+                                  placeholder: "Silahkan masukkan no TP/KP.",
+                                  "data-vv-as": "No. TP/KP",
+                                },
+                                model: {
+                                  value: _vm.form.no_tp,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "no_tp", $$v)
+                                  },
+                                  expression: "form.no_tp",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.no_tp")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.no_tp")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ],
+                            1
+                          ),
+                        ]),
                         _vm._v(" "),
-                        _vm.itemCu.length == 0
-                          ? _c("div", [
-                              _vm._v("Tidak terdapat data perubahan aktivitas"),
-                            ])
-                          : _vm._e(),
-                      ],
-                      2
-                    )
-                  : _vm.itemCuStat === "loading"
-                  ? _c("div", { staticClass: "progress" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass:
-                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-                          staticStyle: { width: "100%" },
-                        },
-                        [
-                          _c("span", { staticClass: "sr-only" }, [
-                            _vm._v("100% Complete"),
-                          ]),
-                        ]
-                      ),
-                    ])
-                  : _vm._e(),
-              ]),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.tabName == "tp",
-                  expression: "tabName == 'tp'",
-                },
-              ],
-            },
-            [
-              _c("div", { staticClass: "card-body pb-2" }, [
-                _vm.itemTpStat === "success"
-                  ? _c(
-                      "div",
-                      {
-                        staticClass: "list-feed overflow-auto",
-                        staticStyle: { "max-height": "20rem" },
-                      },
-                      [
-                        _vm._l(_vm.itemTp, function (item) {
-                          return _c(
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
                             "div",
                             {
-                              staticClass: "list-feed-item cursor-pointer",
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.detail("tp", item.revisionable_id)
-                                },
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.name"),
                               },
                             },
                             [
-                              _c("div", {
-                                staticClass: "text-muted",
-                                domProps: {
-                                  innerHTML: _vm._s(
-                                    _vm.$options.filters.dateTime(
-                                      item.created_at
-                                    )
-                                  ),
-                                },
-                              }),
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\t" +
-                                  _vm._s(item.user.name) +
-                                  " mengubah "
-                              ),
-                              _c("mark", [_vm._v(_vm._s(item.key))]),
-                              _vm._v(
-                                " CU " +
-                                  _vm._s(item.revisionable.name) +
-                                  " dari \n\t\t\t\t\t\t\t"
-                              ),
                               _c(
-                                "mark",
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.name"),
+                                  },
+                                },
                                 [
-                                  _c("check-value", {
-                                    attrs: { value: item.old_value },
-                                  }),
+                                  _vm.errors.has("form.name")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
+                                  _c("wajib-badge"),
                                 ],
                                 1
                               ),
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\tmenjadi \n\t\t\t\t\t\t\t"
-                              ),
-                              _c(
-                                "mark",
-                                [
-                                  _c("check-value", {
-                                    attrs: { value: item.new_value },
-                                  }),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|min:5",
+                                    expression: "'required|min:5'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.name,
+                                    expression: "form.name",
+                                  },
                                 ],
-                                1
-                              ),
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "name",
+                                  placeholder: "Silahkan masukkan nama TP/KP",
+                                  "data-vv-as": "Nama",
+                                },
+                                domProps: { value: _vm.form.name },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "name",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.name")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.name")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
                             ]
-                          )
-                        }),
+                          ),
+                        ]),
                         _vm._v(" "),
-                        _vm.itemTp.length == 0
-                          ? _c("div", [
-                              _vm._v("Tidak terdapat data perubahan aktivitas"),
-                            ])
-                          : _vm._e(),
-                      ],
-                      2
-                    )
-                  : _vm.itemTpStat === "loading"
-                  ? _c("div", { staticClass: "progress" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass:
-                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-                          staticStyle: { width: "100%" },
-                        },
-                        [
-                          _c("span", { staticClass: "sr-only" }, [
-                            _vm._v("100% Complete"),
-                          ]),
-                        ]
-                      ),
-                    ])
-                  : _vm._e(),
-              ]),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.tabName == "produk_cu",
-                  expression: "tabName == 'produk_cu'",
-                },
-              ],
-            },
-            [
-              _c("div", { staticClass: "card-body pb-2" }, [
-                _vm.itemProdukCuStat === "success"
-                  ? _c(
-                      "div",
-                      {
-                        staticClass: "list-feed overflow-auto",
-                        staticStyle: { "max-height": "20rem" },
-                      },
-                      [
-                        _vm._l(_vm.itemProdukCu, function (item) {
-                          return _c(
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
                             "div",
                             {
-                              staticClass: "list-feed-item cursor-pointer",
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.detail(
-                                    "produk_cu",
-                                    item.revisionable_id
-                                  )
-                                },
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.ultah"),
                               },
                             },
                             [
-                              _c("div", {
-                                staticClass: "text-muted",
-                                domProps: {
-                                  innerHTML: _vm._s(
-                                    _vm.$options.filters.dateTime(
-                                      item.created_at
-                                    )
-                                  ),
-                                },
-                              }),
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\t" +
-                                  _vm._s(item.user.name) +
-                                  " mengubah "
-                              ),
-                              _c("mark", [_vm._v(_vm._s(item.key))]),
-                              _vm._v(
-                                " CU " +
-                                  _vm._s(item.revisionable.name) +
-                                  " dari \n\t\t\t\t\t\t\t"
-                              ),
                               _c(
-                                "mark",
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.ultah"),
+                                  },
+                                },
                                 [
-                                  _c("check-value", {
-                                    attrs: { value: item.old_value },
-                                  }),
+                                  _vm.errors.has("form.ultah")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tTgl. Berdiri: "
+                                  ),
+                                  _c("wajib-badge"),
                                 ],
                                 1
                               ),
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\tmenjadi \n\t\t\t\t\t\t\t"
-                              ),
-                              _c(
-                                "mark",
-                                [
-                                  _c("check-value", {
-                                    attrs: { value: item.new_value },
-                                  }),
+                              _vm._v(" "),
+                              _c("date-picker", {
+                                attrs: { defaultDate: _vm.form.ultah },
+                                on: {
+                                  dateSelected: function ($event) {
+                                    _vm.form.ultah = $event
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.ultah,
+                                    expression: "form.ultah",
+                                  },
+                                  {
+                                    name: "show",
+                                    rawName: "v-show",
+                                    value: false,
+                                    expression: "false",
+                                  },
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
+                                  },
                                 ],
-                                1
-                              ),
-                            ]
-                          )
-                        }),
-                        _vm._v(" "),
-                        _vm.itemProdukCu.length == 0
-                          ? _c("div", [
-                              _vm._v("Tidak terdapat data perubahan aktivitas"),
-                            ])
-                          : _vm._e(),
-                      ],
-                      2
-                    )
-                  : _vm.itemProdukCuStat === "loading"
-                  ? _c("div", { staticClass: "progress" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass:
-                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-                          staticStyle: { width: "100%" },
-                        },
-                        [
-                          _c("span", { staticClass: "sr-only" }, [
-                            _vm._v("100% Complete"),
-                          ]),
-                        ]
-                      ),
-                    ])
-                  : _vm._e(),
-              ]),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.tabName == "aktivis",
-                  expression: "tabName == 'aktivis'",
-                },
-              ],
-            },
-            [
-              _c("div", { staticClass: "card-body pb-2" }, [
-                _vm.itemAktivisStat === "success"
-                  ? _c(
-                      "div",
-                      {
-                        staticClass: "list-feed overflow-auto",
-                        staticStyle: { "max-height": "20rem" },
-                      },
-                      [
-                        _vm._l(_vm.itemAktivis, function (item) {
-                          return _c(
+                                attrs: { "data-vv-as": "Tgl. berdiri" },
+                                domProps: { value: _vm.form.ultah },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "ultah",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.ultah")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.ultah")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(1),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
                             "div",
                             {
-                              staticClass: "list-feed-item cursor-pointer",
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.detail(
-                                    "aktivis",
-                                    item.revisionable_id
-                                  )
-                                },
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.id_provinces"),
                               },
                             },
                             [
-                              _c("div", {
-                                staticClass: "text-muted",
-                                domProps: {
-                                  innerHTML: _vm._s(
-                                    _vm.$options.filters.dateTime(
-                                      item.created_at
-                                    )
-                                  ),
-                                },
-                              }),
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\t" +
-                                  _vm._s(item.user.name) +
-                                  " mengubah "
-                              ),
-                              _c("mark", [_vm._v(_vm._s(item.key))]),
-                              _vm._v(
-                                " CU " +
-                                  _vm._s(item.revisionable.name) +
-                                  " dari \n\t\t\t\t\t\t\t"
-                              ),
                               _c(
-                                "mark",
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_provinces"),
+                                  },
+                                },
                                 [
-                                  _c("check-value", {
-                                    attrs: { value: item.old_value },
-                                  }),
+                                  _vm.errors.has("form.id_provinces")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tProvinsi: "),
+                                  _c("wajib-badge"),
                                 ],
                                 1
                               ),
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\tmenjadi \n\t\t\t\t\t\t\t"
-                              ),
+                              _vm._v(" "),
                               _c(
-                                "mark",
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_provinces,
+                                      expression: "form.id_provinces",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_provinces",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Provinsi",
+                                    disabled: _vm.modelProvinces.length === 0,
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_provinces",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changeProvinces(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
+                                },
                                 [
-                                  _c("check-value", {
-                                    attrs: { value: item.new_value },
-                                  }),
-                                ],
-                                1
-                              ),
-                            ]
-                          )
-                        }),
-                        _vm._v(" "),
-                        _vm.itemAktivis.length == 0
-                          ? _c("div", [
-                              _vm._v("Tidak terdapat data perubahan aktivitas"),
-                            ])
-                          : _vm._e(),
-                      ],
-                      2
-                    )
-                  : _vm.itemAktivisStat === "loading"
-                  ? _c("div", { staticClass: "progress" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass:
-                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-                          staticStyle: { width: "100%" },
-                        },
-                        [
-                          _c("span", { staticClass: "sr-only" }, [
-                            _vm._v("100% Complete"),
-                          ]),
-                        ]
-                      ),
-                    ])
-                  : _vm._e(),
-              ]),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.tabName == "mitra_orang",
-                  expression: "tabName == 'mitra_orang'",
-                },
-              ],
-            },
-            [
-              _c("div", { staticClass: "card-body pb-2" }, [
-                _vm.itemMitraOrangStat === "success"
-                  ? _c(
-                      "div",
-                      {
-                        staticClass: "list-feed overflow-auto",
-                        staticStyle: { "max-height": "20rem" },
-                      },
-                      [
-                        _vm._l(_vm.itemMitraOrang, function (item) {
-                          return _c(
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "0" } },
+                                    [
+                                      _vm.modelProvincesStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v("Mohon tunggu..."),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih provinsi"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelProvinces,
+                                    function (provinces, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: provinces.id },
+                                        },
+                                        [_vm._v(_vm._s(provinces.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_provinces")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first(
+                                              "form.id_provinces"
+                                            )
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
                             "div",
                             {
-                              staticClass: "list-feed-item cursor-pointer",
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.detail(
-                                    "mitra_orang",
-                                    item.revisionable_id
-                                  )
-                                },
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.id_regencies"),
                               },
                             },
                             [
-                              _c("div", {
-                                staticClass: "text-muted",
-                                domProps: {
-                                  innerHTML: _vm._s(
-                                    _vm.$options.filters.dateTime(
-                                      item.created_at
-                                    )
-                                  ),
-                                },
-                              }),
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\t" +
-                                  _vm._s(item.user.name) +
-                                  " mengubah "
-                              ),
-                              _c("mark", [_vm._v(_vm._s(item.key))]),
-                              _vm._v(
-                                " CU " +
-                                  _vm._s(item.revisionable.name) +
-                                  " dari \n\t\t\t\t\t\t\t"
-                              ),
                               _c(
-                                "mark",
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_regencies"),
+                                  },
+                                },
                                 [
-                                  _c("check-value", {
-                                    attrs: { value: item.old_value },
-                                  }),
+                                  _vm.errors.has("form.id_regencies")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKabupaten: "),
+                                  _c("wajib-badge"),
                                 ],
                                 1
                               ),
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\tmenjadi \n\t\t\t\t\t\t\t"
-                              ),
+                              _vm._v(" "),
                               _c(
-                                "mark",
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_regencies,
+                                      expression: "form.id_regencies",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_regencies",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Kabupaten",
+                                    disabled: _vm.modelRegencies.length === 0,
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_regencies",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changeRegencies(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
+                                },
                                 [
-                                  _c("check-value", {
-                                    attrs: { value: item.new_value },
-                                  }),
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "0" } },
+                                    [
+                                      _vm.modelRegenciesStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v("Mohon tunggu..."),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih kabupaten"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelRegencies,
+                                    function (regencies, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: regencies.id },
+                                        },
+                                        [_vm._v(_vm._s(regencies.name))]
+                                      )
+                                    }
+                                  ),
                                 ],
-                                1
+                                2
                               ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_regencies")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first(
+                                              "form.id_regencies"
+                                            )
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
                             ]
-                          )
-                        }),
+                          ),
+                        ]),
                         _vm._v(" "),
-                        _vm.itemMitraOrang.length == 0
-                          ? _c("div", [
-                              _vm._v("Tidak terdapat data perubahan aktivitas"),
-                            ])
-                          : _vm._e(),
-                      ],
-                      2
-                    )
-                  : _vm.itemMitraOrangStat === "loading"
-                  ? _c("div", { staticClass: "progress" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass:
-                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-                          staticStyle: { width: "100%" },
-                        },
-                        [
-                          _c("span", { staticClass: "sr-only" }, [
-                            _vm._v("100% Complete"),
-                          ]),
-                        ]
-                      ),
-                    ])
-                  : _vm._e(),
-              ]),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.tabName == "mitra_lembaga",
-                  expression: "tabName == 'mitra_lembaga'",
-                },
-              ],
-            },
-            [
-              _c("div", { staticClass: "card-body pb-2" }, [
-                _vm.itemMitraLembagaStat === "success"
-                  ? _c(
-                      "div",
-                      {
-                        staticClass: "list-feed overflow-auto",
-                        staticStyle: { "max-height": "20rem" },
-                      },
-                      [
-                        _vm._l(_vm.itemMitraLembaga, function (item) {
-                          return _c(
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
                             "div",
                             {
-                              staticClass: "list-feed-item cursor-pointer",
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.detail(
-                                    "mitra_lembaga",
-                                    item.revisionable_id
-                                  )
-                                },
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.id_districts"),
                               },
                             },
                             [
-                              _c("div", {
-                                staticClass: "text-muted",
-                                domProps: {
-                                  innerHTML: _vm._s(
-                                    _vm.$options.filters.dateTime(
-                                      item.created_at
-                                    )
-                                  ),
-                                },
-                              }),
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\t" +
-                                  _vm._s(item.user.name) +
-                                  " mengubah "
-                              ),
-                              _c("mark", [_vm._v(_vm._s(item.key))]),
-                              _vm._v(
-                                " CU " +
-                                  _vm._s(item.revisionable.name) +
-                                  " dari \n\t\t\t\t\t\t\t"
-                              ),
                               _c(
-                                "mark",
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_districts"),
+                                  },
+                                },
                                 [
-                                  _c("check-value", {
-                                    attrs: { value: item.old_value },
-                                  }),
+                                  _vm.errors.has("form.id_districts")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKecamatan: "),
+                                  _c("wajib-badge"),
                                 ],
                                 1
                               ),
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\tmenjadi \n\t\t\t\t\t\t\t"
-                              ),
+                              _vm._v(" "),
                               _c(
-                                "mark",
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_districts,
+                                      expression: "form.id_districts",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_districts",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Kabupaten",
+                                    disabled: _vm.modelDistricts.length === 0,
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_districts",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changeDistricts(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
+                                },
                                 [
-                                  _c("check-value", {
-                                    attrs: { value: item.new_value },
-                                  }),
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "0" } },
+                                    [
+                                      _vm.modelDistrictsStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v("Mohon tunggu..."),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih kecamatan"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelDistricts,
+                                    function (districts, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: districts.id },
+                                        },
+                                        [_vm._v(_vm._s(districts.name))]
+                                      )
+                                    }
+                                  ),
                                 ],
-                                1
+                                2
                               ),
-                            ]
-                          )
-                        }),
-                        _vm._v(" "),
-                        _vm.itemMitraLembaga.length == 0
-                          ? _c("div", [
-                              _vm._v("Tidak terdapat data perubahan aktivitas"),
-                            ])
-                          : _vm._e(),
-                      ],
-                      2
-                    )
-                  : _vm.itemMitraLembagaStat === "loading"
-                  ? _c("div", { staticClass: "progress" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass:
-                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-                          staticStyle: { width: "100%" },
-                        },
-                        [
-                          _c("span", { staticClass: "sr-only" }, [
-                            _vm._v("100% Complete"),
-                          ]),
-                        ]
-                      ),
-                    ])
-                  : _vm._e(),
-              ]),
-            ]
-          ),
-        ]
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass:
-          "card-header bg-brown-400 text-white header-elements-inline",
-      },
-      [
-        _c("h5", { staticClass: "card-title" }, [
-          _c("i", { staticClass: "icon-copy3 mr-2" }),
-          _vm._v(" Perubahan Data Organisasi"),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "header-elements" }, [
-          _c("div", { staticClass: "list-icons" }, [
-            _c("a", {
-              staticClass: "list-icons-item",
-              attrs: { "data-action": "collapse" },
-            }),
-          ]),
-        ]),
-      ]
-    )
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=template&id=0165c089&":
-/*!*********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=template&id=0165c089& ***!
-  \*********************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    { staticClass: "card" },
-    [
-      _vm._m(0),
-      _vm._v(" "),
-      _c("div", { staticClass: "nav-tabs-responsive bg-light border-top" }, [
-        _c(
-          "ul",
-          { staticClass: "nav nav-tabs nav-tabs-bottom flex-nowrap mb-0" },
-          [
-            _c("li", { staticClass: "nav-item" }, [
-              _c(
-                "a",
-                {
-                  staticClass: "nav-link text-nowrap",
-                  class: { active: _vm.tabName == "baru" },
-                  attrs: { href: "#" },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.changeTab("baru")
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-new mr-2" }),
-                  _vm._v("\n\t\t\t\t\t\tTerbaru "),
-                  _vm.countBaru > 0
-                    ? _c(
-                        "span",
-                        {
-                          staticClass:
-                            "badge bg-blue-400 align-self-center ml-2",
-                        },
-                        [_vm._v(_vm._s(_vm.countBaru))]
-                      )
-                    : _vm._e(),
-                ]
-              ),
-            ]),
-            _vm._v(" "),
-            _c("li", { staticClass: "nav-item" }, [
-              _c(
-                "a",
-                {
-                  staticClass: "nav-link text-nowrap",
-                  class: { active: _vm.tabName == "mulai" },
-                  attrs: { href: "#" },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.changeTab("mulai")
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-alarm mr-2" }),
-                  _vm._v("\n\t\t\t\t\t\tWaktu Mulai Terdekat "),
-                  _vm.countMulai > 0
-                    ? _c(
-                        "span",
-                        {
-                          staticClass:
-                            "badge bg-blue-400 align-self-center ml-2",
-                        },
-                        [_vm._v(_vm._s(_vm.countMulai))]
-                      )
-                    : _vm._e(),
-                ]
-              ),
-            ]),
-            _vm._v(" "),
-            _c("li", { staticClass: "nav-item" }, [
-              _c(
-                "a",
-                {
-                  staticClass: "nav-link text-nowrap",
-                  class: { active: _vm.tabName == "buka" },
-                  attrs: { href: "#" },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.changeTab("buka")
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-user-plus mr-2" }),
-                  _vm._v("\n\t\t\t\t\t\tStatus Pendaftaran Terbuka "),
-                  _vm.countBuka > 0
-                    ? _c(
-                        "span",
-                        {
-                          staticClass:
-                            "badge bg-blue-400 align-self-center ml-2",
-                        },
-                        [_vm._v(_vm._s(_vm.countBuka))]
-                      )
-                    : _vm._e(),
-                ]
-              ),
-            ]),
-            _vm._v(" "),
-            _c("li", { staticClass: "nav-item" }, [
-              _c(
-                "a",
-                {
-                  staticClass: "nav-link text-nowrap",
-                  class: { active: _vm.tabName == "jalan" },
-                  attrs: { href: "#" },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.changeTab("jalan")
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-feed mr-2" }),
-                  _vm._v("\n\t\t\t\t\t\tStatus Berjalan "),
-                  _vm.countJalan > 0
-                    ? _c(
-                        "span",
-                        {
-                          staticClass:
-                            "badge bg-blue-400 align-self-center ml-2",
-                        },
-                        [_vm._v(_vm._s(_vm.countJalan))]
-                      )
-                    : _vm._e(),
-                ]
-              ),
-            ]),
-          ]
-        ),
-      ]),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.tabName == "baru",
-                  expression: "tabName == 'baru'",
-                },
-              ],
-            },
-            [
-              _c("div", { staticClass: "table-responsive" }, [
-                _c(
-                  "table",
-                  { staticClass: "table table-striped  table-hover" },
-                  [
-                    _c("thead", [
-                      _c("tr", { staticClass: "text-nowarp" }, [
-                        _c("th", [_vm._v("Status")]),
-                        _vm._v(" "),
-                        _c("th", [_vm._v("Kode")]),
-                        _vm._v(" "),
-                        _c("th", [_vm._v("Nama")]),
-                        _vm._v(" "),
-                        _c("th", [_vm._v("Kabupaten/Kota")]),
-                        _vm._v(" "),
-                        _c("th", [_vm._v("Tempat")]),
-                        _vm._v(" "),
-                        _c("th", [_vm._v("Tgl. Mulai")]),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_regency")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.id_regency")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
                         _vm._v(" "),
-                        _c("th", [_vm._v("Sasaran")]),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _vm.itemBaruStat === "success"
-                      ? _c(
-                          "tbody",
-                          [
-                            _vm._l(_vm.itemBaru, function (item, index) {
-                              return _c(
-                                "tr",
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.id_villages"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
                                 {
-                                  key: index,
-                                  staticClass: "text-nowrap  cursor-pointer",
                                   class: {
-                                    "bg-info":
-                                      _vm.selectedItemBaru.id === item.id,
+                                    "text-danger":
+                                      _vm.errors.has("form.id_villages"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_villages")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKelurahan: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_villages,
+                                      expression: "form.id_villages",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_villages",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Desa",
+                                    disabled: _vm.modelVillages.length === 0,
                                   },
                                   on: {
-                                    click: function ($event) {
-                                      return _vm.detail(item.id)
+                                    change: function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
+                                        )
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "id_villages",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      )
                                     },
                                   },
                                 },
                                 [
-                                  _c("td", [
-                                    item.status == "6"
-                                      ? _c("span", {
-                                          staticClass: "cursor-pointer",
-                                          domProps: {
-                                            innerHTML: _vm._s(
-                                              _vm.$options.filters.statusDiklat(
-                                                item.status
-                                              )
-                                            ),
-                                          },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.modalKeteranganBatalOpen(
-                                                item.keteranganBatal
-                                              )
-                                            },
-                                          },
-                                        })
-                                      : _c("span", {
-                                          domProps: {
-                                            innerHTML: _vm._s(
-                                              _vm.$options.filters.statusDiklat(
-                                                item.status
-                                              )
-                                            ),
-                                          },
-                                        }),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "td",
-                                    [
-                                      _c("check-value", {
-                                        attrs: { value: item.kode_diklat },
-                                      }),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c("td", [
-                                    _vm._v(
-                                      "\n\t\t\t\t\t\t\t\t\t" +
-                                        _vm._s(item.name) +
-                                        "\n\t\t\t\t\t\t\t\t"
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "td",
-                                    [
-                                      item.regencies
-                                        ? _c("check-value", {
-                                            attrs: {
-                                              value: item.regencies.name,
-                                            },
-                                          })
-                                        : _c("span", [_vm._v("-")]),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
                                   _c(
-                                    "td",
+                                    "option",
+                                    { attrs: { disabled: "", value: "0" } },
                                     [
-                                      item.tempat
-                                        ? _c("check-value", {
-                                            attrs: { value: item.tempat.name },
-                                          })
-                                        : item.tipe_tempat == "ONLINE"
+                                      _vm.modelVillagesStat === "loading"
                                         ? _c("span", [
-                                            _vm._v("DILAKSANAKAN ONLINE"),
+                                            _vm._v("Mohon tunggu..."),
                                           ])
                                         : _c("span", [
-                                            _vm._v("Belum ditentukan tempat"),
+                                            _vm._v("Silahkan pilih kelurahan"),
                                           ]),
-                                    ],
-                                    1
+                                    ]
                                   ),
                                   _vm._v(" "),
-                                  _c("td", {
-                                    domProps: {
-                                      innerHTML: _vm._s(
-                                        _vm.$options.filters.date(item.mulai)
+                                  _vm._l(
+                                    _vm.modelVillages,
+                                    function (villages, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: villages.id },
+                                        },
+                                        [_vm._v(_vm._s(villages.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_villages")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.id_villages")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
                                       ),
-                                    },
-                                  }),
-                                  _vm._v(" "),
-                                  _c("td", { staticClass: "text-warp" }, [
-                                    item.sasaran
-                                      ? _c(
-                                          "span",
-                                          _vm._l(
-                                            item.sasaran,
-                                            function (sasaran, index) {
-                                              return _c(
-                                                "label",
-                                                {
-                                                  key: index,
-                                                  staticClass:
-                                                    "badge badge-primary ml-1",
-                                                },
-                                                [
-                                                  _vm._v(
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t" +
-                                                      _vm._s(sasaran.name) +
-                                                      "\n\t\t\t\t\t\t\t\t\t\t"
-                                                  ),
-                                                ]
-                                              )
-                                            }
-                                          ),
-                                          0
-                                        )
-                                      : _vm._e(),
-                                  ]),
-                                ]
-                              )
-                            }),
-                            _vm._v(" "),
-                            _vm.itemBaru.length == 0
-                              ? _c("tr", [
-                                  _c("td", { attrs: { colspan: 7 } }, [
-                                    _vm._v("Tidak terdapat data diklat"),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
                                   ]),
-                                ])
-                              : _vm._e(),
-                          ],
-                          2
-                        )
-                      : _vm.itemBaruStat === "loading"
-                      ? _c("tbody", [
-                          _c("tr", [
-                            _c("td", { attrs: { colspan: 7 } }, [
-                              _c("div", { staticClass: "progress" }, [
-                                _c(
-                                  "div",
-                                  {
-                                    staticClass:
-                                      "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-                                    staticStyle: { width: "100%" },
-                                  },
-                                  [
-                                    _c("span", { staticClass: "sr-only" }, [
-                                      _vm._v("100% Complete"),
-                                    ]),
-                                  ]
-                                ),
-                              ]),
-                            ]),
-                          ]),
-                        ])
-                      : _vm._e(),
-                  ]
-                ),
-              ]),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _vm.isMulai
-            ? _c(
-                "div",
-                {
-                  directives: [
-                    {
-                      name: "show",
-                      rawName: "v-show",
-                      value: _vm.tabName == "mulai",
-                      expression: "tabName == 'mulai'",
-                    },
-                  ],
-                },
-                [
-                  _c("div", { staticClass: "table-responsive" }, [
-                    _c(
-                      "table",
-                      { staticClass: "table table-striped  table-hover" },
-                      [
-                        _c("thead", [
-                          _c("tr", { staticClass: "text-nowarp" }, [
-                            _c("th", [_vm._v("Status")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Kode")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Nama")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Kabupaten/Kota")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Tempat")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Tgl. Mulai")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Sasaran")]),
-                          ]),
+                            ]
+                          ),
                         ]),
                         _vm._v(" "),
-                        _vm.itemMulaiStat === "success"
-                          ? _c(
-                              "tbody",
-                              [
-                                _vm._l(_vm.itemMulai, function (item, index) {
-                                  return _c(
-                                    "tr",
-                                    {
-                                      key: index,
-                                      staticClass:
-                                        "text-nowrap  cursor-pointer",
-                                      class: {
-                                        "bg-info":
-                                          _vm.selectedItemMulai.id === item.id,
-                                      },
-                                      on: {
-                                        click: function ($event) {
-                                          return _vm.detail(item.id)
-                                        },
-                                      },
-                                    },
+                        _c("div", { staticClass: "col-md-8" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.alamat"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.alamat"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.alamat")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tAlamat: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|min:5",
+                                    expression: "'required|min:5'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.alamat,
+                                    expression: "form.alamat",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "alamat",
+                                  placeholder: "Silahkan masukkan alamat",
+                                  "data-vv-as": "Alamat",
+                                },
+                                domProps: { value: _vm.form.alamat },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "alamat",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.alamat")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
                                     [
-                                      _c("td", [
-                                        item.status == "6"
-                                          ? _c("span", {
-                                              staticStyle: {
-                                                cursor: "pointer",
-                                              },
-                                              domProps: {
-                                                innerHTML: _vm._s(
-                                                  _vm.$options.filters.statusDiklat(
-                                                    item.status
-                                                  )
-                                                ),
-                                              },
-                                              on: {
-                                                click: function ($event) {
-                                                  $event.preventDefault()
-                                                  return _vm.modalKeteranganBatalOpen(
-                                                    item.keteranganBatal
-                                                  )
-                                                },
-                                              },
-                                            })
-                                          : _c("span", {
-                                              domProps: {
-                                                innerHTML: _vm._s(
-                                                  _vm.$options.filters.statusDiklat(
-                                                    item.status
-                                                  )
-                                                ),
-                                              },
-                                            }),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          _c("check-value", {
-                                            attrs: { value: item.kode_diklat },
-                                          }),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          _c("check-value", {
-                                            attrs: { value: item.name },
-                                          }),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          item.regencies
-                                            ? _c("check-value", {
-                                                attrs: {
-                                                  value: item.regencies.name,
-                                                },
-                                              })
-                                            : _c("span", [_vm._v("-")]),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          item.tempat
-                                            ? _c("check-value", {
-                                                attrs: {
-                                                  value: item.tempat.name,
-                                                },
-                                              })
-                                            : item.tipe_tempat == "ONLINE"
-                                            ? _c("span", [
-                                                _vm._v("DILAKSANAKAN ONLINE"),
-                                              ])
-                                            : _c("span", [
-                                                _vm._v(
-                                                  "Belum ditentukan tempat"
-                                                ),
-                                              ]),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c("td", {
-                                        domProps: {
-                                          innerHTML: _vm._s(
-                                            _vm.$options.filters.date(
-                                              item.mulai
-                                            )
-                                          ),
-                                        },
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
                                       }),
-                                      _vm._v(" "),
-                                      _c("td", { staticClass: "text-warp" }, [
-                                        item.sasaran
-                                          ? _c(
-                                              "span",
-                                              _vm._l(
-                                                item.sasaran,
-                                                function (sasaran, index) {
-                                                  return _c(
-                                                    "label",
-                                                    {
-                                                      key: index,
-                                                      staticClass:
-                                                        "badge badge-primary ml-1",
-                                                    },
-                                                    [
-                                                      _vm._v(
-                                                        "\n\t\t\t\t\t\t\t\t\t\t\t" +
-                                                          _vm._s(sasaran.name) +
-                                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]
-                                                  )
-                                                }
-                                              ),
-                                              0
-                                            )
-                                          : _vm._e(),
-                                      ]),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.alamat")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
                                     ]
                                   )
-                                }),
-                                _vm._v(" "),
-                                _vm.itemMulai.length == 0
-                                  ? _c("tr", [
-                                      _c("td", { attrs: { colspan: 7 } }, [
-                                        _vm._v("Tidak terdapat data diklat"),
-                                      ]),
-                                    ])
-                                  : _vm._e(),
-                              ],
-                              2
-                            )
-                          : _vm.itemMulaiStat === "loading"
-                          ? _c("tbody", [
-                              _c("tr", [
-                                _c("td", { attrs: { colspan: 7 } }, [
-                                  _c("div", { staticClass: "progress" }, [
-                                    _c(
-                                      "div",
-                                      {
-                                        staticClass:
-                                          "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-                                        staticStyle: { width: "100%" },
-                                      },
-                                      [
-                                        _c("span", { staticClass: "sr-only" }, [
-                                          _vm._v("100% Complete"),
-                                        ]),
-                                      ]
-                                    ),
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
                                   ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                      ]
-                    ),
+                            ]
+                          ),
+                        ]),
+                      ]),
+                    ]),
                   ]),
-                ]
-              )
-            : _vm._e(),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _vm.isBuka
-            ? _c(
-                "div",
-                {
-                  directives: [
-                    {
-                      name: "show",
-                      rawName: "v-show",
-                      value: _vm.tabName == "buka",
-                      expression: "tabName == 'buka'",
-                    },
-                  ],
-                },
-                [
-                  _c("div", { staticClass: "table-responsive" }, [
-                    _c(
-                      "table",
-                      { staticClass: "table table-striped  table-hover" },
-                      [
-                        _c("thead", [
-                          _c("tr", { staticClass: "text-nowarp" }, [
-                            _c("th", [_vm._v("Kode")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Nama")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Kabupaten/Kota")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Tempat")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Tgl. Mulai")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Sasaran")]),
-                          ]),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(2),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.telp"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.telp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Telp:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                staticClass: "form-control",
+                                attrs: {
+                                  options: _vm.cleaveOption.number12,
+                                  placeholder: "Silahkan masukkan no telp",
+                                },
+                                model: {
+                                  value: _vm.form.telp,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "telp", $$v)
+                                  },
+                                  expression: "form.telp",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
                         ]),
                         _vm._v(" "),
-                        _vm.itemBukaStat === "success"
-                          ? _c(
-                              "tbody",
-                              [
-                                _vm._l(_vm.itemBuka, function (item, index) {
-                                  return _c(
-                                    "tr",
-                                    {
-                                      key: index,
-                                      staticClass:
-                                        "text-nowrap  cursor-pointer",
-                                      class: {
-                                        "bg-info":
-                                          _vm.selectedItemBuka.id === item.id,
-                                      },
-                                      on: {
-                                        click: function ($event) {
-                                          return _vm.detail(item.id)
-                                        },
-                                      },
-                                    },
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.hp"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.hp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Hp:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                staticClass: "form-control",
+                                attrs: {
+                                  options: _vm.cleaveOption.number12,
+                                  placeholder: "Silahkan masukkan no hp",
+                                },
+                                model: {
+                                  value: _vm.form.hp,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "hp", $$v)
+                                  },
+                                  expression: "form.hp",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.pos"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.pos")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKode Pos:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                staticClass: "form-control",
+                                attrs: {
+                                  options: _vm.cleaveOption.number12,
+                                  placeholder: "Silahkan masukkan kode pos",
+                                },
+                                model: {
+                                  value: _vm.form.pos,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "pos", $$v)
+                                  },
+                                  expression: "form.pos",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.email"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.email"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.email")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tE-mail:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "email",
+                                    expression: "'email'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.email,
+                                    expression: "form.email",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "email",
+                                  placeholder:
+                                    "Silahkan masukkan alamat e-mail",
+                                  "data-vv-as": "E-mail",
+                                },
+                                domProps: { value: _vm.form.email },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "email",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.email")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
                                     [
-                                      _c(
-                                        "td",
-                                        [
-                                          _c("check-value", {
-                                            attrs: { value: item.kode_diklat },
-                                          }),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          _c("check-value", {
-                                            attrs: { value: item.name },
-                                          }),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          item.regencies
-                                            ? _c("check-value", {
-                                                attrs: {
-                                                  value: item.regencies.name,
-                                                },
-                                              })
-                                            : _c("span", [_vm._v("-")]),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          item.tempat
-                                            ? _c("check-value", {
-                                                attrs: {
-                                                  value: item.tempat.name,
-                                                },
-                                              })
-                                            : item.tipe_tempat == "ONLINE"
-                                            ? _c("span", [
-                                                _vm._v("DILAKSANAKAN ONLINE"),
-                                              ])
-                                            : _c("span", [
-                                                _vm._v(
-                                                  "Belum ditentukan tempat"
-                                                ),
-                                              ]),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c("td", {
-                                        domProps: {
-                                          innerHTML: _vm._s(
-                                            _vm.$options.filters.date(
-                                              item.mulai
-                                            )
-                                          ),
-                                        },
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
                                       }),
-                                      _vm._v(" "),
-                                      _c("td", { staticClass: "text-warp" }, [
-                                        item.sasaran
-                                          ? _c(
-                                              "span",
-                                              _vm._l(
-                                                item.sasaran,
-                                                function (sasaran, index) {
-                                                  return _c(
-                                                    "label",
-                                                    {
-                                                      key: index,
-                                                      staticClass:
-                                                        "badge badge-primary ml-1",
-                                                    },
-                                                    [
-                                                      _vm._v(
-                                                        "\n\t\t\t\t\t\t\t\t\t\t\t" +
-                                                          _vm._s(sasaran.name) +
-                                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]
-                                                  )
-                                                }
-                                              ),
-                                              0
-                                            )
-                                          : _vm._e(),
-                                      ]),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.email")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
                                     ]
                                   )
-                                }),
-                                _vm._v(" "),
-                                _vm.itemBuka.length == 0
-                                  ? _c("tr", [
-                                      _c("td", { attrs: { colspan: 6 } }, [
-                                        _vm._v("Tidak terdapat data diklat"),
-                                      ]),
-                                    ])
-                                  : _vm._e(),
-                              ],
-                              2
-                            )
-                          : _vm.itemBukaStat === "loading"
-                          ? _c("tbody", [
-                              _c("tr", [
-                                _c("td", { attrs: { colspan: 6 } }, [
-                                  _c("div", { staticClass: "progress" }, [
-                                    _c(
-                                      "div",
-                                      {
-                                        staticClass:
-                                          "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-                                        staticStyle: { width: "100%" },
-                                      },
-                                      [
-                                        _c("span", { staticClass: "sr-only" }, [
-                                          _vm._v("100% Complete"),
-                                        ]),
-                                      ]
-                                    ),
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
                                   ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                      ]
-                    ),
+                            ]
+                          ),
+                        ]),
+                      ]),
+                    ]),
                   ]),
-                ]
-              )
-            : _vm._e(),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _vm.isJalan
-            ? _c(
-                "div",
-                {
-                  directives: [
-                    {
-                      name: "show",
-                      rawName: "v-show",
-                      value: _vm.tabName == "jalan",
-                      expression: "tabName == 'jalan'",
-                    },
-                  ],
-                },
-                [
-                  _c("div", { staticClass: "table-responsive" }, [
-                    _c(
-                      "table",
-                      { staticClass: "table table-striped  table-hover" },
-                      [
-                        _c("thead", [
-                          _c("tr", { staticClass: "text-nowarp" }, [
-                            _c("th", [_vm._v("Kode")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Nama")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Kabupaten/Kota")]),
-                            _vm._v(" "),
-                            _c("th", [_vm._v("Tempat")]),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(3),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c("h5", [_vm._v("Informasi Tambahan:")]),
                             _vm._v(" "),
-                            _c("th", [_vm._v("Tgl. Mulai")]),
+                            _c("textarea", {
+                              directives: [
+                                {
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.deskripsi,
+                                  expression: "form.deskripsi",
+                                },
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                rows: "5",
+                                type: "text",
+                                name: "deskripsi",
+                                placeholder:
+                                  "Silahkan masukkan informasi tambahan",
+                              },
+                              domProps: { value: _vm.form.deskripsi },
+                              on: {
+                                input: function ($event) {
+                                  if ($event.target.composing) {
+                                    return
+                                  }
+                                  _vm.$set(
+                                    _vm.form,
+                                    "deskripsi",
+                                    $event.target.value
+                                  )
+                                },
+                              },
+                            }),
                             _vm._v(" "),
-                            _c("th", [_vm._v("Sasaran")]),
+                            _c("small", { staticClass: "text-muted" }, [
+                              _vm._v(" "),
+                            ]),
                           ]),
                         ]),
-                        _vm._v(" "),
-                        _vm.itemJalanStat === "success"
-                          ? _c(
-                              "tbody",
-                              [
-                                _vm._l(
-                                  _vm.itemJalan.data,
-                                  function (item, index) {
-                                    return _c(
-                                      "tr",
-                                      {
-                                        key: index,
-                                        staticClass:
-                                          "text-nowrap  cursor-pointer",
-                                        class: {
-                                          "bg-info":
-                                            _vm.selectedItemJalan.id ===
-                                            item.id,
-                                        },
-                                        on: {
-                                          click: function ($event) {
-                                            return _vm.detail(item.id)
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "td",
-                                          [
-                                            _c("check-value", {
-                                              attrs: {
-                                                value: item.kode_diklat,
-                                              },
-                                            }),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "td",
-                                          [
-                                            _c("check-value", {
-                                              attrs: { value: item.name },
-                                            }),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "td",
-                                          [
-                                            item.regencies
-                                              ? _c("check-value", {
-                                                  attrs: {
-                                                    value: item.regencies.name,
-                                                  },
-                                                })
-                                              : _c("span", [_vm._v("-")]),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "td",
-                                          [
-                                            item.tempat
-                                              ? _c("check-value", {
-                                                  attrs: {
-                                                    value: item.tempat.name,
-                                                  },
-                                                })
-                                              : item.tipe_tempat == "ONLINE"
-                                              ? _c("span", [
-                                                  _vm._v("DILAKSANAKAN ONLINE"),
-                                                ])
-                                              : _c("span", [
-                                                  _vm._v(
-                                                    "Belum ditentukan tempat"
-                                                  ),
-                                                ]),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c("td", {
-                                          domProps: {
-                                            innerHTML: _vm._s(
-                                              _vm.$options.filters.date(
-                                                item.mulai
-                                              )
-                                            ),
-                                          },
-                                        }),
-                                        _vm._v(" "),
-                                        _c("td", { staticClass: "text-warp" }, [
-                                          item.sasaran
-                                            ? _c(
-                                                "span",
-                                                _vm._l(
-                                                  item.sasaran,
-                                                  function (sasaran, index) {
-                                                    return _c(
-                                                      "label",
-                                                      {
-                                                        key: index,
-                                                        staticClass:
-                                                          "badge badge-primary ml-1",
-                                                      },
-                                                      [
-                                                        _vm._v(
-                                                          "\n\t\t\t\t\t\t\t\t\t\t\t" +
-                                                            _vm._s(
-                                                              sasaran.name
-                                                            ) +
-                                                            "\n\t\t\t\t\t\t\t\t\t\t"
-                                                        ),
-                                                      ]
-                                                    )
-                                                  }
-                                                ),
-                                                0
-                                              )
-                                            : _vm._e(),
-                                        ]),
-                                      ]
-                                    )
-                                  }
-                                ),
-                                _vm._v(" "),
-                                _vm.itemJalan.data.length == 0
-                                  ? _c("tr", [
-                                      _c("td", { attrs: { colspan: 6 } }, [
-                                        _vm._v("Tidak terdapat data diklat"),
-                                      ]),
-                                    ])
-                                  : _vm._e(),
-                              ],
-                              2
-                            )
-                          : _vm.itemJalanStat === "loading"
-                          ? _c("tbody", [
-                              _c("tr", [
-                                _c("td", { attrs: { colspan: 6 } }, [
-                                  _c("div", { staticClass: "progress" }, [
-                                    _c(
-                                      "div",
-                                      {
-                                        staticClass:
-                                          "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-                                        staticStyle: { width: "100%" },
-                                      },
-                                      [
-                                        _c("span", { staticClass: "sr-only" }, [
-                                          _vm._v("100% Complete"),
-                                        ]),
-                                      ]
-                                    ),
-                                  ]),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                      ]
-                    ),
+                      ]),
+                    ]),
                   ]),
-                ]
-              )
-            : _vm._e(),
-        ]
-      ),
+                  _vm._v(" "),
+                  _c("form-info"),
+                  _vm._v(" "),
+                  _c(
+                    "div",
+                    { staticClass: "card card-body" },
+                    [
+                      _c("form-button", {
+                        attrs: {
+                          cancelState: "methods",
+                          formValidation: "form",
+                        },
+                        on: { cancelClick: _vm.back },
+                      }),
+                    ],
+                    1
+                  ),
+                ],
+                1
+              ),
+            ],
+            1
+          ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          content: _vm.modalContent,
+          color: _vm.modalColor,
+        },
+        on: {
+          batal: _vm.modalTutup,
+          tutup: _vm.modalTutup,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalBackgroundClick,
+        },
+      }),
     ],
     1
   )
@@ -5006,28 +2943,35 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c(
-      "div",
-      {
-        staticClass:
-          "card-header bg-blue-400 text-white header-elements-inline",
-      },
-      [
-        _c("h5", { staticClass: "card-title" }, [
-          _c("i", { staticClass: "icon-calendar mr-2" }),
-          _vm._v(" Kegiatan PUSKOPCUINA"),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "header-elements" }, [
-          _c("div", { staticClass: "list-icons" }, [
-            _c("a", {
-              staticClass: "list-icons-item",
-              attrs: { "data-action": "collapse" },
-            }),
-          ]),
-        ]),
-      ]
-    )
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("1. Informasi Umum")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("2. Lokasi")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("3. Kontak")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [
+        _vm._v("4. Informasi Tambahan"),
+      ]),
+    ])
   },
 ]
 render._withStripped = true
@@ -5036,175 +2980,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=template&id=1f1476bc&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=template&id=1f1476bc& ***!
-  \*************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c(
-        "hooper",
-        {
-          staticClass: "mb-3",
-          staticStyle: { width: "100%", "min-height": "20em" },
-          attrs: {
-            progress: true,
-            autoPlay: true,
-            playSpeed: 6000,
-            infiniteScroll: true,
-          },
-        },
-        [
-          _vm._l(_vm.sliderItem, function (item, index) {
-            return _c(
-              "slide",
-              { key: index, staticClass: "slideStyle", style: item.style },
-              [
-                item.name == "welcome"
-                  ? _c("div", [
-                      _c("h1", [_vm._v(_vm._s(item.title))]),
-                      _vm._v(" "),
-                      _c("span", {
-                        domProps: { innerHTML: _vm._s(item.content) },
-                      }),
-                      _vm._v(" "),
-                      _c("br"),
-                      _vm._v(" "),
-                      item.isButton
-                        ? _c("a", {
-                            staticClass: "btn btn-danger mt-1",
-                            attrs: { href: item.buttonUrl, target: "_blank" },
-                            domProps: { innerHTML: _vm._s(item.buttonTitle) },
-                          })
-                        : _vm._e(),
-                    ])
-                  : item.name == "birthday"
-                  ? _c(
-                      "div",
-                      [
-                        _c("h1", [_vm._v(_vm._s(item.title))]),
-                        _vm._v(" "),
-                        _vm._l(item.cu, function (item2, index2) {
-                          return _c(
-                            "span",
-                            {
-                              key: index2,
-                              staticClass:
-                                "badge bg-blue-400 align-self-center ml-2 mb-1",
-                            },
-                            [
-                              _c("h6", { staticClass: "mb-0" }, [
-                                _vm._v(
-                                  _vm._s(
-                                    "CU " + item2.name + " Ke- " + item2.usia
-                                  )
-                                ),
-                              ]),
-                            ]
-                          )
-                        }),
-                        _vm._v(" "),
-                        _c("br"),
-                        _c("br"),
-                        _vm._v(" "),
-                        _c("h4", {
-                          staticClass: "d-none d-md-block",
-                          domProps: { innerHTML: _vm._s(item.content) },
-                        }),
-                      ],
-                      2
-                    )
-                  : item.name == "news"
-                  ? _c("div", [
-                      _c("h1", [_vm._v(_vm._s(item.title))]),
-                      _vm._v(" "),
-                      _c("span", {
-                        domProps: { innerHTML: _vm._s(item.content) },
-                      }),
-                    ])
-                  : _vm._e(),
-              ]
-            )
-          }),
-          _vm._v(" "),
-          _c(
-            "hooper-navigation",
-            { attrs: { slot: "hooper-addons" }, slot: "hooper-addons" },
-            [
-              _c("i", { attrs: { slot: "hooper-prev" }, slot: "hooper-prev" }, [
-                _c("i", {
-                  staticClass: "icon-chevron-left",
-                  staticStyle: { color: "rgb(255, 251, 251)" },
-                }),
-              ]),
-              _vm._v(" "),
-              _c("i", { attrs: { slot: "hooper-next" }, slot: "hooper-next" }, [
-                _c("i", {
-                  staticClass: "icon-chevron-right",
-                  staticStyle: { color: "rgb(255, 251, 251)" },
-                }),
-              ]),
-            ]
-          ),
-          _vm._v(" "),
-          _c("hooper-pagination", {
-            attrs: { slot: "hooper-addons" },
-            slot: "hooper-addons",
-          }),
-        ],
-        2
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/api/system.js":
-/*!*******************************************!*\
-  !*** ./resources/assets/js/api/system.js ***!
-  \*******************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ({
-  countOrganisasi: function countOrganisasi() {
-    return axios.get('/api/countOrganisasi');
-  }
-});
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/countWidget.vue":
+/***/ "./resources/assets/js/components/ImageUpload.vue":
 /*!********************************************************!*\
-  !*** ./resources/assets/js/components/countWidget.vue ***!
+  !*** ./resources/assets/js/components/ImageUpload.vue ***!
   \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./countWidget.vue?vue&type=template&id=b9608b28& */ "./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&");
-/* harmony import */ var _countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./countWidget.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&");
+/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -5214,9 +3000,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5226,55 +3012,57 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/countWidget.vue"
+component.options.__file = "resources/assets/js/components/ImageUpload.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
 /*!*********************************************************************************!*\
-  !*** ./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
   \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./countWidget.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&":
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
 /*!***************************************************************************************!*\
-  !*** ./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28& ***!
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
   \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./countWidget.vue?vue&type=template&id=b9608b28& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard.vue":
-/*!*************************************************!*\
-  !*** ./resources/assets/js/views/dashboard.vue ***!
-  \*************************************************/
+/***/ "./resources/assets/js/components/datePicker.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _dashboard_vue_vue_type_template_id_067b0c71___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dashboard.vue?vue&type=template&id=067b0c71& */ "./resources/assets/js/views/dashboard.vue?vue&type=template&id=067b0c71&");
-/* harmony import */ var _dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dashboard.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dashboard.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
 
 
 
@@ -5282,10 +3070,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _dashboard_vue_vue_type_template_id_067b0c71___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _dashboard_vue_vue_type_template_id_067b0c71___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5295,55 +3083,71 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/dashboard.vue"
+component.options.__file = "resources/assets/js/components/datePicker.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard.vue?vue&type=script&lang=js&":
-/*!**************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************/
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./dashboard.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard.vue?vue&type=template&id=067b0c71&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard.vue?vue&type=template&id=067b0c71& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_dashboard_vue_vue_type_template_id_067b0c71___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./dashboard.vue?vue&type=template&id=067b0c71& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard.vue?vue&type=template&id=067b0c71&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_dashboard_vue_vue_type_template_id_067b0c71___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_dashboard_vue_vue_type_template_id_067b0c71___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/buttonRow.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/buttonRow.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _buttonRow_vue_vue_type_template_id_2697e6aa___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./buttonRow.vue?vue&type=template&id=2697e6aa& */ "./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=template&id=2697e6aa&");
-/* harmony import */ var _buttonRow_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./buttonRow.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -5352,9 +3156,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _buttonRow_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _buttonRow_vue_vue_type_template_id_2697e6aa___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _buttonRow_vue_vue_type_template_id_2697e6aa___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5364,55 +3168,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/dashboard/buttonRow.vue"
+component.options.__file = "resources/assets/js/components/formInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_buttonRow_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./buttonRow.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_buttonRow_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=template&id=2697e6aa&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=template&id=2697e6aa& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_buttonRow_vue_vue_type_template_id_2697e6aa___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./buttonRow.vue?vue&type=template&id=2697e6aa& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=template&id=2697e6aa&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_buttonRow_vue_vue_type_template_id_2697e6aa___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_buttonRow_vue_vue_type_template_id_2697e6aa___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/countOrganisasiWidget.vue":
-/*!***********************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/countOrganisasiWidget.vue ***!
-  \***********************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _countOrganisasiWidget_vue_vue_type_template_id_277315de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./countOrganisasiWidget.vue?vue&type=template&id=277315de& */ "./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=template&id=277315de&");
-/* harmony import */ var _countOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./countOrganisasiWidget.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -5421,9 +3225,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _countOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _countOrganisasiWidget_vue_vue_type_template_id_277315de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _countOrganisasiWidget_vue_vue_type_template_id_277315de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5433,55 +3237,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/dashboard/countOrganisasiWidget.vue"
+component.options.__file = "resources/assets/js/components/infoIcon.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./countOrganisasiWidget.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=template&id=277315de&":
-/*!******************************************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=template&id=277315de& ***!
-  \******************************************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countOrganisasiWidget_vue_vue_type_template_id_277315de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./countOrganisasiWidget.vue?vue&type=template&id=277315de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=template&id=277315de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countOrganisasiWidget_vue_vue_type_template_id_277315de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countOrganisasiWidget_vue_vue_type_template_id_277315de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue":
-/*!*************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue ***!
-  \*************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _historyOrganisasiWidget_vue_vue_type_template_id_0e2d4996___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996& */ "./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996&");
-/* harmony import */ var _historyOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./historyOrganisasiWidget.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -5490,9 +3294,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _historyOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _historyOrganisasiWidget_vue_vue_type_template_id_0e2d4996___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _historyOrganisasiWidget_vue_vue_type_template_id_0e2d4996___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5502,55 +3306,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/dashboard/historyOrganisasiWidget.vue"
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_historyOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./historyOrganisasiWidget.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_historyOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996&":
-/*!********************************************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996& ***!
-  \********************************************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_historyOrganisasiWidget_vue_vue_type_template_id_0e2d4996___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_historyOrganisasiWidget_vue_vue_type_template_id_0e2d4996___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_historyOrganisasiWidget_vue_vue_type_template_id_0e2d4996___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue":
-/*!********************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue ***!
-  \********************************************************************/
+/***/ "./resources/assets/js/components/wajibBadge.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/wajibBadge.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _kegiatanBKCUWidget_vue_vue_type_template_id_0165c089___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./kegiatanBKCUWidget.vue?vue&type=template&id=0165c089& */ "./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=template&id=0165c089&");
-/* harmony import */ var _kegiatanBKCUWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./kegiatanBKCUWidget.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -5559,9 +3363,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _kegiatanBKCUWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _kegiatanBKCUWidget_vue_vue_type_template_id_0165c089___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _kegiatanBKCUWidget_vue_vue_type_template_id_0165c089___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5571,57 +3375,106 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue"
+component.options.__file = "resources/assets/js/components/wajibBadge.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************/
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_kegiatanBKCUWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./kegiatanBKCUWidget.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_kegiatanBKCUWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=template&id=0165c089&":
-/*!***************************************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=template&id=0165c089& ***!
-  \***************************************************************************************************/
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_kegiatanBKCUWidget_vue_vue_type_template_id_0165c089___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./kegiatanBKCUWidget.vue?vue&type=template&id=0165c089& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=template&id=0165c089&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_kegiatanBKCUWidget_vue_vue_type_template_id_0165c089___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_kegiatanBKCUWidget_vue_vue_type_template_id_0165c089___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/newsSlider.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/newsSlider.vue ***!
-  \************************************************************/
-/*! exports provided: default */
+/***/ "./resources/assets/js/helpers/form.js":
+/*!*********************************************!*\
+  !*** ./resources/assets/js/helpers/form.js ***!
+  \*********************************************/
+/*! exports provided: toMulipartedForm, objectToFormData */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _newsSlider_vue_vue_type_template_id_1f1476bc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./newsSlider.vue?vue&type=template&id=1f1476bc& */ "./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=template&id=1f1476bc&");
-/* harmony import */ var _newsSlider_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./newsSlider.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _newsSlider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./newsSlider.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function toMulipartedForm(form, mode) {
+  if (mode === 'edit' && typeof form.image === 'string') {
+    var temp = JSON.parse(JSON.stringify(form));
+    delete temp.image;
+    return temp;
+  } else {
+    return objectToFormData(form);
+  }
+}
+function objectToFormData(obj, form, namespace) {
+  var fd = form || new FormData();
+  var formKey;
+
+  for (var property in obj) {
+    if (obj.hasOwnProperty(property)) {
+      if (namespace) {
+        formKey = namespace + '[' + property + ']';
+      } else {
+        formKey = property;
+      }
+
+      if (obj[property] instanceof Array) {
+        for (var i = 0; i < obj[property].length; i++) {
+          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
+        }
+      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
+        objectToFormData(obj[property], fd, property);
+      } else {
+        fd.append(formKey, obj[property]);
+      }
+    }
+  }
+
+  return fd;
+}
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/tp/form.vue":
+/*!***********************************************!*\
+  !*** ./resources/assets/js/views/tp/form.vue ***!
+  \***********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=29360214& */ "./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -5629,10 +3482,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _newsSlider_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _newsSlider_vue_vue_type_template_id_1f1476bc___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _newsSlider_vue_vue_type_template_id_1f1476bc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5642,54 +3495,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/dashboard/newsSlider.vue"
+component.options.__file = "resources/assets/js/views/tp/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js&":
+/*!************************************************************************!*\
+  !*** ./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js& ***!
+  \************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./newsSlider.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css&":
-/*!*********************************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css& ***!
-  \*********************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./newsSlider.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=template&id=1f1476bc&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=template&id=1f1476bc& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214& ***!
+  \******************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_template_id_1f1476bc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./newsSlider.vue?vue&type=template&id=1f1476bc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=template&id=1f1476bc&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_template_id_1f1476bc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=29360214& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/form.vue?vue&type=template&id=29360214&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_template_id_1f1476bc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_29360214___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/51.js b/public/js/components/51.js
index 7b3789958..f38ec438f 100644
--- a/public/js/components/51.js
+++ b/public/js/components/51.js
@@ -1,16 +1,14 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[51],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
 //
 //
 //
@@ -28,6 +26,35 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['title', 'icon', 'color', 'count']
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _dashboard_newsSlider_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dashboard/newsSlider.vue */ "./resources/assets/js/views/dashboard/newsSlider.vue");
+/* harmony import */ var _dashboard_buttonRow_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dashboard/buttonRow.vue */ "./resources/assets/js/views/dashboard/buttonRow.vue");
+/* harmony import */ var _dashboard_kegiatanBKCUWidget_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dashboard/kegiatanBKCUWidget.vue */ "./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue");
+/* harmony import */ var _dashboard_grafikLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dashboard/grafikLaporanCuWidget.vue */ "./resources/assets/js/views/dashboard/grafikLaporanCuWidget.vue");
+/* harmony import */ var _dashboard_tableLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./dashboard/tableLaporanCuWidget.vue */ "./resources/assets/js/views/dashboard/tableLaporanCuWidget.vue");
+/* harmony import */ var _dashboard_historyOrganisasiWidget_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./dashboard/historyOrganisasiWidget.vue */ "./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue");
+/* harmony import */ var _dashboard_countOrganisasiWidget_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./dashboard/countOrganisasiWidget.vue */ "./resources/assets/js/views/dashboard/countOrganisasiWidget.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -63,34 +90,6 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['columnData', 'itemDataStat', 'items'],
-  components: {},
-  data: function data() {
-    return {};
-  },
-  methods: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
 //
 //
 //
@@ -98,57 +97,6 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['defaultDate'],
-  components: {
-    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
-  },
-  data: function data() {
-    return {
-      time: '',
-      dateVal: ''
-    };
-  },
-  mounted: function mounted() {
-    if (this.defaultDate == '') {
-      var today = new Date();
-      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
-      this.time = date;
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    } else {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-      this.$emit('dateSelected', this.defaultDate);
-    }
-  },
-  watch: {
-    defaultDate: function defaultDate(newVal, oldVal) {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-    }
-  },
-  methods: {
-    onChanged: function onChanged(event) {
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
 //
 //
 //
@@ -157,92 +105,47 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: []
-});
 
-/***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
-});
+ // import pesertaDiklatBkcuWidget from './dashboard/pesertaDiklatBKCUWidget.vue';
+
+
 
-/***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
+  components: {
+    newsSlider: _dashboard_newsSlider_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    buttonRow: _dashboard_buttonRow_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    kegiatanBkcuWidget: _dashboard_kegiatanBKCUWidget_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    // pesertaDiklatBkcuWidget,
+    grafikLaporanCuWidget: _dashboard_grafikLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    tableLaporanCuWidget: _dashboard_tableLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    historyOrganisasiWidget: _dashboard_historyOrganisasiWidget_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    countOrganisasiWidget: _dashboard_countOrganisasiWidget_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
+    columnData: 'columnData',
+    columnDataPearls: 'columnDataPearls'
+  }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _formCalon_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./formCalon.vue */ "./resources/assets/js/views/pemilihan/formCalon.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+/* harmony import */ var _components_countWidget__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/countWidget */ "./resources/assets/js/components/countWidget.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -404,6 +307,498 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    countWidget: _components_countWidget__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  data: function data() {
+    var _ref;
+
+    return _ref = {
+      kegiatanBKCUJalanWidgetRoute: {},
+      artikelWidgetRoute: {},
+      artikelKategoriWidgetRoute: {},
+      artikelPenulisWidgetRoute: {},
+      pengumumanWidgetRoute: {},
+      diklatBKCUWidgetRoute: {},
+      pertemuanBKCUWidgetRoute: {},
+      anggotaCuWidgetRoute: {},
+      saldoWidgetRoute: {},
+      jalinanKlaimWidgetRoute: {},
+      cuWidgetRoute: {},
+      tpWidgetRoute: {},
+      produkCuWidgetRoute: {},
+      aktivisWidgetRoute: {},
+      pemilihanWidgetRoute: {},
+      votingWidgetRoute: {}
+    }, _defineProperty(_ref, "produkCuWidgetRoute", {}), _defineProperty(_ref, "mitraPerseoranganWidgetRoute", {}), _defineProperty(_ref, "mitraLembagaWidgetRoute", {}), _defineProperty(_ref, "userWidgetRoute", {}), _defineProperty(_ref, "laporanCUWidgetRoute", {}), _defineProperty(_ref, "laporanGerakanWidgetRoute", {}), _defineProperty(_ref, "assesmentAccessWidgetRoute", {}), _defineProperty(_ref, "monitoringAccessWidgetRoute", {}), _defineProperty(_ref, "dokumenGerakanPublikWidgetRoute", {}), _defineProperty(_ref, "dokumenWidgetRoute", {}), _defineProperty(_ref, "suratKeluarWidgetRoute", {}), _defineProperty(_ref, "suratMasukWidgetRoute", {}), _defineProperty(_ref, "asetTetapWidgetRoute", {}), _ref;
+  },
+  created: function created() {
+    this.countWidgetRoute();
+    this.fetchKegiatanBerjalan();
+  },
+  methods: {
+    countWidgetRoute: function countWidgetRoute() {
+      this.artikelWidgetRoute = {
+        name: 'artikelCu',
+        params: {
+          cu: this.currentUser.id_cu
+        }
+      };
+      this.artikelPenulisWidgetRoute = {
+        name: 'artikelPenulisCu',
+        params: {
+          cu: this.currentUser.id_cu
+        }
+      };
+      this.artikelKategoriWidgetRoute = {
+        name: 'artikelKategoriCu',
+        params: {
+          cu: this.currentUser.id_cu
+        }
+      };
+      this.pengumumanWidgetRoute = {
+        name: 'pengumumanCu',
+        params: {
+          cu: this.currentUser.id_cu
+        }
+      };
+      this.diklatBKCUWidgetRoute = {
+        name: 'kegiatanBKCU',
+        params: {
+          tipe: 'diklat_bkcu',
+          periode: this.momentYear()
+        }
+      };
+      this.pertemuanBKCUWidgetRoute = {
+        name: 'kegiatanBKCU',
+        params: {
+          tipe: 'pertemuan_bkcu',
+          periode: this.momentYear()
+        }
+      };
+      this.saldoWidgetRoute = {
+        name: 'saldo'
+      };
+      this.aktivisWidgetRoute = {
+        name: 'aktivisCu',
+        params: {
+          cu: this.currentUser.id_cu,
+          tingkat: 'semua'
+        }
+      };
+      this.laporanGerakanWidgetRoute = {
+        name: 'laporanGerakan'
+      };
+      this.mitraPerseoranganWidgetRoute = {
+        name: 'mitraOrang'
+      };
+      this.mitraLembagaWidgetRoute = {
+        name: 'mitraLembaga'
+      };
+      this.userWidgetRoute = {
+        name: 'userCu',
+        params: {
+          cu: this.currentUser.id_cu
+        }
+      };
+      this.kegiatanBKCUJalanWidgetRoute = {
+        name: 'kegiatanBKCUJalan'
+      };
+      this.dokumenGerakanPublikWidgetRoute = {
+        name: 'dokumenGerakanPublik',
+        params: {
+          cu: 'semua'
+        }
+      };
+      this.suratKeluarWidgetRoute = {
+        name: 'suratCu',
+        params: {
+          cu: this.currentUser.id_cu,
+          tipe: 'semua',
+          periode: this.momentYear()
+        }
+      };
+      this.suratMasukWidgetRoute = {
+        name: 'suratMasukCu',
+        params: {
+          cu: this.currentUser.id_cu,
+          periode: this.momentYear()
+        }
+      };
+
+      if (this.currentUser.id_cu != 0) {
+        this.anggotaCuWidgetRoute = {
+          name: 'anggotaCuCu',
+          params: {
+            cu: this.currentUser.id_cu,
+            tp: 'semua'
+          }
+        };
+        this.jalinanKlaimWidgetRoute = {
+          name: 'jalinanKlaimCu',
+          params: {
+            cu: this.currentUser.id_cu,
+            tp: 'semua'
+          }
+        };
+        this.cuWidgetRoute = {
+          name: 'cuProfile',
+          params: {
+            id: this.currentUser.id_cu
+          }
+        };
+        this.tpWidgetRoute = {
+          name: 'tpCu',
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        };
+        this.produkCuWidgetRoute = {
+          name: 'produkCuCu',
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        };
+        this.pemilihanWidgetRoute = {
+          name: 'pemilihan',
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        };
+        this.votingWidgetRoute = {
+          name: 'voting',
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        };
+        this.laporanCUWidgetRoute = {
+          name: 'laporanCuCu',
+          params: {
+            cu: this.currentUser.id_cu,
+            tp: 'konsolidasi'
+          }
+        };
+        this.assesmentAccessWidgetRoute = {
+          name: 'assesmentAccessCu',
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        };
+        this.monitoringWidgetRoute = {
+          name: 'monitoringCu',
+          params: {
+            cu: this.currentUser.id_cu,
+            tp: 'semua'
+          }
+        };
+        this.dokumenWidgetRoute = {
+          name: 'dokumenCu',
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        };
+      } else {
+        this.tempatWidgetRoute = {
+          name: 'tempat'
+        };
+        this.anggotaCuWidgetRoute = {
+          name: 'anggotaCuCu',
+          params: {
+            cu: 'semua',
+            tp: 'semua'
+          }
+        };
+        this.jalinanKlaimWidgetRoute = {
+          name: 'jalinanKlaimCu',
+          params: {
+            cu: 'semua',
+            tp: 'semua'
+          }
+        };
+        this.cuWidgetRoute = {
+          name: 'cu'
+        };
+        this.tpWidgetRoute = {
+          name: 'tpCu',
+          params: {
+            cu: 'semua'
+          }
+        };
+        this.produkCuWidgetRoute = {
+          name: 'produkCuCu',
+          params: {
+            cu: 'semua'
+          }
+        };
+        this.pemilihanWidgetRoute = {
+          name: 'pemilihan',
+          params: {
+            cu: 'semua'
+          }
+        };
+        this.votingWidgetRoute = {
+          name: 'voting',
+          params: {
+            cu: 'semua'
+          }
+        };
+        this.laporanCUWidgetRoute = {
+          name: 'laporanCu'
+        };
+        this.assesmentAccessWidgetRoute = {
+          name: 'assesmentAccessCu',
+          params: {
+            cu: 'semua'
+          }
+        };
+        this.monitoringWidgetRoute = {
+          name: 'monitoringCu',
+          params: {
+            cu: 'semua',
+            tp: 'semua'
+          }
+        };
+        this.dokumenWidgetRoute = {
+          name: 'dokumenCu',
+          params: {
+            cu: 'semua'
+          }
+        };
+        this.asetTetapWidgetRoute = {
+          name: 'asetTetap'
+        };
+      }
+    },
+    goTo: function goTo(route) {
+      this.$router.push(route);
+    },
+    fetchKegiatanBerjalan: function fetchKegiatanBerjalan() {
+      var query = {
+        order_column: "mulai",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 6,
+        page: 1
+      };
+
+      if (this.modelKegiatanStat != 'success') {
+        this.$store.dispatch('kegiatanBKCU/indexJalanHeader', query);
+      }
+    },
+    momentYear: function momentYear() {
+      return moment().year();
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('kegiatanBKCU', {
+    modelKegiatan: 'dataJalan',
+    modelKegiatanStat: 'dataJalanStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _api_system_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../api/system.js */ "./resources/assets/js/api/system.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  data: function data() {
+    return {
+      kelas: 'sistem',
+      countCu: '',
+      countTp: '',
+      countProdukCu: '',
+      countAktivis: '',
+      countMitraOrang: '',
+      countMitraLembaga: '',
+      itemData: '',
+      itemDataStat: ''
+    };
+  },
+  created: function created() {
+    this.fetch();
+  },
+  methods: {
+    fetch: function fetch() {
+      var _this = this;
+
+      this.itemdataStat = 'loading';
+      _api_system_js__WEBPACK_IMPORTED_MODULE_2__["default"].countOrganisasi().then(function (response) {
+        _this.countCu = response.data.countCu;
+        _this.countTp = response.data.countTp;
+        _this.countProdukCu = response.data.countProdukCu;
+        _this.countAktivis = response.data.countAktivis;
+        _this.countMitraOrang = response.data.countMitraOrang;
+        _this.countMitraLembaga = response.data.countMitraLembaga;
+        _this.itemdataStat = 'success';
+      })["catch"](function (error) {
+        _this.itemdata = error.response;
+        _this.itemdataStat = 'fail';
+      });
+    },
+    detail: function detail(value) {
+      var id = this.currentUser.id_cu;
+
+      if (value == 'cu') {
+        if (this.currentUser.can['index_cu']) {
+          this.$router.push({
+            name: 'cu'
+          });
+        }
+      } else if (value == 'tp') {
+        if (this.currentUser.can['index_tp']) {
+          this.$router.push({
+            name: 'tpCu',
+            params: {
+              cu: id
+            }
+          });
+        }
+      } else if (value == 'produkCu') {
+        if (this.currentUser.can['index_produk_cu']) {
+          this.$router.push({
+            name: 'produkCuCu',
+            params: {
+              cu: id
+            }
+          });
+        }
+      } else if (value == 'aktivis') {
+        if (this.currentUser.can['index_aktivis']) {
+          this.$router.push({
+            name: 'aktivisCu',
+            params: {
+              cu: id
+            }
+          });
+        }
+      } else if (value == 'mitra_orang') {
+        if (this.currentUser.can['index_mitra_orang']) {
+          this.$router.push({
+            name: 'mitraOrang'
+          });
+        }
+      } else if (value == 'mitra_lembaga') {
+        if (this.currentUser.can['index_mitra_lembaga']) {
+          this.$router.push({
+            name: 'mitraLembaga'
+          });
+        }
+      }
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _api_cu_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../api/cu.js */ "./resources/assets/js/api/cu.js");
+/* harmony import */ var _api_tp_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../api/tp.js */ "./resources/assets/js/api/tp.js");
+/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
+/* harmony import */ var _api_aktivis_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/aktivis.js */ "./resources/assets/js/api/aktivis.js");
+/* harmony import */ var _api_mitraOrang_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../api/mitraOrang.js */ "./resources/assets/js/api/mitraOrang.js");
+/* harmony import */ var _api_mitraLembaga_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../api/mitraLembaga.js */ "./resources/assets/js/api/mitraLembaga.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -583,11 +978,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
 
 
 
@@ -598,296 +988,229 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    formCalon: _formCalon_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default.a,
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_12__["default"]
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
   },
   data: function data() {
     return {
-      title: 'Tambah Pemilihan',
-      titleDesc: 'Menambah pemilihan baru',
-      titleIcon: 'icon-plus3',
-      level: 2,
-      level2Title: 'Pemilihan',
-      kelas: 'pemilihan',
-      sasaran: [],
-      tempatData: '',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        year: {
-          date: true,
-          datePattern: ['Y']
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        number4: {
-          numeral: true,
-          numeralIntegerScale: 4,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      columnDataCalon: [{
-        title: 'No. Urut'
-      }, {
-        title: 'Foto'
-      }, {
-        title: 'Nama'
-      }, {
-        title: 'Tanggal Lahir'
-      }, {
-        title: 'Tempat Lahir'
-      }, {
-        title: 'Status'
-      }, {
-        title: 'Pendidikan'
-      }],
-      selectedItemCalon: '',
-      formCalonMode: '',
-      itemDataCalon: [],
-      itemDataCalonStat: 'success',
-      cancelState: 'methods',
-      state: '',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      modalSize: '',
-      submited: false
+      kelas: 'diklatBKCU',
+      selectedItemBaru: [],
+      selectedItemMulai: [],
+      selectedItemBuka: [],
+      selectedItemJalan: [],
+      tabName: 'cu',
+      isTp: false,
+      isProdukCu: false,
+      isAktivis: false,
+      isMitraOrang: false,
+      isMitraLembaga: false,
+      itemCu: [],
+      itemTp: [],
+      itemProdukCu: [],
+      itemAktivis: [],
+      itemMitraOrang: [],
+      itemMitraLembaga: [],
+      countCu: '',
+      countTp: '',
+      countProdukCu: '',
+      countAktivis: '',
+      countMitraOrang: '',
+      countMitraLembaga: '',
+      itemCuStat: '',
+      itemTpStat: '',
+      itemProdukCuStat: '',
+      itemAktivisStat: '',
+      itemMitraOrangStat: '',
+      itemMitraLembagaStat: ''
     };
   },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
-  watch: {
-    formStat: function formStat(value) {
-      if (value === "success") {
-        this.form.id_cu = this.currentUser.id_cu;
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
+  created: function created() {
+    if (this.currentUser.can['index_cu']) {
+      this.tabName = 'cu';
+      this.fetchCu();
+    } else if (this.currentUser.can['index_tp']) {
+      this.tabName = 'tp';
+      this.isTp = true;
+      this.fetchTp();
+    } else if (this.currentUser.can['index_produk_cu']) {
+      this.tabName = 'produk_cu';
+      this.isProdukCu = true;
+      this.fetchProdukCu();
+    } else if (this.currentUser.can['index_aktivis']) {
+      this.tabName = 'aktivis';
+      this.isAktivis = true;
+      this.fetchAktivis();
+    } else if (this.currentUser.can['index_mitra_orang']) {
+      this.tabName = 'mitra_orang';
+      this.isMitraOrang = true;
+      this.fetchMitraOrang();
+    } else if (this.currentUser.can['index_mitra_lembaga']) {
+      this.tabName = 'mitra_lembaga';
+      this.isMitraLembaga = true;
+      this.fetchMitraLembaga();
     }
   },
   methods: {
-    fetch: function fetch() {
-      if (this.currentUser.id_cu == 0) {
-        this.$store.dispatch(this.kelas + '/indexPemilihan');
-      } else {
-        this.$store.dispatch(this.kelas + '/indexPemilihanCu', this.currentUser.id_cu);
-      }
-
-      if (this.$route.meta.mode == 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-      } else {
-        this.$store.dispatch(this.kelas + '/create');
-      }
-
-      if (this.$route.meta.mode == 'edit') {
-        this.title = 'Ubah ' + this.level2Title;
-        this.titleDesc = 'Mengubah ' + this.level2Title;
-        this.titleIcon = 'icon-pencil5';
-      } else {
-        this.title = 'Tambah ' + this.level2Title;
-        this.titleDesc = 'Menambah ' + this.level2Title;
-        this.titleIcon = 'icon-plus3';
-      }
-    },
-    min: function min() {
-      if (this.form.pemilihan_min < 1) {
-        this.form.pemilihan_min = 1;
-      }
-    },
-    max: function max() {
-      if (this.form.pemilihan_max < this.form.pemilihan_min) {
-        this.form.pemilihan_max = this.form.pemilihan_min;
-      }
-    },
-    createCalon: function createCalon(value) {
-      this.itemDataCalon.push(value);
-      this.selectedItemCalon = {};
-      this.modalTutup();
-    },
-    editCalon: function editCalon(value) {
-      lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCalon, {
-        index: value.index
-      });
-
-      this.itemDataCalon.push(value);
-      this.selectedItemCalon = {};
-      this.modalTutup();
-    },
-    save: function save() {
+    fetchCu: function fetchCu() {
       var _this = this;
 
-      this.form.calon = this.itemDataCalon;
-      this.state = '';
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.$route.meta.mode == 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/store', _this.form);
-          }
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
+      this.itemCuStat = 'loading';
+      _api_cu_js__WEBPACK_IMPORTED_MODULE_2__["default"].history().then(function (response) {
+        _this.itemCu = response.data.model;
+        _this.itemCuStat = 'success';
+      })["catch"](function (error) {
+        _this.itemCu = error.response;
+        _this.itemCuStat = 'fail';
       });
     },
-    back: function back() {
-      if (this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas,
-          params: {
-            cu: 'semua'
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas,
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        });
-      }
+    fetchTp: function fetchTp() {
+      var _this2 = this;
+
+      this.itemTpStat = 'loading';
+      _api_tp_js__WEBPACK_IMPORTED_MODULE_3__["default"].history().then(function (response) {
+        _this2.itemTp = response.data.model;
+        _this2.itemTpStat = 'success';
+      })["catch"](function (error) {
+        _this2.itemTp = error.response;
+        _this2.itemTpStat = 'fail';
+      });
     },
-    selectedRow: function selectedRow(item, index) {
-      this.selectedItemCalon = item;
-      this.selectedItemCalon.index = index;
+    fetchProdukCu: function fetchProdukCu() {
+      var _this3 = this;
+
+      this.itemProdukCuStat = 'loading';
+      _api_produkCu_js__WEBPACK_IMPORTED_MODULE_4__["default"].history().then(function (response) {
+        _this3.itemProdukCu = response.data.model;
+        _this3.itemProdukCuStat = 'success';
+      })["catch"](function (error) {
+        _this3.itemProdukCu = error.response;
+        _this3.itemProdukCuStat = 'fail';
+      });
     },
-    selectedRow2: function selectedRow2(item, index) {
-      this.selectedItemSuara = item;
-      this.selectedItemSuara.index = index;
+    fetchAktivis: function fetchAktivis() {
+      var _this4 = this;
+
+      this.itemAktivisStat = 'loading';
+      _api_aktivis_js__WEBPACK_IMPORTED_MODULE_5__["default"].history().then(function (response) {
+        _this4.itemAktivis = response.data.model;
+        _this4.itemAktivisStat = 'success';
+      })["catch"](function (error) {
+        _this4.itemAktivis = error.response;
+        _this4.itemAktivisStat = 'fail';
+      });
     },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.state = state;
-
-      if (isMobile) {
-        this.selectedItemCalon = itemMobile;
-      }
-
-      if (state == 'hapusCalon') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus Calon' + this.selectedItemCalon.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-        this.modalSize = '';
-      } else if (state == 'ubahCalon') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah Calon';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formCalonMode = 'edit';
-      } else if (state == 'tambahCalon') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah Calon';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formCalonMode = 'create';
-      }
+    fetchMitraOrang: function fetchMitraOrang() {
+      var _this5 = this;
+
+      this.itemMitraOrangStat = 'loading';
+      _api_mitraOrang_js__WEBPACK_IMPORTED_MODULE_6__["default"].history().then(function (response) {
+        _this5.itemMitraOrang = response.data.model;
+        _this5.itemMitraOrangStat = 'success';
+      })["catch"](function (error) {
+        _this5.itemMitraOrang = error.response;
+        _this5.itemMitraOrangStat = 'fail';
+      });
     },
-    modalConfirmOk: function modalConfirmOk() {
-      this.modalShow = false;
-
-      if (this.state == 'hapusCalon') {
-        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCalon, {
-          index: this.selectedItemCalon.index
-        });
-
-        this.selectedItemCalon = {};
-      }
+    fetchMitraLembaga: function fetchMitraLembaga() {
+      var _this6 = this;
+
+      this.itemMitraLembagaStat = 'loading';
+      _api_mitraLembaga_js__WEBPACK_IMPORTED_MODULE_7__["default"].history().then(function (response) {
+        _this6.itemMitraLembaga = response.data.model;
+        _this6.itemMitraLembagaStat = 'success';
+      })["catch"](function (error) {
+        _this6.itemMitraLembaga = error.response;
+        _this6.itemMitraLembagaStat = 'fail';
+      });
     },
-    modalTutup: function modalTutup() {
-      if (this.updateStat == 'success' && this.state == '') {
-        this.$store.dispatch(this.kelas + '/resetUpdateStat');
-        this.back();
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+
+      if (value == 'tp' && !this.isTp) {
+        this.isTp = true;
+        this.fetchTp();
+      } else if (value == 'produk_cu' && !this.isProdukCu) {
+        this.isProdukCu = true;
+        this.fetchProdukCu();
+      } else if (value == 'aktivis' && !this.isAktivis) {
+        this.isAktivis = true;
+        this.fetchAktivis();
+      } else if (value == 'mitra_orang' && !this.isMitraOrang) {
+        this.isMitraOrang = true;
+        this.fetchMitraOrang();
+      } else if (value == 'mitra_lembaga' && !this.isMitraLembaga) {
+        this.isMitraLembaga = true;
+        this.fetchMitraLembaga();
       }
-
-      this.modalShow = false;
     },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
+    detail: function detail(value, id) {
+      if (value == 'cu') {
+        if (this.currentUser.can['update_cu']) {
+          this.$router.push({
+            name: 'cuEdit',
+            params: {
+              id: id
+            }
+          });
+        }
+      } else if (value == 'tp') {
+        if (this.currentUser.can['update_tp']) {
+          this.$router.push({
+            name: 'tpEdit',
+            params: {
+              id: id
+            }
+          });
+        }
+      } else if (value == 'produkCu') {
+        if (this.currentUser.can['update_produk_cu']) {
+          this.$router.push({
+            name: 'produkCuEdit',
+            params: {
+              id: id
+            }
+          });
+        }
+      } else if (value == 'aktivis') {
+        if (this.currentUser.can['update_aktivis']) {
+          this.$router.push({
+            name: 'aktivisEdit',
+            params: {
+              id: id
+            }
+          });
+        }
+      } else if (value == 'mitra_orang') {
+        if (this.currentUser.can['update_mitra_orang']) {
+          this.$router.push({
+            name: 'mitraOrangEdit',
+            params: {
+              id: id
+            }
+          });
+        }
+      } else if (value == 'mitra_lembaga') {
+        if (this.currentUser.can['update_mitra_lembaga']) {
+          this.$router.push({
+            name: 'mitraLembagaEdit',
+            params: {
+              id: id
+            }
+          });
+        }
       }
-    },
-    momentYear: function momentYear() {
-      return moment().year();
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pemilihan', {
-    form: 'data',
-    formStat: 'dataStat',
-    modelPemilihan: 'dataS2',
-    modelPemilihanStat: 'dataStatS2',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -895,11 +1218,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../api/kegiatanBKCU.js */ "./resources/assets/js/api/kegiatanBKCU.js");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -1107,219 +1426,465 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected'],
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
   },
   data: function data() {
     return {
-      title: '',
-      kelas: 'aktivis',
-      cleaveOption: {
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        }
-      },
-      selectedItem: [],
-      formCalon: {
-        aktivis_id: '',
-        pengusung_cu_id: '',
-        name: '',
-        gambar: ''
-      },
-      query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 5,
-        page: 1
-      },
-      columnDataDalam: [{
-        title: 'No.'
-      }, {
-        title: 'Foto'
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Gender'
-      }, {
-        title: 'CU'
-      }, {
-        title: 'Tingkat'
-      }, {
-        title: 'Jabatan'
-      }, {
-        title: 'Pendidikan'
-      }, {
-        title: 'Jurusan'
-      }, {
-        title: 'Tgl. Lahir'
-      }, {
-        title: 'Tempat Lahir'
-      }, {
-        title: 'Agama'
-      }, {
-        title: 'Status'
-      }, {
-        title: 'Provinsi'
-      }, {
-        title: 'Kabupaten/Kota'
-      }, {
-        title: 'Kecamatan'
-      }, {
-        title: 'Kelurahan'
-      }, {
-        title: 'Alamat'
-      }, {
-        title: 'Email'
-      }, {
-        title: 'Hp'
-      }],
-      submited: false
+      kelas: 'kegiatanBKCU',
+      selectedItemBaru: [],
+      selectedItemMulai: [],
+      selectedItemBuka: [],
+      selectedItemJalan: [],
+      tabName: 'baru',
+      isMulai: false,
+      isBuka: false,
+      isJalan: false,
+      itemBaru: [],
+      itemMulai: [],
+      itemBuka: [],
+      itemJalan: [],
+      countBaru: '',
+      countMulai: '',
+      countBuka: '',
+      countJalan: '',
+      itemBaruStat: '',
+      itemMulaiStat: '',
+      itemBukaStat: '',
+      itemJalanStat: ''
     };
   },
   created: function created() {
-    if (this.mode == 'edit') {
-      this.formCalon = Object.assign({}, this.selected);
-    } else {
-      this.fetch();
-    }
+    this.fetchBaru();
   },
   methods: {
-    fetch: function fetch() {
-      this.$store.commit('aktivis/setDataS', []);
-      this.$store.commit('aktivis/setDataStatS', '');
-      this.deleteSelected();
-      this.fetchDalam(this.query);
-    },
-    fetchDalam: function fetchDalam(params) {
-      if (this.currentUser.id_cu == 0) {
-        this.$store.dispatch('aktivis/index', [params, 'semua', 'aktif']);
-      } else {
-        this.$store.dispatch('aktivis/indexCu', [params, this.currentUser.id_cu, 'semua', 'aktif']);
-      }
+    fetchBaru: function fetchBaru() {
+      var _this = this;
+
+      this.itemBaruStat = 'loading';
+      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_2__["default"].indexBaru().then(function (response) {
+        _this.itemBaru = response.data.model;
+        _this.countBaru = response.data.model.length;
+        _this.countMulai = response.data.countMulai;
+        _this.countBuka = response.data.countBuka;
+        _this.countJalan = response.data.countJalan;
+        _this.itemBaruStat = 'success';
+      })["catch"](function (error) {
+        _this.itemBaru = error.response;
+        _this.itemBaruStat = 'fail';
+      });
     },
-    deleteSelected: function deleteSelected() {
-      this.formCalon.aktivis_id = '';
-      this.selectedItem = '';
+    fetchMulai: function fetchMulai() {
+      var _this2 = this;
+
+      this.itemMulaiStat = 'loading';
+      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_2__["default"].indexMulai().then(function (response) {
+        _this2.itemMulai = response.data.model;
+        _this2.itemMulaiStat = 'success';
+      })["catch"](function (error) {
+        _this2.itemMulai = error.response;
+        _this2.itemMulaiStat = 'fail';
+      });
     },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-      this.formCalon.aktivis_id = item.id;
-      this.formCalon.name = item.name;
-      this.formCalon.gambar = item.gambar;
-      this.formCalon.status = item.status;
-      this.formCalon.tanggal_lahir = item.tanggal_lahir != '' ? item.tanggal_lahir : '-';
-      this.formCalon.tempat_lahir = item.tempat_lahir != '' ? item.tempat_lahir : '-';
-
-      if (item.pendidikan_tertinggi) {
-        this.formCalon.pendidikan = item.pendidikan_tertinggi.tingkat + ' ' + item.pendidikan_tertinggi.name;
-      }
+    fetchBuka: function fetchBuka() {
+      var _this3 = this;
+
+      this.itemBukaStat = 'loading';
+      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_2__["default"].indexBuka().then(function (response) {
+        _this3.itemBuka = response.data.model;
+        _this3.itemBukaStat = 'success';
+      })["catch"](function (error) {
+        _this3.itemBuka = error.response;
+        _this3.itemBukaStat = 'fail';
+      });
     },
-    save: function save() {
-      var _this = this;
+    fetchJalan: function fetchJalan() {
+      var _this4 = this;
 
-      if (this.currentUser.id_cu != 0) {
-        this.formCalon.pengusung_cu_id = this.currentUser.id_cu;
+      var query = {
+        order_column: "mulai",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 6,
+        page: 1
+      };
+      this.itemJalanStat = 'loading';
+      _api_kegiatanBKCU_js__WEBPACK_IMPORTED_MODULE_2__["default"].indexJalan(query).then(function (response) {
+        _this4.itemJalan = response.data.model;
+        _this4.itemJalanStat = 'success';
+      })["catch"](function (error) {
+        _this4.itemJalan = error.response;
+        _this4.itemJalanStat = 'fail';
+      });
+    },
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+      this.selectedItemBaru = [];
+      this.selectedItemMulai = [];
+      this.selectedItemBuka = [];
+      this.selectedItemJalan = [];
+
+      if (value == 'mulai' && !this.isMulai) {
+        this.isMulai = true;
+        this.fetchMulai();
+      } else if (value == 'buka' && !this.isBuka) {
+        this.isBuka = true;
+        this.fetchBuka();
+      } else if (value == 'jalan' && !this.isJalan) {
+        this.isJalan = true;
+        this.fetchJalan();
       }
-
-      this.$validator.validateAll('formCalon').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.$emit('editCalon', _this.formCalon);
-          } else {
-            _this.$emit('createCalon', _this.formCalon);
-          }
-
-          _this.submited = false;
-        } else {
-          _this.submited = true;
+    },
+    selectedRowBaru: function selectedRowBaru(item) {
+      this.selectedItemBaru = item;
+    },
+    selectedRowMulai: function selectedRowMulai(item) {
+      this.selectedItemMulai = item;
+    },
+    selectedRowBuka: function selectedRowBuka(item) {
+      this.selectedItemBuka = item;
+    },
+    selectedRowJalan: function selectedRowJalan(item) {
+      this.selectedItemJalan = item;
+    },
+    detail: function detail(id) {
+      this.$router.push({
+        name: this.kelas + 'Detail',
+        params: {
+          id: id
         }
       });
     },
-    tutup: function tutup() {
-      this.$emit('tutup');
+    // goToDiklatBKCU(){
+    // 	this.$router.push({ name: 'kegiatanBKCU', params:{periode: this.momentYear()} });
+    // },
+    momentYear: function momentYear() {
+      return moment().year();
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
-    itemDataDalam: 'dataS',
-    itemDataDalamStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var hooper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! hooper */ "./node_modules/hooper/dist/hooper.esm.js");
+/* harmony import */ var hooper_dist_hooper_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! hooper/dist/hooper.css */ "./node_modules/hooper/dist/hooper.css");
+/* harmony import */ var hooper_dist_hooper_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(hooper_dist_hooper_css__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _api_cu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../api/cu */ "./resources/assets/js/api/cu.js");
+/* harmony import */ var _api_artikelSimo__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../api/artikelSimo */ "./resources/assets/js/api/artikelSimo.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-// module
-exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-// exports
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    Hooper: hooper__WEBPACK_IMPORTED_MODULE_1__["Hooper"],
+    Slide: hooper__WEBPACK_IMPORTED_MODULE_1__["Slide"],
+    HooperNavigation: hooper__WEBPACK_IMPORTED_MODULE_1__["Navigation"],
+    HooperPagination: hooper__WEBPACK_IMPORTED_MODULE_1__["Pagination"]
+  },
+  data: function data() {
+    return {
+      birthdayData: [],
+      birthdayDataStat: '',
+      newsData: [],
+      newsDataStat: '',
+      slideData: [],
+      sliderItem: [{
+        name: 'welcome',
+        title: 'Selamat Datang Di SIMO',
+        content: '<h5 class="d-none d-md-block">Sistem Informasi Manajemen Organisasi yang menyimpan dan mengolah data CU dalam gerakan PUSKOPCUINA.</h5> Baru pertama kali masuk ke SIMO? <br/>agar tidak bingung silahkan membaca panduan terlebih dahulu',
+        isButton: true,
+        buttonUrl: 'https://puskopcuina.org/panduan',
+        buttonTitle: '<i class="icon-book mr-2"></i>Panduan',
+        style: {
+          'background-image': 'url("/images/welcomeSIMO.png")',
+          'background-position': 'center',
+          'background-repeat': 'no-repeat',
+          'background-size': 'cover',
+          'color': '#FFFFFF'
+        }
+      }]
+    };
+  },
+  created: function created() {
+    this.getBirthday();
+  },
+  watch: {
+    birthdayDataStat: function birthdayDataStat(value) {
+      if (value == 'success') {
+        if (this.birthdayData.length > 0) {
+          var item = {
+            name: 'birthday',
+            title: 'Selamat Ulang Tahun Kepada',
+            content: 'Semoga semakin maju berkembang dan bertumbuh bersama anggota',
+            cu: [],
+            style: {
+              'background-image': 'url("/images/birthday.jpg")',
+              'background-position': 'center',
+              'background-repeat': 'no-repeat',
+              'background-size': 'cover',
+              'color': '#FFFFFF'
+            }
+          };
+          item.cu = this.birthdayData;
+          this.sliderItem.push(item);
+        }
+
+        this.getNews();
+      }
+    },
+    newsDataStat: function newsDataStat(value) {
+      if (value == 'success') {
+        var valData;
+
+        var _iterator = _createForOfIteratorHelper(this.newsData),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            valData = _step.value;
+            this.addNewsSlide(valData.name, valData.ringkasan, valData.gambar);
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+    }
+  },
+  methods: {
+    getBirthday: function getBirthday() {
+      var _this = this;
 
+      this.birthdayDataStat = 'loading';
+      _api_cu__WEBPACK_IMPORTED_MODULE_3__["default"].getBirthday().then(function (response) {
+        _this.birthdayData = response.data.model;
+        _this.birthdayDataStat = 'success';
+      })["catch"](function (error) {
+        _this.birthdayData = error.response;
+        _this.birthdayDataStat = 'fail';
+      });
+    },
+    getNews: function getNews() {
+      var _this2 = this;
+
+      this.newsDataStat = 'loading';
+      _api_artikelSimo__WEBPACK_IMPORTED_MODULE_4__["default"].get().then(function (response) {
+        _this2.newsData = response.data.model;
+        _this2.newsDataStat = 'success';
+      })["catch"](function (error) {
+        _this2.newsData = error.response;
+        _this2.newsDataStat = 'fail';
+      });
+    },
+    addNewsSlide: function addNewsSlide(title, content, image) {
+      var item = {
+        name: 'news',
+        title: title,
+        content: content,
+        style: {
+          'background-image': 'url("/images/artikel_simo/' + image + '.jpg")',
+          'background-position': 'center',
+          'background-repeat': 'no-repeat',
+          'background-size': 'cover'
+        }
+      };
+      this.sliderItem.push(item);
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
 
 /***/ }),
 
-/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
-  \*******************************************************/
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css&":
+/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css& ***!
+  \****************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
-				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
+exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, "\n.slideStyle {\n\tpadding-top: 3em;\n\tpadding-left: 2em;\n\tpadding-right: 2em;\n\ttext-align: center;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 10px;\n}\n", ""]);
+
+// exports
 
-//# sourceMappingURL=FileSaver.min.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
 
 /***/ }),
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css&":
+/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css& ***!
+  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 
-var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+var content = __webpack_require__(/*! !../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./newsSlider.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css&");
 
 if(typeof content === 'string') content = [[module.i, content, '']];
 
@@ -1333,7 +1898,7 @@ var options = {"hmr":true}
 options.transform = transform
 options.insertInto = undefined;
 
-var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
 
 if(content.locals) module.exports = content.locals;
 
@@ -1341,10 +1906,10 @@ if(false) {}
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1358,132 +1923,26 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c(
     "div",
-    {
-      staticClass: "table-responsive table-scrollable",
-      staticStyle: { "max-height": "33rem" },
-    },
+    { staticClass: "card card-body has-bg-image", class: _vm.color },
     [
-      _c("table", { staticClass: "table table-striped" }, [
-        _c("thead", { staticClass: "bg-primary" }, [
-          _c(
-            "tr",
-            { staticClass: "text-nowrap" },
-            _vm._l(_vm.columnData, function (item, index) {
-              return _c("th", { key: index }, [
-                _c("span", { domProps: { innerHTML: _vm._s(item.title) } }),
-              ])
-            }),
-            0
-          ),
+      _c("div", { staticClass: "media" }, [
+        _c("div", { staticClass: "media-body" }, [
+          _vm.count
+            ? _c("h3", { staticClass: "mb-0" }, [_vm._v(_vm._s(_vm.count))])
+            : _vm._e(),
+          _vm._v(" "),
+          _c("span", { staticClass: "text-uppercase font-size-xs" }, [
+            _vm._v(_vm._s(_vm.title)),
+          ]),
         ]),
         _vm._v(" "),
-        _vm.itemDataStat === "loading"
-          ? _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._m(0),
-                ]),
-              ]),
-            ])
-          : _vm.itemDataStat === "success"
-          ? _c(
-              "tbody",
-              [
-                _vm._l(_vm.items, function (item, index) {
-                  return _vm._t("item-desktop", null, {
-                    item: item,
-                    index: index,
-                  })
-                }),
-                _vm._v(" "),
-                _vm.items.length == 0
-                  ? _c("tr", [
-                      _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                        _vm._v("Belum terdapat data..."),
-                      ]),
-                    ])
-                  : _vm._e(),
-              ],
-              2
-            )
-          : _vm.itemDataStat === "fail"
-          ? _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._v(
-                    "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
-                  ),
-                ]),
-              ]),
-            ])
-          : _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._v("-"),
-                ]),
-              ]),
-            ]),
+        _c("div", { staticClass: "ml-3 align-self-center" }, [
+          _c("i", { staticClass: "icon-3x opacity-75", class: _vm.icon }),
+        ]),
       ]),
     ]
   )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("DatePicker", {
-    staticClass: "w-100",
-    attrs: {
-      format: "DD-MM-YYYY",
-      "value-type": "format",
-      placeholder: "Pilih Tanggal",
-      editable: true,
-    },
-    on: { change: _vm.onChanged },
-    model: {
-      value: _vm.time,
-      callback: function ($$v) {
-        _vm.time = $$v
-      },
-      expression: "time",
-    },
-  })
-}
 var staticRenderFns = []
 render._withStripped = true
 
@@ -1491,49 +1950,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v(
-            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
-          ),
-        ]),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard.vue?vue&type=template&id=067b0c71&":
+/*!**************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard.vue?vue&type=template&id=067b0c71& ***!
+  \**************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1545,21 +1965,91 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", { staticStyle: { display: "inline-block" } }, [
-    _c("i", {
-      directives: [
-        {
-          name: "tooltip",
-          rawName: "v-tooltip",
-          value: _vm.message,
-          expression: "message",
-        },
-      ],
-      staticClass: "icon-info22 d-none d-sm-block",
-    }),
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "icon-screen3 mr-2" }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v("Dashboard"),
+              ]),
+              _c("small", [
+                _vm._v("Halo \n\t\t\t\t"),
+                _vm.currentUser.aktivis
+                  ? _c("span", { staticClass: "font-weight-semibold" }, [
+                      _vm._v(_vm._s(_vm.currentUser.aktivis.name + "!")),
+                    ])
+                  : _c("span", { staticClass: "font-weight-semibold" }, [
+                      _vm._v(_vm._s(_vm.currentUser.name + "!")),
+                    ]),
+                _vm._v("\n\t\t\t\t Apa kabarnya hari ini?"),
+              ]),
+            ]),
+          ]),
+        ]
+      ),
+    ]),
     _vm._v(" "),
-    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
-      _c("i", [_vm._v(_vm._s(_vm.message))]),
+    _c("div", { staticClass: "page-content pt-0" }, [
+      _c(
+        "div",
+        { staticClass: "content-wrapper" },
+        [
+          _c("news-slider"),
+          _vm._v(" "),
+          _c("button-row"),
+          _vm._v(" "),
+          _c("div", { staticClass: "row align-items-stretch" }, [
+            _c(
+              "div",
+              { staticClass: "col-lg-8" },
+              [
+                _c("kegiatan-bkcu-widget"),
+                _vm._v(" "),
+                _vm.currentUser.id_cu == 0
+                  ? _c("history-organisasi-widget")
+                  : _vm._e(),
+                _vm._v(" "),
+                _vm.currentUser.can && _vm.currentUser.can["index_laporan_cu"]
+                  ? _c("grafik-laporan-cu-widget", {
+                      attrs: {
+                        id_cu: _vm.currentUser.id_cu,
+                        columnData: _vm.columnData,
+                        columnDataPearls: _vm.columnDataPearls,
+                      },
+                    })
+                  : _vm._e(),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c(
+              "div",
+              { staticClass: "col-lg-4" },
+              [
+                _c("count-organisasi-widget"),
+                _vm._v(" "),
+                _vm.currentUser.can && _vm.currentUser.can["index_laporan_cu"]
+                  ? _c("table-laporan-cu-widget", {
+                      attrs: {
+                        id_cu: _vm.currentUser.id_cu,
+                        columnData: _vm.columnData,
+                        columnDataPearls: _vm.columnDataPearls,
+                      },
+                    })
+                  : _vm._e(),
+              ],
+              1
+            ),
+          ]),
+        ],
+        1
+      ),
     ]),
   ])
 }
@@ -1570,10 +2060,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=template&id=2697e6aa&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=template&id=2697e6aa& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1585,36 +2075,1990 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticStyle: { display: "inline-block" } }, [
-      _c(
-        "span",
-        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
-        [_vm._v("Wajib diisi")]
-      ),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002& ***!
-  \*******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
+  return _c("div", { staticClass: "row" }, [
+    _vm.modelKegiatanStat == "success" && _vm.modelKegiatan.data.length > 0
+      ? _c(
+          "div",
+          {
+            staticClass: "col-12 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.kegiatanBKCUJalanWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                count:
+                  "Terdapat " +
+                  _vm.modelKegiatan.data.length +
+                  " Kegiatan Berjalan",
+                title:
+                  "Silahkan menekan tombol ini untuk melihat kegiatan yang sedang berlangsung",
+                color: "bg-warning",
+                icon: "icon-feed",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_artikel"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.artikelWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Artikel",
+                color: "bg-info-400",
+                icon: "icon-newspaper",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_artikel_kategori"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.artikelKategoriWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Kategori Artikel",
+                color: "bg-teal-400",
+                icon: "icon-grid6",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_artikel_penulis"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.artikelPenulisWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Penulis Artikel",
+                color: "bg-orange-400",
+                icon: "icon-pencil6",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_pengumuman"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.pengumumanWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Pengumuman",
+                color: "bg-slate-400",
+                icon: "icon-megaphone",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _c(
+      "div",
+      {
+        staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+        on: {
+          click: function ($event) {
+            $event.preventDefault()
+            return _vm.goTo(_vm.diklatBKCUWidgetRoute)
+          },
+        },
+      },
+      [
+        _c("count-widget", {
+          attrs: {
+            title: "Diklat BKCU",
+            color: "bg-blue-400",
+            icon: "icon-graduation2",
+          },
+        }),
+      ],
+      1
+    ),
+    _vm._v(" "),
+    _c(
+      "div",
+      {
+        staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+        on: {
+          click: function ($event) {
+            $event.preventDefault()
+            return _vm.goTo(_vm.pertemuanBKCUWidgetRoute)
+          },
+        },
+      },
+      [
+        _c("count-widget", {
+          attrs: {
+            title: "Pertemuan BKCU",
+            color: "bg-pink-400",
+            icon: "icon-ungroup",
+          },
+        }),
+      ],
+      1
+    ),
+    _vm._v(" "),
+    _vm.currentUser.can &&
+    _vm.currentUser.can["index_tempat"] &&
+    _vm.currentUser.id_cu == "0"
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.tempatWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Tempat",
+                color: "bg-purple-400",
+                icon: "icon-location4",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_voting"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.votingWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Voting",
+                color: "bg-warning-400",
+                icon: "icon-point-up",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_anggota_cu"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.anggotaCuWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Anggota CU",
+                color: "bg-success-400",
+                icon: "icon-man-woman",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_jalinan_klaim"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.jalinanKlaimWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Bantuan Solidaritas Jalinan",
+                color: "bg-warning-400",
+                icon: "icon-accessibility2",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_cu"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.cuWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "CU",
+                color: "bg-green-400",
+                icon: "icon-office",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_tp"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.tpWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "TP/KP",
+                color: "bg-brown-400",
+                icon: "icon-home9",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_produk_cu"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.produkCuWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Produk & Pelayanan",
+                color: "bg-warning-400",
+                icon: "icon-list3",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_aktivis"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.aktivisWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Aktivis",
+                color: "bg-indigo-400",
+                icon: "icon-user-tie",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_pemilihan"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.pemilihanWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Pemilihan",
+                color: "bg-warning-400",
+                icon: "icon-quill4",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_mitra_orang"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.mitraPerseoranganWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Mitra Perseorangan",
+                color: "bg-pink-400",
+                icon: "icon-briefcase",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_mitra_lembaga"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.mitraLembagaWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Lembaga Mitra",
+                color: "bg-violet-400",
+                icon: "icon-briefcase",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_laporan_cu"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.laporanCUWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Laporan Statistik CU",
+                color: "bg-success-400",
+                icon: "icon-stats-bars2",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_laporan_cu"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.laporanGerakanWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Laporan Statistik Gerakan",
+                color: "bg-grey-400",
+                icon: "icon-stats-bars",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser && _vm.currentUser.can["index_surat"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.suratKeluarWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Surat Keluar",
+                color: "bg-warning-400",
+                icon: "icon-envelop2",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser && _vm.currentUser.can["index_surat"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.suratMasukWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Surat Masuk",
+                color: "bg-green-400",
+                icon: "icon-envelop2",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _c(
+      "div",
+      {
+        staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+        on: {
+          click: function ($event) {
+            $event.preventDefault()
+            return _vm.goTo(_vm.dokumenGerakanPublikWidgetRoute)
+          },
+        },
+      },
+      [
+        _c("count-widget", {
+          attrs: {
+            title: "Dokumen GERAKAN & PUBLIK",
+            color: "bg-violet-400",
+            icon: "icon-books",
+          },
+        }),
+      ],
+      1
+    ),
+    _vm._v(" "),
+    _c(
+      "div",
+      {
+        staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+        on: {
+          click: function ($event) {
+            $event.preventDefault()
+            return _vm.goTo(_vm.dokumenWidgetRoute)
+          },
+        },
+      },
+      [
+        _c("count-widget", {
+          attrs: { title: "Dokumen", color: "bg-info-400", icon: "icon-books" },
+        }),
+      ],
+      1
+    ),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_aset_tetap"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.asetTetapWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Aset Tetap",
+                color: "bg-indigo-400",
+                icon: "icon-bag",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_assesment_access"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.assesmentAccessWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Self Assesment Access",
+                color: "bg-warning-400",
+                icon: "icon-reading",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_monitoring"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.monitoringWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "Monitoring",
+                color: "bg-green-400",
+                icon: "icon-collaboration",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.currentUser.can && _vm.currentUser.can["index_user"]
+      ? _c(
+          "div",
+          {
+            staticClass: "col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.goTo(_vm.userWidgetRoute)
+              },
+            },
+          },
+          [
+            _c("count-widget", {
+              attrs: {
+                title: "User",
+                color: "bg-primary-400",
+                icon: "icon-users",
+              },
+            }),
+          ],
+          1
+        )
+      : _vm._e(),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=template&id=277315de&":
+/*!************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=template&id=277315de& ***!
+  \************************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "card" }, [
+    _vm._m(0),
+    _vm._v(" "),
+    _c("div", { staticClass: "card-body" }, [
+      _c("div", { staticClass: "row text-center" }, [
+        _vm.currentUser.can["index_cu"] && _vm.currentUser.id_cu == 0
+          ? _c(
+              "div",
+              {
+                staticClass:
+                  "col-lg-4 col-3 pb-3 cursor-pointer cursor-pointer",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.detail("cu")
+                  },
+                },
+              },
+              [
+                _vm._m(1),
+                _vm._v(" "),
+                _c("h5", { staticClass: "font-weight-semibold mb-0" }, [
+                  _vm._v(_vm._s(_vm.countCu) + " "),
+                  _vm.itemdataStat == "loading"
+                    ? _c("i", {
+                        staticClass: "icon-spinner2 spinner font-size-xs",
+                      })
+                    : _vm._e(),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-muted font-size-sm" }, [
+                  _vm._v("CU"),
+                ]),
+              ]
+            )
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.currentUser.can["index_tp"]
+          ? _c(
+              "div",
+              {
+                staticClass: "col-lg-4 col-3 pb-3 cursor-pointer",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.detail("tp")
+                  },
+                },
+              },
+              [
+                _vm._m(2),
+                _vm._v(" "),
+                _c("h5", { staticClass: "font-weight-semibold mb-0" }, [
+                  _vm._v(_vm._s(_vm.countTp) + " "),
+                  _vm.itemdataStat == "loading"
+                    ? _c("i", {
+                        staticClass: "icon-spinner2 spinner font-size-xs",
+                      })
+                    : _vm._e(),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-muted font-size-sm" }, [
+                  _vm._v("TP/KP"),
+                ]),
+              ]
+            )
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.currentUser.can["index_produk_cu"]
+          ? _c(
+              "div",
+              {
+                staticClass: "col-lg-4 col-3 pb-3 cursor-pointer",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.detail("produk_cu")
+                  },
+                },
+              },
+              [
+                _vm._m(3),
+                _vm._v(" "),
+                _c("h5", { staticClass: "font-weight-semibold mb-0" }, [
+                  _vm._v(_vm._s(_vm.countProdukCu) + " "),
+                  _vm.itemdataStat == "loading"
+                    ? _c("i", {
+                        staticClass: "icon-spinner2 spinner font-size-xs",
+                      })
+                    : _vm._e(),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-muted font-size-sm" }, [
+                  _vm._v("Produk & Pelayanan"),
+                ]),
+              ]
+            )
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.currentUser.can["index_aktivis"]
+          ? _c(
+              "div",
+              {
+                staticClass: "col-lg-4 col-3 pb-3 cursor-pointer",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.detail("aktivis")
+                  },
+                },
+              },
+              [
+                _vm._m(4),
+                _vm._v(" "),
+                _c("h5", { staticClass: "font-weight-semibold mb-0" }, [
+                  _vm._v(_vm._s(_vm.countAktivis) + " "),
+                  _vm.itemdataStat == "loading"
+                    ? _c("i", {
+                        staticClass: "icon-spinner2 spinner font-size-xs",
+                      })
+                    : _vm._e(),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-muted font-size-sm" }, [
+                  _vm._v("Aktivis"),
+                ]),
+              ]
+            )
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.currentUser.can["index_mitra_orang"]
+          ? _c(
+              "div",
+              {
+                staticClass: "col-lg-4 col-3 pb-3 cursor-pointer",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.detail("mitra_orang")
+                  },
+                },
+              },
+              [
+                _vm._m(5),
+                _vm._v(" "),
+                _c("h5", { staticClass: "font-weight-semibold mb-0" }, [
+                  _vm._v(_vm._s(_vm.countMitraOrang) + " "),
+                  _vm.itemdataStat == "loading"
+                    ? _c("i", {
+                        staticClass: "icon-spinner2 spinner font-size-xs",
+                      })
+                    : _vm._e(),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-muted font-size-sm" }, [
+                  _vm._v("Mitra Perseorangan"),
+                ]),
+              ]
+            )
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.currentUser.can["index_mitra_lembaga"]
+          ? _c(
+              "div",
+              {
+                staticClass: "col-lg-4 col-3 pb-3 cursor-pointer",
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.detail("mitra_lembaga")
+                  },
+                },
+              },
+              [
+                _vm._m(6),
+                _vm._v(" "),
+                _c("h5", { staticClass: "font-weight-semibold mb-0" }, [
+                  _vm._v(_vm._s(_vm.countMitraLembaga) + " "),
+                  _vm.itemdataStat == "loading"
+                    ? _c("i", {
+                        staticClass: "icon-spinner2 spinner font-size-xs",
+                      })
+                    : _vm._e(),
+                ]),
+                _vm._v(" "),
+                _c("span", { staticClass: "text-muted font-size-sm" }, [
+                  _vm._v("Lembaga Mitra"),
+                ]),
+              ]
+            )
+          : _vm._e(),
+      ]),
+    ]),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass:
+          "card-header bg-green-400 text-white header-elements-inline",
+      },
+      [
+        _c("h5", { staticClass: "card-title" }, [
+          _c("i", { staticClass: "icon-equalizer mr-2" }),
+          _vm._v(" Jumlah Data Organisasi"),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "header-elements" }, [
+          _c("div", { staticClass: "list-icons" }, [
+            _c("a", {
+              staticClass: "list-icons-item",
+              attrs: { "data-action": "collapse" },
+            }),
+          ]),
+        ]),
+      ]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("p", [
+      _c("i", { staticClass: "icon-office icon-2x d-inline-block text-info" }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("p", [
+      _c("i", { staticClass: "icon-home9 icon-2x d-inline-block text-info" }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("p", [
+      _c("i", { staticClass: "icon-list3 icon-2x d-inline-block text-info" }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("p", [
+      _c("i", {
+        staticClass: "icon-user-tie icon-2x d-inline-block text-info",
+      }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("p", [
+      _c("i", {
+        staticClass: "icon-briefcase icon-2x d-inline-block text-info",
+      }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("p", [
+      _c("i", {
+        staticClass: "icon-briefcase icon-2x d-inline-block text-info",
+      }),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996&":
+/*!**************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996& ***!
+  \**************************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticClass: "card" },
+    [
+      _vm._m(0),
+      _vm._v(" "),
+      _c("div", { staticClass: "nav-tabs-responsive bg-light border-top" }, [
+        _c(
+          "ul",
+          { staticClass: "nav nav-tabs nav-tabs-bottom flex-nowrap mb-0" },
+          [
+            _vm.currentUser.can["index_cu"]
+              ? _c("li", { staticClass: "nav-item" }, [
+                  _c(
+                    "a",
+                    {
+                      staticClass: "nav-link text-nowrap",
+                      class: { active: _vm.tabName == "cu" },
+                      attrs: { href: "#" },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.changeTab("cu")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-office mr-2" }),
+                      _vm._v("\n\t\t\t\t\tCU "),
+                      _vm.countCu > 0
+                        ? _c(
+                            "span",
+                            {
+                              staticClass:
+                                "badge bg-blue-400 align-self-center ml-2",
+                            },
+                            [_vm._v(_vm._s(_vm.countCu))]
+                          )
+                        : _vm._e(),
+                    ]
+                  ),
+                ])
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can["index_tp"]
+              ? _c("li", { staticClass: "nav-item" }, [
+                  _c(
+                    "a",
+                    {
+                      staticClass: "nav-link text-nowrap",
+                      class: { active: _vm.tabName == "tp" },
+                      attrs: { href: "#" },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.changeTab("tp")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-home9 mr-2" }),
+                      _vm._v("\n\t\t\t\t\tTP/KP "),
+                      _vm.countTp > 0
+                        ? _c(
+                            "span",
+                            {
+                              staticClass:
+                                "badge bg-blue-400 align-self-center ml-2",
+                            },
+                            [_vm._v(_vm._s(_vm.countTp))]
+                          )
+                        : _vm._e(),
+                    ]
+                  ),
+                ])
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can["index_produk_cu"]
+              ? _c("li", { staticClass: "nav-item" }, [
+                  _c(
+                    "a",
+                    {
+                      staticClass: "nav-link text-nowrap",
+                      class: { active: _vm.tabName == "produk_cu" },
+                      attrs: { href: "#" },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.changeTab("produk_cu")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-list3 mr-2" }),
+                      _vm._v("\n\t\t\t\t\tProduk & Pelayanan "),
+                      _vm.countProdukCu > 0
+                        ? _c(
+                            "span",
+                            {
+                              staticClass:
+                                "badge bg-blue-400 align-self-center ml-2",
+                            },
+                            [_vm._v(_vm._s(_vm.countProdukCu))]
+                          )
+                        : _vm._e(),
+                    ]
+                  ),
+                ])
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can["index_aktivis"]
+              ? _c("li", { staticClass: "nav-item" }, [
+                  _c(
+                    "a",
+                    {
+                      staticClass: "nav-link text-nowrap",
+                      class: { active: _vm.tabName == "aktivis" },
+                      attrs: { href: "#" },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.changeTab("aktivis")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-user-tie mr-2" }),
+                      _vm._v("\n\t\t\t\t\tAktivis "),
+                      _vm.countAktivis > 0
+                        ? _c(
+                            "span",
+                            {
+                              staticClass:
+                                "badge bg-blue-400 align-self-center ml-2",
+                            },
+                            [_vm._v(_vm._s(_vm.countAktivis))]
+                          )
+                        : _vm._e(),
+                    ]
+                  ),
+                ])
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can["index_mitra_orang"]
+              ? _c("li", { staticClass: "nav-item" }, [
+                  _c(
+                    "a",
+                    {
+                      staticClass: "nav-link text-nowrap",
+                      class: { active: _vm.tabName == "mitra_orang" },
+                      attrs: { href: "#" },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.changeTab("mitra_orang")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-briefcase mr-2" }),
+                      _vm._v("\n\t\t\t\t\tMitra Perseorangan "),
+                      _vm.countMitraOrang > 0
+                        ? _c(
+                            "span",
+                            {
+                              staticClass:
+                                "badge bg-blue-400 align-self-center ml-2",
+                            },
+                            [_vm._v(_vm._s(_vm.countMitraOrang))]
+                          )
+                        : _vm._e(),
+                    ]
+                  ),
+                ])
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can["index_mitra_lembaga"]
+              ? _c("li", { staticClass: "nav-item" }, [
+                  _c(
+                    "a",
+                    {
+                      staticClass: "nav-link text-nowrap",
+                      class: { active: _vm.tabName == "mitra_lembaga" },
+                      attrs: { href: "#" },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.changeTab("mitra_lembaga")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-briefcase mr-2" }),
+                      _vm._v("\n\t\t\t\t\tLembaga Mitra "),
+                      _vm.countMitraLembaga > 0
+                        ? _c(
+                            "span",
+                            {
+                              staticClass:
+                                "badge bg-blue-400 align-self-center ml-2",
+                            },
+                            [_vm._v(_vm._s(_vm.countMitraLembaga))]
+                          )
+                        : _vm._e(),
+                    ]
+                  ),
+                ])
+              : _vm._e(),
+          ]
+        ),
+      ]),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.tabName == "cu",
+                  expression: "tabName == 'cu'",
+                },
+              ],
+            },
+            [
+              _c("div", { staticClass: "card-body pb-2" }, [
+                _vm.itemCuStat === "success"
+                  ? _c(
+                      "div",
+                      {
+                        staticClass: "list-feed overflow-auto",
+                        staticStyle: { "max-height": "20rem" },
+                      },
+                      [
+                        _vm._l(_vm.itemCu, function (item) {
+                          return _c(
+                            "div",
+                            {
+                              staticClass: "list-feed-item cursor-pointer",
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.detail("cu", item.revisionable_id)
+                                },
+                              },
+                            },
+                            [
+                              _c("div", {
+                                staticClass: "text-muted",
+                                domProps: {
+                                  innerHTML: _vm._s(
+                                    _vm.$options.filters.dateTime(
+                                      item.created_at
+                                    )
+                                  ),
+                                },
+                              }),
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\t" +
+                                  _vm._s(item.user.name) +
+                                  " mengubah "
+                              ),
+                              _c("mark", [_vm._v(_vm._s(item.key))]),
+                              _vm._v(
+                                " CU " +
+                                  _vm._s(item.revisionable.name) +
+                                  " dari \n\t\t\t\t\t\t\t"
+                              ),
+                              _c(
+                                "mark",
+                                [
+                                  _c("check-value", {
+                                    attrs: { value: item.old_value },
+                                  }),
+                                ],
+                                1
+                              ),
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\tmenjadi \n\t\t\t\t\t\t\t"
+                              ),
+                              _c(
+                                "mark",
+                                [
+                                  _c("check-value", {
+                                    attrs: { value: item.new_value },
+                                  }),
+                                ],
+                                1
+                              ),
+                            ]
+                          )
+                        }),
+                        _vm._v(" "),
+                        _vm.itemCu.length == 0
+                          ? _c("div", [
+                              _vm._v("Tidak terdapat data perubahan aktivitas"),
+                            ])
+                          : _vm._e(),
+                      ],
+                      2
+                    )
+                  : _vm.itemCuStat === "loading"
+                  ? _c("div", { staticClass: "progress" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass:
+                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+                          staticStyle: { width: "100%" },
+                        },
+                        [
+                          _c("span", { staticClass: "sr-only" }, [
+                            _vm._v("100% Complete"),
+                          ]),
+                        ]
+                      ),
+                    ])
+                  : _vm._e(),
+              ]),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.tabName == "tp",
+                  expression: "tabName == 'tp'",
+                },
+              ],
+            },
+            [
+              _c("div", { staticClass: "card-body pb-2" }, [
+                _vm.itemTpStat === "success"
+                  ? _c(
+                      "div",
+                      {
+                        staticClass: "list-feed overflow-auto",
+                        staticStyle: { "max-height": "20rem" },
+                      },
+                      [
+                        _vm._l(_vm.itemTp, function (item) {
+                          return _c(
+                            "div",
+                            {
+                              staticClass: "list-feed-item cursor-pointer",
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.detail("tp", item.revisionable_id)
+                                },
+                              },
+                            },
+                            [
+                              _c("div", {
+                                staticClass: "text-muted",
+                                domProps: {
+                                  innerHTML: _vm._s(
+                                    _vm.$options.filters.dateTime(
+                                      item.created_at
+                                    )
+                                  ),
+                                },
+                              }),
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\t" +
+                                  _vm._s(item.user.name) +
+                                  " mengubah "
+                              ),
+                              _c("mark", [_vm._v(_vm._s(item.key))]),
+                              _vm._v(
+                                " CU " +
+                                  _vm._s(item.revisionable.name) +
+                                  " dari \n\t\t\t\t\t\t\t"
+                              ),
+                              _c(
+                                "mark",
+                                [
+                                  _c("check-value", {
+                                    attrs: { value: item.old_value },
+                                  }),
+                                ],
+                                1
+                              ),
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\tmenjadi \n\t\t\t\t\t\t\t"
+                              ),
+                              _c(
+                                "mark",
+                                [
+                                  _c("check-value", {
+                                    attrs: { value: item.new_value },
+                                  }),
+                                ],
+                                1
+                              ),
+                            ]
+                          )
+                        }),
+                        _vm._v(" "),
+                        _vm.itemTp.length == 0
+                          ? _c("div", [
+                              _vm._v("Tidak terdapat data perubahan aktivitas"),
+                            ])
+                          : _vm._e(),
+                      ],
+                      2
+                    )
+                  : _vm.itemTpStat === "loading"
+                  ? _c("div", { staticClass: "progress" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass:
+                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+                          staticStyle: { width: "100%" },
+                        },
+                        [
+                          _c("span", { staticClass: "sr-only" }, [
+                            _vm._v("100% Complete"),
+                          ]),
+                        ]
+                      ),
+                    ])
+                  : _vm._e(),
+              ]),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.tabName == "produk_cu",
+                  expression: "tabName == 'produk_cu'",
+                },
+              ],
+            },
+            [
+              _c("div", { staticClass: "card-body pb-2" }, [
+                _vm.itemProdukCuStat === "success"
+                  ? _c(
+                      "div",
+                      {
+                        staticClass: "list-feed overflow-auto",
+                        staticStyle: { "max-height": "20rem" },
+                      },
+                      [
+                        _vm._l(_vm.itemProdukCu, function (item) {
+                          return _c(
+                            "div",
+                            {
+                              staticClass: "list-feed-item cursor-pointer",
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.detail(
+                                    "produk_cu",
+                                    item.revisionable_id
+                                  )
+                                },
+                              },
+                            },
+                            [
+                              _c("div", {
+                                staticClass: "text-muted",
+                                domProps: {
+                                  innerHTML: _vm._s(
+                                    _vm.$options.filters.dateTime(
+                                      item.created_at
+                                    )
+                                  ),
+                                },
+                              }),
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\t" +
+                                  _vm._s(item.user.name) +
+                                  " mengubah "
+                              ),
+                              _c("mark", [_vm._v(_vm._s(item.key))]),
+                              _vm._v(
+                                " CU " +
+                                  _vm._s(item.revisionable.name) +
+                                  " dari \n\t\t\t\t\t\t\t"
+                              ),
+                              _c(
+                                "mark",
+                                [
+                                  _c("check-value", {
+                                    attrs: { value: item.old_value },
+                                  }),
+                                ],
+                                1
+                              ),
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\tmenjadi \n\t\t\t\t\t\t\t"
+                              ),
+                              _c(
+                                "mark",
+                                [
+                                  _c("check-value", {
+                                    attrs: { value: item.new_value },
+                                  }),
+                                ],
+                                1
+                              ),
+                            ]
+                          )
+                        }),
+                        _vm._v(" "),
+                        _vm.itemProdukCu.length == 0
+                          ? _c("div", [
+                              _vm._v("Tidak terdapat data perubahan aktivitas"),
+                            ])
+                          : _vm._e(),
+                      ],
+                      2
+                    )
+                  : _vm.itemProdukCuStat === "loading"
+                  ? _c("div", { staticClass: "progress" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass:
+                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+                          staticStyle: { width: "100%" },
+                        },
+                        [
+                          _c("span", { staticClass: "sr-only" }, [
+                            _vm._v("100% Complete"),
+                          ]),
+                        ]
+                      ),
+                    ])
+                  : _vm._e(),
+              ]),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.tabName == "aktivis",
+                  expression: "tabName == 'aktivis'",
+                },
+              ],
+            },
+            [
+              _c("div", { staticClass: "card-body pb-2" }, [
+                _vm.itemAktivisStat === "success"
+                  ? _c(
+                      "div",
+                      {
+                        staticClass: "list-feed overflow-auto",
+                        staticStyle: { "max-height": "20rem" },
+                      },
+                      [
+                        _vm._l(_vm.itemAktivis, function (item) {
+                          return _c(
+                            "div",
+                            {
+                              staticClass: "list-feed-item cursor-pointer",
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.detail(
+                                    "aktivis",
+                                    item.revisionable_id
+                                  )
+                                },
+                              },
+                            },
+                            [
+                              _c("div", {
+                                staticClass: "text-muted",
+                                domProps: {
+                                  innerHTML: _vm._s(
+                                    _vm.$options.filters.dateTime(
+                                      item.created_at
+                                    )
+                                  ),
+                                },
+                              }),
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\t" +
+                                  _vm._s(item.user.name) +
+                                  " mengubah "
+                              ),
+                              _c("mark", [_vm._v(_vm._s(item.key))]),
+                              _vm._v(
+                                " CU " +
+                                  _vm._s(item.revisionable.name) +
+                                  " dari \n\t\t\t\t\t\t\t"
+                              ),
+                              _c(
+                                "mark",
+                                [
+                                  _c("check-value", {
+                                    attrs: { value: item.old_value },
+                                  }),
+                                ],
+                                1
+                              ),
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\tmenjadi \n\t\t\t\t\t\t\t"
+                              ),
+                              _c(
+                                "mark",
+                                [
+                                  _c("check-value", {
+                                    attrs: { value: item.new_value },
+                                  }),
+                                ],
+                                1
+                              ),
+                            ]
+                          )
+                        }),
+                        _vm._v(" "),
+                        _vm.itemAktivis.length == 0
+                          ? _c("div", [
+                              _vm._v("Tidak terdapat data perubahan aktivitas"),
+                            ])
+                          : _vm._e(),
+                      ],
+                      2
+                    )
+                  : _vm.itemAktivisStat === "loading"
+                  ? _c("div", { staticClass: "progress" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass:
+                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+                          staticStyle: { width: "100%" },
+                        },
+                        [
+                          _c("span", { staticClass: "sr-only" }, [
+                            _vm._v("100% Complete"),
+                          ]),
+                        ]
+                      ),
+                    ])
+                  : _vm._e(),
+              ]),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.tabName == "mitra_orang",
+                  expression: "tabName == 'mitra_orang'",
+                },
+              ],
+            },
+            [
+              _c("div", { staticClass: "card-body pb-2" }, [
+                _vm.itemMitraOrangStat === "success"
+                  ? _c(
+                      "div",
+                      {
+                        staticClass: "list-feed overflow-auto",
+                        staticStyle: { "max-height": "20rem" },
+                      },
+                      [
+                        _vm._l(_vm.itemMitraOrang, function (item) {
+                          return _c(
+                            "div",
+                            {
+                              staticClass: "list-feed-item cursor-pointer",
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.detail(
+                                    "mitra_orang",
+                                    item.revisionable_id
+                                  )
+                                },
+                              },
+                            },
+                            [
+                              _c("div", {
+                                staticClass: "text-muted",
+                                domProps: {
+                                  innerHTML: _vm._s(
+                                    _vm.$options.filters.dateTime(
+                                      item.created_at
+                                    )
+                                  ),
+                                },
+                              }),
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\t" +
+                                  _vm._s(item.user.name) +
+                                  " mengubah "
+                              ),
+                              _c("mark", [_vm._v(_vm._s(item.key))]),
+                              _vm._v(
+                                " CU " +
+                                  _vm._s(item.revisionable.name) +
+                                  " dari \n\t\t\t\t\t\t\t"
+                              ),
+                              _c(
+                                "mark",
+                                [
+                                  _c("check-value", {
+                                    attrs: { value: item.old_value },
+                                  }),
+                                ],
+                                1
+                              ),
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\tmenjadi \n\t\t\t\t\t\t\t"
+                              ),
+                              _c(
+                                "mark",
+                                [
+                                  _c("check-value", {
+                                    attrs: { value: item.new_value },
+                                  }),
+                                ],
+                                1
+                              ),
+                            ]
+                          )
+                        }),
+                        _vm._v(" "),
+                        _vm.itemMitraOrang.length == 0
+                          ? _c("div", [
+                              _vm._v("Tidak terdapat data perubahan aktivitas"),
+                            ])
+                          : _vm._e(),
+                      ],
+                      2
+                    )
+                  : _vm.itemMitraOrangStat === "loading"
+                  ? _c("div", { staticClass: "progress" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass:
+                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+                          staticStyle: { width: "100%" },
+                        },
+                        [
+                          _c("span", { staticClass: "sr-only" }, [
+                            _vm._v("100% Complete"),
+                          ]),
+                        ]
+                      ),
+                    ])
+                  : _vm._e(),
+              ]),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.tabName == "mitra_lembaga",
+                  expression: "tabName == 'mitra_lembaga'",
+                },
+              ],
+            },
+            [
+              _c("div", { staticClass: "card-body pb-2" }, [
+                _vm.itemMitraLembagaStat === "success"
+                  ? _c(
+                      "div",
+                      {
+                        staticClass: "list-feed overflow-auto",
+                        staticStyle: { "max-height": "20rem" },
+                      },
+                      [
+                        _vm._l(_vm.itemMitraLembaga, function (item) {
+                          return _c(
+                            "div",
+                            {
+                              staticClass: "list-feed-item cursor-pointer",
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.detail(
+                                    "mitra_lembaga",
+                                    item.revisionable_id
+                                  )
+                                },
+                              },
+                            },
+                            [
+                              _c("div", {
+                                staticClass: "text-muted",
+                                domProps: {
+                                  innerHTML: _vm._s(
+                                    _vm.$options.filters.dateTime(
+                                      item.created_at
+                                    )
+                                  ),
+                                },
+                              }),
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\t" +
+                                  _vm._s(item.user.name) +
+                                  " mengubah "
+                              ),
+                              _c("mark", [_vm._v(_vm._s(item.key))]),
+                              _vm._v(
+                                " CU " +
+                                  _vm._s(item.revisionable.name) +
+                                  " dari \n\t\t\t\t\t\t\t"
+                              ),
+                              _c(
+                                "mark",
+                                [
+                                  _c("check-value", {
+                                    attrs: { value: item.old_value },
+                                  }),
+                                ],
+                                1
+                              ),
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\tmenjadi \n\t\t\t\t\t\t\t"
+                              ),
+                              _c(
+                                "mark",
+                                [
+                                  _c("check-value", {
+                                    attrs: { value: item.new_value },
+                                  }),
+                                ],
+                                1
+                              ),
+                            ]
+                          )
+                        }),
+                        _vm._v(" "),
+                        _vm.itemMitraLembaga.length == 0
+                          ? _c("div", [
+                              _vm._v("Tidak terdapat data perubahan aktivitas"),
+                            ])
+                          : _vm._e(),
+                      ],
+                      2
+                    )
+                  : _vm.itemMitraLembagaStat === "loading"
+                  ? _c("div", { staticClass: "progress" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass:
+                            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+                          staticStyle: { width: "100%" },
+                        },
+                        [
+                          _c("span", { staticClass: "sr-only" }, [
+                            _vm._v("100% Complete"),
+                          ]),
+                        ]
+                      ),
+                    ])
+                  : _vm._e(),
+              ]),
+            ]
+          ),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass:
+          "card-header bg-brown-400 text-white header-elements-inline",
+      },
+      [
+        _c("h5", { staticClass: "card-title" }, [
+          _c("i", { staticClass: "icon-copy3 mr-2" }),
+          _vm._v(" Perubahan Data Organisasi"),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "header-elements" }, [
+          _c("div", { staticClass: "list-icons" }, [
+            _c("a", {
+              staticClass: "list-icons-item",
+              attrs: { "data-action": "collapse" },
+            }),
+          ]),
+        ]),
+      ]
+    )
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=template&id=0165c089&":
+/*!*********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=template&id=0165c089& ***!
+  \*********************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
@@ -1624,2029 +4068,1182 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c(
     "div",
+    { staticClass: "card" },
     [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: _vm.level,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
+      _vm._m(0),
       _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan",
-                      errorItem: _vm.errors.items,
+      _c("div", { staticClass: "nav-tabs-responsive bg-light border-top" }, [
+        _c(
+          "ul",
+          { staticClass: "nav nav-tabs nav-tabs-bottom flex-nowrap mb-0" },
+          [
+            _c("li", { staticClass: "nav-item" }, [
+              _c(
+                "a",
+                {
+                  staticClass: "nav-link text-nowrap",
+                  class: { active: _vm.tabName == "baru" },
+                  attrs: { href: "#" },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.changeTab("baru")
                     },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-new mr-2" }),
+                  _vm._v("\n\t\t\t\t\t\tTerbaru "),
+                  _vm.countBaru > 0
+                    ? _c(
+                        "span",
+                        {
+                          staticClass:
+                            "badge bg-blue-400 align-self-center ml-2",
+                        },
+                        [_vm._v(_vm._s(_vm.countBaru))]
+                      )
+                    : _vm._e(),
+                ]
+              ),
+            ]),
+            _vm._v(" "),
+            _c("li", { staticClass: "nav-item" }, [
               _c(
-                "form",
+                "a",
                 {
-                  attrs: {
-                    enctype: "multipart/form-data",
-                    "data-vv-scope": "form",
+                  staticClass: "nav-link text-nowrap",
+                  class: { active: _vm.tabName == "mulai" },
+                  attrs: { href: "#" },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.changeTab("mulai")
+                    },
                   },
+                },
+                [
+                  _c("i", { staticClass: "icon-alarm mr-2" }),
+                  _vm._v("\n\t\t\t\t\t\tWaktu Mulai Terdekat "),
+                  _vm.countMulai > 0
+                    ? _c(
+                        "span",
+                        {
+                          staticClass:
+                            "badge bg-blue-400 align-self-center ml-2",
+                        },
+                        [_vm._v(_vm._s(_vm.countMulai))]
+                      )
+                    : _vm._e(),
+                ]
+              ),
+            ]),
+            _vm._v(" "),
+            _c("li", { staticClass: "nav-item" }, [
+              _c(
+                "a",
+                {
+                  staticClass: "nav-link text-nowrap",
+                  class: { active: _vm.tabName == "buka" },
+                  attrs: { href: "#" },
                   on: {
-                    submit: function ($event) {
+                    click: function ($event) {
                       $event.preventDefault()
-                      return _vm.save.apply(null, arguments)
+                      return _vm.changeTab("buka")
                     },
                   },
                 },
                 [
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(0),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c(
-                        "div",
-                        { staticClass: "row" },
-                        [
-                          _c("div", { staticClass: "col-md-4" }, [
-                            _c(
-                              "div",
-                              {
-                                staticClass: "form-group",
-                                class: {
-                                  "has-error": _vm.errors.has("form.name"),
-                                },
-                              },
-                              [
-                                _c(
-                                  "h5",
-                                  {
-                                    class: {
-                                      "text-danger":
-                                        _vm.errors.has("form.name"),
-                                    },
-                                  },
-                                  [
-                                    _vm.errors.has("form.name")
-                                      ? _c("i", { staticClass: "icon-cross2" })
-                                      : _vm._e(),
-                                    _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
-                                    _c("wajib-badge"),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("input", {
-                                  directives: [
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required|min:5",
-                                      expression: "'required|min:5'",
-                                    },
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.name,
-                                      expression: "form.name",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    type: "text",
-                                    name: "name",
-                                    placeholder: "Silahkan masukkan nama",
-                                    "data-vv-as": "Nama",
-                                  },
-                                  domProps: { value: _vm.form.name },
-                                  on: {
-                                    input: function ($event) {
-                                      if ($event.target.composing) {
-                                        return
-                                      }
-                                      _vm.$set(
-                                        _vm.form,
-                                        "name",
-                                        $event.target.value
-                                      )
-                                    },
-                                  },
-                                }),
-                                _vm._v(" "),
-                                _vm.errors.has("form.name")
-                                  ? _c(
-                                      "small",
-                                      { staticClass: "text-muted text-danger" },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-arrow-small-right",
-                                        }),
-                                        _vm._v(
-                                          " " +
-                                            _vm._s(
-                                              _vm.errors.first("form.name")
-                                            ) +
-                                            "\n\t\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    )
-                                  : _c("small", { staticClass: "text-muted" }, [
-                                      _vm._v(" "),
-                                    ]),
-                              ]
-                            ),
-                          ]),
-                          _vm._v(" "),
-                          _vm.currentUser.id_cu === 0
-                            ? _c("div", { staticClass: "col-md-4" }, [
-                                _c(
-                                  "div",
-                                  {
-                                    staticClass: "form-group",
-                                    class: {
-                                      "has-error": _vm.errors.has("form.id_cu"),
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "h5",
-                                      {
-                                        class: {
-                                          "text-danger":
-                                            _vm.errors.has("form.id_cu"),
-                                        },
-                                      },
-                                      [
-                                        _vm.errors.has("form.id_cu")
-                                          ? _c("i", {
-                                              staticClass: "icon-cross2",
-                                            })
-                                          : _vm._e(),
-                                        _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
-                                        _c("wajib-badge"),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "select",
-                                      {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.id_cu,
-                                            expression: "form.id_cu",
-                                          },
-                                          {
-                                            name: "validate",
-                                            rawName: "v-validate",
-                                            value: "required",
-                                            expression: "'required'",
+                  _c("i", { staticClass: "icon-user-plus mr-2" }),
+                  _vm._v("\n\t\t\t\t\t\tStatus Pendaftaran Terbuka "),
+                  _vm.countBuka > 0
+                    ? _c(
+                        "span",
+                        {
+                          staticClass:
+                            "badge bg-blue-400 align-self-center ml-2",
+                        },
+                        [_vm._v(_vm._s(_vm.countBuka))]
+                      )
+                    : _vm._e(),
+                ]
+              ),
+            ]),
+            _vm._v(" "),
+            _c("li", { staticClass: "nav-item" }, [
+              _c(
+                "a",
+                {
+                  staticClass: "nav-link text-nowrap",
+                  class: { active: _vm.tabName == "jalan" },
+                  attrs: { href: "#" },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.changeTab("jalan")
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-feed mr-2" }),
+                  _vm._v("\n\t\t\t\t\t\tStatus Berjalan "),
+                  _vm.countJalan > 0
+                    ? _c(
+                        "span",
+                        {
+                          staticClass:
+                            "badge bg-blue-400 align-self-center ml-2",
+                        },
+                        [_vm._v(_vm._s(_vm.countJalan))]
+                      )
+                    : _vm._e(),
+                ]
+              ),
+            ]),
+          ]
+        ),
+      ]),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.tabName == "baru",
+                  expression: "tabName == 'baru'",
+                },
+              ],
+            },
+            [
+              _c("div", { staticClass: "table-responsive" }, [
+                _c(
+                  "table",
+                  { staticClass: "table table-striped  table-hover" },
+                  [
+                    _c("thead", [
+                      _c("tr", { staticClass: "text-nowarp" }, [
+                        _c("th", [_vm._v("Status")]),
+                        _vm._v(" "),
+                        _c("th", [_vm._v("Kode")]),
+                        _vm._v(" "),
+                        _c("th", [_vm._v("Nama")]),
+                        _vm._v(" "),
+                        _c("th", [_vm._v("Kabupaten/Kota")]),
+                        _vm._v(" "),
+                        _c("th", [_vm._v("Tempat")]),
+                        _vm._v(" "),
+                        _c("th", [_vm._v("Tgl. Mulai")]),
+                        _vm._v(" "),
+                        _c("th", [_vm._v("Sasaran")]),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _vm.itemBaruStat === "success"
+                      ? _c(
+                          "tbody",
+                          [
+                            _vm._l(_vm.itemBaru, function (item, index) {
+                              return _c(
+                                "tr",
+                                {
+                                  key: index,
+                                  staticClass: "text-nowrap  cursor-pointer",
+                                  class: {
+                                    "bg-info":
+                                      _vm.selectedItemBaru.id === item.id,
+                                  },
+                                  on: {
+                                    click: function ($event) {
+                                      return _vm.detail(item.id)
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("td", [
+                                    item.status == "6"
+                                      ? _c("span", {
+                                          staticClass: "cursor-pointer",
+                                          domProps: {
+                                            innerHTML: _vm._s(
+                                              _vm.$options.filters.statusDiklat(
+                                                item.status
+                                              )
+                                            ),
                                           },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          name: "id_cu",
-                                          "data-width": "100%",
-                                          "data-vv-as": "CU",
-                                          disabled: _vm.modelCU.length === 0,
-                                        },
-                                        on: {
-                                          change: [
-                                            function ($event) {
-                                              var $$selectedVal =
-                                                Array.prototype.filter
-                                                  .call(
-                                                    $event.target.options,
-                                                    function (o) {
-                                                      return o.selected
-                                                    }
-                                                  )
-                                                  .map(function (o) {
-                                                    var val =
-                                                      "_value" in o
-                                                        ? o._value
-                                                        : o.value
-                                                    return val
-                                                  })
-                                              _vm.$set(
-                                                _vm.form,
-                                                "id_cu",
-                                                $event.target.multiple
-                                                  ? $$selectedVal
-                                                  : $$selectedVal[0]
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.modalKeteranganBatalOpen(
+                                                item.keteranganBatal
                                               )
                                             },
-                                            function ($event) {
-                                              return _vm.changeCU(
-                                                $event.target.value
+                                          },
+                                        })
+                                      : _c("span", {
+                                          domProps: {
+                                            innerHTML: _vm._s(
+                                              _vm.$options.filters.statusDiklat(
+                                                item.status
                                               )
-                                            },
-                                          ],
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "option",
-                                          {
-                                            attrs: { disabled: "", value: "" },
+                                            ),
                                           },
-                                          [
-                                            _vm.modelCUStat === "loading"
-                                              ? _c("span", [
-                                                  _vm._v("Mohon tunggu..."),
-                                                ])
-                                              : _c("span", [
-                                                  _vm._v("Silahkan pilih CU"),
-                                                ]),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "option",
-                                          { attrs: { value: "0" } },
-                                          [
-                                            _vm.currentUser.pus
-                                              ? _c("span", [
-                                                  _vm._v(
-                                                    _vm._s(
-                                                      _vm.currentUser.pus.name
-                                                    )
-                                                  ),
-                                                ])
-                                              : _c("span", [
-                                                  _vm._v("PUSKOPCUINA"),
-                                                ]),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _vm._l(
-                                          _vm.modelCU,
-                                          function (cu, index) {
-                                            return _c(
-                                              "option",
-                                              {
-                                                key: index,
-                                                domProps: { value: cu.id },
-                                              },
-                                              [_vm._v(_vm._s(cu.name))]
-                                            )
-                                          }
-                                        ),
-                                      ],
-                                      2
+                                        }),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "td",
+                                    [
+                                      _c("check-value", {
+                                        attrs: { value: item.kode_diklat },
+                                      }),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c("td", [
+                                    _vm._v(
+                                      "\n\t\t\t\t\t\t\t\t\t" +
+                                        _vm._s(item.name) +
+                                        "\n\t\t\t\t\t\t\t\t"
                                     ),
-                                    _vm._v(" "),
-                                    _vm.errors.has("form.id_cu")
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "td",
+                                    [
+                                      item.regencies
+                                        ? _c("check-value", {
+                                            attrs: {
+                                              value: item.regencies.name,
+                                            },
+                                          })
+                                        : _c("span", [_vm._v("-")]),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "td",
+                                    [
+                                      item.tempat
+                                        ? _c("check-value", {
+                                            attrs: { value: item.tempat.name },
+                                          })
+                                        : item.tipe_tempat == "ONLINE"
+                                        ? _c("span", [
+                                            _vm._v("DILAKSANAKAN ONLINE"),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Belum ditentukan tempat"),
+                                          ]),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c("td", {
+                                    domProps: {
+                                      innerHTML: _vm._s(
+                                        _vm.$options.filters.date(item.mulai)
+                                      ),
+                                    },
+                                  }),
+                                  _vm._v(" "),
+                                  _c("td", { staticClass: "text-warp" }, [
+                                    item.sasaran
                                       ? _c(
-                                          "small",
-                                          {
-                                            staticClass:
-                                              "text-muted text-danger",
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass:
-                                                "icon-arrow-small-right",
-                                            }),
-                                            _vm._v(
-                                              " " +
-                                                _vm._s(
-                                                  _vm.errors.first("form.id_cu")
-                                                ) +
-                                                "\n\t\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
+                                          "span",
+                                          _vm._l(
+                                            item.sasaran,
+                                            function (sasaran, index) {
+                                              return _c(
+                                                "label",
+                                                {
+                                                  key: index,
+                                                  staticClass:
+                                                    "badge badge-primary ml-1",
+                                                },
+                                                [
+                                                  _vm._v(
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t" +
+                                                      _vm._s(sasaran.name) +
+                                                      "\n\t\t\t\t\t\t\t\t\t\t"
+                                                  ),
+                                                ]
+                                              )
+                                            }
+                                          ),
+                                          0
                                         )
-                                      : _c(
-                                          "small",
-                                          { staticClass: "text-muted" },
-                                          [_vm._v(" ")]
-                                        ),
-                                  ]
-                                ),
-                              ])
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-4" }, [
-                            _c(
-                              "div",
-                              {
-                                staticClass: "form-group",
-                                class: {
-                                  "has-error": _vm.errors.has("form.tingkat"),
-                                },
-                              },
-                              [
-                                _c(
-                                  "h6",
-                                  {
-                                    class: {
-                                      "text-danger":
-                                        _vm.errors.has("form.tingkat"),
-                                    },
-                                  },
-                                  [
-                                    _vm.errors.has("form.tingkat")
-                                      ? _c("i", { staticClass: "icon-cross2" })
                                       : _vm._e(),
-                                    _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tTingkat: "),
-                                    _c("wajib-badge"),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
+                                  ]),
+                                ]
+                              )
+                            }),
+                            _vm._v(" "),
+                            _vm.itemBaru.length == 0
+                              ? _c("tr", [
+                                  _c("td", { attrs: { colspan: 7 } }, [
+                                    _vm._v("Tidak terdapat data diklat"),
+                                  ]),
+                                ])
+                              : _vm._e(),
+                          ],
+                          2
+                        )
+                      : _vm.itemBaruStat === "loading"
+                      ? _c("tbody", [
+                          _c("tr", [
+                            _c("td", { attrs: { colspan: 7 } }, [
+                              _c("div", { staticClass: "progress" }, [
                                 _c(
-                                  "select",
+                                  "div",
                                   {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: _vm.form.tingkat,
-                                        expression: "form.tingkat",
-                                      },
-                                      {
-                                        name: "validate",
-                                        rawName: "v-validate",
-                                        value: "required",
-                                        expression: "'required'",
-                                      },
-                                    ],
-                                    staticClass: "form-control",
-                                    attrs: {
-                                      name: "pekerjaan_tingkat",
-                                      "data-width": "100%",
-                                      "data-vv-as": "Tingkat Pekerjaan",
-                                    },
-                                    on: {
-                                      change: function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "tingkat",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                    },
+                                    staticClass:
+                                      "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+                                    staticStyle: { width: "100%" },
                                   },
                                   [
-                                    _c(
-                                      "option",
-                                      { attrs: { disabled: "", value: "" } },
-                                      [
-                                        _vm._v(
-                                          "Silahkan pilih tingkat pekerjaan"
-                                        ),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "1" } }, [
-                                      _vm._v("Pengurus"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "2" } }, [
-                                      _vm._v("Pengawas"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "3" } }, [
-                                      _vm._v("Komite"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "4" } }, [
-                                      _vm._v("Penasihat"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "5" } }, [
-                                      _vm._v(
-                                        "Senior Manajer (General Manager, CEO, Deputy)"
-                                      ),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "6" } }, [
-                                      _vm._v("Manajer"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "7" } }, [
-                                      _vm._v(
-                                        "Supervisor (Kepala Bagian, Kepala Divisi, Kepala/Koordinator TP, Kepala Bidang)"
-                                      ),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "8" } }, [
-                                      _vm._v("Staf"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "9" } }, [
-                                      _vm._v("Kontrak"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "10" } }, [
-                                      _vm._v("Kolektor"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "11" } }, [
-                                      _vm._v("Kelompok Inti"),
+                                    _c("span", { staticClass: "sr-only" }, [
+                                      _vm._v("100% Complete"),
                                     ]),
                                   ]
                                 ),
-                                _vm._v(" "),
-                                _vm.errors.has("form.tingkat")
-                                  ? _c(
-                                      "small",
-                                      { staticClass: "text-muted text-danger" },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-arrow-small-right",
-                                        }),
-                                        _vm._v(
-                                          " " +
-                                            _vm._s(
-                                              _vm.errors.first("form.tingkat")
-                                            ) +
-                                            "\n\t\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    )
-                                  : _c("small", { staticClass: "text-muted" }, [
-                                      _vm._v(" "),
-                                    ]),
-                              ]
-                            ),
+                              ]),
+                            ]),
                           ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-6" }, [
-                            _c(
-                              "div",
-                              {
-                                staticClass: "form-group",
-                                class: {
-                                  "has-error":
-                                    _vm.errors.has("form.pemilihan_min"),
-                                },
-                              },
-                              [
-                                _c(
-                                  "h5",
-                                  {
-                                    class: {
-                                      "text-danger":
-                                        _vm.errors.has("form.pemilihan_min"),
-                                    },
-                                  },
-                                  [
-                                    _vm.errors.has("form.pemilihan_min")
-                                      ? _c("i", { staticClass: "icon-cross2" })
-                                      : _vm._e(),
-                                    _vm._v(
-                                      "\n\t\t\t\t\t\t\t\t\t\t\tPemilih Minimum: "
-                                    ),
-                                    _c("wajib-badge"),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("cleave", {
-                                  directives: [
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "pemilihan_min",
-                                    raw: false,
-                                    options: _vm.cleaveOption.number3,
-                                    placeholder:
-                                      "Silahkan masukkan pemilihan minimum",
-                                    "data-vv-as": "Pemilihan Minimum",
-                                  },
-                                  nativeOn: {
-                                    blur: function ($event) {
-                                      return _vm.min.apply(null, arguments)
-                                    },
-                                  },
-                                  model: {
-                                    value: _vm.form.pemilihan_min,
-                                    callback: function ($$v) {
-                                      _vm.$set(_vm.form, "pemilihan_min", $$v)
-                                    },
-                                    expression: "form.pemilihan_min",
-                                  },
-                                }),
-                                _vm._v(" "),
-                                _vm.errors.has("form.pemilihan_min")
-                                  ? _c(
-                                      "small",
-                                      { staticClass: "text-muted text-danger" },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-arrow-small-right",
-                                        }),
-                                        _vm._v(
-                                          " " +
-                                            _vm._s(
-                                              _vm.errors.first(
-                                                "form.pemilihan_min"
-                                              )
-                                            ) +
-                                            "\n\t\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    )
-                                  : _c("small", { staticClass: "text-muted" }, [
-                                      _vm._v(" "),
-                                    ]),
-                              ],
-                              1
-                            ),
+                        ])
+                      : _vm._e(),
+                  ]
+                ),
+              ]),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _vm.isMulai
+            ? _c(
+                "div",
+                {
+                  directives: [
+                    {
+                      name: "show",
+                      rawName: "v-show",
+                      value: _vm.tabName == "mulai",
+                      expression: "tabName == 'mulai'",
+                    },
+                  ],
+                },
+                [
+                  _c("div", { staticClass: "table-responsive" }, [
+                    _c(
+                      "table",
+                      { staticClass: "table table-striped  table-hover" },
+                      [
+                        _c("thead", [
+                          _c("tr", { staticClass: "text-nowarp" }, [
+                            _c("th", [_vm._v("Status")]),
+                            _vm._v(" "),
+                            _c("th", [_vm._v("Kode")]),
+                            _vm._v(" "),
+                            _c("th", [_vm._v("Nama")]),
+                            _vm._v(" "),
+                            _c("th", [_vm._v("Kabupaten/Kota")]),
+                            _vm._v(" "),
+                            _c("th", [_vm._v("Tempat")]),
+                            _vm._v(" "),
+                            _c("th", [_vm._v("Tgl. Mulai")]),
+                            _vm._v(" "),
+                            _c("th", [_vm._v("Sasaran")]),
                           ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-md-6" }, [
-                            _c(
-                              "div",
-                              {
-                                staticClass: "form-group",
-                                class: {
-                                  "has-error":
-                                    _vm.errors.has("form.pemilihan_max"),
-                                },
-                              },
+                        ]),
+                        _vm._v(" "),
+                        _vm.itemMulaiStat === "success"
+                          ? _c(
+                              "tbody",
                               [
-                                _c(
-                                  "h5",
-                                  {
-                                    class: {
-                                      "text-danger":
-                                        _vm.errors.has("form.pemilihan_max"),
-                                    },
-                                  },
-                                  [
-                                    _vm.errors.has("form.pemilihan_max")
-                                      ? _c("i", { staticClass: "icon-cross2" })
-                                      : _vm._e(),
-                                    _vm._v(
-                                      "\n\t\t\t\t\t\t\t\t\t\t\tPemilih Maximum: "
-                                    ),
-                                    _c("wajib-badge"),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("cleave", {
-                                  directives: [
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "pemilihan_max",
-                                    raw: false,
-                                    options: _vm.cleaveOption.number3,
-                                    placeholder:
-                                      "Silahkan masukkan pemilihan maximum",
-                                    "data-vv-as": "Pemilihan Maximum",
-                                  },
-                                  nativeOn: {
-                                    blur: function ($event) {
-                                      return _vm.max.apply(null, arguments)
-                                    },
-                                  },
-                                  model: {
-                                    value: _vm.form.pemilihan_max,
-                                    callback: function ($$v) {
-                                      _vm.$set(_vm.form, "pemilihan_max", $$v)
-                                    },
-                                    expression: "form.pemilihan_max",
-                                  },
-                                }),
-                                _vm._v(" "),
-                                _vm.errors.has("form.pemilihan_max")
-                                  ? _c(
-                                      "small",
-                                      { staticClass: "text-muted text-danger" },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-arrow-small-right",
-                                        }),
-                                        _vm._v(
-                                          " " +
-                                            _vm._s(
-                                              _vm.errors.first(
-                                                "form.pemilihan_max"
-                                              )
-                                            ) +
-                                            "\n\t\t\t\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    )
-                                  : _c("small", { staticClass: "text-muted" }, [
-                                      _vm._v(" "),
-                                    ]),
-                              ],
-                              1
-                            ),
-                          ]),
-                          _vm._v(" "),
-                          _vm.$route.meta.mode != "edit"
-                            ? [
-                                _c("div", { staticClass: "col-md-12" }, [
-                                  _c(
-                                    "div",
+                                _vm._l(_vm.itemMulai, function (item, index) {
+                                  return _c(
+                                    "tr",
                                     {
-                                      staticClass: "form-group",
+                                      key: index,
+                                      staticClass:
+                                        "text-nowrap  cursor-pointer",
                                       class: {
-                                        "has-error":
-                                          _vm.errors.has("form.sumberSuara"),
+                                        "bg-info":
+                                          _vm.selectedItemMulai.id === item.id,
+                                      },
+                                      on: {
+                                        click: function ($event) {
+                                          return _vm.detail(item.id)
+                                        },
                                       },
                                     },
                                     [
+                                      _c("td", [
+                                        item.status == "6"
+                                          ? _c("span", {
+                                              staticStyle: {
+                                                cursor: "pointer",
+                                              },
+                                              domProps: {
+                                                innerHTML: _vm._s(
+                                                  _vm.$options.filters.statusDiklat(
+                                                    item.status
+                                                  )
+                                                ),
+                                              },
+                                              on: {
+                                                click: function ($event) {
+                                                  $event.preventDefault()
+                                                  return _vm.modalKeteranganBatalOpen(
+                                                    item.keteranganBatal
+                                                  )
+                                                },
+                                              },
+                                            })
+                                          : _c("span", {
+                                              domProps: {
+                                                innerHTML: _vm._s(
+                                                  _vm.$options.filters.statusDiklat(
+                                                    item.status
+                                                  )
+                                                ),
+                                              },
+                                            }),
+                                      ]),
+                                      _vm._v(" "),
                                       _c(
-                                        "h5",
-                                        {
-                                          class: {
-                                            "text-danger":
-                                              _vm.errors.has(
-                                                "form.sumberSuara"
-                                              ),
-                                          },
-                                        },
+                                        "td",
                                         [
-                                          _vm.errors.has("form.sumberSuara")
-                                            ? _c("i", {
-                                                staticClass: "icon-cross2",
-                                              })
-                                            : _vm._e(),
-                                          _vm._v(
-                                            "\n\t\t\t\t\t\t\t\t\t\t\t\tSumber Data Suara: "
-                                          ),
-                                          _c("wajib-badge"),
+                                          _c("check-value", {
+                                            attrs: { value: item.kode_diklat },
+                                          }),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "td",
+                                        [
+                                          _c("check-value", {
+                                            attrs: { value: item.name },
+                                          }),
                                         ],
                                         1
                                       ),
                                       _vm._v(" "),
                                       _c(
-                                        "select",
-                                        {
-                                          directives: [
-                                            {
-                                              name: "model",
-                                              rawName: "v-model",
-                                              value: _vm.form.sumberSuara,
-                                              expression: "form.sumberSuara",
-                                            },
-                                            {
-                                              name: "validate",
-                                              rawName: "v-validate",
-                                              value: "required",
-                                              expression: "'required'",
-                                            },
-                                          ],
-                                          staticClass: "form-control",
-                                          attrs: {
-                                            name: "sumberSuara",
-                                            "data-width": "100%",
-                                            "data-vv-as": "Penulis",
-                                            disabled:
-                                              _vm.modelPemilihanStat ===
-                                              "loading",
-                                          },
-                                          on: {
-                                            change: function ($event) {
-                                              var $$selectedVal =
-                                                Array.prototype.filter
-                                                  .call(
-                                                    $event.target.options,
-                                                    function (o) {
-                                                      return o.selected
-                                                    }
-                                                  )
-                                                  .map(function (o) {
-                                                    var val =
-                                                      "_value" in o
-                                                        ? o._value
-                                                        : o.value
-                                                    return val
-                                                  })
-                                              _vm.$set(
-                                                _vm.form,
-                                                "sumberSuara",
-                                                $event.target.multiple
-                                                  ? $$selectedVal
-                                                  : $$selectedVal[0]
-                                              )
-                                            },
-                                          },
-                                        },
+                                        "td",
                                         [
-                                          _c(
-                                            "option",
-                                            {
-                                              attrs: {
-                                                disabled: "",
-                                                value: "",
-                                              },
-                                            },
-                                            [
-                                              _vm.modelPemilihanStat ===
-                                              "loading"
-                                                ? _c("span", [
-                                                    _vm._v("Mohon tunggu..."),
-                                                  ])
-                                                : _c("span", [
-                                                    _vm._v(
-                                                      "Silahkan pilih sumber data suara"
-                                                    ),
-                                                  ]),
-                                            ]
-                                          ),
-                                          _vm._v(" "),
-                                          _c(
-                                            "option",
-                                            { attrs: { value: "0" } },
-                                            [_vm._v("Data Suara Baru")]
-                                          ),
-                                          _vm._v(" "),
-                                          _c(
-                                            "option",
-                                            {
-                                              attrs: {
-                                                disabled: "",
-                                                value: "",
-                                              },
-                                            },
-                                            [_vm._v("----------------")]
-                                          ),
-                                          _vm._v(" "),
-                                          _vm._l(
-                                            _vm.modelPemilihan,
-                                            function (pemilihan, index) {
-                                              return _c(
-                                                "option",
-                                                {
-                                                  key: index,
-                                                  domProps: {
-                                                    value: pemilihan.id,
-                                                  },
+                                          item.regencies
+                                            ? _c("check-value", {
+                                                attrs: {
+                                                  value: item.regencies.name,
                                                 },
-                                                [
-                                                  _vm._v(
-                                                    _vm._s(pemilihan.name) +
-                                                      " | jumlah suara: " +
-                                                      _vm._s(pemilihan.suara)
-                                                  ),
-                                                ]
-                                              )
-                                            }
-                                          ),
+                                              })
+                                            : _c("span", [_vm._v("-")]),
                                         ],
-                                        2
+                                        1
                                       ),
                                       _vm._v(" "),
-                                      _vm.errors.has("form.id_cu")
-                                        ? _c(
-                                            "small",
-                                            {
-                                              staticClass:
-                                                "text-muted text-danger",
-                                            },
-                                            [
-                                              _c("i", {
-                                                staticClass:
-                                                  "icon-arrow-small-right",
-                                              }),
-                                              _vm._v(
-                                                " " +
-                                                  _vm._s(
-                                                    _vm.errors.first(
-                                                      "form.id_cu"
-                                                    )
-                                                  ) +
-                                                  "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                              ),
-                                            ]
-                                          )
-                                        : _c(
-                                            "small",
-                                            { staticClass: "text-muted" },
-                                            [_vm._v(" ")]
-                                          ),
-                                    ]
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _vm.modelPemilihanStat == "success" &&
-                                _vm.form.sumberSuara === "0"
-                                  ? _c("div", { staticClass: "col-md-12" }, [
                                       _c(
-                                        "div",
-                                        {
-                                          staticClass: "form-group",
-                                          class: {
-                                            "has-error":
-                                              _vm.errors.has("form.suara"),
-                                          },
-                                        },
+                                        "td",
                                         [
-                                          _c(
-                                            "h5",
-                                            {
-                                              class: {
-                                                "text-danger":
-                                                  _vm.errors.has("form.suara"),
-                                              },
-                                            },
-                                            [
-                                              _vm.errors.has("form.suara")
-                                                ? _c("i", {
-                                                    staticClass: "icon-cross2",
-                                                  })
-                                                : _vm._e(),
-                                              _vm._v(
-                                                "\n\t\t\t\t\t\t\t\t\t\t\t\tJumlah Suara: "
-                                              ),
-                                              _c("wajib-badge"),
-                                            ],
-                                            1
-                                          ),
-                                          _vm._v(" "),
-                                          _c("cleave", {
-                                            directives: [
-                                              {
-                                                name: "validate",
-                                                rawName: "v-validate",
-                                                value: "required",
-                                                expression: "'required'",
-                                              },
-                                            ],
-                                            staticClass: "form-control",
-                                            attrs: {
-                                              name: "suara",
-                                              raw: false,
-                                              options: _vm.cleaveOption.number4,
-                                              placeholder:
-                                                "Silahkan masukkan suara",
-                                              "data-vv-as": "Suara",
-                                            },
-                                            model: {
-                                              value: _vm.form.suara,
-                                              callback: function ($$v) {
-                                                _vm.$set(_vm.form, "suara", $$v)
-                                              },
-                                              expression: "form.suara",
-                                            },
-                                          }),
-                                          _vm._v(" "),
-                                          _vm.errors.has("form.suara")
-                                            ? _c(
-                                                "small",
-                                                {
-                                                  staticClass:
-                                                    "text-muted text-danger",
+                                          item.tempat
+                                            ? _c("check-value", {
+                                                attrs: {
+                                                  value: item.tempat.name,
                                                 },
-                                                [
-                                                  _c("i", {
-                                                    staticClass:
-                                                      "icon-arrow-small-right",
-                                                  }),
-                                                  _vm._v(
-                                                    " " +
-                                                      _vm._s(
-                                                        _vm.errors.first(
-                                                          "form.suara"
-                                                        )
-                                                      ) +
-                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                  ),
-                                                ]
-                                              )
-                                            : _c(
-                                                "small",
-                                                { staticClass: "text-muted" },
-                                                [_vm._v(" ")]
-                                              ),
+                                              })
+                                            : item.tipe_tempat == "ONLINE"
+                                            ? _c("span", [
+                                                _vm._v("DILAKSANAKAN ONLINE"),
+                                              ])
+                                            : _c("span", [
+                                                _vm._v(
+                                                  "Belum ditentukan tempat"
+                                                ),
+                                              ]),
                                         ],
                                         1
                                       ),
                                       _vm._v(" "),
-                                      _c(
-                                        "div",
-                                        {
-                                          staticClass: "form-group",
-                                          class: {
-                                            "has-error":
-                                              _vm.errors.has("form.suara_tipe"),
-                                          },
-                                        },
-                                        [
-                                          _c(
-                                            "h5",
-                                            {
-                                              class: {
-                                                "text-danger":
-                                                  _vm.errors.has(
-                                                    "form.suara_tipe"
-                                                  ),
-                                              },
-                                            },
-                                            [
-                                              _vm.errors.has("form.suara_tipe")
-                                                ? _c("i", {
-                                                    staticClass: "icon-cross2",
-                                                  })
-                                                : _vm._e(),
-                                              _vm._v(
-                                                "\n\t\t\t\t\t\t\t\t\t\t\t\tTipe Suara: "
-                                              ),
-                                              _c("wajib-badge"),
-                                            ],
-                                            1
+                                      _c("td", {
+                                        domProps: {
+                                          innerHTML: _vm._s(
+                                            _vm.$options.filters.date(
+                                              item.mulai
+                                            )
                                           ),
-                                          _vm._v(" "),
-                                          _c(
-                                            "select",
-                                            {
-                                              directives: [
-                                                {
-                                                  name: "model",
-                                                  rawName: "v-model",
-                                                  value: _vm.form.suara_tipe,
-                                                  expression: "form.suara_tipe",
-                                                },
-                                                {
-                                                  name: "validate",
-                                                  rawName: "v-validate",
-                                                  value: "required",
-                                                  expression: "'required'",
-                                                },
-                                              ],
-                                              staticClass: "form-control",
-                                              attrs: {
-                                                name: "suara_tipe",
-                                                "data-width": "100%",
-                                                "data-vv-as": "tipe suara",
-                                              },
-                                              on: {
-                                                change: function ($event) {
-                                                  var $$selectedVal =
-                                                    Array.prototype.filter
-                                                      .call(
-                                                        $event.target.options,
-                                                        function (o) {
-                                                          return o.selected
-                                                        }
-                                                      )
-                                                      .map(function (o) {
-                                                        var val =
-                                                          "_value" in o
-                                                            ? o._value
-                                                            : o.value
-                                                        return val
-                                                      })
-                                                  _vm.$set(
-                                                    _vm.form,
-                                                    "suara_tipe",
-                                                    $event.target.multiple
-                                                      ? $$selectedVal
-                                                      : $$selectedVal[0]
+                                        },
+                                      }),
+                                      _vm._v(" "),
+                                      _c("td", { staticClass: "text-warp" }, [
+                                        item.sasaran
+                                          ? _c(
+                                              "span",
+                                              _vm._l(
+                                                item.sasaran,
+                                                function (sasaran, index) {
+                                                  return _c(
+                                                    "label",
+                                                    {
+                                                      key: index,
+                                                      staticClass:
+                                                        "badge badge-primary ml-1",
+                                                    },
+                                                    [
+                                                      _vm._v(
+                                                        "\n\t\t\t\t\t\t\t\t\t\t\t" +
+                                                          _vm._s(sasaran.name) +
+                                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
                                                   )
-                                                },
-                                              },
-                                            },
-                                            [
-                                              _c(
-                                                "option",
-                                                {
-                                                  attrs: {
-                                                    disabled: "",
-                                                    value: "",
-                                                  },
-                                                },
-                                                [
-                                                  _vm._v(
-                                                    "Silahkan pilih tipe suara"
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "option",
-                                                { attrs: { value: "0" } },
-                                                [_vm._v("Link suara otomatis")]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "option",
-                                                { attrs: { value: "1" } },
-                                                [
-                                                  _vm._v(
-                                                    "Link suara dari sumber data external"
-                                                  ),
-                                                ]
-                                              ),
-                                            ]
-                                          ),
-                                          _vm._v(" "),
-                                          _vm.errors.has("form.suara_tipe")
-                                            ? _c(
-                                                "small",
-                                                {
-                                                  staticClass:
-                                                    "text-muted text-danger",
-                                                },
-                                                [
-                                                  _c("i", {
-                                                    staticClass:
-                                                      "icon-arrow-small-right",
-                                                  }),
-                                                  _vm._v(
-                                                    " " +
-                                                      _vm._s(
-                                                        _vm.errors.first(
-                                                          "form.suara_tipe"
-                                                        )
-                                                      ) +
-                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                  ),
-                                                ]
-                                              )
-                                            : _c(
-                                                "small",
-                                                { staticClass: "text-muted" },
-                                                [_vm._v(" ")]
+                                                }
                                               ),
-                                        ]
-                                      ),
+                                              0
+                                            )
+                                          : _vm._e(),
+                                      ]),
+                                    ]
+                                  )
+                                }),
+                                _vm._v(" "),
+                                _vm.itemMulai.length == 0
+                                  ? _c("tr", [
+                                      _c("td", { attrs: { colspan: 7 } }, [
+                                        _vm._v("Tidak terdapat data diklat"),
+                                      ]),
                                     ])
                                   : _vm._e(),
-                              ]
-                            : _vm._e(),
-                        ],
-                        2
-                      ),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "card" },
-                    [
-                      _vm._m(1),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "card-body pb-2" }, [
-                        _c("div", { staticClass: "row" }, [
-                          _c("div", { staticClass: "col-md-12" }, [
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("tambahCalon")
-                                  },
-                                },
-                              },
-                              [
-                                _c("i", { staticClass: "icon-plus22" }),
-                                _vm._v(" Tambah\n\t\t\t\t\t\t\t\t\t"),
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                attrs: {
-                                  disabled: !_vm.selectedItemCalon.index,
-                                },
-                                on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("hapusCalon")
-                                  },
-                                },
-                              },
-                              [
-                                _c("i", { staticClass: "icon-bin2" }),
-                                _vm._v(" Hapus\n\t\t\t\t\t\t\t\t\t"),
-                              ]
-                            ),
-                          ]),
-                        ]),
-                      ]),
-                      _vm._v(" "),
-                      _c("data-table", {
-                        attrs: {
-                          items: _vm.itemDataCalon,
-                          columnData: _vm.columnDataCalon,
-                          itemDataStat: _vm.itemDataCalonStat,
-                        },
-                        scopedSlots: _vm._u([
-                          {
-                            key: "item-desktop",
-                            fn: function (props) {
-                              return [
-                                props.item
-                                  ? _c(
-                                      "tr",
+                              ],
+                              2
+                            )
+                          : _vm.itemMulaiStat === "loading"
+                          ? _c("tbody", [
+                              _c("tr", [
+                                _c("td", { attrs: { colspan: 7 } }, [
+                                  _c("div", { staticClass: "progress" }, [
+                                    _c(
+                                      "div",
                                       {
-                                        staticClass: "text-nowrap",
-                                        class: {
-                                          "bg-info":
-                                            _vm.selectedItemCalon.index ==
-                                            props.index + 1,
-                                        },
-                                        on: {
-                                          click: function ($event) {
-                                            return _vm.selectedRow(
-                                              props.item,
-                                              props.index + 1,
-                                              "calon"
-                                            )
-                                          },
-                                        },
+                                        staticClass:
+                                          "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+                                        staticStyle: { width: "100%" },
                                       },
                                       [
-                                        _c("td", [
-                                          _vm._v(_vm._s(props.item.no_urut)),
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          props.item.gambar
-                                            ? _c("img", {
-                                                staticClass:
-                                                  "img-rounded img-fluid wmin-sm",
-                                                attrs: {
-                                                  src:
-                                                    "/images/aktivis/" +
-                                                    props.item.gambar +
-                                                    "n.jpg",
-                                                  width: "35px",
-                                                },
-                                              })
-                                            : _c("img", {
-                                                staticClass:
-                                                  "img-rounded img-fluid wmin-sm",
-                                                attrs: {
-                                                  src: "/images/no_image.jpg",
-                                                  width: "35px",
-                                                },
-                                              }),
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          _vm._v(_vm._s(props.item.name)),
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          _vm._v(
-                                            _vm._s(props.item.tanggal_lahir)
-                                          ),
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          _vm._v(
-                                            _vm._s(props.item.tempat_lahir)
-                                          ),
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          _vm._v(_vm._s(props.item.status)),
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          _vm._v(_vm._s(props.item.pendidikan)),
+                                        _c("span", { staticClass: "sr-only" }, [
+                                          _vm._v("100% Complete"),
                                         ]),
                                       ]
-                                    )
-                                  : _vm._e(),
-                              ]
-                            },
-                          },
-                        ]),
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("form-info"),
-                  _vm._v(" "),
-                  _c("br"),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "card card-body" },
-                    [
-                      _c("form-button", {
-                        attrs: {
-                          cancelState: _vm.cancelState,
-                          formValidation: "form",
-                        },
-                        on: { cancelClick: _vm.back },
-                      }),
-                    ],
-                    1
-                  ),
-                ],
-                1
-              ),
-            ],
-            1
-          ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            content: _vm.modalContent,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
-          },
-          on: {
-            batal: _vm.modalTutup,
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _vm.state == "tambahCalon" || _vm.state == "ubahCalon"
-                ? _c("form-calon", {
-                    attrs: {
-                      mode: _vm.formCalonMode,
-                      selected: _vm.selectedItemCalon,
-                    },
-                    on: {
-                      createCalon: _vm.createCalon,
-                      editCalon: _vm.editCalon,
-                      tutup: _vm.modalTutup,
-                    },
-                  })
-                : _vm._e(),
-            ],
-            1
-          ),
-        ],
-        2
+                                    ),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                      ]
+                    ),
+                  ]),
+                ]
+              )
+            : _vm._e(),
+        ]
       ),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("1. Pemilihan")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("2. Calon")]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4& ***!
-  \************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formCalon" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _vm.formCalon.aktivis_id
-          ? _c("div", { staticClass: "card" }, [
-              _c(
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _vm.isBuka
+            ? _c(
                 "div",
                 {
-                  staticClass:
-                    "card-header bg-info text-white header-elements-inline",
+                  directives: [
+                    {
+                      name: "show",
+                      rawName: "v-show",
+                      value: _vm.tabName == "buka",
+                      expression: "tabName == 'buka'",
+                    },
+                  ],
                 },
                 [
-                  _c("h6", { staticClass: "card-title" }),
-                  _vm._v(" "),
-                  _vm.mode != "edit"
-                    ? _c("div", { staticClass: "header-elements" }, [
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-danger",
-                            attrs: { type: "button" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.deleteSelected.apply(null, arguments)
-                              },
-                            },
-                          },
-                          [
-                            _c("i", { staticClass: "icon-cross2 mr-2" }),
-                            _vm._v(" Batal"),
-                          ]
-                        ),
-                      ])
-                    : _vm._e(),
-                ]
-              ),
-              _vm._v(" "),
-              _c("div", { staticClass: "card-body" }, [
-                _c(
-                  "div",
-                  { staticClass: "media flex-column flex-sm-row mt-0" },
-                  [
-                    _c("div", { staticClass: "mr-sm-3 mb-2 mb-sm-0" }, [
-                      _c("div", { staticClass: "card-img-actions" }, [
-                        _vm.formCalon.gambar
-                          ? _c("img", {
-                              staticClass: "img-fluid img-preview rounded",
-                              attrs: {
-                                src:
-                                  "/images/aktivis/" +
-                                  _vm.formCalon.gambar +
-                                  ".jpg",
-                              },
-                            })
-                          : _c("img", {
-                              staticClass: "img-fluid img-preview rounded",
-                              attrs: { src: "/images/no_image.jpg" },
-                            }),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "media-body" }, [
-                      _c("ul", { staticClass: "list list-unstyled mb-0" }, [
-                        _c("li", [
-                          _c("b", [_vm._v("Nama:")]),
-                          _vm._v(" " + _vm._s(_vm.formCalon.name)),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _c("b", [_vm._v("Tanggal Lahir:")]),
-                          _vm._v(" " + _vm._s(_vm.formCalon.tanggal_lahir)),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _c("b", [_vm._v("Tempat Lahir:")]),
-                          _vm._v(" " + _vm._s(_vm.formCalon.tempat_lahir)),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _c("b", [_vm._v("Status:")]),
-                          _vm._v(" " + _vm._s(_vm.formCalon.status)),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", [
-                          _c("b", [_vm._v("Pendidikan:")]),
-                          _vm._v(" " + _vm._s(_vm.formCalon.pendidikan)),
-                        ]),
-                      ]),
-                    ]),
-                  ]
-                ),
-              ]),
-            ])
-          : _vm._e(),
-        _vm._v(" "),
-        _vm.formCalon.aktivis_id == "" && _vm.mode == "create"
-          ? _c("data-viewer", {
-              attrs: {
-                title: "Aktivis",
-                columnData: _vm.columnDataDalam,
-                itemData: _vm.itemDataDalam,
-                query: _vm.query,
-                itemDataStat: _vm.itemDataDalamStat,
-                isDasar: "true",
-                isNoButtonRow: "true",
-              },
-              on: { fetch: _vm.fetchDalam },
-              scopedSlots: _vm._u(
-                [
-                  {
-                    key: "item-desktop",
-                    fn: function (props) {
-                      return [
-                        _c(
-                          "tr",
-                          {
-                            staticClass: "text-nowrap",
-                            class: {
-                              "bg-info": _vm.selectedItem.id === props.item.id,
-                            },
-                            on: {
-                              click: function ($event) {
-                                return _vm.selectedRow(props.item)
-                              },
-                            },
-                          },
-                          [
-                            _c("td", [
-                              _vm._v(
-                                "\n\t\t\t\t\t" +
-                                  _vm._s(
-                                    props.index +
-                                      1 +
-                                      (+_vm.itemDataDalam.current_page - 1) *
-                                        +_vm.itemDataDalam.per_page +
-                                      "."
-                                  ) +
-                                  "\n\t\t\t\t"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("td", [
-                              props.item.gambar
-                                ? _c("img", {
-                                    staticClass:
-                                      "img-rounded img-fluid wmin-sm",
-                                    attrs: {
-                                      src:
-                                        "/images/" +
-                                        _vm.kelas +
-                                        "/" +
-                                        props.item.gambar +
-                                        "n.jpg",
-                                    },
-                                  })
-                                : _c("img", {
-                                    staticClass:
-                                      "img-rounded img-fluid wmin-sm",
-                                    attrs: { src: "/images/no_image.jpg" },
-                                  }),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.name },
-                                }),
-                              ],
-                              1
-                            ),
+                  _c("div", { staticClass: "table-responsive" }, [
+                    _c(
+                      "table",
+                      { staticClass: "table table-striped  table-hover" },
+                      [
+                        _c("thead", [
+                          _c("tr", { staticClass: "text-nowarp" }, [
+                            _c("th", [_vm._v("Kode")]),
                             _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.kelamin },
-                                }),
-                              ],
-                              1
-                            ),
+                            _c("th", [_vm._v("Nama")]),
                             _vm._v(" "),
-                            _c("td", [
-                              props.item.pekerjaan_aktif &&
-                              props.item.pekerjaan_aktif.tipe == 1
-                                ? _c(
-                                    "span",
-                                    [
-                                      props.item.pekerjaan_aktif.cu
-                                        ? _c("check-value", {
-                                            attrs: {
-                                              value:
-                                                props.item.pekerjaan_aktif.cu
-                                                  .name,
-                                            },
-                                          })
-                                        : _c("span", [_vm._v("-")]),
-                                    ],
-                                    1
-                                  )
-                                : props.item.pekerjaan_aktif &&
-                                  props.item.pekerjaan_aktif.tipe == 2
-                                ? _c(
-                                    "span",
-                                    [
-                                      props.item.pekerjaan_aktif.lembaga_lain
-                                        ? _c("check-value", {
-                                            attrs: {
-                                              value:
-                                                props.item.pekerjaan_aktif
-                                                  .lembaga_lain.name,
-                                            },
-                                          })
-                                        : _c("span", [_vm._v("-")]),
-                                    ],
-                                    1
-                                  )
-                                : props.item.pekerjaan_aktif &&
-                                  props.item.pekerjaan_aktif.tipe == 3
-                                ? _c("span", [
-                                    _vm._v(
-                                      "\n\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t"
-                                    ),
-                                  ])
-                                : _c("span", [_vm._v("-")]),
-                            ]),
+                            _c("th", [_vm._v("Kabupaten/Kota")]),
                             _vm._v(" "),
-                            _c("td", {
-                              domProps: {
-                                innerHTML: _vm._s(
-                                  _vm.$options.filters.checkTingkatAktivis(
-                                    props.item.pekerjaan_aktif.tingkat
-                                  )
-                                ),
-                              },
-                            }),
+                            _c("th", [_vm._v("Tempat")]),
                             _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.pekerjaan_aktif
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value: props.item.pekerjaan_aktif.name,
-                                      },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ],
-                              1
-                            ),
+                            _c("th", [_vm._v("Tgl. Mulai")]),
                             _vm._v(" "),
-                            _c(
-                              "td",
+                            _c("th", [_vm._v("Sasaran")]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _vm.itemBukaStat === "success"
+                          ? _c(
+                              "tbody",
                               [
-                                props.item.pendidikan_tertinggi
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value:
-                                          props.item.pendidikan_tertinggi
-                                            .tingkat,
+                                _vm._l(_vm.itemBuka, function (item, index) {
+                                  return _c(
+                                    "tr",
+                                    {
+                                      key: index,
+                                      staticClass:
+                                        "text-nowrap  cursor-pointer",
+                                      class: {
+                                        "bg-info":
+                                          _vm.selectedItemBuka.id === item.id,
                                       },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.pendidikan_tertinggi
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value:
-                                          props.item.pendidikan_tertinggi.name,
+                                      on: {
+                                        click: function ($event) {
+                                          return _vm.detail(item.id)
+                                        },
                                       },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("td", {
-                              domProps: {
-                                innerHTML: _vm._s(
-                                  _vm.$options.filters.date(
-                                    props.item.tanggal_lahir
+                                    },
+                                    [
+                                      _c(
+                                        "td",
+                                        [
+                                          _c("check-value", {
+                                            attrs: { value: item.kode_diklat },
+                                          }),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "td",
+                                        [
+                                          _c("check-value", {
+                                            attrs: { value: item.name },
+                                          }),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "td",
+                                        [
+                                          item.regencies
+                                            ? _c("check-value", {
+                                                attrs: {
+                                                  value: item.regencies.name,
+                                                },
+                                              })
+                                            : _c("span", [_vm._v("-")]),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "td",
+                                        [
+                                          item.tempat
+                                            ? _c("check-value", {
+                                                attrs: {
+                                                  value: item.tempat.name,
+                                                },
+                                              })
+                                            : item.tipe_tempat == "ONLINE"
+                                            ? _c("span", [
+                                                _vm._v("DILAKSANAKAN ONLINE"),
+                                              ])
+                                            : _c("span", [
+                                                _vm._v(
+                                                  "Belum ditentukan tempat"
+                                                ),
+                                              ]),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c("td", {
+                                        domProps: {
+                                          innerHTML: _vm._s(
+                                            _vm.$options.filters.date(
+                                              item.mulai
+                                            )
+                                          ),
+                                        },
+                                      }),
+                                      _vm._v(" "),
+                                      _c("td", { staticClass: "text-warp" }, [
+                                        item.sasaran
+                                          ? _c(
+                                              "span",
+                                              _vm._l(
+                                                item.sasaran,
+                                                function (sasaran, index) {
+                                                  return _c(
+                                                    "label",
+                                                    {
+                                                      key: index,
+                                                      staticClass:
+                                                        "badge badge-primary ml-1",
+                                                    },
+                                                    [
+                                                      _vm._v(
+                                                        "\n\t\t\t\t\t\t\t\t\t\t\t" +
+                                                          _vm._s(sasaran.name) +
+                                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]
+                                                  )
+                                                }
+                                              ),
+                                              0
+                                            )
+                                          : _vm._e(),
+                                      ]),
+                                    ]
                                   )
-                                ),
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.tempat_lahir },
-                                }),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.agama },
-                                }),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.status },
                                 }),
+                                _vm._v(" "),
+                                _vm.itemBuka.length == 0
+                                  ? _c("tr", [
+                                      _c("td", { attrs: { colspan: 6 } }, [
+                                        _vm._v("Tidak terdapat data diklat"),
+                                      ]),
+                                    ])
+                                  : _vm._e(),
                               ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.provinces
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value: props.item.provinces.name,
-                                      },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.regencies
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value: props.item.regencies.name,
+                              2
+                            )
+                          : _vm.itemBukaStat === "loading"
+                          ? _c("tbody", [
+                              _c("tr", [
+                                _c("td", { attrs: { colspan: 6 } }, [
+                                  _c("div", { staticClass: "progress" }, [
+                                    _c(
+                                      "div",
+                                      {
+                                        staticClass:
+                                          "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+                                        staticStyle: { width: "100%" },
                                       },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ],
-                              1
-                            ),
+                                      [
+                                        _c("span", { staticClass: "sr-only" }, [
+                                          _vm._v("100% Complete"),
+                                        ]),
+                                      ]
+                                    ),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
+                      ]
+                    ),
+                  ]),
+                ]
+              )
+            : _vm._e(),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _vm.isJalan
+            ? _c(
+                "div",
+                {
+                  directives: [
+                    {
+                      name: "show",
+                      rawName: "v-show",
+                      value: _vm.tabName == "jalan",
+                      expression: "tabName == 'jalan'",
+                    },
+                  ],
+                },
+                [
+                  _c("div", { staticClass: "table-responsive" }, [
+                    _c(
+                      "table",
+                      { staticClass: "table table-striped  table-hover" },
+                      [
+                        _c("thead", [
+                          _c("tr", { staticClass: "text-nowarp" }, [
+                            _c("th", [_vm._v("Kode")]),
                             _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.districts
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value: props.item.districts.name,
-                                      },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ],
-                              1
-                            ),
+                            _c("th", [_vm._v("Nama")]),
                             _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                props.item.villages
-                                  ? _c("check-value", {
-                                      attrs: {
-                                        value: props.item.villages.name,
-                                      },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ],
-                              1
-                            ),
+                            _c("th", [_vm._v("Kabupaten/Kota")]),
                             _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.alamat },
-                                }),
-                              ],
-                              1
-                            ),
+                            _c("th", [_vm._v("Tempat")]),
                             _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.email },
-                                }),
-                              ],
-                              1
-                            ),
+                            _c("th", [_vm._v("Tgl. Mulai")]),
                             _vm._v(" "),
-                            _c(
-                              "td",
+                            _c("th", [_vm._v("Sasaran")]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _vm.itemJalanStat === "success"
+                          ? _c(
+                              "tbody",
                               [
-                                _c("check-value", {
-                                  attrs: { value: props.item.hp },
-                                }),
+                                _vm._l(
+                                  _vm.itemJalan.data,
+                                  function (item, index) {
+                                    return _c(
+                                      "tr",
+                                      {
+                                        key: index,
+                                        staticClass:
+                                          "text-nowrap  cursor-pointer",
+                                        class: {
+                                          "bg-info":
+                                            _vm.selectedItemJalan.id ===
+                                            item.id,
+                                        },
+                                        on: {
+                                          click: function ($event) {
+                                            return _vm.detail(item.id)
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c(
+                                          "td",
+                                          [
+                                            _c("check-value", {
+                                              attrs: {
+                                                value: item.kode_diklat,
+                                              },
+                                            }),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "td",
+                                          [
+                                            _c("check-value", {
+                                              attrs: { value: item.name },
+                                            }),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "td",
+                                          [
+                                            item.regencies
+                                              ? _c("check-value", {
+                                                  attrs: {
+                                                    value: item.regencies.name,
+                                                  },
+                                                })
+                                              : _c("span", [_vm._v("-")]),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "td",
+                                          [
+                                            item.tempat
+                                              ? _c("check-value", {
+                                                  attrs: {
+                                                    value: item.tempat.name,
+                                                  },
+                                                })
+                                              : item.tipe_tempat == "ONLINE"
+                                              ? _c("span", [
+                                                  _vm._v("DILAKSANAKAN ONLINE"),
+                                                ])
+                                              : _c("span", [
+                                                  _vm._v(
+                                                    "Belum ditentukan tempat"
+                                                  ),
+                                                ]),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c("td", {
+                                          domProps: {
+                                            innerHTML: _vm._s(
+                                              _vm.$options.filters.date(
+                                                item.mulai
+                                              )
+                                            ),
+                                          },
+                                        }),
+                                        _vm._v(" "),
+                                        _c("td", { staticClass: "text-warp" }, [
+                                          item.sasaran
+                                            ? _c(
+                                                "span",
+                                                _vm._l(
+                                                  item.sasaran,
+                                                  function (sasaran, index) {
+                                                    return _c(
+                                                      "label",
+                                                      {
+                                                        key: index,
+                                                        staticClass:
+                                                          "badge badge-primary ml-1",
+                                                      },
+                                                      [
+                                                        _vm._v(
+                                                          "\n\t\t\t\t\t\t\t\t\t\t\t" +
+                                                            _vm._s(
+                                                              sasaran.name
+                                                            ) +
+                                                            "\n\t\t\t\t\t\t\t\t\t\t"
+                                                        ),
+                                                      ]
+                                                    )
+                                                  }
+                                                ),
+                                                0
+                                              )
+                                            : _vm._e(),
+                                        ]),
+                                      ]
+                                    )
+                                  }
+                                ),
+                                _vm._v(" "),
+                                _vm.itemJalan.data.length == 0
+                                  ? _c("tr", [
+                                      _c("td", { attrs: { colspan: 6 } }, [
+                                        _vm._v("Tidak terdapat data diklat"),
+                                      ]),
+                                    ])
+                                  : _vm._e(),
                               ],
-                              1
-                            ),
-                          ]
-                        ),
+                              2
+                            )
+                          : _vm.itemJalanStat === "loading"
+                          ? _c("tbody", [
+                              _c("tr", [
+                                _c("td", { attrs: { colspan: 6 } }, [
+                                  _c("div", { staticClass: "progress" }, [
+                                    _c(
+                                      "div",
+                                      {
+                                        staticClass:
+                                          "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+                                        staticStyle: { width: "100%" },
+                                      },
+                                      [
+                                        _c("span", { staticClass: "sr-only" }, [
+                                          _vm._v("100% Complete"),
+                                        ]),
+                                      ]
+                                    ),
+                                  ]),
+                                ]),
+                              ]),
+                            ])
+                          : _vm._e(),
                       ]
-                    },
-                  },
-                ],
-                null,
-                false,
-                3084181168
-              ),
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _vm.errors.any("formCalon") && _vm.submited
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorItem: _vm.errors.items,
-              },
-            })
-          : _vm._e(),
+                    ),
+                  ]),
+                ]
+              )
+            : _vm._e(),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      {
+        staticClass:
+          "card-header bg-blue-400 text-white header-elements-inline",
+      },
+      [
+        _c("h5", { staticClass: "card-title" }, [
+          _c("i", { staticClass: "icon-calendar mr-2" }),
+          _vm._v(" Kegiatan PUSKOPCUINA"),
+        ]),
         _vm._v(" "),
-        _c(
-          "div",
-          {
-            staticClass: "form-group",
-            class: { "has-error": _vm.errors.has("formCalon.no_urut") },
-          },
-          [
-            _c(
-              "h5",
-              { class: { "text-danger": _vm.errors.has("formCalon.no_urut") } },
-              [
-                _vm.errors.has("formCalon.no_urut")
-                  ? _c("i", { staticClass: "icon-cross2" })
-                  : _vm._e(),
-                _vm._v("\n\t\t\tNo. Urut: "),
-                _c("wajib-badge"),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c("cleave", {
-              directives: [
-                {
-                  name: "validate",
-                  rawName: "v-validate",
-                  value: "required",
-                  expression: "'required'",
-                },
-              ],
-              staticClass: "form-control",
-              attrs: {
-                name: "no_urut",
-                raw: false,
-                options: _vm.cleaveOption.number3,
-                placeholder: "Silahkan masukkan no urut",
-                "data-vv-as": "No. Urut",
-              },
-              model: {
-                value: _vm.formCalon.no_urut,
-                callback: function ($$v) {
-                  _vm.$set(_vm.formCalon, "no_urut", $$v)
-                },
-                expression: "formCalon.no_urut",
-              },
+        _c("div", { staticClass: "header-elements" }, [
+          _c("div", { staticClass: "list-icons" }, [
+            _c("a", {
+              staticClass: "list-icons-item",
+              attrs: { "data-action": "collapse" },
             }),
-            _vm._v(" "),
-            _vm.errors.has("formCalon.no_urut")
-              ? _c("small", { staticClass: "text-muted text-danger" }, [
-                  _c("i", { staticClass: "icon-arrow-small-right" }),
-                  _vm._v(
-                    " " +
-                      _vm._s(_vm.errors.first("formCalon.no_urut")) +
-                      "\n\t\t"
-                  ),
-                ])
-              : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-          ],
-          1
-        ),
-        _vm._v(" "),
-        this.currentUser.id_cu == 0
-          ? _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: {
-                  "has-error": _vm.errors.has("formCalon.pengusung_cu_id"),
-                },
-              },
+          ]),
+        ]),
+      ]
+    )
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=template&id=1f1476bc&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=template&id=1f1476bc& ***!
+  \*************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c(
+        "hooper",
+        {
+          staticClass: "mb-3",
+          staticStyle: { width: "100%", "min-height": "20em" },
+          attrs: {
+            progress: true,
+            autoPlay: true,
+            playSpeed: 6000,
+            infiniteScroll: true,
+          },
+        },
+        [
+          _vm._l(_vm.sliderItem, function (item, index) {
+            return _c(
+              "slide",
+              { key: index, staticClass: "slideStyle", style: item.style },
               [
-                _c(
-                  "h5",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has(
-                        "formCalon.pengusung_cu_id"
-                      ),
-                    },
-                  },
-                  [
-                    _vm.errors.has("formCalon.pengusung_cu_id")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\tCU Pengusung: "),
-                    _c("wajib-badge"),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.formCalon.pengusung_cu_id,
-                        expression: "formCalon.pengusung_cu_id",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      name: "pengusung_cu_id",
-                      "data-width": "100%",
-                      "data-vv-as": "CU",
-                      disabled: _vm.modelCU.length === 0,
-                    },
-                    on: {
-                      change: function ($event) {
-                        var $$selectedVal = Array.prototype.filter
-                          .call($event.target.options, function (o) {
-                            return o.selected
-                          })
-                          .map(function (o) {
-                            var val = "_value" in o ? o._value : o.value
-                            return val
+                item.name == "welcome"
+                  ? _c("div", [
+                      _c("h1", [_vm._v(_vm._s(item.title))]),
+                      _vm._v(" "),
+                      _c("span", {
+                        domProps: { innerHTML: _vm._s(item.content) },
+                      }),
+                      _vm._v(" "),
+                      _c("br"),
+                      _vm._v(" "),
+                      item.isButton
+                        ? _c("a", {
+                            staticClass: "btn btn-danger mt-1",
+                            attrs: { href: item.buttonUrl, target: "_blank" },
+                            domProps: { innerHTML: _vm._s(item.buttonTitle) },
                           })
-                        _vm.$set(
-                          _vm.formCalon,
-                          "pengusung_cu_id",
-                          $event.target.multiple
-                            ? $$selectedVal
-                            : $$selectedVal[0]
-                        )
-                      },
-                    },
-                  },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm.modelCUStat === "loading"
-                        ? _c("span", [_vm._v("Mohon tunggu...")])
-                        : _c("span", [_vm._v("Silahkan pilih CU")]),
-                    ]),
-                    _vm._v(" "),
-                    _vm._l(_vm.modelCU, function (cu, index) {
-                      return _c(
-                        "option",
-                        { key: index, domProps: { value: cu.id } },
-                        [_vm._v(_vm._s(cu.name))]
-                      )
-                    }),
-                  ],
-                  2
-                ),
-                _vm._v(" "),
-                _vm.errors.has("formCalon.pengusung_cu_id")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(
-                            _vm.errors.first("formCalon.pengusung_cu_id")
-                          ) +
-                          "\n\t\t"
-                      ),
+                        : _vm._e(),
+                    ])
+                  : item.name == "birthday"
+                  ? _c(
+                      "div",
+                      [
+                        _c("h1", [_vm._v(_vm._s(item.title))]),
+                        _vm._v(" "),
+                        _vm._l(item.cu, function (item2, index2) {
+                          return _c(
+                            "span",
+                            {
+                              key: index2,
+                              staticClass:
+                                "badge bg-blue-400 align-self-center ml-2 mb-1",
+                            },
+                            [
+                              _c("h6", { staticClass: "mb-0" }, [
+                                _vm._v(
+                                  _vm._s(
+                                    "CU " + item2.name + " Ke- " + item2.usia
+                                  )
+                                ),
+                              ]),
+                            ]
+                          )
+                        }),
+                        _vm._v(" "),
+                        _c("br"),
+                        _c("br"),
+                        _vm._v(" "),
+                        _c("h4", {
+                          staticClass: "d-none d-md-block",
+                          domProps: { innerHTML: _vm._s(item.content) },
+                        }),
+                      ],
+                      2
+                    )
+                  : item.name == "news"
+                  ? _c("div", [
+                      _c("h1", [_vm._v(_vm._s(item.title))]),
+                      _vm._v(" "),
+                      _c("span", {
+                        domProps: { innerHTML: _vm._s(item.content) },
+                      }),
                     ])
-                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+                  : _vm._e(),
               ]
             )
-          : _vm._e(),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
+          }),
           _vm._v(" "),
           _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formCalon.aktivis_id == "",
-              },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formCalon.aktivis_id == "",
-              },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+            "hooper-navigation",
+            { attrs: { slot: "hooper-addons" }, slot: "hooper-addons" },
+            [
+              _c("i", { attrs: { slot: "hooper-prev" }, slot: "hooper-prev" }, [
+                _c("i", {
+                  staticClass: "icon-chevron-left",
+                  staticStyle: { color: "rgb(255, 251, 251)" },
+                }),
+              ]),
+              _vm._v(" "),
+              _c("i", { attrs: { slot: "hooper-next" }, slot: "hooper-next" }, [
+                _c("i", {
+                  staticClass: "icon-chevron-right",
+                  staticStyle: { color: "rgb(255, 251, 251)" },
+                }),
+              ]),
+            ]
           ),
           _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-        ]),
-      ],
-      1
-    ),
-  ])
+          _c("hooper-pagination", {
+            attrs: { slot: "hooper-addons" },
+            slot: "hooper-addons",
+          }),
+        ],
+        2
+      ),
+    ],
+    1
+  )
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -3655,17 +5252,34 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/api/system.js":
+/*!*******************************************!*\
+  !*** ./resources/assets/js/api/system.js ***!
+  \*******************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony default export */ __webpack_exports__["default"] = ({
+  countOrganisasi: function countOrganisasi() {
+    return axios.get('/api/countOrganisasi');
+  }
+});
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/countWidget.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/components/countWidget.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* harmony import */ var _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./countWidget.vue?vue&type=template&id=b9608b28& */ "./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&");
+/* harmony import */ var _countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./countWidget.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3675,9 +5289,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3687,57 +5301,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datatable.vue"
+component.options.__file = "resources/assets/js/components/countWidget.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./countWidget.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./countWidget.vue?vue&type=template&id=b9608b28& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/dashboard.vue":
+/*!*************************************************!*\
+  !*** ./resources/assets/js/views/dashboard.vue ***!
+  \*************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
+/* harmony import */ var _dashboard_vue_vue_type_template_id_067b0c71___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dashboard.vue?vue&type=template&id=067b0c71& */ "./resources/assets/js/views/dashboard.vue?vue&type=template&id=067b0c71&");
+/* harmony import */ var _dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dashboard.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dashboard.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -3745,10 +5357,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _dashboard_vue_vue_type_template_id_067b0c71___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _dashboard_vue_vue_type_template_id_067b0c71___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3758,71 +5370,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datePicker.vue"
+component.options.__file = "resources/assets/js/views/dashboard.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/dashboard.vue?vue&type=script&lang=js&":
+/*!**************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \****************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./dashboard.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/dashboard.vue?vue&type=template&id=067b0c71&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard.vue?vue&type=template&id=067b0c71& ***!
+  \********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_dashboard_vue_vue_type_template_id_067b0c71___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./dashboard.vue?vue&type=template&id=067b0c71& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard.vue?vue&type=template&id=067b0c71&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_dashboard_vue_vue_type_template_id_067b0c71___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_dashboard_vue_vue_type_template_id_067b0c71___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/dashboard/buttonRow.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/buttonRow.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _buttonRow_vue_vue_type_template_id_2697e6aa___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./buttonRow.vue?vue&type=template&id=2697e6aa& */ "./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=template&id=2697e6aa&");
+/* harmony import */ var _buttonRow_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./buttonRow.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -3831,9 +5427,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _buttonRow_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _buttonRow_vue_vue_type_template_id_2697e6aa___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _buttonRow_vue_vue_type_template_id_2697e6aa___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3843,55 +5439,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/formInfo.vue"
+component.options.__file = "resources/assets/js/views/dashboard/buttonRow.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_buttonRow_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./buttonRow.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_buttonRow_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=template&id=2697e6aa&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=template&id=2697e6aa& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_buttonRow_vue_vue_type_template_id_2697e6aa___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./buttonRow.vue?vue&type=template&id=2697e6aa& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/buttonRow.vue?vue&type=template&id=2697e6aa&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_buttonRow_vue_vue_type_template_id_2697e6aa___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_buttonRow_vue_vue_type_template_id_2697e6aa___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/dashboard/countOrganisasiWidget.vue":
+/*!***********************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/countOrganisasiWidget.vue ***!
+  \***********************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _countOrganisasiWidget_vue_vue_type_template_id_277315de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./countOrganisasiWidget.vue?vue&type=template&id=277315de& */ "./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=template&id=277315de&");
+/* harmony import */ var _countOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./countOrganisasiWidget.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -3900,9 +5496,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _countOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _countOrganisasiWidget_vue_vue_type_template_id_277315de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _countOrganisasiWidget_vue_vue_type_template_id_277315de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3912,55 +5508,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/infoIcon.vue"
+component.options.__file = "resources/assets/js/views/dashboard/countOrganisasiWidget.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./countOrganisasiWidget.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=template&id=277315de&":
+/*!******************************************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=template&id=277315de& ***!
+  \******************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countOrganisasiWidget_vue_vue_type_template_id_277315de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./countOrganisasiWidget.vue?vue&type=template&id=277315de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/countOrganisasiWidget.vue?vue&type=template&id=277315de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countOrganisasiWidget_vue_vue_type_template_id_277315de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countOrganisasiWidget_vue_vue_type_template_id_277315de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue":
+/*!*************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue ***!
+  \*************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _historyOrganisasiWidget_vue_vue_type_template_id_0e2d4996___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996& */ "./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996&");
+/* harmony import */ var _historyOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./historyOrganisasiWidget.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -3969,9 +5565,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _historyOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _historyOrganisasiWidget_vue_vue_type_template_id_0e2d4996___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _historyOrganisasiWidget_vue_vue_type_template_id_0e2d4996___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3981,54 +5577,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/wajibBadge.vue"
+component.options.__file = "resources/assets/js/views/dashboard/historyOrganisasiWidget.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_historyOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./historyOrganisasiWidget.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_historyOrganisasiWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996&":
+/*!********************************************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996& ***!
+  \********************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_historyOrganisasiWidget_vue_vue_type_template_id_0e2d4996___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/historyOrganisasiWidget.vue?vue&type=template&id=0e2d4996&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_historyOrganisasiWidget_vue_vue_type_template_id_0e2d4996___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_historyOrganisasiWidget_vue_vue_type_template_id_0e2d4996___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/form.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/form.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue":
+/*!********************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue ***!
+  \********************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=bcfbd002& */ "./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _kegiatanBKCUWidget_vue_vue_type_template_id_0165c089___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./kegiatanBKCUWidget.vue?vue&type=template&id=0165c089& */ "./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=template&id=0165c089&");
+/* harmony import */ var _kegiatanBKCUWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./kegiatanBKCUWidget.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4038,9 +5634,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _kegiatanBKCUWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _kegiatanBKCUWidget_vue_vue_type_template_id_0165c089___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _kegiatanBKCUWidget_vue_vue_type_template_id_0165c089___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4050,55 +5646,57 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pemilihan/form.vue"
+component.options.__file = "resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_kegiatanBKCUWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./kegiatanBKCUWidget.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_kegiatanBKCUWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=template&id=0165c089&":
+/*!***************************************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=template&id=0165c089& ***!
+  \***************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=bcfbd002& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_kegiatanBKCUWidget_vue_vue_type_template_id_0165c089___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./kegiatanBKCUWidget.vue?vue&type=template&id=0165c089& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/kegiatanBKCUWidget.vue?vue&type=template&id=0165c089&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_kegiatanBKCUWidget_vue_vue_type_template_id_0165c089___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_kegiatanBKCUWidget_vue_vue_type_template_id_0165c089___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/formCalon.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/formCalon.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/dashboard/newsSlider.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/newsSlider.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formCalon.vue?vue&type=template&id=5cccadc4& */ "./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4&");
-/* harmony import */ var _formCalon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formCalon.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _newsSlider_vue_vue_type_template_id_1f1476bc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./newsSlider.vue?vue&type=template&id=1f1476bc& */ "./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=template&id=1f1476bc&");
+/* harmony import */ var _newsSlider_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./newsSlider.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _newsSlider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./newsSlider.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
 
 
 
@@ -4106,10 +5704,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formCalon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _newsSlider_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _newsSlider_vue_vue_type_template_id_1f1476bc___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _newsSlider_vue_vue_type_template_id_1f1476bc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4119,38 +5717,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/pemilihan/formCalon.vue"
+component.options.__file = "resources/assets/js/views/dashboard/newsSlider.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCalon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./newsSlider.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css&":
+/*!*********************************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css& ***!
+  \*********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./newsSlider.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=template&id=1f1476bc&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=template&id=1f1476bc& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCalon.vue?vue&type=template&id=5cccadc4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_template_id_1f1476bc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./newsSlider.vue?vue&type=template&id=1f1476bc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dashboard/newsSlider.vue?vue&type=template&id=1f1476bc&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_template_id_1f1476bc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_newsSlider_vue_vue_type_template_id_1f1476bc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/52.js b/public/js/components/52.js
index 1c5b428f4..6ba4084ba 100644
--- a/public/js/components/52.js
+++ b/public/js/components/52.js
@@ -219,10 +219,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -238,10 +238,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 /* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
 /* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _tableAnggota_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./tableAnggota.vue */ "./resources/assets/js/views/jalinanIuran/tableAnggota.vue");
+/* harmony import */ var _formCalon_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./formCalon.vue */ "./resources/assets/js/views/pemilihan/formCalon.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -582,6 +583,329 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    formCalon: _formCalon_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default.a,
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_12__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Tambah Pemilihan',
+      titleDesc: 'Menambah pemilihan baru',
+      titleIcon: 'icon-plus3',
+      level: 2,
+      level2Title: 'Pemilihan',
+      kelas: 'pemilihan',
+      sasaran: [],
+      tempatData: '',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        year: {
+          date: true,
+          datePattern: ['Y']
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        number4: {
+          numeral: true,
+          numeralIntegerScale: 4,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      columnDataCalon: [{
+        title: 'No. Urut'
+      }, {
+        title: 'Foto'
+      }, {
+        title: 'Nama'
+      }, {
+        title: 'Tanggal Lahir'
+      }, {
+        title: 'Tempat Lahir'
+      }, {
+        title: 'Status'
+      }, {
+        title: 'Pendidikan'
+      }],
+      selectedItemCalon: '',
+      formCalonMode: '',
+      itemDataCalon: [],
+      itemDataCalonStat: 'success',
+      cancelState: 'methods',
+      state: '',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      modalSize: '',
+      submited: false
+    };
+  },
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
+  watch: {
+    formStat: function formStat(value) {
+      if (value === "success") {
+        this.form.id_cu = this.currentUser.id_cu;
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      if (this.currentUser.id_cu == 0) {
+        this.$store.dispatch(this.kelas + '/indexPemilihan');
+      } else {
+        this.$store.dispatch(this.kelas + '/indexPemilihanCu', this.currentUser.id_cu);
+      }
+
+      if (this.$route.meta.mode == 'edit') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+      } else {
+        this.$store.dispatch(this.kelas + '/create');
+      }
+
+      if (this.$route.meta.mode == 'edit') {
+        this.title = 'Ubah ' + this.level2Title;
+        this.titleDesc = 'Mengubah ' + this.level2Title;
+        this.titleIcon = 'icon-pencil5';
+      } else {
+        this.title = 'Tambah ' + this.level2Title;
+        this.titleDesc = 'Menambah ' + this.level2Title;
+        this.titleIcon = 'icon-plus3';
+      }
+    },
+    min: function min() {
+      if (this.form.pemilihan_min < 1) {
+        this.form.pemilihan_min = 1;
+      }
+    },
+    max: function max() {
+      if (this.form.pemilihan_max < this.form.pemilihan_min) {
+        this.form.pemilihan_max = this.form.pemilihan_min;
+      }
+    },
+    createCalon: function createCalon(value) {
+      this.itemDataCalon.push(value);
+      this.selectedItemCalon = {};
+      this.modalTutup();
+    },
+    editCalon: function editCalon(value) {
+      lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCalon, {
+        index: value.index
+      });
+
+      this.itemDataCalon.push(value);
+      this.selectedItemCalon = {};
+      this.modalTutup();
+    },
+    save: function save() {
+      var _this = this;
+
+      this.form.calon = this.itemDataCalon;
+      this.state = '';
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.$route.meta.mode == 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
+          } else {
+            _this.$store.dispatch(_this.kelas + '/store', _this.form);
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
+    back: function back() {
+      if (this.currentUser.id_cu == 0) {
+        this.$router.push({
+          name: this.kelas,
+          params: {
+            cu: 'semua'
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.kelas,
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        });
+      }
+    },
+    selectedRow: function selectedRow(item, index) {
+      this.selectedItemCalon = item;
+      this.selectedItemCalon.index = index;
+    },
+    selectedRow2: function selectedRow2(item, index) {
+      this.selectedItemSuara = item;
+      this.selectedItemSuara.index = index;
+    },
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItemCalon = itemMobile;
+      }
+
+      if (state == 'hapusCalon') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Calon' + this.selectedItemCalon.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+        this.modalSize = '';
+      } else if (state == 'ubahCalon') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah Calon';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formCalonMode = 'edit';
+      } else if (state == 'tambahCalon') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah Calon';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formCalonMode = 'create';
+      }
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      this.modalShow = false;
+
+      if (this.state == 'hapusCalon') {
+        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCalon, {
+          index: this.selectedItemCalon.index
+        });
+
+        this.selectedItemCalon = {};
+      }
+    },
+    modalTutup: function modalTutup() {
+      if (this.updateStat == 'success' && this.state == '') {
+        this.$store.dispatch(this.kelas + '/resetUpdateStat');
+        this.back();
+      }
+
+      this.modalShow = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+    },
+    momentYear: function momentYear() {
+      return moment().year();
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('pemilihan', {
+    form: 'data',
+    formStat: 'dataStat',
+    modelPemilihan: 'dataS2',
+    modelPemilihanStat: 'dataStatS2',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -783,141 +1107,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
 
 
 
@@ -925,535 +1114,166 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected'],
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    tableAnggota: _tableAnggota_vue__WEBPACK_IMPORTED_MODULE_12__["default"]
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
   data: function data() {
     return {
-      title: 'Detail Setoran Solidaritas Jalinan',
-      titleDesc: 'Detail iuran Jalinan',
-      titleIcon: 'icon-stack2',
-      level: 2,
-      level2Title: 'Iuran Jalinan',
-      kelas: 'jalinanIuran',
-      sasaran: [],
-      tempatData: '',
-      idCu: '',
-      periodeBulan: '',
-      periodeTahun: '',
-      itemTahun: [],
-      tabName: 'iuran',
-      anggotaMasukData: [],
-      cancelState: 'methods',
-      state: '',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      modalSize: '',
-      submited: false,
-      confirmTitle: '',
+      title: '',
+      kelas: 'aktivis',
+      cleaveOption: {
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        }
+      },
+      selectedItem: [],
+      formCalon: {
+        aktivis_id: '',
+        pengusung_cu_id: '',
+        name: '',
+        gambar: ''
+      },
       query: {
-        order_column: "id",
+        order_column: "name",
         order_direction: "asc",
         filter_match: "and",
-        limit: 10,
+        limit: 5,
         page: 1
-      }
+      },
+      columnDataDalam: [{
+        title: 'No.'
+      }, {
+        title: 'Foto'
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Gender'
+      }, {
+        title: 'CU'
+      }, {
+        title: 'Tingkat'
+      }, {
+        title: 'Jabatan'
+      }, {
+        title: 'Pendidikan'
+      }, {
+        title: 'Jurusan'
+      }, {
+        title: 'Tgl. Lahir'
+      }, {
+        title: 'Tempat Lahir'
+      }, {
+        title: 'Agama'
+      }, {
+        title: 'Status'
+      }, {
+        title: 'Provinsi'
+      }, {
+        title: 'Kabupaten/Kota'
+      }, {
+        title: 'Kecamatan'
+      }, {
+        title: 'Kelurahan'
+      }, {
+        title: 'Alamat'
+      }, {
+        title: 'Email'
+      }, {
+        title: 'Hp'
+      }],
+      submited: false
     };
   },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
   created: function created() {
-    this.formStat == '';
-    this.anggotaDataStat == '';
-  },
-  watch: {
-    formStat: function formStat(value) {
-      if (value == 'success') {
-        if (this.currentUser.id_cu == 0) {
-          if (this.form.status == 0) {
-            this.confirmTitle = 'Konfirmasi Pembayaran';
-          } else if (this.form.status == 1) {
-            this.confirmTitle = 'Iuran Lunas';
-          } else if (this.form.status == 2) {
-            this.confirmTitle = 'Batal Lunas';
-          }
-        } else {
-          if (this.form.status == 0) {
-            this.confirmTitle = 'Konfirmasi Pembayaran';
-          } else if (this.form.status == 1) {
-            this.confirmTitle = 'Batal Pembayaran';
-          }
-        }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
+    if (this.mode == 'edit') {
+      this.formCalon = Object.assign({}, this.selected);
+    } else {
+      this.fetch();
     }
   },
   methods: {
     fetch: function fetch() {
-      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+      this.$store.commit('aktivis/setDataS', []);
+      this.$store.commit('aktivis/setDataStatS', '');
+      this.deleteSelected();
+      this.fetchDalam(this.query);
+    },
+    fetchDalam: function fetchDalam(params) {
+      if (this.currentUser.id_cu == 0) {
+        this.$store.dispatch('aktivis/index', [params, 'semua', 'aktif']);
+      } else {
+        this.$store.dispatch('aktivis/indexCu', [params, this.currentUser.id_cu, 'semua', 'aktif']);
+      }
+    },
+    deleteSelected: function deleteSelected() {
+      this.formCalon.aktivis_id = '';
+      this.selectedItem = '';
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+      this.formCalon.aktivis_id = item.id;
+      this.formCalon.name = item.name;
+      this.formCalon.gambar = item.gambar;
+      this.formCalon.status = item.status;
+      this.formCalon.tanggal_lahir = item.tanggal_lahir != '' ? item.tanggal_lahir : '-';
+      this.formCalon.tempat_lahir = item.tempat_lahir != '' ? item.tempat_lahir : '-';
+
+      if (item.pendidikan_tertinggi) {
+        this.formCalon.pendidikan = item.pendidikan_tertinggi.tingkat + ' ' + item.pendidikan_tertinggi.name;
+      }
     },
     save: function save() {
       var _this = this;
 
-      this.form.id_cu = this.idCu;
-      this.state = '';
-      this.$validator.validateAll('form').then(function (result) {
+      if (this.currentUser.id_cu != 0) {
+        this.formCalon.pengusung_cu_id = this.currentUser.id_cu;
+      }
+
+      this.$validator.validateAll('formCalon').then(function (result) {
         if (result) {
-          _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
+          if (_this.mode == 'edit') {
+            _this.$emit('editCalon', _this.formCalon);
+          } else {
+            _this.$emit('createCalon', _this.formCalon);
+          }
 
           _this.submited = false;
         } else {
-          window.scrollTo(0, 0);
           _this.submited = true;
         }
       });
     },
-    back: function back() {
-      if (this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: 'semua'
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        });
-      }
-    },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-    },
-    selectedRow: function selectedRow(item, index) {
-      this.selectedItemCalon = item;
-      this.selectedItemCalon.index = index;
-    },
-    selectedRow2: function selectedRow2(item, index) {
-      this.selectedItemSuara = item;
-      this.selectedItemSuara.index = index;
-    },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.state = state;
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
+    itemDataDalam: 'dataS',
+    itemDataDalamStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
+  }))
+});
 
-      if (isMobile) {
-        this.selectedItemCalon = itemMobile;
-      }
-
-      if (state == 'hapusCalon') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus Calon' + this.selectedItemCalon.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-        this.modalSize = '';
-      } else if (state == 'ubahCalon') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah Calon';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formCalonMode = 'edit';
-      } else if (state == 'tambahCalon') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah Calon';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formCalonMode = 'create';
-      }
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      this.modalShow = false;
-
-      if (this.state == 'hapusCalon') {
-        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCalon, {
-          index: this.selectedItemCalon.index
-        });
-
-        this.selectedItemCalon = {};
-      }
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat == 'success' && this.state == '') {
-        this.$store.dispatch(this.kelas + '/resetUpdateStat');
-        this.back();
-      }
-
-      this.modalShow = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    },
-    momentYear: function momentYear() {
-      return moment().year();
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'headerDataS',
-    modelCuStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanIuran', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
-    anggotaData: 'dataS',
-    anggotaDataStat: 'dataStatS',
-    anggotaKeluarData: 'dataS2',
-    anggotaKeluarDataStat: 'dataStatS2'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  props: ['kelas', 'title', 'deskripsi', 'produkData', 'cu', 'lokasi'],
-  data: function data() {
-    return {
-      selectedItem: [],
-      plafon: 0,
-      query: {
-        order_column: "id",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      excelDownloadUrl: '',
-      columnData: [{
-        title: 'No.',
-        name: 'No'
-      }, {
-        title: 'No. BA',
-        name: 'no_ba',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'No. KTP / NIK',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Tgl. Lahir',
-        name: 'tanggal_lahir',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Umur Masuk',
-        name: 'tanggal_masuk',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Umur Sekarang',
-        name: 'tanggal_lahir',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Umur Cair',
-        name: 'tanggal_cair',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      excel: {
-        fields: {},
-        data: [],
-        meta: [[{
-          "key": "charset",
-          "value": "utf-8"
-        }]]
-      }
-    };
-  },
-  created: function created() {
-    var produk;
-
-    var _iterator = _createForOfIteratorHelper(this.produkData),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        produk = _step.value;
-
-        if (produk.produk) {
-          if (produk.produk.jalinan == 1) {
-            if (this.lokasi == 3 || this.lokasi == 4 || this.lokasi == 5 || this.lokasi == 6 || this.lokasi == 7 || this.lokasi == 8 || this.lokasi == 9 || this.lokasi == 10 || this.lokasi == 11) {
-              if (produk.produk.tipe == 'Simpanan Wajib' || produk.produk.tipe == 'Simpanan Pokok' || produk.produk.tipe == 'Simpanan Non Saham') {
-                this.columnData.push({
-                  title: produk.produk.name,
-                  name: 'X' + produk.produk_cu_id,
-                  id: 'X' + produk.produk_cu_id,
-                  tipe: 'numeric'
-                });
-              }
-            } else {
-              if (produk.produk.tipe == 'Pinjaman Kapitalisasi' || produk.produk.tipe == 'Pinjaman Umum' || produk.produk.tipe == 'Pinjaman Produktif') {
-                this.columnData.push({
-                  title: produk.produk.name,
-                  name: 'X' + produk.produk_cu_id,
-                  id: 'X' + produk.produk_cu_id,
-                  tipe: 'numeric'
-                });
-              }
-            }
-          }
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-
-    this.columnData.push({
-      title: 'Total',
-      name: 'total',
-      tipe: 'numeric'
-    });
-    this.columnData.push({
-      title: 'Plafon',
-      name: 'plafon',
-      tipe: 'numeric'
-    });
-    this.columnData.push({
-      title: 'Pengurang',
-      name: 'pengurang',
-      tipe: 'numeric'
-    });
-    this.fetch(this.query);
-  },
-  watch: {
-    itemDataStat: function itemDataStat(value) {
-      if (value == 'success') {
-        this.fieldExcel();
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch(params) {
-      this.$store.dispatch(this.kelas + '/indexAnggota', [params, this.$route.params.id, this.cu, this.lokasi]);
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    fieldExcel: function fieldExcel() {
-      var vm = this;
-      vm.excel.fields = {};
-      vm.columnData.forEach(function (column) {
-        if (!column.hide && !column.disable && column.tipe) {
-          if (column.excelName) {
-            vm.excel.fields[column.title] = column.excelName;
-          } else {
-            vm.excel.fields[column.title] = column.name;
-          }
-        }
-      });
-      vm.excel.data = vm.itemData;
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanIuran', {
-    itemData: 'dataS2',
-    itemDataStat: 'dataStatS2'
-  }))
-});
-
-/***/ }),
+/***/ }),
 
 /***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
 /*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
@@ -1472,6 +1292,23 @@ exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""
 // exports
 
 
+/***/ }),
+
+/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
+
+//# sourceMappingURL=FileSaver.min.js.map
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
 /***/ }),
 
 /***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
@@ -1770,10 +1607,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=template&id=e682995e&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=template&id=e682995e& ***!
-  \************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002& ***!
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1819,2526 +1656,1236 @@ var render = function () {
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _vm.formStat == "success"
-                ? _c(
-                    "div",
-                    [
-                      _c("div", { staticClass: "card card-body" }, [
-                        _c("div", { staticClass: "input-group" }, [
-                          _vm._m(0),
-                          _vm._v(" "),
-                          _c(
-                            "select",
-                            {
-                              staticClass: "form-control",
-                              attrs: { "data-width": "100%" },
-                              on: {
-                                change: function ($event) {
-                                  return _vm.changeTab($event.target.value)
-                                },
-                              },
-                            },
-                            [
-                              _c("option", { attrs: { value: "iuran" } }, [
-                                _vm._v("Setoran Solidaritas"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet3" } }, [
-                                _vm._v("Simp > 5JT"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet4" } }, [
-                                _vm._v("Simp > 50JT | 1 s.d. 70 Thn"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet5" } }, [
-                                _vm._v("Simp > 10JT | 60 s.d. 70 Thn"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet6" } }, [
-                                _vm._v("Simp > 70 Thn | Masuk < 60 Thn"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet7" } }, [
-                                _vm._v("Simp > 70 Thn | Masuk 60 s.d. 70 Thn"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet8" } }, [
-                                _vm._v("Masuk > 70 Thn"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet9" } }, [
-                                _vm._v("Simp Kap < 30 Hari"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet10" } }, [
-                                _vm._v("Simp Kap Lalai 3 Hari"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet11" } }, [
-                                _vm._v("Simp Lembaga"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet12" } }, [
-                                _vm._v("Pinj Non Pro > 150 JT"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet13" } }, [
-                                _vm._v("Pinj > 50 JT"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet14" } }, [
-                                _vm._v("Pinj Kap > 25 JT"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet15" } }, [
-                                _vm._v("Pinj Agt > 70 JT"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet16" } }, [
-                                _vm._v("Pinj Kap < 30 Hari"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet17" } }, [
-                                _vm._v("Pinj Macet > 6 Bln"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet18" } }, [
-                                _vm._v("Pinj Kap Lalai > 3 Bln"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet21" } }, [
-                                _vm._v("Pinj Pro > 300 JT"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet22" } }, [
-                                _vm._v("Pinj Ganda > 300 JT"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet23" } }, [
-                                _vm._v("Piut Kap > 5 Thn"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet24" } }, [
-                                _vm._v("Piut Umum > 15 Thn"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "sheet25" } }, [
-                                _vm._v("Pinj Lain-Lain"),
-                              ]),
-                            ]
-                          ),
-                        ]),
-                      ]),
-                      _vm._v(" "),
+              _c(
+                "form",
+                {
+                  attrs: {
+                    enctype: "multipart/form-data",
+                    "data-vv-scope": "form",
+                  },
+                  on: {
+                    submit: function ($event) {
+                      $event.preventDefault()
+                      return _vm.save.apply(null, arguments)
+                    },
+                  },
+                },
+                [
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(0),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
                       _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
+                        "div",
+                        { staticClass: "row" },
                         [
-                          _c(
-                            "div",
-                            {
-                              directives: [
-                                {
-                                  name: "show",
-                                  rawName: "v-show",
-                                  value: _vm.tabName == "iuran",
-                                  expression: "tabName == 'iuran'",
+                          _c("div", { staticClass: "col-md-4" }, [
+                            _c(
+                              "div",
+                              {
+                                staticClass: "form-group",
+                                class: {
+                                  "has-error": _vm.errors.has("form.name"),
                                 },
-                              ],
-                            },
-                            [
-                              _c(
-                                "form",
-                                {
-                                  attrs: { "data-vv-scope": "form" },
+                              },
+                              [
+                                _c(
+                                  "h5",
+                                  {
+                                    class: {
+                                      "text-danger":
+                                        _vm.errors.has("form.name"),
+                                    },
+                                  },
+                                  [
+                                    _vm.errors.has("form.name")
+                                      ? _c("i", { staticClass: "icon-cross2" })
+                                      : _vm._e(),
+                                    _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
+                                    _c("wajib-badge"),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("input", {
+                                  directives: [
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required|min:5",
+                                      expression: "'required|min:5'",
+                                    },
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.name,
+                                      expression: "form.name",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    type: "text",
+                                    name: "name",
+                                    placeholder: "Silahkan masukkan nama",
+                                    "data-vv-as": "Nama",
+                                  },
+                                  domProps: { value: _vm.form.name },
                                   on: {
-                                    submit: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.save.apply(null, arguments)
+                                    input: function ($event) {
+                                      if ($event.target.composing) {
+                                        return
+                                      }
+                                      _vm.$set(
+                                        _vm.form,
+                                        "name",
+                                        $event.target.value
+                                      )
                                     },
                                   },
-                                },
-                                [
-                                  _c("div", { staticClass: "row" }, [
-                                    _c("div", { staticClass: "col-lg-6" }, [
-                                      _c("div", { staticClass: "card" }, [
+                                }),
+                                _vm._v(" "),
+                                _vm.errors.has("form.name")
+                                  ? _c(
+                                      "small",
+                                      { staticClass: "text-muted text-danger" },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-arrow-small-right",
+                                        }),
+                                        _vm._v(
+                                          " " +
+                                            _vm._s(
+                                              _vm.errors.first("form.name")
+                                            ) +
+                                            "\n\t\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    )
+                                  : _c("small", { staticClass: "text-muted" }, [
+                                      _vm._v(" "),
+                                    ]),
+                              ]
+                            ),
+                          ]),
+                          _vm._v(" "),
+                          _vm.currentUser.id_cu === 0
+                            ? _c("div", { staticClass: "col-md-4" }, [
+                                _c(
+                                  "div",
+                                  {
+                                    staticClass: "form-group",
+                                    class: {
+                                      "has-error": _vm.errors.has("form.id_cu"),
+                                    },
+                                  },
+                                  [
+                                    _c(
+                                      "h5",
+                                      {
+                                        class: {
+                                          "text-danger":
+                                            _vm.errors.has("form.id_cu"),
+                                        },
+                                      },
+                                      [
+                                        _vm.errors.has("form.id_cu")
+                                          ? _c("i", {
+                                              staticClass: "icon-cross2",
+                                            })
+                                          : _vm._e(),
+                                        _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
+                                        _c("wajib-badge"),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "select",
+                                      {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.id_cu,
+                                            expression: "form.id_cu",
+                                          },
+                                          {
+                                            name: "validate",
+                                            rawName: "v-validate",
+                                            value: "required",
+                                            expression: "'required'",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          name: "id_cu",
+                                          "data-width": "100%",
+                                          "data-vv-as": "CU",
+                                          disabled: _vm.modelCU.length === 0,
+                                        },
+                                        on: {
+                                          change: [
+                                            function ($event) {
+                                              var $$selectedVal =
+                                                Array.prototype.filter
+                                                  .call(
+                                                    $event.target.options,
+                                                    function (o) {
+                                                      return o.selected
+                                                    }
+                                                  )
+                                                  .map(function (o) {
+                                                    var val =
+                                                      "_value" in o
+                                                        ? o._value
+                                                        : o.value
+                                                    return val
+                                                  })
+                                              _vm.$set(
+                                                _vm.form,
+                                                "id_cu",
+                                                $event.target.multiple
+                                                  ? $$selectedVal
+                                                  : $$selectedVal[0]
+                                              )
+                                            },
+                                            function ($event) {
+                                              return _vm.changeCU(
+                                                $event.target.value
+                                              )
+                                            },
+                                          ],
+                                        },
+                                      },
+                                      [
                                         _c(
-                                          "div",
+                                          "option",
                                           {
-                                            staticClass: "card-header bg-white",
+                                            attrs: { disabled: "", value: "" },
                                           },
                                           [
-                                            _c(
-                                              "h5",
-                                              { staticClass: "card-title" },
-                                              [_vm._v("Santunan Solidaritas")]
-                                            ),
+                                            _vm.modelCUStat === "loading"
+                                              ? _c("span", [
+                                                  _vm._v("Mohon tunggu..."),
+                                                ])
+                                              : _c("span", [
+                                                  _vm._v("Silahkan pilih CU"),
+                                                ]),
                                           ]
                                         ),
                                         _vm._v(" "),
                                         _c(
-                                          "div",
-                                          { staticClass: "card-body" },
+                                          "option",
+                                          { attrs: { value: "0" } },
                                           [
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [
-                                                  _c("b", [
-                                                    _vm._v(
-                                                      "A. Simpanan yang disolidaritaskan"
-                                                    ),
-                                                  ]),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "table-responsive",
-                                                },
-                                                [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c(
-                                                        "tbody",
-                                                        [
-                                                          _vm._l(
-                                                            _vm.form.produk,
-                                                            function (
-                                                              produk,
-                                                              index
-                                                            ) {
-                                                              return produk.produk &&
-                                                                (produk.produk
-                                                                  .tipe ==
-                                                                  "Simpanan Pokok" ||
-                                                                  produk.produk
-                                                                    .tipe ==
-                                                                    "Simpanan Wajib" ||
-                                                                  produk.produk
-                                                                    .tipe ==
-                                                                    "Simpanan Non Saham")
-                                                                ? _c("tr", [
-                                                                    _c("th", [
-                                                                      _vm._v(
-                                                                        _vm._s(
-                                                                          produk
-                                                                            .produk
-                                                                            .name
-                                                                        )
-                                                                      ),
-                                                                    ]),
-                                                                    _vm._v(" "),
-                                                                    _c(
-                                                                      "td",
-                                                                      {
-                                                                        staticClass:
-                                                                          "text-right",
-                                                                      },
-                                                                      [
-                                                                        _c(
-                                                                          "check-value",
-                                                                          {
-                                                                            attrs:
-                                                                              {
-                                                                                value:
-                                                                                  produk.saldo,
-                                                                                valueType:
-                                                                                  "currency",
-                                                                              },
-                                                                          }
-                                                                        ),
-                                                                      ],
-                                                                      1
-                                                                    ),
-                                                                  ])
-                                                                : _vm._e()
-                                                            }
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c("tr", [
-                                                            _c("th", [
-                                                              _vm._v(
-                                                                "Jumlah Simpanan yang disolidaritaskan"
-                                                              ),
-                                                            ]),
-                                                            _vm._v(" "),
-                                                            _c(
-                                                              "td",
-                                                              {
-                                                                staticClass:
-                                                                  "text-right",
-                                                              },
-                                                              [
-                                                                _c(
-                                                                  "check-value",
-                                                                  {
-                                                                    attrs: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .total_simpanan,
-                                                                      valueType:
-                                                                        "currency",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]),
-                                                        ],
-                                                        2
-                                                      ),
-                                                    ]
+                                            _vm.currentUser.pus
+                                              ? _c("span", [
+                                                  _vm._v(
+                                                    _vm._s(
+                                                      _vm.currentUser.pus.name
+                                                    )
                                                   ),
-                                                ]
+                                                ])
+                                              : _c("span", [
+                                                  _vm._v("PUSKOPCUINA"),
+                                                ]),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _vm._l(
+                                          _vm.modelCU,
+                                          function (cu, index) {
+                                            return _c(
+                                              "option",
+                                              {
+                                                key: index,
+                                                domProps: { value: cu.id },
+                                              },
+                                              [_vm._v(_vm._s(cu.name))]
+                                            )
+                                          }
+                                        ),
+                                      ],
+                                      2
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.errors.has("form.id_cu")
+                                      ? _c(
+                                          "small",
+                                          {
+                                            staticClass:
+                                              "text-muted text-danger",
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass:
+                                                "icon-arrow-small-right",
+                                            }),
+                                            _vm._v(
+                                              " " +
+                                                _vm._s(
+                                                  _vm.errors.first("form.id_cu")
+                                                ) +
+                                                "\n\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c(
+                                          "small",
+                                          { staticClass: "text-muted" },
+                                          [_vm._v(" ")]
+                                        ),
+                                  ]
+                                ),
+                              ])
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-md-4" }, [
+                            _c(
+                              "div",
+                              {
+                                staticClass: "form-group",
+                                class: {
+                                  "has-error": _vm.errors.has("form.tingkat"),
+                                },
+                              },
+                              [
+                                _c(
+                                  "h6",
+                                  {
+                                    class: {
+                                      "text-danger":
+                                        _vm.errors.has("form.tingkat"),
+                                    },
+                                  },
+                                  [
+                                    _vm.errors.has("form.tingkat")
+                                      ? _c("i", { staticClass: "icon-cross2" })
+                                      : _vm._e(),
+                                    _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tTingkat: "),
+                                    _c("wajib-badge"),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "select",
+                                  {
+                                    directives: [
+                                      {
+                                        name: "model",
+                                        rawName: "v-model",
+                                        value: _vm.form.tingkat,
+                                        expression: "form.tingkat",
+                                      },
+                                      {
+                                        name: "validate",
+                                        rawName: "v-validate",
+                                        value: "required",
+                                        expression: "'required'",
+                                      },
+                                    ],
+                                    staticClass: "form-control",
+                                    attrs: {
+                                      name: "pekerjaan_tingkat",
+                                      "data-width": "100%",
+                                      "data-vv-as": "Tingkat Pekerjaan",
+                                    },
+                                    on: {
+                                      change: function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "tingkat",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                    },
+                                  },
+                                  [
+                                    _c(
+                                      "option",
+                                      { attrs: { disabled: "", value: "" } },
+                                      [
+                                        _vm._v(
+                                          "Silahkan pilih tingkat pekerjaan"
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("option", { attrs: { value: "1" } }, [
+                                      _vm._v("Pengurus"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("option", { attrs: { value: "2" } }, [
+                                      _vm._v("Pengawas"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("option", { attrs: { value: "3" } }, [
+                                      _vm._v("Komite"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("option", { attrs: { value: "4" } }, [
+                                      _vm._v("Penasihat"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("option", { attrs: { value: "5" } }, [
+                                      _vm._v(
+                                        "Senior Manajer (General Manager, CEO, Deputy)"
+                                      ),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("option", { attrs: { value: "6" } }, [
+                                      _vm._v("Manajer"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("option", { attrs: { value: "7" } }, [
+                                      _vm._v(
+                                        "Supervisor (Kepala Bagian, Kepala Divisi, Kepala/Koordinator TP, Kepala Bidang)"
+                                      ),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("option", { attrs: { value: "8" } }, [
+                                      _vm._v("Staf"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("option", { attrs: { value: "9" } }, [
+                                      _vm._v("Kontrak"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("option", { attrs: { value: "10" } }, [
+                                      _vm._v("Kolektor"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("option", { attrs: { value: "11" } }, [
+                                      _vm._v("Kelompok Inti"),
+                                    ]),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _vm.errors.has("form.tingkat")
+                                  ? _c(
+                                      "small",
+                                      { staticClass: "text-muted text-danger" },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-arrow-small-right",
+                                        }),
+                                        _vm._v(
+                                          " " +
+                                            _vm._s(
+                                              _vm.errors.first("form.tingkat")
+                                            ) +
+                                            "\n\t\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    )
+                                  : _c("small", { staticClass: "text-muted" }, [
+                                      _vm._v(" "),
+                                    ]),
+                              ]
+                            ),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-md-6" }, [
+                            _c(
+                              "div",
+                              {
+                                staticClass: "form-group",
+                                class: {
+                                  "has-error":
+                                    _vm.errors.has("form.pemilihan_min"),
+                                },
+                              },
+                              [
+                                _c(
+                                  "h5",
+                                  {
+                                    class: {
+                                      "text-danger":
+                                        _vm.errors.has("form.pemilihan_min"),
+                                    },
+                                  },
+                                  [
+                                    _vm.errors.has("form.pemilihan_min")
+                                      ? _c("i", { staticClass: "icon-cross2" })
+                                      : _vm._e(),
+                                    _vm._v(
+                                      "\n\t\t\t\t\t\t\t\t\t\t\tPemilih Minimum: "
+                                    ),
+                                    _c("wajib-badge"),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("cleave", {
+                                  directives: [
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "pemilihan_min",
+                                    raw: false,
+                                    options: _vm.cleaveOption.number3,
+                                    placeholder:
+                                      "Silahkan masukkan pemilihan minimum",
+                                    "data-vv-as": "Pemilihan Minimum",
+                                  },
+                                  nativeOn: {
+                                    blur: function ($event) {
+                                      return _vm.min.apply(null, arguments)
+                                    },
+                                  },
+                                  model: {
+                                    value: _vm.form.pemilihan_min,
+                                    callback: function ($$v) {
+                                      _vm.$set(_vm.form, "pemilihan_min", $$v)
+                                    },
+                                    expression: "form.pemilihan_min",
+                                  },
+                                }),
+                                _vm._v(" "),
+                                _vm.errors.has("form.pemilihan_min")
+                                  ? _c(
+                                      "small",
+                                      { staticClass: "text-muted text-danger" },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-arrow-small-right",
+                                        }),
+                                        _vm._v(
+                                          " " +
+                                            _vm._s(
+                                              _vm.errors.first(
+                                                "form.pemilihan_min"
+                                              )
+                                            ) +
+                                            "\n\t\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    )
+                                  : _c("small", { staticClass: "text-muted" }, [
+                                      _vm._v(" "),
+                                    ]),
+                              ],
+                              1
+                            ),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-md-6" }, [
+                            _c(
+                              "div",
+                              {
+                                staticClass: "form-group",
+                                class: {
+                                  "has-error":
+                                    _vm.errors.has("form.pemilihan_max"),
+                                },
+                              },
+                              [
+                                _c(
+                                  "h5",
+                                  {
+                                    class: {
+                                      "text-danger":
+                                        _vm.errors.has("form.pemilihan_max"),
+                                    },
+                                  },
+                                  [
+                                    _vm.errors.has("form.pemilihan_max")
+                                      ? _c("i", { staticClass: "icon-cross2" })
+                                      : _vm._e(),
+                                    _vm._v(
+                                      "\n\t\t\t\t\t\t\t\t\t\t\tPemilih Maximum: "
+                                    ),
+                                    _c("wajib-badge"),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("cleave", {
+                                  directives: [
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "pemilihan_max",
+                                    raw: false,
+                                    options: _vm.cleaveOption.number3,
+                                    placeholder:
+                                      "Silahkan masukkan pemilihan maximum",
+                                    "data-vv-as": "Pemilihan Maximum",
+                                  },
+                                  nativeOn: {
+                                    blur: function ($event) {
+                                      return _vm.max.apply(null, arguments)
+                                    },
+                                  },
+                                  model: {
+                                    value: _vm.form.pemilihan_max,
+                                    callback: function ($$v) {
+                                      _vm.$set(_vm.form, "pemilihan_max", $$v)
+                                    },
+                                    expression: "form.pemilihan_max",
+                                  },
+                                }),
+                                _vm._v(" "),
+                                _vm.errors.has("form.pemilihan_max")
+                                  ? _c(
+                                      "small",
+                                      { staticClass: "text-muted text-danger" },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-arrow-small-right",
+                                        }),
+                                        _vm._v(
+                                          " " +
+                                            _vm._s(
+                                              _vm.errors.first(
+                                                "form.pemilihan_max"
+                                              )
+                                            ) +
+                                            "\n\t\t\t\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    )
+                                  : _c("small", { staticClass: "text-muted" }, [
+                                      _vm._v(" "),
+                                    ]),
+                              ],
+                              1
+                            ),
+                          ]),
+                          _vm._v(" "),
+                          _vm.$route.meta.mode != "edit"
+                            ? [
+                                _c("div", { staticClass: "col-md-12" }, [
+                                  _c(
+                                    "div",
+                                    {
+                                      staticClass: "form-group",
+                                      class: {
+                                        "has-error":
+                                          _vm.errors.has("form.sumberSuara"),
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "h5",
+                                        {
+                                          class: {
+                                            "text-danger":
+                                              _vm.errors.has(
+                                                "form.sumberSuara"
                                               ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [
-                                                  _c("b", [
+                                          },
+                                        },
+                                        [
+                                          _vm.errors.has("form.sumberSuara")
+                                            ? _c("i", {
+                                                staticClass: "icon-cross2",
+                                              })
+                                            : _vm._e(),
+                                          _vm._v(
+                                            "\n\t\t\t\t\t\t\t\t\t\t\t\tSumber Data Suara: "
+                                          ),
+                                          _c("wajib-badge"),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "select",
+                                        {
+                                          directives: [
+                                            {
+                                              name: "model",
+                                              rawName: "v-model",
+                                              value: _vm.form.sumberSuara,
+                                              expression: "form.sumberSuara",
+                                            },
+                                            {
+                                              name: "validate",
+                                              rawName: "v-validate",
+                                              value: "required",
+                                              expression: "'required'",
+                                            },
+                                          ],
+                                          staticClass: "form-control",
+                                          attrs: {
+                                            name: "sumberSuara",
+                                            "data-width": "100%",
+                                            "data-vv-as": "Penulis",
+                                            disabled:
+                                              _vm.modelPemilihanStat ===
+                                              "loading",
+                                          },
+                                          on: {
+                                            change: function ($event) {
+                                              var $$selectedVal =
+                                                Array.prototype.filter
+                                                  .call(
+                                                    $event.target.options,
+                                                    function (o) {
+                                                      return o.selected
+                                                    }
+                                                  )
+                                                  .map(function (o) {
+                                                    var val =
+                                                      "_value" in o
+                                                        ? o._value
+                                                        : o.value
+                                                    return val
+                                                  })
+                                              _vm.$set(
+                                                _vm.form,
+                                                "sumberSuara",
+                                                $event.target.multiple
+                                                  ? $$selectedVal
+                                                  : $$selectedVal[0]
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c(
+                                            "option",
+                                            {
+                                              attrs: {
+                                                disabled: "",
+                                                value: "",
+                                              },
+                                            },
+                                            [
+                                              _vm.modelPemilihanStat ===
+                                              "loading"
+                                                ? _c("span", [
+                                                    _vm._v("Mohon tunggu..."),
+                                                  ])
+                                                : _c("span", [
                                                     _vm._v(
-                                                      "B. Simpanan sebagai pengurang"
+                                                      "Silahkan pilih sumber data suara"
                                                     ),
                                                   ]),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
+                                            ]
+                                          ),
+                                          _vm._v(" "),
+                                          _c(
+                                            "option",
+                                            { attrs: { value: "0" } },
+                                            [_vm._v("Data Suara Baru")]
+                                          ),
+                                          _vm._v(" "),
+                                          _c(
+                                            "option",
+                                            {
+                                              attrs: {
+                                                disabled: "",
+                                                value: "",
+                                              },
+                                            },
+                                            [_vm._v("----------------")]
+                                          ),
+                                          _vm._v(" "),
+                                          _vm._l(
+                                            _vm.modelPemilihan,
+                                            function (pemilihan, index) {
+                                              return _c(
+                                                "option",
                                                 {
-                                                  staticClass:
-                                                    "table-responsive",
+                                                  key: index,
+                                                  domProps: {
+                                                    value: pemilihan.id,
+                                                  },
                                                 },
                                                 [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c("tbody", [
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "1. Simpanan usia 0 s.d 1 thn diatas plafon (5.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_3,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "2. Simpanan usia > 1 s.d 70 thn diatas plafon (50.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_4,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "3. Simpanan usia masuk 60 s.d 70 thn diatas plafon (10.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_5,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "4. Pertambahan simpanan usia diatas  70 thn - yang menjadi anggota CU pada usia di bawah 60 tahun (Maks. 50 juta)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_6,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "5. Pertambahan simpanan usia diatas  70 thn - yang menjadi anggota CU pada usia 60 s.d 70 tahun (Maks. 10 juta)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_7,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "6. Pertambahan simpanan usia diatas  70 thn - Anggota masuk usia diatas 70 tahun"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_8,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "7. Simpanan Kapitalisasi anggota baru  < 30 hari sejak menjadi anggota"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_9,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "8. Simpanan kapitalisasi  yang piutangnya tidak pernah diangsur 3 bln berturut-turut atau lebih"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_10,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "9. Simpanan lembaga yang diatasnamakan lembaga atau perorangan"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_11,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "Jumlah Simpanan sebagai pengurang"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_simpanan_kurang,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                      ]),
-                                                    ]
+                                                  _vm._v(
+                                                    _vm._s(pemilihan.name) +
+                                                      " | jumlah suara: " +
+                                                      _vm._s(pemilihan.suara)
                                                   ),
                                                 ]
+                                              )
+                                            }
+                                          ),
+                                        ],
+                                        2
+                                      ),
+                                      _vm._v(" "),
+                                      _vm.errors.has("form.id_cu")
+                                        ? _c(
+                                            "small",
+                                            {
+                                              staticClass:
+                                                "text-muted text-danger",
+                                            },
+                                            [
+                                              _c("i", {
+                                                staticClass:
+                                                  "icon-arrow-small-right",
+                                              }),
+                                              _vm._v(
+                                                " " +
+                                                  _vm._s(
+                                                    _vm.errors.first(
+                                                      "form.id_cu"
+                                                    )
+                                                  ) +
+                                                  "\n\t\t\t\t\t\t\t\t\t\t\t"
                                               ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [
-                                                  _c("b", [
-                                                    _vm._v(
-                                                      "C. Simpanan Yang Disolidaritaskan"
-                                                    ),
-                                                  ]),
-                                                ]
+                                            ]
+                                          )
+                                        : _c(
+                                            "small",
+                                            { staticClass: "text-muted" },
+                                            [_vm._v(" ")]
+                                          ),
+                                    ]
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _vm.modelPemilihanStat == "success" &&
+                                _vm.form.sumberSuara === "0"
+                                  ? _c("div", { staticClass: "col-md-12" }, [
+                                      _c(
+                                        "div",
+                                        {
+                                          staticClass: "form-group",
+                                          class: {
+                                            "has-error":
+                                              _vm.errors.has("form.suara"),
+                                          },
+                                        },
+                                        [
+                                          _c(
+                                            "h5",
+                                            {
+                                              class: {
+                                                "text-danger":
+                                                  _vm.errors.has("form.suara"),
+                                              },
+                                            },
+                                            [
+                                              _vm.errors.has("form.suara")
+                                                ? _c("i", {
+                                                    staticClass: "icon-cross2",
+                                                  })
+                                                : _vm._e(),
+                                              _vm._v(
+                                                "\n\t\t\t\t\t\t\t\t\t\t\t\tJumlah Suara: "
                                               ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
+                                              _c("wajib-badge"),
+                                            ],
+                                            1
+                                          ),
+                                          _vm._v(" "),
+                                          _c("cleave", {
+                                            directives: [
+                                              {
+                                                name: "validate",
+                                                rawName: "v-validate",
+                                                value: "required",
+                                                expression: "'required'",
+                                              },
+                                            ],
+                                            staticClass: "form-control",
+                                            attrs: {
+                                              name: "suara",
+                                              raw: false,
+                                              options: _vm.cleaveOption.number4,
+                                              placeholder:
+                                                "Silahkan masukkan suara",
+                                              "data-vv-as": "Suara",
+                                            },
+                                            model: {
+                                              value: _vm.form.suara,
+                                              callback: function ($$v) {
+                                                _vm.$set(_vm.form, "suara", $$v)
+                                              },
+                                              expression: "form.suara",
+                                            },
+                                          }),
+                                          _vm._v(" "),
+                                          _vm.errors.has("form.suara")
+                                            ? _c(
+                                                "small",
                                                 {
                                                   staticClass:
-                                                    "table-responsive",
+                                                    "text-muted text-danger",
                                                 },
                                                 [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c("tbody", [
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v("A - B"),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_simpanan -
-                                                                      _vm.form
-                                                                        .total_simpanan_kurang,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                      ]),
-                                                    ]
+                                                  _c("i", {
+                                                    staticClass:
+                                                      "icon-arrow-small-right",
+                                                  }),
+                                                  _vm._v(
+                                                    " " +
+                                                      _vm._s(
+                                                        _vm.errors.first(
+                                                          "form.suara"
+                                                        )
+                                                      ) +
+                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
                                                   ),
                                                 ]
+                                              )
+                                            : _c(
+                                                "small",
+                                                { staticClass: "text-muted" },
+                                                [_vm._v(" ")]
                                               ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [_c("b", [_vm._v("D. Iuran")])]
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "div",
+                                        {
+                                          staticClass: "form-group",
+                                          class: {
+                                            "has-error":
+                                              _vm.errors.has("form.suara_tipe"),
+                                          },
+                                        },
+                                        [
+                                          _c(
+                                            "h5",
+                                            {
+                                              class: {
+                                                "text-danger":
+                                                  _vm.errors.has(
+                                                    "form.suara_tipe"
+                                                  ),
+                                              },
+                                            },
+                                            [
+                                              _vm.errors.has("form.suara_tipe")
+                                                ? _c("i", {
+                                                    staticClass: "icon-cross2",
+                                                  })
+                                                : _vm._e(),
+                                              _vm._v(
+                                                "\n\t\t\t\t\t\t\t\t\t\t\t\tTipe Suara: "
                                               ),
-                                              _vm._v(" "),
+                                              _c("wajib-badge"),
+                                            ],
+                                            1
+                                          ),
+                                          _vm._v(" "),
+                                          _c(
+                                            "select",
+                                            {
+                                              directives: [
+                                                {
+                                                  name: "model",
+                                                  rawName: "v-model",
+                                                  value: _vm.form.suara_tipe,
+                                                  expression: "form.suara_tipe",
+                                                },
+                                                {
+                                                  name: "validate",
+                                                  rawName: "v-validate",
+                                                  value: "required",
+                                                  expression: "'required'",
+                                                },
+                                              ],
+                                              staticClass: "form-control",
+                                              attrs: {
+                                                name: "suara_tipe",
+                                                "data-width": "100%",
+                                                "data-vv-as": "tipe suara",
+                                              },
+                                              on: {
+                                                change: function ($event) {
+                                                  var $$selectedVal =
+                                                    Array.prototype.filter
+                                                      .call(
+                                                        $event.target.options,
+                                                        function (o) {
+                                                          return o.selected
+                                                        }
+                                                      )
+                                                      .map(function (o) {
+                                                        var val =
+                                                          "_value" in o
+                                                            ? o._value
+                                                            : o.value
+                                                        return val
+                                                      })
+                                                  _vm.$set(
+                                                    _vm.form,
+                                                    "suara_tipe",
+                                                    $event.target.multiple
+                                                      ? $$selectedVal
+                                                      : $$selectedVal[0]
+                                                  )
+                                                },
+                                              },
+                                            },
+                                            [
                                               _c(
-                                                "div",
+                                                "option",
                                                 {
-                                                  staticClass:
-                                                    "table-responsive",
+                                                  attrs: {
+                                                    disabled: "",
+                                                    value: "",
+                                                  },
                                                 },
                                                 [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c("tbody", [
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "Iuran Tunas"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      ((_vm.form
-                                                                        .total_simpanan -
-                                                                        _vm.form
-                                                                          .total_simpanan_kurang) *
-                                                                        0.55) /
-                                                                      1000,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "Pembulatan Setoran Solidaritas Tunas"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      Math.round(
-                                                                        ((_vm
-                                                                          .form
-                                                                          .total_simpanan -
-                                                                          _vm
-                                                                            .form
-                                                                            .total_simpanan_kurang) *
-                                                                          0.55) /
-                                                                          1000 /
-                                                                          50
-                                                                      ) * 50,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                      ]),
-                                                    ]
+                                                  _vm._v(
+                                                    "Silahkan pilih tipe suara"
                                                   ),
                                                 ]
                                               ),
-                                            ]),
-                                          ]
-                                        ),
-                                      ]),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("div", { staticClass: "col-lg-6" }, [
-                                      _c("div", { staticClass: "card" }, [
-                                        _c(
-                                          "div",
-                                          {
-                                            staticClass: "card-header bg-white",
-                                          },
-                                          [
-                                            _c(
-                                              "h5",
-                                              { staticClass: "card-title" },
-                                              [
-                                                _vm._v(
-                                                  "Solidaritas Piutang Anggota"
-                                                ),
-                                              ]
-                                            ),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "div",
-                                          { staticClass: "card-body" },
-                                          [
-                                            _c("div", { staticClass: "card" }, [
+                                              _vm._v(" "),
                                               _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [
-                                                  _c("b", [
-                                                    _vm._v(
-                                                      "A. Piutang yang disolidaritaskan"
-                                                    ),
-                                                  ]),
-                                                ]
+                                                "option",
+                                                { attrs: { value: "0" } },
+                                                [_vm._v("Link suara otomatis")]
                                               ),
                                               _vm._v(" "),
                                               _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "table-responsive",
-                                                },
+                                                "option",
+                                                { attrs: { value: "1" } },
                                                 [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c(
-                                                        "tbody",
-                                                        [
-                                                          _vm._l(
-                                                            _vm.form.produk,
-                                                            function (
-                                                              produk,
-                                                              index
-                                                            ) {
-                                                              return produk.produk &&
-                                                                (produk.produk
-                                                                  .tipe ==
-                                                                  "Pinjaman Kapitalisasi" ||
-                                                                  produk.produk
-                                                                    .tipe ==
-                                                                    "Pinjaman Umum" ||
-                                                                  produk.produk
-                                                                    .tipe ==
-                                                                    "Pinjaman Produktif")
-                                                                ? _c(
-                                                                    "tr",
-                                                                    {
-                                                                      key: index,
-                                                                    },
-                                                                    [
-                                                                      _c("th", [
-                                                                        _vm._v(
-                                                                          _vm._s(
-                                                                            produk
-                                                                              .produk
-                                                                              .name
-                                                                          )
-                                                                        ),
-                                                                      ]),
-                                                                      _vm._v(
-                                                                        " "
-                                                                      ),
-                                                                      _c(
-                                                                        "td",
-                                                                        {
-                                                                          staticClass:
-                                                                            "text-right",
-                                                                        },
-                                                                        [
-                                                                          _c(
-                                                                            "check-value",
-                                                                            {
-                                                                              attrs:
-                                                                                {
-                                                                                  value:
-                                                                                    produk.saldo,
-                                                                                  valueType:
-                                                                                    "currency",
-                                                                                },
-                                                                            }
-                                                                          ),
-                                                                        ],
-                                                                        1
-                                                                      ),
-                                                                    ]
-                                                                  )
-                                                                : _vm._e()
-                                                            }
-                                                          ),
-                                                          _vm._v(" "),
-                                                          _c("tr", [
-                                                            _c("th", [
-                                                              _vm._v(
-                                                                "Jumlah Piutang yang disolidaritaskan"
-                                                              ),
-                                                            ]),
-                                                            _vm._v(" "),
-                                                            _c(
-                                                              "td",
-                                                              {
-                                                                staticClass:
-                                                                  "text-right",
-                                                              },
-                                                              [
-                                                                _c(
-                                                                  "check-value",
-                                                                  {
-                                                                    attrs: {
-                                                                      value:
-                                                                        _vm.form
-                                                                          .total_pinjaman,
-                                                                      valueType:
-                                                                        "currency",
-                                                                    },
-                                                                  }
-                                                                ),
-                                                              ],
-                                                              1
-                                                            ),
-                                                          ]),
-                                                        ],
-                                                        2
-                                                      ),
-                                                    ]
+                                                  _vm._v(
+                                                    "Link suara dari sumber data external"
                                                   ),
                                                 ]
                                               ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [
-                                                  _c("b", [
-                                                    _vm._v(
-                                                      "B. Piutang sebagai pengurang"
-                                                    ),
-                                                  ]),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
+                                            ]
+                                          ),
+                                          _vm._v(" "),
+                                          _vm.errors.has("form.suara_tipe")
+                                            ? _c(
+                                                "small",
                                                 {
                                                   staticClass:
-                                                    "table-responsive",
+                                                    "text-muted text-danger",
                                                 },
                                                 [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c("tbody", [
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "1. Saldo piutang cair usia dewasa s.d 60 thn diatas plafon (150.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_12,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "2. Saldo piutang cair diatas usia 60 s.d 70 thn diatas plafon (50.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_13,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "3. Saldo piutang kapitalisasi diatas plafon (25.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_14,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "4. Saldo piutang usia diatas 70 tahun"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_15,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "5. Saldo piutang macet  lebih dari 6 bulan berturut-turut"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_16,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "6. Saldo piutang kapitalisasi anggota baru < 30 hari sejak menjadi anggota"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_17,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "7. Saldo piutang kapitalisasi yang tidak pernah diangsur ≥ 3 bln berturut-turut"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_18,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "8. Saldo piutang dengan tujuan untuk biaya berobat sendiri"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_19,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "9. Saldo piutang lembaga atas nama perorangan atau nama lembaga"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_20,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "10. Saldo piutang produktif  diatas plafon (300.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_21,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "11. Saldo piutang produktif dan piutang lain diatas plafon (300.000.000)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_22,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "12. Saldo piutang kapitalisasi yang umur piutang diatas 5 tahun"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_23,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "13. Saldo piutang selain  kapitalisasi yang umur piutang diatas 15 tahun"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_24,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "14. Saldo piutang yang angsuran ditarik dari simpanan saham (SP dan SW)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_25,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "15. Saldo piutang luar biasa usia < 17 tahun dan belum menikah"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .kurang_sheet_26,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "Jumlah Pinjaman sebagai pengurang"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_pinjaman_kurang,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                      ]),
-                                                    ]
+                                                  _c("i", {
+                                                    staticClass:
+                                                      "icon-arrow-small-right",
+                                                  }),
+                                                  _vm._v(
+                                                    " " +
+                                                      _vm._s(
+                                                        _vm.errors.first(
+                                                          "form.suara_tipe"
+                                                        )
+                                                      ) +
+                                                      "\n\t\t\t\t\t\t\t\t\t\t\t"
                                                   ),
                                                 ]
+                                              )
+                                            : _c(
+                                                "small",
+                                                { staticClass: "text-muted" },
+                                                [_vm._v(" ")]
                                               ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [
-                                                  _c("b", [
-                                                    _vm._v(
-                                                      "C. Piutang Yang Disolidaritaskan"
-                                                    ),
-                                                  ]),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "table-responsive",
-                                                },
-                                                [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c("tbody", [
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v("A - B"),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      _vm.form
-                                                                        .total_pinjaman -
-                                                                      _vm.form
-                                                                        .total_pinjaman_kurang,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                      ]),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [_c("b", [_vm._v("D. Iuran")])]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass:
-                                                    "table-responsive",
-                                                },
-                                                [
-                                                  _c(
-                                                    "table",
-                                                    { staticClass: "table" },
-                                                    [
-                                                      _c("tbody", [
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "Iuran Lintang"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      ((_vm.form
-                                                                        .total_pinjaman -
-                                                                        _vm.form
-                                                                          .total_pinjaman_kurang) *
-                                                                        0.6) /
-                                                                      1000,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                        _vm._v(" "),
-                                                        _c("tr", [
-                                                          _c("th", [
-                                                            _vm._v(
-                                                              "Pembulatan Setoran Solidaritas Lintang (50)"
-                                                            ),
-                                                          ]),
-                                                          _vm._v(" "),
-                                                          _c(
-                                                            "td",
-                                                            {
-                                                              staticClass:
-                                                                "text-right",
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "check-value",
-                                                                {
-                                                                  attrs: {
-                                                                    value:
-                                                                      Math.round(
-                                                                        ((_vm
-                                                                          .form
-                                                                          .total_pinjaman -
-                                                                          _vm
-                                                                            .form
-                                                                            .total_pinjaman_kurang) *
-                                                                          0.55) /
-                                                                          1000 /
-                                                                          50
-                                                                      ) * 50,
-                                                                    valueType:
-                                                                      "currency",
-                                                                  },
-                                                                }
-                                                              ),
-                                                            ],
-                                                            1
-                                                          ),
-                                                        ]),
-                                                      ]),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]),
-                                          ]
-                                        ),
-                                      ]),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("div", { staticClass: "col-lg-12" }, [
-                                      _c("div", { staticClass: "card" }, [
-                                        _c(
-                                          "div",
-                                          {
-                                            staticClass: "card-header bg-white",
-                                          },
-                                          [
-                                            _c(
-                                              "h5",
-                                              { staticClass: "card-title" },
-                                              [_vm._v("Total")]
-                                            ),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "div",
-                                          { staticClass: "table-responsive" },
-                                          [
-                                            _c(
-                                              "table",
-                                              { staticClass: "table" },
-                                              [
-                                                _c("tbody", [
-                                                  _c("tr", [
-                                                    _c("th", [
-                                                      _vm._v(
-                                                        "Jumlah Setoran Solidaritas Jalinan"
-                                                      ),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "td",
-                                                      {
-                                                        staticClass:
-                                                          "text-right",
-                                                      },
-                                                      [
-                                                        _c("check-value", {
-                                                          attrs: {
-                                                            value:
-                                                              Math.round(
-                                                                ((_vm.form
-                                                                  .total_simpanan -
-                                                                  _vm.form
-                                                                    .total_simpanan_kurang) *
-                                                                  0.55) /
-                                                                  1000 /
-                                                                  50
-                                                              ) *
-                                                                50 +
-                                                              Math.round(
-                                                                ((_vm.form
-                                                                  .total_pinjaman -
-                                                                  _vm.form
-                                                                    .total_pinjaman_kurang) *
-                                                                  0.55) /
-                                                                  1000 /
-                                                                  50
-                                                              ) *
-                                                                50,
-                                                            valueType:
-                                                              "currency",
-                                                          },
-                                                        }),
-                                                      ],
-                                                      1
-                                                    ),
-                                                  ]),
-                                                  _vm._v(" "),
-                                                  _c("tr", [
-                                                    _c("th", [
-                                                      _vm._v(
-                                                        "Jumlah Setoran Solidaritas Jalinan Yang Dibayarkan"
-                                                      ),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "td",
-                                                      {
-                                                        staticClass:
-                                                          "text-right",
-                                                      },
-                                                      [
-                                                        _c("check-value", {
-                                                          attrs: {
-                                                            value:
-                                                              Math.round(
-                                                                ((_vm.form
-                                                                  .total_simpanan -
-                                                                  _vm.form
-                                                                    .total_simpanan_kurang) *
-                                                                  0.55) /
-                                                                  1000 /
-                                                                  50
-                                                              ) *
-                                                                50 +
-                                                              Math.round(
-                                                                ((_vm.form
-                                                                  .total_pinjaman -
-                                                                  _vm.form
-                                                                    .total_pinjaman_kurang) *
-                                                                  0.55) /
-                                                                  1000 /
-                                                                  50
-                                                              ) *
-                                                                50,
-                                                            valueType:
-                                                              "currency",
-                                                          },
-                                                        }),
-                                                      ],
-                                                      1
-                                                    ),
-                                                  ]),
-                                                ]),
-                                              ]
-                                            ),
-                                          ]
-                                        ),
-                                      ]),
-                                    ]),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("form-info"),
-                                  _vm._v(" "),
-                                  _c("br"),
-                                  _vm._v(" "),
-                                  _vm.form.status == 0
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-danger btn-block btn-lg mb-3",
-                                          attrs: {
-                                            type: "button",
-                                            readonly: "",
-                                          },
-                                        },
-                                        [
-                                          _c("b", [
-                                            _vm._v("STATUS : BELUM BAYAR"),
-                                          ]),
                                         ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _vm.form.status == 1
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-warning btn-block btn-lg mb-3",
-                                          attrs: {
-                                            type: "button",
-                                            readonly: "",
-                                          },
+                                      ),
+                                    ])
+                                  : _vm._e(),
+                              ]
+                            : _vm._e(),
+                        ],
+                        2
+                      ),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "div",
+                    { staticClass: "card" },
+                    [
+                      _vm._m(1),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "card-body pb-2" }, [
+                        _c("div", { staticClass: "row" }, [
+                          _c("div", { staticClass: "col-md-12" }, [
+                            _c(
+                              "button",
+                              {
+                                staticClass: "btn btn-light mb-1",
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.modalOpen("tambahCalon")
+                                  },
+                                },
+                              },
+                              [
+                                _c("i", { staticClass: "icon-plus22" }),
+                                _vm._v(" Tambah\n\t\t\t\t\t\t\t\t\t"),
+                              ]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "button",
+                              {
+                                staticClass: "btn btn-light mb-1",
+                                attrs: {
+                                  disabled: !_vm.selectedItemCalon.index,
+                                },
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.modalOpen("hapusCalon")
+                                  },
+                                },
+                              },
+                              [
+                                _c("i", { staticClass: "icon-bin2" }),
+                                _vm._v(" Hapus\n\t\t\t\t\t\t\t\t\t"),
+                              ]
+                            ),
+                          ]),
+                        ]),
+                      ]),
+                      _vm._v(" "),
+                      _c("data-table", {
+                        attrs: {
+                          items: _vm.itemDataCalon,
+                          columnData: _vm.columnDataCalon,
+                          itemDataStat: _vm.itemDataCalonStat,
+                        },
+                        scopedSlots: _vm._u([
+                          {
+                            key: "item-desktop",
+                            fn: function (props) {
+                              return [
+                                props.item
+                                  ? _c(
+                                      "tr",
+                                      {
+                                        staticClass: "text-nowrap",
+                                        class: {
+                                          "bg-info":
+                                            _vm.selectedItemCalon.index ==
+                                            props.index + 1,
                                         },
-                                        [
-                                          _c("b", [
-                                            _vm._v(
-                                              "STATUS : SUDAH BAYAR DAN MENUNGGU KONFIRMASI"
-                                            ),
-                                          ]),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _vm.form.status == 2
-                                    ? _c(
-                                        "button",
-                                        {
-                                          staticClass:
-                                            "btn btn-primary btn-block btn-lg mb-3",
-                                          attrs: {
-                                            type: "button",
-                                            readonly: "",
+                                        on: {
+                                          click: function ($event) {
+                                            return _vm.selectedRow(
+                                              props.item,
+                                              props.index + 1,
+                                              "calon"
+                                            )
                                           },
                                         },
-                                        [
-                                          _c("b", [
-                                            _vm._v("STATUS : SUDAH LUNAS"),
-                                          ]),
-                                        ]
-                                      )
-                                    : _vm._e(),
-                                  _vm._v(" "),
-                                  _vm.currentUser.id_cu == 0
-                                    ? _c(
-                                        "div",
-                                        { staticClass: "card card-body" },
-                                        [
-                                          _vm.form.status != 0
-                                            ? _c("form-button", {
-                                                attrs: {
-                                                  cancelState: _vm.cancelState,
-                                                  formValidation: "form",
-                                                  confirmTitle:
-                                                    _vm.confirmTitle,
-                                                },
-                                                on: { cancelClick: _vm.back },
-                                              })
-                                            : _c("form-button", {
-                                                attrs: {
-                                                  cancelState: _vm.cancelState,
-                                                  isSingleButton: true,
-                                                },
-                                                on: { cancelClick: _vm.back },
-                                              }),
-                                        ],
-                                        1
-                                      )
-                                    : _c(
-                                        "div",
-                                        { staticClass: "card card-body" },
-                                        [
-                                          _vm.form.status != 2
-                                            ? _c("form-button", {
+                                      },
+                                      [
+                                        _c("td", [
+                                          _vm._v(_vm._s(props.item.no_urut)),
+                                        ]),
+                                        _vm._v(" "),
+                                        _c("td", [
+                                          props.item.gambar
+                                            ? _c("img", {
+                                                staticClass:
+                                                  "img-rounded img-fluid wmin-sm",
                                                 attrs: {
-                                                  cancelState: _vm.cancelState,
-                                                  formValidation: "form",
-                                                  confirmTitle:
-                                                    _vm.confirmTitle,
+                                                  src:
+                                                    "/images/aktivis/" +
+                                                    props.item.gambar +
+                                                    "n.jpg",
+                                                  width: "35px",
                                                 },
-                                                on: { cancelClick: _vm.back },
                                               })
-                                            : _c("form-button", {
+                                            : _c("img", {
+                                                staticClass:
+                                                  "img-rounded img-fluid wmin-sm",
                                                 attrs: {
-                                                  cancelState: _vm.cancelState,
-                                                  isSingleButton: true,
+                                                  src: "/images/no_image.jpg",
+                                                  width: "35px",
                                                 },
-                                                on: { cancelClick: _vm.back },
-                                              }),
-                                        ],
-                                        1
-                                      ),
-                                ],
-                                1
-                              ),
-                            ]
-                          ),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet3"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Simp > 5JT",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 3,
-                                      deskripsi:
-                                        "Simpanan khusus anggota yang masuk CU berusia 0 s.d. 1 tahun yang jumlah simpanan melebihi plafon Rp5.000.000,00. Simpanan yang disolidaritaskan hanya sebesar maksimal Rp5.000.000,00; kelebihan simpanan tersebut menjadi pengurang setoran solidaritas",
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet4"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Simp > 50JT | 1 s.d. 70 Thn",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 4,
-                                      deskripsi:
-                                        "Simpanan khusus anggota yang masuk CU dibawah usia 60 tahun dan sekarang berusia 1 s.d. 70 tahun, yang jumlah simpanannya melebihi plafon Rp50.000.000,00. Simpanan yang disolidaritaskan hanya sebesar maksimal Rp50.000.000,00; kelebihan simpanan tersebut menjadi pengurang setoran solidaritas",
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet5"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Simp > 10JT | 60 s.d. 70 Thn",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 5,
-                                      deskripsi:
-                                        "Simpanan khusus anggota yang amsuk CU berusia 60 s.d. 70 tahun yang jumlah simpanannya melebihi plafon Rp10.000.000,00. Simpanan yang disolidaritaskan hanya sebesar maksimal Rp10.000.000,00; Kelebihan simpanan tersebut menjadi pengurang setoran solidaritas",
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet6"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Simp > 70 Thn | Masuk < 60 Thn",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 6,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet7"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title:
-                                        "Simp > 70 Thn | Masuk 60 s.d. 70 Thn",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 7,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet8"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Masuk > 70 Thn<",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 8,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet9"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Simp Kap < 30 Hari",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 9,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet10"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Simp Kap Lalai 3 Hari",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 10,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet11"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Simp Lembaga",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 11,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet12"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Pinj Non Pro > 150 JT",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 12,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet13"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Pinj > 50 JT",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 13,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet14"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Pinj Kap > 25 JT",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 14,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet15"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Pinj Agt > 70 JT",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 15,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet16"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Pinj Kap > 30 Hari",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 16,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet17"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Pinj Macet > 6 Bln",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 17,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet18"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Pinj Kap Lalai > 3 Bln",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 18,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet21"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Pinj Pro > 300 JT",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 21,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet22"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Pinj Ganda > 300 JT",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 22,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet23"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Piut Kap > 5 Thn",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 23,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
-                          },
-                        },
-                        [
-                          _vm.tabName == "sheet24"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Piut Umum > 15 Thn",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 24,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "transition",
-                        {
-                          attrs: {
-                            "enter-active-class": "animated fadeIn",
-                            mode: "out-in",
+                                              }),
+                                        ]),
+                                        _vm._v(" "),
+                                        _c("td", [
+                                          _vm._v(_vm._s(props.item.name)),
+                                        ]),
+                                        _vm._v(" "),
+                                        _c("td", [
+                                          _vm._v(
+                                            _vm._s(props.item.tanggal_lahir)
+                                          ),
+                                        ]),
+                                        _vm._v(" "),
+                                        _c("td", [
+                                          _vm._v(
+                                            _vm._s(props.item.tempat_lahir)
+                                          ),
+                                        ]),
+                                        _vm._v(" "),
+                                        _c("td", [
+                                          _vm._v(_vm._s(props.item.status)),
+                                        ]),
+                                        _vm._v(" "),
+                                        _c("td", [
+                                          _vm._v(_vm._s(props.item.pendidikan)),
+                                        ]),
+                                      ]
+                                    )
+                                  : _vm._e(),
+                              ]
+                            },
                           },
+                        ]),
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("form-info"),
+                  _vm._v(" "),
+                  _c("br"),
+                  _vm._v(" "),
+                  _c(
+                    "div",
+                    { staticClass: "card card-body" },
+                    [
+                      _c("form-button", {
+                        attrs: {
+                          cancelState: _vm.cancelState,
+                          formValidation: "form",
                         },
-                        [
-                          _vm.tabName == "sheet25"
-                            ? _c(
-                                "div",
-                                [
-                                  _c("table-anggota", {
-                                    attrs: {
-                                      kelas: _vm.kelas,
-                                      title: "Pinj Lain-lain",
-                                      produkData: _vm.form.produk,
-                                      cu: _vm.form.id_cu,
-                                      lokasi: 25,
-                                    },
-                                  }),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                        ]
-                      ),
+                        on: { cancelClick: _vm.back },
+                      }),
                     ],
                     1
-                  )
-                : _vm.formStat == "loading"
-                ? _c("div", [_vm._m(1)])
-                : _c("div", [
-                    _c(
-                      "div",
-                      { staticClass: "card card-body" },
-                      [
-                        _c("form-button", {
-                          attrs: {
-                            cancelState: _vm.cancelState,
-                            isSingleButton: true,
-                          },
-                          on: { cancelClick: _vm.back },
-                        }),
-                      ],
-                      1
-                    ),
-                  ]),
+                  ),
+                ],
+                1
+              ),
             ],
             1
           ),
@@ -4370,7 +2917,26 @@ var render = function () {
             _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
           ]),
           _vm._v(" "),
-          _c("template", { slot: "modal-body1" }),
+          _c(
+            "template",
+            { slot: "modal-body1" },
+            [
+              _vm.state == "tambahCalon" || _vm.state == "ubahCalon"
+                ? _c("form-calon", {
+                    attrs: {
+                      mode: _vm.formCalonMode,
+                      selected: _vm.selectedItemCalon,
+                    },
+                    on: {
+                      createCalon: _vm.createCalon,
+                      editCalon: _vm.editCalon,
+                      tutup: _vm.modalTutup,
+                    },
+                  })
+                : _vm._e(),
+            ],
+            1
+          ),
         ],
         2
       ),
@@ -4383,30 +2949,16 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Jenis")]),
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("1. Pemilihan")]),
     ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h4", [_vm._v("Mohon tunggu...")]),
-        _vm._v(" "),
-        _c("div", { staticClass: "progress" }, [
-          _c(
-            "div",
-            {
-              staticClass:
-                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-              staticStyle: { width: "100%" },
-            },
-            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-          ),
-        ]),
-      ]),
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("2. Calon")]),
     ])
   },
 ]
@@ -4416,10 +2968,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=template&id=851568fe&":
-/*!******************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=template&id=851568fe& ***!
-  \******************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -4433,305 +2985,664 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c("div", [
     _c(
-      "div",
-      { staticClass: "card" },
+      "form",
+      {
+        attrs: { "data-vv-scope": "formCalon" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
       [
-        _c("div", { staticClass: "card-header bg-white" }, [
-          _c("h5", { staticClass: "card-title" }, [_vm._v(_vm._s(_vm.title))]),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "card-body d-print-none" }, [
-          _c("div", { staticClass: "row" }, [
-            _c(
-              "div",
-              { staticClass: "col-md-7 col-lg-9 pb-2 d-none d-sm-block" },
-              [_vm._v("\n\t\t\t\t\t" + _vm._s(_vm.deskripsi) + "\n\t\t\t\t")]
-            ),
-            _vm._v(" "),
-            _c("div", { staticClass: "col-md-12 pb-2 d-block d-sm-none" }, [
-              _vm._v("\n\t\t\t\t\t" + _vm._s(_vm.deskripsi) + "\n\t\t\t\t"),
-            ]),
-            _vm._v(" "),
-            _c(
-              "div",
-              { staticClass: "col-md-5 col-lg-3 text-right d-none d-sm-block" },
-              [
+        _vm.formCalon.aktivis_id
+          ? _c("div", { staticClass: "card" }, [
+              _c(
+                "div",
+                {
+                  staticClass:
+                    "card-header bg-info text-white header-elements-inline",
+                },
+                [
+                  _c("h6", { staticClass: "card-title" }),
+                  _vm._v(" "),
+                  _vm.mode != "edit"
+                    ? _c("div", { staticClass: "header-elements" }, [
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-danger",
+                            attrs: { type: "button" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.deleteSelected.apply(null, arguments)
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-cross2 mr-2" }),
+                            _vm._v(" Batal"),
+                          ]
+                        ),
+                      ])
+                    : _vm._e(),
+                ]
+              ),
+              _vm._v(" "),
+              _c("div", { staticClass: "card-body" }, [
                 _c(
-                  "json-excel",
-                  {
-                    staticClass: "btn bg-green-300 btn-icon mb-1",
-                    attrs: {
-                      data: _vm.excel.data,
-                      exportFields: _vm.excel.fields,
-                      meta: _vm.excel.meta,
-                      title: "Data " + _vm.title,
-                      name: _vm.title + ".xls",
-                      disabled: _vm.itemDataStat === "loading",
-                    },
-                  },
+                  "div",
+                  { staticClass: "media flex-column flex-sm-row mt-0" },
                   [
-                    _c("i", { staticClass: "icon-file-excel" }),
-                    _vm._v(" Excel"),
+                    _c("div", { staticClass: "mr-sm-3 mb-2 mb-sm-0" }, [
+                      _c("div", { staticClass: "card-img-actions" }, [
+                        _vm.formCalon.gambar
+                          ? _c("img", {
+                              staticClass: "img-fluid img-preview rounded",
+                              attrs: {
+                                src:
+                                  "/images/aktivis/" +
+                                  _vm.formCalon.gambar +
+                                  ".jpg",
+                              },
+                            })
+                          : _c("img", {
+                              staticClass: "img-fluid img-preview rounded",
+                              attrs: { src: "/images/no_image.jpg" },
+                            }),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "media-body" }, [
+                      _c("ul", { staticClass: "list list-unstyled mb-0" }, [
+                        _c("li", [
+                          _c("b", [_vm._v("Nama:")]),
+                          _vm._v(" " + _vm._s(_vm.formCalon.name)),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _c("b", [_vm._v("Tanggal Lahir:")]),
+                          _vm._v(" " + _vm._s(_vm.formCalon.tanggal_lahir)),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _c("b", [_vm._v("Tempat Lahir:")]),
+                          _vm._v(" " + _vm._s(_vm.formCalon.tempat_lahir)),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _c("b", [_vm._v("Status:")]),
+                          _vm._v(" " + _vm._s(_vm.formCalon.status)),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", [
+                          _c("b", [_vm._v("Pendidikan:")]),
+                          _vm._v(" " + _vm._s(_vm.formCalon.pendidikan)),
+                        ]),
+                      ]),
+                    ]),
                   ]
                 ),
-                _vm._v(" "),
-                _c(
-                  "button",
+              ]),
+            ])
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.formCalon.aktivis_id == "" && _vm.mode == "create"
+          ? _c("data-viewer", {
+              attrs: {
+                title: "Aktivis",
+                columnData: _vm.columnDataDalam,
+                itemData: _vm.itemDataDalam,
+                query: _vm.query,
+                itemDataStat: _vm.itemDataDalamStat,
+                isDasar: "true",
+                isNoButtonRow: "true",
+              },
+              on: { fetch: _vm.fetchDalam },
+              scopedSlots: _vm._u(
+                [
                   {
-                    staticClass: "btn btn-light btn-icon mb-1",
-                    attrs: {
-                      type: "button",
-                      disabled: _vm.itemDataStat === "loading",
-                    },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.fetch()
-                      },
+                    key: "item-desktop",
+                    fn: function (props) {
+                      return [
+                        _c(
+                          "tr",
+                          {
+                            staticClass: "text-nowrap",
+                            class: {
+                              "bg-info": _vm.selectedItem.id === props.item.id,
+                            },
+                            on: {
+                              click: function ($event) {
+                                return _vm.selectedRow(props.item)
+                              },
+                            },
+                          },
+                          [
+                            _c("td", [
+                              _vm._v(
+                                "\n\t\t\t\t\t" +
+                                  _vm._s(
+                                    props.index +
+                                      1 +
+                                      (+_vm.itemDataDalam.current_page - 1) *
+                                        +_vm.itemDataDalam.per_page +
+                                      "."
+                                  ) +
+                                  "\n\t\t\t\t"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("td", [
+                              props.item.gambar
+                                ? _c("img", {
+                                    staticClass:
+                                      "img-rounded img-fluid wmin-sm",
+                                    attrs: {
+                                      src:
+                                        "/images/" +
+                                        _vm.kelas +
+                                        "/" +
+                                        props.item.gambar +
+                                        "n.jpg",
+                                    },
+                                  })
+                                : _c("img", {
+                                    staticClass:
+                                      "img-rounded img-fluid wmin-sm",
+                                    attrs: { src: "/images/no_image.jpg" },
+                                  }),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.name },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.kelamin },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("td", [
+                              props.item.pekerjaan_aktif &&
+                              props.item.pekerjaan_aktif.tipe == 1
+                                ? _c(
+                                    "span",
+                                    [
+                                      props.item.pekerjaan_aktif.cu
+                                        ? _c("check-value", {
+                                            attrs: {
+                                              value:
+                                                props.item.pekerjaan_aktif.cu
+                                                  .name,
+                                            },
+                                          })
+                                        : _c("span", [_vm._v("-")]),
+                                    ],
+                                    1
+                                  )
+                                : props.item.pekerjaan_aktif &&
+                                  props.item.pekerjaan_aktif.tipe == 2
+                                ? _c(
+                                    "span",
+                                    [
+                                      props.item.pekerjaan_aktif.lembaga_lain
+                                        ? _c("check-value", {
+                                            attrs: {
+                                              value:
+                                                props.item.pekerjaan_aktif
+                                                  .lembaga_lain.name,
+                                            },
+                                          })
+                                        : _c("span", [_vm._v("-")]),
+                                    ],
+                                    1
+                                  )
+                                : props.item.pekerjaan_aktif &&
+                                  props.item.pekerjaan_aktif.tipe == 3
+                                ? _c("span", [
+                                    _vm._v(
+                                      "\n\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t"
+                                    ),
+                                  ])
+                                : _c("span", [_vm._v("-")]),
+                            ]),
+                            _vm._v(" "),
+                            _c("td", {
+                              domProps: {
+                                innerHTML: _vm._s(
+                                  _vm.$options.filters.checkTingkatAktivis(
+                                    props.item.pekerjaan_aktif.tingkat
+                                  )
+                                ),
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                props.item.pekerjaan_aktif
+                                  ? _c("check-value", {
+                                      attrs: {
+                                        value: props.item.pekerjaan_aktif.name,
+                                      },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                props.item.pendidikan_tertinggi
+                                  ? _c("check-value", {
+                                      attrs: {
+                                        value:
+                                          props.item.pendidikan_tertinggi
+                                            .tingkat,
+                                      },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                props.item.pendidikan_tertinggi
+                                  ? _c("check-value", {
+                                      attrs: {
+                                        value:
+                                          props.item.pendidikan_tertinggi.name,
+                                      },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("td", {
+                              domProps: {
+                                innerHTML: _vm._s(
+                                  _vm.$options.filters.date(
+                                    props.item.tanggal_lahir
+                                  )
+                                ),
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.tempat_lahir },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.agama },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.status },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                props.item.provinces
+                                  ? _c("check-value", {
+                                      attrs: {
+                                        value: props.item.provinces.name,
+                                      },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                props.item.regencies
+                                  ? _c("check-value", {
+                                      attrs: {
+                                        value: props.item.regencies.name,
+                                      },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                props.item.districts
+                                  ? _c("check-value", {
+                                      attrs: {
+                                        value: props.item.districts.name,
+                                      },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                props.item.villages
+                                  ? _c("check-value", {
+                                      attrs: {
+                                        value: props.item.villages.name,
+                                      },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.alamat },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.email },
+                                }),
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.hp },
+                                }),
+                              ],
+                              1
+                            ),
+                          ]
+                        ),
+                      ]
                     },
                   },
-                  [
-                    _c("i", {
-                      staticClass: "icon-sync",
-                      class: { spinner: _vm.itemDataStat === "loading" },
-                    }),
-                  ]
-                ),
+                ],
+                null,
+                false,
+                3084181168
+              ),
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.errors.any("formCalon") && _vm.submited
+          ? _c("message", {
+              attrs: {
+                title: "Oops terjadi kesalahan",
+                errorItem: _vm.errors.items,
+              },
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _c(
+          "div",
+          {
+            staticClass: "form-group",
+            class: { "has-error": _vm.errors.has("formCalon.no_urut") },
+          },
+          [
+            _c(
+              "h5",
+              { class: { "text-danger": _vm.errors.has("formCalon.no_urut") } },
+              [
+                _vm.errors.has("formCalon.no_urut")
+                  ? _c("i", { staticClass: "icon-cross2" })
+                  : _vm._e(),
+                _vm._v("\n\t\t\tNo. Urut: "),
+                _c("wajib-badge"),
               ],
               1
             ),
             _vm._v(" "),
-            _c(
+            _c("cleave", {
+              directives: [
+                {
+                  name: "validate",
+                  rawName: "v-validate",
+                  value: "required",
+                  expression: "'required'",
+                },
+              ],
+              staticClass: "form-control",
+              attrs: {
+                name: "no_urut",
+                raw: false,
+                options: _vm.cleaveOption.number3,
+                placeholder: "Silahkan masukkan no urut",
+                "data-vv-as": "No. Urut",
+              },
+              model: {
+                value: _vm.formCalon.no_urut,
+                callback: function ($$v) {
+                  _vm.$set(_vm.formCalon, "no_urut", $$v)
+                },
+                expression: "formCalon.no_urut",
+              },
+            }),
+            _vm._v(" "),
+            _vm.errors.has("formCalon.no_urut")
+              ? _c("small", { staticClass: "text-muted text-danger" }, [
+                  _c("i", { staticClass: "icon-arrow-small-right" }),
+                  _vm._v(
+                    " " +
+                      _vm._s(_vm.errors.first("formCalon.no_urut")) +
+                      "\n\t\t"
+                  ),
+                ])
+              : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+          ],
+          1
+        ),
+        _vm._v(" "),
+        this.currentUser.id_cu == 0
+          ? _c(
               "div",
-              { staticClass: "col-md-12 d-block d-sm-none" },
+              {
+                staticClass: "form-group",
+                class: {
+                  "has-error": _vm.errors.has("formCalon.pengusung_cu_id"),
+                },
+              },
               [
                 _c(
-                  "json-excel",
+                  "h5",
                   {
-                    staticClass: "btn bg-green-300 btn-icon btn-block mb-1",
-                    attrs: {
-                      data: _vm.excel.data,
-                      exportFields: _vm.excel.fields,
-                      meta: _vm.excel.meta,
-                      title: "Data " + _vm.title,
-                      name: _vm.title + ".xls",
-                      disabled: _vm.itemDataStat === "loading",
+                    class: {
+                      "text-danger": _vm.errors.has(
+                        "formCalon.pengusung_cu_id"
+                      ),
                     },
                   },
                   [
-                    _c("i", { staticClass: "icon-file-excel" }),
-                    _vm._v(" Excel"),
-                  ]
+                    _vm.errors.has("formCalon.pengusung_cu_id")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\tCU Pengusung: "),
+                    _c("wajib-badge"),
+                  ],
+                  1
                 ),
                 _vm._v(" "),
                 _c(
-                  "button",
+                  "select",
                   {
-                    staticClass: "btn btn-light btn-icon btn-block mb-1",
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.formCalon.pengusung_cu_id,
+                        expression: "formCalon.pengusung_cu_id",
+                      },
+                    ],
+                    staticClass: "form-control",
                     attrs: {
-                      type: "button",
-                      disabled: _vm.itemDataStat === "loading",
+                      name: "pengusung_cu_id",
+                      "data-width": "100%",
+                      "data-vv-as": "CU",
+                      disabled: _vm.modelCU.length === 0,
                     },
                     on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.fetch()
+                      change: function ($event) {
+                        var $$selectedVal = Array.prototype.filter
+                          .call($event.target.options, function (o) {
+                            return o.selected
+                          })
+                          .map(function (o) {
+                            var val = "_value" in o ? o._value : o.value
+                            return val
+                          })
+                        _vm.$set(
+                          _vm.formCalon,
+                          "pengusung_cu_id",
+                          $event.target.multiple
+                            ? $$selectedVal
+                            : $$selectedVal[0]
+                        )
                       },
                     },
                   },
                   [
-                    _c("i", {
-                      staticClass: "icon-sync",
-                      class: { spinner: _vm.itemDataStat === "loading" },
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm.modelCUStat === "loading"
+                        ? _c("span", [_vm._v("Mohon tunggu...")])
+                        : _c("span", [_vm._v("Silahkan pilih CU")]),
+                    ]),
+                    _vm._v(" "),
+                    _vm._l(_vm.modelCU, function (cu, index) {
+                      return _c(
+                        "option",
+                        { key: index, domProps: { value: cu.id } },
+                        [_vm._v(_vm._s(cu.name))]
+                      )
                     }),
-                    _vm._v(" Reload\n\t\t\t\t\t"),
-                  ]
+                  ],
+                  2
                 ),
-              ],
-              1
-            ),
-          ]),
+                _vm._v(" "),
+                _vm.errors.has("formCalon.pengusung_cu_id")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(
+                            _vm.errors.first("formCalon.pengusung_cu_id")
+                          ) +
+                          "\n\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+              ]
+            )
+          : _vm._e(),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: {
+                type: "submit",
+                disabled: _vm.formCalon.aktivis_id == "",
+              },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
         ]),
         _vm._v(" "),
-        _c("data-table", {
-          attrs: {
-            columnData: _vm.columnData,
-            items: _vm.itemData,
-            itemDataStat: _vm.itemDataStat,
-          },
-          scopedSlots: _vm._u([
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
             {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  props.item
-                    ? _c(
-                        "tr",
-                        {
-                          staticClass: "text-nowrap",
-                          class: {
-                            "bg-info": _vm.selectedItem.id == props.item.id,
-                          },
-                          on: {
-                            click: function ($event) {
-                              return _vm.selectedRow(props.item)
-                            },
-                          },
-                        },
-                        [
-                          _c("td", [_vm._v(_vm._s(props.index + 1))]),
-                          _vm._v(" "),
-                          _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.no_ba },
-                              }),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.nik },
-                              }),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c("td", [
-                            props.item.tanggal_lahir
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.date(
-                                        props.item.tanggal_lahir
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ]),
-                          _vm._v(" "),
-                          _c("td", [
-                            props.item.tanggal_masuk
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.ageDiff(
-                                        props.item.tanggal_masuk,
-                                        props.item.tanggal_lahir
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ]),
-                          _vm._v(" "),
-                          _c("td", [
-                            props.item.tanggal_lahir
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.age(
-                                        props.item.tanggal_lahir
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ]),
-                          _vm._v(" "),
-                          _c("td", [
-                            props.item.tanggal_cair
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.age(
-                                        props.item.tanggal_cair
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ]),
-                          _vm._v(" "),
-                          _vm._l(_vm.columnData, function (column) {
-                            return column.id
-                              ? _c(
-                                  "td",
-                                  [
-                                    _c("check-value", {
-                                      attrs: {
-                                        value: props.item[column.id],
-                                        valueType: "currency",
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                )
-                              : _vm._e()
-                          }),
-                          _vm._v(" "),
-                          _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.total,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.plafon,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.pengurang,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          ),
-                        ],
-                        2
-                      )
-                    : _vm._e(),
-                ]
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: {
+                type: "submit",
+                disabled: _vm.formCalon.aktivis_id == "",
               },
             },
-          ]),
-        }),
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
       ],
       1
     ),
@@ -5107,17 +4018,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/detail.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/detail.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/pemilihan/form.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/form.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _detail_vue_vue_type_template_id_e682995e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=e682995e& */ "./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=template&id=e682995e&");
-/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=bcfbd002& */ "./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -5127,9 +4038,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _detail_vue_vue_type_template_id_e682995e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _detail_vue_vue_type_template_id_e682995e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5139,54 +4050,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanIuran/detail.vue"
+component.options.__file = "resources/assets/js/views/pemilihan/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=template&id=e682995e&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=template&id=e682995e& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_e682995e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=e682995e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=template&id=e682995e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_e682995e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=bcfbd002& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/form.vue?vue&type=template&id=bcfbd002&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_e682995e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_bcfbd002___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/tableAnggota.vue":
-/*!*****************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/tableAnggota.vue ***!
-  \*****************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/formCalon.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/formCalon.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _tableAnggota_vue_vue_type_template_id_851568fe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tableAnggota.vue?vue&type=template&id=851568fe& */ "./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=template&id=851568fe&");
-/* harmony import */ var _tableAnggota_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tableAnggota.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formCalon.vue?vue&type=template&id=5cccadc4& */ "./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4&");
+/* harmony import */ var _formCalon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formCalon.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -5196,9 +4107,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _tableAnggota_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _tableAnggota_vue_vue_type_template_id_851568fe___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _tableAnggota_vue_vue_type_template_id_851568fe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formCalon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5208,38 +4119,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanIuran/tableAnggota.vue"
+component.options.__file = "resources/assets/js/views/pemilihan/formCalon.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tableAnggota_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./tableAnggota.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tableAnggota_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCalon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=template&id=851568fe&":
-/*!************************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=template&id=851568fe& ***!
-  \************************************************************************************************/
+/***/ "./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tableAnggota_vue_vue_type_template_id_851568fe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./tableAnggota.vue?vue&type=template&id=851568fe& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=template&id=851568fe&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tableAnggota_vue_vue_type_template_id_851568fe___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCalon.vue?vue&type=template&id=5cccadc4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/pemilihan/formCalon.vue?vue&type=template&id=5cccadc4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tableAnggota_vue_vue_type_template_id_851568fe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCalon_vue_vue_type_template_id_5cccadc4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/53.js b/public/js/components/53.js
index e2abfd09f..c770e99f2 100644
--- a/public/js/components/53.js
+++ b/public/js/components/53.js
@@ -1,14 +1,16 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[53],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
 //
 //
 //
@@ -34,67 +36,6 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
-  data: function data() {
-    return {
-      image: ''
-    };
-  },
-  props: {
-    image_loc: {
-      type: [String],
-      "default": ''
-    },
-    image_type: {
-      type: [String],
-      "default": '.jpg'
-    },
-    image_temp: {
-      "default": ''
-    },
-    value: {
-      type: [String, File],
-      "default": 'no_image'
-    }
-  },
-  methods: {
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.createImage(files[0]);
-      this.$emit('input', files[0]);
-    },
-    createImage: function createImage(file) {
-      var reader = new FileReader();
-      var vm = this;
-
-      reader.onload = function (e) {
-        vm.image = e.target.result; // this.$emit('input', vm.image)
-      };
-
-      reader.readAsDataURL(file);
-    },
-    close: function close() {
-      this.$emit('input', 'no_image');
-      this.image = '/images/no_image.jpg';
-      this.$refs.fileInput.value = '';
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
 //
 //
 //
@@ -120,53 +61,79 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['columnData', 'itemDataStat', 'items'],
+  components: {},
+  data: function data() {
+    return {};
+  },
+  methods: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
+//
+//
+//
+//
+//
+//
+//
+
+
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['defaultDate'],
   components: {
-    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
-    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  props: {
-    value: {
-      "default": ''
-    },
-    frontText: {
-      "default": ''
-    },
-    trimLength: {
-      "default": 50
-    },
-    valueType: {
-      "default": 'trim'
-    },
-    empty: {
-      "default": '-'
-    }
+    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
   },
   data: function data() {
     return {
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
+      time: '',
+      dateVal: ''
     };
   },
+  mounted: function mounted() {
+    if (this.defaultDate == '') {
+      var today = new Date();
+      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
+      this.time = date;
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
+    } else {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+      this.$emit('dateSelected', this.defaultDate);
+    }
+  },
+  watch: {
+    defaultDate: function defaultDate(newVal, oldVal) {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+    }
+  },
   methods: {
-    modalOpen: function modalOpen() {
-      this.modalShow = true;
-      this.modalState = 'content-tutup';
-      this.modalContent = this.value;
-      this.modalButton = 'Tutup';
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-    },
-    strip: function strip(html) {
-      var tmp = document.createElement("DIV");
-      tmp.innerHTML = html;
-      return tmp.textContent || tmp.innerText || "";
+    onChanged: function onChanged(event) {
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
     }
   }
 });
@@ -196,16 +163,85 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    message: {
+      "default": ''
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
   \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    message: {
+      "default": ''
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _tableAnggota_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./tableAnggota.vue */ "./resources/assets/js/views/jalinanIuran/tableAnggota.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -249,107 +285,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    title: {
-      "default": ''
-    },
-    titleIcon: {
-      "default": ''
-    },
-    titleDesc: {
-      "default": ''
-    },
-    level: {
-      "default": 1
-    },
-    level2Title: {
-      "default": ''
-    },
-    level2Route: {
-      "default": ''
-    }
-  },
-  methods: {
-    level2Back: function level2Back() {
-      this.$emit('level2Back');
-    },
-    route1: function route1() {
-      if (this.btn1RouteParams) {
-        this.$router.push({
-          name: this.btn1Route,
-          params: {
-            cu: this.btn1RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn1Route
-        });
-      }
-    },
-    route2: function route2() {
-      if (this.btn2RouteParams) {
-        this.$router.push({
-          name: this.btn2Route,
-          params: {
-            cu: this.btn2RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn2Route
-        });
-      }
-    },
-    route3: function route3() {
-      if (this.btn3RouteParams) {
-        this.$router.push({
-          name: this.btn3Route,
-          params: {
-            cu: this.btn3RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn3Route
-        });
-      }
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -621,244 +556,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['formState', 'selected', 'anggota_cu'],
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
-  },
-  data: function data() {
-    return {
-      kelas: 'anggotaCu',
-      tipeProduk: '',
-      formProduk: {
-        anggota_cu_cu_id: '',
-        saldo: '',
-        cu: {
-          id: 0,
-          name: ''
-        },
-        produk_cu: {
-          id: 0,
-          name: ''
-        },
-        tanggal: '',
-        lama_pinjaman: ''
-      },
-      formStateProdukCu: [],
-      formStateProdukCuStat: '',
-      cleaveOption: {
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        },
-        number30: {
-          numeral: true,
-          numeralIntegerScale: 30,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number4: {
-          numeral: true,
-          numeralIntegerScale: 4,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        }
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      submited: false
-    };
-  },
-  created: function created() {
-    this.fetchCU();
-
-    if (this.formState == 'edit') {
-      if (this.modelCuStat == 'success') {
-        this.formProduk = this.selected;
-      }
-
-      if (this.currentUser.id_cu == 0) {
-        this.changeCu(this.formProduk.cu.id);
-      }
-    }
-
-    if (this.currentUser.id_cu != 0) {
-      this.formProduk.cu.id = this.currentUser.cu.id;
-      this.formProduk.cu.name = this.currentUser.cu.name;
-      this.fetchProdukCu(this.currentUser.cu.id);
-    }
-  },
-  watch: {
-    modelCuStat: function modelCuStat(value) {
-      if (value === "success") {
-        if (this.formState == 'edit') {
-          this.formProduk = this.selected;
-
-          if (this.currentUser.id_cu == 0) {
-            this.changeCu(this.formProduk.produk_cu.id_cu);
-          }
-
-          this.changeProdukCu(this.formProduk.produk_cu_id);
-        }
-
-        if (this.currentUser.id_cu != 0) {
-          var cu = {};
-          cu.id = this.currentUser.cu.id;
-          cu.name = this.currentUser.cu.name;
-          this.formProduk.cu = cu;
-          this.formProduk.anggota_cu_cu_id = this.anggota_cu.anggota_cu_cu[0].id;
-          this.fetchProdukCu(this.currentUser.cu.id);
-        }
-      }
-    },
-    formStateProdukCuStat: function formStateProdukCuStat(value) {
-      if (value == "success") {
-        this.changeProdukCu(this.formProduk.produk_cu_id);
-      }
-    }
-  },
-  methods: {
-    changeCu: function changeCu(id) {
-      var cu;
-      var anggota_cu_cu = this.anggota_cu.anggota_cu_cu;
-
-      if (id != 0) {
-        cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(anggota_cu_cu, function (o) {
-          return o.cu_id == id;
-        });
-
-        if (cu) {
-          this.formProduk.cu = cu.cu;
-          this.formProduk.anggota_cu_cu_id = cu.id;
-        }
-
-        this.fetchProdukCu(id);
-      }
-    },
-    changeProdukCu: function changeProdukCu(id) {
-      var produk_cu;
-
-      if (id != 0) {
-        produk_cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.formStateProdukCu, function (o) {
-          return o.id == id;
-        });
-      }
-
-      if (produk_cu) {
-        this.formProduk.produk_cu.id = produk_cu.id;
-        this.formProduk.produk_cu.name = produk_cu.name;
-
-        if (produk_cu.tipe == 'Simpanan Pokok' || produk_cu.tipe == 'Simpanan Wajib' || produk_cu.tipe == 'Simpanan Non Saham') {
-          this.tipeProduk = 'simpanan';
-        } else {
-          this.tipeProduk = 'pinjaman';
-        }
-      }
-    },
-    fetchCU: function fetchCU() {
-      if (this.formStateCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    },
-    fetchProdukCu: function fetchProdukCu(id) {
-      var _this = this;
-
-      _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__["default"].getCu(id).then(function (response) {
-        _this.formStateProdukCu = response.data.model;
-        _this.formStateProdukCuStat = 'success';
-      })["catch"](function (error) {
-        _this.formStateProdukCu = error.response;
-        _this.formStateProdukCuStat = 'fail';
-      });
-    },
-    save: function save() {
-      var _this2 = this;
-
-      this.$validator.validateAll('formProduk').then(function (result) {
-        if (result) {
-          if (_this2.formState == 'create') {
-            _this2.$store.dispatch(_this2.kelas + '/storeProduk', [_this2.$route.params.id, _this2.formProduk]);
-          } else if (_this2.formState == 'edit') {
-            _this2.$store.dispatch(_this2.kelas + '/updateProduk', [_this2.formProduk.id, _this2.formProduk]);
-          }
-
-          _this2.submited = false;
-        } else {
-          _this2.submited = true;
-        }
-      });
-    },
-    messageClose: function messageClose() {
-      this.message.show = false;
-    },
-    tambahProduk: function tambahProduk() {
-      this.$emit('tambahProduk');
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
-    modelCu: 'headerDataS',
-    modelCuStat: 'headerDataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -1142,6 +839,82 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
 
 
 
@@ -1152,226 +925,252 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['selected'],
   components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
+    tableAnggota: _tableAnggota_vue__WEBPACK_IMPORTED_MODULE_12__["default"]
   },
   data: function data() {
     return {
-      kelas: 'anggotaCu',
-      tipeProduk: '',
-      tipeTransaksi: '',
-      formProduk: {
-        id: '',
-        saldo: '',
-        transaksi: '',
-        tanggal: '',
-        tanggal_target: '',
-        lama_pinjaman: '',
-        lama_sisa_pinjaman: '',
-        tujuan: '',
-        produk_cu: {
-          id: 0,
-          name: ''
-        }
-      },
-      cleaveOption: {
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        },
-        number30: {
-          numeral: true,
-          numeralIntegerScale: 30,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number4: {
-          numeral: true,
-          numeralIntegerScale: 4,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        }
-      },
-      selectedItem: {},
-      pagesSaldo: [],
-      querySaldo: {
-        order_column: "created_at",
-        order_direction: "desc",
+      title: 'Detail Setoran Solidaritas Jalinan',
+      titleDesc: 'Detail iuran Jalinan',
+      titleIcon: 'icon-stack2',
+      level: 2,
+      level2Title: 'Iuran Jalinan',
+      kelas: 'jalinanIuran',
+      sasaran: [],
+      tempatData: '',
+      idCu: '',
+      periodeBulan: '',
+      periodeTahun: '',
+      itemTahun: [],
+      tabName: 'iuran',
+      anggotaMasukData: [],
+      cancelState: 'methods',
+      state: '',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      modalSize: '',
+      submited: false,
+      confirmTitle: '',
+      query: {
+        order_column: "id",
+        order_direction: "asc",
         filter_match: "and",
         limit: 10,
         page: 1
-      },
-      columnDataSaldo: [],
-      message: {
-        show: false,
-        content: ''
-      },
-      submited: false
+      }
     };
   },
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
   created: function created() {
-    this.formProduk.id = this.selected.id;
-    this.formProduk.no_rek = this.selected.no_rek;
-    this.formProduk.saldo = this.selected.saldo;
-    this.formProduk.tanggal = this.selected.tanggal;
-    this.formProduk.tanggal_target = this.selected.tanggal_target;
-    this.formProduk.lama_pinjaman = this.selected.lama_pinjaman;
-    this.formProduk.tujuan = this.selected.tujuan;
-    this.formProduk.produk_cu.id = this.selected.produk_cu.id;
-    this.formProduk.produk_cu.name = this.selected.produk_cu.name;
-
-    if (this.selected.produk_cu) {
-      if (this.selected.produk_cu.tipe == 'Simpanan Pokok' || this.selected.produk_cu.tipe == 'Simpanan Wajib' || this.selected.produk_cu.tipe == 'Simpanan Non Saham') {
-        this.tipeProduk = 'simpanan';
-        this.tipeTransaksi = 'setor';
-        this.columnDataSaldo = [{
-          title: 'No.'
-        }, {
-          title: 'Nominal'
-        }, {
-          title: 'Tgl. Transaksi'
-        }];
+    this.formStat == '';
+    this.anggotaDataStat == '';
+  },
+  watch: {
+    formStat: function formStat(value) {
+      if (value == 'success') {
+        if (this.currentUser.id_cu == 0) {
+          if (this.form.status == 0) {
+            this.confirmTitle = 'Konfirmasi Pembayaran';
+          } else if (this.form.status == 1) {
+            this.confirmTitle = 'Iuran Lunas';
+          } else if (this.form.status == 2) {
+            this.confirmTitle = 'Batal Lunas';
+          }
+        } else {
+          if (this.form.status == 0) {
+            this.confirmTitle = 'Konfirmasi Pembayaran';
+          } else if (this.form.status == 1) {
+            this.confirmTitle = 'Batal Pembayaran';
+          }
+        }
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
       } else {
-        this.tipeProduk = 'pinjaman';
-        this.tipeTransaksi = 'tarik';
-        this.columnDataSaldo = [{
-          title: 'No.'
-        }, {
-          title: 'Nominal'
-        }, {
-          title: 'Bulan Angsuran'
-        }, {
-          title: 'Tgl. Transaksi'
-        }];
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
       }
     }
-
-    this.fetchProdukSaldo();
   },
-  watch: {},
   methods: {
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+    },
     save: function save() {
       var _this = this;
 
-      this.formProduk.saldo = this.saldoAkhir;
-      this.$validator.validateAll('formProduk').then(function (result) {
+      this.form.id_cu = this.idCu;
+      this.state = '';
+      this.$validator.validateAll('form').then(function (result) {
         if (result) {
-          _this.$store.dispatch(_this.kelas + '/updateProduk', [_this.formProduk.id, _this.formProduk]);
+          _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
 
           _this.submited = false;
         } else {
+          window.scrollTo(0, 0);
           _this.submited = true;
         }
       });
     },
-    fetchProdukSaldo: function fetchProdukSaldo() {
-      this.$store.dispatch('anggotaCu/indexProdukSaldo', [this.querySaldo, this.selected.id]);
-    },
-    calculatePagination: function calculatePagination() {
-      var i = 0;
-      var startPage = 0;
-      var endPage = 0;
-      var diffPage = 0;
-      startPage = this.querySaldo.page < 3 ? 1 : this.querySaldo.page - 1;
-      endPage = 4 + startPage;
-      endPage = this.itemDataSaldo.last_page < endPage ? this.itemDataSaldo.last_page : endPage;
-      diffPage = startPage - endPage + 4;
-      startPage -= startPage - diffPage > 0 ? diffPage : 0;
-      this.pagesSaldo.length = 0;
-
-      for (i = startPage; i <= endPage; i++) {
-        this.pagesSaldo.push(i);
+    back: function back() {
+      if (this.currentUser.id_cu == 0) {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: 'semua'
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        });
       }
     },
-    prevPageSaldo: function prevPageSaldo() {
-      if (this.itemDataSaldo.prev_page_url) {
-        this.querySaldo.page = Number(this.querySaldo.page) - 1;
-        this.fetchProdukSaldo();
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+    },
+    selectedRow: function selectedRow(item, index) {
+      this.selectedItemCalon = item;
+      this.selectedItemCalon.index = index;
+    },
+    selectedRow2: function selectedRow2(item, index) {
+      this.selectedItemSuara = item;
+      this.selectedItemSuara.index = index;
+    },
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItemCalon = itemMobile;
+      }
+
+      if (state == 'hapusCalon') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Calon' + this.selectedItemCalon.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+        this.modalSize = '';
+      } else if (state == 'ubahCalon') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah Calon';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formCalonMode = 'edit';
+      } else if (state == 'tambahCalon') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah Calon';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formCalonMode = 'create';
       }
     },
-    goToPageSaldo: function goToPageSaldo(value) {
-      if (this.querySaldo.page != value) {
-        this.querySaldo.page = value;
-        this.fetchProdukSaldo();
+    modalConfirmOk: function modalConfirmOk() {
+      this.modalShow = false;
+
+      if (this.state == 'hapusCalon') {
+        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.itemDataCalon, {
+          index: this.selectedItemCalon.index
+        });
+
+        this.selectedItemCalon = {};
       }
     },
-    nextPageSaldo: function nextPageSaldo() {
-      if (this.itemDataSaldo.next_page_url) {
-        this.querySaldo.page = Number(this.querySaldo.page) + 1;
-        this.fetchProdukSaldo();
+    modalTutup: function modalTutup() {
+      if (this.updateStat == 'success' && this.state == '') {
+        this.$store.dispatch(this.kelas + '/resetUpdateStat');
+        this.back();
       }
+
+      this.modalShow = false;
     },
-    messageClose: function messageClose() {
-      this.message.show = false;
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
     },
-    tutup: function tutup() {
-      this.$emit('tutup');
+    momentYear: function momentYear() {
+      return moment().year();
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('anggotaCu', {
-    itemDataSaldo: 'dataProdukSaldo',
-    itemDataSaldoStat: 'dataProdukSaldoStat'
-  })), {}, {
-    saldoAkhir: function saldoAkhir() {
-      // `this` points to the vm instance
-      if (this.tipeTransaksi == 'setor') {
-        return parseFloat(this.selected.saldo) + parseFloat(this.formProduk.transaksi);
-      } else if (this.tipeTransaksi == 'tarik') {
-        return this.selected.saldo - this.formProduk.transaksi;
-      }
-    }
-  })
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'headerDataS',
+    modelCuStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanIuran', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
+    anggotaData: 'dataS',
+    anggotaDataStat: 'dataStatS',
+    anggotaKeluarData: 'dataS2',
+    anggotaKeluarDataStat: 'dataStatS2'
+  }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/produk.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/produk.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _formProduk_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./formProduk.vue */ "./resources/assets/js/views/anggotaCu/formProduk.vue");
-/* harmony import */ var _formTransaksi_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./formTransaksi.vue */ "./resources/assets/js/views/anggotaCu/formTransaksi.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_identitas_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/identitas.vue */ "./resources/assets/js/components/identitas.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 //
 //
 //
@@ -1468,324 +1267,247 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-
-
-
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    formProduk: _formProduk_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    formTransaksi: _formTransaksi_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
-    identitas: _components_identitas_vue__WEBPACK_IMPORTED_MODULE_13__["default"]
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
+  props: ['kelas', 'title', 'deskripsi', 'produkData', 'cu', 'lokasi'],
   data: function data() {
     return {
-      title: 'Produk',
-      titleDesc: 'Menambah atau mengubah produk yang dimiliki anggota',
-      titleIcon: 'icon-list2',
-      kelas: 'anggotaCu',
-      id_local: '',
-      formState: '',
-      formModel: {},
-      selectedItem: {},
+      selectedItem: [],
+      plafon: 0,
+      query: {
+        order_column: "id",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      excelDownloadUrl: '',
       columnData: [{
-        title: 'No.'
+        title: 'No.',
+        name: 'No'
       }, {
-        title: 'No. Rek'
+        title: 'No. BA',
+        name: 'no_ba',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: 'CU'
+        title: 'No. KTP / NIK',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: 'Nama'
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
       }, {
-        title: 'Jenis'
+        title: 'Tgl. Lahir',
+        name: 'tanggal_lahir',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: 'Saldo Awal'
+        title: 'Umur Masuk',
+        name: 'tanggal_masuk',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: 'Lama Pinjaman (BLN)'
+        title: 'Umur Sekarang',
+        name: 'tanggal_lahir',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: 'Lama Sisa Pinjaman (BLN)'
-      }, {
-        title: 'Tgl. Buat'
-      }, {
-        title: 'Tgl. Target'
-      }, {
-        title: 'Tujuan'
+        title: 'Umur Cair',
+        name: 'tanggal_cair',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }],
-      cancelTitle: 'Tutup',
-      cancelIcon: 'icon-cross',
-      cancelState: 'methods',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      modalImageShow: false,
-      modalImageContent: '',
-      submited: false
+      excel: {
+        fields: {},
+        data: [],
+        meta: [[{
+          "key": "charset",
+          "value": "utf-8"
+        }]]
+      }
     };
   },
   created: function created() {
-    this.fetch();
+    var produk;
+
+    var _iterator = _createForOfIteratorHelper(this.produkData),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        produk = _step.value;
+
+        if (produk.produk) {
+          if (produk.produk.jalinan == 1) {
+            if (this.lokasi == 3 || this.lokasi == 4 || this.lokasi == 5 || this.lokasi == 6 || this.lokasi == 7 || this.lokasi == 8 || this.lokasi == 9 || this.lokasi == 10 || this.lokasi == 11) {
+              if (produk.produk.tipe == 'Simpanan Wajib' || produk.produk.tipe == 'Simpanan Pokok' || produk.produk.tipe == 'Simpanan Non Saham') {
+                this.columnData.push({
+                  title: produk.produk.name,
+                  name: 'X' + produk.produk_cu_id,
+                  id: 'X' + produk.produk_cu_id,
+                  tipe: 'numeric'
+                });
+              }
+            } else {
+              if (produk.produk.tipe == 'Pinjaman Kapitalisasi' || produk.produk.tipe == 'Pinjaman Umum' || produk.produk.tipe == 'Pinjaman Produktif') {
+                this.columnData.push({
+                  title: produk.produk.name,
+                  name: 'X' + produk.produk_cu_id,
+                  id: 'X' + produk.produk_cu_id,
+                  tipe: 'numeric'
+                });
+              }
+            }
+          }
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    this.columnData.push({
+      title: 'Total',
+      name: 'total',
+      tipe: 'numeric'
+    });
+    this.columnData.push({
+      title: 'Plafon',
+      name: 'plafon',
+      tipe: 'numeric'
+    });
+    this.columnData.push({
+      title: 'Pengurang',
+      name: 'pengurang',
+      tipe: 'numeric'
+    });
+    this.fetch(this.query);
   },
   watch: {
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-      this.modalContent = '';
-      this.selectedItem = {};
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-        this.fetch();
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
+    itemDataStat: function itemDataStat(value) {
+      if (value == 'success') {
+        this.fieldExcel();
       }
     }
   },
   methods: {
-    fetch: function fetch() {
-      this.$store.dispatch(this.kelas + '/indexProduk', [this.$route.params.id, this.$route.params.cu]);
-      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id, this.$route.params.cu);
-    },
-    back: function back() {
-      if (this.$route.meta.mode == 'createJalinan') {
-        this.$router.push({
-          name: 'jalinanKlaimCreateNik',
-          params: {
-            nik: this.form.nik
-          }
-        });
-      } else if (this.$route.meta.mode == 'editJalinan') {
-        if (this.currentUser.id_cu == 0) {
-          this.$router.push({
-            name: 'jalinanKlaimCu',
-            params: {
-              cu: 'semua',
-              tp: 'semua'
-            }
-          });
-        } else {
-          this.$router.push({
-            name: 'jalinanKlaimCu',
-            params: {
-              cu: this.currentUser.id_cu,
-              tp: 'semua'
-            }
-          });
-        }
-      } else {
-        if (this.currentUser.id_cu != 0) {
-          this.$router.push({
-            name: this.kelas + 'Cu',
-            params: {
-              cu: this.currentUser.id_cu
-            }
-          });
-        } else {
-          this.$router.push({
-            name: this.kelas + 'Cu',
-            params: {
-              cu: 'semua'
-            }
-          });
-        }
-      }
-    },
-    kembali: function kembali() {
-      if (this.$route.meta.mode == 'create') {
-        this.$router.push({
-          name: this.kelas + 'CreateEdit',
-          params: {
-            id: this.$route.params.id
-          }
-        });
-      } else if (this.$route.meta.mode == 'createJalinan') {
-        this.$router.push({
-          name: this.kelas + 'CreateJalinanEdit',
-          params: {
-            id: this.$route.params.id
-          }
-        });
-      } else {
-        this.back();
-      }
+    fetch: function fetch(params) {
+      this.$store.dispatch(this.kelas + '/indexAnggota', [params, this.$route.params.id, this.cu, this.lokasi]);
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    modalOpen: function modalOpen(state) {
-      this.modalShow = true;
-
-      if (state == 'create') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.formState = 'create';
-
-        if (this.modelCuStat != 'success') {
-          this.$store.dispatch('cu/getHeader');
+    fieldExcel: function fieldExcel() {
+      var vm = this;
+      vm.excel.fields = {};
+      vm.columnData.forEach(function (column) {
+        if (!column.hide && !column.disable && column.tipe) {
+          if (column.excelName) {
+            vm.excel.fields[column.title] = column.excelName;
+          } else {
+            vm.excel.fields[column.title] = column.name;
+          }
         }
-
-        this.modalTitle = 'Tambah produk';
-      } else if (state == 'edit') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.formState = 'edit';
-        this.modalTitle = 'Ubah produk';
-        this.formModel = Object.assign({}, this.selectedItem);
-      } else if (state == 'transaksi') {
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Transaksi';
-        this.formModel = Object.assign({}, this.selectedItem);
-      } else if (state == 'delete') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = this.modalTitle = 'Hapus produk ' + this.selectedItem.produk_cu.name + ' dengan no rekening ' + this.selectedItem.no_rek + ' ?';
-      }
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-    },
-    tambahProduk: function tambahProduk() {
-      this.modalShow = false;
-      var self = this;
-      setTimeout(function () {
-        self.$router.push({
-          name: 'produkCuCreate'
-        });
-      }, 300);
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      this.$store.dispatch(this.kelas + '/destroyProduk', this.selectedItem.id);
-    },
-    cancelClick: function cancelClick() {
-      this.modalShow = false;
-    },
-    moment: function moment() {
-      return moment__WEBPACK_IMPORTED_MODULE_0___default()();
+      });
+      vm.excel.data = vm.itemData;
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('anggotaCu', {
-    form: 'data',
-    itemData: 'dataProduk',
-    formDataStat: 'dataStat',
-    itemDataStat: 'dataProdukStat',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
-    modelCu: 'headerDataS',
-    modelCuStat: 'headerDataStatS'
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanIuran', {
+    itemData: 'dataS2',
+    itemDataStat: 'dataStatS2'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1797,65 +1519,104 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body text-center" }, [
-        _vm.image === "" && _vm.image_temp === ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: "/images/no_image.jpg" },
-            })
-          : _vm.image === "" && _vm.image_temp !== ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
-            })
-          : _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image },
+  return _c(
+    "div",
+    {
+      staticClass: "table-responsive table-scrollable",
+      staticStyle: { "max-height": "33rem" },
+    },
+    [
+      _c("table", { staticClass: "table table-striped" }, [
+        _c("thead", { staticClass: "bg-primary" }, [
+          _c(
+            "tr",
+            { staticClass: "text-nowrap" },
+            _vm._l(_vm.columnData, function (item, index) {
+              return _c("th", { key: index }, [
+                _c("span", { domProps: { innerHTML: _vm._s(item.title) } }),
+              ])
             }),
+            0
+          ),
+        ]),
+        _vm._v(" "),
+        _vm.itemDataStat === "loading"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._m(0),
+                ]),
+              ]),
+            ])
+          : _vm.itemDataStat === "success"
+          ? _c(
+              "tbody",
+              [
+                _vm._l(_vm.items, function (item, index) {
+                  return _vm._t("item-desktop", null, {
+                    item: item,
+                    index: index,
+                  })
+                }),
+                _vm._v(" "),
+                _vm.items.length == 0
+                  ? _c("tr", [
+                      _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                        _vm._v("Belum terdapat data..."),
+                      ]),
+                    ])
+                  : _vm._e(),
+              ],
+              2
+            )
+          : _vm.itemDataStat === "fail"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v(
+                    "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
+                  ),
+                ]),
+              ]),
+            ])
+          : _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v("-"),
+                ]),
+              ]),
+            ]),
       ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "row" }, [
-      _c("div", { staticClass: "col-md-10" }, [
-        _c("input", {
-          ref: "fileInput",
-          staticClass: "form-control",
-          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
-          on: { change: _vm.upload },
-        }),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-2" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block",
-            attrs: { type: "button", disabled: _vm.image_temp === "" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.close()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
-        ),
-      ]),
-    ]),
-  ])
+    ]
+  )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
 /*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
   \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -1868,95 +1629,23 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    { staticStyle: { display: "inline-block" } },
-    [
-      _vm.value
-        ? _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm.valueType == "trim"
-              ? _c(
-                  "span",
-                  { staticStyle: { display: "inline-block" } },
-                  [
-                    _c("truncate", {
-                      staticStyle: { display: "inline-block" },
-                      attrs: {
-                        "action-class": "badge bg-blue",
-                        clamp: "selengkapnya >",
-                        length: _vm.trimLength,
-                        less: "< kembali",
-                        text: _vm.frontText + " " + _vm.value,
-                      },
-                    }),
-                  ],
-                  1
-                )
-              : _vm.valueType == "modal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light",
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen()
-                        },
-                      },
-                    },
-                    [_vm._v("\n          Lihat\n      ")]
-                  ),
-                ])
-              : _vm.valueType == "currency"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(
-                        _vm._f("currency")(_vm.value, "", 0, {
-                          thousandsSeparator: ".",
-                        })
-                      )
-                  ),
-                ])
-              : _vm.valueType == "percentage"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("percentage")(_vm.value, 2))
-                  ),
-                ])
-              : _vm.valueType == "decimal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("round")(_vm.value, 2))
-                  ),
-                ])
-              : _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
-                ]),
-          ])
-        : _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
-          ]),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
-        },
-        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
-      }),
-    ],
-    1
-  )
+  return _c("DatePicker", {
+    staticClass: "w-100",
+    attrs: {
+      format: "DD-MM-YYYY",
+      "value-type": "format",
+      placeholder: "Pilih Tanggal",
+      editable: true,
+    },
+    on: { change: _vm.onChanged },
+    model: {
+      value: _vm.time,
+      callback: function ($$v) {
+        _vm.time = $$v
+      },
+      expression: "time",
+    },
+  })
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -2004,10 +1693,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -2019,107 +1708,21 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
-            [
-              _vm.level === 1
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
-                        },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
+  return _c("div", { staticStyle: { display: "inline-block" } }, [
+    _c("i", {
+      directives: [
+        {
+          name: "tooltip",
+          rawName: "v-tooltip",
+          value: _vm.message,
+          expression: "message",
+        },
+      ],
+      staticClass: "icon-info22 d-none d-sm-block",
+    }),
+    _vm._v(" "),
+    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
+      _c("i", [_vm._v(_vm._s(_vm.message))]),
     ]),
   ])
 }
@@ -2130,10 +1733,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=template&id=1e6fb292&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=template&id=1e6fb292& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -2145,2239 +1748,2597 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formProduk" },
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticStyle: { display: "inline-block" } }, [
+      _c(
+        "span",
+        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
+        [_vm._v("Wajib diisi")]
+      ),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=template&id=e682995e&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=template&id=e682995e& ***!
+  \************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: _vm.level,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
         on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
+          level2Back: function ($event) {
+            return _vm.back()
           },
         },
-      },
-      [
-        _vm.message.show
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorData: _vm.message.content,
-                showDebug: false,
-              },
-              on: { close: _vm.messageClose },
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c("div", { staticClass: "row" }, [
-          _vm.currentUser.id_cu === 0
-            ? _c("div", { staticClass: "col-md-12" }, [
-                _c(
-                  "div",
-                  {
-                    staticClass: "form-group",
-                    class: { "has-error": _vm.errors.has("formProduk.cu.id") },
-                  },
-                  [
-                    _c(
-                      "h5",
-                      {
-                        class: {
-                          "text-danger": _vm.errors.has("formProduk.cu.id"),
-                        },
-                      },
-                      [
-                        _vm.errors.has("formProduk.cu.id")
-                          ? _c("i", { staticClass: "icon-cross2" })
-                          : _vm._e(),
-                        _vm._v("\n\t\t\t\t\tCU:\n\t\t\t\t"),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.formProduk.cu.id,
-                            expression: "formProduk.cu.id",
-                          },
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required",
-                            expression: "'required'",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          name: "cu_id",
-                          "data-width": "100%",
-                          "data-vv-as": "CU",
-                          disabled: _vm.anggota_cu.anggota_cu_cu.length === 0,
-                        },
-                        on: {
-                          change: [
-                            function ($event) {
-                              var $$selectedVal = Array.prototype.filter
-                                .call($event.target.options, function (o) {
-                                  return o.selected
-                                })
-                                .map(function (o) {
-                                  var val = "_value" in o ? o._value : o.value
-                                  return val
-                                })
-                              _vm.$set(
-                                _vm.formProduk.cu,
-                                "id",
-                                $event.target.multiple
-                                  ? $$selectedVal
-                                  : $$selectedVal[0]
-                              )
-                            },
-                            function ($event) {
-                              return _vm.changeCu($event.target.value)
-                            },
-                          ],
-                        },
-                      },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "0" } }, [
-                          _vm._v("Silahkan pilih CU"),
-                        ]),
-                        _vm._v(" "),
-                        _vm._l(
-                          _vm.anggota_cu.anggota_cu_cu,
-                          function (anggota_cu_cu, index) {
-                            return _c(
-                              "option",
-                              {
-                                key: index,
-                                domProps: { value: anggota_cu_cu.cu.id },
-                              },
-                              [_vm._v(_vm._s(anggota_cu_cu.cu.name))]
-                            )
-                          }
-                        ),
-                      ],
-                      2
-                    ),
-                    _vm._v(" "),
-                    _vm.errors.has("formProduk.cu.id")
-                      ? _c("small", { staticClass: "text-muted text-danger" }, [
-                          _c("i", { staticClass: "icon-arrow-small-right" }),
-                          _vm._v(
-                            " " +
-                              _vm._s(_vm.errors.first("formProduk.cu.id")) +
-                              "\n\t\t\t\t"
-                          ),
-                        ])
-                      : _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" "),
-                        ]),
-                  ]
-                ),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.formStateProdukCu.length === 0
-            ? _c(
-                "div",
-                {
-                  staticClass: "alert bg-warning text-white alert-styled-left ",
-                },
-                [_vm._m(0)]
-              )
-            : _c("div", { staticClass: "col-md-12" }, [
-                _c(
-                  "div",
-                  {
-                    staticClass: "form-group",
-                    class: {
-                      "has-error": _vm.errors.has("formProduk.produk_cu_id"),
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan",
+                      errorItem: _vm.errors.items,
                     },
-                  },
-                  [
-                    _c(
-                      "h5",
-                      {
-                        class: {
-                          "text-danger": _vm.errors.has(
-                            "formProduk.produk_cu.id"
-                          ),
-                        },
-                      },
-                      [
-                        _vm.errors.has("formProduk.produk_cu.id")
-                          ? _c("i", { staticClass: "icon-cross2" })
-                          : _vm._e(),
-                        _vm._v("\n\t\t\t\t\tProduk CU: "),
-                        _c("info-icon", {
-                          attrs: {
-                            message:
-                              "Apabila jenis produk yang ingin anda pilih tidak ada, pastikan anda sudah menambahkan data produk di menu Tambah Produk & Pelayanan",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.formProduk.produk_cu.id,
-                            expression: "formProduk.produk_cu.id",
-                          },
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required",
-                            expression: "'required'",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          name: "produk_cu_id",
-                          "data-width": "100%",
-                          "data-vv-as": "Produk CU",
-                          disabled: _vm.formStateProdukCu.length === 0,
-                        },
-                        on: {
-                          change: [
-                            function ($event) {
-                              var $$selectedVal = Array.prototype.filter
-                                .call($event.target.options, function (o) {
-                                  return o.selected
-                                })
-                                .map(function (o) {
-                                  var val = "_value" in o ? o._value : o.value
-                                  return val
-                                })
-                              _vm.$set(
-                                _vm.formProduk.produk_cu,
-                                "id",
-                                $event.target.multiple
-                                  ? $$selectedVal
-                                  : $$selectedVal[0]
-                              )
-                            },
-                            function ($event) {
-                              return _vm.changeProdukCu($event.target.value)
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.formStat == "success"
+                ? _c(
+                    "div",
+                    [
+                      _c("div", { staticClass: "card card-body" }, [
+                        _c("div", { staticClass: "input-group" }, [
+                          _vm._m(0),
+                          _vm._v(" "),
+                          _c(
+                            "select",
+                            {
+                              staticClass: "form-control",
+                              attrs: { "data-width": "100%" },
+                              on: {
+                                change: function ($event) {
+                                  return _vm.changeTab($event.target.value)
+                                },
+                              },
                             },
-                          ],
-                        },
-                      },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "0" } }, [
-                          _vm.formStateProdukCuStat === "loading"
-                            ? _c("span", [_vm._v("Mohon tunggu...")])
-                            : _c("span", [_vm._v("Silahkan pilih Produk CU")]),
-                        ]),
-                        _vm._v(" "),
-                        _vm._l(_vm.formStateProdukCu, function (produk, index) {
-                          return _c(
-                            "option",
-                            { key: index, domProps: { value: produk.id } },
                             [
-                              _vm._v(
-                                _vm._s(produk.name) +
-                                  " | " +
-                                  _vm._s(produk.tipe)
-                              ),
+                              _c("option", { attrs: { value: "iuran" } }, [
+                                _vm._v("Setoran Solidaritas"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet3" } }, [
+                                _vm._v("Simp > 5JT"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet4" } }, [
+                                _vm._v("Simp > 50JT | 1 s.d. 70 Thn"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet5" } }, [
+                                _vm._v("Simp > 10JT | 60 s.d. 70 Thn"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet6" } }, [
+                                _vm._v("Simp > 70 Thn | Masuk < 60 Thn"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet7" } }, [
+                                _vm._v("Simp > 70 Thn | Masuk 60 s.d. 70 Thn"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet8" } }, [
+                                _vm._v("Masuk > 70 Thn"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet9" } }, [
+                                _vm._v("Simp Kap < 30 Hari"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet10" } }, [
+                                _vm._v("Simp Kap Lalai 3 Hari"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet11" } }, [
+                                _vm._v("Simp Lembaga"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet12" } }, [
+                                _vm._v("Pinj Non Pro > 150 JT"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet13" } }, [
+                                _vm._v("Pinj > 50 JT"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet14" } }, [
+                                _vm._v("Pinj Kap > 25 JT"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet15" } }, [
+                                _vm._v("Pinj Agt > 70 JT"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet16" } }, [
+                                _vm._v("Pinj Kap < 30 Hari"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet17" } }, [
+                                _vm._v("Pinj Macet > 6 Bln"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet18" } }, [
+                                _vm._v("Pinj Kap Lalai > 3 Bln"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet21" } }, [
+                                _vm._v("Pinj Pro > 300 JT"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet22" } }, [
+                                _vm._v("Pinj Ganda > 300 JT"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet23" } }, [
+                                _vm._v("Piut Kap > 5 Thn"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet24" } }, [
+                                _vm._v("Piut Umum > 15 Thn"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "sheet25" } }, [
+                                _vm._v("Pinj Lain-Lain"),
+                              ]),
                             ]
-                          )
-                        }),
-                      ],
-                      2
-                    ),
-                    _vm._v(" "),
-                    _vm.errors.has("formProduk.produk_cu.id")
-                      ? _c("small", { staticClass: "text-muted text-danger" }, [
-                          _c("i", { staticClass: "icon-arrow-small-right" }),
-                          _vm._v(
-                            " " +
-                              _vm._s(
-                                _vm.errors.first("formProduk.produk_cu.id")
-                              ) +
-                              "\n\t\t\t\t"
                           ),
-                        ])
-                      : _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" "),
                         ]),
-                  ]
-                ),
-              ]),
-          _vm._v(" "),
-          _vm.tipeProduk != ""
-            ? _c("div", { staticClass: "col-md-12" }, [
-                _c(
-                  "div",
-                  {
-                    staticClass: "form-group",
-                    class: { "has-error": _vm.errors.has("formProduk.no_rek") },
-                  },
-                  [
-                    _c(
-                      "h5",
-                      {
-                        class: {
-                          "text-danger": _vm.errors.has("formProduk.no_rek"),
-                        },
-                      },
-                      [
-                        _vm.errors.has("formProduk.no_rek")
-                          ? _c("i", { staticClass: "icon-cross2" })
-                          : _vm._e(),
-                        _vm._v("\n\t\t\t\t\tNo. Rekening:\n\t\t\t\t"),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("cleave", {
-                      directives: [
+                      ]),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
                         {
-                          name: "validate",
-                          rawName: "v-validate",
-                          value: "required",
-                          expression: "'required'",
-                        },
-                      ],
-                      staticClass: "form-control",
-                      attrs: {
-                        name: "no_rek",
-                        options: _vm.cleaveOption.number30,
-                        placeholder: "Silahkan masukkan jumlah no. rekening",
-                        "data-vv-as": "No. Rekening",
-                      },
-                      model: {
-                        value: _vm.formProduk.no_rek,
-                        callback: function ($$v) {
-                          _vm.$set(_vm.formProduk, "no_rek", $$v)
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
                         },
-                        expression: "formProduk.no_rek",
-                      },
-                    }),
-                    _vm._v(" "),
-                    _vm.errors.has("formProduk.no_rek")
-                      ? _c("small", { staticClass: "text-muted text-danger" }, [
-                          _c("i", { staticClass: "icon-arrow-small-right" }),
-                          _vm._v(
-                            " " +
-                              _vm._s(_vm.errors.first("formProduk.no_rek")) +
-                              "\n\t\t\t\t"
-                          ),
-                        ])
-                      : _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" \n\t\t\t\t"),
-                        ]),
-                  ],
-                  1
-                ),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.tipeProduk != ""
-            ? _c("div", { staticClass: "col-md-12" }, [
-                _c(
-                  "div",
-                  {
-                    staticClass: "form-group",
-                    class: { "has-error": _vm.errors.has("formProduk.saldo") },
-                  },
-                  [
-                    _c(
-                      "h5",
-                      {
-                        class: {
-                          "text-danger": _vm.errors.has("formProduk.saldo"),
-                        },
-                      },
-                      [
-                        _vm.errors.has("formProduk.saldo")
-                          ? _c("i", { staticClass: "icon-cross2" })
-                          : _vm._e(),
-                        _vm._v("\n\t\t\t\t\tSaldo:\n\t\t\t\t"),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("cleave", {
-                      directives: [
-                        {
-                          name: "validate",
-                          rawName: "v-validate",
-                          value: "required",
-                          expression: "'required'",
-                        },
-                      ],
-                      staticClass: "form-control",
-                      attrs: {
-                        name: "saldo",
-                        options: _vm.cleaveOption.numeric,
-                        placeholder: "Silahkan masukkan jumlah saldo",
-                        "data-vv-as": "Saldo",
-                      },
-                      model: {
-                        value: _vm.formProduk.saldo,
-                        callback: function ($$v) {
-                          _vm.$set(_vm.formProduk, "saldo", $$v)
-                        },
-                        expression: "formProduk.saldo",
-                      },
-                    }),
-                    _vm._v(" "),
-                    _vm.errors.has("formProduk.saldo")
-                      ? _c("small", { staticClass: "text-muted text-danger" }, [
-                          _c("i", { staticClass: "icon-arrow-small-right" }),
-                          _vm._v(
-                            " " +
-                              _vm._s(_vm.errors.first("formProduk.saldo")) +
-                              "\n\t\t\t\t"
+                        [
+                          _c(
+                            "div",
+                            {
+                              directives: [
+                                {
+                                  name: "show",
+                                  rawName: "v-show",
+                                  value: _vm.tabName == "iuran",
+                                  expression: "tabName == 'iuran'",
+                                },
+                              ],
+                            },
+                            [
+                              _c(
+                                "form",
+                                {
+                                  attrs: { "data-vv-scope": "form" },
+                                  on: {
+                                    submit: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.save.apply(null, arguments)
+                                    },
+                                  },
+                                },
+                                [
+                                  _c("div", { staticClass: "row" }, [
+                                    _c("div", { staticClass: "col-lg-6" }, [
+                                      _c("div", { staticClass: "card" }, [
+                                        _c(
+                                          "div",
+                                          {
+                                            staticClass: "card-header bg-white",
+                                          },
+                                          [
+                                            _c(
+                                              "h5",
+                                              { staticClass: "card-title" },
+                                              [_vm._v("Santunan Solidaritas")]
+                                            ),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "div",
+                                          { staticClass: "card-body" },
+                                          [
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [
+                                                  _c("b", [
+                                                    _vm._v(
+                                                      "A. Simpanan yang disolidaritaskan"
+                                                    ),
+                                                  ]),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c(
+                                                        "tbody",
+                                                        [
+                                                          _vm._l(
+                                                            _vm.form.produk,
+                                                            function (
+                                                              produk,
+                                                              index
+                                                            ) {
+                                                              return produk.produk &&
+                                                                (produk.produk
+                                                                  .tipe ==
+                                                                  "Simpanan Pokok" ||
+                                                                  produk.produk
+                                                                    .tipe ==
+                                                                    "Simpanan Wajib" ||
+                                                                  produk.produk
+                                                                    .tipe ==
+                                                                    "Simpanan Non Saham")
+                                                                ? _c("tr", [
+                                                                    _c("th", [
+                                                                      _vm._v(
+                                                                        _vm._s(
+                                                                          produk
+                                                                            .produk
+                                                                            .name
+                                                                        )
+                                                                      ),
+                                                                    ]),
+                                                                    _vm._v(" "),
+                                                                    _c(
+                                                                      "td",
+                                                                      {
+                                                                        staticClass:
+                                                                          "text-right",
+                                                                      },
+                                                                      [
+                                                                        _c(
+                                                                          "check-value",
+                                                                          {
+                                                                            attrs:
+                                                                              {
+                                                                                value:
+                                                                                  produk.saldo,
+                                                                                valueType:
+                                                                                  "currency",
+                                                                              },
+                                                                          }
+                                                                        ),
+                                                                      ],
+                                                                      1
+                                                                    ),
+                                                                  ])
+                                                                : _vm._e()
+                                                            }
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c("tr", [
+                                                            _c("th", [
+                                                              _vm._v(
+                                                                "Jumlah Simpanan yang disolidaritaskan"
+                                                              ),
+                                                            ]),
+                                                            _vm._v(" "),
+                                                            _c(
+                                                              "td",
+                                                              {
+                                                                staticClass:
+                                                                  "text-right",
+                                                              },
+                                                              [
+                                                                _c(
+                                                                  "check-value",
+                                                                  {
+                                                                    attrs: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .total_simpanan,
+                                                                      valueType:
+                                                                        "currency",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]),
+                                                        ],
+                                                        2
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [
+                                                  _c("b", [
+                                                    _vm._v(
+                                                      "B. Simpanan sebagai pengurang"
+                                                    ),
+                                                  ]),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c("tbody", [
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "1. Simpanan usia 0 s.d 1 thn diatas plafon (5.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_3,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "2. Simpanan usia > 1 s.d 70 thn diatas plafon (50.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_4,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "3. Simpanan usia masuk 60 s.d 70 thn diatas plafon (10.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_5,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "4. Pertambahan simpanan usia diatas  70 thn - yang menjadi anggota CU pada usia di bawah 60 tahun (Maks. 50 juta)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_6,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "5. Pertambahan simpanan usia diatas  70 thn - yang menjadi anggota CU pada usia 60 s.d 70 tahun (Maks. 10 juta)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_7,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "6. Pertambahan simpanan usia diatas  70 thn - Anggota masuk usia diatas 70 tahun"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_8,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "7. Simpanan Kapitalisasi anggota baru  < 30 hari sejak menjadi anggota"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_9,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "8. Simpanan kapitalisasi  yang piutangnya tidak pernah diangsur 3 bln berturut-turut atau lebih"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_10,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "9. Simpanan lembaga yang diatasnamakan lembaga atau perorangan"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_11,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "Jumlah Simpanan sebagai pengurang"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_simpanan_kurang,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                      ]),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [
+                                                  _c("b", [
+                                                    _vm._v(
+                                                      "C. Simpanan Yang Disolidaritaskan"
+                                                    ),
+                                                  ]),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c("tbody", [
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v("A - B"),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_simpanan -
+                                                                      _vm.form
+                                                                        .total_simpanan_kurang,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                      ]),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [_c("b", [_vm._v("D. Iuran")])]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c("tbody", [
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "Iuran Tunas"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      ((_vm.form
+                                                                        .total_simpanan -
+                                                                        _vm.form
+                                                                          .total_simpanan_kurang) *
+                                                                        0.55) /
+                                                                      1000,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "Pembulatan Setoran Solidaritas Tunas"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      Math.round(
+                                                                        ((_vm
+                                                                          .form
+                                                                          .total_simpanan -
+                                                                          _vm
+                                                                            .form
+                                                                            .total_simpanan_kurang) *
+                                                                          0.55) /
+                                                                          1000 /
+                                                                          50
+                                                                      ) * 50,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                      ]),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                          ]
+                                        ),
+                                      ]),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("div", { staticClass: "col-lg-6" }, [
+                                      _c("div", { staticClass: "card" }, [
+                                        _c(
+                                          "div",
+                                          {
+                                            staticClass: "card-header bg-white",
+                                          },
+                                          [
+                                            _c(
+                                              "h5",
+                                              { staticClass: "card-title" },
+                                              [
+                                                _vm._v(
+                                                  "Solidaritas Piutang Anggota"
+                                                ),
+                                              ]
+                                            ),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "div",
+                                          { staticClass: "card-body" },
+                                          [
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [
+                                                  _c("b", [
+                                                    _vm._v(
+                                                      "A. Piutang yang disolidaritaskan"
+                                                    ),
+                                                  ]),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c(
+                                                        "tbody",
+                                                        [
+                                                          _vm._l(
+                                                            _vm.form.produk,
+                                                            function (
+                                                              produk,
+                                                              index
+                                                            ) {
+                                                              return produk.produk &&
+                                                                (produk.produk
+                                                                  .tipe ==
+                                                                  "Pinjaman Kapitalisasi" ||
+                                                                  produk.produk
+                                                                    .tipe ==
+                                                                    "Pinjaman Umum" ||
+                                                                  produk.produk
+                                                                    .tipe ==
+                                                                    "Pinjaman Produktif")
+                                                                ? _c(
+                                                                    "tr",
+                                                                    {
+                                                                      key: index,
+                                                                    },
+                                                                    [
+                                                                      _c("th", [
+                                                                        _vm._v(
+                                                                          _vm._s(
+                                                                            produk
+                                                                              .produk
+                                                                              .name
+                                                                          )
+                                                                        ),
+                                                                      ]),
+                                                                      _vm._v(
+                                                                        " "
+                                                                      ),
+                                                                      _c(
+                                                                        "td",
+                                                                        {
+                                                                          staticClass:
+                                                                            "text-right",
+                                                                        },
+                                                                        [
+                                                                          _c(
+                                                                            "check-value",
+                                                                            {
+                                                                              attrs:
+                                                                                {
+                                                                                  value:
+                                                                                    produk.saldo,
+                                                                                  valueType:
+                                                                                    "currency",
+                                                                                },
+                                                                            }
+                                                                          ),
+                                                                        ],
+                                                                        1
+                                                                      ),
+                                                                    ]
+                                                                  )
+                                                                : _vm._e()
+                                                            }
+                                                          ),
+                                                          _vm._v(" "),
+                                                          _c("tr", [
+                                                            _c("th", [
+                                                              _vm._v(
+                                                                "Jumlah Piutang yang disolidaritaskan"
+                                                              ),
+                                                            ]),
+                                                            _vm._v(" "),
+                                                            _c(
+                                                              "td",
+                                                              {
+                                                                staticClass:
+                                                                  "text-right",
+                                                              },
+                                                              [
+                                                                _c(
+                                                                  "check-value",
+                                                                  {
+                                                                    attrs: {
+                                                                      value:
+                                                                        _vm.form
+                                                                          .total_pinjaman,
+                                                                      valueType:
+                                                                        "currency",
+                                                                    },
+                                                                  }
+                                                                ),
+                                                              ],
+                                                              1
+                                                            ),
+                                                          ]),
+                                                        ],
+                                                        2
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [
+                                                  _c("b", [
+                                                    _vm._v(
+                                                      "B. Piutang sebagai pengurang"
+                                                    ),
+                                                  ]),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c("tbody", [
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "1. Saldo piutang cair usia dewasa s.d 60 thn diatas plafon (150.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_12,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "2. Saldo piutang cair diatas usia 60 s.d 70 thn diatas plafon (50.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_13,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "3. Saldo piutang kapitalisasi diatas plafon (25.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_14,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "4. Saldo piutang usia diatas 70 tahun"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_15,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "5. Saldo piutang macet  lebih dari 6 bulan berturut-turut"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_16,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "6. Saldo piutang kapitalisasi anggota baru < 30 hari sejak menjadi anggota"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_17,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "7. Saldo piutang kapitalisasi yang tidak pernah diangsur ≥ 3 bln berturut-turut"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_18,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "8. Saldo piutang dengan tujuan untuk biaya berobat sendiri"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_19,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "9. Saldo piutang lembaga atas nama perorangan atau nama lembaga"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_20,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "10. Saldo piutang produktif  diatas plafon (300.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_21,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "11. Saldo piutang produktif dan piutang lain diatas plafon (300.000.000)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_22,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "12. Saldo piutang kapitalisasi yang umur piutang diatas 5 tahun"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_23,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "13. Saldo piutang selain  kapitalisasi yang umur piutang diatas 15 tahun"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_24,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "14. Saldo piutang yang angsuran ditarik dari simpanan saham (SP dan SW)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_25,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "15. Saldo piutang luar biasa usia < 17 tahun dan belum menikah"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .kurang_sheet_26,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "Jumlah Pinjaman sebagai pengurang"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_pinjaman_kurang,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                      ]),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [
+                                                  _c("b", [
+                                                    _vm._v(
+                                                      "C. Piutang Yang Disolidaritaskan"
+                                                    ),
+                                                  ]),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c("tbody", [
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v("A - B"),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      _vm.form
+                                                                        .total_pinjaman -
+                                                                      _vm.form
+                                                                        .total_pinjaman_kurang,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                      ]),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [_c("b", [_vm._v("D. Iuran")])]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass:
+                                                    "table-responsive",
+                                                },
+                                                [
+                                                  _c(
+                                                    "table",
+                                                    { staticClass: "table" },
+                                                    [
+                                                      _c("tbody", [
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "Iuran Lintang"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      ((_vm.form
+                                                                        .total_pinjaman -
+                                                                        _vm.form
+                                                                          .total_pinjaman_kurang) *
+                                                                        0.6) /
+                                                                      1000,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                        _vm._v(" "),
+                                                        _c("tr", [
+                                                          _c("th", [
+                                                            _vm._v(
+                                                              "Pembulatan Setoran Solidaritas Lintang (50)"
+                                                            ),
+                                                          ]),
+                                                          _vm._v(" "),
+                                                          _c(
+                                                            "td",
+                                                            {
+                                                              staticClass:
+                                                                "text-right",
+                                                            },
+                                                            [
+                                                              _c(
+                                                                "check-value",
+                                                                {
+                                                                  attrs: {
+                                                                    value:
+                                                                      Math.round(
+                                                                        ((_vm
+                                                                          .form
+                                                                          .total_pinjaman -
+                                                                          _vm
+                                                                            .form
+                                                                            .total_pinjaman_kurang) *
+                                                                          0.55) /
+                                                                          1000 /
+                                                                          50
+                                                                      ) * 50,
+                                                                    valueType:
+                                                                      "currency",
+                                                                  },
+                                                                }
+                                                              ),
+                                                            ],
+                                                            1
+                                                          ),
+                                                        ]),
+                                                      ]),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]),
+                                          ]
+                                        ),
+                                      ]),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("div", { staticClass: "col-lg-12" }, [
+                                      _c("div", { staticClass: "card" }, [
+                                        _c(
+                                          "div",
+                                          {
+                                            staticClass: "card-header bg-white",
+                                          },
+                                          [
+                                            _c(
+                                              "h5",
+                                              { staticClass: "card-title" },
+                                              [_vm._v("Total")]
+                                            ),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "div",
+                                          { staticClass: "table-responsive" },
+                                          [
+                                            _c(
+                                              "table",
+                                              { staticClass: "table" },
+                                              [
+                                                _c("tbody", [
+                                                  _c("tr", [
+                                                    _c("th", [
+                                                      _vm._v(
+                                                        "Jumlah Setoran Solidaritas Jalinan"
+                                                      ),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "td",
+                                                      {
+                                                        staticClass:
+                                                          "text-right",
+                                                      },
+                                                      [
+                                                        _c("check-value", {
+                                                          attrs: {
+                                                            value:
+                                                              Math.round(
+                                                                ((_vm.form
+                                                                  .total_simpanan -
+                                                                  _vm.form
+                                                                    .total_simpanan_kurang) *
+                                                                  0.55) /
+                                                                  1000 /
+                                                                  50
+                                                              ) *
+                                                                50 +
+                                                              Math.round(
+                                                                ((_vm.form
+                                                                  .total_pinjaman -
+                                                                  _vm.form
+                                                                    .total_pinjaman_kurang) *
+                                                                  0.55) /
+                                                                  1000 /
+                                                                  50
+                                                              ) *
+                                                                50,
+                                                            valueType:
+                                                              "currency",
+                                                          },
+                                                        }),
+                                                      ],
+                                                      1
+                                                    ),
+                                                  ]),
+                                                  _vm._v(" "),
+                                                  _c("tr", [
+                                                    _c("th", [
+                                                      _vm._v(
+                                                        "Jumlah Setoran Solidaritas Jalinan Yang Dibayarkan"
+                                                      ),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "td",
+                                                      {
+                                                        staticClass:
+                                                          "text-right",
+                                                      },
+                                                      [
+                                                        _c("check-value", {
+                                                          attrs: {
+                                                            value:
+                                                              Math.round(
+                                                                ((_vm.form
+                                                                  .total_simpanan -
+                                                                  _vm.form
+                                                                    .total_simpanan_kurang) *
+                                                                  0.55) /
+                                                                  1000 /
+                                                                  50
+                                                              ) *
+                                                                50 +
+                                                              Math.round(
+                                                                ((_vm.form
+                                                                  .total_pinjaman -
+                                                                  _vm.form
+                                                                    .total_pinjaman_kurang) *
+                                                                  0.55) /
+                                                                  1000 /
+                                                                  50
+                                                              ) *
+                                                                50,
+                                                            valueType:
+                                                              "currency",
+                                                          },
+                                                        }),
+                                                      ],
+                                                      1
+                                                    ),
+                                                  ]),
+                                                ]),
+                                              ]
+                                            ),
+                                          ]
+                                        ),
+                                      ]),
+                                    ]),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("form-info"),
+                                  _vm._v(" "),
+                                  _c("br"),
+                                  _vm._v(" "),
+                                  _vm.form.status == 0
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-danger btn-block btn-lg mb-3",
+                                          attrs: {
+                                            type: "button",
+                                            readonly: "",
+                                          },
+                                        },
+                                        [
+                                          _c("b", [
+                                            _vm._v("STATUS : BELUM BAYAR"),
+                                          ]),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _vm.form.status == 1
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-warning btn-block btn-lg mb-3",
+                                          attrs: {
+                                            type: "button",
+                                            readonly: "",
+                                          },
+                                        },
+                                        [
+                                          _c("b", [
+                                            _vm._v(
+                                              "STATUS : SUDAH BAYAR DAN MENUNGGU KONFIRMASI"
+                                            ),
+                                          ]),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _vm.form.status == 2
+                                    ? _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "btn btn-primary btn-block btn-lg mb-3",
+                                          attrs: {
+                                            type: "button",
+                                            readonly: "",
+                                          },
+                                        },
+                                        [
+                                          _c("b", [
+                                            _vm._v("STATUS : SUDAH LUNAS"),
+                                          ]),
+                                        ]
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _vm.currentUser.id_cu == 0
+                                    ? _c(
+                                        "div",
+                                        { staticClass: "card card-body" },
+                                        [
+                                          _vm.form.status != 0
+                                            ? _c("form-button", {
+                                                attrs: {
+                                                  cancelState: _vm.cancelState,
+                                                  formValidation: "form",
+                                                  confirmTitle:
+                                                    _vm.confirmTitle,
+                                                },
+                                                on: { cancelClick: _vm.back },
+                                              })
+                                            : _c("form-button", {
+                                                attrs: {
+                                                  cancelState: _vm.cancelState,
+                                                  isSingleButton: true,
+                                                },
+                                                on: { cancelClick: _vm.back },
+                                              }),
+                                        ],
+                                        1
+                                      )
+                                    : _c(
+                                        "div",
+                                        { staticClass: "card card-body" },
+                                        [
+                                          _vm.form.status != 2
+                                            ? _c("form-button", {
+                                                attrs: {
+                                                  cancelState: _vm.cancelState,
+                                                  formValidation: "form",
+                                                  confirmTitle:
+                                                    _vm.confirmTitle,
+                                                },
+                                                on: { cancelClick: _vm.back },
+                                              })
+                                            : _c("form-button", {
+                                                attrs: {
+                                                  cancelState: _vm.cancelState,
+                                                  isSingleButton: true,
+                                                },
+                                                on: { cancelClick: _vm.back },
+                                              }),
+                                        ],
+                                        1
+                                      ),
+                                ],
+                                1
+                              ),
+                            ]
                           ),
-                        ])
-                      : _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" \n\t\t\t\t"),
-                        ]),
-                  ],
-                  1
-                ),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.tipeProduk != ""
-            ? _c("div", { staticClass: "col-md-12" }, [
-                _c(
-                  "div",
-                  {
-                    staticClass: "form-group",
-                    class: {
-                      "has-error": _vm.errors.has("formProduk.tanggal"),
-                    },
-                  },
-                  [
-                    _c(
-                      "h5",
-                      {
-                        class: {
-                          "text-danger": _vm.errors.has("formProduk.tanggal"),
-                        },
-                      },
-                      [
-                        _vm.errors.has("formProduk.tanggal")
-                          ? _c("i", { staticClass: "icon-cross2" })
-                          : _vm._e(),
-                        _vm._v(" Tanggal Buat:\n\t\t\t\t"),
-                        _c("br"),
-                        _vm._m(1),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("date-picker", {
-                      attrs: { defaultDate: _vm.formProduk.tanggal },
-                      on: {
-                        dateSelected: function ($event) {
-                          _vm.formProduk.tanggal = $event
-                        },
-                      },
-                    }),
-                    _vm._v(" "),
-                    _c("input", {
-                      directives: [
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
                         {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.formProduk.tanggal,
-                          expression: "formProduk.tanggal",
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
                         },
+                        [
+                          _vm.tabName == "sheet3"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Simp > 5JT",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 3,
+                                      deskripsi:
+                                        "Simpanan khusus anggota yang masuk CU berusia 0 s.d. 1 tahun yang jumlah simpanan melebihi plafon Rp5.000.000,00. Simpanan yang disolidaritaskan hanya sebesar maksimal Rp5.000.000,00; kelebihan simpanan tersebut menjadi pengurang setoran solidaritas",
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
                         {
-                          name: "show",
-                          rawName: "v-show",
-                          value: false,
-                          expression: "false",
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
                         },
+                        [
+                          _vm.tabName == "sheet4"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Simp > 50JT | 1 s.d. 70 Thn",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 4,
+                                      deskripsi:
+                                        "Simpanan khusus anggota yang masuk CU dibawah usia 60 tahun dan sekarang berusia 1 s.d. 70 tahun, yang jumlah simpanannya melebihi plafon Rp50.000.000,00. Simpanan yang disolidaritaskan hanya sebesar maksimal Rp50.000.000,00; kelebihan simpanan tersebut menjadi pengurang setoran solidaritas",
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
                         {
-                          name: "validate",
-                          rawName: "v-validate",
-                          value: "required",
-                          expression: "'required'",
-                        },
-                      ],
-                      attrs: { "data-vv-as": "Tanggal" },
-                      domProps: { value: _vm.formProduk.tanggal },
-                      on: {
-                        input: function ($event) {
-                          if ($event.target.composing) {
-                            return
-                          }
-                          _vm.$set(
-                            _vm.formProduk,
-                            "tanggal",
-                            $event.target.value
-                          )
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
                         },
-                      },
-                    }),
-                    _vm._v(" "),
-                    _vm.errors.has("formProduk.tanggal")
-                      ? _c("small", { staticClass: "text-muted text-danger" }, [
-                          _c("i", { staticClass: "icon-arrow-small-right" }),
-                          _vm._v(
-                            " " +
-                              _vm._s(_vm.errors.first("formProduk.tanggal")) +
-                              "\n\t\t\t\t"
-                          ),
-                        ])
-                      : _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" \n\t\t\t\t"),
-                        ]),
-                  ],
-                  1
-                ),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.tipeProduk != ""
-            ? _c("div", { staticClass: "col-md-12" }, [
-                _vm.tipeProduk != "pinjaman"
-                  ? _c(
-                      "div",
-                      { staticClass: "form-group" },
-                      [
-                        _vm._m(2),
-                        _vm._v(" "),
-                        _c("date-picker", {
-                          attrs: { defaultDate: _vm.formProduk.tanggal_target },
-                          on: {
-                            dateSelected: function ($event) {
-                              _vm.formProduk.tanggal_target = $event
-                            },
+                        [
+                          _vm.tabName == "sheet5"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Simp > 10JT | 60 s.d. 70 Thn",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 5,
+                                      deskripsi:
+                                        "Simpanan khusus anggota yang amsuk CU berusia 60 s.d. 70 tahun yang jumlah simpanannya melebihi plafon Rp10.000.000,00. Simpanan yang disolidaritaskan hanya sebesar maksimal Rp10.000.000,00; Kelebihan simpanan tersebut menjadi pengurang setoran solidaritas",
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
                           },
-                        }),
-                        _vm._v(" "),
-                        _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" "),
-                        ]),
-                      ],
-                      1
-                    )
-                  : _vm._e(),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.tipeProduk == "pinjaman"
-            ? _c("div", { staticClass: "col-md-12" }, [
-                _c(
-                  "div",
-                  {
-                    staticClass: "form-group",
-                    class: {
-                      "has-error": _vm.errors.has("formProduk.lama_pinjaman"),
-                    },
-                  },
-                  [
-                    _c(
-                      "h5",
-                      {
-                        class: {
-                          "text-danger": _vm.errors.has(
-                            "formProduk.lama_pinjaman"
-                          ),
                         },
-                      },
-                      [
-                        _vm.errors.has("formProduk.lama_pinjaman")
-                          ? _c("i", { staticClass: "icon-cross2" })
-                          : _vm._e(),
-                        _vm._v(
-                          "\n\t\t\t\t\tLama Pinjaman (bulan):\n\t\t\t\t\t"
-                        ),
-                        _c("br"),
-                        _vm._m(3),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("cleave", {
-                      directives: [
+                        [
+                          _vm.tabName == "sheet6"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Simp > 70 Thn | Masuk < 60 Thn",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 6,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
                         {
-                          name: "validate",
-                          rawName: "v-validate",
-                          value: "required",
-                          expression: "'required'",
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
                         },
-                      ],
-                      staticClass: "form-control",
-                      attrs: {
-                        name: "lama_pinjaman",
-                        options: _vm.cleaveOption.number4,
-                        placeholder: "Silahkan masukkan lama pinjaman",
-                        "data-vv-as": "Lama pinjaman",
-                      },
-                      model: {
-                        value: _vm.formProduk.lama_pinjaman,
-                        callback: function ($$v) {
-                          _vm.$set(_vm.formProduk, "lama_pinjaman", $$v)
+                        [
+                          _vm.tabName == "sheet7"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title:
+                                        "Simp > 70 Thn | Masuk 60 s.d. 70 Thn",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 7,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
                         },
-                        expression: "formProduk.lama_pinjaman",
-                      },
-                    }),
-                    _vm._v(" "),
-                    _vm.errors.has("formProduk.lama_pinjaman")
-                      ? _c("small", { staticClass: "text-muted text-danger" }, [
-                          _c("i", { staticClass: "icon-arrow-small-right" }),
-                          _vm._v(
-                            " " +
-                              _vm._s(
-                                _vm.errors.first("formProduk.lama_pinjaman")
-                              ) +
-                              "\n\t\t\t\t"
-                          ),
-                        ])
-                      : _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" \n\t\t\t\t"),
-                        ]),
-                  ],
-                  1
-                ),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.tipeProduk == "pinjaman"
-            ? _c("div", { staticClass: "col-md-12" }, [
-                _c(
-                  "div",
-                  {
-                    staticClass: "form-group",
-                    class: {
-                      "has-error": _vm.errors.has(
-                        "formProduk.lama_sisa_pinjaman"
+                        [
+                          _vm.tabName == "sheet8"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Masuk > 70 Thn<",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 8,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
                       ),
-                    },
-                  },
-                  [
-                    _c(
-                      "h5",
-                      {
-                        class: {
-                          "text-danger": _vm.errors.has(
-                            "formProduk.lama_sisa_pinjaman"
-                          ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
                         },
-                      },
-                      [
-                        _vm.errors.has("formProduk.lama_sisa_pinjaman")
-                          ? _c("i", { staticClass: "icon-cross2" })
-                          : _vm._e(),
-                        _vm._v(
-                          "\n\t\t\t\t\tLama Sisa Pinjaman (bulan):\n\t\t\t\t\t"
-                        ),
-                        _c("br"),
-                        _vm._m(4),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c("cleave", {
-                      directives: [
+                        [
+                          _vm.tabName == "sheet9"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Simp Kap < 30 Hari",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 9,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
                         {
-                          name: "validate",
-                          rawName: "v-validate",
-                          value: "required",
-                          expression: "'required'",
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
                         },
-                      ],
-                      staticClass: "form-control",
-                      attrs: {
-                        name: "lama_sisa_pinjaman",
-                        options: _vm.cleaveOption.number4,
-                        placeholder: "Silahkan masukkan lama pinjaman",
-                        "data-vv-as": "Lama sisa pinjaman",
-                      },
-                      model: {
-                        value: _vm.formProduk.lama_sisa_pinjaman,
-                        callback: function ($$v) {
-                          _vm.$set(_vm.formProduk, "lama_sisa_pinjaman", $$v)
-                        },
-                        expression: "formProduk.lama_sisa_pinjaman",
-                      },
-                    }),
-                    _vm._v(" "),
-                    _vm.errors.has("formProduk.lama_sisa_pinjaman")
-                      ? _c("small", { staticClass: "text-muted text-danger" }, [
-                          _c("i", { staticClass: "icon-arrow-small-right" }),
-                          _vm._v(
-                            " " +
-                              _vm._s(
-                                _vm.errors.first(
-                                  "formProduk.lama_sisa_pinjaman"
-                                )
-                              ) +
-                              "\n\t\t\t\t"
-                          ),
-                        ])
-                      : _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" \n\t\t\t\t"),
-                        ]),
-                  ],
-                  1
-                ),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.tipeProduk != ""
-            ? _c("div", { staticClass: "col-md-12" }, [
-                _c("div", { staticClass: "form-group" }, [
-                  _c("h6", [_vm._v("\n\t\t\t\t\tTujuan:\n\t\t\t\t")]),
-                  _vm._v(" "),
-                  _c("input", {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.formProduk.tujuan,
-                        expression: "formProduk.tujuan",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      type: "text",
-                      name: "tujuan",
-                      placeholder: "Silahkan masukkan tujuan",
-                    },
-                    domProps: { value: _vm.formProduk.tujuan },
-                    on: {
-                      input: function ($event) {
-                        if ($event.target.composing) {
-                          return
-                        }
-                        _vm.$set(_vm.formProduk, "tujuan", $event.target.value)
-                      },
-                    },
-                  }),
-                ]),
-              ])
-            : _vm._e(),
-        ]),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-          _vm._v(" "),
-          _vm.formStateProdukCu.length === 0
-            ? _c(
-                "button",
-                {
-                  staticClass: "btn btn-primary",
-                  attrs: {
-                    type: "button",
-                    disabled: !_vm.currentUser.can["create_produk_cu"],
-                  },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.tambahProduk.apply(null, arguments)
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-plus22" }),
-                  _vm._v(" Tambah Produk & Pelayanan"),
-                ]
-              )
-            : _c(
-                "button",
-                {
-                  staticClass: "btn btn-primary",
-                  attrs: {
-                    type: "submit",
-                    disabled: _vm.formProduk.produk_cu_id == "",
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-floppy-disk" }),
-                  _vm._v(" Simpan"),
-                ]
-              ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _vm.formStateProdukCu.length === 0
-            ? _c(
-                "button",
-                {
-                  staticClass: "btn btn-primary btn-block pb-2",
-                  attrs: {
-                    type: "button",
-                    disabled: !_vm.currentUser.can["create_produk_cu"],
-                  },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.tambahProduk.apply(null, arguments)
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-plus22" }),
-                  _vm._v(" Tambah Produk & Pelayanan"),
-                ]
-              )
-            : _c(
-                "button",
-                {
-                  staticClass: "btn btn-primary btn-block pb-2",
-                  attrs: {
-                    type: "submit",
-                    disabled: _vm.formProduk.produk_cu_id == "",
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-floppy-disk" }),
-                  _vm._v(" Simpan"),
-                ]
-              ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-        ]),
-      ],
-      1
-    ),
-  ])
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "font-weight-semibold" }, [
-      _vm._v(
-        "Maaf data jenis produk tidak ditemukan, pastikan anda sudah menambahkan data produk di menu "
-      ),
-      _c("u", [_vm._v("Tambah Produk & Pelayanan")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("small", { staticClass: "text-muted" }, [
-      _c("i", [_vm._v("Diisi dengan tanggal pembuatan rekening")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("h5", [
-      _vm._v("\n\t\t\t\t\tTanggal Target:\n\t\t\t\t\t"),
-      _c("br"),
-      _c("small", { staticClass: "text-muted" }, [
-        _c("i", [
-          _vm._v(
-            "Untuk simpanan rencana khusus (mis: kendaraan, perumahan) dan diisi dengan tanggal kapan rencana tersebut akan tercapai"
-          ),
-        ]),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("small", { staticClass: "text-muted" }, [
-      _c("i", [
-        _vm._v(
-          "Lama Pinjaman yang diberikan oleh CU kepada anggota sesuai perjanjian"
-        ),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("small", { staticClass: "text-muted" }, [
-      _c("i", [
-        _vm._v(
-          "Sisa waktu (bulan) pinjaman yang masih dimiliki oleh anggota CU"
-        ),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=template&id=666ecfd3&":
-/*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=template&id=666ecfd3& ***!
-  \****************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formProduk", autocomplete: "off" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _vm.message.show
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorData: _vm.message.content,
-                showDebug: false,
-              },
-              on: { close: _vm.messageClose },
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c("div", { staticClass: "card card-body text-center" }, [
-          _c(
-            "ul",
-            {
-              staticClass:
-                "list-inline list-inline-consensed mb-0 font-size-lg",
-            },
-            [
-              _c("li", { staticClass: "list-inline-item" }, [
-                _c("b", [_vm._v("Nama Produk:")]),
-                _vm._v(
-                  " " +
-                    _vm._s(
-                      _vm.selected.produk_cu ? _vm.selected.produk_cu.name : "-"
-                    )
-                ),
-              ]),
-              _vm._v(" "),
-              _c("li", { staticClass: "list-inline-item" }, [
-                _c("b", [_vm._v("No. Rek:")]),
-                _vm._v(" " + _vm._s(_vm.selected.no_rek)),
-              ]),
-              _vm._v(" "),
-              _vm.tipeProduk == "pinjaman"
-                ? _c("li", { staticClass: "list-inline-item" }, [
-                    _c("b", [_vm._v("Lama Sisa Pinjaman:")]),
-                    _vm._v(" " + _vm._s(_vm.selected.lama_sisa_pinjaman)),
-                  ])
-                : _vm._e(),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "row" }, [
-          _c("div", { staticClass: "col-sm-6" }, [
-            _c("div", { staticClass: "card card-body" }, [
-              _c("div", { staticClass: "media" }, [
-                _c("div", { staticClass: "media-body" }, [
-                  _c(
-                    "h3",
-                    { staticClass: "mb-0" },
-                    [
-                      _c("check-value", {
-                        attrs: {
-                          value: _vm.selected.saldo,
-                          valueType: "currency",
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("span", { staticClass: "text-uppercase font-size-xs" }, [
-                    _vm._v("Saldo Awal"),
-                  ]),
-                ]),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-sm-6" }, [
-            _c(
-              "div",
-              {
-                staticClass: "card card-body",
-                class: { "bg-danger-400": _vm.saldoAkhir < 0 },
-              },
-              [
-                _c("div", { staticClass: "media" }, [
-                  _c("div", { staticClass: "media-body" }, [
-                    _c(
-                      "h3",
-                      { staticClass: "mb-0" },
-                      [
-                        _c("check-value", {
-                          attrs: {
-                            value: _vm.saldoAkhir,
-                            valueType: "currency",
-                          },
-                        }),
-                      ],
-                      1
-                    ),
-                    _vm._v(" "),
-                    _c("span", { staticClass: "text-uppercase font-size-xs" }, [
-                      _vm._v("Saldo Akhir"),
-                    ]),
-                  ]),
-                ]),
-              ]
-            ),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "card card-body" }, [
-          _c("div", { staticClass: "row" }, [
-            _vm.tipeProduk != "pinjaman"
-              ? _c("div", { staticClass: "col-md-12" }, [
-                  _c("div", { staticClass: "form-group" }, [
-                    _c("h5", [_vm._v("Tipe Transaksi:")]),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.tipeTransaksi,
-                            expression: "tipeTransaksi",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: { name: "status", "data-width": "100%" },
-                        on: {
-                          change: function ($event) {
-                            var $$selectedVal = Array.prototype.filter
-                              .call($event.target.options, function (o) {
-                                return o.selected
-                              })
-                              .map(function (o) {
-                                var val = "_value" in o ? o._value : o.value
-                                return val
-                              })
-                            _vm.tipeTransaksi = $event.target.multiple
-                              ? $$selectedVal
-                              : $$selectedVal[0]
-                          },
-                        },
-                      },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "" } }, [
-                          _vm._v("Silahkan pilih tipe transaksi"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "setor" } }, [
-                          _vm._v("Setor"),
-                        ]),
-                        _vm._v(" "),
-                        _c("option", { attrs: { value: "tarik" } }, [
-                          _vm._v("Tarik"),
-                        ]),
-                      ]
-                    ),
-                  ]),
-                ])
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.tipeProduk == "pinjaman"
-              ? _c("div", { staticClass: "col-md-12" }, [
-                  _c(
-                    "div",
-                    { staticClass: "form-group" },
-                    [
-                      _c("h5", [_vm._v("Lama Sisa Pinjaman (Bulan):")]),
+                        [
+                          _vm.tabName == "sheet10"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Simp Kap Lalai 3 Hari",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 10,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
                       _vm._v(" "),
-                      _c("cleave", {
-                        directives: [
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required",
-                            expression: "'required'",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          name: "lama_sisa_pinjaman",
-                          options: _vm.cleaveOption.number4,
-                          placeholder: "Silahkan masukkan lama sisa pinjaman",
-                          "data-vv-as": "Lama sisa pinjaman",
-                        },
-                        model: {
-                          value: _vm.formProduk.lama_sisa_pinjaman,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.formProduk, "lama_sisa_pinjaman", $$v)
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
                           },
-                          expression: "formProduk.lama_sisa_pinjaman",
                         },
-                      }),
-                    ],
-                    1
-                  ),
-                ])
-              : _vm._e(),
-            _vm._v(" "),
-            _c("div", { staticClass: "col-md-12" }, [
-              _c(
-                "div",
-                { staticClass: "form-group" },
-                [
-                  _c("h5", [_vm._v("Nilai Transaksi:")]),
-                  _vm._v(" "),
-                  _c("cleave", {
-                    directives: [
-                      {
-                        name: "validate",
-                        rawName: "v-validate",
-                        value: "required",
-                        expression: "'required'",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      name: "saldo",
-                      options: _vm.cleaveOption.numeric,
-                      placeholder: "Silahkan masukkan jumlah saldo",
-                      "data-vv-as": "Saldo",
-                    },
-                    model: {
-                      value: _vm.formProduk.transaksi,
-                      callback: function ($$v) {
-                        _vm.$set(_vm.formProduk, "transaksi", $$v)
-                      },
-                      expression: "formProduk.transaksi",
-                    },
-                  }),
-                ],
-                1
-              ),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c("hr"),
-          _vm._v(" "),
-          _c("div", { staticClass: "text-center d-none d-md-block" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light",
-                attrs: { type: "button" },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-            _vm._v(" "),
-            _vm._m(0),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "d-block d-md-none" }, [
-            _vm._m(1),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block pb-2",
-                attrs: { type: "button" },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.tutup.apply(null, arguments)
-                  },
-                },
-              },
-              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-            ),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c(
-          "div",
-          { staticClass: "card mb-0" },
-          [
-            _vm._m(2),
-            _vm._v(" "),
-            _c("data-table", {
-              attrs: {
-                items: _vm.itemDataSaldo.data,
-                columnData: _vm.columnDataSaldo,
-                itemDataStat: _vm.itemDataSaldoStat,
-              },
-              scopedSlots: _vm._u([
-                {
-                  key: "item-desktop",
-                  fn: function (props) {
-                    return [
-                      props.item
-                        ? _c(
-                            "tr",
-                            {
-                              staticClass: "text-nowrap",
-                              class: {
-                                "bg-info":
-                                  _vm.selectedItem.id === props.item.id,
-                              },
-                              on: {
-                                click: function ($event) {
-                                  return _vm.selectedRow(props.item)
-                                },
-                              },
-                            },
-                            [
-                              _c("td", [_vm._v(_vm._s(props.index + 1))]),
-                              _vm._v(" "),
-                              _c(
-                                "td",
+                        [
+                          _vm.tabName == "sheet11"
+                            ? _c(
+                                "div",
                                 [
-                                  _c("check-value", {
+                                  _c("table-anggota", {
                                     attrs: {
-                                      value: props.item.saldo,
-                                      valueType: "currency",
+                                      kelas: _vm.kelas,
+                                      title: "Simp Lembaga",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 11,
                                     },
                                   }),
                                 ],
                                 1
-                              ),
-                              _vm._v(" "),
-                              _vm.tipeProduk == "pinjaman"
-                                ? _c(
-                                    "td",
-                                    [
-                                      _c("check-value", {
-                                        attrs: {
-                                          value: props.item.lama_sisa_pinjaman,
-                                        },
-                                      }),
-                                    ],
-                                    1
-                                  )
-                                : _vm._e(),
-                              _vm._v(" "),
-                              _c("td", [
-                                props.item.tanggal
-                                  ? _c("span", {
-                                      domProps: {
-                                        innerHTML: _vm._s(
-                                          _vm.$options.filters.dateTime(
-                                            props.item.created_at
-                                          )
-                                        ),
-                                      },
-                                    })
-                                  : _c("span", [_vm._v("-")]),
-                              ]),
-                            ]
-                          )
-                        : _vm._e(),
-                    ]
-                  },
-                },
-              ]),
-            }),
-            _vm._v(" "),
-            _c("div", { staticClass: "card-footer" }, [
-              _vm.itemDataSaldoStat != ""
-                ? _c("div", { staticClass: "row pre-scrollable" }, [
-                    _c("div", { staticClass: "col-md-4 pt-2" }, [
-                      _vm.itemDataSaldoStat === "success"
-                        ? _c("div", { staticClass: "d-none d-sm-block" }, [
-                            _vm._v(
-                              "Menampilkan " +
-                                _vm._s(_vm.itemDataSaldo.from) +
-                                " -\n\t\t\t\t\t\t\t" +
-                                _vm._s(_vm.itemDataSaldo.to) +
-                                " entri dari " +
-                                _vm._s(_vm.itemDataSaldo.total) +
-                                " entri\n\t\t\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
                       _vm._v(" "),
-                      _vm.itemDataSaldoStat === "success"
-                        ? _c(
-                            "div",
-                            { staticClass: "d-block d-sm-none text-center" },
-                            [
-                              _vm._v(
-                                "Menampilkan " +
-                                  _vm._s(_vm.itemDataSaldo.from) +
-                                  " -\n\t\t\t\t\t\t\t" +
-                                  _vm._s(_vm.itemDataSaldo.to) +
-                                  " entri dari " +
-                                  _vm._s(_vm.itemDataSaldo.total) +
-                                  " entri\n\t\t\t\t\t\t"
-                              ),
-                            ]
-                          )
-                        : _c("div", [
-                            _vm._v("Menampilkan\n\t\t\t\t\t\t\t"),
-                            _c("i", { staticClass: "icon-spinner2 spinner" }),
-                            _vm._v(" -\n\t\t\t\t\t\t\t"),
-                            _c("i", { staticClass: "icon-spinner2 spinner" }),
-                            _vm._v(" entri dari\n\t\t\t\t\t\t\t"),
-                            _c("i", { staticClass: "icon-spinner2 spinner" }),
-                            _vm._v(" entri\n\t\t\t\t\t\t"),
-                          ]),
-                    ]),
-                    _vm._v(" "),
-                    _c(
-                      "div",
-                      {
-                        staticClass:
-                          "col-md-8 pt-2 text-right d-none d-sm-block",
-                      },
-                      [
-                        _vm.itemDataSaldoStat === "success"
-                          ? _c(
-                              "div",
-                              { staticClass: "btn-group" },
-                              [
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-light",
-                                    class: {
-                                      disabled:
-                                        !_vm.itemDataSaldo.prev_page_url,
-                                    },
-                                    attrs: { type: "button", href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.goToPageSaldo(1)
-                                      },
-                                    },
-                                  },
-                                  [_c("i", { staticClass: "icon-backward2" })]
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-light",
-                                    class: {
-                                      disabled:
-                                        !_vm.itemDataSaldo.prev_page_url,
-                                    },
-                                    attrs: { type: "button", href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.prevPageSaldo.apply(
-                                          null,
-                                          arguments
-                                        )
-                                      },
-                                    },
-                                  },
-                                  [_c("i", { staticClass: "icon-arrow-left5" })]
-                                ),
-                                _vm._v(" "),
-                                _vm._l(_vm.pagesSaldo, function (n, index) {
-                                  return _c(
-                                    "button",
-                                    {
-                                      key: index,
-                                      staticClass: "btn",
-                                      class: {
-                                        "btn-primary": _vm.querySaldo.page == n,
-                                        "btn-light": _vm.querySaldo.page != n,
-                                      },
-                                      attrs: { type: "button", href: "#" },
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.goToPageSaldo(n)
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t" +
-                                          _vm._s(n) +
-                                          "\n\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                }),
-                                _vm._v(" "),
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-light",
-                                    class: {
-                                      disabled:
-                                        !_vm.itemDataSaldo.next_page_url,
-                                    },
-                                    attrs: { type: "button", href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.nextPageSaldo.apply(
-                                          null,
-                                          arguments
-                                        )
-                                      },
-                                    },
-                                  },
-                                  [
-                                    _c("i", {
-                                      staticClass: "icon-arrow-right5",
-                                    }),
-                                  ]
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-light",
-                                    class: {
-                                      disabled:
-                                        !_vm.itemDataSaldo.next_page_url,
-                                    },
-                                    attrs: { type: "button", href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.goToPageSaldo(
-                                          _vm.itemDataSaldo.last_page
-                                        )
-                                      },
-                                    },
-                                  },
-                                  [_c("i", { staticClass: "icon-forward3" })]
-                                ),
-                              ],
-                              2
-                            )
-                          : _c("div", { staticClass: "btn-group" }, [
-                              _vm._m(3),
-                              _vm._v(" "),
-                              _vm._m(4),
-                              _vm._v(" "),
-                              _vm._m(5),
-                              _vm._v(" "),
-                              _vm._m(6),
-                              _vm._v(" "),
-                              _vm._m(7),
-                            ]),
-                      ]
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "div",
-                      {
-                        staticClass:
-                          "col-md-12 pt-2 text-center d-block d-sm-none",
-                      },
-                      [
-                        _vm.itemDataSaldoStat === "success"
-                          ? _c(
-                              "div",
-                              { staticClass: "btn-group" },
-                              _vm._l(_vm.pagesSaldo, function (n, index) {
-                                return _c(
-                                  "button",
-                                  {
-                                    key: index,
-                                    staticClass: "btn",
-                                    class: {
-                                      "btn-primary": _vm.querySaldo.page == n,
-                                      "btn-light": _vm.querySaldo.page != n,
-                                    },
-                                    attrs: { type: "button", href: "#" },
-                                    on: {
-                                      click: function ($event) {
-                                        $event.preventDefault()
-                                        return _vm.goToPageSaldo(n)
-                                      },
-                                    },
-                                  },
-                                  [
-                                    _vm._v(
-                                      "\n\t\t\t\t\t\t\t\t" +
-                                        _vm._s(n) +
-                                        "\n\t\t\t\t\t\t"
-                                    ),
-                                  ]
-                                )
-                              }),
-                              0
-                            )
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _c("br"),
-                        _vm._v(" "),
-                        _vm.itemDataSaldoStat === "success"
-                          ? _c("div", { staticClass: "btn-group pt-2" }, [
-                              _c(
-                                "button",
-                                {
-                                  staticClass: "btn btn-light",
-                                  class: {
-                                    disabled: !_vm.itemDataSaldo.prev_page_url,
-                                  },
-                                  attrs: { type: "button", href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.goToPageSaldo(1)
-                                    },
-                                  },
-                                },
-                                [_c("i", { staticClass: "icon-backward2" })]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "button",
-                                {
-                                  staticClass: "btn btn-light",
-                                  class: {
-                                    disabled: !_vm.itemDataSaldo.prev_page_url,
-                                  },
-                                  attrs: { type: "button", href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.prevPageSaldo.apply(
-                                        null,
-                                        arguments
-                                      )
-                                    },
-                                  },
-                                },
-                                [_c("i", { staticClass: "icon-arrow-left5" })]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "button",
-                                {
-                                  staticClass: "btn btn-light",
-                                  class: {
-                                    disabled: !_vm.itemDataSaldo.next_page_url,
-                                  },
-                                  attrs: { type: "button", href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.nextPageSaldo.apply(
-                                        null,
-                                        arguments
-                                      )
-                                    },
-                                  },
-                                },
-                                [_c("i", { staticClass: "icon-arrow-right5" })]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "button",
-                                {
-                                  staticClass: "btn btn-light",
-                                  class: {
-                                    disabled: !_vm.itemDataSaldo.next_page_url,
-                                  },
-                                  attrs: { type: "button", href: "#" },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.preventDefault()
-                                      return _vm.goToPageSaldo(
-                                        _vm.itemDataSaldo.last_page
-                                      )
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
+                        },
+                        [
+                          _vm.tabName == "sheet12"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Pinj Non Pro > 150 JT",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 12,
                                     },
-                                  },
-                                },
-                                [_c("i", { staticClass: "icon-forward3" })]
-                              ),
-                            ])
-                          : _c("div", { staticClass: "btn-group" }, [
-                              _vm._m(8),
-                              _vm._v(" "),
-                              _vm._m(9),
-                              _vm._v(" "),
-                              _vm._m(10),
-                              _vm._v(" "),
-                              _vm._m(11),
-                              _vm._v(" "),
-                              _vm._m(12),
-                            ]),
-                      ]
-                    ),
-                  ])
-                : _vm._e(),
-            ]),
-          ],
-          1
-        ),
-      ],
-      1
-    ),
-  ])
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      {
-        staticClass: "btn btn-primary btn-block pb-2",
-        attrs: { type: "submit" },
-      },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Mutasi Transaksi")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-backward2" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-arrow-left5" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-spinner2 spinner" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-arrow-right5" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-forward3" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-backward2" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-arrow-left5" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-spinner2 spinner" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-arrow-right5" })]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
-      [_c("i", { staticClass: "icon-forward3" })]
-    )
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/produk.vue?vue&type=template&id=0fe0e9a4&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/produk.vue?vue&type=template&id=0fe0e9a4& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c(
-        "page-header",
-        {
-          attrs: {
-            title: _vm.title,
-            titleDesc: _vm.titleDesc,
-            titleIcon: _vm.titleIcon,
-            level: 3,
-          },
-        },
-        [
-          _c(
-            "template",
-            { slot: "breadcrumb" },
-            [
-              _c(
-                "router-link",
-                {
-                  staticClass: "breadcrumb-item",
-                  attrs: { to: { name: "dashboard" } },
-                },
-                [_c("i", { staticClass: "icon-home4" }), _vm._v(" Dashboard ")]
-              ),
-              _vm._v(" "),
-              _c(
-                "a",
-                {
-                  staticClass: "breadcrumb-item",
-                  attrs: { href: "#" },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.back()
-                    },
-                  },
-                },
-                [_vm._v("Anggota CU ")]
-              ),
-              _vm._v(" "),
-              _vm.$route.meta.mode == "create"
-                ? _c(
-                    "a",
-                    {
-                      staticClass: "breadcrumb-item",
-                      attrs: { href: "#" },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.kembali()
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
                         },
-                      },
-                    },
-                    [_vm._v("Tambah Anggota CU")]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _c("span", { staticClass: "breadcrumb-item active" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-            ],
-            1
-          ),
-        ],
-        2
-      ),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _vm._m(0),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  { staticClass: "card-body" },
-                  [_c("identitas", { attrs: { itemData: _vm.form } })],
-                  1
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "card" }, [
-                _vm._m(1),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  { staticClass: "card-body" },
-                  _vm._l(_vm.form.anggota_cu_cu, function (item, index) {
-                    return _c(
-                      "div",
-                      { key: index, staticClass: "card card-body text-center" },
-                      [
-                        _c(
-                          "ul",
-                          {
-                            staticClass:
-                              "list-inline list-inline-consensed mb-0 font-size-lg",
+                        [
+                          _vm.tabName == "sheet13"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Pinj > 50 JT",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 13,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
                           },
-                          [
-                            _c("li", { staticClass: "list-inline-item" }, [
-                              _c("b", [_vm._v("CU:")]),
-                              _vm._v(
-                                " " + _vm._s(item.cu ? item.cu.name : "-")
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "list-inline-item" }, [
-                              _c("b", [_vm._v("TP:")]),
-                              _vm._v(
-                                " " + _vm._s(item.tp ? item.tp.name : "-")
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "list-inline-item" }, [
-                              _c("b", [_vm._v("No. BA:")]),
-                              _vm._v(" " + _vm._s(item.no_ba)),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "list-inline-item" }, [
-                              _c("b", [_vm._v("Tgl. Masuk:")]),
-                              _vm._v(
-                                " " +
-                                  _vm._s(
-                                    _vm.$options.filters.date(
-                                      item.tanggal_masuk
-                                    )
-                                  )
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            item.tanggal_keluar
-                              ? _c("li", { staticClass: "list-inline-item" }, [
-                                  _c("b", [_vm._v("Tgl. Keluar:")]),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(
-                                        _vm.$options.filters.date(
-                                          item.tanggal_keluar
-                                        )
-                                      )
-                                  ),
-                                ])
-                              : _vm._e(),
-                          ]
-                        ),
-                      ]
-                    )
-                  }),
-                  0
-                ),
-              ]),
-              _vm._v(" "),
-              _c(
-                "div",
-                { staticClass: "card" },
-                [
-                  _vm._m(2),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card-body pb-2" }, [
-                    _c("div", { staticClass: "row" }, [
-                      _c("div", { staticClass: "col-md-12" }, [
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalOpen("create")
-                              },
-                            },
+                        },
+                        [
+                          _vm.tabName == "sheet14"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Pinj Kap > 25 JT",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 14,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
                           },
-                          [
-                            _c("i", { staticClass: "icon-plus22" }),
-                            _vm._v(" Tambah\n\t\t\t\t\t\t\t\t"),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalOpen("edit")
-                              },
-                            },
+                        },
+                        [
+                          _vm.tabName == "sheet15"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Pinj Agt > 70 JT",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 15,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
                           },
-                          [
-                            _c("i", { staticClass: "icon-pencil5" }),
-                            _vm._v(" Ubah\n\t\t\t\t\t\t\t\t"),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modalOpen("transaksi")
-                              },
-                            },
+                        },
+                        [
+                          _vm.tabName == "sheet16"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Pinj Kap > 30 Hari",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 16,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
                           },
-                          [
-                            _c("i", { staticClass: "icon-file-text" }),
-                            _vm._v(" Transaksi\n\t\t\t\t\t\t\t\t"),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light mb-1",
-                            attrs: { disabled: !_vm.selectedItem.id },
-                            on: {
-                              click: function ($event) {
-                                return _vm.modalOpen("delete")
-                              },
-                            },
+                        },
+                        [
+                          _vm.tabName == "sheet17"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Pinj Macet > 6 Bln",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 17,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
                           },
-                          [
-                            _c("i", { staticClass: "icon-bin2" }),
-                            _vm._v(" Hapus\n\t\t\t\t\t\t\t\t"),
-                          ]
-                        ),
-                      ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("data-table", {
-                    attrs: {
-                      items: _vm.itemData,
-                      columnData: _vm.columnData,
-                      itemDataStat: _vm.itemDataStat,
-                    },
-                    scopedSlots: _vm._u([
-                      {
-                        key: "item-desktop",
-                        fn: function (props) {
-                          return [
-                            props.item
-                              ? _c(
-                                  "tr",
-                                  {
-                                    staticClass: "text-nowrap",
-                                    class: {
-                                      "bg-info":
-                                        _vm.selectedItem.id === props.item.id,
+                        },
+                        [
+                          _vm.tabName == "sheet18"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Pinj Kap Lalai > 3 Bln",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 18,
                                     },
-                                    on: {
-                                      click: function ($event) {
-                                        return _vm.selectedRow(props.item)
-                                      },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
+                        },
+                        [
+                          _vm.tabName == "sheet21"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Pinj Pro > 300 JT",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 21,
                                     },
-                                  },
-                                  [
-                                    _c("td", [_vm._v(_vm._s(props.index + 1))]),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: { value: props.item.no_rek },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c("td", [
-                                      _vm.currentUser.id_cu == 0
-                                        ? _c(
-                                            "span",
-                                            [
-                                              props.item.produk_cu
-                                                ? _c("check-value", {
-                                                    attrs: {
-                                                      value:
-                                                        props.item.produk_cu.cu
-                                                          .name,
-                                                    },
-                                                  })
-                                                : _c("span", [_vm._v("-")]),
-                                            ],
-                                            1
-                                          )
-                                        : _c("span", [
-                                            _vm._v(
-                                              _vm._s(_vm.currentUser.cu.name)
-                                            ),
-                                          ]),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        props.item.produk_cu
-                                          ? _c("check-value", {
-                                              attrs: {
-                                                value:
-                                                  props.item.produk_cu.name,
-                                              },
-                                            })
-                                          : _c("span", [_vm._v("-")]),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        props.item.produk_cu
-                                          ? _c("check-value", {
-                                              attrs: {
-                                                value:
-                                                  props.item.produk_cu.tipe,
-                                              },
-                                            })
-                                          : _c("span", [_vm._v("-")]),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.saldo,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.lama_pinjaman,
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.lama_sisa_pinjaman,
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c("td", [
-                                      props.item.tanggal
-                                        ? _c("span", {
-                                            domProps: {
-                                              innerHTML: _vm._s(
-                                                _vm.$options.filters.date(
-                                                  props.item.tanggal
-                                                )
-                                              ),
-                                            },
-                                          })
-                                        : _c("span", [_vm._v("-")]),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("td", [
-                                      props.item.tanggal_target
-                                        ? _c("span", {
-                                            domProps: {
-                                              innerHTML: _vm._s(
-                                                _vm.$options.filters.date(
-                                                  props.item.tanggal_target
-                                                )
-                                              ),
-                                            },
-                                          })
-                                        : _c("span", [_vm._v("-")]),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: { value: props.item.tujuan },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                  ]
-                                )
-                              : _vm._e(),
-                          ]
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
                         },
-                      },
-                    ]),
-                  }),
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "div",
-                { staticClass: "card card-body" },
-                [
-                  _vm.$route.meta.mode == "create" ||
-                  _vm.$route.meta.mode == "createJalinan"
-                    ? _c("form-button", {
-                        attrs: {
-                          confirmState: "methods",
-                          confirmTitle: "selesai",
-                          cancelState: "methods",
-                          cancelTitle: "kembali",
+                        [
+                          _vm.tabName == "sheet22"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Pinj Ganda > 300 JT",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 22,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
                         },
-                        on: {
-                          confirmClick: _vm.back,
-                          cancelClick: _vm.kembali,
+                        [
+                          _vm.tabName == "sheet23"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Piut Kap > 5 Thn",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 23,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
                         },
-                      })
-                    : _c("form-button", {
-                        attrs: {
-                          isSingleButton: true,
-                          cancelState: "methods",
-                          cancelTitle: "kembali",
+                        [
+                          _vm.tabName == "sheet24"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Piut Umum > 15 Thn",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 24,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "transition",
+                        {
+                          attrs: {
+                            "enter-active-class": "animated fadeIn",
+                            mode: "out-in",
+                          },
                         },
-                        on: { cancelClick: _vm.back },
-                      }),
-                ],
-                1
-              ),
+                        [
+                          _vm.tabName == "sheet25"
+                            ? _c(
+                                "div",
+                                [
+                                  _c("table-anggota", {
+                                    attrs: {
+                                      kelas: _vm.kelas,
+                                      title: "Pinj Lain-lain",
+                                      produkData: _vm.form.produk,
+                                      cu: _vm.form.id_cu,
+                                      lokasi: 25,
+                                    },
+                                  }),
+                                ],
+                                1
+                              )
+                            : _vm._e(),
+                        ]
+                      ),
+                    ],
+                    1
+                  )
+                : _vm.formStat == "loading"
+                ? _c("div", [_vm._m(1)])
+                : _c("div", [
+                    _c(
+                      "div",
+                      { staticClass: "card card-body" },
+                      [
+                        _c("form-button", {
+                          attrs: {
+                            cancelState: _vm.cancelState,
+                            isSingleButton: true,
+                          },
+                          on: { cancelClick: _vm.back },
+                        }),
+                      ],
+                      1
+                    ),
+                  ]),
             ],
             1
           ),
@@ -4392,6 +4353,7 @@ var render = function () {
             state: _vm.modalState,
             title: _vm.modalTitle,
             content: _vm.modalContent,
+            size: _vm.modalSize,
             color: _vm.modalColor,
           },
           on: {
@@ -4400,41 +4362,15 @@ var render = function () {
             confirmOk: _vm.modalConfirmOk,
             successOk: _vm.modalTutup,
             failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
           },
         },
         [
           _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t " + _vm._s(_vm.modalTitle) + "\n\t\t "),
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
           ]),
           _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _c("form-produk", {
-                attrs: {
-                  formState: _vm.formState,
-                  selected: _vm.formModel,
-                  anggota_cu: _vm.form,
-                },
-                on: { tutup: _vm.modalTutup, tambahProduk: _vm.tambahProduk },
-              }),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body2" },
-            [
-              _c("form-transaksi", {
-                attrs: { selected: _vm.formModel },
-                on: { tutup: _vm.modalTutup },
-              }),
-            ],
-            1
-          ),
+          _c("template", { slot: "modal-body1" }),
         ],
         2
       ),
@@ -4447,24 +4383,30 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Identitas")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Ke Anggotaan Di CU")]),
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Jenis")]),
     ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Produk")]),
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h4", [_vm._v("Mohon tunggu...")]),
+        _vm._v(" "),
+        _c("div", { staticClass: "progress" }, [
+          _c(
+            "div",
+            {
+              staticClass:
+                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+              staticStyle: { width: "100%" },
+            },
+            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+          ),
+        ]),
+      ]),
     ])
   },
 ]
@@ -4474,17 +4416,345 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue ***!
-  \********************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=template&id=851568fe&":
+/*!******************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=template&id=851568fe& ***!
+  \******************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "div",
+      { staticClass: "card" },
+      [
+        _c("div", { staticClass: "card-header bg-white" }, [
+          _c("h5", { staticClass: "card-title" }, [_vm._v(_vm._s(_vm.title))]),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "card-body d-print-none" }, [
+          _c("div", { staticClass: "row" }, [
+            _c(
+              "div",
+              { staticClass: "col-md-7 col-lg-9 pb-2 d-none d-sm-block" },
+              [_vm._v("\n\t\t\t\t\t" + _vm._s(_vm.deskripsi) + "\n\t\t\t\t")]
+            ),
+            _vm._v(" "),
+            _c("div", { staticClass: "col-md-12 pb-2 d-block d-sm-none" }, [
+              _vm._v("\n\t\t\t\t\t" + _vm._s(_vm.deskripsi) + "\n\t\t\t\t"),
+            ]),
+            _vm._v(" "),
+            _c(
+              "div",
+              { staticClass: "col-md-5 col-lg-3 text-right d-none d-sm-block" },
+              [
+                _c(
+                  "json-excel",
+                  {
+                    staticClass: "btn bg-green-300 btn-icon mb-1",
+                    attrs: {
+                      data: _vm.excel.data,
+                      exportFields: _vm.excel.fields,
+                      meta: _vm.excel.meta,
+                      title: "Data " + _vm.title,
+                      name: _vm.title + ".xls",
+                      disabled: _vm.itemDataStat === "loading",
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-file-excel" }),
+                    _vm._v(" Excel"),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon mb-1",
+                    attrs: {
+                      type: "button",
+                      disabled: _vm.itemDataStat === "loading",
+                    },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.fetch()
+                      },
+                    },
+                  },
+                  [
+                    _c("i", {
+                      staticClass: "icon-sync",
+                      class: { spinner: _vm.itemDataStat === "loading" },
+                    }),
+                  ]
+                ),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c(
+              "div",
+              { staticClass: "col-md-12 d-block d-sm-none" },
+              [
+                _c(
+                  "json-excel",
+                  {
+                    staticClass: "btn bg-green-300 btn-icon btn-block mb-1",
+                    attrs: {
+                      data: _vm.excel.data,
+                      exportFields: _vm.excel.fields,
+                      meta: _vm.excel.meta,
+                      title: "Data " + _vm.title,
+                      name: _vm.title + ".xls",
+                      disabled: _vm.itemDataStat === "loading",
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-file-excel" }),
+                    _vm._v(" Excel"),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon btn-block mb-1",
+                    attrs: {
+                      type: "button",
+                      disabled: _vm.itemDataStat === "loading",
+                    },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.fetch()
+                      },
+                    },
+                  },
+                  [
+                    _c("i", {
+                      staticClass: "icon-sync",
+                      class: { spinner: _vm.itemDataStat === "loading" },
+                    }),
+                    _vm._v(" Reload\n\t\t\t\t\t"),
+                  ]
+                ),
+              ],
+              1
+            ),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("data-table", {
+          attrs: {
+            columnData: _vm.columnData,
+            items: _vm.itemData,
+            itemDataStat: _vm.itemDataStat,
+          },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  props.item
+                    ? _c(
+                        "tr",
+                        {
+                          staticClass: "text-nowrap",
+                          class: {
+                            "bg-info": _vm.selectedItem.id == props.item.id,
+                          },
+                          on: {
+                            click: function ($event) {
+                              return _vm.selectedRow(props.item)
+                            },
+                          },
+                        },
+                        [
+                          _c("td", [_vm._v(_vm._s(props.index + 1))]),
+                          _vm._v(" "),
+                          _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.no_ba },
+                              }),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.nik },
+                              }),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c("td", [
+                            props.item.tanggal_lahir
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.date(
+                                        props.item.tanggal_lahir
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ]),
+                          _vm._v(" "),
+                          _c("td", [
+                            props.item.tanggal_masuk
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.ageDiff(
+                                        props.item.tanggal_masuk,
+                                        props.item.tanggal_lahir
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ]),
+                          _vm._v(" "),
+                          _c("td", [
+                            props.item.tanggal_lahir
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.age(
+                                        props.item.tanggal_lahir
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ]),
+                          _vm._v(" "),
+                          _c("td", [
+                            props.item.tanggal_cair
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.age(
+                                        props.item.tanggal_cair
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ]),
+                          _vm._v(" "),
+                          _vm._l(_vm.columnData, function (column) {
+                            return column.id
+                              ? _c(
+                                  "td",
+                                  [
+                                    _c("check-value", {
+                                      attrs: {
+                                        value: props.item[column.id],
+                                        valueType: "currency",
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                )
+                              : _vm._e()
+                          }),
+                          _vm._v(" "),
+                          _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.total,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.plafon,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.pengurang,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          ),
+                        ],
+                        2
+                      )
+                    : _vm._e(),
+                ]
+              },
+            },
+          ]),
+        }),
+      ],
+      1
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/datatable.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4494,9 +4764,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4506,55 +4776,57 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/ImageUpload.vue"
+component.options.__file = "resources/assets/js/components/datatable.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue":
+/***/ "./resources/assets/js/components/datePicker.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue ***!
+  !*** ./resources/assets/js/components/datePicker.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
 
 
 
@@ -4562,10 +4834,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4575,38 +4847,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/checkValue.vue"
+component.options.__file = "resources/assets/js/components/datePicker.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
@@ -4681,17 +4969,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4701,9 +4989,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4713,106 +5001,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
+component.options.__file = "resources/assets/js/components/infoIcon.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
-/***/ }),
-
-/***/ "./resources/assets/js/helpers/form.js":
-/*!*********************************************!*\
-  !*** ./resources/assets/js/helpers/form.js ***!
-  \*********************************************/
-/*! exports provided: toMulipartedForm, objectToFormData */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function toMulipartedForm(form, mode) {
-  if (mode === 'edit' && typeof form.image === 'string') {
-    var temp = JSON.parse(JSON.stringify(form));
-    delete temp.image;
-    return temp;
-  } else {
-    return objectToFormData(form);
-  }
-}
-function objectToFormData(obj, form, namespace) {
-  var fd = form || new FormData();
-  var formKey;
-
-  for (var property in obj) {
-    if (obj.hasOwnProperty(property)) {
-      if (namespace) {
-        formKey = namespace + '[' + property + ']';
-      } else {
-        formKey = property;
-      }
-
-      if (obj[property] instanceof Array) {
-        for (var i = 0; i < obj[property].length; i++) {
-          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
-        }
-      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
-        objectToFormData(obj[property], fd, property);
-      } else {
-        fd.append(formKey, obj[property]);
-      }
-    }
-  }
-
-  return fd;
-}
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formProduk.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formProduk.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/components/wajibBadge.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/wajibBadge.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formProduk_vue_vue_type_template_id_1e6fb292___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formProduk.vue?vue&type=template&id=1e6fb292& */ "./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=template&id=1e6fb292&");
-/* harmony import */ var _formProduk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formProduk.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -4821,9 +5058,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formProduk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formProduk_vue_vue_type_template_id_1e6fb292___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formProduk_vue_vue_type_template_id_1e6fb292___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4833,54 +5070,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCu/formProduk.vue"
+component.options.__file = "resources/assets/js/components/wajibBadge.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formProduk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formProduk.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formProduk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=template&id=1e6fb292&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=template&id=1e6fb292& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formProduk_vue_vue_type_template_id_1e6fb292___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formProduk.vue?vue&type=template&id=1e6fb292& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=template&id=1e6fb292&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formProduk_vue_vue_type_template_id_1e6fb292___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formProduk_vue_vue_type_template_id_1e6fb292___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formTransaksi.vue":
-/*!***************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formTransaksi.vue ***!
-  \***************************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/detail.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/detail.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formTransaksi_vue_vue_type_template_id_666ecfd3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formTransaksi.vue?vue&type=template&id=666ecfd3& */ "./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=template&id=666ecfd3&");
-/* harmony import */ var _formTransaksi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formTransaksi.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=script&lang=js&");
+/* harmony import */ var _detail_vue_vue_type_template_id_e682995e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detail.vue?vue&type=template&id=e682995e& */ "./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=template&id=e682995e&");
+/* harmony import */ var _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./detail.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4890,9 +5127,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formTransaksi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formTransaksi_vue_vue_type_template_id_666ecfd3___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formTransaksi_vue_vue_type_template_id_666ecfd3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _detail_vue_vue_type_template_id_e682995e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _detail_vue_vue_type_template_id_e682995e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4902,54 +5139,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCu/formTransaksi.vue"
+component.options.__file = "resources/assets/js/views/jalinanIuran/detail.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTransaksi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTransaksi.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTransaksi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=template&id=666ecfd3&":
-/*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=template&id=666ecfd3& ***!
-  \**********************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=template&id=e682995e&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=template&id=e682995e& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTransaksi_vue_vue_type_template_id_666ecfd3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTransaksi.vue?vue&type=template&id=666ecfd3& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=template&id=666ecfd3&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTransaksi_vue_vue_type_template_id_666ecfd3___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_e682995e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./detail.vue?vue&type=template&id=e682995e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/detail.vue?vue&type=template&id=e682995e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_e682995e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTransaksi_vue_vue_type_template_id_666ecfd3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_template_id_e682995e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/produk.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/produk.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/tableAnggota.vue":
+/*!*****************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/tableAnggota.vue ***!
+  \*****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _produk_vue_vue_type_template_id_0fe0e9a4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./produk.vue?vue&type=template&id=0fe0e9a4& */ "./resources/assets/js/views/anggotaCu/produk.vue?vue&type=template&id=0fe0e9a4&");
-/* harmony import */ var _produk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./produk.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/produk.vue?vue&type=script&lang=js&");
+/* harmony import */ var _tableAnggota_vue_vue_type_template_id_851568fe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tableAnggota.vue?vue&type=template&id=851568fe& */ "./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=template&id=851568fe&");
+/* harmony import */ var _tableAnggota_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tableAnggota.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4959,9 +5196,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _produk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _produk_vue_vue_type_template_id_0fe0e9a4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _produk_vue_vue_type_template_id_0fe0e9a4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _tableAnggota_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _tableAnggota_vue_vue_type_template_id_851568fe___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _tableAnggota_vue_vue_type_template_id_851568fe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4971,38 +5208,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCu/produk.vue"
+component.options.__file = "resources/assets/js/views/jalinanIuran/tableAnggota.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/produk.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/produk.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_produk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./produk.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/produk.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_produk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tableAnggota_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./tableAnggota.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tableAnggota_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/produk.vue?vue&type=template&id=0fe0e9a4&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/produk.vue?vue&type=template&id=0fe0e9a4& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=template&id=851568fe&":
+/*!************************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=template&id=851568fe& ***!
+  \************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_produk_vue_vue_type_template_id_0fe0e9a4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./produk.vue?vue&type=template&id=0fe0e9a4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/produk.vue?vue&type=template&id=0fe0e9a4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_produk_vue_vue_type_template_id_0fe0e9a4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tableAnggota_vue_vue_type_template_id_851568fe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./tableAnggota.vue?vue&type=template&id=851568fe& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/tableAnggota.vue?vue&type=template&id=851568fe&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tableAnggota_vue_vue_type_template_id_851568fe___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_produk_vue_vue_type_template_id_0fe0e9a4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tableAnggota_vue_vue_type_template_id_851568fe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/54.js b/public/js/components/54.js
index e7a81a115..68c8a131a 100644
--- a/public/js/components/54.js
+++ b/public/js/components/54.js
@@ -1,5 +1,89 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[54],{
 
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  data: function data() {
+    return {
+      image: ''
+    };
+  },
+  props: {
+    image_loc: {
+      type: [String],
+      "default": ''
+    },
+    image_type: {
+      type: [String],
+      "default": '.jpg'
+    },
+    image_temp: {
+      "default": ''
+    },
+    value: {
+      type: [String, File],
+      "default": 'no_image'
+    }
+  },
+  methods: {
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.createImage(files[0]);
+      this.$emit('input', files[0]);
+    },
+    createImage: function createImage(file) {
+      var reader = new FileReader();
+      var vm = this;
+
+      reader.onload = function (e) {
+        vm.image = e.target.result; // this.$emit('input', vm.image)
+      };
+
+      reader.readAsDataURL(file);
+    },
+    close: function close() {
+      this.$emit('input', 'no_image');
+      this.image = '/images/no_image.jpg';
+      this.$refs.fileInput.value = '';
+    }
+  }
+});
+
+/***/ }),
+
 /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
@@ -89,10 +173,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -106,17 +190,8 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['title', 'icon', 'color', 'count']
+  props: []
 });
 
 /***/ }),
@@ -250,10 +325,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -482,6 +557,70 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -491,7 +630,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected'],
+  props: ['formState', 'selected', 'anggota_cu'],
   components: {
     checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
     Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
@@ -501,10 +640,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: '',
-      kelas: 'aktivis',
-      formPinjaman: {
-        anggota_id: '',
+      kelas: 'anggotaCu',
+      tipeProduk: '',
+      formProduk: {
+        anggota_cu_cu_id: '',
         saldo: '',
         cu: {
           id: 0,
@@ -514,10 +653,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
           id: 0,
           name: ''
         },
-        tanggal: ''
+        tanggal: '',
+        lama_pinjaman: ''
       },
-      modelProdukCu: [],
-      modelProdukCuStat: '',
+      formStateProdukCu: [],
+      formStateProdukCuStat: '',
       cleaveOption: {
         numeric: {
           numeral: true,
@@ -526,9 +666,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
           numeralDecimalMark: ',',
           delimiter: '.'
         },
-        number12: {
+        number30: {
           numeral: true,
-          numeralIntegerScale: 12,
+          numeralIntegerScale: 30,
           numeralDecimalScale: 0,
           stripLeadingZeroes: false,
           delimiter: ''
@@ -555,94 +695,117 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   created: function created() {
     this.fetchCU();
 
-    if (this.mode == 'edit') {
-      if (this.modelCUStat == 'success') {
-        this.formPinjaman = this.selected;
+    if (this.formState == 'edit') {
+      if (this.modelCuStat == 'success') {
+        this.formProduk = this.selected;
       }
 
       if (this.currentUser.id_cu == 0) {
-        this.changeCu(this.formPinjaman.cu.id);
+        this.changeCu(this.formProduk.cu.id);
       }
     }
 
     if (this.currentUser.id_cu != 0) {
-      this.changeCu(this.currentUser.id_cu);
+      this.formProduk.cu.id = this.currentUser.cu.id;
+      this.formProduk.cu.name = this.currentUser.cu.name;
+      this.fetchProdukCu(this.currentUser.cu.id);
     }
   },
   watch: {
-    modelCUStat: function modelCUStat(value) {
+    modelCuStat: function modelCuStat(value) {
       if (value === "success") {
-        if (this.mode == 'edit') {
-          this.formPinjaman = this.selected;
+        if (this.formState == 'edit') {
+          this.formProduk = this.selected;
 
           if (this.currentUser.id_cu == 0) {
-            this.changeCu(this.formPinjaman.cu.id);
+            this.changeCu(this.formProduk.produk_cu.id_cu);
           }
+
+          this.changeProdukCu(this.formProduk.produk_cu_id);
         }
 
         if (this.currentUser.id_cu != 0) {
-          this.changeCu(this.currentUser.id_cu);
+          var cu = {};
+          cu.id = this.currentUser.cu.id;
+          cu.name = this.currentUser.cu.name;
+          this.formProduk.cu = cu;
+          this.formProduk.anggota_cu_cu_id = this.anggota_cu.anggota_cu_cu[0].id;
+          this.fetchProdukCu(this.currentUser.cu.id);
         }
       }
+    },
+    formStateProdukCuStat: function formStateProdukCuStat(value) {
+      if (value == "success") {
+        this.changeProdukCu(this.formProduk.produk_cu_id);
+      }
     }
   },
   methods: {
     changeCu: function changeCu(id) {
       var cu;
+      var anggota_cu_cu = this.anggota_cu.anggota_cu_cu;
 
       if (id != 0) {
-        cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelCU, function (o) {
-          return o.id == id;
+        cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(anggota_cu_cu, function (o) {
+          return o.cu_id == id;
         });
-      }
 
-      if (cu) {
-        this.formPinjaman.cu.id = cu.id;
-        this.formPinjaman.cu.name = cu.name;
-      }
+        if (cu) {
+          this.formProduk.cu = cu.cu;
+          this.formProduk.anggota_cu_cu_id = cu.id;
+        }
 
-      this.fetchProdukCu(id);
+        this.fetchProdukCu(id);
+      }
     },
     changeProdukCu: function changeProdukCu(id) {
       var produk_cu;
 
       if (id != 0) {
-        produk_cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelProdukCu, function (o) {
+        produk_cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.formStateProdukCu, function (o) {
           return o.id == id;
         });
       }
 
-      this.formPinjaman.produk_cu.name = produk_cu.name;
+      if (produk_cu) {
+        this.formProduk.produk_cu.id = produk_cu.id;
+        this.formProduk.produk_cu.name = produk_cu.name;
+
+        if (produk_cu.tipe == 'Simpanan Pokok' || produk_cu.tipe == 'Simpanan Wajib' || produk_cu.tipe == 'Simpanan Non Saham') {
+          this.tipeProduk = 'simpanan';
+        } else {
+          this.tipeProduk = 'pinjaman';
+        }
+      }
     },
     fetchCU: function fetchCU() {
-      if (this.modelCuStat != 'success') {
+      if (this.formStateCuStat != 'success') {
         this.$store.dispatch('cu/getHeader');
-      } else {
-        this.idCu = this.$route.params.cu;
-        this.tingkat = this.$route.params.tingkat;
       }
     },
     fetchProdukCu: function fetchProdukCu(id) {
       var _this = this;
 
-      _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__["default"].getPinjamanCu(id).then(function (response) {
-        _this.modelProdukCu = response.data.model;
-        _this.modelProdukCuStat = 'success';
+      _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__["default"].getCu(id).then(function (response) {
+        _this.formStateProdukCu = response.data.model;
+        _this.formStateProdukCuStat = 'success';
       })["catch"](function (error) {
-        _this.modelProdukCu = error.response;
-        _this.modelProdukCuStat = 'fail';
+        _this.formStateProdukCu = error.response;
+        _this.formStateProdukCuStat = 'fail';
       });
     },
     save: function save() {
       var _this2 = this;
 
-      this.$validator.validateAll('formPinjaman').then(function (result) {
+      this.$validator.validateAll('formProduk').then(function (result) {
         if (result) {
-          if (_this2.mode == 'edit') {
-            _this2.$emit('editPinjaman', _this2.formPinjaman);
-          } else {
-            _this2.$emit('createPinjaman', _this2.formPinjaman);
+          if (_this2.formState == 'create') {
+            _this2.$store.dispatch(_this2.kelas + '/storeProduk', [_this2.$route.params.id, _this2.formProduk]);
+          } else if (_this2.formState == 'edit') {
+            _this2.$store.dispatch(_this2.kelas + '/updateProduk', [_this2.formProduk.id, _this2.formProduk]);
           }
+
+          _this2.submited = false;
         } else {
           _this2.submited = true;
         }
@@ -651,6 +814,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     messageClose: function messageClose() {
       this.message.show = false;
     },
+    tambahProduk: function tambahProduk() {
+      this.$emit('tambahProduk');
+    },
     tutup: function tutup() {
       this.$emit('tutup');
     }
@@ -658,8 +824,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
     currentUser: 'currentUser'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS',
+    modelCu: 'headerDataS',
+    modelCuStat: 'headerDataStatS',
     updateMessage: 'update',
     updateStat: 'updateStat'
   }))
@@ -667,10 +833,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -686,6 +852,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
 /* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
 /* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -871,6 +1038,111 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -880,33 +1152,34 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected'],
+  props: ['selected'],
   components: {
     checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
     Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
     Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
     infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
   },
   data: function data() {
     return {
-      title: '',
-      kelas: 'aktivis',
-      formSimpanan: {
-        anggota_id: '',
+      kelas: 'anggotaCu',
+      tipeProduk: '',
+      tipeTransaksi: '',
+      formProduk: {
+        id: '',
         saldo: '',
-        cu: {
-          id: 0,
-          name: ''
-        },
+        transaksi: '',
+        tanggal: '',
+        tanggal_target: '',
+        lama_pinjaman: '',
+        lama_sisa_pinjaman: '',
+        tujuan: '',
         produk_cu: {
           id: 0,
           name: ''
-        },
-        tanggal: ''
+        }
       },
-      modelProdukCu: [],
-      modelProdukCuStat: '',
       cleaveOption: {
         numeric: {
           numeral: true,
@@ -915,9 +1188,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
           numeralDecimalMark: ',',
           delimiter: '.'
         },
-        number12: {
+        number30: {
           numeral: true,
-          numeralIntegerScale: 12,
+          numeralIntegerScale: 30,
           numeralDecimalScale: 0,
           stripLeadingZeroes: false,
           delimiter: ''
@@ -934,6 +1207,16 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
           delimiter: '-'
         }
       },
+      selectedItem: {},
+      pagesSaldo: [],
+      querySaldo: {
+        order_column: "created_at",
+        order_direction: "desc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      columnDataSaldo: [],
       message: {
         show: false,
         content: ''
@@ -942,100 +1225,96 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     };
   },
   created: function created() {
-    this.fetchCU();
-
-    if (this.modelCUStat == 'success') {
-      if (this.mode == 'edit') {
-        this.formSimpanan = this.selected;
-
-        if (this.currentUser.id_cu == 0) {
-          this.changeCu(this.formSimpanan.cu.id);
-        }
-      }
-
-      if (this.currentUser.id_cu != 0) {
-        this.changeCu(this.currentUser.id_cu);
+    this.formProduk.id = this.selected.id;
+    this.formProduk.no_rek = this.selected.no_rek;
+    this.formProduk.saldo = this.selected.saldo;
+    this.formProduk.tanggal = this.selected.tanggal;
+    this.formProduk.tanggal_target = this.selected.tanggal_target;
+    this.formProduk.lama_pinjaman = this.selected.lama_pinjaman;
+    this.formProduk.tujuan = this.selected.tujuan;
+    this.formProduk.produk_cu.id = this.selected.produk_cu.id;
+    this.formProduk.produk_cu.name = this.selected.produk_cu.name;
+
+    if (this.selected.produk_cu) {
+      if (this.selected.produk_cu.tipe == 'Simpanan Pokok' || this.selected.produk_cu.tipe == 'Simpanan Wajib' || this.selected.produk_cu.tipe == 'Simpanan Non Saham') {
+        this.tipeProduk = 'simpanan';
+        this.tipeTransaksi = 'setor';
+        this.columnDataSaldo = [{
+          title: 'No.'
+        }, {
+          title: 'Nominal'
+        }, {
+          title: 'Tgl. Transaksi'
+        }];
+      } else {
+        this.tipeProduk = 'pinjaman';
+        this.tipeTransaksi = 'tarik';
+        this.columnDataSaldo = [{
+          title: 'No.'
+        }, {
+          title: 'Nominal'
+        }, {
+          title: 'Bulan Angsuran'
+        }, {
+          title: 'Tgl. Transaksi'
+        }];
       }
     }
-  },
-  watch: {
-    modelCUStat: function modelCUStat(value) {
-      if (value === "success") {
-        if (this.mode == 'edit') {
-          this.formSimpanan = this.selected;
-
-          if (this.currentUser.id_cu == 0) {
-            this.changeCu(this.formSimpanan.cu.id);
-          }
-        }
 
-        if (this.currentUser.id_cu != 0) {
-          this.changeCu(this.currentUser.id_cu);
-        }
-      }
-    }
+    this.fetchProdukSaldo();
   },
+  watch: {},
   methods: {
-    changeCu: function changeCu(id) {
-      var cu;
-
-      if (id != 0) {
-        cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelCU, function (o) {
-          return o.id == id;
-        });
-      }
+    save: function save() {
+      var _this = this;
 
-      if (cu) {
-        this.formSimpanan.cu.id = cu.id;
-        this.formSimpanan.cu.name = cu.name;
-      }
+      this.formProduk.saldo = this.saldoAkhir;
+      this.$validator.validateAll('formProduk').then(function (result) {
+        if (result) {
+          _this.$store.dispatch(_this.kelas + '/updateProduk', [_this.formProduk.id, _this.formProduk]);
 
-      this.fetchProdukCu(id);
+          _this.submited = false;
+        } else {
+          _this.submited = true;
+        }
+      });
     },
-    changeProdukCu: function changeProdukCu(id) {
-      var produk_cu;
-
-      if (id != 0) {
-        produk_cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelProdukCu, function (o) {
-          return o.id == id;
-        });
+    fetchProdukSaldo: function fetchProdukSaldo() {
+      this.$store.dispatch('anggotaCu/indexProdukSaldo', [this.querySaldo, this.selected.id]);
+    },
+    calculatePagination: function calculatePagination() {
+      var i = 0;
+      var startPage = 0;
+      var endPage = 0;
+      var diffPage = 0;
+      startPage = this.querySaldo.page < 3 ? 1 : this.querySaldo.page - 1;
+      endPage = 4 + startPage;
+      endPage = this.itemDataSaldo.last_page < endPage ? this.itemDataSaldo.last_page : endPage;
+      diffPage = startPage - endPage + 4;
+      startPage -= startPage - diffPage > 0 ? diffPage : 0;
+      this.pagesSaldo.length = 0;
+
+      for (i = startPage; i <= endPage; i++) {
+        this.pagesSaldo.push(i);
       }
-
-      this.formSimpanan.produk_cu.name = produk_cu.name;
     },
-    fetchCU: function fetchCU() {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      } else {
-        this.idCu = this.$route.params.cu;
-        this.tingkat = this.$route.params.tingkat;
+    prevPageSaldo: function prevPageSaldo() {
+      if (this.itemDataSaldo.prev_page_url) {
+        this.querySaldo.page = Number(this.querySaldo.page) - 1;
+        this.fetchProdukSaldo();
       }
     },
-    fetchProdukCu: function fetchProdukCu(id) {
-      var _this = this;
-
-      _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__["default"].getSimpananCu(id).then(function (response) {
-        _this.modelProdukCu = response.data.model;
-        _this.modelProdukCuStat = 'success';
-      })["catch"](function (error) {
-        _this.modelProdukCu = error.response;
-        _this.modelProdukCuStat = 'fail';
-      });
+    goToPageSaldo: function goToPageSaldo(value) {
+      if (this.querySaldo.page != value) {
+        this.querySaldo.page = value;
+        this.fetchProdukSaldo();
+      }
     },
-    save: function save() {
-      var _this2 = this;
-
-      this.$validator.validateAll('formSimpanan').then(function (result) {
-        if (result) {
-          if (_this2.mode == 'edit') {
-            _this2.$emit('editSimpanan', _this2.formSimpanan);
-          } else {
-            _this2.$emit('createSimpanan', _this2.formSimpanan);
-          }
-        } else {
-          _this2.submited = true;
-        }
-      });
+    nextPageSaldo: function nextPageSaldo() {
+      if (this.itemDataSaldo.next_page_url) {
+        this.querySaldo.page = Number(this.querySaldo.page) + 1;
+        this.fetchProdukSaldo();
+      }
     },
     messageClose: function messageClose() {
       this.message.show = false;
@@ -1044,30 +1323,49 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       this.$emit('tutup');
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  }))
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('anggotaCu', {
+    itemDataSaldo: 'dataProdukSaldo',
+    itemDataSaldoStat: 'dataProdukSaldoStat'
+  })), {}, {
+    saldoAkhir: function saldoAkhir() {
+      // `this` points to the vm instance
+      if (this.tipeTransaksi == 'setor') {
+        return parseFloat(this.selected.saldo) + parseFloat(this.formProduk.transaksi);
+      } else if (this.tipeTransaksi == 'tarik') {
+        return this.selected.saldo - this.formProduk.transaksi;
+      }
+    }
+  })
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/cariData.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saldo/cariData.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/produk.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/produk.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _formProduk_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./formProduk.vue */ "./resources/assets/js/views/anggotaCu/formProduk.vue");
+/* harmony import */ var _formTransaksi_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./formTransaksi.vue */ "./resources/assets/js/views/anggotaCu/formTransaksi.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_identitas_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/identitas.vue */ "./resources/assets/js/components/identitas.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -1155,195 +1453,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_1___default.a
-  },
-  props: {
-    itemDataStat: '',
-    isBack: true
-  },
-  data: function data() {
-    return {
-      idCu: '',
-      jenis: 'BA',
-      pencarian: '',
-      placeholder: 'Silahkan masukkan no. BA Anggota',
-      isNew: false,
-      isDigit: false,
-      cleaveOption: {
-        number16: {
-          numeral: true,
-          numeralIntegerScale: 16,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        }
-      }
-    };
-  },
-  created: function created() {
-    if (this.currentUser.id_pus !== undefined) {
-      this.fetchCU();
-    }
-  },
-  mounted: function mounted() {
-    var _this = this;
-
-    document.addEventListener("keydown", function (e) {
-      if (e.keyCode == 13) {
-        if (_this.pencarian != '') _this.cariData();
-      }
-    });
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.fetchCU();
-    },
-    modelCuStat: function modelCuStat(value) {
-      if (value === "success") {
-        this.idCu = this.currentUser.id_cu;
-      }
-    }
-  },
-  methods: {
-    fetchCU: function fetchCU() {
-      if (this.modelCu.length == 0) {
-        this.$store.dispatch('cu/getHeader', this.currentUser.id_pus);
-      } else {
-        this.idCu = this.currentUser.id_cu;
-      }
-    },
-    cariData: function cariData() {
-      if (this.nik.length < 16) {
-        this.isDigit = true;
-      } else {
-        this.isNew = true;
-        this.isDigit = false;
-
-        if (this.jenis == 'KTP') {
-          this.$emit('cariDataKTP', this.pencarian);
-        } else {
-          this.$emit('cariDataBA', this.idCu, this.pencarian);
-        }
-      }
-    },
-    changeJenis: function changeJenis(value) {
-      if (value == 'KTP') {
-        this.placeholder = 'Silahkan masukkan no. KTP / Nomor Induk Kependudukan (NIK)';
-      } else {
-        this.placeholder = 'Silahkan masukkan no. BA Anggota';
-      }
-
-      this.resetData();
-    },
-    resetData: function resetData() {
-      this.pencarian = '';
-      this.isNew = false;
-      this.$emit('resetData');
-    },
-    back: function back() {
-      this.$emit('back');
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'headerDataS',
-    modelCuStat: 'headerDataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/index.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saldo/index.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _anggotaCu_formSimpanan_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../anggotaCu/formSimpanan.vue */ "./resources/assets/js/views/anggotaCu/formSimpanan.vue");
-/* harmony import */ var _anggotaCu_formPinjaman_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../anggotaCu/formPinjaman.vue */ "./resources/assets/js/views/anggotaCu/formPinjaman.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_countWidget_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/countWidget.vue */ "./resources/assets/js/components/countWidget.vue");
-/* harmony import */ var _cariData_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./cariData.vue */ "./resources/assets/js/views/saldo/cariData.vue");
-/* harmony import */ var _components_identitas_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/identitas.vue */ "./resources/assets/js/components/identitas.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -1439,18 +1548,6 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -1468,154 +1565,77 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formSimpanan: _anggotaCu_formSimpanan_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formPinjaman: _anggotaCu_formPinjaman_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default.a,
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    countWidget: _components_countWidget_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
-    cariData: _cariData_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
-    identitas: _components_identitas_vue__WEBPACK_IMPORTED_MODULE_14__["default"]
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    formProduk: _formProduk_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    formTransaksi: _formTransaksi_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
+    identitas: _components_identitas_vue__WEBPACK_IMPORTED_MODULE_13__["default"]
   },
   data: function data() {
     return {
-      title: 'Simpanan & Pinjaman',
-      titleDesc: 'Mengelola data simpanan & pinjaman anggota CU',
-      titleIcon: 'icon-wallet',
+      title: 'Produk',
+      titleDesc: 'Menambah atau mengubah produk yang dimiliki anggota',
+      titleIcon: 'icon-list2',
       kelas: 'anggotaCu',
-      tabName: 'nik',
-      tabName2: '',
-      tabNameModal: '',
-      isNew: false,
-      formProdukMode: '',
-      tipeProduk: '',
-      selectedCu: {
-        id: '',
-        name: ''
-      },
-      selectedProduk: [],
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        number16: {
-          numeral: true,
-          numeralIntegerScale: 16,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      formCuMode: '',
-      selectedItemCu: '',
-      itemDataCu: [],
-      itemDataProduk: [],
-      itemDataProdukSelected: [],
-      itemDataCuStat: 'success',
+      id_local: '',
+      formState: '',
+      formModel: {},
+      selectedItem: {},
+      columnData: [{
+        title: 'No.'
+      }, {
+        title: 'No. Rek'
+      }, {
+        title: 'CU'
+      }, {
+        title: 'Nama'
+      }, {
+        title: 'Jenis'
+      }, {
+        title: 'Saldo Awal'
+      }, {
+        title: 'Lama Pinjaman (BLN)'
+      }, {
+        title: 'Lama Sisa Pinjaman (BLN)'
+      }, {
+        title: 'Tgl. Buat'
+      }, {
+        title: 'Tgl. Target'
+      }, {
+        title: 'Tujuan'
+      }],
+      cancelTitle: 'Tutup',
+      cancelIcon: 'icon-cross',
+      cancelState: 'methods',
       modalShow: false,
       modalState: '',
       modalTitle: '',
       modalColor: '',
       modalContent: '',
+      modalImageShow: false,
+      modalImageContent: '',
       submited: false
     };
   },
   created: function created() {
-    this.resetData();
-
-    if (this.currentUser.id_cu == 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    }
+    this.fetch();
   },
   watch: {
-    itemDataStat: function itemDataStat(value) {
-      if (value === "success") {
-        this.itemDataCu = [];
-        this.itemDataProduk = []; // cu
-
-        if (this.itemData.anggota_cu_cu) {
-          var valData;
-
-          var _iterator = _createForOfIteratorHelper(this.itemData.anggota_cu_cu),
-              _step;
-
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              valData = _step.value;
-              var datas = {};
-              var cu = {};
-              cu.name = valData.cu.name;
-              cu.id = valData.id;
-              datas = valData;
-              this.itemDataCu.push(datas);
-            }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
-          }
-
-          if (this.itemDataCu[0]) {
-            this.tabName = this.itemDataCu[0].cu_id;
-            this.selectedCu.id = this.itemDataCu[0].cu_id;
-            this.selectedCu.name = this.itemDataCu[0].cu.name;
-          }
-        } // produk cu
-
-
-        if (this.itemData.anggota_produk_cu) {
-          var dataProduk = [];
-          dataProduk = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.groupBy(this.itemData.anggota_produk_cu, function (item) {
-            return item.id_cu;
-          });
-          this.itemDataProduk = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.forEach(dataProduk, function (value, key) {
-            dataProduk[key] = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.groupBy(dataProduk[key], function (item) {
-              return item.id;
-            });
-          });
-
-          if (this.itemDataProduk[this.tabName]) {
-            var key = Object.keys(this.itemDataProduk[this.tabName]);
-            this.tabName2 = 'produk_' + key[0];
-          }
-        }
-      }
-    },
     updateStat: function updateStat(value) {
       this.modalShow = true;
       this.modalState = value;
       this.modalColor = '';
+      this.modalContent = '';
+      this.selectedItem = {};
 
       if (value === "success") {
         this.modalTitle = this.updateResponse.message;
-        this.cariData();
+        this.fetch();
       } else {
         this.modalTitle = 'Oops terjadi kesalahan :(';
         this.modalContent = this.updateResponse;
@@ -1623,136 +1643,214 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     }
   },
   methods: {
-    cariDataKTP: function cariDataKTP(value) {
-      this.$store.dispatch(this.kelas + '/cariDataKTP', value);
-    },
-    cariDataBA: function cariDataBA(id, value) {
-      this.$store.dispatch(this.kelas + '/cariDataBA', [id, value]);
-    },
-    resetData: function resetData() {
-      this.itemDataCu = [];
-      this.itemDataProduk = [];
-      this.$store.commit(this.kelas + '/setData', {});
-      this.$store.commit(this.kelas + '/setDataStat', '');
-    },
-    changeTab: function changeTab(value) {
-      this.tabName = value.cu_id;
-      this.tabName2 = 'produk_' + this.itemDataProduk[this.tabName][0].id;
-      this.selectedProduk = '';
-      this.selectedCu.id = value.cu_id;
-      this.selectedCu.name = value.name;
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + '/indexProduk', [this.$route.params.id, this.$route.params.cu]);
+      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id, this.$route.params.cu);
     },
-    changeTab2: function changeTab2(value) {
-      this.tabName2 = value;
-      this.selectedProduk = '';
-    },
-    changeTabModal: function changeTabModal(value) {
-      this.tabNameModal = value;
-    },
-    classCu: function classCu() {
-      if (this.currentUser.id_cu == 0) {
-        return 'col-8';
+    back: function back() {
+      if (this.$route.meta.mode == 'createJalinan') {
+        this.$router.push({
+          name: 'jalinanKlaimCreateNik',
+          params: {
+            nik: this.form.nik
+          }
+        });
+      } else if (this.$route.meta.mode == 'editJalinan') {
+        if (this.currentUser.id_cu == 0) {
+          this.$router.push({
+            name: 'jalinanKlaimCu',
+            params: {
+              cu: 'semua',
+              tp: 'semua'
+            }
+          });
+        } else {
+          this.$router.push({
+            name: 'jalinanKlaimCu',
+            params: {
+              cu: this.currentUser.id_cu,
+              tp: 'semua'
+            }
+          });
+        }
       } else {
-        return 'col-12';
+        if (this.currentUser.id_cu != 0) {
+          this.$router.push({
+            name: this.kelas + 'Cu',
+            params: {
+              cu: this.currentUser.id_cu
+            }
+          });
+        } else {
+          this.$router.push({
+            name: this.kelas + 'Cu',
+            params: {
+              cu: 'semua'
+            }
+          });
+        }
       }
     },
-    selectedProdukRow: function selectedProdukRow(index, item) {
-      this.selectedProduk = item;
-      this.selectedProduk.index = index + 1;
-
-      if (item.tipe == 'Simpanan Pokok' || item.tipe == 'Simpanan Wajib' || item.tipe == 'Simpanan Non Saham') {
-        this.tipeProduk = 'simpanan';
-      } else if (item.tipe == 'Pinjaman Kapitalisasi' || item.tipe == 'Pinjaman Umum' || item.tipe == 'Pinjaman Produktif') {
-        this.tipeProduk = 'pinjaman';
+    kembali: function kembali() {
+      if (this.$route.meta.mode == 'create') {
+        this.$router.push({
+          name: this.kelas + 'CreateEdit',
+          params: {
+            id: this.$route.params.id
+          }
+        });
+      } else if (this.$route.meta.mode == 'createJalinan') {
+        this.$router.push({
+          name: this.kelas + 'CreateJalinanEdit',
+          params: {
+            id: this.$route.params.id
+          }
+        });
+      } else {
+        this.back();
       }
     },
-    createProduk: function createProduk(value) {
-      this.$store.dispatch(this.kelas + '/storeProduk', [this.itemData.id, value]);
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
     },
-    editProduk: function editProduk(value) {
-      this.$store.dispatch(this.kelas + '/updateProduk', [this.selectedProduk.pivot.id, value]);
-    },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+    modalOpen: function modalOpen(state) {
       this.modalShow = true;
-      this.state = state;
 
-      if (state == 'hapus') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus ' + this.tipeProduk + ' ' + this.selectedProduk.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-        this.modalSize = '';
-      } else if (state == 'ubah') {
-        this.modalState = 'normal2';
+      if (state == 'create') {
+        this.modalState = 'normal1';
         this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah ' + this.tipeProduk;
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formProdukMode = 'edit';
-        var datas = {};
-        var cu = {};
-        var produk_cu = {};
-        produk_cu.id = this.selectedProduk.id;
-        produk_cu.name = this.selectedProduk.name;
-        datas = this.selectedProduk.pivot;
-        datas.cu = this.selectedCu;
-        datas.produk_cu = produk_cu;
-        this.itemDataProdukSelected = [];
-        this.itemDataProdukSelected.push(datas);
-      } else if (state == 'tambah') {
+        this.formState = 'create';
+
+        if (this.modelCuStat != 'success') {
+          this.$store.dispatch('cu/getHeader');
+        }
+
+        this.modalTitle = 'Tambah produk';
+      } else if (state == 'edit') {
         this.modalState = 'normal1';
         this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah Simpanan/Pinjaman';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formProdukMode = 'create';
-        this.tabNameModal = 'simpanan';
+        this.formState = 'edit';
+        this.modalTitle = 'Ubah produk';
+        this.formModel = Object.assign({}, this.selectedItem);
+      } else if (state == 'transaksi') {
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Transaksi';
+        this.formModel = Object.assign({}, this.selectedItem);
+      } else if (state == 'delete') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = this.modalTitle = 'Hapus produk ' + this.selectedItem.produk_cu.name + ' dengan no rekening ' + this.selectedItem.no_rek + ' ?';
       }
     },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    tambahProduk: function tambahProduk() {
+      this.modalShow = false;
+      var self = this;
+      setTimeout(function () {
+        self.$router.push({
+          name: 'produkCuCreate'
+        });
+      }, 300);
+    },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroyProduk', this.selectedProduk.pivot.id);
-      }
+      this.$store.dispatch(this.kelas + '/destroyProduk', this.selectedItem.id);
     },
-    modalTutup: function modalTutup() {
+    cancelClick: function cancelClick() {
       this.modalShow = false;
     },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
+    moment: function moment() {
+      return moment__WEBPACK_IMPORTED_MODULE_0___default()();
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
-    itemData: 'data',
-    itemDataStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('anggotaCu', {
+    form: 'data',
+    itemData: 'dataProduk',
+    formDataStat: 'dataStat',
+    itemDataStat: 'dataProdukStat',
     updateResponse: 'update',
     updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
     modelCu: 'headerDataS',
     modelCuStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('provinces', {
-    modelProvinces: 'dataS',
-    modelProvincesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('regencies', {
-    modelRegencies: 'dataS',
-    modelRegenciesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('districts', {
-    modelDistricts: 'dataS',
-    modelDistrictsStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('villages', {
-    modelVillages: 'dataS',
-    modelVillagesStat: 'dataStatS'
   }))
 });
 
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body text-center" }, [
+        _vm.image === "" && _vm.image_temp === ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: "/images/no_image.jpg" },
+            })
+          : _vm.image === "" && _vm.image_temp !== ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
+            })
+          : _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image },
+            }),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "col-md-10" }, [
+        _c("input", {
+          ref: "fileInput",
+          staticClass: "form-control",
+          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
+          on: { change: _vm.upload },
+        }),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-2" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block",
+            attrs: { type: "button", disabled: _vm.image_temp === "" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.close()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
+        ),
+      ]),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
 /***/ }),
 
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
@@ -1867,10 +1965,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1882,29 +1980,24 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    { staticClass: "card card-body has-bg-image", class: _vm.color },
-    [
-      _c("div", { staticClass: "media" }, [
-        _c("div", { staticClass: "media-body" }, [
-          _vm.count
-            ? _c("h3", { staticClass: "mb-0" }, [_vm._v(_vm._s(_vm.count))])
-            : _vm._e(),
-          _vm._v(" "),
-          _c("span", { staticClass: "text-uppercase font-size-xs" }, [
-            _vm._v(_vm._s(_vm.title)),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "ml-3 align-self-center" }, [
-          _c("i", { staticClass: "icon-3x opacity-75", class: _vm.icon }),
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+          ),
         ]),
       ]),
-    ]
-  )
-}
-var staticRenderFns = []
+    ])
+  },
+]
 render._withStripped = true
 
 
@@ -2037,10 +2130,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=template&id=2d3f9ef3&":
-/*!***************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=template&id=2d3f9ef3& ***!
-  \***************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=template&id=1e6fb292&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=template&id=1e6fb292& ***!
+  \*************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -2056,7 +2149,7 @@ var render = function () {
     _c(
       "form",
       {
-        attrs: { "data-vv-scope": "formPinjaman" },
+        attrs: { "data-vv-scope": "formProduk" },
         on: {
           submit: function ($event) {
             $event.preventDefault()
@@ -2083,20 +2176,18 @@ var render = function () {
                   "div",
                   {
                     staticClass: "form-group",
-                    class: {
-                      "has-error": _vm.errors.has("formPinjaman.cu.id"),
-                    },
+                    class: { "has-error": _vm.errors.has("formProduk.cu.id") },
                   },
                   [
                     _c(
                       "h5",
                       {
                         class: {
-                          "text-danger": _vm.errors.has("formPinjaman.cu.id"),
+                          "text-danger": _vm.errors.has("formProduk.cu.id"),
                         },
                       },
                       [
-                        _vm.errors.has("formPinjaman.cu.id")
+                        _vm.errors.has("formProduk.cu.id")
                           ? _c("i", { staticClass: "icon-cross2" })
                           : _vm._e(),
                         _vm._v("\n\t\t\t\t\tCU:\n\t\t\t\t"),
@@ -2110,8 +2201,8 @@ var render = function () {
                           {
                             name: "model",
                             rawName: "v-model",
-                            value: _vm.formPinjaman.cu.id,
-                            expression: "formPinjaman.cu.id",
+                            value: _vm.formProduk.cu.id,
+                            expression: "formProduk.cu.id",
                           },
                           {
                             name: "validate",
@@ -2125,7 +2216,7 @@ var render = function () {
                           name: "cu_id",
                           "data-width": "100%",
                           "data-vv-as": "CU",
-                          disabled: _vm.modelCU.length === 0,
+                          disabled: _vm.anggota_cu.anggota_cu_cu.length === 0,
                         },
                         on: {
                           change: [
@@ -2139,7 +2230,7 @@ var render = function () {
                                   return val
                                 })
                               _vm.$set(
-                                _vm.formPinjaman.cu,
+                                _vm.formProduk.cu,
                                 "id",
                                 $event.target.multiple
                                   ? $$selectedVal
@@ -2154,28 +2245,32 @@ var render = function () {
                       },
                       [
                         _c("option", { attrs: { disabled: "", value: "0" } }, [
-                          _vm.modelCUStat === "loading"
-                            ? _c("span", [_vm._v("Mohon tunggu...")])
-                            : _c("span", [_vm._v("Silahkan pilih CU")]),
+                          _vm._v("Silahkan pilih CU"),
                         ]),
                         _vm._v(" "),
-                        _vm._l(_vm.modelCU, function (cu, index) {
-                          return _c(
-                            "option",
-                            { key: index, domProps: { value: cu.id } },
-                            [_vm._v(_vm._s(cu.name))]
-                          )
-                        }),
+                        _vm._l(
+                          _vm.anggota_cu.anggota_cu_cu,
+                          function (anggota_cu_cu, index) {
+                            return _c(
+                              "option",
+                              {
+                                key: index,
+                                domProps: { value: anggota_cu_cu.cu.id },
+                              },
+                              [_vm._v(_vm._s(anggota_cu_cu.cu.name))]
+                            )
+                          }
+                        ),
                       ],
                       2
                     ),
                     _vm._v(" "),
-                    _vm.errors.has("formPinjaman.cu.id")
+                    _vm.errors.has("formProduk.cu.id")
                       ? _c("small", { staticClass: "text-muted text-danger" }, [
                           _c("i", { staticClass: "icon-arrow-small-right" }),
                           _vm._v(
                             " " +
-                              _vm._s(_vm.errors.first("formPinjaman.cu.id")) +
+                              _vm._s(_vm.errors.first("formProduk.cu.id")) +
                               "\n\t\t\t\t"
                           ),
                         ])
@@ -2187,7 +2282,7 @@ var render = function () {
               ])
             : _vm._e(),
           _vm._v(" "),
-          _vm.modelProdukCu.length === 0
+          _vm.formStateProdukCu.length === 0
             ? _c(
                 "div",
                 {
@@ -2195,985 +2290,576 @@ var render = function () {
                 },
                 [_vm._m(0)]
               )
-            : _c(
-                "div",
-                { staticClass: "alert bg-info text-white alert-styled-left " },
-                [_vm._m(1)]
-              ),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-md-12" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: { "has-error": _vm.errors.has("formPinjaman.no_rek") },
-              },
-              [
-                _c(
-                  "h5",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has("formPinjaman.no_rek"),
-                    },
-                  },
-                  [
-                    _vm.errors.has("formPinjaman.no_rek")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tNo. SPP:\n\t\t\t\t"),
-                  ]
-                ),
-                _vm._v(" "),
-                _c("cleave", {
-                  directives: [
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "no_rek",
-                    options: _vm.cleaveOption.number12,
-                    placeholder: "Silahkan masukkan jumlah no. spp",
-                    "data-vv-as": "No. SPP",
-                  },
-                  model: {
-                    value: _vm.formPinjaman.no_rek,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.formPinjaman, "no_rek", $$v)
-                    },
-                    expression: "formPinjaman.no_rek",
-                  },
-                }),
-                _vm._v(" "),
-                _vm.errors.has("formPinjaman.no_rek")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formPinjaman.no_rek")) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [
-                      _vm._v(" \n\t\t\t\t"),
-                    ]),
-              ],
-              1
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-md-12" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: {
-                  "has-error": _vm.errors.has("formPinjaman.produk_cu_id"),
-                },
-              },
-              [
+            : _c("div", { staticClass: "col-md-12" }, [
                 _c(
-                  "h5",
+                  "div",
                   {
+                    staticClass: "form-group",
                     class: {
-                      "text-danger": _vm.errors.has(
-                        "formPinjaman.produk_cu.id"
-                      ),
+                      "has-error": _vm.errors.has("formProduk.produk_cu_id"),
                     },
                   },
                   [
-                    _vm.errors.has("formPinjaman.produk_cu.id")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tProduk CU:\n\t\t\t\t"),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
-                    directives: [
+                    _c(
+                      "h5",
                       {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.formPinjaman.produk_cu.id,
-                        expression: "formPinjaman.produk_cu.id",
+                        class: {
+                          "text-danger": _vm.errors.has(
+                            "formProduk.produk_cu.id"
+                          ),
+                        },
                       },
+                      [
+                        _vm.errors.has("formProduk.produk_cu.id")
+                          ? _c("i", { staticClass: "icon-cross2" })
+                          : _vm._e(),
+                        _vm._v("\n\t\t\t\t\tProduk CU: "),
+                        _c("info-icon", {
+                          attrs: {
+                            message:
+                              "Apabila jenis produk yang ingin anda pilih tidak ada, pastikan anda sudah menambahkan data produk di menu Tambah Produk & Pelayanan",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "select",
                       {
-                        name: "validate",
-                        rawName: "v-validate",
-                        value: "required",
-                        expression: "'required'",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      name: "produk_cu_id",
-                      "data-width": "100%",
-                      "data-vv-as": "Produk CU",
-                      disabled: _vm.modelProdukCu.length === 0,
-                    },
-                    on: {
-                      change: [
-                        function ($event) {
-                          var $$selectedVal = Array.prototype.filter
-                            .call($event.target.options, function (o) {
-                              return o.selected
-                            })
-                            .map(function (o) {
-                              var val = "_value" in o ? o._value : o.value
-                              return val
-                            })
-                          _vm.$set(
-                            _vm.formPinjaman.produk_cu,
-                            "id",
-                            $event.target.multiple
-                              ? $$selectedVal
-                              : $$selectedVal[0]
-                          )
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.formProduk.produk_cu.id,
+                            expression: "formProduk.produk_cu.id",
+                          },
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required",
+                            expression: "'required'",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          name: "produk_cu_id",
+                          "data-width": "100%",
+                          "data-vv-as": "Produk CU",
+                          disabled: _vm.formStateProdukCu.length === 0,
                         },
-                        function ($event) {
-                          return _vm.changeProdukCu($event.target.value)
+                        on: {
+                          change: [
+                            function ($event) {
+                              var $$selectedVal = Array.prototype.filter
+                                .call($event.target.options, function (o) {
+                                  return o.selected
+                                })
+                                .map(function (o) {
+                                  var val = "_value" in o ? o._value : o.value
+                                  return val
+                                })
+                              _vm.$set(
+                                _vm.formProduk.produk_cu,
+                                "id",
+                                $event.target.multiple
+                                  ? $$selectedVal
+                                  : $$selectedVal[0]
+                              )
+                            },
+                            function ($event) {
+                              return _vm.changeProdukCu($event.target.value)
+                            },
+                          ],
                         },
-                      ],
-                    },
-                  },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "0" } }, [
-                      _vm.modelProdukCuStat === "loading"
-                        ? _c("span", [_vm._v("Mohon tunggu...")])
-                        : _c("span", [_vm._v("Silahkan pilih Produk CU")]),
-                    ]),
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "0" } }, [
+                          _vm.formStateProdukCuStat === "loading"
+                            ? _c("span", [_vm._v("Mohon tunggu...")])
+                            : _c("span", [_vm._v("Silahkan pilih Produk CU")]),
+                        ]),
+                        _vm._v(" "),
+                        _vm._l(_vm.formStateProdukCu, function (produk, index) {
+                          return _c(
+                            "option",
+                            { key: index, domProps: { value: produk.id } },
+                            [
+                              _vm._v(
+                                _vm._s(produk.name) +
+                                  " | " +
+                                  _vm._s(produk.tipe)
+                              ),
+                            ]
+                          )
+                        }),
+                      ],
+                      2
+                    ),
                     _vm._v(" "),
-                    _vm._l(_vm.modelProdukCu, function (produk, index) {
-                      return _c(
-                        "option",
-                        { key: index, domProps: { value: produk.id } },
-                        [_vm._v(_vm._s(produk.name))]
-                      )
-                    }),
-                  ],
-                  2
-                ),
-                _vm._v(" "),
-                _vm.errors.has("formPinjaman.produk_cu.id")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(
-                            _vm.errors.first("formPinjaman.produk_cu.id")
-                          ) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-              ]
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-md-12" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: { "has-error": _vm.errors.has("formPinjaman.saldo") },
-              },
-              [
-                _c(
-                  "h5",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has("formPinjaman.saldo"),
-                    },
-                  },
-                  [
-                    _vm.errors.has("formPinjaman.saldo")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tSaldo:\n\t\t\t\t"),
+                    _vm.errors.has("formProduk.produk_cu.id")
+                      ? _c("small", { staticClass: "text-muted text-danger" }, [
+                          _c("i", { staticClass: "icon-arrow-small-right" }),
+                          _vm._v(
+                            " " +
+                              _vm._s(
+                                _vm.errors.first("formProduk.produk_cu.id")
+                              ) +
+                              "\n\t\t\t\t"
+                          ),
+                        ])
+                      : _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" "),
+                        ]),
                   ]
                 ),
-                _vm._v(" "),
-                _c("cleave", {
-                  directives: [
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "saldo",
-                    options: _vm.cleaveOption.numeric,
-                    placeholder: "Silahkan masukkan jumlah saldo",
-                    "data-vv-as": "Saldo",
-                  },
-                  model: {
-                    value: _vm.formPinjaman.saldo,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.formPinjaman, "saldo", $$v)
-                    },
-                    expression: "formPinjaman.saldo",
-                  },
-                }),
-                _vm._v(" "),
-                _vm.errors.has("formPinjaman.saldo")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formPinjaman.saldo")) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [
-                      _vm._v(" \n\t\t\t\t"),
-                    ]),
-              ],
-              1
-            ),
-          ]),
+              ]),
           _vm._v(" "),
-          _c("div", { staticClass: "col-md-12" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: { "has-error": _vm.errors.has("formPinjaman.tanggal") },
-              },
-              [
+          _vm.tipeProduk != ""
+            ? _c("div", { staticClass: "col-md-12" }, [
                 _c(
-                  "h5",
+                  "div",
                   {
-                    class: {
-                      "text-danger": _vm.errors.has("formPinjaman.tanggal"),
-                    },
+                    staticClass: "form-group",
+                    class: { "has-error": _vm.errors.has("formProduk.no_rek") },
                   },
                   [
-                    _vm.errors.has("formPinjaman.tanggal")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v(" Tanggal: "),
-                  ]
-                ),
-                _vm._v(" "),
-                _c("date-picker", {
-                  attrs: { defaultDate: _vm.formPinjaman.tanggal },
-                  on: {
-                    dateSelected: function ($event) {
-                      _vm.formPinjaman.tanggal = $event
-                    },
-                  },
-                }),
-                _vm._v(" "),
-                _c("input", {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.formPinjaman.tanggal,
-                      expression: "formPinjaman.tanggal",
-                    },
-                    {
-                      name: "show",
-                      rawName: "v-show",
-                      value: false,
-                      expression: "false",
-                    },
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
-                    },
+                    _c(
+                      "h5",
+                      {
+                        class: {
+                          "text-danger": _vm.errors.has("formProduk.no_rek"),
+                        },
+                      },
+                      [
+                        _vm.errors.has("formProduk.no_rek")
+                          ? _c("i", { staticClass: "icon-cross2" })
+                          : _vm._e(),
+                        _vm._v("\n\t\t\t\t\tNo. Rekening:\n\t\t\t\t"),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("cleave", {
+                      directives: [
+                        {
+                          name: "validate",
+                          rawName: "v-validate",
+                          value: "required",
+                          expression: "'required'",
+                        },
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        name: "no_rek",
+                        options: _vm.cleaveOption.number30,
+                        placeholder: "Silahkan masukkan jumlah no. rekening",
+                        "data-vv-as": "No. Rekening",
+                      },
+                      model: {
+                        value: _vm.formProduk.no_rek,
+                        callback: function ($$v) {
+                          _vm.$set(_vm.formProduk, "no_rek", $$v)
+                        },
+                        expression: "formProduk.no_rek",
+                      },
+                    }),
+                    _vm._v(" "),
+                    _vm.errors.has("formProduk.no_rek")
+                      ? _c("small", { staticClass: "text-muted text-danger" }, [
+                          _c("i", { staticClass: "icon-arrow-small-right" }),
+                          _vm._v(
+                            " " +
+                              _vm._s(_vm.errors.first("formProduk.no_rek")) +
+                              "\n\t\t\t\t"
+                          ),
+                        ])
+                      : _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" \n\t\t\t\t"),
+                        ]),
                   ],
-                  attrs: { "data-vv-as": "Tanggal" },
-                  domProps: { value: _vm.formPinjaman.tanggal },
-                  on: {
-                    input: function ($event) {
-                      if ($event.target.composing) {
-                        return
-                      }
-                      _vm.$set(_vm.formPinjaman, "tanggal", $event.target.value)
-                    },
-                  },
-                }),
-                _vm._v(" "),
-                _vm.errors.has("formPinjaman.tanggal")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formPinjaman.tanggal")) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [
-                      _vm._v(" \n\t\t\t\t"),
-                    ]),
-              ],
-              1
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-md-12" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: {
-                  "has-error": _vm.errors.has("formPinjaman.lama_pinjaman"),
-                },
-              },
-              [
-                _c(
-                  "h5",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has(
-                        "formPinjaman.lama_pinjaman"
-                      ),
-                    },
-                  },
-                  [
-                    _vm.errors.has("formPinjaman.lama_pinjaman")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tLama Pinjaman (bulan):\n\t\t\t\t"),
-                  ]
+                  1
                 ),
-                _vm._v(" "),
-                _c("cleave", {
-                  directives: [
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "lama_pinjaman",
-                    options: _vm.cleaveOption.number4,
-                    placeholder: "Silahkan masukkan lama pinjaman",
-                    "data-vv-as": "lama pinjaman",
-                  },
-                  model: {
-                    value: _vm.formPinjaman.lama_pinjaman,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.formPinjaman, "lama_pinjaman", $$v)
-                    },
-                    expression: "formPinjaman.lama_pinjaman",
-                  },
-                }),
-                _vm._v(" "),
-                _vm.errors.has("formPinjaman.lama_pinjaman")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(
-                            _vm.errors.first("formPinjaman.lama_pinjaman")
-                          ) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [
-                      _vm._v(" \n\t\t\t\t"),
-                    ]),
-              ],
-              1
-            ),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formPinjaman.produk_cu_id == "",
-              },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formPinjaman.produk_cu_id == "",
-              },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
+              ])
+            : _vm._e(),
           _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-        ]),
-      ],
-      1
-    ),
-  ])
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "font-weight-semibold" }, [
-      _vm._v(
-        "Maaf data jenis simpanan tidak ditemukan, pastikan anda sudah menambahkan data simpanan di menu "
-      ),
-      _c("u", [_vm._v("Tambah Produk & Pelayanan")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "font-weight-semibold" }, [
-      _vm._v(
-        "Apabila jenis simpanan yang ingin anda pilih tidak ada, pastikan anda sudah menambahkan data simpanan di menu "
-      ),
-      _c("u", [_vm._v("Tambah Produk & Pelayanan")]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=template&id=02e81990&":
-/*!***************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=template&id=02e81990& ***!
-  \***************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formSimpanan" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _vm.message.show
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorData: _vm.message.content,
-                showDebug: false,
-              },
-              on: { close: _vm.messageClose },
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c("div", { staticClass: "row" }, [
-          _vm.currentUser.id_cu === 0
+          _vm.tipeProduk != ""
             ? _c("div", { staticClass: "col-md-12" }, [
                 _c(
                   "div",
                   {
                     staticClass: "form-group",
-                    class: {
-                      "has-error": _vm.errors.has("formSimpanan.cu.id"),
-                    },
+                    class: { "has-error": _vm.errors.has("formProduk.saldo") },
                   },
                   [
                     _c(
                       "h5",
                       {
                         class: {
-                          "text-danger": _vm.errors.has("formSimpanan.cu.id"),
+                          "text-danger": _vm.errors.has("formProduk.saldo"),
                         },
                       },
                       [
-                        _vm.errors.has("formSimpanan.cu.id")
+                        _vm.errors.has("formProduk.saldo")
                           ? _c("i", { staticClass: "icon-cross2" })
                           : _vm._e(),
-                        _vm._v("\n\t\t\t\t\tCU:\n\t\t\t\t"),
+                        _vm._v("\n\t\t\t\t\tSaldo:\n\t\t\t\t"),
                       ]
                     ),
                     _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.formSimpanan.cu.id,
-                            expression: "formSimpanan.cu.id",
-                          },
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required",
-                            expression: "'required'",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          name: "cu_id",
-                          "data-width": "100%",
-                          "data-vv-as": "CU",
-                          disabled: _vm.modelCU.length === 0,
+                    _c("cleave", {
+                      directives: [
+                        {
+                          name: "validate",
+                          rawName: "v-validate",
+                          value: "required",
+                          expression: "'required'",
                         },
-                        on: {
-                          change: [
-                            function ($event) {
-                              var $$selectedVal = Array.prototype.filter
-                                .call($event.target.options, function (o) {
-                                  return o.selected
-                                })
-                                .map(function (o) {
-                                  var val = "_value" in o ? o._value : o.value
-                                  return val
-                                })
-                              _vm.$set(
-                                _vm.formSimpanan.cu,
-                                "id",
-                                $event.target.multiple
-                                  ? $$selectedVal
-                                  : $$selectedVal[0]
-                              )
-                            },
-                            function ($event) {
-                              return _vm.changeCu($event.target.value)
-                            },
-                          ],
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        name: "saldo",
+                        options: _vm.cleaveOption.numeric,
+                        placeholder: "Silahkan masukkan jumlah saldo",
+                        "data-vv-as": "Saldo",
+                      },
+                      model: {
+                        value: _vm.formProduk.saldo,
+                        callback: function ($$v) {
+                          _vm.$set(_vm.formProduk, "saldo", $$v)
                         },
+                        expression: "formProduk.saldo",
                       },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "0" } }, [
-                          _vm.modelCUStat === "loading"
-                            ? _c("span", [_vm._v("Mohon tunggu...")])
-                            : _c("span", [_vm._v("Silahkan pilih CU")]),
-                        ]),
-                        _vm._v(" "),
-                        _vm._l(_vm.modelCU, function (cu, index) {
-                          return _c(
-                            "option",
-                            { key: index, domProps: { value: cu.id } },
-                            [_vm._v(_vm._s(cu.name))]
-                          )
-                        }),
-                      ],
-                      2
-                    ),
+                    }),
                     _vm._v(" "),
-                    _vm.errors.has("formSimpanan.cu.id")
+                    _vm.errors.has("formProduk.saldo")
                       ? _c("small", { staticClass: "text-muted text-danger" }, [
                           _c("i", { staticClass: "icon-arrow-small-right" }),
                           _vm._v(
                             " " +
-                              _vm._s(_vm.errors.first("formSimpanan.cu.id")) +
+                              _vm._s(_vm.errors.first("formProduk.saldo")) +
                               "\n\t\t\t\t"
                           ),
                         ])
                       : _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" "),
+                          _vm._v(" \n\t\t\t\t"),
                         ]),
-                  ]
+                  ],
+                  1
                 ),
               ])
             : _vm._e(),
           _vm._v(" "),
-          _vm.modelProdukCu.length === 0
-            ? _c(
-                "div",
-                {
-                  staticClass: "alert bg-warning text-white alert-styled-left ",
-                },
-                [_vm._m(0)]
-              )
-            : _c(
-                "div",
-                { staticClass: "alert bg-info text-white alert-styled-left " },
-                [_vm._m(1)]
-              ),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-md-12" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: {
-                  "has-error": _vm.errors.has("formSimpanan.produk_cu_id"),
-                },
-              },
-              [
+          _vm.tipeProduk != ""
+            ? _c("div", { staticClass: "col-md-12" }, [
                 _c(
-                  "h5",
+                  "div",
                   {
+                    staticClass: "form-group",
                     class: {
-                      "text-danger": _vm.errors.has(
-                        "formSimpanan.produk_cu.id"
-                      ),
+                      "has-error": _vm.errors.has("formProduk.tanggal"),
                     },
                   },
                   [
-                    _vm.errors.has("formSimpanan.produk_cu.id")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tProduk CU:\n\t\t\t\t"),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
-                    directives: [
+                    _c(
+                      "h5",
                       {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.formSimpanan.produk_cu.id,
-                        expression: "formSimpanan.produk_cu.id",
+                        class: {
+                          "text-danger": _vm.errors.has("formProduk.tanggal"),
+                        },
                       },
-                      {
-                        name: "validate",
-                        rawName: "v-validate",
-                        value: "required",
-                        expression: "'required'",
+                      [
+                        _vm.errors.has("formProduk.tanggal")
+                          ? _c("i", { staticClass: "icon-cross2" })
+                          : _vm._e(),
+                        _vm._v(" Tanggal Buat:\n\t\t\t\t"),
+                        _c("br"),
+                        _vm._m(1),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("date-picker", {
+                      attrs: { defaultDate: _vm.formProduk.tanggal },
+                      on: {
+                        dateSelected: function ($event) {
+                          _vm.formProduk.tanggal = $event
+                        },
                       },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      name: "produk_cu_id",
-                      "data-width": "100%",
-                      "data-vv-as": "Produk CU",
-                      disabled: _vm.modelProdukCu.length === 0,
-                    },
-                    on: {
-                      change: [
-                        function ($event) {
-                          var $$selectedVal = Array.prototype.filter
-                            .call($event.target.options, function (o) {
-                              return o.selected
-                            })
-                            .map(function (o) {
-                              var val = "_value" in o ? o._value : o.value
-                              return val
-                            })
-                          _vm.$set(
-                            _vm.formSimpanan.produk_cu,
-                            "id",
-                            $event.target.multiple
-                              ? $$selectedVal
-                              : $$selectedVal[0]
-                          )
+                    }),
+                    _vm._v(" "),
+                    _c("input", {
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.formProduk.tanggal,
+                          expression: "formProduk.tanggal",
+                        },
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: false,
+                          expression: "false",
                         },
-                        function ($event) {
-                          return _vm.changeProdukCu($event.target.value)
+                        {
+                          name: "validate",
+                          rawName: "v-validate",
+                          value: "required",
+                          expression: "'required'",
                         },
                       ],
-                    },
-                  },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "0" } }, [
-                      _vm.modelProdukCuStat === "loading"
-                        ? _c("span", [_vm._v("Mohon tunggu...")])
-                        : _c("span", [_vm._v("Silahkan pilih Produk CU")]),
-                    ]),
-                    _vm._v(" "),
-                    _vm._l(_vm.modelProdukCu, function (produk, index) {
-                      return _c(
-                        "option",
-                        { key: index, domProps: { value: produk.id } },
-                        [_vm._v(_vm._s(produk.name))]
-                      )
+                      attrs: { "data-vv-as": "Tanggal" },
+                      domProps: { value: _vm.formProduk.tanggal },
+                      on: {
+                        input: function ($event) {
+                          if ($event.target.composing) {
+                            return
+                          }
+                          _vm.$set(
+                            _vm.formProduk,
+                            "tanggal",
+                            $event.target.value
+                          )
+                        },
+                      },
                     }),
+                    _vm._v(" "),
+                    _vm.errors.has("formProduk.tanggal")
+                      ? _c("small", { staticClass: "text-muted text-danger" }, [
+                          _c("i", { staticClass: "icon-arrow-small-right" }),
+                          _vm._v(
+                            " " +
+                              _vm._s(_vm.errors.first("formProduk.tanggal")) +
+                              "\n\t\t\t\t"
+                          ),
+                        ])
+                      : _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" \n\t\t\t\t"),
+                        ]),
                   ],
-                  2
+                  1
                 ),
-                _vm._v(" "),
-                _vm.errors.has("formSimpanan.produk_cu.id")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(
-                            _vm.errors.first("formSimpanan.produk_cu.id")
-                          ) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-              ]
-            ),
-          ]),
+              ])
+            : _vm._e(),
           _vm._v(" "),
-          _c("div", { staticClass: "col-md-12" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: { "has-error": _vm.errors.has("formSimpanan.no_rek") },
-              },
-              [
-                _c(
-                  "h5",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has("formSimpanan.no_rek"),
-                    },
-                  },
-                  [
-                    _vm.errors.has("formSimpanan.no_rek")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tNo. Rekening:\n\t\t\t\t"),
-                  ]
-                ),
-                _vm._v(" "),
-                _c("cleave", {
-                  directives: [
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "no_rek",
-                    options: _vm.cleaveOption.number12,
-                    placeholder: "Silahkan masukkan jumlah no. rekening",
-                    "data-vv-as": "No. Rekening",
-                  },
-                  model: {
-                    value: _vm.formSimpanan.no_rek,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.formSimpanan, "no_rek", $$v)
-                    },
-                    expression: "formSimpanan.no_rek",
-                  },
-                }),
-                _vm._v(" "),
-                _vm.errors.has("formSimpanan.no_rek")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formSimpanan.no_rek")) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [
-                      _vm._v(" \n\t\t\t\t"),
-                    ]),
-              ],
-              1
-            ),
-          ]),
+          _vm.tipeProduk != ""
+            ? _c("div", { staticClass: "col-md-12" }, [
+                _vm.tipeProduk != "pinjaman"
+                  ? _c(
+                      "div",
+                      { staticClass: "form-group" },
+                      [
+                        _vm._m(2),
+                        _vm._v(" "),
+                        _c("date-picker", {
+                          attrs: { defaultDate: _vm.formProduk.tanggal_target },
+                          on: {
+                            dateSelected: function ($event) {
+                              _vm.formProduk.tanggal_target = $event
+                            },
+                          },
+                        }),
+                        _vm._v(" "),
+                        _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" "),
+                        ]),
+                      ],
+                      1
+                    )
+                  : _vm._e(),
+              ])
+            : _vm._e(),
           _vm._v(" "),
-          _c("div", { staticClass: "col-md-12" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: { "has-error": _vm.errors.has("formSimpanan.saldo") },
-              },
-              [
+          _vm.tipeProduk == "pinjaman"
+            ? _c("div", { staticClass: "col-md-12" }, [
                 _c(
-                  "h5",
+                  "div",
                   {
+                    staticClass: "form-group",
                     class: {
-                      "text-danger": _vm.errors.has("formSimpanan.saldo"),
+                      "has-error": _vm.errors.has("formProduk.lama_pinjaman"),
                     },
                   },
                   [
-                    _vm.errors.has("formSimpanan.saldo")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tSaldo:\n\t\t\t\t"),
-                  ]
-                ),
-                _vm._v(" "),
-                _c("cleave", {
-                  directives: [
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
-                    },
+                    _c(
+                      "h5",
+                      {
+                        class: {
+                          "text-danger": _vm.errors.has(
+                            "formProduk.lama_pinjaman"
+                          ),
+                        },
+                      },
+                      [
+                        _vm.errors.has("formProduk.lama_pinjaman")
+                          ? _c("i", { staticClass: "icon-cross2" })
+                          : _vm._e(),
+                        _vm._v(
+                          "\n\t\t\t\t\tLama Pinjaman (bulan):\n\t\t\t\t\t"
+                        ),
+                        _c("br"),
+                        _vm._m(3),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("cleave", {
+                      directives: [
+                        {
+                          name: "validate",
+                          rawName: "v-validate",
+                          value: "required",
+                          expression: "'required'",
+                        },
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        name: "lama_pinjaman",
+                        options: _vm.cleaveOption.number4,
+                        placeholder: "Silahkan masukkan lama pinjaman",
+                        "data-vv-as": "Lama pinjaman",
+                      },
+                      model: {
+                        value: _vm.formProduk.lama_pinjaman,
+                        callback: function ($$v) {
+                          _vm.$set(_vm.formProduk, "lama_pinjaman", $$v)
+                        },
+                        expression: "formProduk.lama_pinjaman",
+                      },
+                    }),
+                    _vm._v(" "),
+                    _vm.errors.has("formProduk.lama_pinjaman")
+                      ? _c("small", { staticClass: "text-muted text-danger" }, [
+                          _c("i", { staticClass: "icon-arrow-small-right" }),
+                          _vm._v(
+                            " " +
+                              _vm._s(
+                                _vm.errors.first("formProduk.lama_pinjaman")
+                              ) +
+                              "\n\t\t\t\t"
+                          ),
+                        ])
+                      : _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" \n\t\t\t\t"),
+                        ]),
                   ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "saldo",
-                    options: _vm.cleaveOption.numeric,
-                    placeholder: "Silahkan masukkan jumlah saldo",
-                    "data-vv-as": "Saldo",
-                  },
-                  model: {
-                    value: _vm.formSimpanan.saldo,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.formSimpanan, "saldo", $$v)
-                    },
-                    expression: "formSimpanan.saldo",
-                  },
-                }),
-                _vm._v(" "),
-                _vm.errors.has("formSimpanan.saldo")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formSimpanan.saldo")) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [
-                      _vm._v(" \n\t\t\t\t"),
-                    ]),
-              ],
-              1
-            ),
-          ]),
+                  1
+                ),
+              ])
+            : _vm._e(),
           _vm._v(" "),
-          _c("div", { staticClass: "col-md-12" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: { "has-error": _vm.errors.has("formSimpanan.tanggal") },
-              },
-              [
+          _vm.tipeProduk == "pinjaman"
+            ? _c("div", { staticClass: "col-md-12" }, [
                 _c(
-                  "h5",
+                  "div",
                   {
+                    staticClass: "form-group",
                     class: {
-                      "text-danger": _vm.errors.has("formSimpanan.tanggal"),
+                      "has-error": _vm.errors.has(
+                        "formProduk.lama_sisa_pinjaman"
+                      ),
                     },
                   },
                   [
-                    _vm.errors.has("formSimpanan.tanggal")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v(" Tanggal:"),
-                  ]
+                    _c(
+                      "h5",
+                      {
+                        class: {
+                          "text-danger": _vm.errors.has(
+                            "formProduk.lama_sisa_pinjaman"
+                          ),
+                        },
+                      },
+                      [
+                        _vm.errors.has("formProduk.lama_sisa_pinjaman")
+                          ? _c("i", { staticClass: "icon-cross2" })
+                          : _vm._e(),
+                        _vm._v(
+                          "\n\t\t\t\t\tLama Sisa Pinjaman (bulan):\n\t\t\t\t\t"
+                        ),
+                        _c("br"),
+                        _vm._m(4),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c("cleave", {
+                      directives: [
+                        {
+                          name: "validate",
+                          rawName: "v-validate",
+                          value: "required",
+                          expression: "'required'",
+                        },
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        name: "lama_sisa_pinjaman",
+                        options: _vm.cleaveOption.number4,
+                        placeholder: "Silahkan masukkan lama pinjaman",
+                        "data-vv-as": "Lama sisa pinjaman",
+                      },
+                      model: {
+                        value: _vm.formProduk.lama_sisa_pinjaman,
+                        callback: function ($$v) {
+                          _vm.$set(_vm.formProduk, "lama_sisa_pinjaman", $$v)
+                        },
+                        expression: "formProduk.lama_sisa_pinjaman",
+                      },
+                    }),
+                    _vm._v(" "),
+                    _vm.errors.has("formProduk.lama_sisa_pinjaman")
+                      ? _c("small", { staticClass: "text-muted text-danger" }, [
+                          _c("i", { staticClass: "icon-arrow-small-right" }),
+                          _vm._v(
+                            " " +
+                              _vm._s(
+                                _vm.errors.first(
+                                  "formProduk.lama_sisa_pinjaman"
+                                )
+                              ) +
+                              "\n\t\t\t\t"
+                          ),
+                        ])
+                      : _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" \n\t\t\t\t"),
+                        ]),
+                  ],
+                  1
                 ),
-                _vm._v(" "),
-                _c("date-picker", {
-                  attrs: { defaultDate: _vm.formSimpanan.tanggal },
-                  on: {
-                    dateSelected: function ($event) {
-                      _vm.formSimpanan.tanggal = $event
-                    },
-                  },
-                }),
-                _vm._v(" "),
-                _c("input", {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.formSimpanan.tanggal,
-                      expression: "formSimpanan.tanggal",
-                    },
-                    {
-                      name: "show",
-                      rawName: "v-show",
-                      value: false,
-                      expression: "false",
-                    },
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.tipeProduk != ""
+            ? _c("div", { staticClass: "col-md-12" }, [
+                _c("div", { staticClass: "form-group" }, [
+                  _c("h6", [_vm._v("\n\t\t\t\t\tTujuan:\n\t\t\t\t")]),
+                  _vm._v(" "),
+                  _c("input", {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.formProduk.tujuan,
+                        expression: "formProduk.tujuan",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      type: "text",
+                      name: "tujuan",
+                      placeholder: "Silahkan masukkan tujuan",
                     },
-                  ],
-                  attrs: { "data-vv-as": "Tanggal" },
-                  domProps: { value: _vm.formSimpanan.tanggal },
-                  on: {
-                    input: function ($event) {
-                      if ($event.target.composing) {
-                        return
-                      }
-                      _vm.$set(_vm.formSimpanan, "tanggal", $event.target.value)
+                    domProps: { value: _vm.formProduk.tujuan },
+                    on: {
+                      input: function ($event) {
+                        if ($event.target.composing) {
+                          return
+                        }
+                        _vm.$set(_vm.formProduk, "tujuan", $event.target.value)
+                      },
                     },
-                  },
-                }),
-                _vm._v(" "),
-                _vm.errors.has("formSimpanan.tanggal")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formSimpanan.tanggal")) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [
-                      _vm._v(" \n\t\t\t\t"),
-                    ]),
-              ],
-              1
-            ),
-          ]),
+                  }),
+                ]),
+              ])
+            : _vm._e(),
         ]),
         _vm._v(" "),
         _c("hr"),
@@ -3194,31 +2880,79 @@ var render = function () {
             [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
           ),
           _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formSimpanan.produk_cu_id == "",
-              },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
+          _vm.formStateProdukCu.length === 0
+            ? _c(
+                "button",
+                {
+                  staticClass: "btn btn-primary",
+                  attrs: {
+                    type: "button",
+                    disabled: !_vm.currentUser.can["create_produk_cu"],
+                  },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.tambahProduk.apply(null, arguments)
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-plus22" }),
+                  _vm._v(" Tambah Produk & Pelayanan"),
+                ]
+              )
+            : _c(
+                "button",
+                {
+                  staticClass: "btn btn-primary",
+                  attrs: {
+                    type: "submit",
+                    disabled: _vm.formProduk.produk_cu_id == "",
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-floppy-disk" }),
+                  _vm._v(" Simpan"),
+                ]
+              ),
         ]),
         _vm._v(" "),
         _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formSimpanan.produk_cu_id == "",
-              },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
+          _vm.formStateProdukCu.length === 0
+            ? _c(
+                "button",
+                {
+                  staticClass: "btn btn-primary btn-block pb-2",
+                  attrs: {
+                    type: "button",
+                    disabled: !_vm.currentUser.can["create_produk_cu"],
+                  },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.tambahProduk.apply(null, arguments)
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-plus22" }),
+                  _vm._v(" Tambah Produk & Pelayanan"),
+                ]
+              )
+            : _c(
+                "button",
+                {
+                  staticClass: "btn btn-primary btn-block pb-2",
+                  attrs: {
+                    type: "submit",
+                    disabled: _vm.formProduk.produk_cu_id == "",
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-floppy-disk" }),
+                  _vm._v(" Simpan"),
+                ]
+              ),
           _vm._v(" "),
           _c(
             "button",
@@ -3247,7 +2981,7 @@ var staticRenderFns = [
     var _c = _vm._self._c || _h
     return _c("span", { staticClass: "font-weight-semibold" }, [
       _vm._v(
-        "Maaf data jenis simpanan tidak ditemukan, pastikan anda sudah menambahkan data simpanan di menu "
+        "Maaf data jenis produk tidak ditemukan, pastikan anda sudah menambahkan data produk di menu "
       ),
       _c("u", [_vm._v("Tambah Produk & Pelayanan")]),
     ])
@@ -3256,11 +2990,48 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "font-weight-semibold" }, [
-      _vm._v(
-        "Apabila jenis simpanan yang ingin anda pilih tidak ada, pastikan anda sudah menambahkan data simpanan di menu "
-      ),
-      _c("u", [_vm._v("Tambah Produk & Pelayanan")]),
+    return _c("small", { staticClass: "text-muted" }, [
+      _c("i", [_vm._v("Diisi dengan tanggal pembuatan rekening")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("h5", [
+      _vm._v("\n\t\t\t\t\tTanggal Target:\n\t\t\t\t\t"),
+      _c("br"),
+      _c("small", { staticClass: "text-muted" }, [
+        _c("i", [
+          _vm._v(
+            "Untuk simpanan rencana khusus (mis: kendaraan, perumahan) dan diisi dengan tanggal kapan rencana tersebut akan tercapai"
+          ),
+        ]),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("small", { staticClass: "text-muted" }, [
+      _c("i", [
+        _vm._v(
+          "Lama Pinjaman yang diberikan oleh CU kepada anggota sesuai perjanjian"
+        ),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("small", { staticClass: "text-muted" }, [
+      _c("i", [
+        _vm._v(
+          "Sisa waktu (bulan) pinjaman yang masih dimiliki oleh anggota CU"
+        ),
+      ]),
     ])
   },
 ]
@@ -3270,10 +3041,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/cariData.vue?vue&type=template&id=3a0f4cb8&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saldo/cariData.vue?vue&type=template&id=3a0f4cb8& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=template&id=666ecfd3&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=template&id=666ecfd3& ***!
+  \****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -3285,265 +3056,715 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "card card-body" }, [
-    _c("div", { staticClass: "row" }, [
-      _c("div", { staticClass: "col-lg-12 pb-2" }, [
-        this.currentUser.id_cu === 0
-          ? _c("div", { staticClass: "input-group" }, [
-              _vm._m(0),
-              _vm._v(" "),
-              _c(
-                "select",
-                {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.idCu,
-                      expression: "idCu",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "idCu",
-                    "data-width": "100%",
-                    disabled: _vm.modelCuStat === "loading",
-                  },
-                  on: {
-                    change: function ($event) {
-                      var $$selectedVal = Array.prototype.filter
-                        .call($event.target.options, function (o) {
-                          return o.selected
-                        })
-                        .map(function (o) {
-                          var val = "_value" in o ? o._value : o.value
-                          return val
-                        })
-                      _vm.idCu = $event.target.multiple
-                        ? $$selectedVal
-                        : $$selectedVal[0]
-                    },
-                  },
-                },
-                [
-                  _c("option", { attrs: { disabled: "", value: "0" } }, [
-                    _vm._v("Silahkan pilih CU"),
-                  ]),
-                  _vm._v(" "),
-                  _vm._t("default"),
-                  _vm._v(" "),
-                  _c("option", { attrs: { disabled: "", value: "" } }, [
-                    _vm._v("----------------"),
-                  ]),
-                  _vm._v(" "),
-                  _vm._l(_vm.modelCu, function (cu) {
-                    return cu
-                      ? _c("option", { domProps: { value: cu.id } }, [
-                          _vm._v(_vm._s(cu.name)),
-                        ])
-                      : _vm._e()
-                  }),
-                ],
-                2
-              ),
-              _vm._v(" "),
-              _c("div", { staticClass: "input-group-append" }, [
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light",
-                    attrs: { disabled: _vm.modelCuStat === "loading" },
-                    on: { click: _vm.fetchCU },
-                  },
-                  [
-                    _c("i", {
-                      staticClass: "icon-sync",
-                      class: { spinner: _vm.modelCuStat === "loading" },
-                    }),
-                  ]
-                ),
-              ]),
-            ])
+  return _c("div", [
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formProduk", autocomplete: "off" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _vm.message.show
+          ? _c("message", {
+              attrs: {
+                title: "Oops terjadi kesalahan",
+                errorData: _vm.message.content,
+                showDebug: false,
+              },
+              on: { close: _vm.messageClose },
+            })
           : _vm._e(),
-      ]),
-      _vm._v(" "),
-      _vm.idCu != 0
-        ? _c("div", { staticClass: "col-lg-3 pb-2" }, [
-            _c("div", { staticClass: "input-group" }, [
-              _vm._m(1),
-              _vm._v(" "),
-              _c(
-                "select",
-                {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.jenis,
-                      expression: "jenis",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: { name: "jenis", "data-width": "100%" },
-                  on: {
-                    change: [
-                      function ($event) {
-                        var $$selectedVal = Array.prototype.filter
-                          .call($event.target.options, function (o) {
-                            return o.selected
-                          })
-                          .map(function (o) {
-                            var val = "_value" in o ? o._value : o.value
-                            return val
-                          })
-                        _vm.jenis = $event.target.multiple
-                          ? $$selectedVal
-                          : $$selectedVal[0]
-                      },
-                      function ($event) {
-                        return _vm.changeJenis($event.target.value)
-                      },
+        _vm._v(" "),
+        _c("div", { staticClass: "card card-body text-center" }, [
+          _c(
+            "ul",
+            {
+              staticClass:
+                "list-inline list-inline-consensed mb-0 font-size-lg",
+            },
+            [
+              _c("li", { staticClass: "list-inline-item" }, [
+                _c("b", [_vm._v("Nama Produk:")]),
+                _vm._v(
+                  " " +
+                    _vm._s(
+                      _vm.selected.produk_cu ? _vm.selected.produk_cu.name : "-"
+                    )
+                ),
+              ]),
+              _vm._v(" "),
+              _c("li", { staticClass: "list-inline-item" }, [
+                _c("b", [_vm._v("No. Rek:")]),
+                _vm._v(" " + _vm._s(_vm.selected.no_rek)),
+              ]),
+              _vm._v(" "),
+              _vm.tipeProduk == "pinjaman"
+                ? _c("li", { staticClass: "list-inline-item" }, [
+                    _c("b", [_vm._v("Lama Sisa Pinjaman:")]),
+                    _vm._v(" " + _vm._s(_vm.selected.lama_sisa_pinjaman)),
+                  ])
+                : _vm._e(),
+            ]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "row" }, [
+          _c("div", { staticClass: "col-sm-6" }, [
+            _c("div", { staticClass: "card card-body" }, [
+              _c("div", { staticClass: "media" }, [
+                _c("div", { staticClass: "media-body" }, [
+                  _c(
+                    "h3",
+                    { staticClass: "mb-0" },
+                    [
+                      _c("check-value", {
+                        attrs: {
+                          value: _vm.selected.saldo,
+                          valueType: "currency",
+                        },
+                      }),
                     ],
-                  },
-                },
-                [
-                  _c("option", { attrs: { disabled: "", value: "" } }, [
-                    _vm._v("Silahkan pilih jenis pencarian"),
-                  ]),
-                  _vm._v(" "),
-                  _c("option", { attrs: { value: "BA" } }, [_vm._v("No. BA")]),
+                    1
+                  ),
                   _vm._v(" "),
-                  _c("option", { attrs: { value: "KTP" } }, [
-                    _vm._v("No. KTP / NIK"),
+                  _c("span", { staticClass: "text-uppercase font-size-xs" }, [
+                    _vm._v("Saldo Awal"),
                   ]),
-                ]
-              ),
+                ]),
+              ]),
             ]),
-          ])
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.idCu != 0
-        ? _c("div", { staticClass: "col-lg-9 pb-2" }, [
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-sm-6" }, [
             _c(
               "div",
-              { staticClass: "input-group" },
+              {
+                staticClass: "card card-body",
+                class: { "bg-danger-400": _vm.saldoAkhir < 0 },
+              },
               [
-                _vm._m(2),
-                _vm._v(" "),
-                _c("cleave", {
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "pencarian",
-                    options: _vm.cleaveOption.number16,
-                    placeholder: _vm.placeholder,
-                    disabled: _vm.isNew,
-                  },
-                  model: {
-                    value: _vm.pencarian,
-                    callback: function ($$v) {
-                      _vm.pencarian = $$v
-                    },
-                    expression: "pencarian",
-                  },
-                }),
-                _vm._v(" "),
-                _vm.isDigit
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _vm._v(
-                        "\n            Maaf, No. KTP anda tidak valid, wajib 16 digit.\n          "
-                      ),
-                    ])
-                  : _vm._e(),
-              ],
-              1
+                _c("div", { staticClass: "media" }, [
+                  _c("div", { staticClass: "media-body" }, [
+                    _c(
+                      "h3",
+                      { staticClass: "mb-0" },
+                      [
+                        _c("check-value", {
+                          attrs: {
+                            value: _vm.saldoAkhir,
+                            valueType: "currency",
+                          },
+                        }),
+                      ],
+                      1
+                    ),
+                    _vm._v(" "),
+                    _c("span", { staticClass: "text-uppercase font-size-xs" }, [
+                      _vm._v("Saldo Akhir"),
+                    ]),
+                  ]),
+                ]),
+              ]
             ),
-          ])
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.idCu != 0
-        ? _c("div", { staticClass: "col-12 d-none d-md-block" }, [
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "card card-body" }, [
+          _c("div", { staticClass: "row" }, [
+            _vm.tipeProduk != "pinjaman"
+              ? _c("div", { staticClass: "col-md-12" }, [
+                  _c("div", { staticClass: "form-group" }, [
+                    _c("h5", [_vm._v("Tipe Transaksi:")]),
+                    _vm._v(" "),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.tipeTransaksi,
+                            expression: "tipeTransaksi",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: { name: "status", "data-width": "100%" },
+                        on: {
+                          change: function ($event) {
+                            var $$selectedVal = Array.prototype.filter
+                              .call($event.target.options, function (o) {
+                                return o.selected
+                              })
+                              .map(function (o) {
+                                var val = "_value" in o ? o._value : o.value
+                                return val
+                              })
+                            _vm.tipeTransaksi = $event.target.multiple
+                              ? $$selectedVal
+                              : $$selectedVal[0]
+                          },
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "" } }, [
+                          _vm._v("Silahkan pilih tipe transaksi"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "setor" } }, [
+                          _vm._v("Setor"),
+                        ]),
+                        _vm._v(" "),
+                        _c("option", { attrs: { value: "tarik" } }, [
+                          _vm._v("Tarik"),
+                        ]),
+                      ]
+                    ),
+                  ]),
+                ])
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.tipeProduk == "pinjaman"
+              ? _c("div", { staticClass: "col-md-12" }, [
+                  _c(
+                    "div",
+                    { staticClass: "form-group" },
+                    [
+                      _c("h5", [_vm._v("Lama Sisa Pinjaman (Bulan):")]),
+                      _vm._v(" "),
+                      _c("cleave", {
+                        directives: [
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required",
+                            expression: "'required'",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          name: "lama_sisa_pinjaman",
+                          options: _vm.cleaveOption.number4,
+                          placeholder: "Silahkan masukkan lama sisa pinjaman",
+                          "data-vv-as": "Lama sisa pinjaman",
+                        },
+                        model: {
+                          value: _vm.formProduk.lama_sisa_pinjaman,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.formProduk, "lama_sisa_pinjaman", $$v)
+                          },
+                          expression: "formProduk.lama_sisa_pinjaman",
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                ])
+              : _vm._e(),
+            _vm._v(" "),
+            _c("div", { staticClass: "col-md-12" }, [
+              _c(
+                "div",
+                { staticClass: "form-group" },
+                [
+                  _c("h5", [_vm._v("Nilai Transaksi:")]),
+                  _vm._v(" "),
+                  _c("cleave", {
+                    directives: [
+                      {
+                        name: "validate",
+                        rawName: "v-validate",
+                        value: "required",
+                        expression: "'required'",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      name: "saldo",
+                      options: _vm.cleaveOption.numeric,
+                      placeholder: "Silahkan masukkan jumlah saldo",
+                      "data-vv-as": "Saldo",
+                    },
+                    model: {
+                      value: _vm.formProduk.transaksi,
+                      callback: function ($$v) {
+                        _vm.$set(_vm.formProduk, "transaksi", $$v)
+                      },
+                      expression: "formProduk.transaksi",
+                    },
+                  }),
+                ],
+                1
+              ),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c("hr"),
+          _vm._v(" "),
+          _c("div", { staticClass: "text-center d-none d-md-block" }, [
             _c(
               "button",
               {
-                staticClass: "btn btn-primary",
-                attrs: { disabled: _vm.pencarian == "" },
+                staticClass: "btn btn-light",
+                attrs: { type: "button" },
                 on: {
                   click: function ($event) {
                     $event.preventDefault()
-                    return _vm.cariData.apply(null, arguments)
+                    return _vm.tutup.apply(null, arguments)
                   },
                 },
               },
-              [_c("i", { staticClass: "icon-search4" }), _vm._v(" Cari")]
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
             ),
             _vm._v(" "),
-            _vm.itemDataStat != ""
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-warning",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.resetData.apply(null, arguments)
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-reset" }),
-                    _vm._v(" Reset pencarian"),
-                  ]
-                )
-              : _vm._e(),
-          ])
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.idCu != 0
-        ? _c("div", { staticClass: "col-12 pb-2 d-block d-md-none" }, [
+            _vm._m(0),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "d-block d-md-none" }, [
+            _vm._m(1),
+            _vm._v(" "),
             _c(
               "button",
               {
-                staticClass: "btn btn-primary btn-block mb-1",
-                attrs: { disabled: _vm.pencarian == "" },
+                staticClass: "btn btn-light btn-block pb-2",
+                attrs: { type: "button" },
                 on: {
                   click: function ($event) {
                     $event.preventDefault()
-                    return _vm.cariData.apply(null, arguments)
+                    return _vm.tutup.apply(null, arguments)
                   },
                 },
               },
-              [_c("i", { staticClass: "icon-search4" }), _vm._v(" Cari")]
+              [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
             ),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c(
+          "div",
+          { staticClass: "card mb-0" },
+          [
+            _vm._m(2),
             _vm._v(" "),
-            _vm.itemDataStat != ""
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-warning btn-block",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.resetData.apply(null, arguments)
-                      },
-                    },
+            _c("data-table", {
+              attrs: {
+                items: _vm.itemDataSaldo.data,
+                columnData: _vm.columnDataSaldo,
+                itemDataStat: _vm.itemDataSaldoStat,
+              },
+              scopedSlots: _vm._u([
+                {
+                  key: "item-desktop",
+                  fn: function (props) {
+                    return [
+                      props.item
+                        ? _c(
+                            "tr",
+                            {
+                              staticClass: "text-nowrap",
+                              class: {
+                                "bg-info":
+                                  _vm.selectedItem.id === props.item.id,
+                              },
+                              on: {
+                                click: function ($event) {
+                                  return _vm.selectedRow(props.item)
+                                },
+                              },
+                            },
+                            [
+                              _c("td", [_vm._v(_vm._s(props.index + 1))]),
+                              _vm._v(" "),
+                              _c(
+                                "td",
+                                [
+                                  _c("check-value", {
+                                    attrs: {
+                                      value: props.item.saldo,
+                                      valueType: "currency",
+                                    },
+                                  }),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _vm.tipeProduk == "pinjaman"
+                                ? _c(
+                                    "td",
+                                    [
+                                      _c("check-value", {
+                                        attrs: {
+                                          value: props.item.lama_sisa_pinjaman,
+                                        },
+                                      }),
+                                    ],
+                                    1
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _c("td", [
+                                props.item.tanggal
+                                  ? _c("span", {
+                                      domProps: {
+                                        innerHTML: _vm._s(
+                                          _vm.$options.filters.dateTime(
+                                            props.item.created_at
+                                          )
+                                        ),
+                                      },
+                                    })
+                                  : _c("span", [_vm._v("-")]),
+                              ]),
+                            ]
+                          )
+                        : _vm._e(),
+                    ]
                   },
-                  [
-                    _c("i", { staticClass: "icon-reset" }),
-                    _vm._v(" Reset pencarian"),
-                  ]
-                )
-              : _vm._e(),
-          ])
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.itemDataStat == "loading"
-        ? _c("div", { staticClass: "col-12" }, [
-            _c("hr"),
+                },
+              ]),
+            }),
             _vm._v(" "),
-            _vm._m(3),
-          ])
-        : _vm._e(),
-    ]),
+            _c("div", { staticClass: "card-footer" }, [
+              _vm.itemDataSaldoStat != ""
+                ? _c("div", { staticClass: "row pre-scrollable" }, [
+                    _c("div", { staticClass: "col-md-4 pt-2" }, [
+                      _vm.itemDataSaldoStat === "success"
+                        ? _c("div", { staticClass: "d-none d-sm-block" }, [
+                            _vm._v(
+                              "Menampilkan " +
+                                _vm._s(_vm.itemDataSaldo.from) +
+                                " -\n\t\t\t\t\t\t\t" +
+                                _vm._s(_vm.itemDataSaldo.to) +
+                                " entri dari " +
+                                _vm._s(_vm.itemDataSaldo.total) +
+                                " entri\n\t\t\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _vm.itemDataSaldoStat === "success"
+                        ? _c(
+                            "div",
+                            { staticClass: "d-block d-sm-none text-center" },
+                            [
+                              _vm._v(
+                                "Menampilkan " +
+                                  _vm._s(_vm.itemDataSaldo.from) +
+                                  " -\n\t\t\t\t\t\t\t" +
+                                  _vm._s(_vm.itemDataSaldo.to) +
+                                  " entri dari " +
+                                  _vm._s(_vm.itemDataSaldo.total) +
+                                  " entri\n\t\t\t\t\t\t"
+                              ),
+                            ]
+                          )
+                        : _c("div", [
+                            _vm._v("Menampilkan\n\t\t\t\t\t\t\t"),
+                            _c("i", { staticClass: "icon-spinner2 spinner" }),
+                            _vm._v(" -\n\t\t\t\t\t\t\t"),
+                            _c("i", { staticClass: "icon-spinner2 spinner" }),
+                            _vm._v(" entri dari\n\t\t\t\t\t\t\t"),
+                            _c("i", { staticClass: "icon-spinner2 spinner" }),
+                            _vm._v(" entri\n\t\t\t\t\t\t"),
+                          ]),
+                    ]),
+                    _vm._v(" "),
+                    _c(
+                      "div",
+                      {
+                        staticClass:
+                          "col-md-8 pt-2 text-right d-none d-sm-block",
+                      },
+                      [
+                        _vm.itemDataSaldoStat === "success"
+                          ? _c(
+                              "div",
+                              { staticClass: "btn-group" },
+                              [
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass: "btn btn-light",
+                                    class: {
+                                      disabled:
+                                        !_vm.itemDataSaldo.prev_page_url,
+                                    },
+                                    attrs: { type: "button", href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.goToPageSaldo(1)
+                                      },
+                                    },
+                                  },
+                                  [_c("i", { staticClass: "icon-backward2" })]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass: "btn btn-light",
+                                    class: {
+                                      disabled:
+                                        !_vm.itemDataSaldo.prev_page_url,
+                                    },
+                                    attrs: { type: "button", href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.prevPageSaldo.apply(
+                                          null,
+                                          arguments
+                                        )
+                                      },
+                                    },
+                                  },
+                                  [_c("i", { staticClass: "icon-arrow-left5" })]
+                                ),
+                                _vm._v(" "),
+                                _vm._l(_vm.pagesSaldo, function (n, index) {
+                                  return _c(
+                                    "button",
+                                    {
+                                      key: index,
+                                      staticClass: "btn",
+                                      class: {
+                                        "btn-primary": _vm.querySaldo.page == n,
+                                        "btn-light": _vm.querySaldo.page != n,
+                                      },
+                                      attrs: { type: "button", href: "#" },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.goToPageSaldo(n)
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _vm._v(
+                                        "\n\t\t\t\t\t\t\t\t" +
+                                          _vm._s(n) +
+                                          "\n\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                }),
+                                _vm._v(" "),
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass: "btn btn-light",
+                                    class: {
+                                      disabled:
+                                        !_vm.itemDataSaldo.next_page_url,
+                                    },
+                                    attrs: { type: "button", href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.nextPageSaldo.apply(
+                                          null,
+                                          arguments
+                                        )
+                                      },
+                                    },
+                                  },
+                                  [
+                                    _c("i", {
+                                      staticClass: "icon-arrow-right5",
+                                    }),
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "button",
+                                  {
+                                    staticClass: "btn btn-light",
+                                    class: {
+                                      disabled:
+                                        !_vm.itemDataSaldo.next_page_url,
+                                    },
+                                    attrs: { type: "button", href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.goToPageSaldo(
+                                          _vm.itemDataSaldo.last_page
+                                        )
+                                      },
+                                    },
+                                  },
+                                  [_c("i", { staticClass: "icon-forward3" })]
+                                ),
+                              ],
+                              2
+                            )
+                          : _c("div", { staticClass: "btn-group" }, [
+                              _vm._m(3),
+                              _vm._v(" "),
+                              _vm._m(4),
+                              _vm._v(" "),
+                              _vm._m(5),
+                              _vm._v(" "),
+                              _vm._m(6),
+                              _vm._v(" "),
+                              _vm._m(7),
+                            ]),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "div",
+                      {
+                        staticClass:
+                          "col-md-12 pt-2 text-center d-block d-sm-none",
+                      },
+                      [
+                        _vm.itemDataSaldoStat === "success"
+                          ? _c(
+                              "div",
+                              { staticClass: "btn-group" },
+                              _vm._l(_vm.pagesSaldo, function (n, index) {
+                                return _c(
+                                  "button",
+                                  {
+                                    key: index,
+                                    staticClass: "btn",
+                                    class: {
+                                      "btn-primary": _vm.querySaldo.page == n,
+                                      "btn-light": _vm.querySaldo.page != n,
+                                    },
+                                    attrs: { type: "button", href: "#" },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.preventDefault()
+                                        return _vm.goToPageSaldo(n)
+                                      },
+                                    },
+                                  },
+                                  [
+                                    _vm._v(
+                                      "\n\t\t\t\t\t\t\t\t" +
+                                        _vm._s(n) +
+                                        "\n\t\t\t\t\t\t"
+                                    ),
+                                  ]
+                                )
+                              }),
+                              0
+                            )
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _c("br"),
+                        _vm._v(" "),
+                        _vm.itemDataSaldoStat === "success"
+                          ? _c("div", { staticClass: "btn-group pt-2" }, [
+                              _c(
+                                "button",
+                                {
+                                  staticClass: "btn btn-light",
+                                  class: {
+                                    disabled: !_vm.itemDataSaldo.prev_page_url,
+                                  },
+                                  attrs: { type: "button", href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.goToPageSaldo(1)
+                                    },
+                                  },
+                                },
+                                [_c("i", { staticClass: "icon-backward2" })]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "button",
+                                {
+                                  staticClass: "btn btn-light",
+                                  class: {
+                                    disabled: !_vm.itemDataSaldo.prev_page_url,
+                                  },
+                                  attrs: { type: "button", href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.prevPageSaldo.apply(
+                                        null,
+                                        arguments
+                                      )
+                                    },
+                                  },
+                                },
+                                [_c("i", { staticClass: "icon-arrow-left5" })]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "button",
+                                {
+                                  staticClass: "btn btn-light",
+                                  class: {
+                                    disabled: !_vm.itemDataSaldo.next_page_url,
+                                  },
+                                  attrs: { type: "button", href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.nextPageSaldo.apply(
+                                        null,
+                                        arguments
+                                      )
+                                    },
+                                  },
+                                },
+                                [_c("i", { staticClass: "icon-arrow-right5" })]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "button",
+                                {
+                                  staticClass: "btn btn-light",
+                                  class: {
+                                    disabled: !_vm.itemDataSaldo.next_page_url,
+                                  },
+                                  attrs: { type: "button", href: "#" },
+                                  on: {
+                                    click: function ($event) {
+                                      $event.preventDefault()
+                                      return _vm.goToPageSaldo(
+                                        _vm.itemDataSaldo.last_page
+                                      )
+                                    },
+                                  },
+                                },
+                                [_c("i", { staticClass: "icon-forward3" })]
+                              ),
+                            ])
+                          : _c("div", { staticClass: "btn-group" }, [
+                              _vm._m(8),
+                              _vm._v(" "),
+                              _vm._m(9),
+                              _vm._v(" "),
+                              _vm._m(10),
+                              _vm._v(" "),
+                              _vm._m(11),
+                              _vm._v(" "),
+                              _vm._m(12),
+                            ]),
+                      ]
+                    ),
+                  ])
+                : _vm._e(),
+            ]),
+          ],
+          1
+        ),
+      ],
+      1
+    ),
   ])
 }
 var staticRenderFns = [
@@ -3551,45 +3772,132 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih CU")]),
+    return _c(
+      "button",
+      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      {
+        staticClass: "btn btn-primary btn-block pb-2",
+        attrs: { type: "submit" },
+      },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Mutasi Transaksi")]),
     ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [
-        _vm._v("Pilih Jenis Pencarian"),
-      ]),
-    ])
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-backward2" })]
+    )
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [
-        _vm._v("Masukkan pencarian"),
-      ]),
-    ])
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-arrow-left5" })]
+    )
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-spinner2 spinner" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-arrow-right5" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-forward3" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-backward2" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-arrow-left5" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-spinner2 spinner" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-arrow-right5" })]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-light disabled", attrs: { href: "#" } },
+      [_c("i", { staticClass: "icon-forward3" })]
+    )
   },
 ]
 render._withStripped = true
@@ -3598,10 +3906,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/index.vue?vue&type=template&id=5dc1066e&":
-/*!****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saldo/index.vue?vue&type=template&id=5dc1066e& ***!
-  \****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/produk.vue?vue&type=template&id=0fe0e9a4&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/produk.vue?vue&type=template&id=0fe0e9a4& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -3616,13 +3924,71 @@ var render = function () {
   return _c(
     "div",
     [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
+      _c(
+        "page-header",
+        {
+          attrs: {
+            title: _vm.title,
+            titleDesc: _vm.titleDesc,
+            titleIcon: _vm.titleIcon,
+            level: 3,
+          },
         },
-      }),
+        [
+          _c(
+            "template",
+            { slot: "breadcrumb" },
+            [
+              _c(
+                "router-link",
+                {
+                  staticClass: "breadcrumb-item",
+                  attrs: { to: { name: "dashboard" } },
+                },
+                [_c("i", { staticClass: "icon-home4" }), _vm._v(" Dashboard ")]
+              ),
+              _vm._v(" "),
+              _c(
+                "a",
+                {
+                  staticClass: "breadcrumb-item",
+                  attrs: { href: "#" },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.back()
+                    },
+                  },
+                },
+                [_vm._v("Anggota CU ")]
+              ),
+              _vm._v(" "),
+              _vm.$route.meta.mode == "create"
+                ? _c(
+                    "a",
+                    {
+                      staticClass: "breadcrumb-item",
+                      attrs: { href: "#" },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.kembali()
+                        },
+                      },
+                    },
+                    [_vm._v("Tambah Anggota CU")]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _c("span", { staticClass: "breadcrumb-item active" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
       _vm._v(" "),
       _c("div", { staticClass: "page-content pt-0" }, [
         _c("div", { staticClass: "content-wrapper" }, [
@@ -3630,269 +3996,387 @@ var render = function () {
             "div",
             { staticClass: "content" },
             [
-              _vm.errors.any("form") && _vm.submited
+              _vm.itemDataStat === "fail"
                 ? _c("message", {
                     attrs: {
-                      title: "Oops, terjadi kesalahan",
-                      errorItem: _vm.errors.items,
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
                     },
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _c("cari-data", {
-                attrs: { itemDataStat: _vm.itemDataStat, isBack: false },
-                on: {
-                  cariDataKTP: _vm.cariDataKTP,
-                  cariDataBA: _vm.cariDataBA,
-                  resetData: _vm.resetData,
-                },
-              }),
-              _vm._v(" "),
-              _vm.itemDataStat == "fail"
-                ? _c(
-                    "div",
-                    {
-                      staticClass:
-                        "alert bg-danger text-white alert-styled-left ",
-                    },
-                    [
-                      _c("span", { staticClass: "font-weight-semibold" }, [
-                        _vm._v("Anggota tidak terdaftar di SIMO\n\t\t\t\t\t"),
-                      ]),
-                    ]
-                  )
-                : _vm._e(),
+              _c("div", { staticClass: "card" }, [
+                _vm._m(0),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  { staticClass: "card-body" },
+                  [_c("identitas", { attrs: { itemData: _vm.form } })],
+                  1
+                ),
+              ]),
               _vm._v(" "),
-              _vm.itemDataStat == "success"
-                ? _c("div", [
-                    _vm.itemData.status_jalinan == "MENINGGAL"
-                      ? _c(
-                          "div",
+              _c("div", { staticClass: "card" }, [
+                _vm._m(1),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  { staticClass: "card-body" },
+                  _vm._l(_vm.form.anggota_cu_cu, function (item, index) {
+                    return _c(
+                      "div",
+                      { key: index, staticClass: "card card-body text-center" },
+                      [
+                        _c(
+                          "ul",
                           {
                             staticClass:
-                              "alert bg-danger text-white alert-styled-left",
+                              "list-inline list-inline-consensed mb-0 font-size-lg",
                           },
                           [
-                            _c(
-                              "span",
-                              { staticClass: "font-weight-semibold" },
-                              [
-                                _vm._v("Anggota ini sudah dinyatakan "),
-                                _c("b", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.statusJalinan(
-                                        _vm.itemData.status_jalinan
+                            _c("li", { staticClass: "list-inline-item" }, [
+                              _c("b", [_vm._v("CU:")]),
+                              _vm._v(
+                                " " + _vm._s(item.cu ? item.cu.name : "-")
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "list-inline-item" }, [
+                              _c("b", [_vm._v("TP:")]),
+                              _vm._v(
+                                " " + _vm._s(item.tp ? item.tp.name : "-")
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "list-inline-item" }, [
+                              _c("b", [_vm._v("No. BA:")]),
+                              _vm._v(" " + _vm._s(item.no_ba)),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "list-inline-item" }, [
+                              _c("b", [_vm._v("Tgl. Masuk:")]),
+                              _vm._v(
+                                " " +
+                                  _vm._s(
+                                    _vm.$options.filters.date(
+                                      item.tanggal_masuk
+                                    )
+                                  )
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            item.tanggal_keluar
+                              ? _c("li", { staticClass: "list-inline-item" }, [
+                                  _c("b", [_vm._v("Tgl. Keluar:")]),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(
+                                        _vm.$options.filters.date(
+                                          item.tanggal_keluar
+                                        )
                                       )
-                                    ),
-                                  },
-                                }),
-                                _vm._v(
-                                  ", maka tidak bisa dilakukan penambahan, pengubahan dan penghapusan data produk.\n\t\t\t\t\t\t"
-                                ),
-                              ]
-                            ),
+                                  ),
+                                ])
+                              : _vm._e(),
                           ]
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card" }, [
-                      _vm._m(0),
-                      _vm._v(" "),
-                      _c(
-                        "div",
-                        { staticClass: "card-body" },
-                        [
-                          _c("identitas", {
-                            attrs: { itemData: _vm.itemData },
-                          }),
-                        ],
-                        1
-                      ),
-                    ]),
-                  ])
-                : _vm._e(),
+                        ),
+                      ]
+                    )
+                  }),
+                  0
+                ),
+              ]),
               _vm._v(" "),
-              _vm.itemDataStat == "success"
-                ? _c(
-                    "ul",
-                    {
-                      staticClass:
-                        "nav nav-tabs nav-tabs-solid nav-justified rounded bg-light",
-                    },
-                    _vm._l(_vm.itemDataCu, function (cu) {
-                      return _c("li", { staticClass: "nav-item" }, [
+              _c(
+                "div",
+                { staticClass: "card" },
+                [
+                  _vm._m(2),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "card-body pb-2" }, [
+                    _c("div", { staticClass: "row" }, [
+                      _c("div", { staticClass: "col-md-12" }, [
                         _c(
-                          "a",
+                          "button",
                           {
-                            staticClass: "nav-link rounded-left",
-                            class: { active: _vm.tabName == cu.cu_id },
-                            attrs: { href: "#" },
+                            staticClass: "btn btn-light mb-1",
                             on: {
                               click: function ($event) {
                                 $event.preventDefault()
-                                return _vm.changeTab(cu)
+                                return _vm.modalOpen("create")
                               },
                             },
                           },
                           [
-                            _c("b", [
-                              _vm._v(_vm._s("Anggota CU " + cu.cu.name)),
-                            ]),
-                            _vm._v(" "),
-                            _c("br"),
-                            _vm._v(
-                              " \n\t\t\t\t\t\t\t" +
-                                _vm._s("No. BA: " + cu.no_ba) +
-                                " "
-                            ),
-                            _c("br"),
-                            _vm._v(" \n\t\t\t\t\t\t\tSejak: "),
-                            cu.tanggal_masuk
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.date(
-                                        _vm.itemData.tanggal_masuk
-                                      )
-                                    ),
+                            _c("i", { staticClass: "icon-plus22" }),
+                            _vm._v(" Tambah\n\t\t\t\t\t\t\t\t"),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalOpen("edit")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-pencil5" }),
+                            _vm._v(" Ubah\n\t\t\t\t\t\t\t\t"),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modalOpen("transaksi")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-file-text" }),
+                            _vm._v(" Transaksi\n\t\t\t\t\t\t\t\t"),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light mb-1",
+                            attrs: { disabled: !_vm.selectedItem.id },
+                            on: {
+                              click: function ($event) {
+                                return _vm.modalOpen("delete")
+                              },
+                            },
+                          },
+                          [
+                            _c("i", { staticClass: "icon-bin2" }),
+                            _vm._v(" Hapus\n\t\t\t\t\t\t\t\t"),
+                          ]
+                        ),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("data-table", {
+                    attrs: {
+                      items: _vm.itemData,
+                      columnData: _vm.columnData,
+                      itemDataStat: _vm.itemDataStat,
+                    },
+                    scopedSlots: _vm._u([
+                      {
+                        key: "item-desktop",
+                        fn: function (props) {
+                          return [
+                            props.item
+                              ? _c(
+                                  "tr",
+                                  {
+                                    staticClass: "text-nowrap",
+                                    class: {
+                                      "bg-info":
+                                        _vm.selectedItem.id === props.item.id,
+                                    },
+                                    on: {
+                                      click: function ($event) {
+                                        return _vm.selectedRow(props.item)
+                                      },
+                                    },
                                   },
-                                })
+                                  [
+                                    _c("td", [_vm._v(_vm._s(props.index + 1))]),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: { value: props.item.no_rek },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c("td", [
+                                      _vm.currentUser.id_cu == 0
+                                        ? _c(
+                                            "span",
+                                            [
+                                              props.item.produk_cu
+                                                ? _c("check-value", {
+                                                    attrs: {
+                                                      value:
+                                                        props.item.produk_cu.cu
+                                                          .name,
+                                                    },
+                                                  })
+                                                : _c("span", [_vm._v("-")]),
+                                            ],
+                                            1
+                                          )
+                                        : _c("span", [
+                                            _vm._v(
+                                              _vm._s(_vm.currentUser.cu.name)
+                                            ),
+                                          ]),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        props.item.produk_cu
+                                          ? _c("check-value", {
+                                              attrs: {
+                                                value:
+                                                  props.item.produk_cu.name,
+                                              },
+                                            })
+                                          : _c("span", [_vm._v("-")]),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        props.item.produk_cu
+                                          ? _c("check-value", {
+                                              attrs: {
+                                                value:
+                                                  props.item.produk_cu.tipe,
+                                              },
+                                            })
+                                          : _c("span", [_vm._v("-")]),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.saldo,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.lama_pinjaman,
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.lama_sisa_pinjaman,
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c("td", [
+                                      props.item.tanggal
+                                        ? _c("span", {
+                                            domProps: {
+                                              innerHTML: _vm._s(
+                                                _vm.$options.filters.date(
+                                                  props.item.tanggal
+                                                )
+                                              ),
+                                            },
+                                          })
+                                        : _c("span", [_vm._v("-")]),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("td", [
+                                      props.item.tanggal_target
+                                        ? _c("span", {
+                                            domProps: {
+                                              innerHTML: _vm._s(
+                                                _vm.$options.filters.date(
+                                                  props.item.tanggal_target
+                                                )
+                                              ),
+                                            },
+                                          })
+                                        : _c("span", [_vm._v("-")]),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: { value: props.item.tujuan },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                  ]
+                                )
                               : _vm._e(),
                           ]
-                        ),
-                      ])
-                    }),
-                    0
-                  )
-                : _vm._e(),
+                        },
+                      },
+                    ]),
+                  }),
+                ],
+                1
+              ),
               _vm._v(" "),
               _c(
-                "transition-group",
-                {
-                  attrs: {
-                    name: "list",
-                    tag: "div",
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                _vm._l(_vm.itemDataCu, function (cu) {
-                  return _c(
-                    "div",
-                    {
-                      directives: [
-                        {
-                          name: "show",
-                          rawName: "v-show",
-                          value: _vm.tabName == cu.cu_id,
-                          expression: "tabName == cu.cu_id",
+                "div",
+                { staticClass: "card card-body" },
+                [
+                  _vm.$route.meta.mode == "create" ||
+                  _vm.$route.meta.mode == "createJalinan"
+                    ? _c("form-button", {
+                        attrs: {
+                          confirmState: "methods",
+                          confirmTitle: "selesai",
+                          cancelState: "methods",
+                          cancelTitle: "kembali",
+                        },
+                        on: {
+                          confirmClick: _vm.back,
+                          cancelClick: _vm.kembali,
                         },
-                      ],
-                      key: cu.cu_id,
-                    },
-                    _vm._l(_vm.itemDataProduk, function (produks, index) {
-                      return index == cu.cu_id
-                        ? _c("div", [
-                            _c(
-                              "div",
-                              {
-                                staticClass:
-                                  "nav-tabs-responsive bg-light border-top",
-                              },
-                              [
-                                _c(
-                                  "ul",
-                                  {
-                                    staticClass:
-                                      "nav nav-tabs nav-tabs-solid bg-light",
-                                  },
-                                  _vm._l(produks, function (produk) {
-                                    return _c(
-                                      "li",
-                                      { staticClass: "nav-item" },
-                                      [
-                                        _c(
-                                          "a",
-                                          {
-                                            staticClass: "nav-link",
-                                            class: {
-                                              active:
-                                                _vm.tabName2 == produk[0].id,
-                                            },
-                                            attrs: { href: "#" },
-                                            on: {
-                                              click: function ($event) {
-                                                $event.preventDefault()
-                                                return _vm.changeTab2(
-                                                  produk[0].id
-                                                )
-                                              },
-                                            },
-                                          },
-                                          [
-                                            _c("b", [
-                                              _vm._v(_vm._s(produk[0].name)),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("br"),
-                                            _vm._v(" "),
-                                            _c("b", [_vm._v("Kode:")]),
-                                            _vm._v(
-                                              " " +
-                                                _vm._s(produk[0].kode_produk) +
-                                                " "
-                                            ),
-                                            _c("br"),
-                                            _vm._v(" "),
-                                            _c("b", [_vm._v("Tipe:")]),
-                                            _vm._v(
-                                              " " + _vm._s(produk[0].tipe) + " "
-                                            ),
-                                            _c("br"),
-                                            _vm._v(" "),
-                                            produk[0].tipe ==
-                                              "Simpanan Pokok" ||
-                                            produk[0].tipe ==
-                                              "Simpanan Wajib" ||
-                                            produk[0].tipe ==
-                                              "Simpanan Non Saham"
-                                              ? _c("b", [_vm._v("No. Rek:")])
-                                              : _c("b", [_vm._v("No. SPP:")]),
-                                            _vm._v(
-                                              " " +
-                                                _vm._s(produk[0].pivot.no_rek) +
-                                                " "
-                                            ),
-                                            _c("br"),
-                                            _vm._v(" "),
-                                            _c("b", [_vm._v("Saldo:")]),
-                                            _vm._v(" "),
-                                            _c("check-value", {
-                                              attrs: {
-                                                value: produk[0].pivot.saldo,
-                                                valueType: "currency",
-                                              },
-                                            }),
-                                            _vm._v(" "),
-                                            _c("br"),
-                                          ],
-                                          1
-                                        ),
-                                      ]
-                                    )
-                                  }),
-                                  0
-                                ),
-                              ]
-                            ),
-                          ])
-                        : _vm._e()
-                    }),
-                    0
-                  )
-                }),
-                0
+                      })
+                    : _c("form-button", {
+                        attrs: {
+                          isSingleButton: true,
+                          cancelState: "methods",
+                          cancelTitle: "kembali",
+                        },
+                        on: { cancelClick: _vm.back },
+                      }),
+                ],
+                1
               ),
             ],
             1
@@ -3912,136 +4396,30 @@ var render = function () {
           },
           on: {
             batal: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
             tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
             successOk: _vm.modalTutup,
             failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick,
+            backgroundClick: _vm.modalTutup,
           },
         },
         [
           _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+            _vm._v("\n\t\t\t " + _vm._s(_vm.modalTitle) + "\n\t\t "),
           ]),
           _vm._v(" "),
           _c(
             "template",
             { slot: "modal-body1" },
             [
-              _c(
-                "ul",
-                {
-                  staticClass:
-                    "nav nav-tabs nav-tabs-solid nav-justified rounded bg-light",
-                },
-                [
-                  _c("li", { staticClass: "nav-item" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "nav-link rounded-left",
-                        class: { active: _vm.tabNameModal == "simpanan" },
-                        attrs: { href: "#" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.changeTabModal("simpanan")
-                          },
-                        },
-                      },
-                      [_vm._v("\n\t\t\t\t\t\tSimpanan\n\t\t\t\t\t")]
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c("li", { staticClass: "nav-item" }, [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "nav-link rounded-left",
-                        class: { active: _vm.tabNameModal == "pinjaman" },
-                        attrs: { href: "#" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.changeTabModal("pinjaman")
-                          },
-                        },
-                      },
-                      [_vm._v("\n\t\t\t\t\t\tPinjaman\n\t\t\t\t\t")]
-                    ),
-                  ]),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _c(
-                    "div",
-                    {
-                      directives: [
-                        {
-                          name: "show",
-                          rawName: "v-show",
-                          value: _vm.tabNameModal == "simpanan",
-                          expression: "tabNameModal == 'simpanan'",
-                        },
-                      ],
-                    },
-                    [
-                      _c("form-simpanan", {
-                        attrs: { mode: "create" },
-                        on: {
-                          createSimpanan: _vm.createProduk,
-                          tutup: _vm.modalTutup,
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
+              _c("form-produk", {
+                attrs: {
+                  formState: _vm.formState,
+                  selected: _vm.formModel,
+                  anggota_cu: _vm.form,
                 },
-                [
-                  _c(
-                    "div",
-                    {
-                      directives: [
-                        {
-                          name: "show",
-                          rawName: "v-show",
-                          value: _vm.tabNameModal == "pinjaman",
-                          expression: "tabNameModal == 'pinjaman'",
-                        },
-                      ],
-                    },
-                    [
-                      _c("form-pinjaman", {
-                        attrs: { mode: "create" },
-                        on: {
-                          createPinjaman: _vm.createProduk,
-                          tutup: _vm.modalTutup,
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                ]
-              ),
+                on: { tutup: _vm.modalTutup, tambahProduk: _vm.tambahProduk },
+              }),
             ],
             1
           ),
@@ -4050,25 +4428,10 @@ var render = function () {
             "template",
             { slot: "modal-body2" },
             [
-              _vm.tipeProduk == "simpanan"
-                ? _c("form-simpanan", {
-                    attrs: {
-                      mode: "edit",
-                      selected: _vm.itemDataProdukSelected[0],
-                    },
-                    on: { editSimpanan: _vm.editProduk, tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.tipeProduk == "pinjaman"
-                ? _c("form-pinjaman", {
-                    attrs: {
-                      mode: "edit",
-                      selected: _vm.itemDataProdukSelected[0],
-                    },
-                    on: { editPinjaman: _vm.editProduk, tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
+              _c("form-transaksi", {
+                attrs: { selected: _vm.formModel },
+                on: { tutup: _vm.modalTutup },
+              }),
             ],
             1
           ),
@@ -4088,11 +4451,96 @@ var staticRenderFns = [
       _c("h5", { staticClass: "card-title" }, [_vm._v("Identitas")]),
     ])
   },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Ke Anggotaan Di CU")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Produk")]),
+    ])
+  },
 ]
 render._withStripped = true
 
 
 
+/***/ }),
+
+/***/ "./resources/assets/js/components/ImageUpload.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue ***!
+  \********************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/components/ImageUpload.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \***************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
 /***/ }),
 
 /***/ "./resources/assets/js/components/checkValue.vue":
@@ -4164,17 +4612,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/countWidget.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/components/countWidget.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./countWidget.vue?vue&type=template&id=b9608b28& */ "./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&");
-/* harmony import */ var _countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./countWidget.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4184,9 +4632,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4196,38 +4644,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/countWidget.vue"
+component.options.__file = "resources/assets/js/components/formInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./countWidget.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./countWidget.vue?vue&type=template&id=b9608b28& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
@@ -4353,86 +4801,17 @@ function objectToFormData(obj, form, namespace) {
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formPinjaman.vue":
-/*!**************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formPinjaman.vue ***!
-  \**************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formPinjaman_vue_vue_type_template_id_2d3f9ef3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPinjaman.vue?vue&type=template&id=2d3f9ef3& */ "./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=template&id=2d3f9ef3&");
-/* harmony import */ var _formPinjaman_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPinjaman.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
-
-
-
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formPinjaman_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formPinjaman_vue_vue_type_template_id_2d3f9ef3___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formPinjaman_vue_vue_type_template_id_2d3f9ef3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCu/formPinjaman.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPinjaman_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPinjaman.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPinjaman_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=template&id=2d3f9ef3&":
-/*!*********************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=template&id=2d3f9ef3& ***!
-  \*********************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPinjaman_vue_vue_type_template_id_2d3f9ef3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPinjaman.vue?vue&type=template&id=2d3f9ef3& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=template&id=2d3f9ef3&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPinjaman_vue_vue_type_template_id_2d3f9ef3___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPinjaman_vue_vue_type_template_id_2d3f9ef3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/anggotaCu/formSimpanan.vue":
-/*!**************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formSimpanan.vue ***!
-  \**************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formProduk.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formProduk.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formSimpanan_vue_vue_type_template_id_02e81990___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formSimpanan.vue?vue&type=template&id=02e81990& */ "./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=template&id=02e81990&");
-/* harmony import */ var _formSimpanan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formSimpanan.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formProduk_vue_vue_type_template_id_1e6fb292___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formProduk.vue?vue&type=template&id=1e6fb292& */ "./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=template&id=1e6fb292&");
+/* harmony import */ var _formProduk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formProduk.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4442,9 +4821,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formSimpanan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formSimpanan_vue_vue_type_template_id_02e81990___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formSimpanan_vue_vue_type_template_id_02e81990___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formProduk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formProduk_vue_vue_type_template_id_1e6fb292___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formProduk_vue_vue_type_template_id_1e6fb292___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4454,54 +4833,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCu/formSimpanan.vue"
+component.options.__file = "resources/assets/js/views/anggotaCu/formProduk.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formSimpanan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formSimpanan.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formSimpanan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formProduk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formProduk.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formProduk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=template&id=02e81990&":
-/*!*********************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=template&id=02e81990& ***!
-  \*********************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=template&id=1e6fb292&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=template&id=1e6fb292& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formSimpanan_vue_vue_type_template_id_02e81990___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formSimpanan.vue?vue&type=template&id=02e81990& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=template&id=02e81990&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formSimpanan_vue_vue_type_template_id_02e81990___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formProduk_vue_vue_type_template_id_1e6fb292___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formProduk.vue?vue&type=template&id=1e6fb292& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formProduk.vue?vue&type=template&id=1e6fb292&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formProduk_vue_vue_type_template_id_1e6fb292___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formSimpanan_vue_vue_type_template_id_02e81990___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formProduk_vue_vue_type_template_id_1e6fb292___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/saldo/cariData.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/saldo/cariData.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formTransaksi.vue":
+/*!***************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formTransaksi.vue ***!
+  \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _cariData_vue_vue_type_template_id_3a0f4cb8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cariData.vue?vue&type=template&id=3a0f4cb8& */ "./resources/assets/js/views/saldo/cariData.vue?vue&type=template&id=3a0f4cb8&");
-/* harmony import */ var _cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cariData.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/saldo/cariData.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formTransaksi_vue_vue_type_template_id_666ecfd3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formTransaksi.vue?vue&type=template&id=666ecfd3& */ "./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=template&id=666ecfd3&");
+/* harmony import */ var _formTransaksi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formTransaksi.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4511,9 +4890,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _cariData_vue_vue_type_template_id_3a0f4cb8___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _cariData_vue_vue_type_template_id_3a0f4cb8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formTransaksi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formTransaksi_vue_vue_type_template_id_666ecfd3___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formTransaksi_vue_vue_type_template_id_666ecfd3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4523,54 +4902,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/saldo/cariData.vue"
+component.options.__file = "resources/assets/js/views/anggotaCu/formTransaksi.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/saldo/cariData.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/saldo/cariData.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./cariData.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/cariData.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTransaksi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTransaksi.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTransaksi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/saldo/cariData.vue?vue&type=template&id=3a0f4cb8&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/saldo/cariData.vue?vue&type=template&id=3a0f4cb8& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=template&id=666ecfd3&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=template&id=666ecfd3& ***!
+  \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_template_id_3a0f4cb8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./cariData.vue?vue&type=template&id=3a0f4cb8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/cariData.vue?vue&type=template&id=3a0f4cb8&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_template_id_3a0f4cb8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTransaksi_vue_vue_type_template_id_666ecfd3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTransaksi.vue?vue&type=template&id=666ecfd3& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formTransaksi.vue?vue&type=template&id=666ecfd3&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTransaksi_vue_vue_type_template_id_666ecfd3___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_template_id_3a0f4cb8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTransaksi_vue_vue_type_template_id_666ecfd3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/saldo/index.vue":
-/*!***************************************************!*\
-  !*** ./resources/assets/js/views/saldo/index.vue ***!
-  \***************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/produk.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/produk.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_5dc1066e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=5dc1066e& */ "./resources/assets/js/views/saldo/index.vue?vue&type=template&id=5dc1066e&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/saldo/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _produk_vue_vue_type_template_id_0fe0e9a4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./produk.vue?vue&type=template&id=0fe0e9a4& */ "./resources/assets/js/views/anggotaCu/produk.vue?vue&type=template&id=0fe0e9a4&");
+/* harmony import */ var _produk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./produk.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/produk.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4580,9 +4959,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_5dc1066e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_5dc1066e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _produk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _produk_vue_vue_type_template_id_0fe0e9a4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _produk_vue_vue_type_template_id_0fe0e9a4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4592,38 +4971,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/saldo/index.vue"
+component.options.__file = "resources/assets/js/views/anggotaCu/produk.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/saldo/index.vue?vue&type=script&lang=js&":
-/*!****************************************************************************!*\
-  !*** ./resources/assets/js/views/saldo/index.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/produk.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/produk.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_produk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./produk.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/produk.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_produk_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/saldo/index.vue?vue&type=template&id=5dc1066e&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/saldo/index.vue?vue&type=template&id=5dc1066e& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/produk.vue?vue&type=template&id=0fe0e9a4&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/produk.vue?vue&type=template&id=0fe0e9a4& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_5dc1066e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=5dc1066e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/index.vue?vue&type=template&id=5dc1066e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_5dc1066e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_produk_vue_vue_type_template_id_0fe0e9a4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./produk.vue?vue&type=template&id=0fe0e9a4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/produk.vue?vue&type=template&id=0fe0e9a4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_produk_vue_vue_type_template_id_0fe0e9a4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_5dc1066e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_produk_vue_vue_type_template_id_0fe0e9a4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/55.js b/public/js/components/55.js
index 63f41487f..46db247fd 100644
--- a/public/js/components/55.js
+++ b/public/js/components/55.js
@@ -89,22 +89,15 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
-//
-//
-//
-//
-//
 //
 //
 //
@@ -122,6 +115,28 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['title', 'icon', 'color', 'count']
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -152,34 +167,6 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['columnData', 'itemDataStat', 'items'],
-  components: {},
-  data: function data() {
-    return {};
-  },
-  methods: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
 //
 //
 //
@@ -188,114 +175,106 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 
-
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['defaultDate'],
-  components: {
-    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
-  },
-  data: function data() {
-    return {
-      time: '',
-      dateVal: ''
-    };
-  },
-  mounted: function mounted() {
-    if (this.defaultDate == '') {
-      var today = new Date();
-      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
-      this.time = date;
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    } else {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-      this.$emit('dateSelected', this.defaultDate);
-    }
-  },
-  watch: {
-    defaultDate: function defaultDate(newVal, oldVal) {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+  props: {
+    title: {
+      "default": ''
+    },
+    titleIcon: {
+      "default": ''
+    },
+    titleDesc: {
+      "default": ''
+    },
+    level: {
+      "default": 1
+    },
+    level2Title: {
+      "default": ''
+    },
+    level2Route: {
+      "default": ''
     }
   },
   methods: {
-    onChanged: function onChanged(event) {
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
+    level2Back: function level2Back() {
+      this.$emit('level2Back');
+    },
+    route1: function route1() {
+      if (this.btn1RouteParams) {
+        this.$router.push({
+          name: this.btn1Route,
+          params: {
+            cu: this.btn1RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn1Route
+        });
+      }
+    },
+    route2: function route2() {
+      if (this.btn2RouteParams) {
+        this.$router.push({
+          name: this.btn2Route,
+          params: {
+            cu: this.btn2RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn2Route
+        });
+      }
+    },
+    route3: function route3() {
+      if (this.btn3RouteParams) {
+        this.$router.push({
+          name: this.btn3Route,
+          params: {
+            cu: this.btn3RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn3Route
+        });
+      }
     }
-  }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _helpers_auth__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../helpers/auth */ "./resources/assets/js/helpers/auth.js");
-/* harmony import */ var _helpers_url_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../helpers/url.js */ "./resources/assets/js/helpers/url.js");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _formRekom_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./formRekom.vue */ "./resources/assets/js/views/monitoring/formRekom.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 //
 //
 //
@@ -503,6 +482,283 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 //
 //
 //
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected'],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      kelas: 'aktivis',
+      formPinjaman: {
+        anggota_id: '',
+        saldo: '',
+        cu: {
+          id: 0,
+          name: ''
+        },
+        produk_cu: {
+          id: 0,
+          name: ''
+        },
+        tanggal: ''
+      },
+      modelProdukCu: [],
+      modelProdukCuStat: '',
+      cleaveOption: {
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number4: {
+          numeral: true,
+          numeralIntegerScale: 4,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        }
+      },
+      message: {
+        show: false,
+        content: ''
+      },
+      submited: false
+    };
+  },
+  created: function created() {
+    this.fetchCU();
+
+    if (this.mode == 'edit') {
+      if (this.modelCUStat == 'success') {
+        this.formPinjaman = this.selected;
+      }
+
+      if (this.currentUser.id_cu == 0) {
+        this.changeCu(this.formPinjaman.cu.id);
+      }
+    }
+
+    if (this.currentUser.id_cu != 0) {
+      this.changeCu(this.currentUser.id_cu);
+    }
+  },
+  watch: {
+    modelCUStat: function modelCUStat(value) {
+      if (value === "success") {
+        if (this.mode == 'edit') {
+          this.formPinjaman = this.selected;
+
+          if (this.currentUser.id_cu == 0) {
+            this.changeCu(this.formPinjaman.cu.id);
+          }
+        }
+
+        if (this.currentUser.id_cu != 0) {
+          this.changeCu(this.currentUser.id_cu);
+        }
+      }
+    }
+  },
+  methods: {
+    changeCu: function changeCu(id) {
+      var cu;
+
+      if (id != 0) {
+        cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelCU, function (o) {
+          return o.id == id;
+        });
+      }
+
+      if (cu) {
+        this.formPinjaman.cu.id = cu.id;
+        this.formPinjaman.cu.name = cu.name;
+      }
+
+      this.fetchProdukCu(id);
+    },
+    changeProdukCu: function changeProdukCu(id) {
+      var produk_cu;
+
+      if (id != 0) {
+        produk_cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelProdukCu, function (o) {
+          return o.id == id;
+        });
+      }
+
+      this.formPinjaman.produk_cu.name = produk_cu.name;
+    },
+    fetchCU: function fetchCU() {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      } else {
+        this.idCu = this.$route.params.cu;
+        this.tingkat = this.$route.params.tingkat;
+      }
+    },
+    fetchProdukCu: function fetchProdukCu(id) {
+      var _this = this;
+
+      _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__["default"].getPinjamanCu(id).then(function (response) {
+        _this.modelProdukCu = response.data.model;
+        _this.modelProdukCuStat = 'success';
+      })["catch"](function (error) {
+        _this.modelProdukCu = error.response;
+        _this.modelProdukCuStat = 'fail';
+      });
+    },
+    save: function save() {
+      var _this2 = this;
+
+      this.$validator.validateAll('formPinjaman').then(function (result) {
+        if (result) {
+          if (_this2.mode == 'edit') {
+            _this2.$emit('editPinjaman', _this2.formPinjaman);
+          } else {
+            _this2.$emit('createPinjaman', _this2.formPinjaman);
+          }
+        } else {
+          _this2.submited = true;
+        }
+      });
+    },
+    messageClose: function messageClose() {
+      this.message.show = false;
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -615,12 +871,6 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 //
 //
 //
-
-
-
-
-
-
 
 
 
@@ -630,299 +880,194 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected'],
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    formRekom: _formRekom_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_12___default.a,
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_13__["default"]
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
   },
   data: function data() {
     return {
-      title: 'Tambah Temuan',
-      titleDesc: 'Menambah temuan',
-      titleIcon: 'icon-plus3',
-      level2Title: 'Monitoring',
-      kelas: 'monitoring',
+      title: '',
+      kelas: 'aktivis',
+      formSimpanan: {
+        anggota_id: '',
+        saldo: '',
+        cu: {
+          id: 0,
+          name: ''
+        },
+        produk_cu: {
+          id: 0,
+          name: ''
+        },
+        tanggal: ''
+      },
+      modelProdukCu: [],
+      modelProdukCuStat: '',
       cleaveOption: {
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number4: {
+          numeral: true,
+          numeralIntegerScale: 4,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
         date: {
           date: true,
           datePattern: ['Y', 'm', 'd'],
           delimiter: '-'
         }
       },
-      formRekomMode: '',
-      selectedItemRekom: '',
-      itemDataRekom: [],
-      itemDataRekomStat: 'success',
-      columnDataRekom: [{
-        title: 'No.'
-      }, {
-        title: 'Status'
-      }, {
-        title: 'Rekomendasi'
-      }],
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
+      message: {
+        show: false,
+        content: ''
+      },
       submited: false
     };
   },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
   created: function created() {
-    if (this.currentUser.id_cu == 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
+    this.fetchCU();
+
+    if (this.modelCUStat == 'success') {
+      if (this.mode == 'edit') {
+        this.formSimpanan = this.selected;
+
+        if (this.currentUser.id_cu == 0) {
+          this.changeCu(this.formSimpanan.cu.id);
+        }
       }
-    }
 
-    this.$store.dispatch('aktivis/resetDataS2');
-    this.$store.dispatch('aktivis/get2', 0);
+      if (this.currentUser.id_cu != 0) {
+        this.changeCu(this.currentUser.id_cu);
+      }
+    }
   },
   watch: {
-    formStat: function formStat(value) {
+    modelCUStat: function modelCUStat(value) {
       if (value === "success") {
-        if (this.$route.meta.mode == 'create') {
-          if (this.currentUser.id_cu != 0) {
-            this.form.id_cu = this.currentUser.id_cu;
-            this.changeCU(this.form.id_cu);
+        if (this.mode == 'edit') {
+          this.formSimpanan = this.selected;
+
+          if (this.currentUser.id_cu == 0) {
+            this.changeCu(this.formSimpanan.cu.id);
           }
-        } else {
-          this.checkUser('update_monitoring', this.form.id_cu);
-          this.changeCU(this.form.id_cu);
-          this.fetchRekom();
         }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
 
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
+        if (this.currentUser.id_cu != 0) {
+          this.changeCu(this.currentUser.id_cu);
+        }
       }
     }
   },
   methods: {
-    fetch: function fetch() {
-      if (this.currentUser.id_cu == 0) {
-        if (this.modelCuStat != 'success') {
-          this.$store.dispatch('cu/getHeader');
-        }
+    changeCu: function changeCu(id) {
+      var cu;
+
+      if (id != 0) {
+        cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelCU, function (o) {
+          return o.id == id;
+        });
       }
 
-      if (this.$route.meta.mode == 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Temuan';
-        this.titleDesc = 'Mengubah temuan';
-        this.titleIcon = 'icon-pencil5';
-      } else {
-        this.title = 'Tambah Temuan';
-        this.titleDesc = 'Menambah temuan';
-        this.titleIcon = 'icon-plus3';
-        this.$store.dispatch(this.kelas + '/create');
+      if (cu) {
+        this.formSimpanan.cu.id = cu.id;
+        this.formSimpanan.cu.name = cu.name;
       }
+
+      this.fetchProdukCu(id);
     },
-    fetchRekom: function fetchRekom() {
-      this.itemDataRekom = [];
-      var valData;
-
-      if (this.form.monitoring_rekom) {
-        var _iterator = _createForOfIteratorHelper(this.form.monitoring_rekom),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            valData = _step.value;
-            this.itemDataRekom.push(valData);
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
+    changeProdukCu: function changeProdukCu(id) {
+      var produk_cu;
+
+      if (id != 0) {
+        produk_cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelProdukCu, function (o) {
+          return o.id == id;
+        });
       }
-    },
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
 
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
+      this.formSimpanan.produk_cu.name = produk_cu.name;
+    },
+    fetchCU: function fetchCU() {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      } else {
+        this.idCu = this.$route.params.cu;
+        this.tingkat = this.$route.params.tingkat;
       }
     },
-    save: function save() {
+    fetchProdukCu: function fetchProdukCu(id) {
       var _this = this;
 
-      this.form.rekomendasi = this.itemDataRekom;
-      this.$validator.validateAll('form').then(function (result) {
+      _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__["default"].getSimpananCu(id).then(function (response) {
+        _this.modelProdukCu = response.data.model;
+        _this.modelProdukCuStat = 'success';
+      })["catch"](function (error) {
+        _this.modelProdukCu = error.response;
+        _this.modelProdukCuStat = 'fail';
+      });
+    },
+    save: function save() {
+      var _this2 = this;
+
+      this.$validator.validateAll('formSimpanan').then(function (result) {
         if (result) {
-          if (_this.$route.meta.mode === 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
+          if (_this2.mode == 'edit') {
+            _this2.$emit('editSimpanan', _this2.formSimpanan);
           } else {
-            _this.$store.dispatch(_this.kelas + '/store', _this.form);
+            _this2.$emit('createSimpanan', _this2.formSimpanan);
           }
-
-          _this.submited = false;
         } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
+          _this2.submited = true;
         }
       });
     },
-    changeCU: function changeCU(id) {
-      this.$store.dispatch('tp/getCu', id);
-      this.$store.dispatch('aktivis/resetDataS');
-      this.$store.dispatch('aktivis/get', id);
-    },
-    back: function back() {
-      if (this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: 'semua',
-            tp: 'semua'
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.currentUser.id_cu,
-            tp: 'semua'
-          }
-        });
-      }
-    },
-    createRekom: function createRekom(value) {
-      this.itemDataRekom.push(value);
-      this.modalTutup();
-    },
-    editRekom: function editRekom(value) {
-      _.remove(this.itemDataRekom, {
-        index: value.index
-      });
-
-      this.itemDataRekom.push(value);
-      this.modalTutup();
-    },
-    selectedRekomRow: function selectedRekomRow(index, item) {
-      this.selectedItemRekom = item;
-      this.selectedItemRekom.index = index + 1;
-    },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.state = state;
-
-      if (state == 'hapusRekom') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus Rekomendasi ' + this.selectedItemRekom.cu.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-        this.modalSize = '';
-      } else if (state == 'ubahRekom') {
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah Rekomendasi';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formRekomMode = 'edit';
-      } else if (state == 'tambahRekom') {
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah Rekomendasi';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formRekomMode = 'create';
-      }
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      this.modalShow = false;
-
-      if (this.state == 'hapusRekom') {
-        _.remove(this.itemDataRekom, {
-          index: this.selectedItemRekom.index
-        });
-      }
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat == 'success') {
-        this.back();
-        this.$store.dispatch(this.kelas + '/resetUpdateStat');
-      }
-
-      this.modalShow = false;
+    messageClose: function messageClose() {
+      this.message.show = false;
     },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
+    tutup: function tutup() {
+      this.$emit('tutup');
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('monitoring', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
     modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
-    modelTP: 'dataS',
-    modelTPStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
-    modelAktivisCU: 'dataS',
-    modelAktivisBKCU: 'dataS2',
-    modelAktivisCUStat: 'dataStatS',
-    modelAktivisBKCUStat: 'dataStatS2'
+    modelCUStat: 'headerDataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/cariData.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saldo/cariData.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_1__);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -980,168 +1125,633 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected'],
   components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_1___default.a
+  },
+  props: {
+    itemDataStat: '',
+    isBack: true
   },
   data: function data() {
     return {
-      title: '',
-      kelas: 'monitoring',
-      formDataRekom: {
-        rekomendasi: '',
-        status: ''
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      submited: false
-    };
+      idCu: '',
+      jenis: 'BA',
+      pencarian: '',
+      placeholder: 'Silahkan masukkan no. BA Anggota',
+      isNew: false,
+      isDigit: false,
+      cleaveOption: {
+        number16: {
+          numeral: true,
+          numeralIntegerScale: 16,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        }
+      }
+    };
   },
   created: function created() {
-    if (this.mode == 'edit') {
-      this.formDataRekom = Object.assign({}, this.selected);
+    if (this.currentUser.id_pus !== undefined) {
+      this.fetchCU();
     }
   },
-  watch: {},
-  methods: {
-    save: function save() {
-      var _this = this;
+  mounted: function mounted() {
+    var _this = this;
 
-      if (!this.formDataRekom.status) {
-        this.formDataRekom.status = 0;
+    document.addEventListener("keydown", function (e) {
+      if (e.keyCode == 13) {
+        if (_this.pencarian != '') _this.cariData();
+      }
+    });
+  },
+  watch: {
+    '$route': function $route(to, from) {
+      // check current page meta
+      this.fetchCU();
+    },
+    modelCuStat: function modelCuStat(value) {
+      if (value === "success") {
+        this.idCu = this.currentUser.id_cu;
+      }
+    }
+  },
+  methods: {
+    fetchCU: function fetchCU() {
+      if (this.modelCu.length == 0) {
+        this.$store.dispatch('cu/getHeader', this.currentUser.id_pus);
+      } else {
+        this.idCu = this.currentUser.id_cu;
       }
+    },
+    cariData: function cariData() {
+      if (this.nik.length < 16) {
+        this.isDigit = true;
+      } else {
+        this.isNew = true;
+        this.isDigit = false;
 
-      this.$validator.validateAll('formDataRekom').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.$emit('editRekom', _this.formDataRekom);
-          } else {
-            _this.$emit('createRekom', _this.formDataRekom);
-          }
+        if (this.jenis == 'KTP') {
+          this.$emit('cariDataKTP', this.pencarian);
         } else {
-          _this.submited = true;
+          this.$emit('cariDataBA', this.idCu, this.pencarian);
         }
-      });
+      }
     },
-    messageClose: function messageClose() {
-      this.message.show = false;
+    changeJenis: function changeJenis(value) {
+      if (value == 'KTP') {
+        this.placeholder = 'Silahkan masukkan no. KTP / Nomor Induk Kependudukan (NIK)';
+      } else {
+        this.placeholder = 'Silahkan masukkan no. BA Anggota';
+      }
+
+      this.resetData();
     },
-    tutup: function tutup() {
-      this.$emit('tutup');
+    resetData: function resetData() {
+      this.pencarian = '';
+      this.isNew = false;
+      this.$emit('resetData');
+    },
+    back: function back() {
+      this.$emit('back');
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'headerDataS',
+    modelCuStat: 'headerDataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
-
-// exports
-
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&":
-/*!********************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& ***!
-  \********************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/index.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saldo/index.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// module
-exports.push([module.i, ".document-editor[data-v-2876dcc8] {\n  border: 1px solid var(--ck-color-base-border);\n  border-radius: var(--ck-border-radius);\n\n  /* Set vertical boundaries for the document editor. */\n  max-height: 700px;\n\n  /* This element is a flex container for easier rendering. */\n  display: flex;\n  flex-flow: column nowrap;\n}\n.document-editor__toolbar[data-v-2876dcc8] {\n  /* Make sure the toolbar container is always above the editable. */\n  z-index: 1;\n\n  /* Create the illusion of the toolbar floating over the editable. */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.2 );\n\n  /* Use the CKEditor CSS variables to keep the UI consistent. */\n  border-bottom: 1px solid var(--ck-color-toolbar-border);\n}\n\n/* Adjust the look of the toolbar inside the container. */\n.document-editor__toolbar .ck-toolbar[data-v-2876dcc8] {\n  border: 0;\n  border-radius: 0;\n}\n\n/* Make the editable container look like the inside of a native word processor application. */\n.document-editor__editable-container[data-v-2876dcc8] {\n  padding: calc( 2 * var(--ck-spacing-large) );\n  background: var(--ck-color-base-foreground);\n\n  /* Make it possible to scroll the \"page\" of the edited content. */\n  overflow-y: scroll;\n}\n.document-editor__editable-container .ck-editor__editable[data-v-2876dcc8] {\n  /* Set the dimensions of the \"page\". */\n  width: 98%;\n  /* min-height: 21cm; */\n\n  /* Keep the \"page\" off the boundaries of the container. */\n  padding: 1cm 2cm 2cm;\n\n  border: 1px hsl( 0,0%,82.7% ) solid;\n  border-radius: var(--ck-border-radius);\n  background: white;\n\n  /* The \"page\" should cast a slight shadow (3D illusion). */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.1 );\n\n  /* Center the \"page\". */\n  margin: 0 auto;\n}\n\n/* Set the default font for the \"page\" of the content. */\n.document-editor .ck-content[data-v-2876dcc8],\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-2876dcc8] {\n  font: 16px/1.6 \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n/* Adjust the headings dropdown to host some larger heading styles. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-2876dcc8] {\n  line-height: calc( 1.7 * var(--ck-line-height-base) * var(--ck-font-size-base) );\n  min-width: 6em;\n}\n\n/* Scale down all heading previews because they are way too big to be presented in the UI.\nPreserve the relative scale, though. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label[data-v-2876dcc8] {\n  transform: scale(0.8);\n  transform-origin: left;\n}\n\n/* Set the styles for \"Heading 1\". */\n.document-editor .ck-content h2[data-v-2876dcc8],\n.document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label[data-v-2876dcc8] {\n  font-size: 2.18em;\n  font-weight: normal;\n}\n.document-editor .ck-content h2[data-v-2876dcc8] {\n  line-height: 1.37em;\n  padding-top: .342em;\n  margin-bottom: .142em;\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-2876dcc8],\n.document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label[data-v-2876dcc8] {\n  font-size: 1.75em;\n  font-weight: normal;\n  color: hsl( 203, 100%, 50% );\n}\n.document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label[data-v-2876dcc8] {\n  color: var(--ck-color-list-button-on-text);\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-2876dcc8] {\n  line-height: 1.86em;\n  padding-top: .171em;\n  margin-bottom: .357em;\n}\n\n/* Set the styles for \"Heading 3\". */\n.document-editor .ck-content h4[data-v-2876dcc8],\n.document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label[data-v-2876dcc8] {\n  font-size: 1.31em;\n  font-weight: bold;\n}\n.document-editor .ck-content h4[data-v-2876dcc8] {\n  line-height: 1.24em;\n  padding-top: .286em;\n  margin-bottom: .952em;\n}\n\n/* Set the styles for \"Paragraph\". */\n.document-editor .ck-content p[data-v-2876dcc8] {\n  font-size: 1em;\n  line-height: 1.63em;\n  padding-top: .5em;\n  margin-bottom: 1.13em;\n}\n\n/* Make the block quoted text serif with some additional spacing. */\n.document-editor .ck-content blockquote[data-v-2876dcc8] {\n  font-family: Georgia, serif;\n  margin-left: calc( 2 * var(--ck-spacing-large) );\n  margin-right: calc( 2 * var(--ck-spacing-large) );\n}\n", ""]);
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _anggotaCu_formSimpanan_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../anggotaCu/formSimpanan.vue */ "./resources/assets/js/views/anggotaCu/formSimpanan.vue");
+/* harmony import */ var _anggotaCu_formPinjaman_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../anggotaCu/formPinjaman.vue */ "./resources/assets/js/views/anggotaCu/formPinjaman.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_countWidget_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/countWidget.vue */ "./resources/assets/js/components/countWidget.vue");
+/* harmony import */ var _cariData_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./cariData.vue */ "./resources/assets/js/views/saldo/cariData.vue");
+/* harmony import */ var _components_identitas_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/identitas.vue */ "./resources/assets/js/components/identitas.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-// exports
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-/***/ }),
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
-if(typeof content === 'string') content = [[module.i, content, '']];
 
-var transform;
-var insertInto;
 
 
 
-var options = {"hmr":true}
 
-options.transform = transform
-options.insertInto = undefined;
 
-var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
 
-if(content.locals) module.exports = content.locals;
 
-if(false) {}
 
-/***/ }),
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&":
-/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& ***!
-  \************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
 
 
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&");
 
-if(typeof content === 'string') content = [[module.i, content, '']];
 
-var transform;
-var insertInto;
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formSimpanan: _anggotaCu_formSimpanan_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formPinjaman: _anggotaCu_formPinjaman_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default.a,
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
+    countWidget: _components_countWidget_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
+    cariData: _cariData_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
+    identitas: _components_identitas_vue__WEBPACK_IMPORTED_MODULE_14__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Simpanan & Pinjaman',
+      titleDesc: 'Mengelola data simpanan & pinjaman anggota CU',
+      titleIcon: 'icon-wallet',
+      kelas: 'anggotaCu',
+      tabName: 'nik',
+      tabName2: '',
+      tabNameModal: '',
+      isNew: false,
+      formProdukMode: '',
+      tipeProduk: '',
+      selectedCu: {
+        id: '',
+        name: ''
+      },
+      selectedProduk: [],
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        number16: {
+          numeral: true,
+          numeralIntegerScale: 16,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      formCuMode: '',
+      selectedItemCu: '',
+      itemDataCu: [],
+      itemDataProduk: [],
+      itemDataProdukSelected: [],
+      itemDataCuStat: 'success',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      submited: false
+    };
+  },
+  created: function created() {
+    this.resetData();
 
+    if (this.currentUser.id_cu == 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    }
+  },
+  watch: {
+    itemDataStat: function itemDataStat(value) {
+      if (value === "success") {
+        this.itemDataCu = [];
+        this.itemDataProduk = []; // cu
+
+        if (this.itemData.anggota_cu_cu) {
+          var valData;
+
+          var _iterator = _createForOfIteratorHelper(this.itemData.anggota_cu_cu),
+              _step;
+
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              valData = _step.value;
+              var datas = {};
+              var cu = {};
+              cu.name = valData.cu.name;
+              cu.id = valData.id;
+              datas = valData;
+              this.itemDataCu.push(datas);
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
 
+          if (this.itemDataCu[0]) {
+            this.tabName = this.itemDataCu[0].cu_id;
+            this.selectedCu.id = this.itemDataCu[0].cu_id;
+            this.selectedCu.name = this.itemDataCu[0].cu.name;
+          }
+        } // produk cu
+
+
+        if (this.itemData.anggota_produk_cu) {
+          var dataProduk = [];
+          dataProduk = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.groupBy(this.itemData.anggota_produk_cu, function (item) {
+            return item.id_cu;
+          });
+          this.itemDataProduk = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.forEach(dataProduk, function (value, key) {
+            dataProduk[key] = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.groupBy(dataProduk[key], function (item) {
+              return item.id;
+            });
+          });
+
+          if (this.itemDataProduk[this.tabName]) {
+            var key = Object.keys(this.itemDataProduk[this.tabName]);
+            this.tabName2 = 'produk_' + key[0];
+          }
+        }
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
 
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+        this.cariData();
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    }
+  },
+  methods: {
+    cariDataKTP: function cariDataKTP(value) {
+      this.$store.dispatch(this.kelas + '/cariDataKTP', value);
+    },
+    cariDataBA: function cariDataBA(id, value) {
+      this.$store.dispatch(this.kelas + '/cariDataBA', [id, value]);
+    },
+    resetData: function resetData() {
+      this.itemDataCu = [];
+      this.itemDataProduk = [];
+      this.$store.commit(this.kelas + '/setData', {});
+      this.$store.commit(this.kelas + '/setDataStat', '');
+    },
+    changeTab: function changeTab(value) {
+      this.tabName = value.cu_id;
+      this.tabName2 = 'produk_' + this.itemDataProduk[this.tabName][0].id;
+      this.selectedProduk = '';
+      this.selectedCu.id = value.cu_id;
+      this.selectedCu.name = value.name;
+    },
+    changeTab2: function changeTab2(value) {
+      this.tabName2 = value;
+      this.selectedProduk = '';
+    },
+    changeTabModal: function changeTabModal(value) {
+      this.tabNameModal = value;
+    },
+    classCu: function classCu() {
+      if (this.currentUser.id_cu == 0) {
+        return 'col-8';
+      } else {
+        return 'col-12';
+      }
+    },
+    selectedProdukRow: function selectedProdukRow(index, item) {
+      this.selectedProduk = item;
+      this.selectedProduk.index = index + 1;
+
+      if (item.tipe == 'Simpanan Pokok' || item.tipe == 'Simpanan Wajib' || item.tipe == 'Simpanan Non Saham') {
+        this.tipeProduk = 'simpanan';
+      } else if (item.tipe == 'Pinjaman Kapitalisasi' || item.tipe == 'Pinjaman Umum' || item.tipe == 'Pinjaman Produktif') {
+        this.tipeProduk = 'pinjaman';
+      }
+    },
+    createProduk: function createProduk(value) {
+      this.$store.dispatch(this.kelas + '/storeProduk', [this.itemData.id, value]);
+    },
+    editProduk: function editProduk(value) {
+      this.$store.dispatch(this.kelas + '/updateProduk', [this.selectedProduk.pivot.id, value]);
+    },
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.state = state;
 
-if(false) {}
+      if (state == 'hapus') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus ' + this.tipeProduk + ' ' + this.selectedProduk.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+        this.modalSize = '';
+      } else if (state == 'ubah') {
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah ' + this.tipeProduk;
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formProdukMode = 'edit';
+        var datas = {};
+        var cu = {};
+        var produk_cu = {};
+        produk_cu.id = this.selectedProduk.id;
+        produk_cu.name = this.selectedProduk.name;
+        datas = this.selectedProduk.pivot;
+        datas.cu = this.selectedCu;
+        datas.produk_cu = produk_cu;
+        this.itemDataProdukSelected = [];
+        this.itemDataProdukSelected.push(datas);
+      } else if (state == 'tambah') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah Simpanan/Pinjaman';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formProdukMode = 'create';
+        this.tabNameModal = 'simpanan';
+      }
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroyProduk', this.selectedProduk.pivot.id);
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
+    itemData: 'data',
+    itemDataStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'headerDataS',
+    modelCuStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('provinces', {
+    modelProvinces: 'dataS',
+    modelProvincesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('regencies', {
+    modelRegencies: 'dataS',
+    modelRegenciesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('districts', {
+    modelDistricts: 'dataS',
+    modelDistrictsStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('villages', {
+    modelVillages: 'dataS',
+    modelVillagesStat: 'dataStatS'
+  }))
+});
 
 /***/ }),
 
@@ -1257,10 +1867,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1274,102 +1884,36 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c(
     "div",
-    {
-      staticClass: "table-responsive table-scrollable",
-      staticStyle: { "max-height": "33rem" },
-    },
+    { staticClass: "card card-body has-bg-image", class: _vm.color },
     [
-      _c("table", { staticClass: "table table-striped" }, [
-        _c("thead", { staticClass: "bg-primary" }, [
-          _c(
-            "tr",
-            { staticClass: "text-nowrap" },
-            _vm._l(_vm.columnData, function (item, index) {
-              return _c("th", { key: index }, [
-                _c("span", { domProps: { innerHTML: _vm._s(item.title) } }),
-              ])
-            }),
-            0
-          ),
+      _c("div", { staticClass: "media" }, [
+        _c("div", { staticClass: "media-body" }, [
+          _vm.count
+            ? _c("h3", { staticClass: "mb-0" }, [_vm._v(_vm._s(_vm.count))])
+            : _vm._e(),
+          _vm._v(" "),
+          _c("span", { staticClass: "text-uppercase font-size-xs" }, [
+            _vm._v(_vm._s(_vm.title)),
+          ]),
         ]),
         _vm._v(" "),
-        _vm.itemDataStat === "loading"
-          ? _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._m(0),
-                ]),
-              ]),
-            ])
-          : _vm.itemDataStat === "success"
-          ? _c(
-              "tbody",
-              [
-                _vm._l(_vm.items, function (item, index) {
-                  return _vm._t("item-desktop", null, {
-                    item: item,
-                    index: index,
-                  })
-                }),
-                _vm._v(" "),
-                _vm.items.length == 0
-                  ? _c("tr", [
-                      _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                        _vm._v("Belum terdapat data..."),
-                      ]),
-                    ])
-                  : _vm._e(),
-              ],
-              2
-            )
-          : _vm.itemDataStat === "fail"
-          ? _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._v(
-                    "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
-                  ),
-                ]),
-              ]),
-            ])
-          : _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._v("-"),
-                ]),
-              ]),
-            ]),
+        _c("div", { staticClass: "ml-3 align-self-center" }, [
+          _c("i", { staticClass: "icon-3x opacity-75", class: _vm.icon }),
+        ]),
       ]),
     ]
   )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
 /*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
   \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -1382,23 +1926,109 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("DatePicker", {
-    staticClass: "w-100",
-    attrs: {
-      format: "DD-MM-YYYY",
-      "value-type": "format",
-      placeholder: "Pilih Tanggal",
-      editable: true,
-    },
-    on: { change: _vm.onChanged },
-    model: {
-      value: _vm.time,
-      callback: function ($$v) {
-        _vm.time = $$v
-      },
-      expression: "time",
-    },
-  })
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            [
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
+                          },
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+    ]),
+  ])
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -1407,10 +2037,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=template&id=2d3f9ef3&":
+/*!***************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=template&id=2d3f9ef3& ***!
+  \***************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1422,35 +2052,1556 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", { staticStyle: { display: "inline-block" } }, [
-    _c("i", {
-      directives: [
+  return _c("div", [
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formPinjaman" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _vm.message.show
+          ? _c("message", {
+              attrs: {
+                title: "Oops terjadi kesalahan",
+                errorData: _vm.message.content,
+                showDebug: false,
+              },
+              on: { close: _vm.messageClose },
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _c("div", { staticClass: "row" }, [
+          _vm.currentUser.id_cu === 0
+            ? _c("div", { staticClass: "col-md-12" }, [
+                _c(
+                  "div",
+                  {
+                    staticClass: "form-group",
+                    class: {
+                      "has-error": _vm.errors.has("formPinjaman.cu.id"),
+                    },
+                  },
+                  [
+                    _c(
+                      "h5",
+                      {
+                        class: {
+                          "text-danger": _vm.errors.has("formPinjaman.cu.id"),
+                        },
+                      },
+                      [
+                        _vm.errors.has("formPinjaman.cu.id")
+                          ? _c("i", { staticClass: "icon-cross2" })
+                          : _vm._e(),
+                        _vm._v("\n\t\t\t\t\tCU:\n\t\t\t\t"),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.formPinjaman.cu.id,
+                            expression: "formPinjaman.cu.id",
+                          },
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required",
+                            expression: "'required'",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          name: "cu_id",
+                          "data-width": "100%",
+                          "data-vv-as": "CU",
+                          disabled: _vm.modelCU.length === 0,
+                        },
+                        on: {
+                          change: [
+                            function ($event) {
+                              var $$selectedVal = Array.prototype.filter
+                                .call($event.target.options, function (o) {
+                                  return o.selected
+                                })
+                                .map(function (o) {
+                                  var val = "_value" in o ? o._value : o.value
+                                  return val
+                                })
+                              _vm.$set(
+                                _vm.formPinjaman.cu,
+                                "id",
+                                $event.target.multiple
+                                  ? $$selectedVal
+                                  : $$selectedVal[0]
+                              )
+                            },
+                            function ($event) {
+                              return _vm.changeCu($event.target.value)
+                            },
+                          ],
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "0" } }, [
+                          _vm.modelCUStat === "loading"
+                            ? _c("span", [_vm._v("Mohon tunggu...")])
+                            : _c("span", [_vm._v("Silahkan pilih CU")]),
+                        ]),
+                        _vm._v(" "),
+                        _vm._l(_vm.modelCU, function (cu, index) {
+                          return _c(
+                            "option",
+                            { key: index, domProps: { value: cu.id } },
+                            [_vm._v(_vm._s(cu.name))]
+                          )
+                        }),
+                      ],
+                      2
+                    ),
+                    _vm._v(" "),
+                    _vm.errors.has("formPinjaman.cu.id")
+                      ? _c("small", { staticClass: "text-muted text-danger" }, [
+                          _c("i", { staticClass: "icon-arrow-small-right" }),
+                          _vm._v(
+                            " " +
+                              _vm._s(_vm.errors.first("formPinjaman.cu.id")) +
+                              "\n\t\t\t\t"
+                          ),
+                        ])
+                      : _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" "),
+                        ]),
+                  ]
+                ),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.modelProdukCu.length === 0
+            ? _c(
+                "div",
+                {
+                  staticClass: "alert bg-warning text-white alert-styled-left ",
+                },
+                [_vm._m(0)]
+              )
+            : _c(
+                "div",
+                { staticClass: "alert bg-info text-white alert-styled-left " },
+                [_vm._m(1)]
+              ),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-12" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formPinjaman.no_rek") },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formPinjaman.no_rek"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formPinjaman.no_rek")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tNo. SPP:\n\t\t\t\t"),
+                  ]
+                ),
+                _vm._v(" "),
+                _c("cleave", {
+                  directives: [
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "no_rek",
+                    options: _vm.cleaveOption.number12,
+                    placeholder: "Silahkan masukkan jumlah no. spp",
+                    "data-vv-as": "No. SPP",
+                  },
+                  model: {
+                    value: _vm.formPinjaman.no_rek,
+                    callback: function ($$v) {
+                      _vm.$set(_vm.formPinjaman, "no_rek", $$v)
+                    },
+                    expression: "formPinjaman.no_rek",
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formPinjaman.no_rek")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formPinjaman.no_rek")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [
+                      _vm._v(" \n\t\t\t\t"),
+                    ]),
+              ],
+              1
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-12" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: {
+                  "has-error": _vm.errors.has("formPinjaman.produk_cu_id"),
+                },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has(
+                        "formPinjaman.produk_cu.id"
+                      ),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formPinjaman.produk_cu.id")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tProduk CU:\n\t\t\t\t"),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "select",
+                  {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.formPinjaman.produk_cu.id,
+                        expression: "formPinjaman.produk_cu.id",
+                      },
+                      {
+                        name: "validate",
+                        rawName: "v-validate",
+                        value: "required",
+                        expression: "'required'",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      name: "produk_cu_id",
+                      "data-width": "100%",
+                      "data-vv-as": "Produk CU",
+                      disabled: _vm.modelProdukCu.length === 0,
+                    },
+                    on: {
+                      change: [
+                        function ($event) {
+                          var $$selectedVal = Array.prototype.filter
+                            .call($event.target.options, function (o) {
+                              return o.selected
+                            })
+                            .map(function (o) {
+                              var val = "_value" in o ? o._value : o.value
+                              return val
+                            })
+                          _vm.$set(
+                            _vm.formPinjaman.produk_cu,
+                            "id",
+                            $event.target.multiple
+                              ? $$selectedVal
+                              : $$selectedVal[0]
+                          )
+                        },
+                        function ($event) {
+                          return _vm.changeProdukCu($event.target.value)
+                        },
+                      ],
+                    },
+                  },
+                  [
+                    _c("option", { attrs: { disabled: "", value: "0" } }, [
+                      _vm.modelProdukCuStat === "loading"
+                        ? _c("span", [_vm._v("Mohon tunggu...")])
+                        : _c("span", [_vm._v("Silahkan pilih Produk CU")]),
+                    ]),
+                    _vm._v(" "),
+                    _vm._l(_vm.modelProdukCu, function (produk, index) {
+                      return _c(
+                        "option",
+                        { key: index, domProps: { value: produk.id } },
+                        [_vm._v(_vm._s(produk.name))]
+                      )
+                    }),
+                  ],
+                  2
+                ),
+                _vm._v(" "),
+                _vm.errors.has("formPinjaman.produk_cu.id")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(
+                            _vm.errors.first("formPinjaman.produk_cu.id")
+                          ) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+              ]
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-12" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formPinjaman.saldo") },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formPinjaman.saldo"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formPinjaman.saldo")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tSaldo:\n\t\t\t\t"),
+                  ]
+                ),
+                _vm._v(" "),
+                _c("cleave", {
+                  directives: [
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "saldo",
+                    options: _vm.cleaveOption.numeric,
+                    placeholder: "Silahkan masukkan jumlah saldo",
+                    "data-vv-as": "Saldo",
+                  },
+                  model: {
+                    value: _vm.formPinjaman.saldo,
+                    callback: function ($$v) {
+                      _vm.$set(_vm.formPinjaman, "saldo", $$v)
+                    },
+                    expression: "formPinjaman.saldo",
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formPinjaman.saldo")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formPinjaman.saldo")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [
+                      _vm._v(" \n\t\t\t\t"),
+                    ]),
+              ],
+              1
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-12" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formPinjaman.tanggal") },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formPinjaman.tanggal"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formPinjaman.tanggal")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v(" Tanggal: "),
+                  ]
+                ),
+                _vm._v(" "),
+                _c("date-picker", {
+                  attrs: { defaultDate: _vm.formPinjaman.tanggal },
+                  on: {
+                    dateSelected: function ($event) {
+                      _vm.formPinjaman.tanggal = $event
+                    },
+                  },
+                }),
+                _vm._v(" "),
+                _c("input", {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.formPinjaman.tanggal,
+                      expression: "formPinjaman.tanggal",
+                    },
+                    {
+                      name: "show",
+                      rawName: "v-show",
+                      value: false,
+                      expression: "false",
+                    },
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  attrs: { "data-vv-as": "Tanggal" },
+                  domProps: { value: _vm.formPinjaman.tanggal },
+                  on: {
+                    input: function ($event) {
+                      if ($event.target.composing) {
+                        return
+                      }
+                      _vm.$set(_vm.formPinjaman, "tanggal", $event.target.value)
+                    },
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formPinjaman.tanggal")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formPinjaman.tanggal")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [
+                      _vm._v(" \n\t\t\t\t"),
+                    ]),
+              ],
+              1
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-12" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: {
+                  "has-error": _vm.errors.has("formPinjaman.lama_pinjaman"),
+                },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has(
+                        "formPinjaman.lama_pinjaman"
+                      ),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formPinjaman.lama_pinjaman")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tLama Pinjaman (bulan):\n\t\t\t\t"),
+                  ]
+                ),
+                _vm._v(" "),
+                _c("cleave", {
+                  directives: [
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "lama_pinjaman",
+                    options: _vm.cleaveOption.number4,
+                    placeholder: "Silahkan masukkan lama pinjaman",
+                    "data-vv-as": "lama pinjaman",
+                  },
+                  model: {
+                    value: _vm.formPinjaman.lama_pinjaman,
+                    callback: function ($$v) {
+                      _vm.$set(_vm.formPinjaman, "lama_pinjaman", $$v)
+                    },
+                    expression: "formPinjaman.lama_pinjaman",
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formPinjaman.lama_pinjaman")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(
+                            _vm.errors.first("formPinjaman.lama_pinjaman")
+                          ) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [
+                      _vm._v(" \n\t\t\t\t"),
+                    ]),
+              ],
+              1
+            ),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: {
+                type: "submit",
+                disabled: _vm.formPinjaman.produk_cu_id == "",
+              },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: {
+                type: "submit",
+                disabled: _vm.formPinjaman.produk_cu_id == "",
+              },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
+      ],
+      1
+    ),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "font-weight-semibold" }, [
+      _vm._v(
+        "Maaf data jenis simpanan tidak ditemukan, pastikan anda sudah menambahkan data simpanan di menu "
+      ),
+      _c("u", [_vm._v("Tambah Produk & Pelayanan")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "font-weight-semibold" }, [
+      _vm._v(
+        "Apabila jenis simpanan yang ingin anda pilih tidak ada, pastikan anda sudah menambahkan data simpanan di menu "
+      ),
+      _c("u", [_vm._v("Tambah Produk & Pelayanan")]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=template&id=02e81990&":
+/*!***************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=template&id=02e81990& ***!
+  \***************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formSimpanan" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _vm.message.show
+          ? _c("message", {
+              attrs: {
+                title: "Oops terjadi kesalahan",
+                errorData: _vm.message.content,
+                showDebug: false,
+              },
+              on: { close: _vm.messageClose },
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _c("div", { staticClass: "row" }, [
+          _vm.currentUser.id_cu === 0
+            ? _c("div", { staticClass: "col-md-12" }, [
+                _c(
+                  "div",
+                  {
+                    staticClass: "form-group",
+                    class: {
+                      "has-error": _vm.errors.has("formSimpanan.cu.id"),
+                    },
+                  },
+                  [
+                    _c(
+                      "h5",
+                      {
+                        class: {
+                          "text-danger": _vm.errors.has("formSimpanan.cu.id"),
+                        },
+                      },
+                      [
+                        _vm.errors.has("formSimpanan.cu.id")
+                          ? _c("i", { staticClass: "icon-cross2" })
+                          : _vm._e(),
+                        _vm._v("\n\t\t\t\t\tCU:\n\t\t\t\t"),
+                      ]
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.formSimpanan.cu.id,
+                            expression: "formSimpanan.cu.id",
+                          },
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required",
+                            expression: "'required'",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          name: "cu_id",
+                          "data-width": "100%",
+                          "data-vv-as": "CU",
+                          disabled: _vm.modelCU.length === 0,
+                        },
+                        on: {
+                          change: [
+                            function ($event) {
+                              var $$selectedVal = Array.prototype.filter
+                                .call($event.target.options, function (o) {
+                                  return o.selected
+                                })
+                                .map(function (o) {
+                                  var val = "_value" in o ? o._value : o.value
+                                  return val
+                                })
+                              _vm.$set(
+                                _vm.formSimpanan.cu,
+                                "id",
+                                $event.target.multiple
+                                  ? $$selectedVal
+                                  : $$selectedVal[0]
+                              )
+                            },
+                            function ($event) {
+                              return _vm.changeCu($event.target.value)
+                            },
+                          ],
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "0" } }, [
+                          _vm.modelCUStat === "loading"
+                            ? _c("span", [_vm._v("Mohon tunggu...")])
+                            : _c("span", [_vm._v("Silahkan pilih CU")]),
+                        ]),
+                        _vm._v(" "),
+                        _vm._l(_vm.modelCU, function (cu, index) {
+                          return _c(
+                            "option",
+                            { key: index, domProps: { value: cu.id } },
+                            [_vm._v(_vm._s(cu.name))]
+                          )
+                        }),
+                      ],
+                      2
+                    ),
+                    _vm._v(" "),
+                    _vm.errors.has("formSimpanan.cu.id")
+                      ? _c("small", { staticClass: "text-muted text-danger" }, [
+                          _c("i", { staticClass: "icon-arrow-small-right" }),
+                          _vm._v(
+                            " " +
+                              _vm._s(_vm.errors.first("formSimpanan.cu.id")) +
+                              "\n\t\t\t\t"
+                          ),
+                        ])
+                      : _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" "),
+                        ]),
+                  ]
+                ),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.modelProdukCu.length === 0
+            ? _c(
+                "div",
+                {
+                  staticClass: "alert bg-warning text-white alert-styled-left ",
+                },
+                [_vm._m(0)]
+              )
+            : _c(
+                "div",
+                { staticClass: "alert bg-info text-white alert-styled-left " },
+                [_vm._m(1)]
+              ),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-12" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: {
+                  "has-error": _vm.errors.has("formSimpanan.produk_cu_id"),
+                },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has(
+                        "formSimpanan.produk_cu.id"
+                      ),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formSimpanan.produk_cu.id")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tProduk CU:\n\t\t\t\t"),
+                  ]
+                ),
+                _vm._v(" "),
+                _c(
+                  "select",
+                  {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.formSimpanan.produk_cu.id,
+                        expression: "formSimpanan.produk_cu.id",
+                      },
+                      {
+                        name: "validate",
+                        rawName: "v-validate",
+                        value: "required",
+                        expression: "'required'",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      name: "produk_cu_id",
+                      "data-width": "100%",
+                      "data-vv-as": "Produk CU",
+                      disabled: _vm.modelProdukCu.length === 0,
+                    },
+                    on: {
+                      change: [
+                        function ($event) {
+                          var $$selectedVal = Array.prototype.filter
+                            .call($event.target.options, function (o) {
+                              return o.selected
+                            })
+                            .map(function (o) {
+                              var val = "_value" in o ? o._value : o.value
+                              return val
+                            })
+                          _vm.$set(
+                            _vm.formSimpanan.produk_cu,
+                            "id",
+                            $event.target.multiple
+                              ? $$selectedVal
+                              : $$selectedVal[0]
+                          )
+                        },
+                        function ($event) {
+                          return _vm.changeProdukCu($event.target.value)
+                        },
+                      ],
+                    },
+                  },
+                  [
+                    _c("option", { attrs: { disabled: "", value: "0" } }, [
+                      _vm.modelProdukCuStat === "loading"
+                        ? _c("span", [_vm._v("Mohon tunggu...")])
+                        : _c("span", [_vm._v("Silahkan pilih Produk CU")]),
+                    ]),
+                    _vm._v(" "),
+                    _vm._l(_vm.modelProdukCu, function (produk, index) {
+                      return _c(
+                        "option",
+                        { key: index, domProps: { value: produk.id } },
+                        [_vm._v(_vm._s(produk.name))]
+                      )
+                    }),
+                  ],
+                  2
+                ),
+                _vm._v(" "),
+                _vm.errors.has("formSimpanan.produk_cu.id")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(
+                            _vm.errors.first("formSimpanan.produk_cu.id")
+                          ) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+              ]
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-12" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formSimpanan.no_rek") },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formSimpanan.no_rek"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formSimpanan.no_rek")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tNo. Rekening:\n\t\t\t\t"),
+                  ]
+                ),
+                _vm._v(" "),
+                _c("cleave", {
+                  directives: [
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "no_rek",
+                    options: _vm.cleaveOption.number12,
+                    placeholder: "Silahkan masukkan jumlah no. rekening",
+                    "data-vv-as": "No. Rekening",
+                  },
+                  model: {
+                    value: _vm.formSimpanan.no_rek,
+                    callback: function ($$v) {
+                      _vm.$set(_vm.formSimpanan, "no_rek", $$v)
+                    },
+                    expression: "formSimpanan.no_rek",
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formSimpanan.no_rek")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formSimpanan.no_rek")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [
+                      _vm._v(" \n\t\t\t\t"),
+                    ]),
+              ],
+              1
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-12" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formSimpanan.saldo") },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formSimpanan.saldo"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formSimpanan.saldo")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tSaldo:\n\t\t\t\t"),
+                  ]
+                ),
+                _vm._v(" "),
+                _c("cleave", {
+                  directives: [
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "saldo",
+                    options: _vm.cleaveOption.numeric,
+                    placeholder: "Silahkan masukkan jumlah saldo",
+                    "data-vv-as": "Saldo",
+                  },
+                  model: {
+                    value: _vm.formSimpanan.saldo,
+                    callback: function ($$v) {
+                      _vm.$set(_vm.formSimpanan, "saldo", $$v)
+                    },
+                    expression: "formSimpanan.saldo",
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formSimpanan.saldo")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formSimpanan.saldo")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [
+                      _vm._v(" \n\t\t\t\t"),
+                    ]),
+              ],
+              1
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-12" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formSimpanan.tanggal") },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formSimpanan.tanggal"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formSimpanan.tanggal")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v(" Tanggal:"),
+                  ]
+                ),
+                _vm._v(" "),
+                _c("date-picker", {
+                  attrs: { defaultDate: _vm.formSimpanan.tanggal },
+                  on: {
+                    dateSelected: function ($event) {
+                      _vm.formSimpanan.tanggal = $event
+                    },
+                  },
+                }),
+                _vm._v(" "),
+                _c("input", {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.formSimpanan.tanggal,
+                      expression: "formSimpanan.tanggal",
+                    },
+                    {
+                      name: "show",
+                      rawName: "v-show",
+                      value: false,
+                      expression: "false",
+                    },
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  attrs: { "data-vv-as": "Tanggal" },
+                  domProps: { value: _vm.formSimpanan.tanggal },
+                  on: {
+                    input: function ($event) {
+                      if ($event.target.composing) {
+                        return
+                      }
+                      _vm.$set(_vm.formSimpanan, "tanggal", $event.target.value)
+                    },
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formSimpanan.tanggal")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formSimpanan.tanggal")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [
+                      _vm._v(" \n\t\t\t\t"),
+                    ]),
+              ],
+              1
+            ),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: {
+                type: "submit",
+                disabled: _vm.formSimpanan.produk_cu_id == "",
+              },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: {
+                type: "submit",
+                disabled: _vm.formSimpanan.produk_cu_id == "",
+              },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
+      ],
+      1
+    ),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "font-weight-semibold" }, [
+      _vm._v(
+        "Maaf data jenis simpanan tidak ditemukan, pastikan anda sudah menambahkan data simpanan di menu "
+      ),
+      _c("u", [_vm._v("Tambah Produk & Pelayanan")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "font-weight-semibold" }, [
+      _vm._v(
+        "Apabila jenis simpanan yang ingin anda pilih tidak ada, pastikan anda sudah menambahkan data simpanan di menu "
+      ),
+      _c("u", [_vm._v("Tambah Produk & Pelayanan")]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/cariData.vue?vue&type=template&id=3a0f4cb8&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saldo/cariData.vue?vue&type=template&id=3a0f4cb8& ***!
+  \*******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "card card-body" }, [
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "col-lg-12 pb-2" }, [
+        this.currentUser.id_cu === 0
+          ? _c("div", { staticClass: "input-group" }, [
+              _vm._m(0),
+              _vm._v(" "),
+              _c(
+                "select",
+                {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.idCu,
+                      expression: "idCu",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "idCu",
+                    "data-width": "100%",
+                    disabled: _vm.modelCuStat === "loading",
+                  },
+                  on: {
+                    change: function ($event) {
+                      var $$selectedVal = Array.prototype.filter
+                        .call($event.target.options, function (o) {
+                          return o.selected
+                        })
+                        .map(function (o) {
+                          var val = "_value" in o ? o._value : o.value
+                          return val
+                        })
+                      _vm.idCu = $event.target.multiple
+                        ? $$selectedVal
+                        : $$selectedVal[0]
+                    },
+                  },
+                },
+                [
+                  _c("option", { attrs: { disabled: "", value: "0" } }, [
+                    _vm._v("Silahkan pilih CU"),
+                  ]),
+                  _vm._v(" "),
+                  _vm._t("default"),
+                  _vm._v(" "),
+                  _c("option", { attrs: { disabled: "", value: "" } }, [
+                    _vm._v("----------------"),
+                  ]),
+                  _vm._v(" "),
+                  _vm._l(_vm.modelCu, function (cu) {
+                    return cu
+                      ? _c("option", { domProps: { value: cu.id } }, [
+                          _vm._v(_vm._s(cu.name)),
+                        ])
+                      : _vm._e()
+                  }),
+                ],
+                2
+              ),
+              _vm._v(" "),
+              _c("div", { staticClass: "input-group-append" }, [
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light",
+                    attrs: { disabled: _vm.modelCuStat === "loading" },
+                    on: { click: _vm.fetchCU },
+                  },
+                  [
+                    _c("i", {
+                      staticClass: "icon-sync",
+                      class: { spinner: _vm.modelCuStat === "loading" },
+                    }),
+                  ]
+                ),
+              ]),
+            ])
+          : _vm._e(),
+      ]),
+      _vm._v(" "),
+      _vm.idCu != 0
+        ? _c("div", { staticClass: "col-lg-3 pb-2" }, [
+            _c("div", { staticClass: "input-group" }, [
+              _vm._m(1),
+              _vm._v(" "),
+              _c(
+                "select",
+                {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.jenis,
+                      expression: "jenis",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: { name: "jenis", "data-width": "100%" },
+                  on: {
+                    change: [
+                      function ($event) {
+                        var $$selectedVal = Array.prototype.filter
+                          .call($event.target.options, function (o) {
+                            return o.selected
+                          })
+                          .map(function (o) {
+                            var val = "_value" in o ? o._value : o.value
+                            return val
+                          })
+                        _vm.jenis = $event.target.multiple
+                          ? $$selectedVal
+                          : $$selectedVal[0]
+                      },
+                      function ($event) {
+                        return _vm.changeJenis($event.target.value)
+                      },
+                    ],
+                  },
+                },
+                [
+                  _c("option", { attrs: { disabled: "", value: "" } }, [
+                    _vm._v("Silahkan pilih jenis pencarian"),
+                  ]),
+                  _vm._v(" "),
+                  _c("option", { attrs: { value: "BA" } }, [_vm._v("No. BA")]),
+                  _vm._v(" "),
+                  _c("option", { attrs: { value: "KTP" } }, [
+                    _vm._v("No. KTP / NIK"),
+                  ]),
+                ]
+              ),
+            ]),
+          ])
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.idCu != 0
+        ? _c("div", { staticClass: "col-lg-9 pb-2" }, [
+            _c(
+              "div",
+              { staticClass: "input-group" },
+              [
+                _vm._m(2),
+                _vm._v(" "),
+                _c("cleave", {
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "pencarian",
+                    options: _vm.cleaveOption.number16,
+                    placeholder: _vm.placeholder,
+                    disabled: _vm.isNew,
+                  },
+                  model: {
+                    value: _vm.pencarian,
+                    callback: function ($$v) {
+                      _vm.pencarian = $$v
+                    },
+                    expression: "pencarian",
+                  },
+                }),
+                _vm._v(" "),
+                _vm.isDigit
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _vm._v(
+                        "\n            Maaf, No. KTP anda tidak valid, wajib 16 digit.\n          "
+                      ),
+                    ])
+                  : _vm._e(),
+              ],
+              1
+            ),
+          ])
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.idCu != 0
+        ? _c("div", { staticClass: "col-12 d-none d-md-block" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-primary",
+                attrs: { disabled: _vm.pencarian == "" },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.cariData.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-search4" }), _vm._v(" Cari")]
+            ),
+            _vm._v(" "),
+            _vm.itemDataStat != ""
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-warning",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.resetData.apply(null, arguments)
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-reset" }),
+                    _vm._v(" Reset pencarian"),
+                  ]
+                )
+              : _vm._e(),
+          ])
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.idCu != 0
+        ? _c("div", { staticClass: "col-12 pb-2 d-block d-md-none" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-primary btn-block mb-1",
+                attrs: { disabled: _vm.pencarian == "" },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.cariData.apply(null, arguments)
+                  },
+                },
+              },
+              [_c("i", { staticClass: "icon-search4" }), _vm._v(" Cari")]
+            ),
+            _vm._v(" "),
+            _vm.itemDataStat != ""
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-warning btn-block",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.resetData.apply(null, arguments)
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-reset" }),
+                    _vm._v(" Reset pencarian"),
+                  ]
+                )
+              : _vm._e(),
+          ])
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.itemDataStat == "loading"
+        ? _c("div", { staticClass: "col-12" }, [
+            _c("hr"),
+            _vm._v(" "),
+            _vm._m(3),
+          ])
+        : _vm._e(),
+    ]),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih CU")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [
+        _vm._v("Pilih Jenis Pencarian"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [
+        _vm._v("Masukkan pencarian"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
         {
-          name: "tooltip",
-          rawName: "v-tooltip",
-          value: _vm.message,
-          expression: "message",
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
         },
-      ],
-      staticClass: "icon-info22 d-none d-sm-block",
-    }),
-    _vm._v(" "),
-    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
-      _c("i", [_vm._v(_vm._s(_vm.message))]),
-    ]),
-  ])
-}
-var staticRenderFns = []
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true&":
-/*!********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true& ***!
-  \********************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/index.vue?vue&type=template&id=5dc1066e&":
+/*!****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/saldo/index.vue?vue&type=template&id=5dc1066e& ***!
+  \****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1470,14 +3621,6 @@ var render = function () {
           title: _vm.title,
           titleDesc: _vm.titleDesc,
           titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
         },
       }),
       _vm._v(" "),
@@ -1496,1203 +3639,260 @@ var render = function () {
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _c(
-                "form",
-                {
-                  attrs: { "data-vv-scope": "form" },
-                  on: {
-                    submit: function ($event) {
-                      $event.preventDefault()
-                      return _vm.save.apply(null, arguments)
-                    },
-                  },
+              _c("cari-data", {
+                attrs: { itemDataStat: _vm.itemDataStat, isBack: false },
+                on: {
+                  cariDataKTP: _vm.cariDataKTP,
+                  cariDataBA: _vm.cariDataBA,
+                  resetData: _vm.resetData,
                 },
-                [
-                  _c("div", { staticClass: "card" }, [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.name"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.name"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.name")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tTemuan: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.name,
-                                    expression: "form.name",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "name",
-                                  placeholder:
-                                    "Silahkan masukkan temuan artikel",
-                                  "data-vv-as": "Temuan",
-                                },
-                                domProps: { value: _vm.form.name },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "name",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.name")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.name")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _vm.currentUser.id_cu === 0
-                          ? _c("div", { staticClass: "col-md-6" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "form-group",
-                                  class: {
-                                    "has-error": _vm.errors.has("form.id_cu"),
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "h5",
-                                    {
-                                      class: {
-                                        "text-danger":
-                                          _vm.errors.has("form.id_cu"),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has("form.id_cu")
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.id_cu,
-                                          expression: "form.id_cu",
-                                        },
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "id_cu",
-                                        "data-width": "100%",
-                                        "data-vv-as": "CU",
-                                        disabled: _vm.modelCU.length === 0,
-                                      },
-                                      on: {
-                                        change: [
-                                          function ($event) {
-                                            var $$selectedVal =
-                                              Array.prototype.filter
-                                                .call(
-                                                  $event.target.options,
-                                                  function (o) {
-                                                    return o.selected
-                                                  }
-                                                )
-                                                .map(function (o) {
-                                                  var val =
-                                                    "_value" in o
-                                                      ? o._value
-                                                      : o.value
-                                                  return val
-                                                })
-                                            _vm.$set(
-                                              _vm.form,
-                                              "id_cu",
-                                              $event.target.multiple
-                                                ? $$selectedVal
-                                                : $$selectedVal[0]
-                                            )
-                                          },
-                                          function ($event) {
-                                            return _vm.changeCU(
-                                              $event.target.value
-                                            )
-                                          },
-                                        ],
-                                      },
-                                    },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [
-                                          _vm.modelCUStat === "loading"
-                                            ? _c("span", [
-                                                _vm._v("Mohon tunggu..."),
-                                              ])
-                                            : _c("span", [
-                                                _vm._v("Silahkan pilih CU"),
-                                              ]),
-                                        ]
-                                      ),
-                                      _vm._v(" "),
-                                      _vm._l(_vm.modelCU, function (cu, index) {
-                                        return _c(
-                                          "option",
-                                          {
-                                            key: index,
-                                            domProps: { value: cu.id },
-                                          },
-                                          [_vm._v(_vm._s(cu.name))]
-                                        )
-                                      }),
-                                    ],
-                                    2
-                                  ),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.id_cu")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first("form.id_cu")
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]
-                              ),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.id_tp"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.id_tp"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_tp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tTP: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_tp,
-                                      expression: "form.id_tp",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_tp",
-                                    "data-width": "100%",
-                                    "data-vv-as": "TP",
-                                    disabled: _vm.modelTP.length === 0,
-                                  },
-                                  on: {
-                                    change: function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "id_tp",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelTPStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih TP"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "0" } }, [
-                                    _vm._v("Semua"),
-                                  ]),
-                                  _vm._v(" "),
-                                  _vm._l(_vm.modelTP, function (tp, index) {
-                                    return _c(
-                                      "option",
-                                      {
-                                        key: index,
-                                        domProps: { value: tp.id },
-                                      },
-                                      [_vm._v(_vm._s(tp.name))]
-                                    )
-                                  }),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_tp")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.id_tp")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error":
-                                  _vm.errors.has("form.id_aktivis_cu"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_aktivis_cu"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_aktivis_cu")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tPIC CU: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_aktivis_cu,
-                                      expression: "form.id_aktivis_cu",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_aktivis_cu",
-                                    "data-width": "100%",
-                                    "data-vv-as": "PIC CU",
-                                    disabled: _vm.modelAktivisCU.length === 0,
-                                  },
-                                  on: {
-                                    change: function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "id_aktivis_cu",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelAktivisCUStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih PIC"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelAktivisCU,
-                                    function (ac, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: ac.id },
-                                        },
-                                        [
-                                          _vm._v(
-                                            _vm._s(ac.name) +
-                                              " " +
-                                              _vm._s(
-                                                ac.pekerjaan_aktif
-                                                  ? " - " +
-                                                      ac.pekerjaan_aktif.name
-                                                  : ""
-                                              )
-                                          ),
-                                        ]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_aktivis_cu")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_aktivis_cu"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has(
-                                  "form.id_aktivis_bkcu"
-                                ),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.id_aktivis_bkcu"
-                                    ),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_aktivis_bkcu")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tPIC PUSKOPCUINA: "
-                                  ),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_aktivis_bkcu,
-                                      expression: "form.id_aktivis_bkcu",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_aktivis_bkcu",
-                                    "data-width": "100%",
-                                    "data-vv-as": "PIC CU",
-                                    disabled: _vm.modelAktivisBKCU.length === 0,
-                                  },
-                                  on: {
-                                    change: function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "id_aktivis_bkcu",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelAktivisBKCUStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih PIC"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelAktivisBKCU,
-                                    function (ac, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: ac.id },
-                                        },
-                                        [
-                                          _vm._v(
-                                            _vm._s(ac.name) +
-                                              " " +
-                                              _vm._s(
-                                                ac.pekerjaan_aktif
-                                                  ? " - " +
-                                                      ac.pekerjaan_aktif.name
-                                                  : ""
-                                              )
-                                          ),
-                                        ]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_aktivis_bkcu")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_aktivis_bkcu"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.tanggal"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.tanggal"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.tanggal")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tTanggal: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("date-picker", {
-                                attrs: { defaultDate: _vm.form.tanggal },
-                                on: {
-                                  dateSelected: function ($event) {
-                                    _vm.form.tanggal = $event
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.tanggal,
-                                    expression: "form.tanggal",
-                                  },
-                                  {
-                                    name: "show",
-                                    rawName: "v-show",
-                                    value: false,
-                                    expression: "false",
-                                  },
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                ],
-                                attrs: { "data-vv-as": "Tanggal" },
-                                domProps: { value: _vm.form.tanggal },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "tanggal",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("br"),
-                              _vm._v(" "),
-                              _vm.errors.has("form.tanggal")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.tanggal")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
-                                  ]),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.jenis"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.jenis"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.jenis")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tJenis: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.jenis,
-                                      expression: "form.jenis",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "jenis",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Jenis",
-                                  },
-                                  on: {
-                                    change: function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "jenis",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [_vm._v("Silahkan pilih jenis")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "MAYOR" } }, [
-                                    _vm._v("MAYOR"),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "MINOR" } }, [
-                                    _vm._v("MINOR"),
-                                  ]),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("br"),
-                              _vm._v(" "),
-                              _vm.errors.has("form.jenis")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.jenis")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.perspektif"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.perspektif"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.perspektif")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tPerspektif: "
-                                  ),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.perspektif,
-                                      expression: "form.perspektif",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "perspektif",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Perspektif",
-                                  },
-                                  on: {
-                                    change: function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "perspektif",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [_vm._v("Silahkan pilih perspektif")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    { attrs: { value: "KEUANGAN" } },
-                                    [_vm._v("KEUANGAN")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    { attrs: { value: "KEPUASAN ANGGOTA" } },
-                                    [_vm._v("KEPUASAN ANGGOTA")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    { attrs: { value: "BISNIS INTERNAL" } },
-                                    [_vm._v("BISNIS INTERNAL")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    {
-                                      attrs: {
-                                        value: "PEMBELAJARAN DAN PERTUMBUHAN",
-                                      },
-                                    },
-                                    [_vm._v("PEMBELAJARAN DAN PERTUMBUHAN")]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("br"),
-                              _vm._v(" "),
-                              _vm.errors.has("form.perspektif")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.perspektif")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c(
+              }),
+              _vm._v(" "),
+              _vm.itemDataStat == "fail"
+                ? _c(
                     "div",
-                    { staticClass: "card" },
+                    {
+                      staticClass:
+                        "alert bg-danger text-white alert-styled-left ",
+                    },
                     [
-                      _c("div", { staticClass: "card-header bg-white" }, [
-                        _c(
-                          "h5",
-                          { staticClass: "card-title" },
-                          [_vm._v("Rekomendasi "), _c("wajib-badge")],
-                          1
-                        ),
+                      _c("span", { staticClass: "font-weight-semibold" }, [
+                        _vm._v("Anggota tidak terdaftar di SIMO\n\t\t\t\t\t"),
                       ]),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "card-body pb-2" }, [
-                        _c("div", { staticClass: "row" }, [
-                          _c("div", { staticClass: "col-md-12" }, [
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataStat == "success"
+                ? _c("div", [
+                    _vm.itemData.status_jalinan == "MENINGGAL"
+                      ? _c(
+                          "div",
+                          {
+                            staticClass:
+                              "alert bg-danger text-white alert-styled-left",
+                          },
+                          [
                             _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("tambahRekom")
-                                  },
-                                },
-                              },
+                              "span",
+                              { staticClass: "font-weight-semibold" },
                               [
-                                _c("i", { staticClass: "icon-plus22" }),
-                                _vm._v(" Tambah\n\t\t\t\t\t\t\t\t\t"),
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                attrs: {
-                                  disabled: !_vm.selectedItemRekom.index,
-                                },
-                                on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("ubahRekom")
+                                _vm._v("Anggota ini sudah dinyatakan "),
+                                _c("b", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.statusJalinan(
+                                        _vm.itemData.status_jalinan
+                                      )
+                                    ),
                                   },
-                                },
-                              },
-                              [
-                                _c("i", { staticClass: "icon-pencil5" }),
-                                _vm._v(" Ubah\n\t\t\t\t\t\t\t\t\t"),
+                                }),
+                                _vm._v(
+                                  ", maka tidak bisa dilakukan penambahan, pengubahan dan penghapusan data produk.\n\t\t\t\t\t\t"
+                                ),
                               ]
                             ),
+                          ]
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card" }, [
+                      _vm._m(0),
+                      _vm._v(" "),
+                      _c(
+                        "div",
+                        { staticClass: "card-body" },
+                        [
+                          _c("identitas", {
+                            attrs: { itemData: _vm.itemData },
+                          }),
+                        ],
+                        1
+                      ),
+                    ]),
+                  ])
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataStat == "success"
+                ? _c(
+                    "ul",
+                    {
+                      staticClass:
+                        "nav nav-tabs nav-tabs-solid nav-justified rounded bg-light",
+                    },
+                    _vm._l(_vm.itemDataCu, function (cu) {
+                      return _c("li", { staticClass: "nav-item" }, [
+                        _c(
+                          "a",
+                          {
+                            staticClass: "nav-link rounded-left",
+                            class: { active: _vm.tabName == cu.cu_id },
+                            attrs: { href: "#" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.changeTab(cu)
+                              },
+                            },
+                          },
+                          [
+                            _c("b", [
+                              _vm._v(_vm._s("Anggota CU " + cu.cu.name)),
+                            ]),
                             _vm._v(" "),
+                            _c("br"),
+                            _vm._v(
+                              " \n\t\t\t\t\t\t\t" +
+                                _vm._s("No. BA: " + cu.no_ba) +
+                                " "
+                            ),
+                            _c("br"),
+                            _vm._v(" \n\t\t\t\t\t\t\tSejak: "),
+                            cu.tanggal_masuk
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.date(
+                                        _vm.itemData.tanggal_masuk
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _vm._e(),
+                          ]
+                        ),
+                      ])
+                    }),
+                    0
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "transition-group",
+                {
+                  attrs: {
+                    name: "list",
+                    tag: "div",
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                _vm._l(_vm.itemDataCu, function (cu) {
+                  return _c(
+                    "div",
+                    {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.tabName == cu.cu_id,
+                          expression: "tabName == cu.cu_id",
+                        },
+                      ],
+                      key: cu.cu_id,
+                    },
+                    _vm._l(_vm.itemDataProduk, function (produks, index) {
+                      return index == cu.cu_id
+                        ? _c("div", [
                             _c(
-                              "button",
+                              "div",
                               {
-                                staticClass: "btn btn-light mb-1",
-                                attrs: {
-                                  disabled: !_vm.selectedItemRekom.index,
-                                },
-                                on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("hapusRekom")
-                                  },
-                                },
+                                staticClass:
+                                  "nav-tabs-responsive bg-light border-top",
                               },
                               [
-                                _c("i", { staticClass: "icon-bin2" }),
-                                _vm._v(" Hapus\n\t\t\t\t\t\t\t\t\t"),
-                              ]
-                            ),
-                          ]),
-                        ]),
-                      ]),
-                      _vm._v(" "),
-                      _c("data-table", {
-                        attrs: {
-                          items: _vm.itemDataRekom,
-                          columnData: _vm.columnDataRekom,
-                          itemDataStat: _vm.itemDataRekomStat,
-                        },
-                        scopedSlots: _vm._u([
-                          {
-                            key: "item-desktop",
-                            fn: function (props) {
-                              return [
-                                props.item
-                                  ? _c(
-                                      "tr",
-                                      {
-                                        staticClass: "text-nowrap",
-                                        class: {
-                                          "bg-info":
-                                            _vm.selectedItemRekom.index ===
-                                            props.index + 1,
-                                        },
-                                        on: {
-                                          click: function ($event) {
-                                            return _vm.selectedRekomRow(
-                                              props.index,
-                                              props.item
-                                            )
-                                          },
-                                        },
-                                      },
+                                _c(
+                                  "ul",
+                                  {
+                                    staticClass:
+                                      "nav nav-tabs nav-tabs-solid bg-light",
+                                  },
+                                  _vm._l(produks, function (produk) {
+                                    return _c(
+                                      "li",
+                                      { staticClass: "nav-item" },
                                       [
-                                        _c("td", [
-                                          _vm._v(_vm._s(props.index + 1)),
-                                        ]),
-                                        _vm._v(" "),
-                                        _c("td", {
-                                          domProps: {
-                                            innerHTML: _vm._s(
-                                              _vm.$options.filters.checkStatus(
-                                                props.item.status
-                                              )
-                                            ),
+                                        _c(
+                                          "a",
+                                          {
+                                            staticClass: "nav-link",
+                                            class: {
+                                              active:
+                                                _vm.tabName2 == produk[0].id,
+                                            },
+                                            attrs: { href: "#" },
+                                            on: {
+                                              click: function ($event) {
+                                                $event.preventDefault()
+                                                return _vm.changeTab2(
+                                                  produk[0].id
+                                                )
+                                              },
+                                            },
                                           },
-                                        }),
-                                        _vm._v(" "),
-                                        _c("td", [
-                                          _vm._v(
-                                            _vm._s(props.item.rekomendasi)
-                                          ),
-                                        ]),
+                                          [
+                                            _c("b", [
+                                              _vm._v(_vm._s(produk[0].name)),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("br"),
+                                            _vm._v(" "),
+                                            _c("b", [_vm._v("Kode:")]),
+                                            _vm._v(
+                                              " " +
+                                                _vm._s(produk[0].kode_produk) +
+                                                " "
+                                            ),
+                                            _c("br"),
+                                            _vm._v(" "),
+                                            _c("b", [_vm._v("Tipe:")]),
+                                            _vm._v(
+                                              " " + _vm._s(produk[0].tipe) + " "
+                                            ),
+                                            _c("br"),
+                                            _vm._v(" "),
+                                            produk[0].tipe ==
+                                              "Simpanan Pokok" ||
+                                            produk[0].tipe ==
+                                              "Simpanan Wajib" ||
+                                            produk[0].tipe ==
+                                              "Simpanan Non Saham"
+                                              ? _c("b", [_vm._v("No. Rek:")])
+                                              : _c("b", [_vm._v("No. SPP:")]),
+                                            _vm._v(
+                                              " " +
+                                                _vm._s(produk[0].pivot.no_rek) +
+                                                " "
+                                            ),
+                                            _c("br"),
+                                            _vm._v(" "),
+                                            _c("b", [_vm._v("Saldo:")]),
+                                            _vm._v(" "),
+                                            _c("check-value", {
+                                              attrs: {
+                                                value: produk[0].pivot.saldo,
+                                                valueType: "currency",
+                                              },
+                                            }),
+                                            _vm._v(" "),
+                                            _c("br"),
+                                          ],
+                                          1
+                                        ),
                                       ]
                                     )
-                                  : _vm._e(),
+                                  }),
+                                  0
+                                ),
                               ]
-                            },
-                          },
-                        ]),
-                      }),
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c("form-info"),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "card card-body" },
-                    [
-                      _c("form-button", {
-                        attrs: {
-                          cancelState: "methods",
-                          formValidation: "form",
-                        },
-                        on: { cancelClick: _vm.back },
-                      }),
-                    ],
-                    1
-                  ),
-                ],
-                1
+                            ),
+                          ])
+                        : _vm._e()
+                    }),
+                    0
+                  )
+                }),
+                0
               ),
             ],
             1
@@ -2726,19 +3926,149 @@ var render = function () {
           _vm._v(" "),
           _c(
             "template",
-            { slot: "modal-body3" },
+            { slot: "modal-body1" },
+            [
+              _c(
+                "ul",
+                {
+                  staticClass:
+                    "nav nav-tabs nav-tabs-solid nav-justified rounded bg-light",
+                },
+                [
+                  _c("li", { staticClass: "nav-item" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "nav-link rounded-left",
+                        class: { active: _vm.tabNameModal == "simpanan" },
+                        attrs: { href: "#" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.changeTabModal("simpanan")
+                          },
+                        },
+                      },
+                      [_vm._v("\n\t\t\t\t\t\tSimpanan\n\t\t\t\t\t")]
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c("li", { staticClass: "nav-item" }, [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "nav-link rounded-left",
+                        class: { active: _vm.tabNameModal == "pinjaman" },
+                        attrs: { href: "#" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.changeTabModal("pinjaman")
+                          },
+                        },
+                      },
+                      [_vm._v("\n\t\t\t\t\t\tPinjaman\n\t\t\t\t\t")]
+                    ),
+                  ]),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _c(
+                    "div",
+                    {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.tabNameModal == "simpanan",
+                          expression: "tabNameModal == 'simpanan'",
+                        },
+                      ],
+                    },
+                    [
+                      _c("form-simpanan", {
+                        attrs: { mode: "create" },
+                        on: {
+                          createSimpanan: _vm.createProduk,
+                          tutup: _vm.modalTutup,
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _c(
+                    "div",
+                    {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.tabNameModal == "pinjaman",
+                          expression: "tabNameModal == 'pinjaman'",
+                        },
+                      ],
+                    },
+                    [
+                      _c("form-pinjaman", {
+                        attrs: { mode: "create" },
+                        on: {
+                          createPinjaman: _vm.createProduk,
+                          tutup: _vm.modalTutup,
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                ]
+              ),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body2" },
             [
-              _c("form-rekom", {
-                attrs: {
-                  mode: _vm.formRekomMode,
-                  selected: _vm.selectedItemRekom,
-                },
-                on: {
-                  createRekom: _vm.createRekom,
-                  editRekom: _vm.editRekom,
-                  tutup: _vm.modalTutup,
-                },
-              }),
+              _vm.tipeProduk == "simpanan"
+                ? _c("form-simpanan", {
+                    attrs: {
+                      mode: "edit",
+                      selected: _vm.itemDataProdukSelected[0],
+                    },
+                    on: { editSimpanan: _vm.editProduk, tutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.tipeProduk == "pinjaman"
+                ? _c("form-pinjaman", {
+                    attrs: {
+                      mode: "edit",
+                      selected: _vm.itemDataProdukSelected[0],
+                    },
+                    on: { editPinjaman: _vm.editProduk, tutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
             ],
             1
           ),
@@ -2749,182 +4079,20 @@ var render = function () {
     1
   )
 }
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe& ***!
-  \*************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formDataRekom" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _vm.message.show
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorData: _vm.message.content,
-                showDebug: false,
-              },
-              on: { close: _vm.messageClose },
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c("div", { staticClass: "row" }, [
-          _c("div", { staticClass: "col-md-12" }, [
-            _c("div", { staticClass: "form-group" }, [
-              _c("h6", [_vm._v("Rekomendasi: "), _c("wajib-badge")], 1),
-              _vm._v(" "),
-              _c("input", {
-                directives: [
-                  {
-                    name: "validate",
-                    rawName: "v-validate",
-                    value: "required",
-                    expression: "'required'",
-                  },
-                  {
-                    name: "model",
-                    rawName: "v-model",
-                    value: _vm.formDataRekom.rekomendasi,
-                    expression: "formDataRekom.rekomendasi",
-                  },
-                ],
-                staticClass: "form-control",
-                attrs: {
-                  type: "text",
-                  name: "rekomendasi",
-                  placeholder: "Silahkan masukkan rekomendasi",
-                  "data-vv-as": "Rekomendasi",
-                },
-                domProps: { value: _vm.formDataRekom.rekomendasi },
-                on: {
-                  input: function ($event) {
-                    if ($event.target.composing) {
-                      return
-                    }
-                    _vm.$set(
-                      _vm.formDataRekom,
-                      "rekomendasi",
-                      $event.target.value
-                    )
-                  },
-                },
-              }),
-            ]),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formDataRekom.cu_id == "",
-              },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: {
-                type: "submit",
-                disabled: _vm.formDataRekom.cu_id == "",
-              },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-        ]),
-      ],
-      1
-    ),
-  ])
-}
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Identitas")]),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
-/***/ }),
-
-/***/ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&":
-/*!***************************************************************************************************************!*\
-  !*** ./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& ***!
-  \***************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/style-loader!../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-
-
 /***/ }),
 
 /***/ "./resources/assets/js/components/checkValue.vue":
@@ -2996,17 +4164,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/components/countWidget.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/components/countWidget.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* harmony import */ var _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./countWidget.vue?vue&type=template&id=b9608b28& */ "./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&");
+/* harmony import */ var _countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./countWidget.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3016,9 +4184,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3028,57 +4196,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datatable.vue"
+component.options.__file = "resources/assets/js/components/countWidget.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./countWidget.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./countWidget.vue?vue&type=template&id=b9608b28& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/countWidget.vue?vue&type=template&id=b9608b28&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_countWidget_vue_vue_type_template_id_b9608b28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue":
+/***/ "./resources/assets/js/components/pageHeader.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue ***!
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -3086,10 +4252,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3099,71 +4265,106 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datePicker.vue"
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \****************************************************************************************/
-/*! no static exports found */
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \**************************************************************************************/
+/*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \**************************************************************************************/
-/*! exports provided: render, staticRenderFns */
+/***/ "./resources/assets/js/helpers/form.js":
+/*!*********************************************!*\
+  !*** ./resources/assets/js/helpers/form.js ***!
+  \*********************************************/
+/*! exports provided: toMulipartedForm, objectToFormData */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function toMulipartedForm(form, mode) {
+  if (mode === 'edit' && typeof form.image === 'string') {
+    var temp = JSON.parse(JSON.stringify(form));
+    delete temp.image;
+    return temp;
+  } else {
+    return objectToFormData(form);
+  }
+}
+function objectToFormData(obj, form, namespace) {
+  var fd = form || new FormData();
+  var formKey;
+
+  for (var property in obj) {
+    if (obj.hasOwnProperty(property)) {
+      if (namespace) {
+        formKey = namespace + '[' + property + ']';
+      } else {
+        formKey = property;
+      }
 
+      if (obj[property] instanceof Array) {
+        for (var i = 0; i < obj[property].length; i++) {
+          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
+        }
+      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
+        objectToFormData(obj[property], fd, property);
+      } else {
+        fd.append(formKey, obj[property]);
+      }
+    }
+  }
 
+  return fd;
+}
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formPinjaman.vue":
+/*!**************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formPinjaman.vue ***!
+  \**************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _formPinjaman_vue_vue_type_template_id_2d3f9ef3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPinjaman.vue?vue&type=template&id=2d3f9ef3& */ "./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=template&id=2d3f9ef3&");
+/* harmony import */ var _formPinjaman_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPinjaman.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -3172,9 +4373,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formPinjaman_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formPinjaman_vue_vue_type_template_id_2d3f9ef3___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formPinjaman_vue_vue_type_template_id_2d3f9ef3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3184,57 +4385,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/infoIcon.vue"
+component.options.__file = "resources/assets/js/views/anggotaCu/formPinjaman.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPinjaman_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPinjaman.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPinjaman_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=template&id=2d3f9ef3&":
+/*!*********************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=template&id=2d3f9ef3& ***!
+  \*********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPinjaman_vue_vue_type_template_id_2d3f9ef3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPinjaman.vue?vue&type=template&id=2d3f9ef3& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formPinjaman.vue?vue&type=template&id=2d3f9ef3&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPinjaman_vue_vue_type_template_id_2d3f9ef3___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPinjaman_vue_vue_type_template_id_2d3f9ef3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/form.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/form.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formSimpanan.vue":
+/*!**************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formSimpanan.vue ***!
+  \**************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=2876dcc8&scoped=true& */ "./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _public_css_admin_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& */ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
+/* harmony import */ var _formSimpanan_vue_vue_type_template_id_02e81990___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formSimpanan.vue?vue&type=template&id=02e81990& */ "./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=template&id=02e81990&");
+/* harmony import */ var _formSimpanan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formSimpanan.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -3242,67 +4441,67 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _formSimpanan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formSimpanan_vue_vue_type_template_id_02e81990___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formSimpanan_vue_vue_type_template_id_02e81990___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "2876dcc8",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/monitoring/form.vue"
+component.options.__file = "resources/assets/js/views/anggotaCu/formSimpanan.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formSimpanan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formSimpanan.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formSimpanan_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true&":
-/*!**************************************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true& ***!
-  \**************************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=template&id=02e81990&":
+/*!*********************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=template&id=02e81990& ***!
+  \*********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=2876dcc8&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formSimpanan_vue_vue_type_template_id_02e81990___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formSimpanan.vue?vue&type=template&id=02e81990& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formSimpanan.vue?vue&type=template&id=02e81990&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formSimpanan_vue_vue_type_template_id_02e81990___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formSimpanan_vue_vue_type_template_id_02e81990___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/formRekom.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/formRekom.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/views/saldo/cariData.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/saldo/cariData.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formRekom.vue?vue&type=template&id=6a905bbe& */ "./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe&");
-/* harmony import */ var _formRekom_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formRekom.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js&");
+/* harmony import */ var _cariData_vue_vue_type_template_id_3a0f4cb8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cariData.vue?vue&type=template&id=3a0f4cb8& */ "./resources/assets/js/views/saldo/cariData.vue?vue&type=template&id=3a0f4cb8&");
+/* harmony import */ var _cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cariData.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/saldo/cariData.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3312,9 +4511,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formRekom_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _cariData_vue_vue_type_template_id_3a0f4cb8___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _cariData_vue_vue_type_template_id_3a0f4cb8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3324,38 +4523,107 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/monitoring/formRekom.vue"
+component.options.__file = "resources/assets/js/views/saldo/cariData.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/saldo/cariData.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/saldo/cariData.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./cariData.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/cariData.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/saldo/cariData.vue?vue&type=template&id=3a0f4cb8&":
 /*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/saldo/cariData.vue?vue&type=template&id=3a0f4cb8& ***!
   \*************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_template_id_3a0f4cb8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./cariData.vue?vue&type=template&id=3a0f4cb8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/cariData.vue?vue&type=template&id=3a0f4cb8&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_template_id_3a0f4cb8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cariData_vue_vue_type_template_id_3a0f4cb8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/saldo/index.vue":
+/*!***************************************************!*\
+  !*** ./resources/assets/js/views/saldo/index.vue ***!
+  \***************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _index_vue_vue_type_template_id_5dc1066e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=5dc1066e& */ "./resources/assets/js/views/saldo/index.vue?vue&type=template&id=5dc1066e&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/saldo/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_5dc1066e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_5dc1066e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/views/saldo/index.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/saldo/index.vue?vue&type=script&lang=js&":
+/*!****************************************************************************!*\
+  !*** ./resources/assets/js/views/saldo/index.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formRekom.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/saldo/index.vue?vue&type=template&id=5dc1066e&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/saldo/index.vue?vue&type=template&id=5dc1066e& ***!
+  \**********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formRekom.vue?vue&type=template&id=6a905bbe& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_5dc1066e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=5dc1066e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/saldo/index.vue?vue&type=template&id=5dc1066e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_5dc1066e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_5dc1066e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/56.js b/public/js/components/56.js
index 749afcdfd..ba85b1325 100644
--- a/public/js/components/56.js
+++ b/public/js/components/56.js
@@ -1,14 +1,17 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[56],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
+//
 //
 //
 //
@@ -17,38 +20,6 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: []
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _card_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./card.vue */ "./resources/assets/js/views/asetTetap/card.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -65,6 +36,70 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
+    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  props: {
+    value: {
+      "default": ''
+    },
+    frontText: {
+      "default": ''
+    },
+    trimLength: {
+      "default": 50
+    },
+    valueType: {
+      "default": 'trim'
+    },
+    empty: {
+      "default": '-'
+    }
+  },
+  data: function data() {
+    return {
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: ''
+    };
+  },
+  methods: {
+    modalOpen: function modalOpen() {
+      this.modalShow = true;
+      this.modalState = 'content-tutup';
+      this.modalContent = this.value;
+      this.modalButton = 'Tutup';
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    strip: function strip(html) {
+      var tmp = document.createElement("DIV");
+      tmp.innerHTML = html;
+      return tmp.textContent || tmp.innerText || "";
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
 //
 //
 //
@@ -118,120 +153,149 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['columnData', 'itemDataStat', 'items'],
+  components: {},
+  data: function data() {
+    return {};
+  },
+  methods: {}
+});
 
+/***/ }),
 
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
+//
+//
+//
+//
+//
+//
+//
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['kelas', 'selectedItem'],
+  props: ['defaultDate'],
   components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    cardData: _card_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
+    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
   },
   data: function data() {
     return {
-      formData: {},
-      modelProdukCu: [],
-      modelProdukCuStat: '',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      submited: false
+      time: '',
+      dateVal: ''
     };
   },
-  created: function created() {
-    this.fetch();
-    this.formData = Object.assign({}, this.selectedItem);
+  mounted: function mounted() {
+    if (this.defaultDate == '') {
+      var today = new Date();
+      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
+      this.time = date;
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
+    } else {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+      this.$emit('dateSelected', this.defaultDate);
+    }
   },
   watch: {
-    modelLokasiStat: function modelLokasiStat(value) {
-      if (value === "success") {
-        this.formData = Object.assign({}, this.selectedItem);
-      }
+    defaultDate: function defaultDate(newVal, oldVal) {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
     }
   },
   methods: {
-    save: function save() {
-      var _this = this;
+    onChanged: function onChanged(event) {
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
+    }
+  }
+});
 
-      this.$validator.validateAll('formData').then(function (result) {
-        if (result) {
-          _this.$store.dispatch(_this.kelas + '/update', [_this.selectedItem.id, _this.formData]);
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    fetch: function fetch() {
-      this.$store.dispatch('asetTetapLokasi/resetDataS');
-      this.$store.dispatch('asetTetapLokasi/get');
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    message: {
+      "default": ''
     }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('asetTetapLokasi', {
-    modelLokasi: 'dataS',
-    modelLokasiStat: 'dataStatS',
-    updateLokasiResponse: 'update',
-    updateLokasiStat: 'updateStat'
-  }))
+  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
 /* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _card_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./card.vue */ "./resources/assets/js/views/asetTetap/card.vue");
+/* harmony import */ var _helpers_auth__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../helpers/auth */ "./resources/assets/js/helpers/auth.js");
+/* harmony import */ var _helpers_url_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../helpers/url.js */ "./resources/assets/js/helpers/url.js");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _formRekom_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./formRekom.vue */ "./resources/assets/js/views/monitoring/formRekom.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 //
 //
 //
@@ -297,114 +361,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['kelas', 'selectedItem'],
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    cardData: _card_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
-  },
-  data: function data() {
-    return {
-      formData: {},
-      modelProdukCu: [],
-      modelProdukCuStat: '',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      submited: false
-    };
-  },
-  created: function created() {
-    this.fetch();
-    this.formData = Object.assign({}, this.selectedItem);
-  },
-  watch: {
-    modelLokasiStat: function modelLokasiStat(value) {
-      if (value === "success") {
-        this.formData = Object.assign({}, this.selectedItem);
-      }
-    }
-  },
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('formData').then(function (result) {
-        if (result) {
-          _this.$store.dispatch(_this.kelas + '/update', [_this.selectedItem.id, _this.formData]);
-        } else {
-          _this.submited = true;
-        }
-      });
-    },
-    fetch: function fetch() {
-      this.$store.dispatch('asetTetapLokasi/resetDataS');
-      this.$store.dispatch('asetTetapLokasi/get');
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('asetTetapLokasi', {
-    modelLokasi: 'dataS',
-    modelLokasiStat: 'dataStatS',
-    updateLokasiResponse: 'update',
-    updateLokasiStat: 'updateStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/index.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/index.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/asetTetap/table.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -434,70 +390,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Aset Tetap',
-      kelas: 'asetTetap',
-      titleDesc: 'Mengelola data aset tetap',
-      titleIcon: 'icon-bag'
-    };
-  },
-  created: function created() {
-    this.checkUser('index_aset_tetap', this.$route.params.cu);
-  },
-  methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetap', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
-/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var qrcode_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! qrcode.vue */ "./node_modules/qrcode.vue/dist/qrcode.vue.esm.js");
-/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");
-/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_2__);
-
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-//
-//
-//
-//
 //
 //
 //
@@ -567,112 +459,6 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 //
 //
 //
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    QrcodeVue: qrcode_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  props: ['selectedItem'],
-  data: function data() {
-    return {
-      tabName: 'qrBig',
-      qrValue: ''
-    };
-  },
-  created: function created() {
-    this.qrValue = 'puskopcuina.org/admins/asetTetap/detail/' + this.selectedItem.kode;
-  },
-  methods: {
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-    },
-    print: function print() {
-      this.$htmlToPaper(this.tabName);
-    },
-    download: function download() {
-      var _this = this;
-
-      return _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
-        var options;
-        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                options = {
-                  type: 'dataURL'
-                };
-
-                if (!(_this.tabName == 'qrBig')) {
-                  _context.next = 7;
-                  break;
-                }
-
-                _context.next = 4;
-                return _this.$html2canvas(_this.$refs.qrBig, options);
-
-              case 4:
-                _this.output = _context.sent;
-                _context.next = 10;
-                break;
-
-              case 7:
-                _context.next = 9;
-                return _this.$html2canvas(_this.$refs.qrSmall, options);
-
-              case 9:
-                _this.output = _context.sent;
-
-              case 10:
-                file_saver__WEBPACK_IMPORTED_MODULE_2___default.a.saveAs(_this.output, _this.selectedItem.kode);
-
-              case 11:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }))();
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
-/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var qrcode_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! qrcode.vue */ "./node_modules/qrcode.vue/dist/qrcode.vue.esm.js");
-/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");
-/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_2__);
-
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -739,102 +525,6 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 //
 //
 //
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    QrcodeVue: qrcode_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  props: ['itemData'],
-  data: function data() {
-    return {
-      tabName: 'qrBig'
-    };
-  },
-  created: function created() {},
-  methods: {
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-    },
-    print: function print() {
-      this.$htmlToPaper(this.tabName);
-    },
-    download: function download() {
-      var _this = this;
-
-      return _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
-        var options;
-        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                options = {
-                  type: 'dataURL'
-                };
-
-                if (!(_this.tabName == 'qrBig')) {
-                  _context.next = 7;
-                  break;
-                }
-
-                _context.next = 4;
-                return _this.$html2canvas(_this.$refs.qrBig, options);
-
-              case 4:
-                _this.output = _context.sent;
-                _context.next = 10;
-                break;
-
-              case 7:
-                _context.next = 9;
-                return _this.$html2canvas(_this.$refs.qrSmall, options);
-
-              case 9:
-                _this.output = _context.sent;
-
-              case 10:
-                file_saver__WEBPACK_IMPORTED_MODULE_2___default.a.saveAs(_this.output, 'aset tetap halaman ' + _this.itemData.current_page);
-
-              case 11:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }))();
-    },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/table.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/table.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _formLokasi_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./formLokasi.vue */ "./resources/assets/js/views/asetTetap/formLokasi.vue");
-/* harmony import */ var _formKondisi_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./formKondisi.vue */ "./resources/assets/js/views/asetTetap/formKondisi.vue");
-/* harmony import */ var _formDetail_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./formDetail.vue */ "./resources/assets/js/views/asetTetap/formDetail.vue");
-/* harmony import */ var _qrCode_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./qrCode.vue */ "./resources/assets/js/views/asetTetap/qrCode.vue");
-/* harmony import */ var _qrCodeAll_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./qrCodeAll.vue */ "./resources/assets/js/views/asetTetap/qrCodeAll.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -925,6 +615,320 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    formRekom: _formRekom_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_12___default.a,
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_13__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Tambah Temuan',
+      titleDesc: 'Menambah temuan',
+      titleIcon: 'icon-plus3',
+      level2Title: 'Monitoring',
+      kelas: 'monitoring',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        }
+      },
+      formRekomMode: '',
+      selectedItemRekom: '',
+      itemDataRekom: [],
+      itemDataRekomStat: 'success',
+      columnDataRekom: [{
+        title: 'No.'
+      }, {
+        title: 'Status'
+      }, {
+        title: 'Rekomendasi'
+      }],
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      submited: false
+    };
+  },
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
+  created: function created() {
+    if (this.currentUser.id_cu == 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    }
+
+    this.$store.dispatch('aktivis/resetDataS2');
+    this.$store.dispatch('aktivis/get2', 0);
+  },
+  watch: {
+    formStat: function formStat(value) {
+      if (value === "success") {
+        if (this.$route.meta.mode == 'create') {
+          if (this.currentUser.id_cu != 0) {
+            this.form.id_cu = this.currentUser.id_cu;
+            this.changeCU(this.form.id_cu);
+          }
+        } else {
+          this.checkUser('update_monitoring', this.form.id_cu);
+          this.changeCU(this.form.id_cu);
+          this.fetchRekom();
+        }
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      if (this.currentUser.id_cu == 0) {
+        if (this.modelCuStat != 'success') {
+          this.$store.dispatch('cu/getHeader');
+        }
+      }
+
+      if (this.$route.meta.mode == 'edit') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+        this.title = 'Ubah Temuan';
+        this.titleDesc = 'Mengubah temuan';
+        this.titleIcon = 'icon-pencil5';
+      } else {
+        this.title = 'Tambah Temuan';
+        this.titleDesc = 'Menambah temuan';
+        this.titleIcon = 'icon-plus3';
+        this.$store.dispatch(this.kelas + '/create');
+      }
+    },
+    fetchRekom: function fetchRekom() {
+      this.itemDataRekom = [];
+      var valData;
+
+      if (this.form.monitoring_rekom) {
+        var _iterator = _createForOfIteratorHelper(this.form.monitoring_rekom),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            valData = _step.value;
+            this.itemDataRekom.push(valData);
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+    },
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    },
+    save: function save() {
+      var _this = this;
+
+      this.form.rekomendasi = this.itemDataRekom;
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.$route.meta.mode === 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
+          } else {
+            _this.$store.dispatch(_this.kelas + '/store', _this.form);
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
+    changeCU: function changeCU(id) {
+      this.$store.dispatch('tp/getCu', id);
+      this.$store.dispatch('aktivis/resetDataS');
+      this.$store.dispatch('aktivis/get', id);
+    },
+    back: function back() {
+      if (this.currentUser.id_cu == 0) {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: 'semua',
+            tp: 'semua'
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.currentUser.id_cu,
+            tp: 'semua'
+          }
+        });
+      }
+    },
+    createRekom: function createRekom(value) {
+      this.itemDataRekom.push(value);
+      this.modalTutup();
+    },
+    editRekom: function editRekom(value) {
+      _.remove(this.itemDataRekom, {
+        index: value.index
+      });
+
+      this.itemDataRekom.push(value);
+      this.modalTutup();
+    },
+    selectedRekomRow: function selectedRekomRow(index, item) {
+      this.selectedItemRekom = item;
+      this.selectedItemRekom.index = index + 1;
+    },
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.state = state;
+
+      if (state == 'hapusRekom') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus Rekomendasi ' + this.selectedItemRekom.cu.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+        this.modalSize = '';
+      } else if (state == 'ubahRekom') {
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah Rekomendasi';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formRekomMode = 'edit';
+      } else if (state == 'tambahRekom') {
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah Rekomendasi';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formRekomMode = 'create';
+      }
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      this.modalShow = false;
+
+      if (this.state == 'hapusRekom') {
+        _.remove(this.itemDataRekom, {
+          index: this.selectedItemRekom.index
+        });
+      }
+    },
+    modalTutup: function modalTutup() {
+      if (this.updateStat == 'success') {
+        this.back();
+        this.$store.dispatch(this.kelas + '/resetUpdateStat');
+      }
+
+      this.modalShow = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('monitoring', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
+    modelTP: 'dataS',
+    modelTPStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
+    modelAktivisCU: 'dataS',
+    modelAktivisBKCU: 'dataS2',
+    modelAktivisCUStat: 'dataStatS',
+    modelAktivisBKCUStat: 'dataStatS2'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -976,356 +980,287 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
 
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected'],
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    formLokasi: _formLokasi_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    formKondisi: _formKondisi_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formDetail: _formDetail_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    qrCode: _qrCode_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    qrCodeAll: _qrCodeAll_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
-  props: ['title', 'kelas'],
   data: function data() {
     return {
-      selectedItem: [],
-      tabName: 'qrBig',
-      query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
+      title: '',
+      kelas: 'monitoring',
+      formDataRekom: {
+        rekomendasi: '',
+        status: ''
       },
-      excelDownloadUrl: '',
-      columnData: [{
-        title: 'No.',
-        name: 'No.',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false
-      }, {
-        title: 'Foto',
-        name: 'gambar',
-        hide: false
-      }, {
-        title: 'Kode',
-        name: 'kode',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Golongan',
-        name: 'golongan.name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kelompok',
-        name: 'kelompok.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Jenis',
-        name: 'jenis.name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Merk',
-        name: 'merk',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tipe',
-        name: 'tipe',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Lokasi',
-        name: 'lokasi.name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Penanggungjawab',
-        name: 'aktivis.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Beli',
-        name: 'tanggal',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Pembeli',
-        name: 'pembeli.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Sub',
-        name: 'has_aset_count',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Harga Induk',
-        name: 'harga',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Harga Sub',
-        name: 'harga_sub',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Total Harga',
-        name: 'total_harga',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kondisi',
-        name: 'kondisi',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      state: '',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: '',
-      modalColor: '',
-      modalSize: ''
+      message: {
+        show: false,
+        content: ''
+      },
+      submited: false
     };
   },
   created: function created() {
-    this.fetch(this.query);
-  },
-  watch: {
-    // check route changes
-    '$route': function $route(to, from) {
-      this.fetch(this.query);
-    },
-    // when updating data
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = 'Ok';
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.fetch(this.query);
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = '';
-      }
+    if (this.mode == 'edit') {
+      this.formDataRekom = Object.assign({}, this.selected);
     }
   },
+  watch: {},
   methods: {
-    fetch: function fetch(params) {
-      this.$store.dispatch(this.kelas + '/index', params);
-      this.excelDownloadUrl = this.kelas;
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    ubahData: function ubahData(id, id_cu) {
-      this.$router.push({
-        name: this.kelas + 'Edit',
-        params: {
-          id: id
-        }
-      });
-    },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.state = state;
+    save: function save() {
+      var _this = this;
 
-      if (isMobile) {
-        this.selectedItem = itemMobile;
+      if (!this.formDataRekom.status) {
+        this.formDataRekom.status = 0;
       }
 
-      if (state == 'hapus') {
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
-        this.modalState = "confirm-tutup";
-        this.modalButton = 'Iya, Hapus';
-        this.modalSize = "''";
-      } else if (state == 'lokasi') {
-        this.modalTitle = 'Ubah lokasi aset dengan nama ' + this.selectedItem.name + ' ?';
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "''";
-      } else if (state == 'kondisi') {
-        this.modalTitle = 'Ubah kondisi aset dengan nama ' + this.selectedItem.name + ' ?';
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "''";
-      } else if (state == 'detail') {
-        this.modalTitle = 'Detail aset dengan nama ' + this.selectedItem.name;
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "modal-lg";
-      } else if (state == 'qrCode') {
-        this.modalTitle = 'QR Code untuk aset dengan nama ' + this.selectedItem.name;
-        this.modalState = 'normal2';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "";
-      } else if (state == 'qrCodeAll') {
-        this.modalTitle = 'QR Code pada tabel';
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalSize = "modal-full";
-      }
+      this.$validator.validateAll('formDataRekom').then(function (result) {
+        if (result) {
+          if (_this.mode == 'edit') {
+            _this.$emit('editRekom', _this.formDataRekom);
+          } else {
+            _this.$emit('createRekom', _this.formDataRekom);
+          }
+        } else {
+          _this.submited = true;
+        }
+      });
     },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+    messageClose: function messageClose() {
+      this.message.show = false;
     },
-    modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
-      }
+    tutup: function tutup() {
+      this.$emit('tutup');
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetap', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&":
+/*!********************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& ***!
+  \********************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, ".document-editor[data-v-2876dcc8] {\n  border: 1px solid var(--ck-color-base-border);\n  border-radius: var(--ck-border-radius);\n\n  /* Set vertical boundaries for the document editor. */\n  max-height: 700px;\n\n  /* This element is a flex container for easier rendering. */\n  display: flex;\n  flex-flow: column nowrap;\n}\n.document-editor__toolbar[data-v-2876dcc8] {\n  /* Make sure the toolbar container is always above the editable. */\n  z-index: 1;\n\n  /* Create the illusion of the toolbar floating over the editable. */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.2 );\n\n  /* Use the CKEditor CSS variables to keep the UI consistent. */\n  border-bottom: 1px solid var(--ck-color-toolbar-border);\n}\n\n/* Adjust the look of the toolbar inside the container. */\n.document-editor__toolbar .ck-toolbar[data-v-2876dcc8] {\n  border: 0;\n  border-radius: 0;\n}\n\n/* Make the editable container look like the inside of a native word processor application. */\n.document-editor__editable-container[data-v-2876dcc8] {\n  padding: calc( 2 * var(--ck-spacing-large) );\n  background: var(--ck-color-base-foreground);\n\n  /* Make it possible to scroll the \"page\" of the edited content. */\n  overflow-y: scroll;\n}\n.document-editor__editable-container .ck-editor__editable[data-v-2876dcc8] {\n  /* Set the dimensions of the \"page\". */\n  width: 98%;\n  /* min-height: 21cm; */\n\n  /* Keep the \"page\" off the boundaries of the container. */\n  padding: 1cm 2cm 2cm;\n\n  border: 1px hsl( 0,0%,82.7% ) solid;\n  border-radius: var(--ck-border-radius);\n  background: white;\n\n  /* The \"page\" should cast a slight shadow (3D illusion). */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.1 );\n\n  /* Center the \"page\". */\n  margin: 0 auto;\n}\n\n/* Set the default font for the \"page\" of the content. */\n.document-editor .ck-content[data-v-2876dcc8],\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-2876dcc8] {\n  font: 16px/1.6 \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n/* Adjust the headings dropdown to host some larger heading styles. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-2876dcc8] {\n  line-height: calc( 1.7 * var(--ck-line-height-base) * var(--ck-font-size-base) );\n  min-width: 6em;\n}\n\n/* Scale down all heading previews because they are way too big to be presented in the UI.\nPreserve the relative scale, though. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label[data-v-2876dcc8] {\n  transform: scale(0.8);\n  transform-origin: left;\n}\n\n/* Set the styles for \"Heading 1\". */\n.document-editor .ck-content h2[data-v-2876dcc8],\n.document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label[data-v-2876dcc8] {\n  font-size: 2.18em;\n  font-weight: normal;\n}\n.document-editor .ck-content h2[data-v-2876dcc8] {\n  line-height: 1.37em;\n  padding-top: .342em;\n  margin-bottom: .142em;\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-2876dcc8],\n.document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label[data-v-2876dcc8] {\n  font-size: 1.75em;\n  font-weight: normal;\n  color: hsl( 203, 100%, 50% );\n}\n.document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label[data-v-2876dcc8] {\n  color: var(--ck-color-list-button-on-text);\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-2876dcc8] {\n  line-height: 1.86em;\n  padding-top: .171em;\n  margin-bottom: .357em;\n}\n\n/* Set the styles for \"Heading 3\". */\n.document-editor .ck-content h4[data-v-2876dcc8],\n.document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label[data-v-2876dcc8] {\n  font-size: 1.31em;\n  font-weight: bold;\n}\n.document-editor .ck-content h4[data-v-2876dcc8] {\n  line-height: 1.24em;\n  padding-top: .286em;\n  margin-bottom: .952em;\n}\n\n/* Set the styles for \"Paragraph\". */\n.document-editor .ck-content p[data-v-2876dcc8] {\n  font-size: 1em;\n  line-height: 1.63em;\n  padding-top: .5em;\n  margin-bottom: 1.13em;\n}\n\n/* Make the block quoted text serif with some additional spacing. */\n.document-editor .ck-content blockquote[data-v-2876dcc8] {\n  font-family: Georgia, serif;\n  margin-left: calc( 2 * var(--ck-spacing-large) );\n  margin-right: calc( 2 * var(--ck-spacing-large) );\n}\n", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&":
+/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& ***!
+  \************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticStyle: { display: "inline-block" } },
+    [
+      _vm.value
+        ? _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm.valueType == "trim"
+              ? _c(
+                  "span",
+                  { staticStyle: { display: "inline-block" } },
+                  [
+                    _c("truncate", {
+                      staticStyle: { display: "inline-block" },
+                      attrs: {
+                        "action-class": "badge bg-blue",
+                        clamp: "selengkapnya >",
+                        length: _vm.trimLength,
+                        less: "< kembali",
+                        text: _vm.frontText + " " + _vm.value,
+                      },
+                    }),
+                  ],
+                  1
+                )
+              : _vm.valueType == "modal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light",
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen()
+                        },
+                      },
+                    },
+                    [_vm._v("\n          Lihat\n      ")]
+                  ),
+                ])
+              : _vm.valueType == "currency"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(
+                        _vm._f("currency")(_vm.value, "", 0, {
+                          thousandsSeparator: ".",
+                        })
+                      )
+                  ),
+                ])
+              : _vm.valueType == "percentage"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("percentage")(_vm.value, 2))
+                  ),
+                ])
+              : _vm.valueType == "decimal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("round")(_vm.value, 2))
+                  ),
+                ])
+              : _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
+                ]),
+          ])
+        : _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
+          ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+          content: _vm.modalContent,
+        },
+        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
+      }),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1337,21 +1272,92 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _vm._m(0)
+  return _c(
+    "div",
+    {
+      staticClass: "table-responsive table-scrollable",
+      staticStyle: { "max-height": "33rem" },
+    },
+    [
+      _c("table", { staticClass: "table table-striped" }, [
+        _c("thead", { staticClass: "bg-primary" }, [
+          _c(
+            "tr",
+            { staticClass: "text-nowrap" },
+            _vm._l(_vm.columnData, function (item, index) {
+              return _c("th", { key: index }, [
+                _c("span", { domProps: { innerHTML: _vm._s(item.title) } }),
+              ])
+            }),
+            0
+          ),
+        ]),
+        _vm._v(" "),
+        _vm.itemDataStat === "loading"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._m(0),
+                ]),
+              ]),
+            ])
+          : _vm.itemDataStat === "success"
+          ? _c(
+              "tbody",
+              [
+                _vm._l(_vm.items, function (item, index) {
+                  return _vm._t("item-desktop", null, {
+                    item: item,
+                    index: index,
+                  })
+                }),
+                _vm._v(" "),
+                _vm.items.length == 0
+                  ? _c("tr", [
+                      _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                        _vm._v("Belum terdapat data..."),
+                      ]),
+                    ])
+                  : _vm._e(),
+              ],
+              2
+            )
+          : _vm.itemDataStat === "fail"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v(
+                    "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
+                  ),
+                ]),
+              ]),
+            ])
+          : _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v("-"),
+                ]),
+              ]),
+            ]),
+      ]),
+    ]
+  )
 }
 var staticRenderFns = [
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v(
-            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
-          ),
-        ]),
-      ]),
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
     ])
   },
 ]
@@ -1361,10 +1367,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=template&id=29b1c780&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=template&id=29b1c780& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1376,187 +1382,23 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "div",
-      { staticClass: "card card-body" },
-      [_c("card-data", { attrs: { itemData: _vm.selectedItem } })],
-      1
-    ),
-    _vm._v(" "),
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formData" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
+  return _c("DatePicker", {
+    staticClass: "w-100",
+    attrs: {
+      format: "DD-MM-YYYY",
+      "value-type": "format",
+      placeholder: "Pilih Tanggal",
+      editable: true,
+    },
+    on: { change: _vm.onChanged },
+    model: {
+      value: _vm.time,
+      callback: function ($$v) {
+        _vm.time = $$v
       },
-      [
-        _c("div", { staticClass: "row" }, [
-          _c("div", { staticClass: "col-md-12" }, [
-            _c("div", { staticClass: "form-group" }, [
-              _c(
-                "h6",
-                {
-                  class: { "text-danger": _vm.errors.has("formData.kondisi") },
-                },
-                [
-                  _vm.errors.has("formData.kondisi")
-                    ? _c("i", { staticClass: "icon-cross2" })
-                    : _vm._e(),
-                  _vm._v("\n\t\t\t\t\tKondisi: \n\t\t\t\t"),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "select",
-                {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.formData.kondisi,
-                      expression: "formData.kondisi",
-                    },
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "kondisi",
-                    "data-width": "100%",
-                    "data-vv-as": "Kondisi",
-                  },
-                  on: {
-                    change: function ($event) {
-                      var $$selectedVal = Array.prototype.filter
-                        .call($event.target.options, function (o) {
-                          return o.selected
-                        })
-                        .map(function (o) {
-                          var val = "_value" in o ? o._value : o.value
-                          return val
-                        })
-                      _vm.$set(
-                        _vm.formData,
-                        "kondisi",
-                        $event.target.multiple
-                          ? $$selectedVal
-                          : $$selectedVal[0]
-                      )
-                    },
-                  },
-                },
-                [
-                  _c("option", { attrs: { disabled: "", value: "" } }, [
-                    _vm._v("Silahkan pilih kondisi"),
-                  ]),
-                  _vm._v(" "),
-                  _c("option", { attrs: { value: "Baik" } }, [_vm._v("Baik")]),
-                  _vm._v(" "),
-                  _c("option", { attrs: { value: "Diperbaiki" } }, [
-                    _vm._v("Diperbaiki"),
-                  ]),
-                  _vm._v(" "),
-                  _c("option", { attrs: { value: "Rusak" } }, [
-                    _vm._v("Rusak"),
-                  ]),
-                  _vm._v(" "),
-                  _c("option", { attrs: { value: "Dijual" } }, [
-                    _vm._v("Dijual"),
-                  ]),
-                  _vm._v(" "),
-                  _c("option", { attrs: { value: "Hilang" } }, [
-                    _vm._v("Hilang"),
-                  ]),
-                  _vm._v(" "),
-                  _c("option", { attrs: { value: "Disewa" } }, [
-                    _vm._v("Disewa"),
-                  ]),
-                ]
-              ),
-              _vm._v(" "),
-              _vm.errors.has("formData.kondisi")
-                ? _c("small", { staticClass: "text-muted text-danger" }, [
-                    _c("i", { staticClass: "icon-arrow-small-right" }),
-                    _vm._v(
-                      " " +
-                        _vm._s(_vm.errors.first("formData.kondisi")) +
-                        "\n\t\t\t\t"
-                    ),
-                  ])
-                : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-            ]),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("form-info"),
-        _vm._v(" "),
-        _c("br"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: { type: "submit", disabled: _vm.formData.cu_id == "" },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: { type: "submit", disabled: _vm.formData.cu_id == "" },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-        ]),
-      ],
-      1
-    ),
-  ])
+      expression: "time",
+    },
+  })
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -1565,10 +1407,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=template&id=ff750638&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=template&id=ff750638& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1580,182 +1422,22 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "div",
-      { staticClass: "card card-body" },
-      [_c("card-data", { attrs: { itemData: _vm.selectedItem } })],
-      1
-    ),
-    _vm._v(" "),
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formData" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
+  return _c("div", { staticStyle: { display: "inline-block" } }, [
+    _c("i", {
+      directives: [
+        {
+          name: "tooltip",
+          rawName: "v-tooltip",
+          value: _vm.message,
+          expression: "message",
         },
-      },
-      [
-        _c("div", { staticClass: "row" }, [
-          _c("div", { staticClass: "col-md-12" }, [
-            _c("div", { staticClass: "form-group" }, [
-              _c(
-                "h6",
-                {
-                  class: {
-                    "text-danger": _vm.errors.has(
-                      "formData.aset_tetap_lokasi_id"
-                    ),
-                  },
-                },
-                [
-                  _vm.errors.has("formData.aset_tetap_lokasi_id")
-                    ? _c("i", { staticClass: "icon-cross2" })
-                    : _vm._e(),
-                  _vm._v("\n\t\t\t\t\tLokasi:\n\t\t\t\t"),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "select",
-                {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.formData.aset_tetap_lokasi_id,
-                      expression: "formData.aset_tetap_lokasi_id",
-                    },
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "lokasi",
-                    "data-width": "100%",
-                    "data-vv-as": "Lokasi",
-                    disabled: _vm.modelLokasi.length == 0,
-                  },
-                  on: {
-                    change: function ($event) {
-                      var $$selectedVal = Array.prototype.filter
-                        .call($event.target.options, function (o) {
-                          return o.selected
-                        })
-                        .map(function (o) {
-                          var val = "_value" in o ? o._value : o.value
-                          return val
-                        })
-                      _vm.$set(
-                        _vm.formData,
-                        "aset_tetap_lokasi_id",
-                        $event.target.multiple
-                          ? $$selectedVal
-                          : $$selectedVal[0]
-                      )
-                    },
-                  },
-                },
-                [
-                  _c("option", { attrs: { disabled: "", value: "" } }, [
-                    _vm.modelLokasiStat === "loading"
-                      ? _c("span", [_vm._v("Mohon tunggu...")])
-                      : _c("span", [_vm._v("Silahkan pilih lokasi")]),
-                  ]),
-                  _vm._v(" "),
-                  _vm._l(_vm.modelLokasi, function (datas) {
-                    return datas
-                      ? _c("option", { domProps: { value: datas.id } }, [
-                          _vm._v(_vm._s(datas.name)),
-                        ])
-                      : _vm._e()
-                  }),
-                ],
-                2
-              ),
-              _vm._v(" "),
-              _vm.errors.has("formData.aset_tetap_lokasi_id")
-                ? _c("small", { staticClass: "text-muted text-danger" }, [
-                    _c("i", { staticClass: "icon-arrow-small-right" }),
-                    _vm._v(
-                      " " +
-                        _vm._s(
-                          _vm.errors.first("formData.aset_tetap_lokasi_id")
-                        ) +
-                        "\n\t\t\t\t"
-                    ),
-                  ])
-                : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-            ]),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("form-info"),
-        _vm._v(" "),
-        _c("br"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: { type: "submit", disabled: _vm.formData.cu_id == "" },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: { type: "submit", disabled: _vm.formData.cu_id == "" },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-        ]),
       ],
-      1
-    ),
+      staticClass: "icon-info22 d-none d-sm-block",
+    }),
+    _vm._v(" "),
+    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
+      _c("i", [_vm._v(_vm._s(_vm.message))]),
+    ]),
   ])
 }
 var staticRenderFns = []
@@ -1765,10 +1447,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/index.vue?vue&type=template&id=3839ef11&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/index.vue?vue&type=template&id=3839ef11& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true&":
+/*!********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true& ***!
+  \********************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1788,6 +1470,14 @@ var render = function () {
           title: _vm.title,
           titleDesc: _vm.titleDesc,
           titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
         },
       }),
       _vm._v(" "),
@@ -1797,1401 +1487,1257 @@ var render = function () {
             "div",
             { staticClass: "content" },
             [
-              _vm.itemDataStat === "fail"
+              _vm.errors.any("form") && _vm.submited
                 ? _c("message", {
                     attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
+                      title: "Oops, terjadi kesalahan",
+                      errorItem: _vm.errors.items,
                     },
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _c("table-data", {
-                attrs: { title: _vm.title, kelas: _vm.kelas },
-              }),
-            ],
-            1
-          ),
-        ]),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=template&id=501e2b7f&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=template&id=501e2b7f& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
-        _c(
-          "ul",
-          { staticClass: "nav nav-tabs nav-tabs-solid nav-justified bg-light" },
-          [
-            _c("li", { staticClass: "nav-item" }, [
-              _c(
-                "a",
-                {
-                  staticClass: "nav-link",
-                  class: { active: _vm.tabName == "qrBig" },
-                  attrs: { href: "#" },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.changeTab("qrBig")
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-enlarge6 mr-2" }),
-                  _vm._v(" Ukuran Panjang"),
-                ]
-              ),
-            ]),
-            _vm._v(" "),
-            _c("li", { staticClass: "nav-item" }, [
               _c(
-                "a",
+                "form",
                 {
-                  staticClass: "nav-link",
-                  class: { active: _vm.tabName == "qrSmall" },
-                  attrs: { href: "#" },
+                  attrs: { "data-vv-scope": "form" },
                   on: {
-                    click: function ($event) {
+                    submit: function ($event) {
                       $event.preventDefault()
-                      return _vm.changeTab("qrSmall")
+                      return _vm.save.apply(null, arguments)
                     },
                   },
                 },
                 [
-                  _c("i", { staticClass: "icon-shrink6 mr-2" }),
-                  _vm._v(" Ukuran Ringkas"),
-                ]
-              ),
-            ]),
-          ]
-        ),
-      ]),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.tabName == "qrBig",
-                  expression: "tabName == 'qrBig'",
-                },
-              ],
-            },
-            [
-              _c("div", { ref: "qrBig", attrs: { id: "qrBig" } }, [
-                _c(
-                  "div",
-                  { staticClass: "d-flex align-items-end" },
-                  [
-                    _c("qrcode-vue", {
-                      staticClass: "mr-3 mt-2 ml-2 mb-2",
-                      attrs: {
-                        value: _vm.qrValue,
-                        size: "130",
-                        renderAs: "svg",
-                        level: "M",
-                      },
-                    }),
-                    _vm._v(" "),
-                    _c("div", [
-                      _c("ul", { staticClass: "list list-unstyled mb-0" }, [
-                        _c("li", { staticClass: "mt-0" }, [
-                          _c("b", { staticStyle: { "font-size": "24px" } }, [
-                            _c("span", { staticStyle: { color: "blue" } }, [
-                              _vm._v("PUSKOPCUINA"),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", { staticClass: "mt-0" }, [
-                          _c("b", { staticStyle: { "font-size": "18px" } }, [
-                            _vm._v("Kode: " + _vm._s(_vm.selectedItem.kode)),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c("li", { staticClass: "mt-0" }, [
-                          _c("b", { staticStyle: { "font-size": "18px" } }, [
-                            _vm._v("Nama: " + _vm._s(_vm.selectedItem.name)),
-                          ]),
+                  _c("div", { staticClass: "card" }, [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.name"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.name"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.name")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tTemuan: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.name,
+                                    expression: "form.name",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "name",
+                                  placeholder:
+                                    "Silahkan masukkan temuan artikel",
+                                  "data-vv-as": "Temuan",
+                                },
+                                domProps: { value: _vm.form.name },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "name",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.name")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.name")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
                         ]),
-                      ]),
-                    ]),
-                  ],
-                  1
-                ),
-              ]),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.tabName == "qrSmall",
-                  expression: "tabName == 'qrSmall'",
-                },
-              ],
-              staticClass: "align-items-center",
-            },
-            [
-              _c("div", { ref: "qrSmall", attrs: { id: "qrSmall" } }, [
-                _c("div", { staticClass: "d-flex justify-content-center" }, [
-                  _c(
-                    "div",
-                    [
-                      _c("qrcode-vue", {
-                        staticClass: "mt-2",
-                        attrs: {
-                          value: _vm.qrValue,
-                          size: "150",
-                          renderAs: "svg",
-                          level: "M",
-                        },
-                      }),
-                      _vm._v(" "),
-                      _c(
-                        "ul",
-                        { staticClass: "list list-unstyled mb-0 mt-1" },
-                        [
-                          _c("li", { staticClass: "mt-0 mb-0" }, [
-                            _c("b", { staticStyle: { "font-size": "10px" } }, [
-                              _c("span", { staticStyle: { color: "blue" } }, [
-                                _vm._v("PUSKOPCUINA"),
-                              ]),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("li", { staticClass: "mt-0" }, [
-                            _c("b", { staticStyle: { "font-size": "12px" } }, [
-                              _vm._v("Kode: " + _vm._s(_vm.selectedItem.kode)),
-                            ]),
-                          ]),
-                          _vm._v(" "),
-                          _c("li", { staticClass: "mt-0" }, [
-                            _c("b", { staticStyle: { "font-size": "12px" } }, [
-                              _vm._v("Nama: " + _vm._s(_vm.selectedItem.name)),
-                            ]),
-                          ]),
-                        ]
-                      ),
-                    ],
-                    1
-                  ),
-                ]),
-              ]),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c("hr"),
-      _vm._v(" "),
-      _c("div", { staticClass: "text-center d-none d-md-block" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.tutup.apply(null, arguments)
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-        ),
-        _vm._v(" "),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light",
-            attrs: { type: "button" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.download()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-file-download" }), _vm._v(" Download")]
-        ),
-        _vm._v(" "),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light",
-            attrs: { type: "button" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.print()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-printer" }), _vm._v(" Print")]
-        ),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "d-block d-md-none" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block pb-2",
-            attrs: { type: "button" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.print()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-printer" }), _vm._v(" Print")]
-        ),
-        _vm._v(" "),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block pb-2",
-            attrs: { type: "button" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.download()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-file-download" }), _vm._v(" Download")]
-        ),
-        _vm._v(" "),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block pb-2",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.tutup.apply(null, arguments)
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-        ),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=template&id=42579552&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=template&id=42579552& ***!
-  \************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
-        _c(
-          "ul",
-          { staticClass: "nav nav-tabs nav-tabs-solid nav-justified bg-light" },
-          [
-            _c("li", { staticClass: "nav-item" }, [
-              _c(
-                "a",
-                {
-                  staticClass: "nav-link",
-                  class: { active: _vm.tabName == "qrBig" },
-                  attrs: { href: "#" },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.changeTab("qrBig")
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-enlarge6 mr-2" }),
-                  _vm._v(" Ukuran Panjang"),
-                ]
-              ),
-            ]),
-            _vm._v(" "),
-            _c("li", { staticClass: "nav-item" }, [
-              _c(
-                "a",
-                {
-                  staticClass: "nav-link",
-                  class: { active: _vm.tabName == "qrSmall" },
-                  attrs: { href: "#" },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.changeTab("qrSmall")
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-shrink6 mr-2" }),
-                  _vm._v(" Ukuran Ringkas"),
-                ]
-              ),
-            ]),
-          ]
-        ),
-      ]),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.tabName == "qrBig",
-                  expression: "tabName == 'qrBig'",
-                },
-              ],
-            },
-            [
-              _c(
-                "div",
-                { ref: "qrBig", staticClass: "row", attrs: { id: "qrBig" } },
-                _vm._l(_vm.itemData.data, function (item, index) {
-                  return _c("div", { key: index, staticClass: "col-md-6" }, [
-                    _c(
-                      "div",
-                      { staticClass: "d-flex align-items-end" },
-                      [
-                        _c("qrcode-vue", {
-                          staticClass: "mr-3 mt-2 ml-2 mb-2",
-                          attrs: {
-                            value:
-                              "puskopcuina.org/admins/asetTetap/detail/" +
-                              item.kode,
-                            size: "130",
-                            renderAs: "svg",
-                            level: "M",
-                          },
-                        }),
                         _vm._v(" "),
-                        _c("div", [
-                          _c("ul", { staticClass: "list list-unstyled mb-2" }, [
-                            _c("li", { staticClass: "mt-0" }, [
+                        _vm.currentUser.id_cu === 0
+                          ? _c("div", { staticClass: "col-md-6" }, [
                               _c(
-                                "b",
-                                { staticStyle: { "font-size": "1.5em" } },
+                                "div",
+                                {
+                                  staticClass: "form-group",
+                                  class: {
+                                    "has-error": _vm.errors.has("form.id_cu"),
+                                  },
+                                },
                                 [
                                   _c(
-                                    "span",
-                                    { staticStyle: { color: "blue" } },
-                                    [_vm._v("PUSKOPCUINA")]
+                                    "h5",
+                                    {
+                                      class: {
+                                        "text-danger":
+                                          _vm.errors.has("form.id_cu"),
+                                      },
+                                    },
+                                    [
+                                      _vm.errors.has("form.id_cu")
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
+                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
+                                      _c("wajib-badge"),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "select",
+                                    {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.id_cu,
+                                          expression: "form.id_cu",
+                                        },
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "id_cu",
+                                        "data-width": "100%",
+                                        "data-vv-as": "CU",
+                                        disabled: _vm.modelCU.length === 0,
+                                      },
+                                      on: {
+                                        change: [
+                                          function ($event) {
+                                            var $$selectedVal =
+                                              Array.prototype.filter
+                                                .call(
+                                                  $event.target.options,
+                                                  function (o) {
+                                                    return o.selected
+                                                  }
+                                                )
+                                                .map(function (o) {
+                                                  var val =
+                                                    "_value" in o
+                                                      ? o._value
+                                                      : o.value
+                                                  return val
+                                                })
+                                            _vm.$set(
+                                              _vm.form,
+                                              "id_cu",
+                                              $event.target.multiple
+                                                ? $$selectedVal
+                                                : $$selectedVal[0]
+                                            )
+                                          },
+                                          function ($event) {
+                                            return _vm.changeCU(
+                                              $event.target.value
+                                            )
+                                          },
+                                        ],
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [
+                                          _vm.modelCUStat === "loading"
+                                            ? _c("span", [
+                                                _vm._v("Mohon tunggu..."),
+                                              ])
+                                            : _c("span", [
+                                                _vm._v("Silahkan pilih CU"),
+                                              ]),
+                                        ]
+                                      ),
+                                      _vm._v(" "),
+                                      _vm._l(_vm.modelCU, function (cu, index) {
+                                        return _c(
+                                          "option",
+                                          {
+                                            key: index,
+                                            domProps: { value: cu.id },
+                                          },
+                                          [_vm._v(_vm._s(cu.name))]
+                                        )
+                                      }),
+                                    ],
+                                    2
                                   ),
+                                  _vm._v(" "),
+                                  _vm.errors.has("form.id_cu")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first("form.id_cu")
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" ")]
+                                      ),
                                 ]
                               ),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "mt-0" }, [
-                              _c("b", { staticStyle: { "font-size": "1em" } }, [
-                                _vm._v("Kode: " + _vm._s(item.kode)),
-                              ]),
-                            ]),
-                            _vm._v(" "),
-                            _c("li", { staticClass: "mt-0" }, [
-                              _c("b", { staticStyle: { "font-size": "1em" } }, [
-                                _vm._v("Nama: " + _vm._s(item.name)),
-                              ]),
-                            ]),
-                          ]),
-                        ]),
-                      ],
-                      1
-                    ),
-                  ])
-                }),
-                0
-              ),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "transition",
-        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
-        [
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.tabName == "qrSmall",
-                  expression: "tabName == 'qrSmall'",
-                },
-              ],
-              staticClass: "align-items-center",
-            },
-            [
-              _c(
-                "div",
-                {
-                  ref: "qrSmall",
-                  staticClass: "row",
-                  attrs: { id: "qrSmall" },
-                },
-                _vm._l(_vm.itemData.data, function (item, index) {
-                  return _c("div", { key: index, staticClass: "col-md-3" }, [
-                    _c(
-                      "div",
-                      { staticClass: "d-flex justify-content-center" },
-                      [
-                        _c(
-                          "div",
-                          [
-                            _c("qrcode-vue", {
-                              staticClass: "mt-2",
-                              attrs: {
-                                value:
-                                  "puskopcuina.org/admins/asetTetap/detail/" +
-                                  item.kode,
-                                size: "150",
-                                renderAs: "svg",
-                                level: "M",
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-6" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.id_tp"),
                               },
-                            }),
-                            _vm._v(" "),
-                            _c(
-                              "ul",
-                              { staticClass: "list list-unstyled mb-0 mt-1" },
-                              [
-                                _c("li", { staticClass: "mt-0 mb-0" }, [
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.id_tp"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_tp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tTP: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_tp,
+                                      expression: "form.id_tp",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_tp",
+                                    "data-width": "100%",
+                                    "data-vv-as": "TP",
+                                    disabled: _vm.modelTP.length === 0,
+                                  },
+                                  on: {
+                                    change: function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
+                                        )
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "id_tp",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      )
+                                    },
+                                  },
+                                },
+                                [
                                   _c(
-                                    "b",
-                                    { staticStyle: { "font-size": "0.8em" } },
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
                                     [
-                                      _c(
-                                        "span",
-                                        { staticStyle: { color: "blue" } },
-                                        [_vm._v("PUSKOPCUINA")]
-                                      ),
+                                      _vm.modelTPStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v("Mohon tunggu..."),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih TP"),
+                                          ]),
                                     ]
                                   ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", { staticClass: "mt-0" }, [
+                                  _vm._v(" "),
+                                  _c("option", { attrs: { value: "0" } }, [
+                                    _vm._v("Semua"),
+                                  ]),
+                                  _vm._v(" "),
+                                  _vm._l(_vm.modelTP, function (tp, index) {
+                                    return _c(
+                                      "option",
+                                      {
+                                        key: index,
+                                        domProps: { value: tp.id },
+                                      },
+                                      [_vm._v(_vm._s(tp.name))]
+                                    )
+                                  }),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_tp")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.id_tp")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-6" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.id_aktivis_cu"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_aktivis_cu"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_aktivis_cu")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tPIC CU: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_aktivis_cu,
+                                      expression: "form.id_aktivis_cu",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_aktivis_cu",
+                                    "data-width": "100%",
+                                    "data-vv-as": "PIC CU",
+                                    disabled: _vm.modelAktivisCU.length === 0,
+                                  },
+                                  on: {
+                                    change: function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
+                                        )
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "id_aktivis_cu",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      )
+                                    },
+                                  },
+                                },
+                                [
                                   _c(
-                                    "b",
-                                    { staticStyle: { "font-size": "0.7em" } },
-                                    [_vm._v("Kode: " + _vm._s(item.kode))]
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelAktivisCUStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v("Mohon tunggu..."),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih PIC"),
+                                          ]),
+                                    ]
                                   ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", { staticClass: "mt-0" }, [
-                                  _c(
-                                    "b",
-                                    { staticStyle: { "font-size": "0.7em" } },
-                                    [_vm._v("Nama: " + _vm._s(item.name))]
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelAktivisCU,
+                                    function (ac, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: ac.id },
+                                        },
+                                        [
+                                          _vm._v(
+                                            _vm._s(ac.name) +
+                                              " " +
+                                              _vm._s(
+                                                ac.pekerjaan_aktif
+                                                  ? " - " +
+                                                      ac.pekerjaan_aktif.name
+                                                  : ""
+                                              )
+                                          ),
+                                        ]
+                                      )
+                                    }
                                   ),
-                                ]),
-                              ]
-                            ),
-                          ],
-                          1
-                        ),
-                      ]
-                    ),
-                  ])
-                }),
-                0
-              ),
-            ]
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c("hr"),
-      _vm._v(" "),
-      _c("div", { staticClass: "text-center d-none d-md-block" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.tutup.apply(null, arguments)
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-        ),
-        _vm._v(" "),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light",
-            attrs: { type: "button" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.download()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-file-download" }), _vm._v(" Download")]
-        ),
-        _vm._v(" "),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light",
-            attrs: { type: "button" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.print()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-printer" }), _vm._v(" Print")]
-        ),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "d-block d-md-none" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block pb-2",
-            attrs: { type: "button" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.print()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-printer" }), _vm._v(" Print")]
-        ),
-        _vm._v(" "),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block pb-2",
-            attrs: { type: "button" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.download()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-file-download" }), _vm._v(" Download")]
-        ),
-        _vm._v(" "),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block pb-2",
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.tutup.apply(null, arguments)
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-        ),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/table.vue?vue&type=template&id=1c55b7e6&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/table.vue?vue&type=template&id=1c55b7e6& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
-          },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  _c(
-                    "tr",
-                    {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
-                    },
-                    [
-                      !_vm.columnData[0].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c("td", [
-                            props.item.gambar
-                              ? _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_aktivis_cu")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first(
+                                              "form.id_aktivis_cu"
+                                            )
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-6" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has(
+                                  "form.id_aktivis_bkcu"
+                                ),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has(
+                                      "form.id_aktivis_bkcu"
+                                    ),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_aktivis_bkcu")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tPIC PUSKOPCUINA: "
+                                  ),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_aktivis_bkcu,
+                                      expression: "form.id_aktivis_bkcu",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
                                   attrs: {
-                                    src:
-                                      "/images/asetTetap/" +
-                                      props.item.gambar +
-                                      "n.jpg",
+                                    name: "id_aktivis_bkcu",
+                                    "data-width": "100%",
+                                    "data-vv-as": "PIC CU",
+                                    disabled: _vm.modelAktivisBKCU.length === 0,
                                   },
-                                })
-                              : _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: { src: "/images/no_image.jpg" },
-                                }),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.kode },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.golongan
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.golongan.name },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.kelompok
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.kelompok.name },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.jenis
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.jenis.name },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.merk },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[8].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.tipe },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[9].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.lokasi
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.lokasi.name },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[10].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.aktivis
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.aktivis.name },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[11].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.date(props.item.tanggal)
+                                  on: {
+                                    change: function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
+                                        )
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "id_aktivis_bkcu",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      )
+                                    },
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelAktivisBKCUStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v("Mohon tunggu..."),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih PIC"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelAktivisBKCU,
+                                    function (ac, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: ac.id },
+                                        },
+                                        [
+                                          _vm._v(
+                                            _vm._s(ac.name) +
+                                              " " +
+                                              _vm._s(
+                                                ac.pekerjaan_aktif
+                                                  ? " - " +
+                                                      ac.pekerjaan_aktif.name
+                                                  : ""
+                                              )
+                                          ),
+                                        ]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
                               ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_aktivis_bkcu")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first(
+                                              "form.id_aktivis_bkcu"
+                                            )
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.tanggal"),
+                              },
                             },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[12].hide
-                        ? _c(
-                            "td",
                             [
-                              props.item.pembeli
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.pembeli.name },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[13].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.has_aset_count,
-                                  valueType: "currency",
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.tanggal"),
+                                  },
                                 },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[14].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.harga,
-                                  valueType: "currency",
+                                [
+                                  _vm.errors.has("form.tanggal")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tTanggal: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("date-picker", {
+                                attrs: { defaultDate: _vm.form.tanggal },
+                                on: {
+                                  dateSelected: function ($event) {
+                                    _vm.form.tanggal = $event
+                                  },
                                 },
                               }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[15].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.harga_sub,
-                                  valueType: "currency",
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.tanggal,
+                                    expression: "form.tanggal",
+                                  },
+                                  {
+                                    name: "show",
+                                    rawName: "v-show",
+                                    value: false,
+                                    expression: "false",
+                                  },
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
+                                  },
+                                ],
+                                attrs: { "data-vv-as": "Tanggal" },
+                                domProps: { value: _vm.form.tanggal },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "tanggal",
+                                      $event.target.value
+                                    )
+                                  },
                                 },
                               }),
+                              _vm._v(" "),
+                              _c("br"),
+                              _vm._v(" "),
+                              _vm.errors.has("form.tanggal")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.tanggal")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
+                                  ]),
                             ],
                             1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[16].hide
-                        ? _c(
-                            "td",
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.jenis"),
+                              },
+                            },
                             [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.total_harga,
-                                  valueType: "currency",
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.jenis"),
+                                  },
                                 },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[17].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.kondisi },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[18].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
+                                [
+                                  _vm.errors.has("form.jenis")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tJenis: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.jenis,
+                                      expression: "form.jenis",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "jenis",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Jenis",
+                                  },
+                                  on: {
+                                    change: function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
+                                        )
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "jenis",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      )
+                                    },
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [_vm._v("Silahkan pilih jenis")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("option", { attrs: { value: "MAYOR" } }, [
+                                    _vm._v("MAYOR"),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("option", { attrs: { value: "MINOR" } }, [
+                                    _vm._v("MINOR"),
+                                  ]),
+                                ]
                               ),
+                              _vm._v(" "),
+                              _c("br"),
+                              _vm._v(" "),
+                              _vm.errors.has("form.jenis")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.jenis")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.perspektif"),
+                              },
                             },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[19].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.perspektif"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.perspektif")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tPerspektif: "
+                                  ),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.perspektif,
+                                      expression: "form.perspektif",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "perspektif",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Perspektif",
+                                  },
+                                  on: {
+                                    change: function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
+                                        )
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "perspektif",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
                                       )
-                                    ),
+                                    },
                                   },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                    ]
-                  ),
-                ]
-              },
-            },
-          ]),
-        },
-        [
-          _c(
-            "template",
-            { slot: "button-desktop" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_aset_tetap"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_aset_tetap"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_aset_tetap"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("lokasi")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah Lokasi\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_aset_tetap"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("kondisi")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah Kondisi\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light mb-1",
-                  attrs: { disabled: !_vm.selectedItem.id },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalOpen("detail")
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-stack2" }),
-                  _vm._v(" Detail\n\t\t\t\t"),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light mb-1",
-                  attrs: { disabled: !_vm.selectedItem.id },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalOpen("qrCode")
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-qrcode" }),
-                  _vm._v(" Buat QR Code\n\t\t\t\t"),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light mb-1",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalOpen("qrCodeAll")
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-qrcode" }),
-                  _vm._v(" QR Code Pada Tabel\n\t\t\t\t"),
-                ]
-              ),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_aset_tetap"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("hapus")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_aset_tetap"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_aset_tetap"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_aset_tetap"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("lokasi")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah Lokasi\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_aset_tetap"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("kondisi")
-                        },
-                      },
-                    },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [_vm._v("Silahkan pilih perspektif")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "option",
+                                    { attrs: { value: "KEUANGAN" } },
+                                    [_vm._v("KEUANGAN")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "option",
+                                    { attrs: { value: "KEPUASAN ANGGOTA" } },
+                                    [_vm._v("KEPUASAN ANGGOTA")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "option",
+                                    { attrs: { value: "BISNIS INTERNAL" } },
+                                    [_vm._v("BISNIS INTERNAL")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "option",
+                                    {
+                                      attrs: {
+                                        value: "PEMBELAJARAN DAN PERTUMBUHAN",
+                                      },
+                                    },
+                                    [_vm._v("PEMBELAJARAN DAN PERTUMBUHAN")]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("br"),
+                              _vm._v(" "),
+                              _vm.errors.has("form.perspektif")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.perspektif")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c(
+                    "div",
+                    { staticClass: "card" },
                     [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah Kondisi\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-block mb-1",
-                  attrs: { disabled: !_vm.selectedItem.id },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalOpen("detail")
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-stack2" }),
-                  _vm._v(" Detail\n\t\t\t\t"),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-block mb-1",
-                  attrs: { disabled: !_vm.selectedItem.id },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalOpen("qrCode")
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-qrcode" }),
-                  _vm._v(" Buat QR Code\n\t\t\t\t"),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-block mb-1",
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalOpen("qrCodeAll")
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-qrcode" }),
-                  _vm._v(" QR Code Pada Tabel\n\t\t\t\t"),
-                ]
-              ),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_aset_tetap"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("hapus")
+                      _c("div", { staticClass: "card-header bg-white" }, [
+                        _c(
+                          "h5",
+                          { staticClass: "card-title" },
+                          [_vm._v("Rekomendasi "), _c("wajib-badge")],
+                          1
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "card-body pb-2" }, [
+                        _c("div", { staticClass: "row" }, [
+                          _c("div", { staticClass: "col-md-12" }, [
+                            _c(
+                              "button",
+                              {
+                                staticClass: "btn btn-light mb-1",
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.modalOpen("tambahRekom")
+                                  },
+                                },
+                              },
+                              [
+                                _c("i", { staticClass: "icon-plus22" }),
+                                _vm._v(" Tambah\n\t\t\t\t\t\t\t\t\t"),
+                              ]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "button",
+                              {
+                                staticClass: "btn btn-light mb-1",
+                                attrs: {
+                                  disabled: !_vm.selectedItemRekom.index,
+                                },
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.modalOpen("ubahRekom")
+                                  },
+                                },
+                              },
+                              [
+                                _c("i", { staticClass: "icon-pencil5" }),
+                                _vm._v(" Ubah\n\t\t\t\t\t\t\t\t\t"),
+                              ]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "button",
+                              {
+                                staticClass: "btn btn-light mb-1",
+                                attrs: {
+                                  disabled: !_vm.selectedItemRekom.index,
+                                },
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.modalOpen("hapusRekom")
+                                  },
+                                },
+                              },
+                              [
+                                _c("i", { staticClass: "icon-bin2" }),
+                                _vm._v(" Hapus\n\t\t\t\t\t\t\t\t\t"),
+                              ]
+                            ),
+                          ]),
+                        ]),
+                      ]),
+                      _vm._v(" "),
+                      _c("data-table", {
+                        attrs: {
+                          items: _vm.itemDataRekom,
+                          columnData: _vm.columnDataRekom,
+                          itemDataStat: _vm.itemDataRekomStat,
                         },
-                      },
-                    },
+                        scopedSlots: _vm._u([
+                          {
+                            key: "item-desktop",
+                            fn: function (props) {
+                              return [
+                                props.item
+                                  ? _c(
+                                      "tr",
+                                      {
+                                        staticClass: "text-nowrap",
+                                        class: {
+                                          "bg-info":
+                                            _vm.selectedItemRekom.index ===
+                                            props.index + 1,
+                                        },
+                                        on: {
+                                          click: function ($event) {
+                                            return _vm.selectedRekomRow(
+                                              props.index,
+                                              props.item
+                                            )
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("td", [
+                                          _vm._v(_vm._s(props.index + 1)),
+                                        ]),
+                                        _vm._v(" "),
+                                        _c("td", {
+                                          domProps: {
+                                            innerHTML: _vm._s(
+                                              _vm.$options.filters.checkStatus(
+                                                props.item.status
+                                              )
+                                            ),
+                                          },
+                                        }),
+                                        _vm._v(" "),
+                                        _c("td", [
+                                          _vm._v(
+                                            _vm._s(props.item.rekomendasi)
+                                          ),
+                                        ]),
+                                      ]
+                                    )
+                                  : _vm._e(),
+                              ]
+                            },
+                          },
+                        ]),
+                      }),
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c("form-info"),
+                  _vm._v(" "),
+                  _c(
+                    "div",
+                    { staticClass: "card card-body" },
                     [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
+                      _c("form-button", {
+                        attrs: {
+                          cancelState: "methods",
+                          formValidation: "form",
+                        },
+                        on: { cancelClick: _vm.back },
+                      }),
+                    ],
+                    1
+                  ),
+                ],
+                1
+              ),
             ],
             1
           ),
-        ],
-        2
-      ),
+        ]),
+      ]),
       _vm._v(" "),
       _c(
         "app-modal",
         {
           attrs: {
             show: _vm.modalShow,
-            color: _vm.modalColor,
-            size: _vm.modalSize,
             state: _vm.modalState,
             title: _vm.modalTitle,
             content: _vm.modalContent,
-            button: _vm.modalButton,
+            color: _vm.modalColor,
           },
           on: {
-            tutup: _vm.modalTutup,
+            batal: _vm.modalTutup,
             confirmOk: _vm.modalConfirmOk,
+            tutup: _vm.modalTutup,
             successOk: _vm.modalTutup,
             failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
           },
         },
         [
           _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t\t"),
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
           ]),
           _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _vm.state == "lokasi"
-                ? _c("form-lokasi", {
-                    attrs: { kelas: _vm.kelas, selectedItem: _vm.selectedItem },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm.state == "kondisi"
-                ? _c("form-kondisi", {
-                    attrs: { kelas: _vm.kelas, selectedItem: _vm.selectedItem },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm.state == "detail"
-                ? _c("formDetail", {
-                    attrs: {
-                      kelas: _vm.kelas,
-                      selectedItem: _vm.selectedItem,
-                      isModal: true,
-                    },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm._e(),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body2" },
-            [
-              _c("qr-code", {
-                attrs: { selectedItem: _vm.selectedItem },
-                on: { tutup: _vm.modalTutup },
-              }),
-            ],
-            1
-          ),
-          _vm._v(" "),
           _c(
             "template",
             { slot: "modal-body3" },
             [
-              _c("qr-code-all", {
-                attrs: { itemData: _vm.itemData },
-                on: { tutup: _vm.modalTutup },
+              _c("form-rekom", {
+                attrs: {
+                  mode: _vm.formRekomMode,
+                  selected: _vm.selectedItemRekom,
+                },
+                on: {
+                  createRekom: _vm.createRekom,
+                  editRekom: _vm.editRekom,
+                  tutup: _vm.modalTutup,
+                },
               }),
             ],
             1
@@ -3210,87 +2756,189 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue ***!
-  \*****************************************************/
-/*! exports provided: default */
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe& ***!
+  \*************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
-
-
-
-/* normalize component */
-
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/assets/js/components/formInfo.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formDataRekom" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _vm.message.show
+          ? _c("message", {
+              attrs: {
+                title: "Oops terjadi kesalahan",
+                errorData: _vm.message.content,
+                showDebug: false,
+              },
+              on: { close: _vm.messageClose },
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _c("div", { staticClass: "row" }, [
+          _c("div", { staticClass: "col-md-12" }, [
+            _c("div", { staticClass: "form-group" }, [
+              _c("h6", [_vm._v("Rekomendasi: "), _c("wajib-badge")], 1),
+              _vm._v(" "),
+              _c("input", {
+                directives: [
+                  {
+                    name: "validate",
+                    rawName: "v-validate",
+                    value: "required",
+                    expression: "'required'",
+                  },
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.formDataRekom.rekomendasi,
+                    expression: "formDataRekom.rekomendasi",
+                  },
+                ],
+                staticClass: "form-control",
+                attrs: {
+                  type: "text",
+                  name: "rekomendasi",
+                  placeholder: "Silahkan masukkan rekomendasi",
+                  "data-vv-as": "Rekomendasi",
+                },
+                domProps: { value: _vm.formDataRekom.rekomendasi },
+                on: {
+                  input: function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.$set(
+                      _vm.formDataRekom,
+                      "rekomendasi",
+                      $event.target.value
+                    )
+                  },
+                },
+              }),
+            ]),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: {
+                type: "submit",
+                disabled: _vm.formDataRekom.cu_id == "",
+              },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: {
+                type: "submit",
+                disabled: _vm.formDataRekom.cu_id == "",
+              },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
+      ],
+      1
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \************************************************************************************/
-/*! exports provided: render, staticRenderFns */
+/***/ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&":
+/*!***************************************************************************************************************!*\
+  !*** ./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& ***!
+  \***************************************************************************************************************/
+/*! no static exports found */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/style-loader!../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/formKondisi.vue":
-/*!*************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/formKondisi.vue ***!
-  \*************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formKondisi_vue_vue_type_template_id_29b1c780___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKondisi.vue?vue&type=template&id=29b1c780& */ "./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=template&id=29b1c780&");
-/* harmony import */ var _formKondisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKondisi.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -3299,9 +2947,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formKondisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formKondisi_vue_vue_type_template_id_29b1c780___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formKondisi_vue_vue_type_template_id_29b1c780___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3311,55 +2959,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetap/formKondisi.vue"
+component.options.__file = "resources/assets/js/components/checkValue.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKondisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKondisi.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKondisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=template&id=29b1c780&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=template&id=29b1c780& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKondisi_vue_vue_type_template_id_29b1c780___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKondisi.vue?vue&type=template&id=29b1c780& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=template&id=29b1c780&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKondisi_vue_vue_type_template_id_29b1c780___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKondisi_vue_vue_type_template_id_29b1c780___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/formLokasi.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/formLokasi.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/components/datatable.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formLokasi_vue_vue_type_template_id_ff750638___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formLokasi.vue?vue&type=template&id=ff750638& */ "./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=template&id=ff750638&");
-/* harmony import */ var _formLokasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formLokasi.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -3368,9 +3016,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formLokasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formLokasi_vue_vue_type_template_id_ff750638___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formLokasi_vue_vue_type_template_id_ff750638___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3380,55 +3028,57 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetap/formLokasi.vue"
+component.options.__file = "resources/assets/js/components/datatable.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formLokasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formLokasi.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formLokasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=template&id=ff750638&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=template&id=ff750638& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formLokasi_vue_vue_type_template_id_ff750638___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formLokasi.vue?vue&type=template&id=ff750638& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=template&id=ff750638&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formLokasi_vue_vue_type_template_id_ff750638___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formLokasi_vue_vue_type_template_id_ff750638___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/index.vue":
+/***/ "./resources/assets/js/components/datePicker.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/index.vue ***!
+  !*** ./resources/assets/js/components/datePicker.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_3839ef11___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=3839ef11& */ "./resources/assets/js/views/asetTetap/index.vue?vue&type=template&id=3839ef11&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
 
 
 
@@ -3436,10 +3086,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_3839ef11___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_3839ef11___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3449,55 +3099,71 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetap/index.vue"
+component.options.__file = "resources/assets/js/components/datePicker.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/index.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/index.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/index.vue?vue&type=template&id=3839ef11&":
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/index.vue?vue&type=template&id=3839ef11& ***!
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3839ef11___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=3839ef11& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/index.vue?vue&type=template&id=3839ef11&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3839ef11___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3839ef11___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/qrCode.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/qrCode.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _qrCode_vue_vue_type_template_id_501e2b7f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./qrCode.vue?vue&type=template&id=501e2b7f& */ "./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=template&id=501e2b7f&");
-/* harmony import */ var _qrCode_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./qrCode.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -3506,9 +3172,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _qrCode_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _qrCode_vue_vue_type_template_id_501e2b7f___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _qrCode_vue_vue_type_template_id_501e2b7f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3518,55 +3184,57 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetap/qrCode.vue"
+component.options.__file = "resources/assets/js/components/infoIcon.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCode_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./qrCode.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCode_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=template&id=501e2b7f&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=template&id=501e2b7f& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCode_vue_vue_type_template_id_501e2b7f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./qrCode.vue?vue&type=template&id=501e2b7f& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=template&id=501e2b7f&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCode_vue_vue_type_template_id_501e2b7f___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCode_vue_vue_type_template_id_501e2b7f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/qrCodeAll.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/qrCodeAll.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/monitoring/form.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/form.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _qrCodeAll_vue_vue_type_template_id_42579552___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./qrCodeAll.vue?vue&type=template&id=42579552& */ "./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=template&id=42579552&");
-/* harmony import */ var _qrCodeAll_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./qrCodeAll.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=2876dcc8&scoped=true& */ "./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _public_css_admin_ckeditor_document_style_css_vue_type_style_index_0_id_2876dcc8_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true& */ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=2876dcc8&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
 
 
 
@@ -3574,67 +3242,67 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _qrCodeAll_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _qrCodeAll_vue_vue_type_template_id_42579552___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _qrCodeAll_vue_vue_type_template_id_42579552___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "2876dcc8",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetap/qrCodeAll.vue"
+component.options.__file = "resources/assets/js/views/monitoring/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCodeAll_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./qrCodeAll.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCodeAll_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=template&id=42579552&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=template&id=42579552& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true&":
+/*!**************************************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true& ***!
+  \**************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCodeAll_vue_vue_type_template_id_42579552___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./qrCodeAll.vue?vue&type=template&id=42579552& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=template&id=42579552&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCodeAll_vue_vue_type_template_id_42579552___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=2876dcc8&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/form.vue?vue&type=template&id=2876dcc8&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCodeAll_vue_vue_type_template_id_42579552___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2876dcc8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/table.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/table.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/monitoring/formRekom.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/formRekom.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_1c55b7e6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=1c55b7e6& */ "./resources/assets/js/views/asetTetap/table.vue?vue&type=template&id=1c55b7e6&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formRekom.vue?vue&type=template&id=6a905bbe& */ "./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe&");
+/* harmony import */ var _formRekom_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formRekom.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3644,9 +3312,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_1c55b7e6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_1c55b7e6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formRekom_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3656,38 +3324,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetap/table.vue"
+component.options.__file = "resources/assets/js/views/monitoring/formRekom.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/table.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/table.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formRekom.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/table.vue?vue&type=template&id=1c55b7e6&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/table.vue?vue&type=template&id=1c55b7e6& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_1c55b7e6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=1c55b7e6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/table.vue?vue&type=template&id=1c55b7e6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_1c55b7e6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formRekom.vue?vue&type=template&id=6a905bbe& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/monitoring/formRekom.vue?vue&type=template&id=6a905bbe&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_1c55b7e6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formRekom_vue_vue_type_template_id_6a905bbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/57.js b/public/js/components/57.js
index bf60946a9..1e3ae6f90 100644
--- a/public/js/components/57.js
+++ b/public/js/components/57.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[57],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -17,6 +17,38 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: []
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _card_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./card.vue */ "./resources/assets/js/views/asetTetap/card.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -34,88 +66,8 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
-  data: function data() {
-    return {
-      image: ''
-    };
-  },
-  props: {
-    image_loc: {
-      type: [String],
-      "default": ''
-    },
-    image_type: {
-      type: [String],
-      "default": '.jpg'
-    },
-    image_temp: {
-      "default": ''
-    },
-    value: {
-      type: [String, File],
-      "default": 'no_image'
-    }
-  },
-  methods: {
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.createImage(files[0]);
-      this.$emit('input', files[0]);
-    },
-    createImage: function createImage(file) {
-      var reader = new FileReader();
-      var vm = this;
-
-      reader.onload = function (e) {
-        vm.image = e.target.result; // this.$emit('input', vm.image)
-      };
-
-      reader.readAsDataURL(file);
-    },
-    close: function close() {
-      this.$emit('input', 'no_image');
-      this.image = '/images/no_image.jpg';
-      this.$refs.fileInput.value = '';
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: []
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
 //
 //
 //
@@ -128,32 +80,6 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -192,127 +118,114 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 
+
+
+
+
+
+
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    title: {
-      "default": ''
-    },
-    titleIcon: {
-      "default": ''
-    },
-    titleDesc: {
-      "default": ''
-    },
-    level: {
-      "default": 1
-    },
-    level2Title: {
-      "default": ''
-    },
-    level2Route: {
-      "default": ''
+  props: ['kelas', 'selectedItem'],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    cardData: _card_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
+  },
+  data: function data() {
+    return {
+      formData: {},
+      modelProdukCu: [],
+      modelProdukCuStat: '',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      message: {
+        show: false,
+        content: ''
+      },
+      submited: false
+    };
+  },
+  created: function created() {
+    this.fetch();
+    this.formData = Object.assign({}, this.selectedItem);
+  },
+  watch: {
+    modelLokasiStat: function modelLokasiStat(value) {
+      if (value === "success") {
+        this.formData = Object.assign({}, this.selectedItem);
+      }
     }
   },
   methods: {
-    level2Back: function level2Back() {
-      this.$emit('level2Back');
-    },
-    route1: function route1() {
-      if (this.btn1RouteParams) {
-        this.$router.push({
-          name: this.btn1Route,
-          params: {
-            cu: this.btn1RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn1Route
-        });
-      }
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formData').then(function (result) {
+        if (result) {
+          _this.$store.dispatch(_this.kelas + '/update', [_this.selectedItem.id, _this.formData]);
+        } else {
+          _this.submited = true;
+        }
+      });
     },
-    route2: function route2() {
-      if (this.btn2RouteParams) {
-        this.$router.push({
-          name: this.btn2Route,
-          params: {
-            cu: this.btn2RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn2Route
-        });
-      }
+    fetch: function fetch() {
+      this.$store.dispatch('asetTetapLokasi/resetDataS');
+      this.$store.dispatch('asetTetapLokasi/get');
     },
-    route3: function route3() {
-      if (this.btn3RouteParams) {
-        this.$router.push({
-          name: this.btn3Route,
-          params: {
-            cu: this.btn3RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn3Route
-        });
-      }
+    tutup: function tutup() {
+      this.$emit('tutup');
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
     currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('asetTetapLokasi', {
+    modelLokasi: 'dataS',
+    modelLokasiStat: 'dataStatS',
+    updateLokasiResponse: 'update',
+    updateLokasiStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/form.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKategori/form.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _card_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./card.vue */ "./resources/assets/js/views/asetTetap/card.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -384,27 +297,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
 
 
 
@@ -415,53 +307,27 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['kelas', 'selectedItem'],
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_10__["default"]
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    cardData: _card_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
   data: function data() {
     return {
-      title: 'Tambah Kategori Surat',
-      titleDesc: 'Menambah kategori surat keluar baru',
-      titleIcon: 'icon-plus3',
-      kelas: 'suratKategori',
-      level2Title: 'Kategori Surat',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      submited: false,
+      formData: {},
+      modelProdukCu: [],
+      modelProdukCuStat: '',
       cleaveOption: {
         date: {
           date: true,
           datePattern: ['Y', 'm', 'd'],
           delimiter: '-'
         },
-        year: {
-          date: true,
-          datePattern: ['Y']
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
         numeric: {
           numeral: true,
           numeralThousandsGroupStyle: 'thousand',
@@ -469,197 +335,1792 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
           numeralDecimalMark: ',',
           delimiter: '.'
         }
-      }
+      },
+      message: {
+        show: false,
+        content: ''
+      },
+      submited: false
     };
   },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
   created: function created() {
-    if (this.currentUser.id_cu == 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    }
-
-    this.form.id_cu = this.currentUser.id_cu;
+    this.fetch();
+    this.formData = Object.assign({}, this.selectedItem);
   },
   watch: {
-    formStat: function formStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode !== 'edit') {
-          this.form.id_cu = this.currentUser.id_cu;
-        } else {
-          this.checkUser('update_surat', this.form.id_cu);
-        }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
+    modelLokasiStat: function modelLokasiStat(value) {
       if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
+        this.formData = Object.assign({}, this.selectedItem);
       }
     }
   },
   methods: {
-    fetch: function fetch() {
-      if (this.$route.meta.mode === 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Kategori Surat Keluar';
-        this.titleDesc = 'Mengubah kategori surat keluar';
-        this.titleIcon = 'icon-pencil5';
-      } else {
-        this.title = 'Tambah Kategori Surat Keluar';
-        this.titleDesc = 'Menambah kategori surat keluar';
-        this.titleIcon = 'icon-plus3';
-        this.$store.dispatch(this.kelas + '/create');
-      }
-    },
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    },
     save: function save() {
       var _this = this;
 
-      this.$validator.validateAll('form').then(function (result) {
+      this.$validator.validateAll('formData').then(function (result) {
         if (result) {
-          if (_this.$route.meta.mode == 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/store', _this.form);
-          }
-
-          _this.submited = false;
+          _this.$store.dispatch(_this.kelas + '/update', [_this.selectedItem.id, _this.formData]);
         } else {
-          window.scrollTo(0, 0);
           _this.submited = true;
         }
       });
     },
-    back: function back() {
-      this.$router.push({
-        name: this.kelas + 'Cu',
-        params: {
-          cu: this.currentUser.id_cu
-        }
-      });
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat === 'success') {
-        this.back();
-      }
-
-      this.modalShow = false;
-      this.submitedKategori = false;
-      this.submitedPenulis = false;
+    fetch: function fetch() {
+      this.$store.dispatch('asetTetapLokasi/resetDataS');
+      this.$store.dispatch('asetTetapLokasi/get');
     },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
+    tutup: function tutup() {
+      this.$emit('tutup');
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKategori', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('asetTetapLokasi', {
+    modelLokasi: 'dataS',
+    modelLokasiStat: 'dataStatS',
+    updateLokasiResponse: 'update',
+    updateLokasiStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/index.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/index.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/asetTetap/table.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Aset Tetap',
+      kelas: 'asetTetap',
+      titleDesc: 'Mengelola data aset tetap',
+      titleIcon: 'icon-bag'
+    };
+  },
+  created: function created() {
+    this.checkUser('index_aset_tetap', this.$route.params.cu);
+  },
+  methods: {
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetap', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var qrcode_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! qrcode.vue */ "./node_modules/qrcode.vue/dist/qrcode.vue.esm.js");
+/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");
+/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_2__);
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    QrcodeVue: qrcode_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  props: ['selectedItem'],
+  data: function data() {
+    return {
+      tabName: 'qrBig',
+      qrValue: ''
+    };
+  },
+  created: function created() {
+    this.qrValue = 'puskopcuina.org/admins/asetTetap/detail/' + this.selectedItem.kode;
+  },
+  methods: {
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+    },
+    print: function print() {
+      this.$htmlToPaper(this.tabName);
+    },
+    download: function download() {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var options;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                options = {
+                  type: 'dataURL'
+                };
+
+                if (!(_this.tabName == 'qrBig')) {
+                  _context.next = 7;
+                  break;
+                }
+
+                _context.next = 4;
+                return _this.$html2canvas(_this.$refs.qrBig, options);
+
+              case 4:
+                _this.output = _context.sent;
+                _context.next = 10;
+                break;
+
+              case 7:
+                _context.next = 9;
+                return _this.$html2canvas(_this.$refs.qrSmall, options);
+
+              case 9:
+                _this.output = _context.sent;
+
+              case 10:
+                file_saver__WEBPACK_IMPORTED_MODULE_2___default.a.saveAs(_this.output, _this.selectedItem.kode);
+
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var qrcode_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! qrcode.vue */ "./node_modules/qrcode.vue/dist/qrcode.vue.esm.js");
+/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");
+/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_2__);
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    QrcodeVue: qrcode_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  props: ['itemData'],
+  data: function data() {
+    return {
+      tabName: 'qrBig'
+    };
+  },
+  created: function created() {},
+  methods: {
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+    },
+    print: function print() {
+      this.$htmlToPaper(this.tabName);
+    },
+    download: function download() {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var options;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                options = {
+                  type: 'dataURL'
+                };
+
+                if (!(_this.tabName == 'qrBig')) {
+                  _context.next = 7;
+                  break;
+                }
+
+                _context.next = 4;
+                return _this.$html2canvas(_this.$refs.qrBig, options);
+
+              case 4:
+                _this.output = _context.sent;
+                _context.next = 10;
+                break;
+
+              case 7:
+                _context.next = 9;
+                return _this.$html2canvas(_this.$refs.qrSmall, options);
+
+              case 9:
+                _this.output = _context.sent;
+
+              case 10:
+                file_saver__WEBPACK_IMPORTED_MODULE_2___default.a.saveAs(_this.output, 'aset tetap halaman ' + _this.itemData.current_page);
+
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/table.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/table.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _formLokasi_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./formLokasi.vue */ "./resources/assets/js/views/asetTetap/formLokasi.vue");
+/* harmony import */ var _formKondisi_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./formKondisi.vue */ "./resources/assets/js/views/asetTetap/formKondisi.vue");
+/* harmony import */ var _formDetail_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./formDetail.vue */ "./resources/assets/js/views/asetTetap/formDetail.vue");
+/* harmony import */ var _qrCode_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./qrCode.vue */ "./resources/assets/js/views/asetTetap/qrCode.vue");
+/* harmony import */ var _qrCodeAll_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./qrCodeAll.vue */ "./resources/assets/js/views/asetTetap/qrCodeAll.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    formLokasi: _formLokasi_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    formKondisi: _formKondisi_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formDetail: _formDetail_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    qrCode: _qrCode_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    qrCodeAll: _qrCodeAll_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
+  },
+  props: ['title', 'kelas'],
+  data: function data() {
+    return {
+      selectedItem: [],
+      tabName: 'qrBig',
+      query: {
+        order_column: "name",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      excelDownloadUrl: '',
+      columnData: [{
+        title: 'No.',
+        name: 'No.',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false
+      }, {
+        title: 'Foto',
+        name: 'gambar',
+        hide: false
+      }, {
+        title: 'Kode',
+        name: 'kode',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Golongan',
+        name: 'golongan.name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kelompok',
+        name: 'kelompok.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Jenis',
+        name: 'jenis.name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Merk',
+        name: 'merk',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tipe',
+        name: 'tipe',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Lokasi',
+        name: 'lokasi.name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Penanggungjawab',
+        name: 'aktivis.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Beli',
+        name: 'tanggal',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Pembeli',
+        name: 'pembeli.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Sub',
+        name: 'has_aset_count',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Harga Induk',
+        name: 'harga',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Harga Sub',
+        name: 'harga_sub',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Total Harga',
+        name: 'total_harga',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kondisi',
+        name: 'kondisi',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      state: '',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: '',
+      modalColor: '',
+      modalSize: ''
+    };
+  },
+  created: function created() {
+    this.fetch(this.query);
+  },
+  watch: {
+    // check route changes
+    '$route': function $route(to, from) {
+      this.fetch(this.query);
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.fetch(this.query);
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch(params) {
+      this.$store.dispatch(this.kelas + '/index', params);
+      this.excelDownloadUrl = this.kelas;
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    ubahData: function ubahData(id, id_cu) {
+      this.$router.push({
+        name: this.kelas + 'Edit',
+        params: {
+          id: id
+        }
+      });
+    },
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
+
+      if (state == 'hapus') {
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
+        this.modalState = "confirm-tutup";
+        this.modalButton = 'Iya, Hapus';
+        this.modalSize = "''";
+      } else if (state == 'lokasi') {
+        this.modalTitle = 'Ubah lokasi aset dengan nama ' + this.selectedItem.name + ' ?';
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "''";
+      } else if (state == 'kondisi') {
+        this.modalTitle = 'Ubah kondisi aset dengan nama ' + this.selectedItem.name + ' ?';
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "''";
+      } else if (state == 'detail') {
+        this.modalTitle = 'Detail aset dengan nama ' + this.selectedItem.name;
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "modal-lg";
+      } else if (state == 'qrCode') {
+        this.modalTitle = 'QR Code untuk aset dengan nama ' + this.selectedItem.name;
+        this.modalState = 'normal2';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "";
+      } else if (state == 'qrCodeAll') {
+        this.modalTitle = 'QR Code pada tabel';
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalSize = "modal-full";
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetap', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+          ),
+        ]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=template&id=29b1c780&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=template&id=29b1c780& ***!
+  \**************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "div",
+      { staticClass: "card card-body" },
+      [_c("card-data", { attrs: { itemData: _vm.selectedItem } })],
+      1
+    ),
+    _vm._v(" "),
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formData" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _c("div", { staticClass: "row" }, [
+          _c("div", { staticClass: "col-md-12" }, [
+            _c("div", { staticClass: "form-group" }, [
+              _c(
+                "h6",
+                {
+                  class: { "text-danger": _vm.errors.has("formData.kondisi") },
+                },
+                [
+                  _vm.errors.has("formData.kondisi")
+                    ? _c("i", { staticClass: "icon-cross2" })
+                    : _vm._e(),
+                  _vm._v("\n\t\t\t\t\tKondisi: \n\t\t\t\t"),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "select",
+                {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.formData.kondisi,
+                      expression: "formData.kondisi",
+                    },
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "kondisi",
+                    "data-width": "100%",
+                    "data-vv-as": "Kondisi",
+                  },
+                  on: {
+                    change: function ($event) {
+                      var $$selectedVal = Array.prototype.filter
+                        .call($event.target.options, function (o) {
+                          return o.selected
+                        })
+                        .map(function (o) {
+                          var val = "_value" in o ? o._value : o.value
+                          return val
+                        })
+                      _vm.$set(
+                        _vm.formData,
+                        "kondisi",
+                        $event.target.multiple
+                          ? $$selectedVal
+                          : $$selectedVal[0]
+                      )
+                    },
+                  },
+                },
+                [
+                  _c("option", { attrs: { disabled: "", value: "" } }, [
+                    _vm._v("Silahkan pilih kondisi"),
+                  ]),
+                  _vm._v(" "),
+                  _c("option", { attrs: { value: "Baik" } }, [_vm._v("Baik")]),
+                  _vm._v(" "),
+                  _c("option", { attrs: { value: "Diperbaiki" } }, [
+                    _vm._v("Diperbaiki"),
+                  ]),
+                  _vm._v(" "),
+                  _c("option", { attrs: { value: "Rusak" } }, [
+                    _vm._v("Rusak"),
+                  ]),
+                  _vm._v(" "),
+                  _c("option", { attrs: { value: "Dijual" } }, [
+                    _vm._v("Dijual"),
+                  ]),
+                  _vm._v(" "),
+                  _c("option", { attrs: { value: "Hilang" } }, [
+                    _vm._v("Hilang"),
+                  ]),
+                  _vm._v(" "),
+                  _c("option", { attrs: { value: "Disewa" } }, [
+                    _vm._v("Disewa"),
+                  ]),
+                ]
+              ),
+              _vm._v(" "),
+              _vm.errors.has("formData.kondisi")
+                ? _c("small", { staticClass: "text-muted text-danger" }, [
+                    _c("i", { staticClass: "icon-arrow-small-right" }),
+                    _vm._v(
+                      " " +
+                        _vm._s(_vm.errors.first("formData.kondisi")) +
+                        "\n\t\t\t\t"
+                    ),
+                  ])
+                : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+            ]),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("form-info"),
+        _vm._v(" "),
+        _c("br"),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: { type: "submit", disabled: _vm.formData.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: { type: "submit", disabled: _vm.formData.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
+      ],
+      1
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=template&id=ff750638&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=template&id=ff750638& ***!
+  \*************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c("div", [
-    _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body text-center" }, [
-        _vm.image === "" && _vm.image_temp === ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: "/images/no_image.jpg" },
-            })
-          : _vm.image === "" && _vm.image_temp !== ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
-            })
-          : _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image },
-            }),
-      ]),
-    ]),
+    _c(
+      "div",
+      { staticClass: "card card-body" },
+      [_c("card-data", { attrs: { itemData: _vm.selectedItem } })],
+      1
+    ),
     _vm._v(" "),
-    _c("div", { staticClass: "row" }, [
-      _c("div", { staticClass: "col-md-10" }, [
-        _c("input", {
-          ref: "fileInput",
-          staticClass: "form-control",
-          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
-          on: { change: _vm.upload },
-        }),
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formData" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _c("div", { staticClass: "row" }, [
+          _c("div", { staticClass: "col-md-12" }, [
+            _c("div", { staticClass: "form-group" }, [
+              _c(
+                "h6",
+                {
+                  class: {
+                    "text-danger": _vm.errors.has(
+                      "formData.aset_tetap_lokasi_id"
+                    ),
+                  },
+                },
+                [
+                  _vm.errors.has("formData.aset_tetap_lokasi_id")
+                    ? _c("i", { staticClass: "icon-cross2" })
+                    : _vm._e(),
+                  _vm._v("\n\t\t\t\t\tLokasi:\n\t\t\t\t"),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "select",
+                {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.formData.aset_tetap_lokasi_id,
+                      expression: "formData.aset_tetap_lokasi_id",
+                    },
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "lokasi",
+                    "data-width": "100%",
+                    "data-vv-as": "Lokasi",
+                    disabled: _vm.modelLokasi.length == 0,
+                  },
+                  on: {
+                    change: function ($event) {
+                      var $$selectedVal = Array.prototype.filter
+                        .call($event.target.options, function (o) {
+                          return o.selected
+                        })
+                        .map(function (o) {
+                          var val = "_value" in o ? o._value : o.value
+                          return val
+                        })
+                      _vm.$set(
+                        _vm.formData,
+                        "aset_tetap_lokasi_id",
+                        $event.target.multiple
+                          ? $$selectedVal
+                          : $$selectedVal[0]
+                      )
+                    },
+                  },
+                },
+                [
+                  _c("option", { attrs: { disabled: "", value: "" } }, [
+                    _vm.modelLokasiStat === "loading"
+                      ? _c("span", [_vm._v("Mohon tunggu...")])
+                      : _c("span", [_vm._v("Silahkan pilih lokasi")]),
+                  ]),
+                  _vm._v(" "),
+                  _vm._l(_vm.modelLokasi, function (datas) {
+                    return datas
+                      ? _c("option", { domProps: { value: datas.id } }, [
+                          _vm._v(_vm._s(datas.name)),
+                        ])
+                      : _vm._e()
+                  }),
+                ],
+                2
+              ),
+              _vm._v(" "),
+              _vm.errors.has("formData.aset_tetap_lokasi_id")
+                ? _c("small", { staticClass: "text-muted text-danger" }, [
+                    _c("i", { staticClass: "icon-arrow-small-right" }),
+                    _vm._v(
+                      " " +
+                        _vm._s(
+                          _vm.errors.first("formData.aset_tetap_lokasi_id")
+                        ) +
+                        "\n\t\t\t\t"
+                    ),
+                  ])
+                : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+            ]),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("form-info"),
+        _vm._v(" "),
+        _c("br"),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: { type: "submit", disabled: _vm.formData.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: { type: "submit", disabled: _vm.formData.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
+      ],
+      1
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/index.vue?vue&type=template&id=3839ef11&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/index.vue?vue&type=template&id=3839ef11& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("table-data", {
+                attrs: { title: _vm.title, kelas: _vm.kelas },
+              }),
+            ],
+            1
+          ),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=template&id=501e2b7f&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=template&id=501e2b7f& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
+        _c(
+          "ul",
+          { staticClass: "nav nav-tabs nav-tabs-solid nav-justified bg-light" },
+          [
+            _c("li", { staticClass: "nav-item" }, [
+              _c(
+                "a",
+                {
+                  staticClass: "nav-link",
+                  class: { active: _vm.tabName == "qrBig" },
+                  attrs: { href: "#" },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.changeTab("qrBig")
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-enlarge6 mr-2" }),
+                  _vm._v(" Ukuran Panjang"),
+                ]
+              ),
+            ]),
+            _vm._v(" "),
+            _c("li", { staticClass: "nav-item" }, [
+              _c(
+                "a",
+                {
+                  staticClass: "nav-link",
+                  class: { active: _vm.tabName == "qrSmall" },
+                  attrs: { href: "#" },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.changeTab("qrSmall")
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-shrink6 mr-2" }),
+                  _vm._v(" Ukuran Ringkas"),
+                ]
+              ),
+            ]),
+          ]
+        ),
+      ]),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.tabName == "qrBig",
+                  expression: "tabName == 'qrBig'",
+                },
+              ],
+            },
+            [
+              _c("div", { ref: "qrBig", attrs: { id: "qrBig" } }, [
+                _c(
+                  "div",
+                  { staticClass: "d-flex align-items-end" },
+                  [
+                    _c("qrcode-vue", {
+                      staticClass: "mr-3 mt-2 ml-2 mb-2",
+                      attrs: {
+                        value: _vm.qrValue,
+                        size: "130",
+                        renderAs: "svg",
+                        level: "M",
+                      },
+                    }),
+                    _vm._v(" "),
+                    _c("div", [
+                      _c("ul", { staticClass: "list list-unstyled mb-0" }, [
+                        _c("li", { staticClass: "mt-0" }, [
+                          _c("b", { staticStyle: { "font-size": "24px" } }, [
+                            _c("span", { staticStyle: { color: "blue" } }, [
+                              _vm._v("PUSKOPCUINA"),
+                            ]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", { staticClass: "mt-0" }, [
+                          _c("b", { staticStyle: { "font-size": "18px" } }, [
+                            _vm._v("Kode: " + _vm._s(_vm.selectedItem.kode)),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c("li", { staticClass: "mt-0" }, [
+                          _c("b", { staticStyle: { "font-size": "18px" } }, [
+                            _vm._v("Nama: " + _vm._s(_vm.selectedItem.name)),
+                          ]),
+                        ]),
+                      ]),
+                    ]),
+                  ],
+                  1
+                ),
+              ]),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.tabName == "qrSmall",
+                  expression: "tabName == 'qrSmall'",
+                },
+              ],
+              staticClass: "align-items-center",
+            },
+            [
+              _c("div", { ref: "qrSmall", attrs: { id: "qrSmall" } }, [
+                _c("div", { staticClass: "d-flex justify-content-center" }, [
+                  _c(
+                    "div",
+                    [
+                      _c("qrcode-vue", {
+                        staticClass: "mt-2",
+                        attrs: {
+                          value: _vm.qrValue,
+                          size: "150",
+                          renderAs: "svg",
+                          level: "M",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c(
+                        "ul",
+                        { staticClass: "list list-unstyled mb-0 mt-1" },
+                        [
+                          _c("li", { staticClass: "mt-0 mb-0" }, [
+                            _c("b", { staticStyle: { "font-size": "10px" } }, [
+                              _c("span", { staticStyle: { color: "blue" } }, [
+                                _vm._v("PUSKOPCUINA"),
+                              ]),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("li", { staticClass: "mt-0" }, [
+                            _c("b", { staticStyle: { "font-size": "12px" } }, [
+                              _vm._v("Kode: " + _vm._s(_vm.selectedItem.kode)),
+                            ]),
+                          ]),
+                          _vm._v(" "),
+                          _c("li", { staticClass: "mt-0" }, [
+                            _c("b", { staticStyle: { "font-size": "12px" } }, [
+                              _vm._v("Nama: " + _vm._s(_vm.selectedItem.name)),
+                            ]),
+                          ]),
+                        ]
+                      ),
+                    ],
+                    1
+                  ),
+                ]),
+              ]),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c("hr"),
+      _vm._v(" "),
+      _c("div", { staticClass: "text-center d-none d-md-block" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.tutup.apply(null, arguments)
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+        ),
+        _vm._v(" "),
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light",
+            attrs: { type: "button" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.download()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-file-download" }), _vm._v(" Download")]
+        ),
+        _vm._v(" "),
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light",
+            attrs: { type: "button" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.print()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-printer" }), _vm._v(" Print")]
+        ),
       ]),
       _vm._v(" "),
-      _c("div", { staticClass: "col-md-2" }, [
+      _c("div", { staticClass: "d-block d-md-none" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block pb-2",
+            attrs: { type: "button" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.print()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-printer" }), _vm._v(" Print")]
+        ),
+        _vm._v(" "),
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block pb-2",
+            attrs: { type: "button" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.download()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-file-download" }), _vm._v(" Download")]
+        ),
+        _vm._v(" "),
         _c(
           "button",
           {
-            staticClass: "btn btn-light btn-block",
-            attrs: { type: "button", disabled: _vm.image_temp === "" },
+            staticClass: "btn btn-light btn-block pb-2",
             on: {
               click: function ($event) {
                 $event.preventDefault()
-                return _vm.close()
+                return _vm.tutup.apply(null, arguments)
               },
             },
           },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
         ),
       ]),
-    ]),
-  ])
+    ],
+    1
+  )
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -668,10 +2129,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=template&id=42579552&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=template&id=42579552& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -683,62 +2144,329 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v(
-            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+  return _c(
+    "div",
+    [
+      _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
+        _c(
+          "ul",
+          { staticClass: "nav nav-tabs nav-tabs-solid nav-justified bg-light" },
+          [
+            _c("li", { staticClass: "nav-item" }, [
+              _c(
+                "a",
+                {
+                  staticClass: "nav-link",
+                  class: { active: _vm.tabName == "qrBig" },
+                  attrs: { href: "#" },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.changeTab("qrBig")
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-enlarge6 mr-2" }),
+                  _vm._v(" Ukuran Panjang"),
+                ]
+              ),
+            ]),
+            _vm._v(" "),
+            _c("li", { staticClass: "nav-item" }, [
+              _c(
+                "a",
+                {
+                  staticClass: "nav-link",
+                  class: { active: _vm.tabName == "qrSmall" },
+                  attrs: { href: "#" },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.changeTab("qrSmall")
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-shrink6 mr-2" }),
+                  _vm._v(" Ukuran Ringkas"),
+                ]
+              ),
+            ]),
+          ]
+        ),
+      ]),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.tabName == "qrBig",
+                  expression: "tabName == 'qrBig'",
+                },
+              ],
+            },
+            [
+              _c(
+                "div",
+                { ref: "qrBig", staticClass: "row", attrs: { id: "qrBig" } },
+                _vm._l(_vm.itemData.data, function (item, index) {
+                  return _c("div", { key: index, staticClass: "col-md-6" }, [
+                    _c(
+                      "div",
+                      { staticClass: "d-flex align-items-end" },
+                      [
+                        _c("qrcode-vue", {
+                          staticClass: "mr-3 mt-2 ml-2 mb-2",
+                          attrs: {
+                            value:
+                              "puskopcuina.org/admins/asetTetap/detail/" +
+                              item.kode,
+                            size: "130",
+                            renderAs: "svg",
+                            level: "M",
+                          },
+                        }),
+                        _vm._v(" "),
+                        _c("div", [
+                          _c("ul", { staticClass: "list list-unstyled mb-2" }, [
+                            _c("li", { staticClass: "mt-0" }, [
+                              _c(
+                                "b",
+                                { staticStyle: { "font-size": "1.5em" } },
+                                [
+                                  _c(
+                                    "span",
+                                    { staticStyle: { color: "blue" } },
+                                    [_vm._v("PUSKOPCUINA")]
+                                  ),
+                                ]
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "mt-0" }, [
+                              _c("b", { staticStyle: { "font-size": "1em" } }, [
+                                _vm._v("Kode: " + _vm._s(item.kode)),
+                              ]),
+                            ]),
+                            _vm._v(" "),
+                            _c("li", { staticClass: "mt-0" }, [
+                              _c("b", { staticStyle: { "font-size": "1em" } }, [
+                                _vm._v("Nama: " + _vm._s(item.name)),
+                              ]),
+                            ]),
+                          ]),
+                        ]),
+                      ],
+                      1
+                    ),
+                  ])
+                }),
+                0
+              ),
+            ]
           ),
-        ]),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "transition",
+        { attrs: { "enter-active-class": "animated fadeIn", mode: "out-in" } },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.tabName == "qrSmall",
+                  expression: "tabName == 'qrSmall'",
+                },
+              ],
+              staticClass: "align-items-center",
+            },
+            [
+              _c(
+                "div",
+                {
+                  ref: "qrSmall",
+                  staticClass: "row",
+                  attrs: { id: "qrSmall" },
+                },
+                _vm._l(_vm.itemData.data, function (item, index) {
+                  return _c("div", { key: index, staticClass: "col-md-3" }, [
+                    _c(
+                      "div",
+                      { staticClass: "d-flex justify-content-center" },
+                      [
+                        _c(
+                          "div",
+                          [
+                            _c("qrcode-vue", {
+                              staticClass: "mt-2",
+                              attrs: {
+                                value:
+                                  "puskopcuina.org/admins/asetTetap/detail/" +
+                                  item.kode,
+                                size: "150",
+                                renderAs: "svg",
+                                level: "M",
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c(
+                              "ul",
+                              { staticClass: "list list-unstyled mb-0 mt-1" },
+                              [
+                                _c("li", { staticClass: "mt-0 mb-0" }, [
+                                  _c(
+                                    "b",
+                                    { staticStyle: { "font-size": "0.8em" } },
+                                    [
+                                      _c(
+                                        "span",
+                                        { staticStyle: { color: "blue" } },
+                                        [_vm._v("PUSKOPCUINA")]
+                                      ),
+                                    ]
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", { staticClass: "mt-0" }, [
+                                  _c(
+                                    "b",
+                                    { staticStyle: { "font-size": "0.7em" } },
+                                    [_vm._v("Kode: " + _vm._s(item.kode))]
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", { staticClass: "mt-0" }, [
+                                  _c(
+                                    "b",
+                                    { staticStyle: { "font-size": "0.7em" } },
+                                    [_vm._v("Nama: " + _vm._s(item.name))]
+                                  ),
+                                ]),
+                              ]
+                            ),
+                          ],
+                          1
+                        ),
+                      ]
+                    ),
+                  ])
+                }),
+                0
+              ),
+            ]
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c("hr"),
+      _vm._v(" "),
+      _c("div", { staticClass: "text-center d-none d-md-block" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.tutup.apply(null, arguments)
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+        ),
+        _vm._v(" "),
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light",
+            attrs: { type: "button" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.download()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-file-download" }), _vm._v(" Download")]
+        ),
+        _vm._v(" "),
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light",
+            attrs: { type: "button" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.print()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-printer" }), _vm._v(" Print")]
+        ),
       ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticStyle: { display: "inline-block" } }, [
-    _c("i", {
-      directives: [
-        {
-          name: "tooltip",
-          rawName: "v-tooltip",
-          value: _vm.message,
-          expression: "message",
-        },
-      ],
-      staticClass: "icon-info22 d-none d-sm-block",
-    }),
-    _vm._v(" "),
-    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
-      _c("i", [_vm._v(_vm._s(_vm.message))]),
-    ]),
-  ])
+      _vm._v(" "),
+      _c("div", { staticClass: "d-block d-md-none" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block pb-2",
+            attrs: { type: "button" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.print()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-printer" }), _vm._v(" Print")]
+        ),
+        _vm._v(" "),
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block pb-2",
+            attrs: { type: "button" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.download()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-file-download" }), _vm._v(" Download")]
+        ),
+        _vm._v(" "),
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block pb-2",
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.tutup.apply(null, arguments)
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+        ),
+      ]),
+    ],
+    1
+  )
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -747,9 +2475,9 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/table.vue?vue&type=template&id=1c55b7e6&":
 /*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/table.vue?vue&type=template&id=1c55b7e6& ***!
   \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -762,394 +2490,715 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
+  return _c(
+    "div",
+    [
       _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
+          },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
+                      },
+                    },
+                    [
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c("td", [
+                            props.item.gambar
+                              ? _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src:
+                                      "/images/asetTetap/" +
+                                      props.item.gambar +
+                                      "n.jpg",
+                                  },
+                                })
+                              : _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: { src: "/images/no_image.jpg" },
+                                }),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.kode },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.golongan
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.golongan.name },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.kelompok
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.kelompok.name },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.jenis
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.jenis.name },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.merk },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.tipe },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[9].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.lokasi
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.lokasi.name },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[10].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.aktivis
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.aktivis.name },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[11].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.date(props.item.tanggal)
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[12].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.pembeli
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.pembeli.name },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[13].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.has_aset_count,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[14].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.harga,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[15].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.harga_sub,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[16].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.total_harga,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[17].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.kondisi },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[18].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[19].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
+              },
+            },
           ]),
-          _vm._v(" "),
+        },
+        [
           _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            "template",
+            { slot: "button-desktop" },
             [
-              _vm.level === 1
+              _vm.currentUser.can && _vm.currentUser.can["create_aset_tetap"]
                 ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
                     [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t\t"),
+                    ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.level === 2
+              _vm.currentUser.can && _vm.currentUser.can["update_aset_tetap"]
                 ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
+                      },
+                    },
                     [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_aset_tetap"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("lokasi")
                         },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah Lokasi\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_aset_tetap"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("kondisi")
                         },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah Kondisi\n\t\t\t\t"),
+                    ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.level === 3
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light mb-1",
+                  attrs: { disabled: !_vm.selectedItem.id },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalOpen("detail")
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-stack2" }),
+                  _vm._v(" Detail\n\t\t\t\t"),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light mb-1",
+                  attrs: { disabled: !_vm.selectedItem.id },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalOpen("qrCode")
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-qrcode" }),
+                  _vm._v(" Buat QR Code\n\t\t\t\t"),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light mb-1",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalOpen("qrCodeAll")
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-qrcode" }),
+                  _vm._v(" QR Code Pada Tabel\n\t\t\t\t"),
+                ]
+              ),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_aset_tetap"]
                 ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t\t"),
+                    ]
                   )
                 : _vm._e(),
-            ]
+            ],
+            1
           ),
-        ]
-      ),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticStyle: { display: "inline-block" } }, [
-      _c(
-        "span",
-        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
-        [_vm._v("Wajib diisi")]
-      ),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/form.vue?vue&type=template&id=0c93017d&":
-/*!***********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKategori/form.vue?vue&type=template&id=0c93017d& ***!
-  \***********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
+          _vm._v(" "),
           _c(
-            "div",
-            { staticClass: "content" },
+            "template",
+            { slot: "button-mobile" },
             [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops, terjadi kesalahan",
-                      errorItem: _vm.errors.items,
+              _vm.currentUser.can && _vm.currentUser.can["create_aset_tetap"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_aset_tetap"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_aset_tetap"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("lokasi")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah Lokasi\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_aset_tetap"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("kondisi")
+                        },
+                      },
                     },
-                  })
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah Kondisi\n\t\t\t\t"),
+                    ]
+                  )
                 : _vm._e(),
               _vm._v(" "),
               _c(
-                "form",
+                "button",
                 {
-                  attrs: { "data-vv-scope": "form" },
+                  staticClass: "btn btn-light btn-block mb-1",
+                  attrs: { disabled: !_vm.selectedItem.id },
                   on: {
-                    submit: function ($event) {
+                    click: function ($event) {
                       $event.preventDefault()
-                      return _vm.save.apply(null, arguments)
+                      return _vm.modalOpen("detail")
                     },
                   },
                 },
                 [
-                  _c("div", { staticClass: "card" }, [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.name"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.name"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.name")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKode: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.name,
-                                    expression: "form.name",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "name",
-                                  placeholder: "Silahkan masukkan kode",
-                                  "data-vv-as": "Kode",
-                                },
-                                domProps: { value: _vm.form.name },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "name",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.name")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.name")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h5", [
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\t\t\t\t\tKeterangan:\n\t\t\t\t\t\t\t\t\t\t"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("textarea", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.deskripsi,
-                                  expression: "form.deskripsi",
-                                },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                rows: "5",
-                                type: "text",
-                                name: "deskripsi",
-                                placeholder:
-                                  "Silahkan masukkan keterangan kategori",
-                              },
-                              domProps: { value: _vm.form.deskripsi },
-                              on: {
-                                input: function ($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.form,
-                                    "deskripsi",
-                                    $event.target.value
-                                  )
-                                },
-                              },
-                            }),
-                          ]),
-                        ]),
-                      ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("form-info"),
-                  _vm._v(" "),
-                  _c("br"),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "panel panel-flat panel-body" },
-                    [
-                      _c("form-button", {
-                        attrs: {
-                          cancelState: "methods",
-                          formValidation: "form",
-                        },
-                        on: { cancelClick: _vm.back },
-                      }),
-                    ],
-                    1
-                  ),
-                ],
-                1
+                  _c("i", { staticClass: "icon-stack2" }),
+                  _vm._v(" Detail\n\t\t\t\t"),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-block mb-1",
+                  attrs: { disabled: !_vm.selectedItem.id },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalOpen("qrCode")
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-qrcode" }),
+                  _vm._v(" Buat QR Code\n\t\t\t\t"),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-block mb-1",
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalOpen("qrCodeAll")
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-qrcode" }),
+                  _vm._v(" QR Code Pada Tabel\n\t\t\t\t"),
+                ]
               ),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_aset_tetap"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
             ],
             1
           ),
-        ]),
-      ]),
+        ],
+        2
+      ),
       _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          content: _vm.modalContent,
-          color: _vm.modalColor,
-        },
-        on: {
-          batal: _vm.modalTutup,
-          tutup: _vm.modalTutup,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalBackgroundClick,
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            color: _vm.modalColor,
+            size: _vm.modalSize,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            content: _vm.modalContent,
+            button: _vm.modalButton,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
         },
-      }),
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t\t"),
+          ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body1" },
+            [
+              _vm.state == "lokasi"
+                ? _c("form-lokasi", {
+                    attrs: { kelas: _vm.kelas, selectedItem: _vm.selectedItem },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm.state == "kondisi"
+                ? _c("form-kondisi", {
+                    attrs: { kelas: _vm.kelas, selectedItem: _vm.selectedItem },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm.state == "detail"
+                ? _c("formDetail", {
+                    attrs: {
+                      kelas: _vm.kelas,
+                      selectedItem: _vm.selectedItem,
+                      isModal: true,
+                    },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm._e(),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body2" },
+            [
+              _c("qr-code", {
+                attrs: { selectedItem: _vm.selectedItem },
+                on: { tutup: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body3" },
+            [
+              _c("qr-code-all", {
+                attrs: { itemData: _vm.itemData },
+                on: { tutup: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
     ],
     1
   )
@@ -1161,17 +3210,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1181,9 +3230,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1193,55 +3242,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/ImageUpload.vue"
+component.options.__file = "resources/assets/js/components/formInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/asetTetap/formKondisi.vue":
+/*!*************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/formKondisi.vue ***!
+  \*************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _formKondisi_vue_vue_type_template_id_29b1c780___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKondisi.vue?vue&type=template&id=29b1c780& */ "./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=template&id=29b1c780&");
+/* harmony import */ var _formKondisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKondisi.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1250,9 +3299,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formKondisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formKondisi_vue_vue_type_template_id_29b1c780___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formKondisi_vue_vue_type_template_id_29b1c780___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1262,55 +3311,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/formInfo.vue"
+component.options.__file = "resources/assets/js/views/asetTetap/formKondisi.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKondisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKondisi.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKondisi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=template&id=29b1c780&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=template&id=29b1c780& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKondisi_vue_vue_type_template_id_29b1c780___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKondisi.vue?vue&type=template&id=29b1c780& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formKondisi.vue?vue&type=template&id=29b1c780&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKondisi_vue_vue_type_template_id_29b1c780___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKondisi_vue_vue_type_template_id_29b1c780___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/asetTetap/formLokasi.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/formLokasi.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _formLokasi_vue_vue_type_template_id_ff750638___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formLokasi.vue?vue&type=template&id=ff750638& */ "./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=template&id=ff750638&");
+/* harmony import */ var _formLokasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formLokasi.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1319,9 +3368,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formLokasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formLokasi_vue_vue_type_template_id_ff750638___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formLokasi_vue_vue_type_template_id_ff750638___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1331,55 +3380,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/infoIcon.vue"
+component.options.__file = "resources/assets/js/views/asetTetap/formLokasi.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formLokasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formLokasi.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formLokasi_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=template&id=ff750638&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=template&id=ff750638& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formLokasi_vue_vue_type_template_id_ff750638___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formLokasi.vue?vue&type=template&id=ff750638& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/formLokasi.vue?vue&type=template&id=ff750638&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formLokasi_vue_vue_type_template_id_ff750638___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formLokasi_vue_vue_type_template_id_ff750638___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
+/***/ "./resources/assets/js/views/asetTetap/index.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  !*** ./resources/assets/js/views/asetTetap/index.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _index_vue_vue_type_template_id_3839ef11___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=3839ef11& */ "./resources/assets/js/views/asetTetap/index.vue?vue&type=template&id=3839ef11&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1388,9 +3437,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_3839ef11___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_3839ef11___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1400,55 +3449,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
+component.options.__file = "resources/assets/js/views/asetTetap/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/asetTetap/index.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/asetTetap/index.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/***/ "./resources/assets/js/views/asetTetap/index.vue?vue&type=template&id=3839ef11&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  !*** ./resources/assets/js/views/asetTetap/index.vue?vue&type=template&id=3839ef11& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3839ef11___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=3839ef11& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/index.vue?vue&type=template&id=3839ef11&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3839ef11___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3839ef11___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/asetTetap/qrCode.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/qrCode.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _qrCode_vue_vue_type_template_id_501e2b7f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./qrCode.vue?vue&type=template&id=501e2b7f& */ "./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=template&id=501e2b7f&");
+/* harmony import */ var _qrCode_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./qrCode.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1457,9 +3506,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _qrCode_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _qrCode_vue_vue_type_template_id_501e2b7f___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _qrCode_vue_vue_type_template_id_501e2b7f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1469,105 +3518,123 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/wajibBadge.vue"
+component.options.__file = "resources/assets/js/views/asetTetap/qrCode.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCode_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./qrCode.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCode_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=template&id=501e2b7f&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=template&id=501e2b7f& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCode_vue_vue_type_template_id_501e2b7f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./qrCode.vue?vue&type=template&id=501e2b7f& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCode.vue?vue&type=template&id=501e2b7f&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCode_vue_vue_type_template_id_501e2b7f___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCode_vue_vue_type_template_id_501e2b7f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/helpers/form.js":
-/*!*********************************************!*\
-  !*** ./resources/assets/js/helpers/form.js ***!
-  \*********************************************/
-/*! exports provided: toMulipartedForm, objectToFormData */
+/***/ "./resources/assets/js/views/asetTetap/qrCodeAll.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/qrCodeAll.vue ***!
+  \***********************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function toMulipartedForm(form, mode) {
-  if (mode === 'edit' && typeof form.image === 'string') {
-    var temp = JSON.parse(JSON.stringify(form));
-    delete temp.image;
-    return temp;
-  } else {
-    return objectToFormData(form);
-  }
-}
-function objectToFormData(obj, form, namespace) {
-  var fd = form || new FormData();
-  var formKey;
-
-  for (var property in obj) {
-    if (obj.hasOwnProperty(property)) {
-      if (namespace) {
-        formKey = namespace + '[' + property + ']';
-      } else {
-        formKey = property;
-      }
+/* harmony import */ var _qrCodeAll_vue_vue_type_template_id_42579552___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./qrCodeAll.vue?vue&type=template&id=42579552& */ "./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=template&id=42579552&");
+/* harmony import */ var _qrCodeAll_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./qrCodeAll.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _qrCodeAll_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _qrCodeAll_vue_vue_type_template_id_42579552___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _qrCodeAll_vue_vue_type_template_id_42579552___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/views/asetTetap/qrCodeAll.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCodeAll_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./qrCodeAll.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCodeAll_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=template&id=42579552&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=template&id=42579552& ***!
+  \******************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCodeAll_vue_vue_type_template_id_42579552___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./qrCodeAll.vue?vue&type=template&id=42579552& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/qrCodeAll.vue?vue&type=template&id=42579552&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCodeAll_vue_vue_type_template_id_42579552___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_qrCodeAll_vue_vue_type_template_id_42579552___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
-      if (obj[property] instanceof Array) {
-        for (var i = 0; i < obj[property].length; i++) {
-          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
-        }
-      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
-        objectToFormData(obj[property], fd, property);
-      } else {
-        fd.append(formKey, obj[property]);
-      }
-    }
-  }
 
-  return fd;
-}
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKategori/form.vue":
-/*!**********************************************************!*\
-  !*** ./resources/assets/js/views/suratKategori/form.vue ***!
-  \**********************************************************/
+/***/ "./resources/assets/js/views/asetTetap/table.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/table.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_0c93017d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=0c93017d& */ "./resources/assets/js/views/suratKategori/form.vue?vue&type=template&id=0c93017d&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratKategori/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_1c55b7e6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=1c55b7e6& */ "./resources/assets/js/views/asetTetap/table.vue?vue&type=template&id=1c55b7e6&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1577,9 +3644,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_0c93017d___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_0c93017d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_1c55b7e6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_1c55b7e6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1589,38 +3656,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/suratKategori/form.vue"
+component.options.__file = "resources/assets/js/views/asetTetap/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKategori/form.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/suratKategori/form.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/table.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/table.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKategori/form.vue?vue&type=template&id=0c93017d&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/suratKategori/form.vue?vue&type=template&id=0c93017d& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/table.vue?vue&type=template&id=1c55b7e6&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/table.vue?vue&type=template&id=1c55b7e6& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0c93017d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=0c93017d& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/form.vue?vue&type=template&id=0c93017d&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0c93017d___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_1c55b7e6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=1c55b7e6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/table.vue?vue&type=template&id=1c55b7e6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_1c55b7e6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0c93017d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_1c55b7e6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/58.js b/public/js/components/58.js
index 5803d96a1..37a87cef1 100644
--- a/public/js/components/58.js
+++ b/public/js/components/58.js
@@ -292,10 +292,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/form.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKode/form.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/form.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKategori/form.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -435,7 +435,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
 
 
 
@@ -461,11 +460,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Tambah Kode Surat',
-      titleDesc: 'Menambah kode surat keluar baru',
+      title: 'Tambah Kategori Surat',
+      titleDesc: 'Menambah kategori surat keluar baru',
       titleIcon: 'icon-plus3',
-      kelas: 'suratKode',
-      level2Title: 'Kode Surat',
+      kelas: 'suratKategori',
+      level2Title: 'Kategori Surat',
       modalShow: false,
       modalState: '',
       modalTitle: '',
@@ -525,7 +524,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         if (this.$route.meta.mode !== 'edit') {
           this.form.id_cu = this.currentUser.id_cu;
         } else {
-          this.checkUser('update_surat_kategori', this.form.id_cu);
+          this.checkUser('update_surat', this.form.id_cu);
         }
       }
     },
@@ -546,14 +545,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     fetch: function fetch() {
       if (this.$route.meta.mode === 'edit') {
         this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Kode Surat Keluar';
-        this.titleDesc = 'Mengubah kode surat keluar';
+        this.title = 'Ubah Kategori Surat Keluar';
+        this.titleDesc = 'Mengubah kategori surat keluar';
         this.titleIcon = 'icon-pencil5';
       } else {
-        this.title = 'Tambah Kode Surat Keluar';
-        this.titleDesc = 'Menambah kode surat keluar';
+        this.title = 'Tambah Kategori Surat Keluar';
+        this.titleDesc = 'Menambah kategori surat keluar';
         this.titleIcon = 'icon-plus3';
         this.$store.dispatch(this.kelas + '/create');
+        this.$store.dispatch('suratKode/get');
       }
     },
     checkUser: function checkUser(permission, id_cu) {
@@ -572,6 +572,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     save: function save() {
       var _this = this;
 
+      this.form.id_cu = this.currentUser.id_cu;
       this.$validator.validateAll('form').then(function (result) {
         if (result) {
           if (_this.$route.meta.mode == 'edit') {
@@ -613,15 +614,18 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKode', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKategori', {
     form: 'data',
     formStat: 'dataStat',
     rules: 'rules',
     options: 'options',
     updateResponse: 'update',
     updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKode', {
+    modelKode: 'dataS',
+    modelKodeStat: 'dataStatS'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
     modelCU: 'headerDataS',
     modelCUStat: 'headerDataStatS'
@@ -943,10 +947,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/form.vue?vue&type=template&id=0c5bcf5e&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKode/form.vue?vue&type=template&id=0c5bcf5e& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/form.vue?vue&type=template&id=0c93017d&":
+/*!***********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKategori/form.vue?vue&type=template&id=0c93017d& ***!
+  \***********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1011,9 +1015,10 @@ var render = function () {
                           _c(
                             "div",
                             {
-                              staticClass: "form-group",
+                              staticClass: "form-group mb-0",
                               class: {
-                                "has-error": _vm.errors.has("form.name"),
+                                "has-error":
+                                  _vm.errors.has("form.id_surat_kode"),
                               },
                             },
                             [
@@ -1021,57 +1026,122 @@ var render = function () {
                                 "h5",
                                 {
                                   class: {
-                                    "text-danger": _vm.errors.has("form.name"),
+                                    "text-danger":
+                                      _vm.errors.has("form.id_surat_kode"),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.name")
+                                  _vm.errors.has("form.id_surat_kode")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tTipe Surat: "
+                                  ),
                                   _c("wajib-badge"),
                                 ],
                                 1
                               ),
                               _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
+                              _c("div", { staticClass: "input-group" }, [
+                                _c(
+                                  "select",
                                   {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.name,
-                                    expression: "form.name",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "name",
-                                  placeholder: "Silahkan masukkan nama",
-                                  "data-vv-as": "Nama",
-                                },
-                                domProps: { value: _vm.form.name },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "name",
-                                      $event.target.value
-                                    )
+                                    directives: [
+                                      {
+                                        name: "model",
+                                        rawName: "v-model",
+                                        value: _vm.form.id_surat_kode,
+                                        expression: "form.id_surat_kode",
+                                      },
+                                      {
+                                        name: "validate",
+                                        rawName: "v-validate",
+                                        value: "required",
+                                        expression: "'required'",
+                                      },
+                                    ],
+                                    staticClass: "form-control",
+                                    attrs: {
+                                      name: "id_surat_kode",
+                                      "data-width": "100%",
+                                      "data-vv-as": "Tipe",
+                                    },
+                                    on: {
+                                      change: [
+                                        function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
+                                              )
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.$set(
+                                            _vm.form,
+                                            "id_surat_kode",
+                                            $event.target.multiple
+                                              ? $$selectedVal
+                                              : $$selectedVal[0]
+                                          )
+                                        },
+                                        function ($event) {
+                                          return _vm.changeKode(
+                                            $event.target.value
+                                          )
+                                        },
+                                      ],
+                                    },
                                   },
-                                },
-                              }),
+                                  [
+                                    _c(
+                                      "option",
+                                      { attrs: { disabled: "", value: "" } },
+                                      [
+                                        _c("span", [
+                                          _vm.formStat === "loading"
+                                            ? _c("span", [
+                                                _vm._v("Mohon tunggu..."),
+                                              ])
+                                            : _c("span", [
+                                                _vm._v(
+                                                  "Silahkan pilih tipe surat"
+                                                ),
+                                              ]),
+                                        ]),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm._l(_vm.modelKode, function (kode) {
+                                      return kode
+                                        ? _c(
+                                            "option",
+                                            { domProps: { value: kode.id } },
+                                            [
+                                              _vm._v(
+                                                _vm._s(kode.name) +
+                                                  " / " +
+                                                  _vm._s(kode.periode) +
+                                                  " / No. " +
+                                                  _vm._s(kode.kode)
+                                              ),
+                                            ]
+                                          )
+                                        : _vm._e()
+                                    }),
+                                  ],
+                                  2
+                                ),
+                              ]),
                               _vm._v(" "),
-                              _vm.errors.has("form.name")
+                              _vm.errors.has("form.id_surat_kode")
                                 ? _c(
                                     "small",
                                     { staticClass: "text-muted text-danger" },
@@ -1082,7 +1152,9 @@ var render = function () {
                                       _vm._v(
                                         " " +
                                           _vm._s(
-                                            _vm.errors.first("form.name")
+                                            _vm.errors.first(
+                                              "form.id_surat_kode"
+                                            )
                                           ) +
                                           "\n\t\t\t\t\t\t\t\t\t\t"
                                       ),
@@ -1095,114 +1167,13 @@ var render = function () {
                           ),
                         ]),
                         _vm._v(" "),
-                        _vm.$route.meta.mode != "edit"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "form-group",
-                                  class: {
-                                    "has-error": _vm.errors.has("form.kode"),
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "h5",
-                                    {
-                                      class: {
-                                        "text-danger":
-                                          _vm.errors.has("form.kode"),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has("form.kode")
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t\t\t\tKode Awal: "
-                                      ),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "validate",
-                                        rawName: "v-validate",
-                                        value: "required",
-                                        expression: "'required'",
-                                      },
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: _vm.form.kode,
-                                        expression: "form.kode",
-                                      },
-                                    ],
-                                    staticClass: "form-control",
-                                    attrs: {
-                                      type: "text",
-                                      name: "name",
-                                      placeholder:
-                                        "Silahkan masukkan kode awal",
-                                      "data-vv-as": "Kode Awal",
-                                    },
-                                    domProps: { value: _vm.form.kode },
-                                    on: {
-                                      input: function ($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          _vm.form,
-                                          "kode",
-                                          $event.target.value
-                                        )
-                                      },
-                                    },
-                                  }),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.kode")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first("form.kode")
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]
-                              ),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
                         _c("div", { staticClass: "col-md-12" }, [
                           _c(
                             "div",
                             {
                               staticClass: "form-group",
                               class: {
-                                "has-error": _vm.errors.has("form.periode"),
+                                "has-error": _vm.errors.has("form.name"),
                               },
                             },
                             [
@@ -1210,27 +1181,20 @@ var render = function () {
                                 "h5",
                                 {
                                   class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.periode"),
+                                    "text-danger": _vm.errors.has("form.name"),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.periode")
+                                  _vm.errors.has("form.name")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tPeriode: "),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKode: "),
                                   _c("wajib-badge"),
-                                  _vm._v(" "),
-                                  _c("info-icon", {
-                                    attrs: {
-                                      message: "Format: tahun. Contoh: 2019",
-                                    },
-                                  }),
                                 ],
                                 1
                               ),
                               _vm._v(" "),
-                              _c("cleave", {
+                              _c("input", {
                                 directives: [
                                   {
                                     name: "validate",
@@ -1238,25 +1202,36 @@ var render = function () {
                                     value: "required",
                                     expression: "'required'",
                                   },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.name,
+                                    expression: "form.name",
+                                  },
                                 ],
                                 staticClass: "form-control",
                                 attrs: {
-                                  name: "periode",
-                                  raw: false,
-                                  options: _vm.cleaveOption.year,
-                                  placeholder: "Silahkan masukkan periode",
-                                  "data-vv-as": "Periode",
+                                  type: "text",
+                                  name: "name",
+                                  placeholder: "Silahkan masukkan kode",
+                                  "data-vv-as": "Kode",
                                 },
-                                model: {
-                                  value: _vm.form.periode,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "periode", $$v)
+                                domProps: { value: _vm.form.name },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "name",
+                                      $event.target.value
+                                    )
                                   },
-                                  expression: "form.periode",
                                 },
                               }),
                               _vm._v(" "),
-                              _vm.errors.has("form.periode")
+                              _vm.errors.has("form.name")
                                 ? _c(
                                     "small",
                                     { staticClass: "text-muted text-danger" },
@@ -1267,7 +1242,7 @@ var render = function () {
                                       _vm._v(
                                         " " +
                                           _vm._s(
-                                            _vm.errors.first("form.periode")
+                                            _vm.errors.first("form.name")
                                           ) +
                                           "\n\t\t\t\t\t\t\t\t\t\t"
                                       ),
@@ -1276,10 +1251,51 @@ var render = function () {
                                 : _c("small", { staticClass: "text-muted" }, [
                                     _vm._v(" "),
                                   ]),
-                            ],
-                            1
+                            ]
                           ),
                         ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c("h5", [
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\t\t\t\t\tKeterangan:\n\t\t\t\t\t\t\t\t\t\t"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("textarea", {
+                              directives: [
+                                {
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.deskripsi,
+                                  expression: "form.deskripsi",
+                                },
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                rows: "5",
+                                type: "text",
+                                name: "deskripsi",
+                                placeholder:
+                                  "Silahkan masukkan keterangan kategori",
+                              },
+                              domProps: { value: _vm.form.deskripsi },
+                              on: {
+                                input: function ($event) {
+                                  if ($event.target.composing) {
+                                    return
+                                  }
+                                  _vm.$set(
+                                    _vm.form,
+                                    "deskripsi",
+                                    $event.target.value
+                                  )
+                                },
+                              },
+                            }),
+                          ]),
+                        ]),
                       ]),
                     ]),
                   ]),
@@ -1734,17 +1750,17 @@ function objectToFormData(obj, form, namespace) {
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKode/form.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/suratKode/form.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/views/suratKategori/form.vue":
+/*!**********************************************************!*\
+  !*** ./resources/assets/js/views/suratKategori/form.vue ***!
+  \**********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_0c5bcf5e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=0c5bcf5e& */ "./resources/assets/js/views/suratKode/form.vue?vue&type=template&id=0c5bcf5e&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratKode/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_0c93017d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=0c93017d& */ "./resources/assets/js/views/suratKategori/form.vue?vue&type=template&id=0c93017d&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratKategori/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1755,8 +1771,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_0c5bcf5e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_0c5bcf5e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_template_id_0c93017d___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_0c93017d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1766,38 +1782,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/suratKode/form.vue"
+component.options.__file = "resources/assets/js/views/suratKategori/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKode/form.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/suratKode/form.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/suratKategori/form.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/suratKategori/form.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratKode/form.vue?vue&type=template&id=0c5bcf5e&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/suratKode/form.vue?vue&type=template&id=0c5bcf5e& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/suratKategori/form.vue?vue&type=template&id=0c93017d&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/suratKategori/form.vue?vue&type=template&id=0c93017d& ***!
+  \*****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0c5bcf5e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=0c5bcf5e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/form.vue?vue&type=template&id=0c5bcf5e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0c5bcf5e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0c93017d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=0c93017d& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKategori/form.vue?vue&type=template&id=0c93017d&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0c93017d___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0c5bcf5e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0c93017d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/59.js b/public/js/components/59.js
index 61a846ae9..82a85b91f 100644
--- a/public/js/components/59.js
+++ b/public/js/components/59.js
@@ -292,10 +292,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/form.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/form.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/form.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKode/form.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -436,77 +436,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -532,11 +461,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Tambah Surat Masuk',
-      titleDesc: 'Menambah surat masuk baru',
+      title: 'Tambah Kode Surat',
+      titleDesc: 'Menambah kode surat keluar baru',
       titleIcon: 'icon-plus3',
-      kelas: 'suratMasuk',
-      level2Title: 'Surat Masuk',
+      kelas: 'suratKode',
+      level2Title: 'Kode Surat',
       modalShow: false,
       modalState: '',
       modalTitle: '',
@@ -596,7 +525,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         if (this.$route.meta.mode !== 'edit') {
           this.form.id_cu = this.currentUser.id_cu;
         } else {
-          this.checkUser('update_surat', this.form.id_cu);
+          this.checkUser('update_surat_kategori', this.form.id_cu);
         }
       }
     },
@@ -617,12 +546,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     fetch: function fetch() {
       if (this.$route.meta.mode === 'edit') {
         this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Kategori Surat Keluar';
-        this.titleDesc = 'Mengubah kategori surat keluar';
+        this.title = 'Ubah Kode Surat Keluar';
+        this.titleDesc = 'Mengubah kode surat keluar';
         this.titleIcon = 'icon-pencil5';
       } else {
-        this.title = 'Tambah Kategori Surat Keluar';
-        this.titleDesc = 'Menambah kategori surat keluar';
+        this.title = 'Tambah Kode Surat Keluar';
+        this.titleDesc = 'Menambah kode surat keluar';
         this.titleIcon = 'icon-plus3';
         this.$store.dispatch(this.kelas + '/create');
       }
@@ -640,21 +569,16 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         }
       }
     },
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.form.content = files[0];
-    },
     save: function save() {
       var _this = this;
 
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      this.form.id_cu = this.currentUser.id_cu;
       this.$validator.validateAll('form').then(function (result) {
         if (result) {
           if (_this.$route.meta.mode == 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
           } else {
-            _this.$store.dispatch(_this.kelas + '/store', formData);
+            _this.$store.dispatch(_this.kelas + '/store', _this.form);
           }
 
           _this.submited = false;
@@ -692,7 +616,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratMasuk', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKode', {
     form: 'data',
     formStat: 'dataStat',
     rules: 'rules',
@@ -1020,10 +944,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/form.vue?vue&type=template&id=2627e4de&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/form.vue?vue&type=template&id=2627e4de& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/form.vue?vue&type=template&id=0c5bcf5e&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratKode/form.vue?vue&type=template&id=0c5bcf5e& ***!
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1105,7 +1029,7 @@ var render = function () {
                                   _vm.errors.has("form.name")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKode: "),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
                                   _c("wajib-badge"),
                                 ],
                                 1
@@ -1130,8 +1054,8 @@ var render = function () {
                                 attrs: {
                                   type: "text",
                                   name: "name",
-                                  placeholder: "Silahkan masukkan kode",
-                                  "data-vv-as": "Kode",
+                                  placeholder: "Silahkan masukkan nama",
+                                  "data-vv-as": "Nama",
                                 },
                                 domProps: { value: _vm.form.name },
                                 on: {
@@ -1172,168 +1096,106 @@ var render = function () {
                           ),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.hal"),
-                              },
-                            },
-                            [
+                        _vm.$route.meta.mode != "edit"
+                          ? _c("div", { staticClass: "col-md-12" }, [
                               _c(
-                                "h5",
+                                "div",
                                 {
+                                  staticClass: "form-group",
                                   class: {
-                                    "text-danger": _vm.errors.has("form.hal"),
+                                    "has-error": _vm.errors.has("form.kode"),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.hal")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tHal: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.hal,
-                                    expression: "form.hal",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "hal",
-                                  placeholder: "Silahkan masukkan hal",
-                                  "data-vv-as": "hal",
-                                },
-                                domProps: { value: _vm.form.hal },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "hal",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.hal")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
+                                  _c(
+                                    "h5",
+                                    {
+                                      class: {
+                                        "text-danger":
+                                          _vm.errors.has("form.kode"),
+                                      },
+                                    },
                                     [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
+                                      _vm.errors.has("form.kode")
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
                                       _vm._v(
-                                        " " +
-                                          _vm._s(_vm.errors.first("form.hal")) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                        "\n\t\t\t\t\t\t\t\t\t\t\tKode Awal: "
                                       ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.perihal"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.perihal"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.perihal")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tPerihal: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.perihal,
-                                    expression: "form.perihal",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "perihal",
-                                  placeholder: "Silahkan masukkan perihal",
-                                  "data-vv-as": "perihal",
-                                },
-                                domProps: { value: _vm.form.perihal },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "perihal",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.perihal")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.perihal")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      _c("wajib-badge"),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c("input", {
+                                    directives: [
+                                      {
+                                        name: "validate",
+                                        rawName: "v-validate",
+                                        value: "required",
+                                        expression: "'required'",
+                                      },
+                                      {
+                                        name: "model",
+                                        rawName: "v-model",
+                                        value: _vm.form.kode,
+                                        expression: "form.kode",
+                                      },
+                                    ],
+                                    staticClass: "form-control",
+                                    attrs: {
+                                      type: "text",
+                                      name: "name",
+                                      placeholder:
+                                        "Silahkan masukkan kode awal",
+                                      "data-vv-as": "Kode Awal",
+                                    },
+                                    domProps: { value: _vm.form.kode },
+                                    on: {
+                                      input: function ($event) {
+                                        if ($event.target.composing) {
+                                          return
+                                        }
+                                        _vm.$set(
+                                          _vm.form,
+                                          "kode",
+                                          $event.target.value
+                                        )
+                                      },
+                                    },
+                                  }),
+                                  _vm._v(" "),
+                                  _vm.errors.has("form.kode")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first("form.kode")
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" ")]
                                       ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
+                                ]
+                              ),
+                            ])
+                          : _vm._e(),
                         _vm._v(" "),
                         _c("div", { staticClass: "col-md-12" }, [
                           _c(
@@ -1419,220 +1281,6 @@ var render = function () {
                             1
                           ),
                         ]),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "edit"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "form-group",
-                                  class: {
-                                    "has-error": _vm.errors.has("form.format"),
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "h5",
-                                    {
-                                      class: {
-                                        "text-danger":
-                                          _vm.errors.has("form.format"),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has("form.format")
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t\t\t\tPilih Format: "
-                                      ),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.format,
-                                          expression: "form.format",
-                                        },
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "format",
-                                        "data-width": "100%",
-                                        "data-vv-as": "format",
-                                      },
-                                      on: {
-                                        change: function ($event) {
-                                          var $$selectedVal =
-                                            Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function (o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function (o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                          _vm.$set(
-                                            _vm.form,
-                                            "format",
-                                            $event.target.multiple
-                                              ? $$selectedVal
-                                              : $$selectedVal[0]
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [_vm._v("Silahkan pilih format")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { value: "upload" } },
-                                        [_vm._v("Upload")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { value: "link" } },
-                                        [_vm._v("Link")]
-                                      ),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.format")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first("form.format")
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]
-                              ),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "edit"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _vm.form.format == "upload"
-                                ? _c("div", { staticClass: "form-group" }, [
-                                    _c(
-                                      "h5",
-                                      [
-                                        _vm._v(" Upload dokumen: "),
-                                        _c("wajib-badge"),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "div",
-                                      { staticClass: "card-card-body" },
-                                      [
-                                        _c("input", {
-                                          ref: "fileInput",
-                                          staticClass: "form-control",
-                                          attrs: {
-                                            type: "file",
-                                            accept:
-                                              "application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.openxmlformats-officedocument.presentationml.slideshow, text/plain, application/pdf, image/*",
-                                          },
-                                          on: { change: _vm.upload },
-                                        }),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("small", { staticClass: "text-muted" }, [
-                                      _vm._v(
-                                        "File yang diterima adalah Word, Excel, Powerpoint, PDF dan gambar/foto"
-                                      ),
-                                    ]),
-                                  ])
-                                : _vm.form.format == "link"
-                                ? _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [_vm._v("Link dokumen: ")]),
-                                    _vm._v(" "),
-                                    _c("input", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.link,
-                                          expression: "form.link",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        type: "text",
-                                        name: "link",
-                                        placeholder: "Silahkan masukkan link",
-                                      },
-                                      domProps: { value: _vm.form.link },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form,
-                                            "link",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                    _vm._v(" "),
-                                    _c("small", { staticClass: "text-muted" }, [
-                                      _vm._v(
-                                        "Silahkan masukkan link ke dokumen"
-                                      ),
-                                    ]),
-                                  ])
-                                : _vm._e(),
-                            ])
-                          : _vm._e(),
                       ]),
                     ]),
                   ]),
@@ -2087,17 +1735,17 @@ function objectToFormData(obj, form, namespace) {
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratMasuk/form.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/suratMasuk/form.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/suratKode/form.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/suratKode/form.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_2627e4de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=2627e4de& */ "./resources/assets/js/views/suratMasuk/form.vue?vue&type=template&id=2627e4de&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratMasuk/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_0c5bcf5e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=0c5bcf5e& */ "./resources/assets/js/views/suratKode/form.vue?vue&type=template&id=0c5bcf5e&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratKode/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2108,8 +1756,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_2627e4de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_2627e4de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_template_id_0c5bcf5e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_0c5bcf5e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2119,38 +1767,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/suratMasuk/form.vue"
+component.options.__file = "resources/assets/js/views/suratKode/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratMasuk/form.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/suratMasuk/form.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/suratKode/form.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/suratKode/form.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratMasuk/form.vue?vue&type=template&id=2627e4de&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/suratMasuk/form.vue?vue&type=template&id=2627e4de& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/suratKode/form.vue?vue&type=template&id=0c5bcf5e&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/suratKode/form.vue?vue&type=template&id=0c5bcf5e& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2627e4de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=2627e4de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/form.vue?vue&type=template&id=2627e4de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2627e4de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0c5bcf5e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=0c5bcf5e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratKode/form.vue?vue&type=template&id=0c5bcf5e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0c5bcf5e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2627e4de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_0c5bcf5e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/60.js b/public/js/components/60.js
index 48954e7a9..b9d41d045 100644
--- a/public/js/components/60.js
+++ b/public/js/components/60.js
@@ -1,16 +1,14 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[60],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
 //
 //
 //
@@ -36,53 +34,50 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
-    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+  data: function data() {
+    return {
+      image: ''
+    };
   },
   props: {
-    value: {
-      "default": ''
-    },
-    frontText: {
+    image_loc: {
+      type: [String],
       "default": ''
     },
-    trimLength: {
-      "default": 50
+    image_type: {
+      type: [String],
+      "default": '.jpg'
     },
-    valueType: {
-      "default": 'trim'
+    image_temp: {
+      "default": ''
     },
-    empty: {
-      "default": '-'
+    value: {
+      type: [String, File],
+      "default": 'no_image'
     }
   },
-  data: function data() {
-    return {
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
-    };
-  },
   methods: {
-    modalOpen: function modalOpen() {
-      this.modalShow = true;
-      this.modalState = 'content-tutup';
-      this.modalContent = this.value;
-      this.modalButton = 'Tutup';
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.createImage(files[0]);
+      this.$emit('input', files[0]);
     },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
+    createImage: function createImage(file) {
+      var reader = new FileReader();
+      var vm = this;
+
+      reader.onload = function (e) {
+        vm.image = e.target.result; // this.$emit('input', vm.image)
+      };
+
+      reader.readAsDataURL(file);
     },
-    strip: function strip(html) {
-      var tmp = document.createElement("DIV");
-      tmp.innerHTML = html;
-      return tmp.textContent || tmp.innerText || "";
+    close: function close() {
+      this.$emit('input', 'no_image');
+      this.image = '/images/no_image.jpg';
+      this.$refs.fileInput.value = '';
     }
   }
 });
@@ -297,10 +292,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/form.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/form.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -308,7 +303,16 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapGolongan/form.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -332,43 +336,381 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    formData: _form_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_10__["default"]
   },
   data: function data() {
     return {
-      title: 'Tambah Kelompok Aset Tetap',
-      titleDesc: 'Menambah kelompok aset tetap',
+      title: 'Tambah Surat Masuk',
+      titleDesc: 'Menambah surat masuk baru',
       titleIcon: 'icon-plus3',
-      level2Title: 'Kelompok Aset Tetap',
-      kelas: 'asetTetapKelompok'
+      kelas: 'suratMasuk',
+      level2Title: 'Surat Masuk',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      submited: false,
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        year: {
+          date: true,
+          datePattern: ['Y']
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      }
     };
   },
-  created: function created() {},
-  watch: {},
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
+  created: function created() {
+    if (this.currentUser.id_cu == 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    }
+
+    this.form.id_cu = this.currentUser.id_cu;
+  },
+  watch: {
+    formStat: function formStat(value) {
+      if (value === "success") {
+        if (this.$route.meta.mode !== 'edit') {
+          this.form.id_cu = this.currentUser.id_cu;
+        } else {
+          this.checkUser('update_surat', this.form.id_cu);
+        }
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    }
+  },
   methods: {
+    fetch: function fetch() {
+      if (this.$route.meta.mode === 'edit') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+        this.title = 'Ubah Kategori Surat Keluar';
+        this.titleDesc = 'Mengubah kategori surat keluar';
+        this.titleIcon = 'icon-pencil5';
+      } else {
+        this.title = 'Tambah Kategori Surat Keluar';
+        this.titleDesc = 'Menambah kategori surat keluar';
+        this.titleIcon = 'icon-plus3';
+        this.$store.dispatch(this.kelas + '/create');
+      }
+    },
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    },
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.form.content = files[0];
+    },
+    save: function save() {
+      var _this = this;
+
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.$route.meta.mode == 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
+          } else {
+            _this.$store.dispatch(_this.kelas + '/store', formData);
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
     back: function back() {
       this.$router.push({
-        name: this.kelas
+        name: this.kelas + 'Cu',
+        params: {
+          cu: this.currentUser.id_cu
+        }
       });
+    },
+    modalTutup: function modalTutup() {
+      if (this.updateStat === 'success') {
+        this.back();
+      }
+
+      this.modalShow = false;
+      this.submitedKategori = false;
+      this.submitedPenulis = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratMasuk', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -380,95 +722,54 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    { staticStyle: { display: "inline-block" } },
-    [
-      _vm.value
-        ? _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm.valueType == "trim"
-              ? _c(
-                  "span",
-                  { staticStyle: { display: "inline-block" } },
-                  [
-                    _c("truncate", {
-                      staticStyle: { display: "inline-block" },
-                      attrs: {
-                        "action-class": "badge bg-blue",
-                        clamp: "selengkapnya >",
-                        length: _vm.trimLength,
-                        less: "< kembali",
-                        text: _vm.frontText + " " + _vm.value,
-                      },
-                    }),
-                  ],
-                  1
-                )
-              : _vm.valueType == "modal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light",
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen()
-                        },
-                      },
-                    },
-                    [_vm._v("\n          Lihat\n      ")]
-                  ),
-                ])
-              : _vm.valueType == "currency"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(
-                        _vm._f("currency")(_vm.value, "", 0, {
-                          thousandsSeparator: ".",
-                        })
-                      )
-                  ),
-                ])
-              : _vm.valueType == "percentage"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("percentage")(_vm.value, 2))
-                  ),
-                ])
-              : _vm.valueType == "decimal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("round")(_vm.value, 2))
-                  ),
-                ])
-              : _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
-                ]),
-          ])
-        : _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
-          ]),
+  return _c("div", [
+    _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body text-center" }, [
+        _vm.image === "" && _vm.image_temp === ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: "/images/no_image.jpg" },
+            })
+          : _vm.image === "" && _vm.image_temp !== ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
+            })
+          : _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image },
+            }),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "col-md-10" }, [
+        _c("input", {
+          ref: "fileInput",
+          staticClass: "form-control",
+          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
+          on: { change: _vm.upload },
+        }),
+      ]),
       _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
-        },
-        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
-      }),
-    ],
-    1
-  )
+      _c("div", { staticClass: "col-md-2" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block",
+            attrs: { type: "button", disabled: _vm.image_temp === "" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.close()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
+        ),
+      ]),
+    ]),
+  ])
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -719,10 +1020,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=template&id=5e4b247c&":
-/*!*****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=template&id=5e4b247c& ***!
-  \*****************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/form.vue?vue&type=template&id=2627e4de&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/form.vue?vue&type=template&id=2627e4de& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -758,11 +1059,627 @@ var render = function () {
           _c(
             "div",
             { staticClass: "content" },
-            [_c("form-data", { attrs: { mode: "tambah" } })],
+            [
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops, terjadi kesalahan",
+                      errorItem: _vm.errors.items,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "form",
+                {
+                  attrs: { "data-vv-scope": "form" },
+                  on: {
+                    submit: function ($event) {
+                      $event.preventDefault()
+                      return _vm.save.apply(null, arguments)
+                    },
+                  },
+                },
+                [
+                  _c("div", { staticClass: "card" }, [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.name"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.name"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.name")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKode: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.name,
+                                    expression: "form.name",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "name",
+                                  placeholder: "Silahkan masukkan kode",
+                                  "data-vv-as": "Kode",
+                                },
+                                domProps: { value: _vm.form.name },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "name",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.name")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.name")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.hal"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.hal"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.hal")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tHal: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.hal,
+                                    expression: "form.hal",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "hal",
+                                  placeholder: "Silahkan masukkan hal",
+                                  "data-vv-as": "hal",
+                                },
+                                domProps: { value: _vm.form.hal },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "hal",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.hal")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(_vm.errors.first("form.hal")) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.perihal"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.perihal"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.perihal")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tPerihal: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.perihal,
+                                    expression: "form.perihal",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "perihal",
+                                  placeholder: "Silahkan masukkan perihal",
+                                  "data-vv-as": "perihal",
+                                },
+                                domProps: { value: _vm.form.perihal },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "perihal",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.perihal")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.perihal")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.periode"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.periode"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.periode")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tPeriode: "),
+                                  _c("wajib-badge"),
+                                  _vm._v(" "),
+                                  _c("info-icon", {
+                                    attrs: {
+                                      message: "Format: tahun. Contoh: 2019",
+                                    },
+                                  }),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  name: "periode",
+                                  raw: false,
+                                  options: _vm.cleaveOption.year,
+                                  placeholder: "Silahkan masukkan periode",
+                                  "data-vv-as": "Periode",
+                                },
+                                model: {
+                                  value: _vm.form.periode,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "periode", $$v)
+                                  },
+                                  expression: "form.periode",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.periode")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.periode")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "edit"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "form-group",
+                                  class: {
+                                    "has-error": _vm.errors.has("form.format"),
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "h5",
+                                    {
+                                      class: {
+                                        "text-danger":
+                                          _vm.errors.has("form.format"),
+                                      },
+                                    },
+                                    [
+                                      _vm.errors.has("form.format")
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
+                                      _vm._v(
+                                        "\n\t\t\t\t\t\t\t\t\t\t\tPilih Format: "
+                                      ),
+                                      _c("wajib-badge"),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "select",
+                                    {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.format,
+                                          expression: "form.format",
+                                        },
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "format",
+                                        "data-width": "100%",
+                                        "data-vv-as": "format",
+                                      },
+                                      on: {
+                                        change: function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
+                                              )
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.$set(
+                                            _vm.form,
+                                            "format",
+                                            $event.target.multiple
+                                              ? $$selectedVal
+                                              : $$selectedVal[0]
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [_vm._v("Silahkan pilih format")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "option",
+                                        { attrs: { value: "upload" } },
+                                        [_vm._v("Upload")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "option",
+                                        { attrs: { value: "link" } },
+                                        [_vm._v("Link")]
+                                      ),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm.errors.has("form.format")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first("form.format")
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" ")]
+                                      ),
+                                ]
+                              ),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "edit"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _vm.form.format == "upload"
+                                ? _c("div", { staticClass: "form-group" }, [
+                                    _c(
+                                      "h5",
+                                      [
+                                        _vm._v(" Upload dokumen: "),
+                                        _c("wajib-badge"),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "div",
+                                      { staticClass: "card-card-body" },
+                                      [
+                                        _c("input", {
+                                          ref: "fileInput",
+                                          staticClass: "form-control",
+                                          attrs: {
+                                            type: "file",
+                                            accept:
+                                              "application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.openxmlformats-officedocument.presentationml.slideshow, text/plain, application/pdf, image/*",
+                                          },
+                                          on: { change: _vm.upload },
+                                        }),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("small", { staticClass: "text-muted" }, [
+                                      _vm._v(
+                                        "File yang diterima adalah Word, Excel, Powerpoint, PDF dan gambar/foto"
+                                      ),
+                                    ]),
+                                  ])
+                                : _vm.form.format == "link"
+                                ? _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [_vm._v("Link dokumen: ")]),
+                                    _vm._v(" "),
+                                    _c("input", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.link,
+                                          expression: "form.link",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        type: "text",
+                                        name: "link",
+                                        placeholder: "Silahkan masukkan link",
+                                      },
+                                      domProps: { value: _vm.form.link },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form,
+                                            "link",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                    _vm._v(" "),
+                                    _c("small", { staticClass: "text-muted" }, [
+                                      _vm._v(
+                                        "Silahkan masukkan link ke dokumen"
+                                      ),
+                                    ]),
+                                  ])
+                                : _vm._e(),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("form-info"),
+                  _vm._v(" "),
+                  _c("br"),
+                  _vm._v(" "),
+                  _c(
+                    "div",
+                    { staticClass: "panel panel-flat panel-body" },
+                    [
+                      _c("form-button", {
+                        attrs: {
+                          cancelState: "methods",
+                          formValidation: "form",
+                        },
+                        on: { cancelClick: _vm.back },
+                      }),
+                    ],
+                    1
+                  ),
+                ],
+                1
+              ),
+            ],
             1
           ),
         ]),
       ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          content: _vm.modalContent,
+          color: _vm.modalColor,
+        },
+        on: {
+          batal: _vm.modalTutup,
+          tutup: _vm.modalTutup,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalBackgroundClick,
+        },
+      }),
     ],
     1
   )
@@ -774,17 +1691,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -794,9 +1711,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -806,38 +1723,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/checkValue.vue"
+component.options.__file = "resources/assets/js/components/ImageUpload.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
@@ -1119,17 +2036,68 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapGolongan/create.vue":
-/*!****************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapGolongan/create.vue ***!
-  \****************************************************************/
+/***/ "./resources/assets/js/helpers/form.js":
+/*!*********************************************!*\
+  !*** ./resources/assets/js/helpers/form.js ***!
+  \*********************************************/
+/*! exports provided: toMulipartedForm, objectToFormData */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function toMulipartedForm(form, mode) {
+  if (mode === 'edit' && typeof form.image === 'string') {
+    var temp = JSON.parse(JSON.stringify(form));
+    delete temp.image;
+    return temp;
+  } else {
+    return objectToFormData(form);
+  }
+}
+function objectToFormData(obj, form, namespace) {
+  var fd = form || new FormData();
+  var formKey;
+
+  for (var property in obj) {
+    if (obj.hasOwnProperty(property)) {
+      if (namespace) {
+        formKey = namespace + '[' + property + ']';
+      } else {
+        formKey = property;
+      }
+
+      if (obj[property] instanceof Array) {
+        for (var i = 0; i < obj[property].length; i++) {
+          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
+        }
+      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
+        objectToFormData(obj[property], fd, property);
+      } else {
+        fd.append(formKey, obj[property]);
+      }
+    }
+  }
+
+  return fd;
+}
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/suratMasuk/form.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/views/suratMasuk/form.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _create_vue_vue_type_template_id_5e4b247c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create.vue?vue&type=template&id=5e4b247c& */ "./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=template&id=5e4b247c&");
-/* harmony import */ var _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_2627e4de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=2627e4de& */ "./resources/assets/js/views/suratMasuk/form.vue?vue&type=template&id=2627e4de&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratMasuk/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1139,9 +2107,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _create_vue_vue_type_template_id_5e4b247c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _create_vue_vue_type_template_id_5e4b247c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_2627e4de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_2627e4de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1151,38 +2119,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetapGolongan/create.vue"
+component.options.__file = "resources/assets/js/views/suratMasuk/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/views/suratMasuk/form.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/suratMasuk/form.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=template&id=5e4b247c&":
-/*!***********************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=template&id=5e4b247c& ***!
-  \***********************************************************************************************/
+/***/ "./resources/assets/js/views/suratMasuk/form.vue?vue&type=template&id=2627e4de&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/suratMasuk/form.vue?vue&type=template&id=2627e4de& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_5e4b247c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=template&id=5e4b247c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=template&id=5e4b247c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_5e4b247c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2627e4de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=2627e4de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/form.vue?vue&type=template&id=2627e4de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2627e4de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_5e4b247c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2627e4de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/61.js b/public/js/components/61.js
index 27f0ebb27..d7f140b18 100644
--- a/public/js/components/61.js
+++ b/public/js/components/61.js
@@ -297,9 +297,9 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=script&lang=js&":
 /*!*************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=script&lang=js& ***!
   \*************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -308,7 +308,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapKelompok/form.vue");
+/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapGolongan/form.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -719,9 +719,9 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=template&id=7247ed91&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=template&id=5e4b247c&":
 /*!*****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=template&id=7247ed91& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=template&id=5e4b247c& ***!
   \*****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -1119,17 +1119,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapKelompok/create.vue":
+/***/ "./resources/assets/js/views/asetTetapGolongan/create.vue":
 /*!****************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapKelompok/create.vue ***!
+  !*** ./resources/assets/js/views/asetTetapGolongan/create.vue ***!
   \****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _create_vue_vue_type_template_id_7247ed91___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create.vue?vue&type=template&id=7247ed91& */ "./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=template&id=7247ed91&");
-/* harmony import */ var _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=script&lang=js&");
+/* harmony import */ var _create_vue_vue_type_template_id_5e4b247c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create.vue?vue&type=template&id=5e4b247c& */ "./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=template&id=5e4b247c&");
+/* harmony import */ var _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1140,8 +1140,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _create_vue_vue_type_template_id_7247ed91___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _create_vue_vue_type_template_id_7247ed91___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _create_vue_vue_type_template_id_5e4b247c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _create_vue_vue_type_template_id_5e4b247c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1151,38 +1151,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetapKelompok/create.vue"
+component.options.__file = "resources/assets/js/views/asetTetapGolongan/create.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=script&lang=js&":
 /*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=script&lang=js& ***!
   \*****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=template&id=7247ed91&":
+/***/ "./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=template&id=5e4b247c&":
 /*!***********************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=template&id=7247ed91& ***!
+  !*** ./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=template&id=5e4b247c& ***!
   \***********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_7247ed91___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=template&id=7247ed91& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=template&id=7247ed91&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_7247ed91___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_5e4b247c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=template&id=5e4b247c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/create.vue?vue&type=template&id=5e4b247c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_5e4b247c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_7247ed91___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_5e4b247c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/62.js b/public/js/components/62.js
index e0a9b5d1d..0e702c43b 100644
--- a/public/js/components/62.js
+++ b/public/js/components/62.js
@@ -297,10 +297,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -308,7 +308,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapLokasi/form.vue");
+/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapKelompok/form.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -342,11 +342,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Tambah Lokasi Aset Tetap',
-      titleDesc: 'Menambah lokasi aset tetap',
+      title: 'Tambah Kelompok Aset Tetap',
+      titleDesc: 'Menambah kelompok aset tetap',
       titleIcon: 'icon-plus3',
-      level2Title: 'Lokasi Aset Tetap',
-      kelas: 'asetTetapLokasi'
+      level2Title: 'Kelompok Aset Tetap',
+      kelas: 'asetTetapKelompok'
     };
   },
   created: function created() {},
@@ -719,10 +719,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=template&id=7991aec4&":
-/*!***************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=template&id=7991aec4& ***!
-  \***************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=template&id=7247ed91&":
+/*!*****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=template&id=7247ed91& ***!
+  \*****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1119,17 +1119,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapLokasi/create.vue":
-/*!**************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapLokasi/create.vue ***!
-  \**************************************************************/
+/***/ "./resources/assets/js/views/asetTetapKelompok/create.vue":
+/*!****************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapKelompok/create.vue ***!
+  \****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _create_vue_vue_type_template_id_7991aec4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create.vue?vue&type=template&id=7991aec4& */ "./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=template&id=7991aec4&");
-/* harmony import */ var _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=script&lang=js&");
+/* harmony import */ var _create_vue_vue_type_template_id_7247ed91___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create.vue?vue&type=template&id=7247ed91& */ "./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=template&id=7247ed91&");
+/* harmony import */ var _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1140,8 +1140,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _create_vue_vue_type_template_id_7991aec4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _create_vue_vue_type_template_id_7991aec4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _create_vue_vue_type_template_id_7247ed91___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _create_vue_vue_type_template_id_7247ed91___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1151,38 +1151,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetapLokasi/create.vue"
+component.options.__file = "resources/assets/js/views/asetTetapKelompok/create.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=template&id=7991aec4&":
-/*!*********************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=template&id=7991aec4& ***!
-  \*********************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=template&id=7247ed91&":
+/*!***********************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=template&id=7247ed91& ***!
+  \***********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_7991aec4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=template&id=7991aec4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=template&id=7991aec4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_7991aec4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_7247ed91___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=template&id=7247ed91& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/create.vue?vue&type=template&id=7247ed91&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_7247ed91___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_7991aec4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_7247ed91___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/63.js b/public/js/components/63.js
index 55faaba86..758fec7ff 100644
--- a/public/js/components/63.js
+++ b/public/js/components/63.js
@@ -1,14 +1,22 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[63],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -22,78 +30,74 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
+    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
   props: {
-    id: {
+    value: {
+      "default": ''
+    },
+    frontText: {
       "default": ''
+    },
+    trimLength: {
+      "default": 50
+    },
+    valueType: {
+      "default": 'trim'
+    },
+    empty: {
+      "default": '-'
     }
   },
   data: function data() {
     return {
-      clicked: false
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: ''
     };
   },
   methods: {
-    btnClick: function btnClick() {
-      var _this = this;
-
-      if (this.clicked) {
-        setTimeout(function () {
-          return _this.clicked = false;
-        }, 400);
-      } else {
-        this.clicked = true;
-      }
+    modalOpen: function modalOpen() {
+      this.modalShow = true;
+      this.modalState = 'content-tutup';
+      this.modalContent = this.value;
+      this.modalButton = 'Tutup';
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    strip: function strip(html) {
+      var tmp = document.createElement("DIV");
+      tmp.innerHTML = html;
+      return tmp.textContent || tmp.innerText || "";
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/index.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _select_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./select.vue */ "./resources/assets/js/views/laporanCu/select.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/laporanCu/table.vue");
-/* harmony import */ var _tablePearls_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tablePearls.vue */ "./resources/assets/js/views/laporanCu/tablePearls.vue");
-/* harmony import */ var _infografis_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./infografis.vue */ "./resources/assets/js/views/laporanCu/infografis.vue");
-/* harmony import */ var _infografisPearls_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./infografisPearls.vue */ "./resources/assets/js/views/laporanCu/infografisPearls.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -102,6 +106,21 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: []
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 //
 //
 //
@@ -114,6 +133,32 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    message: {
+      "default": ''
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -152,120 +197,118 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 
-
-
-
-
-
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    selectData: _select_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    tablePearls: _tablePearls_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    infografisData: _infografis_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    infografisPearlsData: _infografisPearls_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Laporan Statistik',
-      titlePearls: 'P.E.A.R.L.S',
-      kelas: 'laporanCu',
-      titleDesc: 'Mengelola data statistik CU',
-      titleIcon: 'icon-stats-bars2',
-      selectCUPath: 'laporanCuCU',
-      tabName: 'table',
-      katax: '\\frac{1.7888}{1,6777}',
-      isTablePearls: false,
-      isInfografis: false,
-      isInfografisPearls: false
-    };
-  },
-  created: function created() {
-    this.checkTitle();
-    this.checkUser('index_laporan_cu', this.$route.params.cu);
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.checkTitle();
+  props: {
+    title: {
+      "default": ''
+    },
+    titleIcon: {
+      "default": ''
+    },
+    titleDesc: {
+      "default": ''
+    },
+    level: {
+      "default": 1
+    },
+    level2Title: {
+      "default": ''
+    },
+    level2Route: {
+      "default": ''
     }
   },
   methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
+    level2Back: function level2Back() {
+      this.$emit('level2Back');
+    },
+    route1: function route1() {
+      if (this.btn1RouteParams) {
+        this.$router.push({
+          name: this.btn1Route,
+          params: {
+            cu: this.btn1RouteParams
           }
-        }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn1Route
+        });
       }
     },
-    checkTitle: function checkTitle() {
-      if (this.$route.meta.mode == "periode") {
-        this.title = "Laporan Statistik CU";
-        this.titleDesc = 'Mengelola data statistik CU';
-      } else if (this.$route.meta.mode == "cu") {
-        if (this.$route.params.tp == "konsolidasi") {
-          this.title = "Laporan Statistik CU";
-          this.titleDesc = 'Mengelola data statistik CU';
-        } else {
-          this.title = "Laporan Statistik TP/KP";
-          this.titleDesc = 'Mengelola data statistik TP/KP';
-        }
-      } else if (this.$route.meta.mode == "cuPeriode") {
-        this.title = "Laporan Statistik TP/KP";
-        this.titleDesc = 'Mengelola data statistik TP/KP';
+    route2: function route2() {
+      if (this.btn2RouteParams) {
+        this.$router.push({
+          name: this.btn2Route,
+          params: {
+            cu: this.btn2RouteParams
+          }
+        });
       } else {
-        this.title = "Laporan Statistik CU";
-        this.titleDesc = 'Mengelola data statistik CU';
+        this.$router.push({
+          name: this.btn2Route
+        });
       }
     },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-
-      if (value == 'tablePearls' && !this.isTablePearls) {
-        this.isTablePearls = true;
-      }
-
-      if (value == 'infografis' && !this.isInfografis) {
-        this.isInfografis = true;
-      }
-
-      if (value == 'infografisPearls' && !this.isInfografisPearls) {
-        this.isInfografisPearls = true;
+    route3: function route3() {
+      if (this.btn3RouteParams) {
+        this.$router.push({
+          name: this.btn3Route,
+          params: {
+            cu: this.btn3RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn3Route
+        });
       }
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    itemPearls: 'pearls',
-    itemPearlsStat: 'pearlsStat',
-    columnData: 'columnData',
-    columnDataPearls: 'columnDataPearls'
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/select.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/select.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    message: {
+      "default": ''
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapLokasi/form.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -289,2920 +332,42 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
+
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['kelas', 'path'],
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    formData: _form_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
+  },
   data: function data() {
     return {
-      idCu: '',
-      idTp: '',
-      periode: '',
-      periodeTp: ''
+      title: 'Tambah Lokasi Aset Tetap',
+      titleDesc: 'Menambah lokasi aset tetap',
+      titleIcon: 'icon-plus3',
+      level2Title: 'Lokasi Aset Tetap',
+      kelas: 'asetTetapLokasi'
     };
   },
-  created: function created() {
-    if (this.currentUser.id_cu != undefined) {
-      this.checkProfileIdCU();
-    }
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.checkProfileIdCU();
-    },
-    modelCuStat: function modelCuStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode == 'cu' || this.$route.meta.mode == 'cuPeriode') {
-          this.idCu = this.$route.params.cu;
-          this.changeCu(this.idCu);
-        } else {
-          this.idCu = 'semua';
-          this.changeCu(this.idCu);
-        }
-      }
-    },
-    modelTpStat: function modelTpStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode == 'cu') {
-          this.idTp = this.$route.params.tp;
-        } else if (this.$route.meta.mode == 'cuPeriode') {
-          this.idTp = 'semua';
-          this.changeTp(this.idTp);
-        } else {
-          this.idTp = 'konsolidasi';
-        }
-      }
-    },
-    modelPeriodeStat: function modelPeriodeStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode == 'periode') {
-          this.periode = this.$route.params.periode;
-        } else {
-          this.periode = this.modelPeriode[0].periode;
-        }
-      }
-    },
-    modelPeriodeTpStat: function modelPeriodeTpStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode == 'cuPeriode') {
-          this.periodeTp = this.$route.params.periode;
-        } else {
-          this.periodeTp = this.modelPeriodeTp[0].periode;
-        }
-
-        this.changeTpPeriode(this.periodeTp);
-      }
-    }
-  },
+  created: function created() {},
+  watch: {},
   methods: {
-    checkProfileIdCU: function checkProfileIdCU() {
-      if (this.currentUser.id_cu !== 0) {
-        this.idCu = this.currentUser.id_cu;
-        this.fetchTp();
-      } else {
-        this.fetchCU();
-      }
-    },
-    fetch: function fetch() {
-      if (this.idCu != 'semua') {
-        if (this.idTp != 'semua') {
-          this.$router.push({
-            name: 'laporanCuCu',
-            params: {
-              cu: this.idCu,
-              tp: this.idTp
-            }
-          });
-        } else {
-          this.$router.push({
-            name: 'laporanCuCuPeriode',
-            params: {
-              cu: this.idCu,
-              periode: this.periodeTp
-            }
-          });
-        }
-      } else {
-        this.$router.push({
-          name: 'laporanCuPeriode',
-          params: {
-            periode: this.periode
-          }
-        });
-      }
-    },
-    fetchCU: function fetchCU() {
-      if (this.modelCu.length == 0) {
-        this.$store.dispatch('cu/getHeader', this.currentUser.id_pus);
-      } else {
-        if (this.$route.meta.mode == 'cu' || this.$route.meta.mode == 'cuPeriode') {
-          this.idCu = this.$route.params.cu;
-          this.changeCu(this.idCu);
-        } else {
-          this.idCu = 'semua';
-          this.changeCu(this.idCu);
-        }
-      }
-    },
-    fetchPeriode: function fetchPeriode() {
-      this.$store.dispatch('laporanCu/getPeriode');
-    },
-    fetchPeriodeTp: function fetchPeriodeTp() {
-      this.$store.dispatch('laporanTp/getPeriode');
-    },
-    fetchTp: function fetchTp() {
-      this.$store.dispatch('tp/getCu', this.idCu);
-    },
-    changeCu: function changeCu(value) {
-      if (value != 'semua') {
-        this.fetchTp();
-      } else {
-        this.fetchPeriode();
-      }
-
-      this.idTp = '';
-    },
-    changeTp: function changeTp(value) {
-      if (this.currentUser.id_cu != 0) {
-        if (this.idTp != 'semua') {
-          this.$router.push({
-            name: 'laporanCuCu',
-            params: {
-              cu: this.currentUser.id_cu,
-              tp: value
-            }
-          });
-        } else {
-          this.$store.dispatch('laporanTp/getPeriode');
-        }
-      } else {
-        if (this.idTp == 'semua') {
-          this.$store.dispatch('laporanTp/getPeriode');
-        }
-      }
-    },
-    changeTpPeriode: function changeTpPeriode(value) {
-      if (this.currentUser.id_cu != 0) {
-        this.$router.push({
-          name: 'laporanCuCuPeriode',
-          params: {
-            cu: this.currentUser.id_cu,
-            periode: value
-          }
-        });
-      }
-    },
-    classTp: function classTp() {
-      var className = '';
-
-      if (this.currentUser.id_cu == 0) {
-        className = 'col-sm-5';
-      } else {
-        if (this.idTp == 'semua') {
-          className = 'col-sm-6';
-        } else {
-          className = 'col-sm-12';
-        }
-      }
-
-      return className;
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
-    modelPeriode: 'periode',
-    modelPeriodeStat: 'periodeStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanTp', {
-    modelPeriodeTp: 'periode',
-    modelPeriodeTpStat: 'periodeStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'headerDataS',
-    modelCuStat: 'headerDataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
-    modelTp: 'dataS',
-    modelTpStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
-    itemDataStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/table.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/table.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
-  },
-  props: ["title", "kelas", "columnData"],
-  data: function data() {
-    return {
-      query: {
-        order_column: "periode",
-        order_direction: "desc",
-        filter_match: "and",
-        limit: 50,
-        page: 1
-      },
-      excelDownloadUrl: '',
-      excelUploads: [{
-        enabled: true,
-        url: 'laporanCu/uploadExcel',
-        format_url: 'formatLaporanCu.xlsx',
-        next_page_route: 'laporanCuDraft',
-        button: 'Upload Laporan Konsolidasi CU'
-      }, {
-        enabled: true,
-        url: 'laporanCu/uploadExcelTp',
-        format_url: 'formatLaporanTpSemua.xlsx',
-        next_page_route: 'laporanTpDraft',
-        button: 'Upload Laporan Tp'
-      }],
-      laporanCuDraftCount: [],
-      laporanCuDraftCountStat: '',
-      laporanTpDraftCount: [],
-      laporanTpDraftCountStat: '',
-      periode: '',
-      selectedItem: [],
-      state: '',
-      modalShow: false,
-      modalState: "",
-      modalTitle: "",
-      modalColor: "",
-      modalButton: "",
-      modalContent: ""
-    };
-  },
-  created: function created() {
-    this.checkProfile();
-    this.fetch(this.query);
-    this.columnGroup('semua');
-  },
-  watch: {
-    // check route changes
-    $route: function $route(to, from) {
-      this.isFirstLoad = true;
-      this.fetch(this.query);
-    },
-    modelPeriodeStat: function modelPeriodeStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode == 'periode') {
-          this.periode = this.$route.params.periode;
-        } else {
-          this.periode = this.modelPeriode[0].periode;
-        }
-      }
-    },
-    // when updating data
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = "Ok";
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = "";
-        this.fetch();
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = "";
-      }
-    },
-    updateStatTp: function updateStatTp(value) {
-      this.modalState = value;
-      this.modalButton = "Ok";
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessageTp.message;
-        this.modalContent = "";
-        this.fetch();
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessageTp;
-      } else {
-        this.modalContent = "";
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch(params) {
-      var i;
-      this.checkProfile();
-
-      if (this.$route.meta.mode == "periode") {
-        // laporan cu with periode
-        for (i = 0; i < this.columnData.length; i++) {
-          if ([2].includes(i)) {
-            this.columnData[i].disable = true;
-          } else {
-            this.columnData[i].disable = false;
-          }
-        }
-
-        this.$store.dispatch(this.kelas + "/indexPeriode", [params, this.$route.params.periode]);
-        this.excelDownloadUrl = this.kelas + '/indexPeriode/' + this.$route.params.periode;
-        this.periode = this.$route.params.periode;
-      } else if (this.$route.meta.mode == "cu") {
-        for (i = 0; i < this.columnData.length; i++) {
-          if ([1, 2, 3, 4].includes(i)) {
-            this.columnData[i].disable = true;
-          } else {
-            this.columnData[i].disable = false;
-          }
-        }
-
-        if (this.$route.params.tp == "konsolidasi") {
-          //laporan cu konsolidasi per cu
-          this.$store.dispatch(this.kelas + "/indexCu", [params, this.$route.params.cu]);
-          this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
-          this.periode = '';
-        } else {
-          // laporan tp/kp per tp
-          for (i = 0; i < this.columnData.length; i++) {
-            if ([1, 2, 3, 4, 6].includes(i)) {
-              this.columnData[i].disable = true;
-            } else {
-              this.columnData[i].disable = false;
-            }
-          }
-
-          this.$store.dispatch(this.kelas + "/indexTp", [params, this.$route.params.tp]);
-          this.excelDownloadUrl = 'laporanTp' + '/indexTp/' + this.$route.params.tp;
-          this.periode = '';
-        }
-      } else if (this.$route.meta.mode == "cuPeriode") {
-        // laporan tp/kp semua tp
-        for (i = 0; i < this.columnData.length; i++) {
-          if ([1, 3, 4, 6].includes(i)) {
-            this.columnData[i].disable = true;
-          } else {
-            this.columnData[i].disable = false;
-          }
-        }
-
-        this.$store.dispatch(this.kelas + "/indexTpPeriode", [params, this.$route.params.cu, this.$route.params.periode]);
-        this.excelDownloadUrl = 'laporanTp' + '/indexCu/' + this.$route.params.cu + '/' + this.$route.params.periode;
-        this.periode = this.$route.params.periode;
-      } else {
-        // laporan cu default
-        for (i = 0; i < this.columnData.length; i++) {
-          if ([2].includes(i)) {
-            this.columnData[i].disable = true;
-          } else {
-            this.columnData[i].disable = false;
-          }
-        }
-
-        this.$store.dispatch(this.kelas + "/index", params); // this.$store.dispatch(this.kelas + "/indexTotal");
-
-        this.excelDownloadUrl = this.kelas;
-      }
-    },
-    fetchLaporanCuDraft: function fetchLaporanCuDraft() {
-      var _this = this;
-
-      if (this.currentUser.can['upload_laporan_cu']) {
-        axios.get('/api/laporanCuDraft/count').then(function (response) {
-          _this.laporanCuDraftCount = response.data.model;
-          _this.laporanCuDraftCountStat = 'success';
-        })["catch"](function (error) {
-          _this.laporanCuDraftCount = error.response;
-          _this.laporanCuDraftCountStat = 'fail';
-        });
-      }
-    },
-    fetchLaporanTpDraft: function fetchLaporanTpDraft() {
-      var _this2 = this;
-
-      if (this.currentUser.can['upload_laporan_tp']) {
-        axios.get('/api/laporanTpDraft/count').then(function (response) {
-          _this2.laporanTpDraftCount = response.data.model;
-          _this2.laporanTpDraftCountStat = 'success';
-        })["catch"](function (error) {
-          _this2.laporanTpDraftCount = error.response;
-          _this2.laporanTpDraftCountStat = 'fail';
-        });
-      }
-    },
-    checkProfile: function checkProfile() {
-      if (this.currentUser.id_cu != 0) {
-        if (this.$route.meta.mode == "cu" || this.$route.meta.mode == "cuPeriode") {
-          if (this.currentUser.id_cu != this.$route.params.cu) {
-            this.$router.push({
-              name: "notFound"
-            });
-          }
-        } else if (this.$route.meta.mode == "periode") {
-          this.$router.push({
-            name: "notFound"
-          });
-        } else {
-          this.$router.push({
-            name: "notFound"
-          });
-        }
-
-        this.excelUploads[0].url = 'laporanCu/uploadExcel';
-        this.excelUploads[0].format_url = 'formatLaporanCu.xlsx';
-        this.excelUploads[1].url = 'laporanTp/uploadExcel';
-        this.excelUploads[1].format_url = 'formatLaporanTp.xlsx';
-      } else {
-        this.excelUploads[0].url = 'laporanCu/uploadExcelAll';
-        this.excelUploads[0].format_url = 'formatLaporanCuSemua.xlsx';
-        this.excelUploads[1].url = 'laporanTp/uploadExcelAll';
-        this.excelUploads[1].format_url = 'formatLaporanTpSemua.xlsx';
-      }
-
-      if (this.currentUser.can['upload_laporan_cu']) {
-        this.excelUploads[0].enabled = true;
-      } else {
-        this.excelUploads[0].enabled = false;
-      }
-
-      if (this.currentUser.can['upload_laporan_tp']) {
-        this.excelUploads[1].enabled = true;
-      } else {
-        this.excelUploads[1].enabled = false;
-      }
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    ubahData: function ubahData(id, tp) {
-      if (tp) {
-        if (tp.id) {
-          this.ubahLaporanTp(id);
-        } else {
-          this.modalShow = true;
-          this.modalState = "normal1";
-          this.modalColor = "bg-primary";
-          this.modalTitle = "Ubah Laporan Konsolidasi";
-          this.$store.dispatch("laporanTp/listLaporanTp", [this.selectedItem.id_cu, this.selectedItem.periode]);
-        }
-      } else {
-        this.$router.push({
-          name: this.kelas + "Edit",
-          params: {
-            id: id
-          }
-        });
-      }
-    },
-    ubahLaporanTp: function ubahLaporanTp(id, tp) {
-      this.modalShow = false;
+    back: function back() {
       this.$router.push({
-        name: "laporanTpEdit",
-        params: {
-          id: id
-        }
+        name: this.kelas
       });
-    },
-    detailData: function detailData(id, tp) {
-      if (tp && tp.id) {
-        this.$router.push({
-          name: "laporanTpDetail",
-          params: {
-            id: id
-          }
-        });
-      } else {
-        this.$router.push({
-          name: "laporanCuDetail",
-          params: {
-            id: id
-          }
-        });
-      }
-    },
-    columnGroup: function columnGroup(value) {
-      var i;
-
-      if (value == 'anggota') {
-        for (i = 0; i < this.columnData.length; i++) {
-          if ([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 48, 49].includes(i)) {
-            this.columnData[i].hide = false;
-          } else {
-            this.columnData[i].hide = true;
-          }
-        }
-      } else if (value == 'aset') {
-        for (i = 0; i < this.columnData.length; i++) {
-          if ([0, 1, 2, 3, 4, 5, 6, 13, 14, 15, 16, 17, 19, 22, 23, 45, 48, 49].includes(i)) {
-            this.columnData[i].hide = false;
-          } else {
-            this.columnData[i].hide = true;
-          }
-        }
-      } else if (value == 'shu') {
-        for (i = 0; i < this.columnData.length; i++) {
-          if ([0, 1, 2, 3, 4, 5, 6, 34, 35, 41, 42, 43, 44, 48, 49].includes(i)) {
-            this.columnData[i].hide = false;
-          } else {
-            this.columnData[i].hide = true;
-          }
-        }
-      } else if (value == 'piutang') {
-        for (i = 0; i < this.columnData.length; i++) {
-          if ([0, 1, 2, 3, 4, 5, 6, 27, 28, 29, 30, 31, 32, 33, 48, 49].includes(i)) {
-            this.columnData[i].hide = false;
-          } else {
-            this.columnData[i].hide = true;
-          }
-        }
-      } else if (value == 'semua') {
-        for (i = 0; i < this.columnData.length; i++) {
-          this.columnData[i].hide = false;
-        }
-      }
-    },
-    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.modalColor = "";
-      this.modalState = "confirm-tutup";
-      this.state = state;
-
-      if (isMobile) {
-        this.selectedItem = itemMobile;
-      }
-
-      if (state == "hapus") {
-        this.modalTitle = "Hapus " + this.title + " ?";
-        this.modalButton = "Iya, Hapus";
-      }
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-      this.$store.dispatch(this.kelas + "/resetUpdateStat");
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      if (this.state == "hapus") {
-        if (this.selectedItem.tp) {
-          this.$store.dispatch("laporanTp/destroy", this.selectedItem.id);
-        } else {
-          this.$store.dispatch(this.kelas + "/destroy", this.selectedItem.id);
-        }
-      }
-    },
-    formatPeriode: function formatPeriode(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter("dateMonth")(value);
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("auth", {
-    currentUser: "currentUser"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("global", {
-    idCu: "idCu",
-    idTp: "idTp",
-    selectData: "data"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("cu", {
-    modelCU: "dataS",
-    modelCUStat: "dataStatS"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("tp", {
-    modelTp: "dataS",
-    modelTpStat: "dataStatS"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("laporanCu", {
-    totalData: "data",
-    totalDataStat: "dataStat",
-    itemData: "dataS",
-    itemDataStat: "dataStatS",
-    modelPeriode: "periode",
-    modelPeriodeStat: "periodeStat",
-    updateMessage: "update",
-    updateStat: "updateStat"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("laporanTp", {
-    updateMessageTp: "update",
-    updateStatTp: "updateStat"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("laporanTp", {
-    listLaporanTpData: "data2S",
-    listLaporanTpDataStat: "dataStat2S"
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
-/* harmony import */ var _formKatex_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./formKatex.vue */ "./resources/assets/js/views/laporanCu/formKatex.vue");
-/* harmony import */ var _itemPearls_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./itemPearls.vue */ "./resources/assets/js/views/laporanCu/itemPearls.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formKatex: _formKatex_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    itemPearls: _itemPearls_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
-  },
-  props: ["title", "kelas", "columnData"],
-  data: function data() {
-    return {
-      query: {
-        order_column: "periode",
-        order_direction: "desc",
-        filter_match: "and",
-        limit: 50,
-        page: 1
-      },
-      excelDownloadUrl: '',
-      selectedItem: [],
-      modalShow: false,
-      modalState: "",
-      modalTitle: "",
-      modalSize: "",
-      modalColor: "",
-      modalButton: "",
-      modalKatex: {
-        id: "",
-        id_cu: "",
-        no_ba: "",
-        periode: "",
-        section: "",
-        katex1: [],
-        katex2: [],
-        form: [],
-        indikator: "",
-        isUbah: false
-      }
-    };
-  },
-  created: function created() {
-    this.fetch(this.query);
-  },
-  watch: {
-    // check route changes
-    $route: function $route(to, from) {
-      this.isFirstLoad = true;
-      this.fetch(this.query);
-    },
-    // when updating data
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = "Ok";
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = "";
-        this.fetch(this.query);
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = "";
-      }
-    },
-    updateTpStat: function updateTpStat(value) {
-      this.modalState = value;
-      this.modalButton = "Ok";
-
-      if (value === "success") {
-        this.modalTitle = this.updateTpMessage.message;
-        this.modalContent = "";
-        this.fetch(this.query);
-      } else if (value === "fail") {
-        this.modalContent = this.updateTpMessage;
-      } else {
-        this.modalContent = "";
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch(params) {
-      this.columnData[7].disable = false;
-      this.columnData[20].disable = false;
-      this.columnData[21].disable = false;
-      this.columnData[22].disable = false;
-      this.columnData[23].disable = false;
-      this.columnData[24].disable = false;
-      this.columnData[25].disable = false;
-      this.columnData[26].disable = false;
-
-      if (this.$route.meta.mode == "periode") {
-        this.columnData[1].disable = false;
-        this.columnData[3].disable = false;
-        this.columnData[4].disable = false;
-        this.columnData[5].disable = false;
-        this.columnData[6].disable = false;
-        this.columnData[2].disable = true;
-        this.$store.dispatch(this.kelas + "/indexPearlsPeriode", [params, this.$route.params.periode]); // default route
-      } else if (this.$route.meta.mode == "cu") {
-        this.columnData[1].disable = true;
-        this.columnData[3].disable = true;
-        this.columnData[4].disable = true;
-
-        if (this.$route.params.tp == "konsolidasi") {
-          this.columnData[2].disable = false;
-          this.columnData[5].disable = false;
-          this.columnData[7].disable = false;
-          this.columnData[1].disable = true;
-          this.columnData[3].disable = true;
-          this.columnData[4].disable = true;
-          this.columnData[6].disable = true;
-          this.disableColumnTpName(true);
-          this.$store.dispatch(this.kelas + "/indexPearlsCu", [params, this.$route.params.cu]);
-        } else {
-          this.columnData[5].disable = false;
-          this.columnData[7].disable = false;
-          this.columnData[1].disable = true;
-          this.columnData[2].disable = true;
-          this.columnData[3].disable = true;
-          this.columnData[4].disable = true;
-          this.columnData[6].disable = true;
-          this.$store.dispatch(this.kelas + "/indexPearlsTp", [params, this.$route.params.tp]);
-        }
-      } else if (this.$route.meta.mode == "cuPeriode") {
-        this.columnData[2].disable = false;
-        this.columnData[5].disable = false;
-        this.columnData[7].disable = false;
-        this.columnData[1].disable = true;
-        this.columnData[3].disable = true;
-        this.columnData[4].disable = true;
-        this.columnData[6].disable = true;
-        this.$store.dispatch(this.kelas + "/indexPearlsTpPeriode", [params, this.$route.params.cu, this.$route.params.periode]);
-      } else {
-        this.columnData[1].disable = false;
-        this.columnData[3].disable = false;
-        this.columnData[4].disable = false;
-        this.columnData[5].disable = false;
-        this.columnData[6].disable = false;
-        this.columnData[2].disable = true;
-        this.$store.dispatch(this.kelas + "/indexPearls", params);
-      }
-    },
-    disableColumnCU: function disableColumnCU(status) {
-      this.columnData[1].disable = status;
-      this.columnData[3].disable = status;
-      this.columnData[4].disable = status;
-    },
-    disableColumnTp: function disableColumnTp(status) {
-      this.columnData[6].disable = status;
-    },
-    disableColumnTpName: function disableColumnTpName(status) {
-      this.columnData[2].disable = status;
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    ubahData: function ubahData(id, id_cu) {
-      this.$router.push({
-        name: this.kelas + "Edit",
-        params: {
-          id: id
-        }
-      });
-    },
-    modelKatexOpen: function modelKatexOpen(itemData, type) {
-      this.modalSize = "modal-lg";
-      this.modalColor = "bg-primary";
-      this.modalShow = true;
-      this.modalState = "normal1";
-      this.modalKatex.id = itemData.id;
-      this.modalKatex.periode = itemData.periode;
-
-      if (itemData.id_tp) {
-        this.modalKatex.id_cu = itemData.tp.id_cu;
-        this.modalKatex.no_ba = itemData.tp.cu.no_ba;
-        this.modalKatex.id_tp = itemData.id_tp;
-        this.modalKatex.no_tp = itemData.no_tp;
-        this.modalKatex.section = itemData.tp.name + ' periode ' + this.formatPeriode(itemData.periode);
-      } else {
-        this.modalKatex.id_tp = '';
-        this.modalKatex.no_tp = '';
-        this.modalKatex.id_cu = itemData.id_cu;
-        this.modalKatex.no_ba = itemData.no_ba;
-
-        if (itemData.cu) {
-          this.modalKatex.section = 'CU ' + itemData.cu.name + ' periode ' + this.formatPeriode(itemData.periode);
-        } else {
-          this.modalKatex.section = 'CU ' + itemData.cu_name + ' periode ' + this.formatPeriode(itemData.periode);
-        }
-      } // p1
-
-
-      if (type == "p1") {
-        this.modalTitle = "P1 - Provisi pinjaman lalai di atas 12 bulan";
-        this.modalKatex.form.push({
-          title: "Cadangan Resiko",
-          key: "dcr",
-          value: itemData.dcr
-        }, {
-          title: "Piutang Lalai Di Atas 12 Bulan",
-          key: "piutang_lalai_12bulan",
-          value: itemData.piutang_lalai_12bulan
-        });
-        this.modalKatex.indikator = "100% provisi tersedia untuk pinjaman lalai di atas 12 bulan dan setiap triwulan dilakukan charge off secara konsisten.";
-        var katex1Content1 = "\\text{P1} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{100} \\% (\\text{IDEAL})";
-        var katex2Content1 = "\\text{P1} = \\dfrac{" + this.formatCurrency(this.modalKatex.form[0].value) + "}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.p1) + " \\% (\\text{" + (itemData.p1 >= 1 ? "IDEAL" : "TIDAK IDEAL") + "})";
-        this.modalKatex.katex1.push({
-          title: "",
-          content: katex1Content1
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: katex2Content1
-        }); // p2
-      } else if (type == "p2") {
-        this.modalTitle = "P2 -  Provisi pinjaman lalai 1 - 12 bulan";
-        this.modalKatex.form.push({
-          title: "Cadangan Resiko",
-          key: "dcr",
-          value: itemData.dcr
-        }, {
-          title: "Piutang Lalai Di Atas 12 Bulan",
-          key: "piutang_lalai_12bulan",
-          value: itemData.piutang_lalai_12bulan
-        }, {
-          title: "Piutang Lalai 1 - 12 Bulan",
-          key: "piutang_lalai_1bulan",
-          value: itemData.piutang_lalai_1bulan
-        });
-        this.modalKatex.indikator = "35% provisi tersedia untuk pinjaman lalai 1 – 12 bulan dan setiap triwulan dilakukan charge off dari waktu ke waktu";
-
-        var _katex1Content = "\\text{P2} = \\dfrac{\\text{Saldo Cadangan Resiko setelah P1}[\\text{" + this.modalKatex.form[0].title + "} - \\text{" + this.modalKatex.form[1].title + "}]}{\\text{" + this.modalKatex.form[2].title + "}} \\times \\text{100} \\% = \\text{Di Atas 35} \\% (\\text{IDEAL})";
-
-        var _katex2Content = "\\text{P2} = \\dfrac{" + this.formatCurrency(this.modalKatex.form[0].value) + " - \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.p2) + " \\% (\\text{" + (itemData.p2 >= 0.35 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content
-        });
-
-        if (itemData.p1 >= 1) {
-          this.modalKatex.katex2.push({
-            title: "",
-            content: _katex2Content
-          });
-        } else {
-          this.modalKatex.katex2.push({
-            title: "Karena tidak ada saldo cadangan resiko setelah P1, maka P2 (TIDAK IDEAL)",
-            content: _katex2Content
-          });
-        } // e1
-
-      } else if (type == "e1") {
-        this.modalTitle = "E1 - Piutang bersih / total aset";
-
-        if (itemData.p1 >= 1 && itemData.p2 > 0.35) {
-          this.modalKatex.form.push({
-            title: "Piutang Beredar",
-            key: "piutang_beredar",
-            value: itemData.piutang_beredar
-          }, {
-            title: "Piutang Lalai Di Atas 12 Bulan",
-            key: "piutang_lalai_12bulan",
-            value: itemData.piutang_lalai_12bulan
-          }, {
-            title: "Piutang Lalai 1 - 12 Bulan",
-            key: "piutang_lalai_1bulan",
-            value: itemData.piutang_lalai_1bulan
-          }, {
-            title: "Aset",
-            key: "aset",
-            value: itemData.aset
-          });
-        } else {
-          this.modalKatex.form.push({
-            title: "Piutang Beredar",
-            key: "piutang_beredar",
-            value: itemData.piutang_beredar
-          }, {
-            title: "Cadangan Resiko",
-            key: "dcr",
-            value: itemData.dcr
-          }, {
-            title: "Aset",
-            key: "aset",
-            value: itemData.aset
-          });
-        }
-
-        this.modalKatex.indikator = "Rasio Piutang Bersih adalah 70% – 80% dari total aset dan portofolio pinjaman beragam dengan setidaknya 5 macam produk pinjaman yang berbeda";
-        var _katex1Content2 = "\\text{E1} = \\dfrac{\\text{Piutang Beredar} - ((\\text{100} \\% \\times \\text{Piutang Lalai Di Atas 12 Bulan}) + (\\text{35} \\% \\times \\text{Piutang Lalai 1 - 12 Bulan}))}{\\text{Aset}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\% (\\text{IDEAL})";
-        var katex1Content2 = "\\text{E1} = \\dfrac{\\text{Piutang Beredar} - \\text{Cadangan Resiko}}{\\text{Aset}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\% (\\text{IDEAL})";
-        var _katex2Content2 = "";
-        var katex2Title1 = "";
-
-        if (itemData.p1 >= 1 && itemData.p2 > 0.35) {
-          katex2Title1 = "Dikarenakan P1 dan P2 (IDEAL), maka rumus yang digunakan adalah rumus 1";
-          _katex2Content2 = "\\text{E1} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} - ((\\text{100} \\% \\times \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}) + (\\text{35} \\% \\times \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}))}{\\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e1) + " \\% (\\text{" + (itemData.e1 >= 0.7 && itemData.e1 <= 0.8 ? "IDEAL" : "TIDAK IDEAL") + "})";
-        } else {
-          katex2Title1 = "Dikarenakan P1 dan P2 (TIDAK IDEAL), maka rumus yang digunakan adalah rumus 2";
-          _katex2Content2 = "\\text{E1} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} - \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e1) + " \\% (\\text{" + (itemData.e1 >= 0.7 && itemData.e1 <= 0.8 ? "IDEAL" : "TIDAK IDEAL") + "})";
-        }
-
-        this.modalKatex.katex1.push({
-          title: "Rumus 1 - apabila P1 dan P2 (IDEAL)",
-          content: _katex1Content2
-        }, {
-          title: "Rumus 2 - apabila P1 dan P2 (TIDAK IDEAL)",
-          content: katex1Content2
-        });
-        this.modalKatex.katex2.push({
-          title: katex2Title1,
-          content: _katex2Content2
-        }); // e5
-      } else if (type == "e5") {
-        this.modalTitle = "E5 - Simpanan non saham / total aset";
-        this.modalKatex.form.push({
-          title: "Simpanan Non Saham Unggulan",
-          key: "nonsaham_unggulan",
-          value: itemData.nonsaham_unggulan
-        }, {
-          title: "Simpanan Non Saham Harian",
-          key: "nonsaham_harian",
-          value: itemData.nonsaham_harian
-        }, {
-          title: "Aset",
-          key: "aset",
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = "Rasio 70% – 80% dari total aset dan memiliki beragam jenis simpanan minimal 5 jenis produk simpanan yang berbeda.";
-
-        var _katex1Content3 = "\\text{E5} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "}}{\\text{" + this.modalKatex.form[2].title + "}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\%(\\text{IDEAL})";
-
-        var _katex2Content3 = "\\text{E5} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e5) + " \\% (\\text{" + (itemData.e5 >= 0.7 && itemData.e5 <= 0.8 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content3
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content3
-        }); // e6
-      } else if (type == "e6") {
-        this.modalTitle = "E6 - Pinjaman kepada pihak luar terhadap total aset";
-        this.modalKatex.form.push({
-          title: "Total Hutang Pihak Ke-3",
-          key: "total_hutang_pihak3",
-          value: itemData.total_hutang_pihak3
-        }, {
-          title: "Aset",
-          key: "aset",
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = "Jumlah pinjaman kepada pihak eksternal 1% – 5% dari total aset.";
-
-        var _katex1Content4 = "\\text{E6} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})";
-
-        var _katex2Content4 = "\\text{E6} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e6) + " \\% ( \\text{" + (itemData.e6 <= 0.05 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content4
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content4
-        }); // e7
-      } else if (type == "e7") {
-        this.modalTitle = "E7 - Persentase total aset yang didanai dari simpanan saham";
-        this.modalKatex.form.push({
-          title: "Simpanan Saham",
-          key: "simpanan_saham",
-          value: itemData.simpanan_saham
-        }, {
-          title: "Aset",
-          key: "aset",
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = "10-20% total aset yang didanai dari simpanan saham";
-
-        var _katex1Content5 = "\\text{E7} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{10} \\% \\text{ Sampai } \\text{20} \\%(\\text{IDEAL})";
-
-        var _katex2Content5 = "\\text{E7} = \\dfrac{" + this.formatCurrency(this.modalKatex.form[0].value) + "}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e7) + " \\% (\\text{" + (itemData.e7 >= 0.1 && itemData.e7 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content5
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content5
-        }); // e9
-      } else if (type == "e9") {
-        this.modalTitle = "E9 - Modal lembaga bersih";
-        this.modalKatex.form.push({
-          title: "Cadangan Resiko",
-          key: "dcr",
-          value: itemData.dcr
-        }, {
-          title: "Cadangan Umum",
-          key: "dcu",
-          value: itemData.dcu
-        }, {
-          title: "Dana Gedung",
-          key: "dana_gedung",
-          value: itemData.dana_gedung
-        }, {
-          title: "Donasi",
-          key: "donasi",
-          value: itemData.donasi
-        }, {
-          title: "SHU Tahun Lalu",
-          key: "shu_lalu",
-          value: itemData.shu_lalu
-        }, {
-          title: "Piutang Lalai Di Atas 12 Bulan",
-          key: "piutang_lalai_12bulan",
-          value: itemData.piutang_lalai_12bulan
-        }, {
-          title: "Piutang Lalai 1 - 12 Bulan",
-          key: "piutang_lalai_1bulan",
-          value: itemData.piutang_lalai_1bulan
-        }, {
-          title: "Aset Bermasalah",
-          key: "aset_masalah",
-          value: itemData.aset_masalah
-        }, {
-          title: "Aset",
-          key: "aset",
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = "Modal lembaga bersih sebesar 10% dari total aset.";
-
-        var _katex1Content6 = "\\text{E9} = \\dfrac{(\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "} + \\text{" + this.modalKatex.form[2].title + "} + \\text{" + this.modalKatex.form[3].title + "} + \\text{" + this.modalKatex.form[4].title + "}) - ((\\text{100} \\% \\times \\text{" + this.modalKatex.form[5].title + "}) + (\\text{35} \\% \\times \\text{" + this.modalKatex.form[6].title + "}) + \\text{" + this.modalKatex.form[7].title + "})}{\\text{" + this.modalKatex.form[8].title + "}} \\times \\text{100} \\% = \\text{Lebih Dari Sama Dengan 10} \\% (\\text{IDEAL})";
-
-        var _katex2Content6 = "\\text{E9} = \\dfrac{(\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[4].value) + "}) - ((\\text{100} \\% \\times \\text{" + this.formatCurrency(this.modalKatex.form[5].value) + "}) + (\\text{35} \\% \\times \\text{" + this.formatCurrency(this.modalKatex.form[6].value) + "}) + \\text{" + this.formatCurrency(this.modalKatex.form[7].value) + "})}{\\text{" + this.formatCurrency(this.modalKatex.form[8].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e9) + " \\% ( \\text{" + (itemData.e9 >= 0.1 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content6
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content6
-        }); // a1
-      } else if (type == "a1") {
-        this.modalTitle = "A1 - Total pinjaman lalai / total pinjaman beredar";
-        this.modalKatex.form.push({
-          title: "Piutang Lalai Di Atas 12 Bulan",
-          key: "piutang_lalai_12bulan",
-          value: itemData.piutang_lalai_12bulan
-        }, {
-          title: "Piutang Lalai 1 - 12 Bulan",
-          key: "piutang_lalai_1bulan",
-          value: itemData.piutang_lalai_1bulan
-        }, {
-          title: "Piutang Beredar",
-          key: "piutang_beredar",
-          value: itemData.piutang_beredar
-        });
-        this.modalKatex.indikator = "Total pinjaman lalai &le; 5% dari total pinjaman beredar.";
-
-        var _katex1Content7 = "\\text{A1} = \\dfrac{\\text{Total Pinjaman Lalai}[\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "}]}{\\text{" + this.modalKatex.form[2].title + "}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})";
-
-        var _katex2Content7 = "\\text{A1} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.a1) + " \\% ( \\text{" + (itemData.a1 <= 0.05 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content7
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content7
-        }); // a2
-      } else if (type == "a2") {
-        this.modalTitle = "A2 - Aset yang tidak menghasilkan / total aset";
-        this.modalKatex.form.push({
-          title: "Aset Tidak Menghasilkan",
-          key: "aset_tidak_menghasilkan",
-          value: itemData.aset_tidak_menghasilkan
-        }, {
-          title: "Aset",
-          key: "aset",
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = "Aset tidak menghasilkan 5% dari total aset.";
-
-        var _katex1Content8 = "\\text{A2} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})";
-
-        var _katex2Content8 = "\\text{A2} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.a2) + " \\% ( \\text{" + (itemData.a2 <= 0.05 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content8
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content8
-        }); // r7
-      } else if (type == "r7") {
-        this.modalTitle = "R7 - BJS saham terhadap rata-rata aset";
-        this.modalKatex.form.push({
-          title: "BJS Saham",
-          key: "bjs_saham",
-          value: itemData.bjs_saham
-        }, {
-          title: "Simpanan Saham Bulan Desember",
-          key: "simpanan_saham_des",
-          value: itemData.simpanan_saham_des
-        }, {
-          title: "Simpanan Saham Bulan " + this.formatPeriodeMonth(itemData.periode),
-          key: "simpanan_saham",
-          value: itemData.simpanan_saham
-        }, {
-          title: "Simpanan Saham Tahun Lalu",
-          key: "simpanan_saham_lalu",
-          value: itemData.simpanan_saham_lalu
-        }, {
-          title: "Harga Pasar",
-          key: "harga_pasar",
-          value: itemData.harga_pasar
-        });
-        this.modalKatex.indikator = "Dividen saham dibayar 1% lebih tinggi daripada suku bunga pasar";
-
-        if (itemData.simpanan_saham_des != 0) {
-          var _katex1Content9 = "\\text{R7} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{Simpanan Saham Rata-rata}(\\frac{\\text{" + this.modalKatex.form[1].title + "} + \\text{" + this.modalKatex.form[2].title + "}}{\\text{Jumlah Bulan Berjalan}} \\times \\text{12})} \\times \\text{100} \\% = \\text{Harga Pasar} \\% (\\text{IDEAL})";
-
-          var _katex2Content9 = "\\text{R7} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "}}{(\\frac{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}}{\\text{" + this.formatPeriodeMonth(itemData.periode) + "}} \\times \\text{12})} \\times \\text{100} \\% = " + this.formatPercentage(itemData.r7_1) + " \\% ( \\text{" + (itemData.r7_1 == itemData.harga_pasar ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-          this.modalKatex.katex1.push({
-            title: "Jika simpanan saham bersumber dari saldo bulan desember tahun lalu",
-            content: _katex1Content9
-          });
-          this.modalKatex.katex2.push({
-            title: "",
-            content: _katex2Content9
-          });
-        }
-
-        if (itemData.simpanan_saham_lalu != 0) {
-          var _katex1Content10 = "\\text{R7} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{Simpanan Saham Rata-rata}(\\frac{\\text{" + this.modalKatex.form[3].title + "} + \\text{" + this.modalKatex.form[2].title + "}}{\\text{2}})} \\times \\text{100} \\% = \\text{Harga Pasar} \\% (\\text{IDEAL})";
-
-          var katex2Content2 = "\\text{R7} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "}}{(\\frac{\\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}}{\\text{2}})} \\times \\text{100} \\% = " + this.formatPercentage(itemData.r7_2) + " \\% ( \\text{" + (itemData.r7_2 == itemData.harga_pasar ? "IDEAL" : "TIDAK IDEAL") + "})";
-          this.modalKatex.katex1.push({
-            title: "Jika simpanan saham bersumber dari saldo tahun lalu bulan " + this.formatPeriodeMonth(itemData.periode),
-            content: _katex1Content10
-          });
-          this.modalKatex.katex2.push({
-            title: "",
-            content: katex2Content2
-          });
-        } //r9
-
-      } else if (type == "r9") {
-        this.modalTitle = "R9 - Biaya operasional terhadap rata-rata aset";
-        this.modalKatex.form.push({
-          title: "Total Biaya",
-          key: "total_biaya",
-          value: itemData.total_biaya
-        }, {
-          title: "Beban Penyisihan Cadangan Resiko",
-          key: "beban_penyisihan_dcr",
-          value: itemData.beban_penyisihan_dcr
-        }, {
-          title: "Aset",
-          key: "aset",
-          value: itemData.aset
-        }, {
-          title: "Aset Tahun Lalu",
-          key: "aset_lalu",
-          value: itemData.aset_lalu
-        });
-        this.modalKatex.indikator = "Beban operasional terhadap rata-rata aset sebesar 5%.";
-
-        var _katex1Content11 = "\\text{R9} = \\dfrac{\\text{Beban Operasional}(\\text{" + this.modalKatex.form[0].title + "} - \\text{" + this.modalKatex.form[1].title + "})}{\\text{Rata-rata Aset}(\\frac{\\text{" + this.modalKatex.form[2].title + "} + \\text{" + this.modalKatex.form[3].title + "}}{\\text{2}})} \\times \\text{100} \\% <= \\text{5} \\% (\\text{IDEAL})";
-
-        var _katex2Content10 = "\\text{R9} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} - \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\frac{\\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "}}{\\text{2}}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.r9) + " \\% ( \\text{" + (itemData.r9 <= 0.05 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content11
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content10
-        }); //l1
-      } else if (type == "l1") {
-        this.modalTitle = "L1 - (investasi likuid + aset-aset likuid - hutang jangka pendek < 30 hari) / simpanan non saham";
-        this.modalKatex.form.push({
-          title: "Investasi Likuid",
-          key: "investasi_likuid",
-          value: itemData.investasi_likuid
-        }, {
-          title: "Aset Likuid Tidak Menghasilkan",
-          key: "aset_likuid_tidak_menghasilkan",
-          value: itemData.aset_likuid_tidak_menghasilkan
-        }, {
-          title: "Hutang Tidak Berbiaya < 30 Hari",
-          key: "hutang_tidak_berbiaya_30hari",
-          value: itemData.hutang_tidak_berbiaya_30hari
-        }, {
-          title: "Total Simpanan Non Saham",
-          key: "tot_nonsaham",
-          value: itemData.tot_nonsaham
-        });
-        this.modalKatex.indikator = "Likuiditas sebesar 15% dari total simpanan non saham tetapi tidak melampaui 20% dari total aset.";
-
-        var _katex1Content12 = "\\text{L1} = \\dfrac{(\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "}) - \\text{" + this.modalKatex.form[2].title + "}}{\\text{" + this.modalKatex.form[3].title + "}} \\times \\text{100} \\% = \\text{15} \\% \\text{ Sampai } \\text{20} \\% (\\text{IDEAL})";
-
-        var _katex2Content11 = "\\text{L1} = \\dfrac{(\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}) - \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.l1) + " \\% (\\text{" + (itemData.l1 >= 0.15 && itemData.l1 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content12
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content11
-        }); //l2
-      } else if (type == "l2") {
-        this.modalTitle = "L2 - Likuiditas untuk memenuhi permintaan penarikan setelah membayar semua kewajiban < 30 hari";
-        this.modalKatex.form.push({
-          title: "Investasi Likuid",
-          key: "investasi_likuid",
-          value: itemData.investasi_likuid
-        }, {
-          title: "Aset Likuid Tidak Menghasilkan",
-          key: "aset_likuid_tidak_menghasilkan",
-          value: itemData.aset_likuid_tidak_menghasilkan
-        }, {
-          title: "Hutang Tidak Berbiaya < 30 Hari",
-          key: "hutang_tidak_berbiaya_30hari",
-          value: itemData.hutang_tidak_berbiaya_30hari
-        }, {
-          title: "Aset",
-          key: "aset",
-          value: itemData.aset
-        });
-        this.modalKatex.indikator = "Likuiditas sebesar 15% dari total simpanan non saham tetapi tidak melampaui 20% dari total aset.";
-
-        var _katex1Content13 = "\\text{L1} = \\dfrac{(\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "}) - \\text{" + this.modalKatex.form[2].title + "}}{\\text{" + this.modalKatex.form[3].title + "}} \\times \\text{100} \\% = \\text{15} \\% \\text{ Sampai } \\text{20} \\% (\\text{IDEAL})";
-
-        var _katex2Content12 = "\\text{L1} = \\dfrac{(\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}) - \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.l1) + " \\% (\\text{" + (itemData.l1 >= 0.15 && itemData.l1 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content13
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content12
-        }); //s10
-      } else if (type == "s10") {
-        this.modalTitle = "S10 - Pertumbuhan anggota";
-        this.modalKatex.form.push({
-          title: "Lelaki Biasa",
-          key: "l_biasa",
-          value: itemData.l_biasa
-        }, {
-          title: "Lelaki L. Biasa",
-          key: "l_lbiasa",
-          value: itemData.l_lbiasa
-        }, {
-          title: "Perempuan Biasa",
-          key: "p_biasa",
-          value: itemData.p_biasa
-        }, {
-          title: "Perempuan L.Biasa",
-          key: "p_lbiasa",
-          value: itemData.p_lbiasa
-        }, {
-          title: "Total Anggota",
-          key: "total_anggota",
-          value: itemData.total_anggota,
-          hideForm: true
-        }, {
-          title: "Total Anggota Tahun Lalu",
-          key: "total_anggota_lalu",
-          value: itemData.total_anggota_lalu
-        });
-        this.modalKatex.indikator = "Pertumbuhan anggota di atas 12% per tahun.";
-
-        var _katex1Content14 = "\\text{s10} = \\dfrac{\\text{" + this.modalKatex.form[4].title + "} - \\text{" + this.modalKatex.form[5].title + "}}{\\text{" + this.modalKatex.form[5].title + "}} \\times \\text{100} \\% = \\text{Di Atas 12} \\% (\\text{IDEAL})";
-
-        var _katex2Content13 = "\\text{s10} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[4].value) + "} - \\text{" + this.formatCurrency(this.modalKatex.form[5].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[5].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.s10) + " \\% ( \\text{" + (itemData.s10 > 0.12 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content14
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content13
-        }); //s11
-      } else if (type == "s11") {
-        this.modalTitle = "S11 - Pertumbuhan aset";
-        this.modalKatex.form.push({
-          title: "Aset",
-          key: "aset",
-          value: itemData.aset
-        }, {
-          title: "Aset Tahun Lalu",
-          key: "aset_lalu",
-          value: itemData.aset_lalu
-        });
-        this.modalKatex.indikator = "Pertumbuhan aset 10% di atas laju inflasi.";
-
-        var _katex1Content15 = "\\text{s11} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "} - \\text{" + this.modalKatex.form[1].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{10} \\% \\text{ Di Atas Laju Inflasi} (\\text{IDEAL})";
-
-        var _katex2Content14 = "\\text{S11} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} - \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.s11) + " \\% ( \\text{" + (itemData.s11 > itemData.laju_inflasi + 0.1 ? "IDEAL" : "TIDAK IDEAL") + "})";
-
-        this.modalKatex.katex1.push({
-          title: "",
-          content: _katex1Content15
-        });
-        this.modalKatex.katex2.push({
-          title: "",
-          content: _katex2Content14
-        });
-      }
-    },
-    modalKatexReset: function modalKatexReset() {
-      this.modalKatex.isUbah = false;
-      this.modalKatex.katex1 = [];
-      this.modalKatex.katex2 = [];
-      this.modalKatex.form = [];
-    },
-    modalConfirmOpen: function modalConfirmOpen(source, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.modalState = "confirm-tutup";
-      this.source = source;
-
-      if (isMobile) {
-        this.selectedItem = itemMobile;
-      }
-
-      if (source == "hapus") {
-        this.modalTitle = "Hapus " + this.title + " " + this.selectedItem.name + " ?";
-        this.modalButton = "Iya, Hapus";
-      }
-    },
-    modalTutup: function modalTutup() {
-      this.modalSize = "";
-      this.modalShow = false;
-      this.modalKatexReset(); //reset modal katex
-
-      this.$store.dispatch(this.kelas + "/resetUpdateStat");
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      if (this.source == "hapus") {
-        this.$store.dispatch(this.kelas + "/destroy", this.selectedItem.id);
-      }
-
-      this.modalSize = "";
-    },
-    formatPeriode: function formatPeriode(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter("dateMonth")(value);
-    },
-    formatPeriodeMonth: function formatPeriodeMonth(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter("month")(value);
-    },
-    formatCurrency: function formatCurrency(value) {
-      if (value) {
-        return this.$options.filters.currency(value, "", 0, {
-          thousandsSeparator: "."
-        });
-      } else {
-        return "(-)";
-      }
-    },
-    formatPercentage: function formatPercentage(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter("percentage2")(value, 2);
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("global", {
-    idCu: "idCu",
-    idTp: "idTp",
-    selectData: "data"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("cu", {
-    modelCU: "dataS",
-    modelCUStat: "dataStatS"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("tp", {
-    modelTp: "dataS",
-    modelTpStat: "dataStatS"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("laporanCu", {
-    itemData: "pearls",
-    itemDataStat: "pearlsStat",
-    periodeData: "periode",
-    periodeStat: "periodeStat",
-    updateMessage: "update",
-    updateStat: "updateStat"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("laporanTp", {
-    updateTpMessage: "update",
-    updateTpStat: "updateStat"
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css&":
-/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css& ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-exports.i(__webpack_require__(/*! -!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/katex/dist/katex.min.css */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/katex/dist/katex.min.css"), "");
-
-// module
-exports.push([module.i, "\n", ""]);
-
-// exports
-
-
-/***/ }),
-
-/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
-				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
-
-//# sourceMappingURL=FileSaver.min.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css&":
-/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css& ***!
-  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css&");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
-  \************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "button",
-      {
-        staticClass: "btn btn-link btn-block",
-        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
-        on: { click: _vm.btnClick },
-      },
-      [
-        _vm.clicked
-          ? _c("span", [
-              _c("i", { staticClass: "icon-arrow-up12" }),
-              _vm._v(" Kembali "),
-              _c("i", { staticClass: "icon-arrow-up12" }),
-            ])
-          : _c("span", [
-              _c("i", { staticClass: "icon-arrow-down12" }),
-              _vm._v(" Selengkapnya "),
-              _c("i", { staticClass: "icon-arrow-down12" }),
-            ]),
-      ]
-    ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=template&id=92de98c6&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/index.vue?vue&type=template&id=92de98c6& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemPearlsStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemPearls,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("select-data", {
-                attrs: { kelas: _vm.kelas, isPus: false, isNo_ba: true },
-              }),
-              _vm._v(" "),
-              _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
-                _c(
-                  "ul",
-                  { staticClass: "nav nav-tabs nav-tabs-solid bg-light" },
-                  [
-                    _c("li", { staticClass: "nav-item" }, [
-                      _c(
-                        "a",
-                        {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "table" },
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.changeTab("table")
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-table2 mr-2" }),
-                          _vm._v(" Tabel Statistik"),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("li", { staticClass: "nav-item" }, [
-                      _c(
-                        "a",
-                        {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "tablePearls" },
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.changeTab("tablePearls")
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-table2 mr-2" }),
-                          _vm._v(" Tabel P.E.A.R.L.S"),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("li", { staticClass: "nav-item" }, [
-                      _c(
-                        "a",
-                        {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "infografis" },
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.changeTab("infografis")
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-graph mr-2" }),
-                          _vm._v(" Infografis Statistik"),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("li", { staticClass: "nav-item" }, [
-                      _c(
-                        "a",
-                        {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "infografisPearls" },
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.changeTab("infografisPearls")
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-graph mr-2" }),
-                          _vm._v(" Infografis P.E.A.R.L.S"),
-                        ]
-                      ),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _c(
-                    "div",
-                    {
-                      directives: [
-                        {
-                          name: "show",
-                          rawName: "v-show",
-                          value: _vm.tabName == "table",
-                          expression: "tabName == 'table'",
-                        },
-                      ],
-                    },
-                    [
-                      _c("table-data", {
-                        attrs: {
-                          title: _vm.title,
-                          kelas: _vm.kelas,
-                          columnData: _vm.columnData,
-                        },
-                      }),
-                    ],
-                    1
-                  ),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _vm.isTablePearls
-                    ? _c(
-                        "div",
-                        {
-                          directives: [
-                            {
-                              name: "show",
-                              rawName: "v-show",
-                              value: _vm.tabName == "tablePearls",
-                              expression: "tabName == 'tablePearls'",
-                            },
-                          ],
-                        },
-                        [
-                          _c("table-pearls", {
-                            attrs: {
-                              title: _vm.titlePearls,
-                              kelas: _vm.kelas,
-                              columnData: _vm.columnDataPearls,
-                            },
-                          }),
-                        ],
-                        1
-                      )
-                    : _vm._e(),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _vm.isInfografis
-                    ? _c(
-                        "div",
-                        {
-                          directives: [
-                            {
-                              name: "show",
-                              rawName: "v-show",
-                              value: _vm.tabName == "infografis",
-                              expression: "tabName == 'infografis'",
-                            },
-                          ],
-                        },
-                        [
-                          _c("infografis-data", {
-                            attrs: {
-                              title: _vm.title,
-                              kelas: _vm.kelas,
-                              columnData: _vm.columnData,
-                            },
-                          }),
-                        ],
-                        1
-                      )
-                    : _vm._e(),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _vm.isInfografisPearls
-                    ? _c(
-                        "div",
-                        {
-                          directives: [
-                            {
-                              name: "show",
-                              rawName: "v-show",
-                              value: _vm.tabName == "infografisPearls",
-                              expression: "tabName == 'infografisPearls'",
-                            },
-                          ],
-                        },
-                        [
-                          _c("infografis-pearls-data", {
-                            attrs: {
-                              title: _vm.titlePearls,
-                              kelas: _vm.kelas,
-                              columnData: _vm.columnDataPearls,
-                            },
-                          }),
-                        ],
-                        1
-                      )
-                    : _vm._e(),
-                ]
-              ),
-            ],
-            1
-          ),
-        ]),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/select.vue?vue&type=template&id=e22cc27e&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/select.vue?vue&type=template&id=e22cc27e& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card d-print-none" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("div", { staticClass: "row" }, [
-          this.currentUser.id_cu === 0
-            ? _c("div", { staticClass: "col-sm-5" }, [
-                this.currentUser.id_cu === 0
-                  ? _c("div", { staticClass: "input-group" }, [
-                      _vm._m(0),
-                      _vm._v(" "),
-                      _c(
-                        "select",
-                        {
-                          directives: [
-                            {
-                              name: "model",
-                              rawName: "v-model",
-                              value: _vm.idCu,
-                              expression: "idCu",
-                            },
-                          ],
-                          staticClass: "form-control",
-                          attrs: {
-                            name: "idCu",
-                            "data-width": "100%",
-                            disabled: _vm.modelCuStat === "loading",
-                          },
-                          on: {
-                            change: [
-                              function ($event) {
-                                var $$selectedVal = Array.prototype.filter
-                                  .call($event.target.options, function (o) {
-                                    return o.selected
-                                  })
-                                  .map(function (o) {
-                                    var val = "_value" in o ? o._value : o.value
-                                    return val
-                                  })
-                                _vm.idCu = $event.target.multiple
-                                  ? $$selectedVal
-                                  : $$selectedVal[0]
-                              },
-                              function ($event) {
-                                return _vm.changeCu($event.target.value)
-                              },
-                            ],
-                          },
-                        },
-                        [
-                          _c("option", { attrs: { disabled: "", value: "" } }, [
-                            _vm._v("Silahkan pilih data"),
-                          ]),
-                          _vm._v(" "),
-                          _vm._t("default"),
-                          _vm._v(" "),
-                          _c("option", { attrs: { value: "semua" } }, [
-                            _vm._v("Semua CU"),
-                          ]),
-                          _vm._v(" "),
-                          _c("option", { attrs: { disabled: "", value: "" } }, [
-                            _vm._v("----------------"),
-                          ]),
-                          _vm._v(" "),
-                          _vm._l(_vm.modelCu, function (cu) {
-                            return cu
-                              ? _c("option", { domProps: { value: cu.id } }, [
-                                  _vm._v(_vm._s(cu.name)),
-                                ])
-                              : _vm._e()
-                          }),
-                        ],
-                        2
-                      ),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "input-group-append" }, [
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light",
-                            attrs: { disabled: _vm.modelCuStat === "loading" },
-                            on: { click: _vm.fetchCU },
-                          },
-                          [
-                            _c("i", {
-                              staticClass: "icon-sync",
-                              class: { spinner: _vm.modelCuStat === "loading" },
-                            }),
-                          ]
-                        ),
-                      ]),
-                    ])
-                  : _vm._e(),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.idCu == "semua"
-            ? _c("div", { staticClass: "col-sm-5" }, [
-                this.currentUser.id_cu === 0
-                  ? _c("div", { staticClass: "input-group" }, [
-                      _vm._m(1),
-                      _vm._v(" "),
-                      _c(
-                        "select",
-                        {
-                          directives: [
-                            {
-                              name: "model",
-                              rawName: "v-model",
-                              value: _vm.periode,
-                              expression: "periode",
-                            },
-                          ],
-                          staticClass: "form-control",
-                          attrs: {
-                            name: "periode",
-                            "data-width": "100%",
-                            disabled: _vm.modelPeriodeStat === "loading",
-                          },
-                          on: {
-                            change: function ($event) {
-                              var $$selectedVal = Array.prototype.filter
-                                .call($event.target.options, function (o) {
-                                  return o.selected
-                                })
-                                .map(function (o) {
-                                  var val = "_value" in o ? o._value : o.value
-                                  return val
-                                })
-                              _vm.periode = $event.target.multiple
-                                ? $$selectedVal
-                                : $$selectedVal[0]
-                            },
-                          },
-                        },
-                        [
-                          _c("option", { attrs: { disabled: "", value: "" } }, [
-                            _vm._v("Silahkan pilih periode laporan"),
-                          ]),
-                          _vm._v(" "),
-                          _vm._t("default"),
-                          _vm._v(" "),
-                          _vm._l(_vm.modelPeriode, function (periode) {
-                            return periode
-                              ? _c(
-                                  "option",
-                                  { domProps: { value: periode.periode } },
-                                  [
-                                    _vm._v(
-                                      _vm._s(
-                                        _vm._f("dateMonth")(periode.periode)
-                                      )
-                                    ),
-                                  ]
-                                )
-                              : _vm._e()
-                          }),
-                        ],
-                        2
-                      ),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "input-group-append" }, [
-                        _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-light",
-                            attrs: {
-                              disabled: _vm.modelPeriodeStat === "loading",
-                            },
-                            on: { click: _vm.fetchPeriode },
-                          },
-                          [
-                            _c("i", {
-                              staticClass: "icon-sync",
-                              class: {
-                                spinner: _vm.modelPeriodeStat === "loading",
-                              },
-                            }),
-                          ]
-                        ),
-                      ]),
-                    ])
-                  : _vm._e(),
-              ])
-            : _c("div", { class: _vm.classTp() }, [
-                _c("div", { staticClass: "input-group" }, [
-                  _vm._m(2),
-                  _vm._v(" "),
-                  _c(
-                    "select",
-                    {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.idTp,
-                          expression: "idTp",
-                        },
-                      ],
-                      staticClass: "form-control",
-                      attrs: {
-                        name: "tp",
-                        "data-width": "100%",
-                        disabled: _vm.modelTpStat === "loading",
-                      },
-                      on: {
-                        change: [
-                          function ($event) {
-                            var $$selectedVal = Array.prototype.filter
-                              .call($event.target.options, function (o) {
-                                return o.selected
-                              })
-                              .map(function (o) {
-                                var val = "_value" in o ? o._value : o.value
-                                return val
-                              })
-                            _vm.idTp = $event.target.multiple
-                              ? $$selectedVal
-                              : $$selectedVal[0]
-                          },
-                          function ($event) {
-                            return _vm.changeTp($event.target.value)
-                          },
-                        ],
-                      },
-                    },
-                    [
-                      _c("option", { attrs: { disabled: "", value: "" } }, [
-                        _vm._v("Silahkan pilih TP/KP"),
-                      ]),
-                      _vm._v(" "),
-                      _c("option", { attrs: { value: "konsolidasi" } }, [
-                        _vm._v("Konsolidasi"),
-                      ]),
-                      _vm._v(" "),
-                      _c("option", { attrs: { value: "semua" } }, [
-                        _vm._v("Semua Tp"),
-                      ]),
-                      _vm._v(" "),
-                      _c("option", { attrs: { disabled: "", value: "" } }, [
-                        _vm._v("----------------"),
-                      ]),
-                      _vm._v(" "),
-                      _vm._l(_vm.modelTp, function (tp) {
-                        return tp
-                          ? _c("option", { domProps: { value: tp.id } }, [
-                              _vm._v(_vm._s(tp.name)),
-                            ])
-                          : _vm._e()
-                      }),
-                    ],
-                    2
-                  ),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "input-group-append" }, [
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light",
-                        attrs: { disabled: _vm.modelPeriodeStat === "loading" },
-                        on: { click: _vm.fetchPeriode },
-                      },
-                      [
-                        _c("i", {
-                          staticClass: "icon-sync",
-                          class: { spinner: _vm.modelCuStat === "loading" },
-                        }),
-                      ]
-                    ),
-                  ]),
-                ]),
-              ]),
-          _vm._v(" "),
-          _vm.idTp == "semua" && _vm.idCu != "semua"
-            ? _c(
-                "div",
-                {
-                  class: [
-                    {
-                      "col-sm-10":
-                        _vm.currentUser.id_cu == 0 && _vm.idTp == "semua",
-                      "col-sm-6":
-                        _vm.currentUser.id_cu != 0 && _vm.idTp == "semua",
-                    },
-                    { "pt-2": _vm.currentUser.id_cu == 0 },
-                  ],
-                },
-                [
-                  _c("div", { staticClass: "input-group" }, [
-                    _vm._m(3),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.periodeTp,
-                            expression: "periodeTp",
-                          },
-                        ],
-                        staticClass: "form-control",
-                        attrs: {
-                          name: "periodeTp",
-                          "data-width": "100%",
-                          disabled: _vm.modelPeriodeTpStat === "loading",
-                        },
-                        on: {
-                          change: [
-                            function ($event) {
-                              var $$selectedVal = Array.prototype.filter
-                                .call($event.target.options, function (o) {
-                                  return o.selected
-                                })
-                                .map(function (o) {
-                                  var val = "_value" in o ? o._value : o.value
-                                  return val
-                                })
-                              _vm.periodeTp = $event.target.multiple
-                                ? $$selectedVal
-                                : $$selectedVal[0]
-                            },
-                            function ($event) {
-                              return _vm.changeTpPeriode($event.target.value)
-                            },
-                          ],
-                        },
-                      },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "" } }, [
-                          _vm._v("Silahkan pilih periode laporan Tp"),
-                        ]),
-                        _vm._v(" "),
-                        _vm._t("default"),
-                        _vm._v(" "),
-                        _vm._l(_vm.modelPeriodeTp, function (periode) {
-                          return periode
-                            ? _c(
-                                "option",
-                                { domProps: { value: periode.periode } },
-                                [
-                                  _vm._v(
-                                    _vm._s(_vm._f("dateMonth")(periode.periode))
-                                  ),
-                                ]
-                              )
-                            : _vm._e()
-                        }),
-                      ],
-                      2
-                    ),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "input-group-append" }, [
-                      _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-light",
-                          attrs: {
-                            disabled: _vm.modelPeriodeTpStat === "loading",
-                          },
-                          on: { click: _vm.fetchPeriodeTp },
-                        },
-                        [
-                          _c("i", {
-                            staticClass: "icon-sync",
-                            class: {
-                              spinner: _vm.modelPeriodeTpStat === "loading",
-                            },
-                          }),
-                        ]
-                      ),
-                    ]),
-                  ]),
-                ]
-              )
-            : _vm._e(),
-          _vm._v(" "),
-          this.currentUser.id_cu === 0
-            ? _c(
-                "div",
-                {
-                  staticClass: "col-sm-2",
-                  class: { "pt-2": _vm.idCu != "semua" && _vm.idTp == "semua" },
-                },
-                [
-                  _vm.itemDataStat != "loading"
-                    ? _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-light btn-icon btn-block",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.fetch()
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-folder-open3" }),
-                          _vm._v("  Tampilkan\n\t\t\t\t\t"),
-                        ]
-                      )
-                    : _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-light btn-icon btn-block",
-                          attrs: { type: "button" },
-                        },
-                        [_c("i", { staticClass: "icon-sync spinner" })]
-                      ),
-                ]
-              )
-            : _vm._e(),
-        ]),
-      ]),
-    ]),
-  ])
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Data")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [
-        _vm._v("Pilih Periode"),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih TP/KP")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [
-        _vm._v("Pilih Periode"),
-      ]),
-    ])
+    }
   },
-]
-render._withStripped = true
-
-
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/table.vue?vue&type=template&id=702be899&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
 /*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/table.vue?vue&type=template&id=702be899& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
   \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -3217,1260 +382,298 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c(
     "div",
+    { staticStyle: { display: "inline-block" } },
     [
-      _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-            excelUploads: _vm.excelUploads,
-          },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
+      _vm.value
+        ? _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm.valueType == "trim"
+              ? _c(
+                  "span",
+                  { staticStyle: { display: "inline-block" } },
+                  [
+                    _c("truncate", {
+                      staticStyle: { display: "inline-block" },
+                      attrs: {
+                        "action-class": "badge bg-blue",
+                        clamp: "selengkapnya >",
+                        length: _vm.trimLength,
+                        less: "< kembali",
+                        text: _vm.frontText + " " + _vm.value,
+                      },
+                    }),
+                  ],
+                  1
+                )
+              : _vm.valueType == "modal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
                   _c(
-                    "tr",
+                    "button",
                     {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
-                        "bg-warning":
-                          props.item.periode < _vm.periode &&
-                          _vm.selectedItem.id !== props.item.id,
-                      },
+                      staticClass: "btn btn-light",
                       on: {
                         click: function ($event) {
-                          return _vm.selectedRow(props.item)
+                          $event.preventDefault()
+                          return _vm.modalOpen()
                         },
                       },
                     },
-                    [
-                      !_vm.columnData[0].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide && !_vm.columnData[1].disable
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.cu_name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide && !_vm.columnData[2].disable
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.tp_name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.no_ba },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide && !_vm.columnData[4].disable
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.provinces_name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c("td", [
-                            props.item.periode < _vm.periode
-                              ? _c(
-                                  "span",
-                                  {
-                                    directives: [
-                                      {
-                                        name: "tooltip",
-                                        rawName: "v-tooltip:top",
-                                        value:
-                                          "Laporan ini bukanlah laporan periode " +
-                                          _vm.formatPeriode(_vm.periode),
-                                        expression:
-                                          "'Laporan ini bukanlah laporan periode ' + formatPeriode(periode)",
-                                        arg: "top",
-                                      },
-                                    ],
-                                    staticClass: "label label-warning",
-                                  },
-                                  [
-                                    _c("i", {
-                                      staticClass: "icon-alert text-size-base",
-                                    }),
-                                  ]
-                                )
-                              : _vm._e(),
-                            _vm._v(
-                              "\n\t\t\t\t\t\t \n\t\t\t\t\t\t" +
-                                _vm._s(
-                                  _vm._f("dateMonth")(props.item.periode)
-                                ) +
-                                "\n\t\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide && !_vm.columnData[6].disable
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.tp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.l_biasa,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[8].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.l_lbiasa,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[9].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.p_biasa,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[10].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.p_lbiasa,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[11].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.total_anggota,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[12].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.total_anggota_lalu,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[13].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.aset,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[14].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.aset_lalu,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[15].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.aset_masalah,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[16].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.aset_tidak_menghasilkan,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[17].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value:
-                                    props.item.aset_likuid_tidak_menghasilkan,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[18].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.aktiva_lancar,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[19].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.simpanan_saham,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[20].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.simpanan_saham_lalu,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[21].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.simpanan_saham_des,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[22].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.nonsaham_unggulan,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[23].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.nonsaham_harian,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[24].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.hutang_spd,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[25].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value:
-                                    props.item.hutang_tidak_berbiaya_30hari,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[26].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.total_hutang_pihak3,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[27].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.piutang_beredar,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[28].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.piutang_bersih,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[29].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.piutang_anggota,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[30].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.piutang_lalai_1bulan,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[31].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.piutang_lalai_12bulan,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[32].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.rasio_beredar,
-                                  valueType: "percentage",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[33].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.rasio_lalai,
-                                  valueType: "percentage",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[34].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.dcr,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[35].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.dcu,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[36].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.dana_gedung,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[37].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.donasi,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[38].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.bjs_saham,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[39].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.beban_penyisihan_dcr,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[40].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.investasi_likuid,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[41].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.total_pendapatan,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[42].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.total_biaya,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[43].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.shu,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[44].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.shu_lalu,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[45].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.rata_aset,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[46].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.laju_inflasi / 100,
-                                  valueType: "percentage",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[47].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.harga_pasar / 100,
-                                  valueType: "percentage",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[48].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[49].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                    ]
+                    [_vm._v("\n          Lihat\n      ")]
+                  ),
+                ])
+              : _vm.valueType == "currency"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(
+                        _vm._f("currency")(_vm.value, "", 0, {
+                          thousandsSeparator: ".",
+                        })
+                      )
+                  ),
+                ])
+              : _vm.valueType == "percentage"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("percentage")(_vm.value, 2))
                   ),
-                ]
-              },
-            },
+                ])
+              : _vm.valueType == "decimal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("round")(_vm.value, 2))
+                  ),
+                ])
+              : _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
+                ]),
+          ])
+        : _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
           ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+          content: _vm.modalContent,
         },
-        [
-          _c("template", { slot: "button-kolom" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block btn-icon mb-1",
-                attrs: {
-                  type: "button",
-                  disabled: _vm.itemDataStat === "loading",
-                },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.columnGroup("anggota")
-                  },
-                },
-              },
-              [_vm._v("\n\t\t\t\t\tAnggota\n\t\t\t\t")]
-            ),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block btn-icon mb-1",
-                attrs: {
-                  type: "button",
-                  disabled: _vm.itemDataStat === "loading",
-                },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.columnGroup("aset")
-                  },
-                },
-              },
-              [_vm._v("\n\t\t\t\t\tAset\n\t\t\t\t")]
-            ),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block btn-icon mb-1",
-                attrs: {
-                  type: "button",
-                  disabled: _vm.itemDataStat === "loading",
-                },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.columnGroup("shu")
-                  },
-                },
-              },
-              [_vm._v("\n\t\t\t\t\tSHU\n\t\t\t\t")]
-            ),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                directives: [
-                  {
-                    name: "tooltip",
-                    rawName: "v-tooltip:top",
-                    value: "Kolom Piutang",
-                    expression: "'Kolom Piutang'",
-                    arg: "top",
-                  },
-                ],
-                staticClass: "btn btn-light btn-block btn-icon mb-1",
-                attrs: {
-                  type: "button",
-                  disabled: _vm.itemDataStat === "loading",
-                },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.columnGroup("piutang")
-                  },
-                },
-              },
-              [_vm._v("\n\t\t\t\t\tPiutang\n\t\t\t\t")]
-            ),
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-desktop" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_laporan_cu"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_laporan_cu"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(
-                            _vm.selectedItem.id,
-                            _vm.selectedItem.tp
-                          )
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_laporan_cu"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_laporan_cu"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.detailData(
-                            _vm.selectedItem.id,
-                            _vm.selectedItem.tp
-                          )
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-stack2" }),
-                      _vm._v(" Detail\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can["upload_laporan_cu"] &&
-              _vm.laporanCuDraftCountStat == "success" &&
-              _vm.laporanCuDraftCount > 0
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { to: { name: "laporanCuDraft" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-table2" }),
-                      _vm._v(" Laporan Statistik CU [DRAFT]\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can["upload_laporan_tp"] &&
-              _vm.laporanTpDraftCountStat == "success" &&
-              _vm.laporanTpDraftCount > 0
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { to: { name: "laporanTpDraft" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-table2" }),
-                      _vm._v(" Laporan Statistik TP/KP [DRAFT]\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
+        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
+      }),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
           ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_laporan_cu"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_laporan_cu"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(
-                            _vm.selectedItem.id,
-                            _vm.selectedItem.tp
-                          )
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_laporan_cu"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
+        ]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticStyle: { display: "inline-block" } }, [
+    _c("i", {
+      directives: [
+        {
+          name: "tooltip",
+          rawName: "v-tooltip",
+          value: _vm.message,
+          expression: "message",
+        },
+      ],
+      staticClass: "icon-info22 d-none d-sm-block",
+    }),
+    _vm._v(" "),
+    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
+      _c("i", [_vm._v(_vm._s(_vm.message))]),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_laporan_cu"]
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            [
+              _vm.level === 1
                 ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.detailData(
-                            _vm.selectedItem.id,
-                            _vm.selectedItem.tp
-                          )
-                        },
-                      },
-                    },
+                    "div",
+                    { staticClass: "breadcrumb" },
                     [
-                      _c("i", { staticClass: "icon-stack2" }),
-                      _vm._v(" Detail\n\t\t\t\t"),
-                    ]
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can["upload_laporan_cu"] &&
-              _vm.laporanCuDraftCountStat == "success" &&
-              _vm.laporanCuDraftCount > 0
+              _vm.level === 2
                 ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { to: { name: "laporanCuDraft" } },
-                    },
+                    "div",
+                    { staticClass: "breadcrumb" },
                     [
-                      _c("i", { staticClass: "icon-table2" }),
-                      _vm._v(" Laporan Statistik CU [DRAFT]\n\t\t\t\t"),
-                    ]
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
+                          },
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can["upload_laporan_tp"] &&
-              _vm.laporanTpDraftCountStat == "success" &&
-              _vm.laporanTpDraftCount > 0
+              _vm.level === 3
                 ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { to: { name: "laporanTpDraft" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-table2" }),
-                      _vm._v(" Laporan Statistik TP/KP [DRAFT]\n\t\t\t\t"),
-                    ]
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
                   )
                 : _vm._e(),
-            ],
-            1
+            ]
           ),
-        ],
-        2
-      ),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            color: _vm.modalColor,
-            button: _vm.modalButton,
-            content: _vm.modalContent,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v(_vm._s(_vm.modalTitle)),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "modal-body1" }, [
-            _c(
-              "div",
-              { staticClass: "alert bg-info alert-styled-left mt-1 pt-1 pb-1" },
-              [
-                _c("p", [
-                  _vm._v(
-                    "Laporan ini merupakan laporan konsolidasi dari beberapa laporan di Tp. Oleh karena hal tersebut maka untuk\n\t\t\t\t\t\tmelakukan perubahan pada laporan konsolidasi mesti melakukan perubahan pada laporan Tp yang dapat dipilih\n\t\t\t\t\t\tdibawah:"
-                  ),
-                ]),
-              ]
-            ),
-            _vm._v(" "),
-            _c("hr"),
-            _vm._v(" "),
-            _c(
-              "div",
-              { staticClass: "row" },
-              _vm._l(_vm.listLaporanTpData, function (index, laporanTp) {
-                return _c(
-                  "div",
-                  { key: index, staticClass: "col-md-6  pt-1 pb-1" },
-                  [
-                    _c(
-                      "a",
-                      {
-                        staticClass: "btn btn-light btn-block",
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.ubahLaporanTp(laporanTp.id)
-                          },
-                        },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-pencil5" }),
-                        _vm._v(
-                          "\n\t\t\t\t\t\t\tUbah Laporan " +
-                            _vm._s(laporanTp.tp.name)
-                        ),
-                      ]
-                    ),
-                  ]
-                )
-              }),
-              0
-            ),
-            _vm._v(" "),
-            _c("hr"),
-            _vm._v(" "),
-            _c("div", { staticClass: "text-center d-none d-md-block" }, [
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light",
-                  attrs: { type: "button" },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalTutup.apply(null, arguments)
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-cross" }),
-                  _vm._v(" Tutup\n\t\t\t\t\t"),
-                ]
-              ),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "d-block d-md-none" }, [
-              _c(
-                "button",
-                {
-                  directives: [
-                    {
-                      name: "tooltip",
-                      rawName: "v-tooltip:top",
-                      value: "Tutup",
-                      expression: "'Tutup'",
-                      arg: "top",
-                    },
-                  ],
-                  staticClass: "btn btn-light btn-block",
-                  attrs: { type: "button" },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.modalTutup.apply(null, arguments)
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-cross" }),
-                  _vm._v(" Tutup\n\t\t\t\t\t"),
-                ]
-              ),
-            ]),
-          ]),
-        ],
-        2
+        ]
       ),
-    ],
-    1
-  )
+    ]),
+  ])
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -4479,10 +682,47 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=template&id=dd85c334&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=template&id=dd85c334& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticStyle: { display: "inline-block" } }, [
+      _c(
+        "span",
+        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
+        [_vm._v("Wajib diisi")]
+      ),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=template&id=7991aec4&":
+/*!***************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=template&id=7991aec4& ***!
+  \***************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -4497,582 +737,32 @@ var render = function () {
   return _c(
     "div",
     [
-      _c("data-viewer", {
+      _c("page-header", {
         attrs: {
           title: _vm.title,
-          columnData: _vm.columnData,
-          itemData: _vm.itemData,
-          query: _vm.query,
-          itemDataStat: _vm.itemDataStat,
-          excelDownloadUrl: _vm.excelDownloadUrl,
-          isUploadExcel: true,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
         },
-        on: { fetch: _vm.fetch },
-        scopedSlots: _vm._u([
-          {
-            key: "item-desktop",
-            fn: function (props) {
-              return [
-                _c(
-                  "tr",
-                  {
-                    staticClass: "text-nowrap",
-                    class: {
-                      "bg-info": _vm.selectedItem.id === props.item.id,
-                      "bg-warning":
-                        props.item.periode < _vm.selectData &&
-                        _vm.selectedItem.id !== props.item.id &&
-                        _vm.idCu == "semua",
-                    },
-                    on: {
-                      click: function ($event) {
-                        return _vm.selectedRow(props.item)
-                      },
-                    },
-                  },
-                  [
-                    !_vm.columnData[0].hide
-                      ? _c("td", [
-                          _vm._v(
-                            "\n\t\t\t\t\t\t" +
-                              _vm._s(
-                                props.index +
-                                  1 +
-                                  (+_vm.itemData.current_page - 1) *
-                                    +_vm.itemData.per_page +
-                                  "."
-                              ) +
-                              "\n\t\t\t\t\t"
-                          ),
-                        ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[1].hide && !_vm.columnData[1].disable
-                      ? _c(
-                          "td",
-                          [
-                            _c("check-value", {
-                              attrs: { value: props.item.cu_name },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[2].hide && !_vm.columnData[2].disable
-                      ? _c(
-                          "td",
-                          [
-                            _c("check-value", {
-                              attrs: { value: props.item.tp_name },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[3].hide && !_vm.columnData[3].disable
-                      ? _c(
-                          "td",
-                          [
-                            _c("check-value", {
-                              attrs: { value: props.item.no_ba },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[4].hide && !_vm.columnData[4].disable
-                      ? _c(
-                          "td",
-                          [
-                            _c("check-value", {
-                              attrs: { value: props.item.provinces_name },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[5].hide
-                      ? _c("td", [
-                          props.item.periode < _vm.selectData &&
-                          _vm.idCu == "semua"
-                            ? _c(
-                                "span",
-                                {
-                                  directives: [
-                                    {
-                                      name: "tooltip",
-                                      rawName: "v-tooltip:top",
-                                      value:
-                                        "Laporan ini bukanlah laporan periode " +
-                                        _vm.formatPeriode(_vm.selectData),
-                                      expression:
-                                        "'Laporan ini bukanlah laporan periode ' + formatPeriode(selectData)",
-                                      arg: "top",
-                                    },
-                                  ],
-                                  staticClass: "label label-warning",
-                                },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-alert text-size-base",
-                                  }),
-                                ]
-                              )
-                            : _vm._e(),
-                          _vm._v(
-                            "\n\t\t\t\t\t\t \n\t\t\t\t\t\t" +
-                              _vm._s(_vm._f("dateMonth")(props.item.periode)) +
-                              "\n\t\t\t\t\t"
-                          ),
-                        ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[6].hide && !_vm.columnData[6].disable
-                      ? _c(
-                          "td",
-                          [
-                            _c("check-value", {
-                              attrs: { value: props.item.tp },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[7].hide && !_vm.columnData[7].disable
-                      ? _c(
-                          "td",
-                          [
-                            _c("check-value", {
-                              attrs: { value: props.item.tot_ideal },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[8].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "p1")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "p1", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[9].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "p2")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "p2", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[10].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "e1")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "e1", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[11].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "e5")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "e5", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[12].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "e6")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "e6", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[13].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "e7")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "e7", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[14].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "e9")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "e9", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[15].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "a1")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "a1", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[16].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "a2")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "a2", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[17].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "r7")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "r7", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[18].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "r9")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "r9", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[19].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "l1")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "l1", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[20].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "l2")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "l2", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[21].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "s10")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "s10", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[22].hide
-                      ? _c(
-                          "td",
-                          {
-                            staticStyle: { cursor: "pointer" },
-                            on: {
-                              click: function ($event) {
-                                $event.preventDefault()
-                                return _vm.modelKatexOpen(props.item, "s11")
-                              },
-                            },
-                          },
-                          [
-                            _c("item-pearls", {
-                              attrs: { type: "s11", props: props.item },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[23].hide
-                      ? _c(
-                          "td",
-                          [
-                            _c("check-value", {
-                              attrs: {
-                                value: props.item.harga_pasar / 100,
-                                valueType: "percentage",
-                              },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[24].hide
-                      ? _c(
-                          "td",
-                          [
-                            _c("check-value", {
-                              attrs: {
-                                value: props.item.laju_inflasi / 100,
-                                valueType: "percentage",
-                              },
-                            }),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[25].hide
-                      ? _c("td", {
-                          domProps: {
-                            innerHTML: _vm._s(
-                              _vm.$options.filters.dateTime(
-                                props.item.created_at
-                              )
-                            ),
-                          },
-                        })
-                      : _vm._e(),
-                    _vm._v(" "),
-                    !_vm.columnData[26].hide
-                      ? _c("td", [
-                          props.item.created_at !== props.item.updated_at
-                            ? _c("span", {
-                                domProps: {
-                                  innerHTML: _vm._s(
-                                    _vm.$options.filters.dateTime(
-                                      props.item.updated_at
-                                    )
-                                  ),
-                                },
-                              })
-                            : _c("span", [_vm._v("-")]),
-                        ])
-                      : _vm._e(),
-                  ]
-                ),
-              ]
-            },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
           },
-        ]),
+        },
       }),
       _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
-            button: _vm.modalButton,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v(_vm._s(_vm.modalTitle)),
-          ]),
-          _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
           _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _c("form-katex", {
-                attrs: { kelas: _vm.kelas, modalKatex: _vm.modalKatex },
-                on: { tutup: _vm.modalTutup },
-              }),
-            ],
+            "div",
+            { staticClass: "content" },
+            [_c("form-data", { attrs: { mode: "tambah" } })],
             1
           ),
-        ],
-        2
-      ),
+        ]),
+      ]),
     ],
     1
   )
@@ -5084,17 +774,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
-/* harmony import */ var _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
+/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -5104,9 +794,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5116,57 +806,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/collapseButton.vue"
+component.options.__file = "resources/assets/js/components/checkValue.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/index.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/index.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_92de98c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=92de98c6& */ "./resources/assets/js/views/laporanCu/index.vue?vue&type=template&id=92de98c6&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
+/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -5174,10 +862,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_92de98c6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_92de98c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5187,71 +875,124 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/index.vue"
+component.options.__file = "resources/assets/js/components/formInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/index.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/index.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css& ***!
-  \****************************************************************************************/
-/*! no static exports found */
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \************************************************************************************/
+/*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/index.vue?vue&type=template&id=92de98c6&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/index.vue?vue&type=template&id=92de98c6& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue ***!
+  \*****************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/components/infoIcon.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_92de98c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=92de98c6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=template&id=92de98c6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_92de98c6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_92de98c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/select.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/select.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _select_vue_vue_type_template_id_e22cc27e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./select.vue?vue&type=template&id=e22cc27e& */ "./resources/assets/js/views/laporanCu/select.vue?vue&type=template&id=e22cc27e&");
-/* harmony import */ var _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./select.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/select.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -5260,9 +1001,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _select_vue_vue_type_template_id_e22cc27e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _select_vue_vue_type_template_id_e22cc27e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5272,55 +1013,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/select.vue"
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/select.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/select.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/select.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/select.vue?vue&type=template&id=e22cc27e&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/select.vue?vue&type=template&id=e22cc27e& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_e22cc27e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=template&id=e22cc27e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/select.vue?vue&type=template&id=e22cc27e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_e22cc27e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_e22cc27e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/table.vue":
+/***/ "./resources/assets/js/components/wajibBadge.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/table.vue ***!
+  !*** ./resources/assets/js/components/wajibBadge.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_702be899___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=702be899& */ "./resources/assets/js/views/laporanCu/table.vue?vue&type=template&id=702be899&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -5329,9 +1070,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_702be899___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_702be899___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5341,54 +1082,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/table.vue"
+component.options.__file = "resources/assets/js/components/wajibBadge.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/table.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/table.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/table.vue?vue&type=template&id=702be899&":
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/table.vue?vue&type=template&id=702be899& ***!
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_702be899___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=702be899& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/table.vue?vue&type=template&id=702be899&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_702be899___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_702be899___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/tablePearls.vue":
-/*!*************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/tablePearls.vue ***!
-  \*************************************************************/
+/***/ "./resources/assets/js/views/asetTetapLokasi/create.vue":
+/*!**************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapLokasi/create.vue ***!
+  \**************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _tablePearls_vue_vue_type_template_id_dd85c334___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tablePearls.vue?vue&type=template&id=dd85c334& */ "./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=template&id=dd85c334&");
-/* harmony import */ var _tablePearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tablePearls.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=script&lang=js&");
+/* harmony import */ var _create_vue_vue_type_template_id_7991aec4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create.vue?vue&type=template&id=7991aec4& */ "./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=template&id=7991aec4&");
+/* harmony import */ var _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -5398,9 +1139,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _tablePearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _tablePearls_vue_vue_type_template_id_dd85c334___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _tablePearls_vue_vue_type_template_id_dd85c334___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _create_vue_vue_type_template_id_7991aec4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _create_vue_vue_type_template_id_7991aec4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5410,38 +1151,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/tablePearls.vue"
+component.options.__file = "resources/assets/js/views/asetTetapLokasi/create.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tablePearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./tablePearls.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tablePearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=template&id=dd85c334&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=template&id=dd85c334& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=template&id=7991aec4&":
+/*!*********************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=template&id=7991aec4& ***!
+  \*********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tablePearls_vue_vue_type_template_id_dd85c334___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./tablePearls.vue?vue&type=template&id=dd85c334& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=template&id=dd85c334&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tablePearls_vue_vue_type_template_id_dd85c334___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_7991aec4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=template&id=7991aec4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/create.vue?vue&type=template&id=7991aec4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_7991aec4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tablePearls_vue_vue_type_template_id_dd85c334___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_7991aec4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/64.js b/public/js/components/64.js
index e71097e9d..83f03cc47 100644
--- a/public/js/components/64.js
+++ b/public/js/components/64.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[64],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -22,94 +22,37 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  data: function data() {
-    return {
-      image: ''
-    };
-  },
   props: {
-    image_loc: {
-      type: [String],
-      "default": ''
-    },
-    image_type: {
-      type: [String],
-      "default": '.jpg'
-    },
-    image_temp: {
+    id: {
       "default": ''
-    },
-    value: {
-      type: [String, File],
-      "default": 'no_image'
     }
   },
+  data: function data() {
+    return {
+      clicked: false
+    };
+  },
   methods: {
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.createImage(files[0]);
-      this.$emit('input', files[0]);
-    },
-    createImage: function createImage(file) {
-      var reader = new FileReader();
-      var vm = this;
-
-      reader.onload = function (e) {
-        vm.image = e.target.result; // this.$emit('input', vm.image)
-      };
+    btnClick: function btnClick() {
+      var _this = this;
 
-      reader.readAsDataURL(file);
-    },
-    close: function close() {
-      this.$emit('input', 'no_image');
-      this.image = '/images/no_image.jpg';
-      this.$refs.fileInput.value = '';
+      if (this.clicked) {
+        setTimeout(function () {
+          return _this.clicked = false;
+        }, 400);
+      } else {
+        this.clicked = true;
+      }
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: []
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/index.vue?vue&type=script&lang=js& ***!
   \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -117,6 +60,13 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _select_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./select.vue */ "./resources/assets/js/views/laporanCu/select.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/laporanCu/table.vue");
+/* harmony import */ var _tablePearls_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tablePearls.vue */ "./resources/assets/js/views/laporanCu/tablePearls.vue");
+/* harmony import */ var _infografis_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./infografis.vue */ "./resources/assets/js/views/laporanCu/infografis.vue");
+/* harmony import */ var _infografisPearls_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./infografisPearls.vue */ "./resources/assets/js/views/laporanCu/infografisPearls.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -160,125 +110,162 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    title: {
-      "default": ''
-    },
-    titleIcon: {
-      "default": ''
-    },
-    titleDesc: {
-      "default": ''
-    },
-    level: {
-      "default": 1
-    },
-    level2Title: {
-      "default": ''
-    },
-    level2Route: {
-      "default": ''
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    selectData: _select_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    tablePearls: _tablePearls_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    infografisData: _infografis_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    infografisPearlsData: _infografisPearls_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Laporan Statistik',
+      titlePearls: 'P.E.A.R.L.S',
+      kelas: 'laporanCu',
+      titleDesc: 'Mengelola data statistik CU',
+      titleIcon: 'icon-stats-bars2',
+      selectCUPath: 'laporanCuCU',
+      tabName: 'table',
+      katax: '\\frac{1.7888}{1,6777}',
+      isTablePearls: false,
+      isInfografis: false,
+      isInfografisPearls: false
+    };
+  },
+  created: function created() {
+    this.checkTitle();
+    this.checkUser('index_laporan_cu', this.$route.params.cu);
+  },
+  watch: {
+    '$route': function $route(to, from) {
+      // check current page meta
+      this.checkTitle();
     }
   },
   methods: {
-    level2Back: function level2Back() {
-      this.$emit('level2Back');
-    },
-    route1: function route1() {
-      if (this.btn1RouteParams) {
-        this.$router.push({
-          name: this.btn1Route,
-          params: {
-            cu: this.btn1RouteParams
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
           }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn1Route
-        });
+        }
       }
     },
-    route2: function route2() {
-      if (this.btn2RouteParams) {
-        this.$router.push({
-          name: this.btn2Route,
-          params: {
-            cu: this.btn2RouteParams
-          }
-        });
+    checkTitle: function checkTitle() {
+      if (this.$route.meta.mode == "periode") {
+        this.title = "Laporan Statistik CU";
+        this.titleDesc = 'Mengelola data statistik CU';
+      } else if (this.$route.meta.mode == "cu") {
+        if (this.$route.params.tp == "konsolidasi") {
+          this.title = "Laporan Statistik CU";
+          this.titleDesc = 'Mengelola data statistik CU';
+        } else {
+          this.title = "Laporan Statistik TP/KP";
+          this.titleDesc = 'Mengelola data statistik TP/KP';
+        }
+      } else if (this.$route.meta.mode == "cuPeriode") {
+        this.title = "Laporan Statistik TP/KP";
+        this.titleDesc = 'Mengelola data statistik TP/KP';
       } else {
-        this.$router.push({
-          name: this.btn2Route
-        });
+        this.title = "Laporan Statistik CU";
+        this.titleDesc = 'Mengelola data statistik CU';
       }
     },
-    route3: function route3() {
-      if (this.btn3RouteParams) {
-        this.$router.push({
-          name: this.btn3Route,
-          params: {
-            cu: this.btn3RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn3Route
-        });
-      }
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
+    changeTab: function changeTab(value) {
+      this.tabName = value;
 
-/***/ }),
+      if (value == 'tablePearls' && !this.isTablePearls) {
+        this.isTablePearls = true;
+      }
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+      if (value == 'infografis' && !this.isInfografis) {
+        this.isInfografis = true;
+      }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
+      if (value == 'infografisPearls' && !this.isInfografisPearls) {
+        this.isInfografisPearls = true;
+      }
     }
-  }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    itemPearls: 'pearls',
+    itemPearlsStat: 'pearlsStat',
+    columnData: 'columnData',
+    columnDataPearls: 'columnDataPearls'
+  }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/form.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelKategori/form.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/select.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/select.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -395,469 +382,4107 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
-  },
+  props: ['kelas', 'path'],
   data: function data() {
     return {
-      title: 'Tambah Kategori Artikel',
-      titleDesc: 'Menambah kategori artikel baru',
-      titleIcon: 'icon-plus3',
-      kelas: 'artikelKategori',
-      level2Title: 'Kategori Artikel',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      submited: false
+      idCu: '',
+      idTp: '',
+      periode: '',
+      periodeTp: ''
     };
   },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
   created: function created() {
-    if (this.currentUser.id_cu == 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
+    if (this.currentUser.id_cu != undefined) {
+      this.checkProfileIdCU();
     }
-
-    this.form.id_cu = this.currentUser.id_cu;
   },
   watch: {
-    formStat: function formStat(value) {
+    '$route': function $route(to, from) {
+      // check current page meta
+      this.checkProfileIdCU();
+    },
+    modelCuStat: function modelCuStat(value) {
       if (value === "success") {
-        if (this.$route.meta.mode !== 'edit') {
-          this.form.id_cu = this.currentUser.id_cu;
+        if (this.$route.meta.mode == 'cu' || this.$route.meta.mode == 'cuPeriode') {
+          this.idCu = this.$route.params.cu;
+          this.changeCu(this.idCu);
         } else {
-          this.checkUser('update_artikel_kategori', this.form.id_cu);
+          this.idCu = 'semua';
+          this.changeCu(this.idCu);
         }
       }
     },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
+    modelTpStat: function modelTpStat(value) {
       if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
+        if (this.$route.meta.mode == 'cu') {
+          this.idTp = this.$route.params.tp;
+        } else if (this.$route.meta.mode == 'cuPeriode') {
+          this.idTp = 'semua';
+          this.changeTp(this.idTp);
+        } else {
+          this.idTp = 'konsolidasi';
+        }
+      }
+    },
+    modelPeriodeStat: function modelPeriodeStat(value) {
+      if (value === "success") {
+        if (this.$route.meta.mode == 'periode') {
+          this.periode = this.$route.params.periode;
+        } else {
+          this.periode = this.modelPeriode[0].periode;
+        }
+      }
+    },
+    modelPeriodeTpStat: function modelPeriodeTpStat(value) {
+      if (value === "success") {
+        if (this.$route.meta.mode == 'cuPeriode') {
+          this.periodeTp = this.$route.params.periode;
+        } else {
+          this.periodeTp = this.modelPeriodeTp[0].periode;
+        }
+
+        this.changeTpPeriode(this.periodeTp);
       }
     }
   },
   methods: {
-    fetch: function fetch() {
-      if (this.$route.meta.mode === 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Kategori Artikel';
-        this.titleDesc = 'Mengubah kategori artikel';
-        this.titleIcon = 'icon-pencil5';
+    checkProfileIdCU: function checkProfileIdCU() {
+      if (this.currentUser.id_cu !== 0) {
+        this.idCu = this.currentUser.id_cu;
+        this.fetchTp();
       } else {
-        this.title = 'Tambah Kategori Artikel';
-        this.titleDesc = 'Menambah kategori artikel';
-        this.titleIcon = 'icon-plus3';
-        this.$store.dispatch(this.kelas + '/create');
+        this.fetchCU();
       }
     },
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
+    fetch: function fetch() {
+      if (this.idCu != 'semua') {
+        if (this.idTp != 'semua') {
+          this.$router.push({
+            name: 'laporanCuCu',
+            params: {
+              cu: this.idCu,
+              tp: this.idTp
+            }
+          });
+        } else {
+          this.$router.push({
+            name: 'laporanCuCuPeriode',
+            params: {
+              cu: this.idCu,
+              periode: this.periodeTp
+            }
+          });
         }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
+      } else {
+        this.$router.push({
+          name: 'laporanCuPeriode',
+          params: {
+            periode: this.periode
           }
-        }
+        });
       }
     },
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.$route.meta.mode == 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/store', _this.form);
-          }
-
-          _this.submited = false;
+    fetchCU: function fetchCU() {
+      if (this.modelCu.length == 0) {
+        this.$store.dispatch('cu/getHeader', this.currentUser.id_pus);
+      } else {
+        if (this.$route.meta.mode == 'cu' || this.$route.meta.mode == 'cuPeriode') {
+          this.idCu = this.$route.params.cu;
+          this.changeCu(this.idCu);
         } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
+          this.idCu = 'semua';
+          this.changeCu(this.idCu);
         }
-      });
+      }
     },
-    back: function back() {
-      if (this.$route.meta.mode == 'edit' && this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.form.id_cu
-          }
-        });
+    fetchPeriode: function fetchPeriode() {
+      this.$store.dispatch('laporanCu/getPeriode');
+    },
+    fetchPeriodeTp: function fetchPeriodeTp() {
+      this.$store.dispatch('laporanTp/getPeriode');
+    },
+    fetchTp: function fetchTp() {
+      this.$store.dispatch('tp/getCu', this.idCu);
+    },
+    changeCu: function changeCu(value) {
+      if (value != 'semua') {
+        this.fetchTp();
       } else {
-        if (this.currentUser.id_cu == 0) {
-          if (this.form.id_cu == 0) {
-            this.$router.push({
-              name: this.kelas + 'Cu',
-              params: {
-                cu: this.form.id_cu
-              }
-            });
-          } else {
-            this.$router.push({
-              name: this.kelas + 'Cu',
-              params: {
-                cu: this.form.id_cu
-              }
-            });
-          }
-        } else {
+        this.fetchPeriode();
+      }
+
+      this.idTp = '';
+    },
+    changeTp: function changeTp(value) {
+      if (this.currentUser.id_cu != 0) {
+        if (this.idTp != 'semua') {
           this.$router.push({
-            name: this.kelas + 'Cu',
+            name: 'laporanCuCu',
             params: {
-              cu: this.currentUser.id_cu
+              cu: this.currentUser.id_cu,
+              tp: value
             }
           });
+        } else {
+          this.$store.dispatch('laporanTp/getPeriode');
+        }
+      } else {
+        if (this.idTp == 'semua') {
+          this.$store.dispatch('laporanTp/getPeriode');
         }
       }
     },
-    modalTutup: function modalTutup() {
-      if (this.updateStat === 'success') {
-        this.back();
+    changeTpPeriode: function changeTpPeriode(value) {
+      if (this.currentUser.id_cu != 0) {
+        this.$router.push({
+          name: 'laporanCuCuPeriode',
+          params: {
+            cu: this.currentUser.id_cu,
+            periode: value
+          }
+        });
       }
-
-      this.modalShow = false;
-      this.submitedKategori = false;
-      this.submitedPenulis = false;
     },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
+    classTp: function classTp() {
+      var className = '';
+
+      if (this.currentUser.id_cu == 0) {
+        className = 'col-sm-5';
       } else {
-        this.modalShow = false;
+        if (this.idTp == 'semua') {
+          className = 'col-sm-6';
+        } else {
+          className = 'col-sm-12';
+        }
       }
+
+      return className;
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelKategori', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
+    modelPeriode: 'periode',
+    modelPeriodeStat: 'periodeStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanTp', {
+    modelPeriodeTp: 'periode',
+    modelPeriodeTpStat: 'periodeStat'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
+    modelCu: 'headerDataS',
+    modelCuStat: 'headerDataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
+    modelTp: 'dataS',
+    modelTpStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
+    itemDataStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body text-center" }, [
-        _vm.image === "" && _vm.image_temp === ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: "/images/no_image.jpg" },
-            })
-          : _vm.image === "" && _vm.image_temp !== ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
-            })
-          : _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image },
-            }),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "row" }, [
-      _c("div", { staticClass: "col-md-10" }, [
-        _c("input", {
-          ref: "fileInput",
-          staticClass: "form-control",
-          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
-          on: { change: _vm.upload },
-        }),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-2" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block",
-            attrs: { type: "button", disabled: _vm.image_temp === "" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.close()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
-        ),
-      ]),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v(
-            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
-          ),
-        ]),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/table.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/table.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
-            [
-              _vm.level === 1
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
-                        },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-/***/ }),
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticStyle: { display: "inline-block" } }, [
-      _c(
-        "span",
-        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
-        [_vm._v("Wajib diisi")]
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
+  },
+  props: ["title", "kelas", "columnData"],
+  data: function data() {
+    return {
+      query: {
+        order_column: "periode",
+        order_direction: "desc",
+        filter_match: "and",
+        limit: 50,
+        page: 1
+      },
+      excelDownloadUrl: '',
+      excelUploads: [{
+        enabled: true,
+        url: 'laporanCu/uploadExcel',
+        format_url: 'formatLaporanCu.xlsx',
+        next_page_route: 'laporanCuDraft',
+        button: 'Upload Laporan Konsolidasi CU'
+      }, {
+        enabled: true,
+        url: 'laporanCu/uploadExcelTp',
+        format_url: 'formatLaporanTpSemua.xlsx',
+        next_page_route: 'laporanTpDraft',
+        button: 'Upload Laporan Tp'
+      }],
+      laporanCuDraftCount: [],
+      laporanCuDraftCountStat: '',
+      laporanTpDraftCount: [],
+      laporanTpDraftCountStat: '',
+      periode: '',
+      selectedItem: [],
+      state: '',
+      modalShow: false,
+      modalState: "",
+      modalTitle: "",
+      modalColor: "",
+      modalButton: "",
+      modalContent: ""
+    };
+  },
+  created: function created() {
+    this.checkProfile();
+    this.fetch(this.query);
+    this.columnGroup('semua');
+  },
+  watch: {
+    // check route changes
+    $route: function $route(to, from) {
+      this.isFirstLoad = true;
+      this.fetch(this.query);
+    },
+    modelPeriodeStat: function modelPeriodeStat(value) {
+      if (value === "success") {
+        if (this.$route.meta.mode == 'periode') {
+          this.periode = this.$route.params.periode;
+        } else {
+          this.periode = this.modelPeriode[0].periode;
+        }
+      }
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = "Ok";
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = "";
+        this.fetch();
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = "";
+      }
+    },
+    updateStatTp: function updateStatTp(value) {
+      this.modalState = value;
+      this.modalButton = "Ok";
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessageTp.message;
+        this.modalContent = "";
+        this.fetch();
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessageTp;
+      } else {
+        this.modalContent = "";
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch(params) {
+      var i;
+      this.checkProfile();
+
+      if (this.$route.meta.mode == "periode") {
+        // laporan cu with periode
+        for (i = 0; i < this.columnData.length; i++) {
+          if ([2].includes(i)) {
+            this.columnData[i].disable = true;
+          } else {
+            this.columnData[i].disable = false;
+          }
+        }
+
+        this.$store.dispatch(this.kelas + "/indexPeriode", [params, this.$route.params.periode]);
+        this.excelDownloadUrl = this.kelas + '/indexPeriode/' + this.$route.params.periode;
+        this.periode = this.$route.params.periode;
+      } else if (this.$route.meta.mode == "cu") {
+        for (i = 0; i < this.columnData.length; i++) {
+          if ([1, 2, 3, 4].includes(i)) {
+            this.columnData[i].disable = true;
+          } else {
+            this.columnData[i].disable = false;
+          }
+        }
+
+        if (this.$route.params.tp == "konsolidasi") {
+          //laporan cu konsolidasi per cu
+          this.$store.dispatch(this.kelas + "/indexCu", [params, this.$route.params.cu]);
+          this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
+          this.periode = '';
+        } else {
+          // laporan tp/kp per tp
+          for (i = 0; i < this.columnData.length; i++) {
+            if ([1, 2, 3, 4, 6].includes(i)) {
+              this.columnData[i].disable = true;
+            } else {
+              this.columnData[i].disable = false;
+            }
+          }
+
+          this.$store.dispatch(this.kelas + "/indexTp", [params, this.$route.params.tp]);
+          this.excelDownloadUrl = 'laporanTp' + '/indexTp/' + this.$route.params.tp;
+          this.periode = '';
+        }
+      } else if (this.$route.meta.mode == "cuPeriode") {
+        // laporan tp/kp semua tp
+        for (i = 0; i < this.columnData.length; i++) {
+          if ([1, 3, 4, 6].includes(i)) {
+            this.columnData[i].disable = true;
+          } else {
+            this.columnData[i].disable = false;
+          }
+        }
+
+        this.$store.dispatch(this.kelas + "/indexTpPeriode", [params, this.$route.params.cu, this.$route.params.periode]);
+        this.excelDownloadUrl = 'laporanTp' + '/indexCu/' + this.$route.params.cu + '/' + this.$route.params.periode;
+        this.periode = this.$route.params.periode;
+      } else {
+        // laporan cu default
+        for (i = 0; i < this.columnData.length; i++) {
+          if ([2].includes(i)) {
+            this.columnData[i].disable = true;
+          } else {
+            this.columnData[i].disable = false;
+          }
+        }
+
+        this.$store.dispatch(this.kelas + "/index", params); // this.$store.dispatch(this.kelas + "/indexTotal");
+
+        this.excelDownloadUrl = this.kelas;
+      }
+    },
+    fetchLaporanCuDraft: function fetchLaporanCuDraft() {
+      var _this = this;
+
+      if (this.currentUser.can['upload_laporan_cu']) {
+        axios.get('/api/laporanCuDraft/count').then(function (response) {
+          _this.laporanCuDraftCount = response.data.model;
+          _this.laporanCuDraftCountStat = 'success';
+        })["catch"](function (error) {
+          _this.laporanCuDraftCount = error.response;
+          _this.laporanCuDraftCountStat = 'fail';
+        });
+      }
+    },
+    fetchLaporanTpDraft: function fetchLaporanTpDraft() {
+      var _this2 = this;
+
+      if (this.currentUser.can['upload_laporan_tp']) {
+        axios.get('/api/laporanTpDraft/count').then(function (response) {
+          _this2.laporanTpDraftCount = response.data.model;
+          _this2.laporanTpDraftCountStat = 'success';
+        })["catch"](function (error) {
+          _this2.laporanTpDraftCount = error.response;
+          _this2.laporanTpDraftCountStat = 'fail';
+        });
+      }
+    },
+    checkProfile: function checkProfile() {
+      if (this.currentUser.id_cu != 0) {
+        if (this.$route.meta.mode == "cu" || this.$route.meta.mode == "cuPeriode") {
+          if (this.currentUser.id_cu != this.$route.params.cu) {
+            this.$router.push({
+              name: "notFound"
+            });
+          }
+        } else if (this.$route.meta.mode == "periode") {
+          this.$router.push({
+            name: "notFound"
+          });
+        } else {
+          this.$router.push({
+            name: "notFound"
+          });
+        }
+
+        this.excelUploads[0].url = 'laporanCu/uploadExcel';
+        this.excelUploads[0].format_url = 'formatLaporanCu.xlsx';
+        this.excelUploads[1].url = 'laporanTp/uploadExcel';
+        this.excelUploads[1].format_url = 'formatLaporanTp.xlsx';
+      } else {
+        this.excelUploads[0].url = 'laporanCu/uploadExcelAll';
+        this.excelUploads[0].format_url = 'formatLaporanCuSemua.xlsx';
+        this.excelUploads[1].url = 'laporanTp/uploadExcelAll';
+        this.excelUploads[1].format_url = 'formatLaporanTpSemua.xlsx';
+      }
+
+      if (this.currentUser.can['upload_laporan_cu']) {
+        this.excelUploads[0].enabled = true;
+      } else {
+        this.excelUploads[0].enabled = false;
+      }
+
+      if (this.currentUser.can['upload_laporan_tp']) {
+        this.excelUploads[1].enabled = true;
+      } else {
+        this.excelUploads[1].enabled = false;
+      }
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    ubahData: function ubahData(id, tp) {
+      if (tp) {
+        if (tp.id) {
+          this.ubahLaporanTp(id);
+        } else {
+          this.modalShow = true;
+          this.modalState = "normal1";
+          this.modalColor = "bg-primary";
+          this.modalTitle = "Ubah Laporan Konsolidasi";
+          this.$store.dispatch("laporanTp/listLaporanTp", [this.selectedItem.id_cu, this.selectedItem.periode]);
+        }
+      } else {
+        this.$router.push({
+          name: this.kelas + "Edit",
+          params: {
+            id: id
+          }
+        });
+      }
+    },
+    ubahLaporanTp: function ubahLaporanTp(id, tp) {
+      this.modalShow = false;
+      this.$router.push({
+        name: "laporanTpEdit",
+        params: {
+          id: id
+        }
+      });
+    },
+    detailData: function detailData(id, tp) {
+      if (tp && tp.id) {
+        this.$router.push({
+          name: "laporanTpDetail",
+          params: {
+            id: id
+          }
+        });
+      } else {
+        this.$router.push({
+          name: "laporanCuDetail",
+          params: {
+            id: id
+          }
+        });
+      }
+    },
+    columnGroup: function columnGroup(value) {
+      var i;
+
+      if (value == 'anggota') {
+        for (i = 0; i < this.columnData.length; i++) {
+          if ([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 48, 49].includes(i)) {
+            this.columnData[i].hide = false;
+          } else {
+            this.columnData[i].hide = true;
+          }
+        }
+      } else if (value == 'aset') {
+        for (i = 0; i < this.columnData.length; i++) {
+          if ([0, 1, 2, 3, 4, 5, 6, 13, 14, 15, 16, 17, 19, 22, 23, 45, 48, 49].includes(i)) {
+            this.columnData[i].hide = false;
+          } else {
+            this.columnData[i].hide = true;
+          }
+        }
+      } else if (value == 'shu') {
+        for (i = 0; i < this.columnData.length; i++) {
+          if ([0, 1, 2, 3, 4, 5, 6, 34, 35, 41, 42, 43, 44, 48, 49].includes(i)) {
+            this.columnData[i].hide = false;
+          } else {
+            this.columnData[i].hide = true;
+          }
+        }
+      } else if (value == 'piutang') {
+        for (i = 0; i < this.columnData.length; i++) {
+          if ([0, 1, 2, 3, 4, 5, 6, 27, 28, 29, 30, 31, 32, 33, 48, 49].includes(i)) {
+            this.columnData[i].hide = false;
+          } else {
+            this.columnData[i].hide = true;
+          }
+        }
+      } else if (value == 'semua') {
+        for (i = 0; i < this.columnData.length; i++) {
+          this.columnData[i].hide = false;
+        }
+      }
+    },
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.modalColor = "";
+      this.modalState = "confirm-tutup";
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
+
+      if (state == "hapus") {
+        this.modalTitle = "Hapus " + this.title + " ?";
+        this.modalButton = "Iya, Hapus";
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+      this.$store.dispatch(this.kelas + "/resetUpdateStat");
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == "hapus") {
+        if (this.selectedItem.tp) {
+          this.$store.dispatch("laporanTp/destroy", this.selectedItem.id);
+        } else {
+          this.$store.dispatch(this.kelas + "/destroy", this.selectedItem.id);
+        }
+      }
+    },
+    formatPeriode: function formatPeriode(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter("dateMonth")(value);
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("auth", {
+    currentUser: "currentUser"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("global", {
+    idCu: "idCu",
+    idTp: "idTp",
+    selectData: "data"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("cu", {
+    modelCU: "dataS",
+    modelCUStat: "dataStatS"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("tp", {
+    modelTp: "dataS",
+    modelTpStat: "dataStatS"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("laporanCu", {
+    totalData: "data",
+    totalDataStat: "dataStat",
+    itemData: "dataS",
+    itemDataStat: "dataStatS",
+    modelPeriode: "periode",
+    modelPeriodeStat: "periodeStat",
+    updateMessage: "update",
+    updateStat: "updateStat"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("laporanTp", {
+    updateMessageTp: "update",
+    updateStatTp: "updateStat"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("laporanTp", {
+    listLaporanTpData: "data2S",
+    listLaporanTpDataStat: "dataStat2S"
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
+/* harmony import */ var _formKatex_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./formKatex.vue */ "./resources/assets/js/views/laporanCu/formKatex.vue");
+/* harmony import */ var _itemPearls_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./itemPearls.vue */ "./resources/assets/js/views/laporanCu/itemPearls.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formKatex: _formKatex_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    itemPearls: _itemPearls_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
+  },
+  props: ["title", "kelas", "columnData"],
+  data: function data() {
+    return {
+      query: {
+        order_column: "periode",
+        order_direction: "desc",
+        filter_match: "and",
+        limit: 50,
+        page: 1
+      },
+      excelDownloadUrl: '',
+      selectedItem: [],
+      modalShow: false,
+      modalState: "",
+      modalTitle: "",
+      modalSize: "",
+      modalColor: "",
+      modalButton: "",
+      modalKatex: {
+        id: "",
+        id_cu: "",
+        no_ba: "",
+        periode: "",
+        section: "",
+        katex1: [],
+        katex2: [],
+        form: [],
+        indikator: "",
+        isUbah: false
+      }
+    };
+  },
+  created: function created() {
+    this.fetch(this.query);
+  },
+  watch: {
+    // check route changes
+    $route: function $route(to, from) {
+      this.isFirstLoad = true;
+      this.fetch(this.query);
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = "Ok";
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = "";
+        this.fetch(this.query);
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = "";
+      }
+    },
+    updateTpStat: function updateTpStat(value) {
+      this.modalState = value;
+      this.modalButton = "Ok";
+
+      if (value === "success") {
+        this.modalTitle = this.updateTpMessage.message;
+        this.modalContent = "";
+        this.fetch(this.query);
+      } else if (value === "fail") {
+        this.modalContent = this.updateTpMessage;
+      } else {
+        this.modalContent = "";
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch(params) {
+      this.columnData[7].disable = false;
+      this.columnData[20].disable = false;
+      this.columnData[21].disable = false;
+      this.columnData[22].disable = false;
+      this.columnData[23].disable = false;
+      this.columnData[24].disable = false;
+      this.columnData[25].disable = false;
+      this.columnData[26].disable = false;
+
+      if (this.$route.meta.mode == "periode") {
+        this.columnData[1].disable = false;
+        this.columnData[3].disable = false;
+        this.columnData[4].disable = false;
+        this.columnData[5].disable = false;
+        this.columnData[6].disable = false;
+        this.columnData[2].disable = true;
+        this.$store.dispatch(this.kelas + "/indexPearlsPeriode", [params, this.$route.params.periode]); // default route
+      } else if (this.$route.meta.mode == "cu") {
+        this.columnData[1].disable = true;
+        this.columnData[3].disable = true;
+        this.columnData[4].disable = true;
+
+        if (this.$route.params.tp == "konsolidasi") {
+          this.columnData[2].disable = false;
+          this.columnData[5].disable = false;
+          this.columnData[7].disable = false;
+          this.columnData[1].disable = true;
+          this.columnData[3].disable = true;
+          this.columnData[4].disable = true;
+          this.columnData[6].disable = true;
+          this.disableColumnTpName(true);
+          this.$store.dispatch(this.kelas + "/indexPearlsCu", [params, this.$route.params.cu]);
+        } else {
+          this.columnData[5].disable = false;
+          this.columnData[7].disable = false;
+          this.columnData[1].disable = true;
+          this.columnData[2].disable = true;
+          this.columnData[3].disable = true;
+          this.columnData[4].disable = true;
+          this.columnData[6].disable = true;
+          this.$store.dispatch(this.kelas + "/indexPearlsTp", [params, this.$route.params.tp]);
+        }
+      } else if (this.$route.meta.mode == "cuPeriode") {
+        this.columnData[2].disable = false;
+        this.columnData[5].disable = false;
+        this.columnData[7].disable = false;
+        this.columnData[1].disable = true;
+        this.columnData[3].disable = true;
+        this.columnData[4].disable = true;
+        this.columnData[6].disable = true;
+        this.$store.dispatch(this.kelas + "/indexPearlsTpPeriode", [params, this.$route.params.cu, this.$route.params.periode]);
+      } else {
+        this.columnData[1].disable = false;
+        this.columnData[3].disable = false;
+        this.columnData[4].disable = false;
+        this.columnData[5].disable = false;
+        this.columnData[6].disable = false;
+        this.columnData[2].disable = true;
+        this.$store.dispatch(this.kelas + "/indexPearls", params);
+      }
+    },
+    disableColumnCU: function disableColumnCU(status) {
+      this.columnData[1].disable = status;
+      this.columnData[3].disable = status;
+      this.columnData[4].disable = status;
+    },
+    disableColumnTp: function disableColumnTp(status) {
+      this.columnData[6].disable = status;
+    },
+    disableColumnTpName: function disableColumnTpName(status) {
+      this.columnData[2].disable = status;
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    ubahData: function ubahData(id, id_cu) {
+      this.$router.push({
+        name: this.kelas + "Edit",
+        params: {
+          id: id
+        }
+      });
+    },
+    modelKatexOpen: function modelKatexOpen(itemData, type) {
+      this.modalSize = "modal-lg";
+      this.modalColor = "bg-primary";
+      this.modalShow = true;
+      this.modalState = "normal1";
+      this.modalKatex.id = itemData.id;
+      this.modalKatex.periode = itemData.periode;
+
+      if (itemData.id_tp) {
+        this.modalKatex.id_cu = itemData.tp.id_cu;
+        this.modalKatex.no_ba = itemData.tp.cu.no_ba;
+        this.modalKatex.id_tp = itemData.id_tp;
+        this.modalKatex.no_tp = itemData.no_tp;
+        this.modalKatex.section = itemData.tp.name + ' periode ' + this.formatPeriode(itemData.periode);
+      } else {
+        this.modalKatex.id_tp = '';
+        this.modalKatex.no_tp = '';
+        this.modalKatex.id_cu = itemData.id_cu;
+        this.modalKatex.no_ba = itemData.no_ba;
+
+        if (itemData.cu) {
+          this.modalKatex.section = 'CU ' + itemData.cu.name + ' periode ' + this.formatPeriode(itemData.periode);
+        } else {
+          this.modalKatex.section = 'CU ' + itemData.cu_name + ' periode ' + this.formatPeriode(itemData.periode);
+        }
+      } // p1
+
+
+      if (type == "p1") {
+        this.modalTitle = "P1 - Provisi pinjaman lalai di atas 12 bulan";
+        this.modalKatex.form.push({
+          title: "Cadangan Resiko",
+          key: "dcr",
+          value: itemData.dcr
+        }, {
+          title: "Piutang Lalai Di Atas 12 Bulan",
+          key: "piutang_lalai_12bulan",
+          value: itemData.piutang_lalai_12bulan
+        });
+        this.modalKatex.indikator = "100% provisi tersedia untuk pinjaman lalai di atas 12 bulan dan setiap triwulan dilakukan charge off secara konsisten.";
+        var katex1Content1 = "\\text{P1} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{100} \\% (\\text{IDEAL})";
+        var katex2Content1 = "\\text{P1} = \\dfrac{" + this.formatCurrency(this.modalKatex.form[0].value) + "}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.p1) + " \\% (\\text{" + (itemData.p1 >= 1 ? "IDEAL" : "TIDAK IDEAL") + "})";
+        this.modalKatex.katex1.push({
+          title: "",
+          content: katex1Content1
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: katex2Content1
+        }); // p2
+      } else if (type == "p2") {
+        this.modalTitle = "P2 -  Provisi pinjaman lalai 1 - 12 bulan";
+        this.modalKatex.form.push({
+          title: "Cadangan Resiko",
+          key: "dcr",
+          value: itemData.dcr
+        }, {
+          title: "Piutang Lalai Di Atas 12 Bulan",
+          key: "piutang_lalai_12bulan",
+          value: itemData.piutang_lalai_12bulan
+        }, {
+          title: "Piutang Lalai 1 - 12 Bulan",
+          key: "piutang_lalai_1bulan",
+          value: itemData.piutang_lalai_1bulan
+        });
+        this.modalKatex.indikator = "35% provisi tersedia untuk pinjaman lalai 1 – 12 bulan dan setiap triwulan dilakukan charge off dari waktu ke waktu";
+
+        var _katex1Content = "\\text{P2} = \\dfrac{\\text{Saldo Cadangan Resiko setelah P1}[\\text{" + this.modalKatex.form[0].title + "} - \\text{" + this.modalKatex.form[1].title + "}]}{\\text{" + this.modalKatex.form[2].title + "}} \\times \\text{100} \\% = \\text{Di Atas 35} \\% (\\text{IDEAL})";
+
+        var _katex2Content = "\\text{P2} = \\dfrac{" + this.formatCurrency(this.modalKatex.form[0].value) + " - \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.p2) + " \\% (\\text{" + (itemData.p2 >= 0.35 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content
+        });
+
+        if (itemData.p1 >= 1) {
+          this.modalKatex.katex2.push({
+            title: "",
+            content: _katex2Content
+          });
+        } else {
+          this.modalKatex.katex2.push({
+            title: "Karena tidak ada saldo cadangan resiko setelah P1, maka P2 (TIDAK IDEAL)",
+            content: _katex2Content
+          });
+        } // e1
+
+      } else if (type == "e1") {
+        this.modalTitle = "E1 - Piutang bersih / total aset";
+
+        if (itemData.p1 >= 1 && itemData.p2 > 0.35) {
+          this.modalKatex.form.push({
+            title: "Piutang Beredar",
+            key: "piutang_beredar",
+            value: itemData.piutang_beredar
+          }, {
+            title: "Piutang Lalai Di Atas 12 Bulan",
+            key: "piutang_lalai_12bulan",
+            value: itemData.piutang_lalai_12bulan
+          }, {
+            title: "Piutang Lalai 1 - 12 Bulan",
+            key: "piutang_lalai_1bulan",
+            value: itemData.piutang_lalai_1bulan
+          }, {
+            title: "Aset",
+            key: "aset",
+            value: itemData.aset
+          });
+        } else {
+          this.modalKatex.form.push({
+            title: "Piutang Beredar",
+            key: "piutang_beredar",
+            value: itemData.piutang_beredar
+          }, {
+            title: "Cadangan Resiko",
+            key: "dcr",
+            value: itemData.dcr
+          }, {
+            title: "Aset",
+            key: "aset",
+            value: itemData.aset
+          });
+        }
+
+        this.modalKatex.indikator = "Rasio Piutang Bersih adalah 70% – 80% dari total aset dan portofolio pinjaman beragam dengan setidaknya 5 macam produk pinjaman yang berbeda";
+        var _katex1Content2 = "\\text{E1} = \\dfrac{\\text{Piutang Beredar} - ((\\text{100} \\% \\times \\text{Piutang Lalai Di Atas 12 Bulan}) + (\\text{35} \\% \\times \\text{Piutang Lalai 1 - 12 Bulan}))}{\\text{Aset}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\% (\\text{IDEAL})";
+        var katex1Content2 = "\\text{E1} = \\dfrac{\\text{Piutang Beredar} - \\text{Cadangan Resiko}}{\\text{Aset}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\% (\\text{IDEAL})";
+        var _katex2Content2 = "";
+        var katex2Title1 = "";
+
+        if (itemData.p1 >= 1 && itemData.p2 > 0.35) {
+          katex2Title1 = "Dikarenakan P1 dan P2 (IDEAL), maka rumus yang digunakan adalah rumus 1";
+          _katex2Content2 = "\\text{E1} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} - ((\\text{100} \\% \\times \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}) + (\\text{35} \\% \\times \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}))}{\\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e1) + " \\% (\\text{" + (itemData.e1 >= 0.7 && itemData.e1 <= 0.8 ? "IDEAL" : "TIDAK IDEAL") + "})";
+        } else {
+          katex2Title1 = "Dikarenakan P1 dan P2 (TIDAK IDEAL), maka rumus yang digunakan adalah rumus 2";
+          _katex2Content2 = "\\text{E1} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} - \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e1) + " \\% (\\text{" + (itemData.e1 >= 0.7 && itemData.e1 <= 0.8 ? "IDEAL" : "TIDAK IDEAL") + "})";
+        }
+
+        this.modalKatex.katex1.push({
+          title: "Rumus 1 - apabila P1 dan P2 (IDEAL)",
+          content: _katex1Content2
+        }, {
+          title: "Rumus 2 - apabila P1 dan P2 (TIDAK IDEAL)",
+          content: katex1Content2
+        });
+        this.modalKatex.katex2.push({
+          title: katex2Title1,
+          content: _katex2Content2
+        }); // e5
+      } else if (type == "e5") {
+        this.modalTitle = "E5 - Simpanan non saham / total aset";
+        this.modalKatex.form.push({
+          title: "Simpanan Non Saham Unggulan",
+          key: "nonsaham_unggulan",
+          value: itemData.nonsaham_unggulan
+        }, {
+          title: "Simpanan Non Saham Harian",
+          key: "nonsaham_harian",
+          value: itemData.nonsaham_harian
+        }, {
+          title: "Aset",
+          key: "aset",
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = "Rasio 70% – 80% dari total aset dan memiliki beragam jenis simpanan minimal 5 jenis produk simpanan yang berbeda.";
+
+        var _katex1Content3 = "\\text{E5} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "}}{\\text{" + this.modalKatex.form[2].title + "}} \\times \\text{100} \\% = \\text{70} \\% \\text{ Sampai } \\text{80} \\%(\\text{IDEAL})";
+
+        var _katex2Content3 = "\\text{E5} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e5) + " \\% (\\text{" + (itemData.e5 >= 0.7 && itemData.e5 <= 0.8 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content3
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content3
+        }); // e6
+      } else if (type == "e6") {
+        this.modalTitle = "E6 - Pinjaman kepada pihak luar terhadap total aset";
+        this.modalKatex.form.push({
+          title: "Total Hutang Pihak Ke-3",
+          key: "total_hutang_pihak3",
+          value: itemData.total_hutang_pihak3
+        }, {
+          title: "Aset",
+          key: "aset",
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = "Jumlah pinjaman kepada pihak eksternal 1% – 5% dari total aset.";
+
+        var _katex1Content4 = "\\text{E6} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})";
+
+        var _katex2Content4 = "\\text{E6} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e6) + " \\% ( \\text{" + (itemData.e6 <= 0.05 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content4
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content4
+        }); // e7
+      } else if (type == "e7") {
+        this.modalTitle = "E7 - Persentase total aset yang didanai dari simpanan saham";
+        this.modalKatex.form.push({
+          title: "Simpanan Saham",
+          key: "simpanan_saham",
+          value: itemData.simpanan_saham
+        }, {
+          title: "Aset",
+          key: "aset",
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = "10-20% total aset yang didanai dari simpanan saham";
+
+        var _katex1Content5 = "\\text{E7} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{10} \\% \\text{ Sampai } \\text{20} \\%(\\text{IDEAL})";
+
+        var _katex2Content5 = "\\text{E7} = \\dfrac{" + this.formatCurrency(this.modalKatex.form[0].value) + "}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e7) + " \\% (\\text{" + (itemData.e7 >= 0.1 && itemData.e7 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content5
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content5
+        }); // e9
+      } else if (type == "e9") {
+        this.modalTitle = "E9 - Modal lembaga bersih";
+        this.modalKatex.form.push({
+          title: "Cadangan Resiko",
+          key: "dcr",
+          value: itemData.dcr
+        }, {
+          title: "Cadangan Umum",
+          key: "dcu",
+          value: itemData.dcu
+        }, {
+          title: "Dana Gedung",
+          key: "dana_gedung",
+          value: itemData.dana_gedung
+        }, {
+          title: "Donasi",
+          key: "donasi",
+          value: itemData.donasi
+        }, {
+          title: "SHU Tahun Lalu",
+          key: "shu_lalu",
+          value: itemData.shu_lalu
+        }, {
+          title: "Piutang Lalai Di Atas 12 Bulan",
+          key: "piutang_lalai_12bulan",
+          value: itemData.piutang_lalai_12bulan
+        }, {
+          title: "Piutang Lalai 1 - 12 Bulan",
+          key: "piutang_lalai_1bulan",
+          value: itemData.piutang_lalai_1bulan
+        }, {
+          title: "Aset Bermasalah",
+          key: "aset_masalah",
+          value: itemData.aset_masalah
+        }, {
+          title: "Aset",
+          key: "aset",
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = "Modal lembaga bersih sebesar 10% dari total aset.";
+
+        var _katex1Content6 = "\\text{E9} = \\dfrac{(\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "} + \\text{" + this.modalKatex.form[2].title + "} + \\text{" + this.modalKatex.form[3].title + "} + \\text{" + this.modalKatex.form[4].title + "}) - ((\\text{100} \\% \\times \\text{" + this.modalKatex.form[5].title + "}) + (\\text{35} \\% \\times \\text{" + this.modalKatex.form[6].title + "}) + \\text{" + this.modalKatex.form[7].title + "})}{\\text{" + this.modalKatex.form[8].title + "}} \\times \\text{100} \\% = \\text{Lebih Dari Sama Dengan 10} \\% (\\text{IDEAL})";
+
+        var _katex2Content6 = "\\text{E9} = \\dfrac{(\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[4].value) + "}) - ((\\text{100} \\% \\times \\text{" + this.formatCurrency(this.modalKatex.form[5].value) + "}) + (\\text{35} \\% \\times \\text{" + this.formatCurrency(this.modalKatex.form[6].value) + "}) + \\text{" + this.formatCurrency(this.modalKatex.form[7].value) + "})}{\\text{" + this.formatCurrency(this.modalKatex.form[8].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.e9) + " \\% ( \\text{" + (itemData.e9 >= 0.1 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content6
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content6
+        }); // a1
+      } else if (type == "a1") {
+        this.modalTitle = "A1 - Total pinjaman lalai / total pinjaman beredar";
+        this.modalKatex.form.push({
+          title: "Piutang Lalai Di Atas 12 Bulan",
+          key: "piutang_lalai_12bulan",
+          value: itemData.piutang_lalai_12bulan
+        }, {
+          title: "Piutang Lalai 1 - 12 Bulan",
+          key: "piutang_lalai_1bulan",
+          value: itemData.piutang_lalai_1bulan
+        }, {
+          title: "Piutang Beredar",
+          key: "piutang_beredar",
+          value: itemData.piutang_beredar
+        });
+        this.modalKatex.indikator = "Total pinjaman lalai &le; 5% dari total pinjaman beredar.";
+
+        var _katex1Content7 = "\\text{A1} = \\dfrac{\\text{Total Pinjaman Lalai}[\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "}]}{\\text{" + this.modalKatex.form[2].title + "}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})";
+
+        var _katex2Content7 = "\\text{A1} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.a1) + " \\% ( \\text{" + (itemData.a1 <= 0.05 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content7
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content7
+        }); // a2
+      } else if (type == "a2") {
+        this.modalTitle = "A2 - Aset yang tidak menghasilkan / total aset";
+        this.modalKatex.form.push({
+          title: "Aset Tidak Menghasilkan",
+          key: "aset_tidak_menghasilkan",
+          value: itemData.aset_tidak_menghasilkan
+        }, {
+          title: "Aset",
+          key: "aset",
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = "Aset tidak menghasilkan 5% dari total aset.";
+
+        var _katex1Content8 = "\\text{A2} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{Kurang Dari Sama Dengan 5} \\% (\\text{IDEAL})";
+
+        var _katex2Content8 = "\\text{A2} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.a2) + " \\% ( \\text{" + (itemData.a2 <= 0.05 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content8
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content8
+        }); // r7
+      } else if (type == "r7") {
+        this.modalTitle = "R7 - BJS saham terhadap rata-rata aset";
+        this.modalKatex.form.push({
+          title: "BJS Saham",
+          key: "bjs_saham",
+          value: itemData.bjs_saham
+        }, {
+          title: "Simpanan Saham Bulan Desember",
+          key: "simpanan_saham_des",
+          value: itemData.simpanan_saham_des
+        }, {
+          title: "Simpanan Saham Bulan " + this.formatPeriodeMonth(itemData.periode),
+          key: "simpanan_saham",
+          value: itemData.simpanan_saham
+        }, {
+          title: "Simpanan Saham Tahun Lalu",
+          key: "simpanan_saham_lalu",
+          value: itemData.simpanan_saham_lalu
+        }, {
+          title: "Harga Pasar",
+          key: "harga_pasar",
+          value: itemData.harga_pasar
+        });
+        this.modalKatex.indikator = "Dividen saham dibayar 1% lebih tinggi daripada suku bunga pasar";
+
+        if (itemData.simpanan_saham_des != 0) {
+          var _katex1Content9 = "\\text{R7} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{Simpanan Saham Rata-rata}(\\frac{\\text{" + this.modalKatex.form[1].title + "} + \\text{" + this.modalKatex.form[2].title + "}}{\\text{Jumlah Bulan Berjalan}} \\times \\text{12})} \\times \\text{100} \\% = \\text{Harga Pasar} \\% (\\text{IDEAL})";
+
+          var _katex2Content9 = "\\text{R7} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "}}{(\\frac{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}}{\\text{" + this.formatPeriodeMonth(itemData.periode) + "}} \\times \\text{12})} \\times \\text{100} \\% = " + this.formatPercentage(itemData.r7_1) + " \\% ( \\text{" + (itemData.r7_1 == itemData.harga_pasar ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+          this.modalKatex.katex1.push({
+            title: "Jika simpanan saham bersumber dari saldo bulan desember tahun lalu",
+            content: _katex1Content9
+          });
+          this.modalKatex.katex2.push({
+            title: "",
+            content: _katex2Content9
+          });
+        }
+
+        if (itemData.simpanan_saham_lalu != 0) {
+          var _katex1Content10 = "\\text{R7} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "}}{\\text{Simpanan Saham Rata-rata}(\\frac{\\text{" + this.modalKatex.form[3].title + "} + \\text{" + this.modalKatex.form[2].title + "}}{\\text{2}})} \\times \\text{100} \\% = \\text{Harga Pasar} \\% (\\text{IDEAL})";
+
+          var katex2Content2 = "\\text{R7} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "}}{(\\frac{\\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}}{\\text{2}})} \\times \\text{100} \\% = " + this.formatPercentage(itemData.r7_2) + " \\% ( \\text{" + (itemData.r7_2 == itemData.harga_pasar ? "IDEAL" : "TIDAK IDEAL") + "})";
+          this.modalKatex.katex1.push({
+            title: "Jika simpanan saham bersumber dari saldo tahun lalu bulan " + this.formatPeriodeMonth(itemData.periode),
+            content: _katex1Content10
+          });
+          this.modalKatex.katex2.push({
+            title: "",
+            content: katex2Content2
+          });
+        } //r9
+
+      } else if (type == "r9") {
+        this.modalTitle = "R9 - Biaya operasional terhadap rata-rata aset";
+        this.modalKatex.form.push({
+          title: "Total Biaya",
+          key: "total_biaya",
+          value: itemData.total_biaya
+        }, {
+          title: "Beban Penyisihan Cadangan Resiko",
+          key: "beban_penyisihan_dcr",
+          value: itemData.beban_penyisihan_dcr
+        }, {
+          title: "Aset",
+          key: "aset",
+          value: itemData.aset
+        }, {
+          title: "Aset Tahun Lalu",
+          key: "aset_lalu",
+          value: itemData.aset_lalu
+        });
+        this.modalKatex.indikator = "Beban operasional terhadap rata-rata aset sebesar 5%.";
+
+        var _katex1Content11 = "\\text{R9} = \\dfrac{\\text{Beban Operasional}(\\text{" + this.modalKatex.form[0].title + "} - \\text{" + this.modalKatex.form[1].title + "})}{\\text{Rata-rata Aset}(\\frac{\\text{" + this.modalKatex.form[2].title + "} + \\text{" + this.modalKatex.form[3].title + "}}{\\text{2}})} \\times \\text{100} \\% <= \\text{5} \\% (\\text{IDEAL})";
+
+        var _katex2Content10 = "\\text{R9} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} - \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\frac{\\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "}}{\\text{2}}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.r9) + " \\% ( \\text{" + (itemData.r9 <= 0.05 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content11
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content10
+        }); //l1
+      } else if (type == "l1") {
+        this.modalTitle = "L1 - (investasi likuid + aset-aset likuid - hutang jangka pendek < 30 hari) / simpanan non saham";
+        this.modalKatex.form.push({
+          title: "Investasi Likuid",
+          key: "investasi_likuid",
+          value: itemData.investasi_likuid
+        }, {
+          title: "Aset Likuid Tidak Menghasilkan",
+          key: "aset_likuid_tidak_menghasilkan",
+          value: itemData.aset_likuid_tidak_menghasilkan
+        }, {
+          title: "Hutang Tidak Berbiaya < 30 Hari",
+          key: "hutang_tidak_berbiaya_30hari",
+          value: itemData.hutang_tidak_berbiaya_30hari
+        }, {
+          title: "Total Simpanan Non Saham",
+          key: "tot_nonsaham",
+          value: itemData.tot_nonsaham
+        });
+        this.modalKatex.indikator = "Likuiditas sebesar 15% dari total simpanan non saham tetapi tidak melampaui 20% dari total aset.";
+
+        var _katex1Content12 = "\\text{L1} = \\dfrac{(\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "}) - \\text{" + this.modalKatex.form[2].title + "}}{\\text{" + this.modalKatex.form[3].title + "}} \\times \\text{100} \\% = \\text{15} \\% \\text{ Sampai } \\text{20} \\% (\\text{IDEAL})";
+
+        var _katex2Content11 = "\\text{L1} = \\dfrac{(\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}) - \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.l1) + " \\% (\\text{" + (itemData.l1 >= 0.15 && itemData.l1 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content12
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content11
+        }); //l2
+      } else if (type == "l2") {
+        this.modalTitle = "L2 - Likuiditas untuk memenuhi permintaan penarikan setelah membayar semua kewajiban < 30 hari";
+        this.modalKatex.form.push({
+          title: "Investasi Likuid",
+          key: "investasi_likuid",
+          value: itemData.investasi_likuid
+        }, {
+          title: "Aset Likuid Tidak Menghasilkan",
+          key: "aset_likuid_tidak_menghasilkan",
+          value: itemData.aset_likuid_tidak_menghasilkan
+        }, {
+          title: "Hutang Tidak Berbiaya < 30 Hari",
+          key: "hutang_tidak_berbiaya_30hari",
+          value: itemData.hutang_tidak_berbiaya_30hari
+        }, {
+          title: "Aset",
+          key: "aset",
+          value: itemData.aset
+        });
+        this.modalKatex.indikator = "Likuiditas sebesar 15% dari total simpanan non saham tetapi tidak melampaui 20% dari total aset.";
+
+        var _katex1Content13 = "\\text{L1} = \\dfrac{(\\text{" + this.modalKatex.form[0].title + "} + \\text{" + this.modalKatex.form[1].title + "}) - \\text{" + this.modalKatex.form[2].title + "}}{\\text{" + this.modalKatex.form[3].title + "}} \\times \\text{100} \\% = \\text{15} \\% \\text{ Sampai } \\text{20} \\% (\\text{IDEAL})";
+
+        var _katex2Content12 = "\\text{L1} = \\dfrac{(\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} + \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}) - \\text{" + this.formatCurrency(this.modalKatex.form[2].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[3].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.l1) + " \\% (\\text{" + (itemData.l1 >= 0.15 && itemData.l1 <= 0.2 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content13
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content12
+        }); //s10
+      } else if (type == "s10") {
+        this.modalTitle = "S10 - Pertumbuhan anggota";
+        this.modalKatex.form.push({
+          title: "Lelaki Biasa",
+          key: "l_biasa",
+          value: itemData.l_biasa
+        }, {
+          title: "Lelaki L. Biasa",
+          key: "l_lbiasa",
+          value: itemData.l_lbiasa
+        }, {
+          title: "Perempuan Biasa",
+          key: "p_biasa",
+          value: itemData.p_biasa
+        }, {
+          title: "Perempuan L.Biasa",
+          key: "p_lbiasa",
+          value: itemData.p_lbiasa
+        }, {
+          title: "Total Anggota",
+          key: "total_anggota",
+          value: itemData.total_anggota,
+          hideForm: true
+        }, {
+          title: "Total Anggota Tahun Lalu",
+          key: "total_anggota_lalu",
+          value: itemData.total_anggota_lalu
+        });
+        this.modalKatex.indikator = "Pertumbuhan anggota di atas 12% per tahun.";
+
+        var _katex1Content14 = "\\text{s10} = \\dfrac{\\text{" + this.modalKatex.form[4].title + "} - \\text{" + this.modalKatex.form[5].title + "}}{\\text{" + this.modalKatex.form[5].title + "}} \\times \\text{100} \\% = \\text{Di Atas 12} \\% (\\text{IDEAL})";
+
+        var _katex2Content13 = "\\text{s10} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[4].value) + "} - \\text{" + this.formatCurrency(this.modalKatex.form[5].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[5].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.s10) + " \\% ( \\text{" + (itemData.s10 > 0.12 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content14
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content13
+        }); //s11
+      } else if (type == "s11") {
+        this.modalTitle = "S11 - Pertumbuhan aset";
+        this.modalKatex.form.push({
+          title: "Aset",
+          key: "aset",
+          value: itemData.aset
+        }, {
+          title: "Aset Tahun Lalu",
+          key: "aset_lalu",
+          value: itemData.aset_lalu
+        });
+        this.modalKatex.indikator = "Pertumbuhan aset 10% di atas laju inflasi.";
+
+        var _katex1Content15 = "\\text{s11} = \\dfrac{\\text{" + this.modalKatex.form[0].title + "} - \\text{" + this.modalKatex.form[1].title + "}}{\\text{" + this.modalKatex.form[1].title + "}} \\times \\text{100} \\% = \\text{10} \\% \\text{ Di Atas Laju Inflasi} (\\text{IDEAL})";
+
+        var _katex2Content14 = "\\text{S11} = \\dfrac{\\text{" + this.formatCurrency(this.modalKatex.form[0].value) + "} - \\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}}{\\text{" + this.formatCurrency(this.modalKatex.form[1].value) + "}} \\times \\text{100} \\% = " + this.formatPercentage(itemData.s11) + " \\% ( \\text{" + (itemData.s11 > itemData.laju_inflasi + 0.1 ? "IDEAL" : "TIDAK IDEAL") + "})";
+
+        this.modalKatex.katex1.push({
+          title: "",
+          content: _katex1Content15
+        });
+        this.modalKatex.katex2.push({
+          title: "",
+          content: _katex2Content14
+        });
+      }
+    },
+    modalKatexReset: function modalKatexReset() {
+      this.modalKatex.isUbah = false;
+      this.modalKatex.katex1 = [];
+      this.modalKatex.katex2 = [];
+      this.modalKatex.form = [];
+    },
+    modalConfirmOpen: function modalConfirmOpen(source, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.modalState = "confirm-tutup";
+      this.source = source;
+
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
+
+      if (source == "hapus") {
+        this.modalTitle = "Hapus " + this.title + " " + this.selectedItem.name + " ?";
+        this.modalButton = "Iya, Hapus";
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalSize = "";
+      this.modalShow = false;
+      this.modalKatexReset(); //reset modal katex
+
+      this.$store.dispatch(this.kelas + "/resetUpdateStat");
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.source == "hapus") {
+        this.$store.dispatch(this.kelas + "/destroy", this.selectedItem.id);
+      }
+
+      this.modalSize = "";
+    },
+    formatPeriode: function formatPeriode(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter("dateMonth")(value);
+    },
+    formatPeriodeMonth: function formatPeriodeMonth(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter("month")(value);
+    },
+    formatCurrency: function formatCurrency(value) {
+      if (value) {
+        return this.$options.filters.currency(value, "", 0, {
+          thousandsSeparator: "."
+        });
+      } else {
+        return "(-)";
+      }
+    },
+    formatPercentage: function formatPercentage(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter("percentage2")(value, 2);
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("global", {
+    idCu: "idCu",
+    idTp: "idTp",
+    selectData: "data"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("cu", {
+    modelCU: "dataS",
+    modelCUStat: "dataStatS"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("tp", {
+    modelTp: "dataS",
+    modelTpStat: "dataStatS"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("laporanCu", {
+    itemData: "pearls",
+    itemDataStat: "pearlsStat",
+    periodeData: "periode",
+    periodeStat: "periodeStat",
+    updateMessage: "update",
+    updateStat: "updateStat"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("laporanTp", {
+    updateTpMessage: "update",
+    updateTpStat: "updateStat"
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css&":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css& ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+exports.i(__webpack_require__(/*! -!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/katex/dist/katex.min.css */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/katex/dist/katex.min.css"), "");
+
+// module
+exports.push([module.i, "\n", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
+
+//# sourceMappingURL=FileSaver.min.js.map
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css&":
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css& ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
+  \************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "button",
+      {
+        staticClass: "btn btn-link btn-block",
+        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
+        on: { click: _vm.btnClick },
+      },
+      [
+        _vm.clicked
+          ? _c("span", [
+              _c("i", { staticClass: "icon-arrow-up12" }),
+              _vm._v(" Kembali "),
+              _c("i", { staticClass: "icon-arrow-up12" }),
+            ])
+          : _c("span", [
+              _c("i", { staticClass: "icon-arrow-down12" }),
+              _vm._v(" Selengkapnya "),
+              _c("i", { staticClass: "icon-arrow-down12" }),
+            ]),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=template&id=92de98c6&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/index.vue?vue&type=template&id=92de98c6& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemPearlsStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemPearls,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("select-data", {
+                attrs: { kelas: _vm.kelas, isPus: false, isNo_ba: true },
+              }),
+              _vm._v(" "),
+              _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
+                _c(
+                  "ul",
+                  { staticClass: "nav nav-tabs nav-tabs-solid bg-light" },
+                  [
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "table" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("table")
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-table2 mr-2" }),
+                          _vm._v(" Tabel Statistik"),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "tablePearls" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("tablePearls")
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-table2 mr-2" }),
+                          _vm._v(" Tabel P.E.A.R.L.S"),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "infografis" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("infografis")
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-graph mr-2" }),
+                          _vm._v(" Infografis Statistik"),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "infografisPearls" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("infografisPearls")
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-graph mr-2" }),
+                          _vm._v(" Infografis P.E.A.R.L.S"),
+                        ]
+                      ),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _c(
+                    "div",
+                    {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.tabName == "table",
+                          expression: "tabName == 'table'",
+                        },
+                      ],
+                    },
+                    [
+                      _c("table-data", {
+                        attrs: {
+                          title: _vm.title,
+                          kelas: _vm.kelas,
+                          columnData: _vm.columnData,
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _vm.isTablePearls
+                    ? _c(
+                        "div",
+                        {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.tabName == "tablePearls",
+                              expression: "tabName == 'tablePearls'",
+                            },
+                          ],
+                        },
+                        [
+                          _c("table-pearls", {
+                            attrs: {
+                              title: _vm.titlePearls,
+                              kelas: _vm.kelas,
+                              columnData: _vm.columnDataPearls,
+                            },
+                          }),
+                        ],
+                        1
+                      )
+                    : _vm._e(),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _vm.isInfografis
+                    ? _c(
+                        "div",
+                        {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.tabName == "infografis",
+                              expression: "tabName == 'infografis'",
+                            },
+                          ],
+                        },
+                        [
+                          _c("infografis-data", {
+                            attrs: {
+                              title: _vm.title,
+                              kelas: _vm.kelas,
+                              columnData: _vm.columnData,
+                            },
+                          }),
+                        ],
+                        1
+                      )
+                    : _vm._e(),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _vm.isInfografisPearls
+                    ? _c(
+                        "div",
+                        {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.tabName == "infografisPearls",
+                              expression: "tabName == 'infografisPearls'",
+                            },
+                          ],
+                        },
+                        [
+                          _c("infografis-pearls-data", {
+                            attrs: {
+                              title: _vm.titlePearls,
+                              kelas: _vm.kelas,
+                              columnData: _vm.columnDataPearls,
+                            },
+                          }),
+                        ],
+                        1
+                      )
+                    : _vm._e(),
+                ]
+              ),
+            ],
+            1
+          ),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/select.vue?vue&type=template&id=e22cc27e&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/select.vue?vue&type=template&id=e22cc27e& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "card d-print-none" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("div", { staticClass: "row" }, [
+          this.currentUser.id_cu === 0
+            ? _c("div", { staticClass: "col-sm-5" }, [
+                this.currentUser.id_cu === 0
+                  ? _c("div", { staticClass: "input-group" }, [
+                      _vm._m(0),
+                      _vm._v(" "),
+                      _c(
+                        "select",
+                        {
+                          directives: [
+                            {
+                              name: "model",
+                              rawName: "v-model",
+                              value: _vm.idCu,
+                              expression: "idCu",
+                            },
+                          ],
+                          staticClass: "form-control",
+                          attrs: {
+                            name: "idCu",
+                            "data-width": "100%",
+                            disabled: _vm.modelCuStat === "loading",
+                          },
+                          on: {
+                            change: [
+                              function ($event) {
+                                var $$selectedVal = Array.prototype.filter
+                                  .call($event.target.options, function (o) {
+                                    return o.selected
+                                  })
+                                  .map(function (o) {
+                                    var val = "_value" in o ? o._value : o.value
+                                    return val
+                                  })
+                                _vm.idCu = $event.target.multiple
+                                  ? $$selectedVal
+                                  : $$selectedVal[0]
+                              },
+                              function ($event) {
+                                return _vm.changeCu($event.target.value)
+                              },
+                            ],
+                          },
+                        },
+                        [
+                          _c("option", { attrs: { disabled: "", value: "" } }, [
+                            _vm._v("Silahkan pilih data"),
+                          ]),
+                          _vm._v(" "),
+                          _vm._t("default"),
+                          _vm._v(" "),
+                          _c("option", { attrs: { value: "semua" } }, [
+                            _vm._v("Semua CU"),
+                          ]),
+                          _vm._v(" "),
+                          _c("option", { attrs: { disabled: "", value: "" } }, [
+                            _vm._v("----------------"),
+                          ]),
+                          _vm._v(" "),
+                          _vm._l(_vm.modelCu, function (cu) {
+                            return cu
+                              ? _c("option", { domProps: { value: cu.id } }, [
+                                  _vm._v(_vm._s(cu.name)),
+                                ])
+                              : _vm._e()
+                          }),
+                        ],
+                        2
+                      ),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "input-group-append" }, [
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light",
+                            attrs: { disabled: _vm.modelCuStat === "loading" },
+                            on: { click: _vm.fetchCU },
+                          },
+                          [
+                            _c("i", {
+                              staticClass: "icon-sync",
+                              class: { spinner: _vm.modelCuStat === "loading" },
+                            }),
+                          ]
+                        ),
+                      ]),
+                    ])
+                  : _vm._e(),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.idCu == "semua"
+            ? _c("div", { staticClass: "col-sm-5" }, [
+                this.currentUser.id_cu === 0
+                  ? _c("div", { staticClass: "input-group" }, [
+                      _vm._m(1),
+                      _vm._v(" "),
+                      _c(
+                        "select",
+                        {
+                          directives: [
+                            {
+                              name: "model",
+                              rawName: "v-model",
+                              value: _vm.periode,
+                              expression: "periode",
+                            },
+                          ],
+                          staticClass: "form-control",
+                          attrs: {
+                            name: "periode",
+                            "data-width": "100%",
+                            disabled: _vm.modelPeriodeStat === "loading",
+                          },
+                          on: {
+                            change: function ($event) {
+                              var $$selectedVal = Array.prototype.filter
+                                .call($event.target.options, function (o) {
+                                  return o.selected
+                                })
+                                .map(function (o) {
+                                  var val = "_value" in o ? o._value : o.value
+                                  return val
+                                })
+                              _vm.periode = $event.target.multiple
+                                ? $$selectedVal
+                                : $$selectedVal[0]
+                            },
+                          },
+                        },
+                        [
+                          _c("option", { attrs: { disabled: "", value: "" } }, [
+                            _vm._v("Silahkan pilih periode laporan"),
+                          ]),
+                          _vm._v(" "),
+                          _vm._t("default"),
+                          _vm._v(" "),
+                          _vm._l(_vm.modelPeriode, function (periode) {
+                            return periode
+                              ? _c(
+                                  "option",
+                                  { domProps: { value: periode.periode } },
+                                  [
+                                    _vm._v(
+                                      _vm._s(
+                                        _vm._f("dateMonth")(periode.periode)
+                                      )
+                                    ),
+                                  ]
+                                )
+                              : _vm._e()
+                          }),
+                        ],
+                        2
+                      ),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "input-group-append" }, [
+                        _c(
+                          "button",
+                          {
+                            staticClass: "btn btn-light",
+                            attrs: {
+                              disabled: _vm.modelPeriodeStat === "loading",
+                            },
+                            on: { click: _vm.fetchPeriode },
+                          },
+                          [
+                            _c("i", {
+                              staticClass: "icon-sync",
+                              class: {
+                                spinner: _vm.modelPeriodeStat === "loading",
+                              },
+                            }),
+                          ]
+                        ),
+                      ]),
+                    ])
+                  : _vm._e(),
+              ])
+            : _c("div", { class: _vm.classTp() }, [
+                _c("div", { staticClass: "input-group" }, [
+                  _vm._m(2),
+                  _vm._v(" "),
+                  _c(
+                    "select",
+                    {
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.idTp,
+                          expression: "idTp",
+                        },
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        name: "tp",
+                        "data-width": "100%",
+                        disabled: _vm.modelTpStat === "loading",
+                      },
+                      on: {
+                        change: [
+                          function ($event) {
+                            var $$selectedVal = Array.prototype.filter
+                              .call($event.target.options, function (o) {
+                                return o.selected
+                              })
+                              .map(function (o) {
+                                var val = "_value" in o ? o._value : o.value
+                                return val
+                              })
+                            _vm.idTp = $event.target.multiple
+                              ? $$selectedVal
+                              : $$selectedVal[0]
+                          },
+                          function ($event) {
+                            return _vm.changeTp($event.target.value)
+                          },
+                        ],
+                      },
+                    },
+                    [
+                      _c("option", { attrs: { disabled: "", value: "" } }, [
+                        _vm._v("Silahkan pilih TP/KP"),
+                      ]),
+                      _vm._v(" "),
+                      _c("option", { attrs: { value: "konsolidasi" } }, [
+                        _vm._v("Konsolidasi"),
+                      ]),
+                      _vm._v(" "),
+                      _c("option", { attrs: { value: "semua" } }, [
+                        _vm._v("Semua Tp"),
+                      ]),
+                      _vm._v(" "),
+                      _c("option", { attrs: { disabled: "", value: "" } }, [
+                        _vm._v("----------------"),
+                      ]),
+                      _vm._v(" "),
+                      _vm._l(_vm.modelTp, function (tp) {
+                        return tp
+                          ? _c("option", { domProps: { value: tp.id } }, [
+                              _vm._v(_vm._s(tp.name)),
+                            ])
+                          : _vm._e()
+                      }),
+                    ],
+                    2
+                  ),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "input-group-append" }, [
+                    _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-light",
+                        attrs: { disabled: _vm.modelPeriodeStat === "loading" },
+                        on: { click: _vm.fetchPeriode },
+                      },
+                      [
+                        _c("i", {
+                          staticClass: "icon-sync",
+                          class: { spinner: _vm.modelCuStat === "loading" },
+                        }),
+                      ]
+                    ),
+                  ]),
+                ]),
+              ]),
+          _vm._v(" "),
+          _vm.idTp == "semua" && _vm.idCu != "semua"
+            ? _c(
+                "div",
+                {
+                  class: [
+                    {
+                      "col-sm-10":
+                        _vm.currentUser.id_cu == 0 && _vm.idTp == "semua",
+                      "col-sm-6":
+                        _vm.currentUser.id_cu != 0 && _vm.idTp == "semua",
+                    },
+                    { "pt-2": _vm.currentUser.id_cu == 0 },
+                  ],
+                },
+                [
+                  _c("div", { staticClass: "input-group" }, [
+                    _vm._m(3),
+                    _vm._v(" "),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.periodeTp,
+                            expression: "periodeTp",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          name: "periodeTp",
+                          "data-width": "100%",
+                          disabled: _vm.modelPeriodeTpStat === "loading",
+                        },
+                        on: {
+                          change: [
+                            function ($event) {
+                              var $$selectedVal = Array.prototype.filter
+                                .call($event.target.options, function (o) {
+                                  return o.selected
+                                })
+                                .map(function (o) {
+                                  var val = "_value" in o ? o._value : o.value
+                                  return val
+                                })
+                              _vm.periodeTp = $event.target.multiple
+                                ? $$selectedVal
+                                : $$selectedVal[0]
+                            },
+                            function ($event) {
+                              return _vm.changeTpPeriode($event.target.value)
+                            },
+                          ],
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "" } }, [
+                          _vm._v("Silahkan pilih periode laporan Tp"),
+                        ]),
+                        _vm._v(" "),
+                        _vm._t("default"),
+                        _vm._v(" "),
+                        _vm._l(_vm.modelPeriodeTp, function (periode) {
+                          return periode
+                            ? _c(
+                                "option",
+                                { domProps: { value: periode.periode } },
+                                [
+                                  _vm._v(
+                                    _vm._s(_vm._f("dateMonth")(periode.periode))
+                                  ),
+                                ]
+                              )
+                            : _vm._e()
+                        }),
+                      ],
+                      2
+                    ),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "input-group-append" }, [
+                      _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light",
+                          attrs: {
+                            disabled: _vm.modelPeriodeTpStat === "loading",
+                          },
+                          on: { click: _vm.fetchPeriodeTp },
+                        },
+                        [
+                          _c("i", {
+                            staticClass: "icon-sync",
+                            class: {
+                              spinner: _vm.modelPeriodeTpStat === "loading",
+                            },
+                          }),
+                        ]
+                      ),
+                    ]),
+                  ]),
+                ]
+              )
+            : _vm._e(),
+          _vm._v(" "),
+          this.currentUser.id_cu === 0
+            ? _c(
+                "div",
+                {
+                  staticClass: "col-sm-2",
+                  class: { "pt-2": _vm.idCu != "semua" && _vm.idTp == "semua" },
+                },
+                [
+                  _vm.itemDataStat != "loading"
+                    ? _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light btn-icon btn-block",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.fetch()
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-folder-open3" }),
+                          _vm._v("  Tampilkan\n\t\t\t\t\t"),
+                        ]
+                      )
+                    : _c(
+                        "button",
+                        {
+                          staticClass: "btn btn-light btn-icon btn-block",
+                          attrs: { type: "button" },
+                        },
+                        [_c("i", { staticClass: "icon-sync spinner" })]
+                      ),
+                ]
+              )
+            : _vm._e(),
+        ]),
+      ]),
+    ]),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Data")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [
+        _vm._v("Pilih Periode"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih TP/KP")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [
+        _vm._v("Pilih Periode"),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/table.vue?vue&type=template&id=702be899&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/table.vue?vue&type=template&id=702be899& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c(
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            excelUploads: _vm.excelUploads,
+          },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                        "bg-warning":
+                          props.item.periode < _vm.periode &&
+                          _vm.selectedItem.id !== props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
+                      },
+                    },
+                    [
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide && !_vm.columnData[1].disable
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.cu_name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide && !_vm.columnData[2].disable
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.tp_name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.no_ba },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide && !_vm.columnData[4].disable
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.provinces_name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c("td", [
+                            props.item.periode < _vm.periode
+                              ? _c(
+                                  "span",
+                                  {
+                                    directives: [
+                                      {
+                                        name: "tooltip",
+                                        rawName: "v-tooltip:top",
+                                        value:
+                                          "Laporan ini bukanlah laporan periode " +
+                                          _vm.formatPeriode(_vm.periode),
+                                        expression:
+                                          "'Laporan ini bukanlah laporan periode ' + formatPeriode(periode)",
+                                        arg: "top",
+                                      },
+                                    ],
+                                    staticClass: "label label-warning",
+                                  },
+                                  [
+                                    _c("i", {
+                                      staticClass: "icon-alert text-size-base",
+                                    }),
+                                  ]
+                                )
+                              : _vm._e(),
+                            _vm._v(
+                              "\n\t\t\t\t\t\t \n\t\t\t\t\t\t" +
+                                _vm._s(
+                                  _vm._f("dateMonth")(props.item.periode)
+                                ) +
+                                "\n\t\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide && !_vm.columnData[6].disable
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.tp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.l_biasa,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.l_lbiasa,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[9].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.p_biasa,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[10].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.p_lbiasa,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[11].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.total_anggota,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[12].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.total_anggota_lalu,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[13].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.aset,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[14].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.aset_lalu,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[15].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.aset_masalah,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[16].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.aset_tidak_menghasilkan,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[17].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value:
+                                    props.item.aset_likuid_tidak_menghasilkan,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[18].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.aktiva_lancar,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[19].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.simpanan_saham,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[20].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.simpanan_saham_lalu,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[21].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.simpanan_saham_des,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[22].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.nonsaham_unggulan,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[23].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.nonsaham_harian,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[24].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.hutang_spd,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[25].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value:
+                                    props.item.hutang_tidak_berbiaya_30hari,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[26].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.total_hutang_pihak3,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[27].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.piutang_beredar,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[28].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.piutang_bersih,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[29].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.piutang_anggota,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[30].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.piutang_lalai_1bulan,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[31].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.piutang_lalai_12bulan,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[32].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.rasio_beredar,
+                                  valueType: "percentage",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[33].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.rasio_lalai,
+                                  valueType: "percentage",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[34].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.dcr,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[35].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.dcu,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[36].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.dana_gedung,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[37].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.donasi,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[38].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.bjs_saham,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[39].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.beban_penyisihan_dcr,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[40].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.investasi_likuid,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[41].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.total_pendapatan,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[42].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.total_biaya,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[43].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.shu,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[44].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.shu_lalu,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[45].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.rata_aset,
+                                  valueType: "currency",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[46].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.laju_inflasi / 100,
+                                  valueType: "percentage",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[47].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.harga_pasar / 100,
+                                  valueType: "percentage",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[48].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[49].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
+              },
+            },
+          ]),
+        },
+        [
+          _c("template", { slot: "button-kolom" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block btn-icon mb-1",
+                attrs: {
+                  type: "button",
+                  disabled: _vm.itemDataStat === "loading",
+                },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.columnGroup("anggota")
+                  },
+                },
+              },
+              [_vm._v("\n\t\t\t\t\tAnggota\n\t\t\t\t")]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block btn-icon mb-1",
+                attrs: {
+                  type: "button",
+                  disabled: _vm.itemDataStat === "loading",
+                },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.columnGroup("aset")
+                  },
+                },
+              },
+              [_vm._v("\n\t\t\t\t\tAset\n\t\t\t\t")]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block btn-icon mb-1",
+                attrs: {
+                  type: "button",
+                  disabled: _vm.itemDataStat === "loading",
+                },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.columnGroup("shu")
+                  },
+                },
+              },
+              [_vm._v("\n\t\t\t\t\tSHU\n\t\t\t\t")]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                directives: [
+                  {
+                    name: "tooltip",
+                    rawName: "v-tooltip:top",
+                    value: "Kolom Piutang",
+                    expression: "'Kolom Piutang'",
+                    arg: "top",
+                  },
+                ],
+                staticClass: "btn btn-light btn-block btn-icon mb-1",
+                attrs: {
+                  type: "button",
+                  disabled: _vm.itemDataStat === "loading",
+                },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.columnGroup("piutang")
+                  },
+                },
+              },
+              [_vm._v("\n\t\t\t\t\tPiutang\n\t\t\t\t")]
+            ),
+          ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_laporan_cu"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_laporan_cu"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(
+                            _vm.selectedItem.id,
+                            _vm.selectedItem.tp
+                          )
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_laporan_cu"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_laporan_cu"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.detailData(
+                            _vm.selectedItem.id,
+                            _vm.selectedItem.tp
+                          )
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-stack2" }),
+                      _vm._v(" Detail\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can["upload_laporan_cu"] &&
+              _vm.laporanCuDraftCountStat == "success" &&
+              _vm.laporanCuDraftCount > 0
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { to: { name: "laporanCuDraft" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-table2" }),
+                      _vm._v(" Laporan Statistik CU [DRAFT]\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can["upload_laporan_tp"] &&
+              _vm.laporanTpDraftCountStat == "success" &&
+              _vm.laporanTpDraftCount > 0
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { to: { name: "laporanTpDraft" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-table2" }),
+                      _vm._v(" Laporan Statistik TP/KP [DRAFT]\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_laporan_cu"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_laporan_cu"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(
+                            _vm.selectedItem.id,
+                            _vm.selectedItem.tp
+                          )
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_laporan_cu"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_laporan_cu"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.detailData(
+                            _vm.selectedItem.id,
+                            _vm.selectedItem.tp
+                          )
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-stack2" }),
+                      _vm._v(" Detail\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can["upload_laporan_cu"] &&
+              _vm.laporanCuDraftCountStat == "success" &&
+              _vm.laporanCuDraftCount > 0
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { to: { name: "laporanCuDraft" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-table2" }),
+                      _vm._v(" Laporan Statistik CU [DRAFT]\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can["upload_laporan_tp"] &&
+              _vm.laporanTpDraftCountStat == "success" &&
+              _vm.laporanTpDraftCount > 0
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { to: { name: "laporanTpDraft" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-table2" }),
+                      _vm._v(" Laporan Statistik TP/KP [DRAFT]\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            color: _vm.modalColor,
+            button: _vm.modalButton,
+            content: _vm.modalContent,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v(_vm._s(_vm.modalTitle)),
+          ]),
+          _vm._v(" "),
+          _c("template", { slot: "modal-body1" }, [
+            _c(
+              "div",
+              { staticClass: "alert bg-info alert-styled-left mt-1 pt-1 pb-1" },
+              [
+                _c("p", [
+                  _vm._v(
+                    "Laporan ini merupakan laporan konsolidasi dari beberapa laporan di Tp. Oleh karena hal tersebut maka untuk\n\t\t\t\t\t\tmelakukan perubahan pada laporan konsolidasi mesti melakukan perubahan pada laporan Tp yang dapat dipilih\n\t\t\t\t\t\tdibawah:"
+                  ),
+                ]),
+              ]
+            ),
+            _vm._v(" "),
+            _c("hr"),
+            _vm._v(" "),
+            _c(
+              "div",
+              { staticClass: "row" },
+              _vm._l(_vm.listLaporanTpData, function (index, laporanTp) {
+                return _c(
+                  "div",
+                  { key: index, staticClass: "col-md-6  pt-1 pb-1" },
+                  [
+                    _c(
+                      "a",
+                      {
+                        staticClass: "btn btn-light btn-block",
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.ubahLaporanTp(laporanTp.id)
+                          },
+                        },
+                      },
+                      [
+                        _c("i", { staticClass: "icon-pencil5" }),
+                        _vm._v(
+                          "\n\t\t\t\t\t\t\tUbah Laporan " +
+                            _vm._s(laporanTp.tp.name)
+                        ),
+                      ]
+                    ),
+                  ]
+                )
+              }),
+              0
+            ),
+            _vm._v(" "),
+            _c("hr"),
+            _vm._v(" "),
+            _c("div", { staticClass: "text-center d-none d-md-block" }, [
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light",
+                  attrs: { type: "button" },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalTutup.apply(null, arguments)
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-cross" }),
+                  _vm._v(" Tutup\n\t\t\t\t\t"),
+                ]
+              ),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "d-block d-md-none" }, [
+              _c(
+                "button",
+                {
+                  directives: [
+                    {
+                      name: "tooltip",
+                      rawName: "v-tooltip:top",
+                      value: "Tutup",
+                      expression: "'Tutup'",
+                      arg: "top",
+                    },
+                  ],
+                  staticClass: "btn btn-light btn-block",
+                  attrs: { type: "button" },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.modalTutup.apply(null, arguments)
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-cross" }),
+                  _vm._v(" Tutup\n\t\t\t\t\t"),
+                ]
+              ),
+            ]),
+          ]),
+        ],
+        2
       ),
-    ])
-  },
-]
+    ],
+    1
+  )
+}
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/form.vue?vue&type=template&id=3ca88a34&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelKategori/form.vue?vue&type=template&id=3ca88a34& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=template&id=dd85c334&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=template&id=dd85c334& ***!
+  \**************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -872,375 +4497,582 @@ var render = function () {
   return _c(
     "div",
     [
-      _c("page-header", {
+      _c("data-viewer", {
         attrs: {
           title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
+          columnData: _vm.columnData,
+          itemData: _vm.itemData,
+          query: _vm.query,
+          itemDataStat: _vm.itemDataStat,
+          excelDownloadUrl: _vm.excelDownloadUrl,
+          isUploadExcel: true,
         },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops, terjadi kesalahan",
-                      errorItem: _vm.errors.items,
+        on: { fetch: _vm.fetch },
+        scopedSlots: _vm._u([
+          {
+            key: "item-desktop",
+            fn: function (props) {
+              return [
+                _c(
+                  "tr",
+                  {
+                    staticClass: "text-nowrap",
+                    class: {
+                      "bg-info": _vm.selectedItem.id === props.item.id,
+                      "bg-warning":
+                        props.item.periode < _vm.selectData &&
+                        _vm.selectedItem.id !== props.item.id &&
+                        _vm.idCu == "semua",
                     },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "form",
-                {
-                  attrs: { "data-vv-scope": "form" },
-                  on: {
-                    submit: function ($event) {
-                      $event.preventDefault()
-                      return _vm.save.apply(null, arguments)
+                    on: {
+                      click: function ($event) {
+                        return _vm.selectedRow(props.item)
+                      },
                     },
                   },
-                },
-                [
-                  _c("div", { staticClass: "card" }, [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.name"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.name"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.name")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|min:5",
-                                    expression: "'required|min:5'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.name,
-                                    expression: "form.name",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "name",
-                                  placeholder:
-                                    "Silahkan masukkan nama kategori artikel",
-                                  "data-vv-as": "Nama",
-                                },
-                                domProps: { value: _vm.form.name },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "name",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.name")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.name")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
+                  [
+                    !_vm.columnData[0].hide
+                      ? _c("td", [
+                          _vm._v(
+                            "\n\t\t\t\t\t\t" +
+                              _vm._s(
+                                props.index +
+                                  1 +
+                                  (+_vm.itemData.current_page - 1) *
+                                    +_vm.itemData.per_page +
+                                  "."
+                              ) +
+                              "\n\t\t\t\t\t"
                           ),
-                        ]),
-                        _vm._v(" "),
-                        _vm.currentUser.id_cu == 0
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c(
-                                "div",
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[1].hide && !_vm.columnData[1].disable
+                      ? _c(
+                          "td",
+                          [
+                            _c("check-value", {
+                              attrs: { value: props.item.cu_name },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[2].hide && !_vm.columnData[2].disable
+                      ? _c(
+                          "td",
+                          [
+                            _c("check-value", {
+                              attrs: { value: props.item.tp_name },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[3].hide && !_vm.columnData[3].disable
+                      ? _c(
+                          "td",
+                          [
+                            _c("check-value", {
+                              attrs: { value: props.item.no_ba },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[4].hide && !_vm.columnData[4].disable
+                      ? _c(
+                          "td",
+                          [
+                            _c("check-value", {
+                              attrs: { value: props.item.provinces_name },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[5].hide
+                      ? _c("td", [
+                          props.item.periode < _vm.selectData &&
+                          _vm.idCu == "semua"
+                            ? _c(
+                                "span",
                                 {
-                                  staticClass: "form-group",
-                                  class: {
-                                    "has-error": _vm.errors.has("form.id_cu"),
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "h5",
-                                    {
-                                      class: {
-                                        "text-danger":
-                                          _vm.errors.has("form.id_cu"),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has("form.id_cu")
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "select",
+                                  directives: [
                                     {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.id_cu,
-                                          expression: "form.id_cu",
-                                        },
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "id_cu",
-                                        "data-width": "100%",
-                                        "data-vv-as": "CU",
-                                        disabled: _vm.modelCU.length === 0,
-                                      },
-                                      on: {
-                                        change: function ($event) {
-                                          var $$selectedVal =
-                                            Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function (o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function (o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                          _vm.$set(
-                                            _vm.form,
-                                            "id_cu",
-                                            $event.target.multiple
-                                              ? $$selectedVal
-                                              : $$selectedVal[0]
-                                          )
-                                        },
-                                      },
+                                      name: "tooltip",
+                                      rawName: "v-tooltip:top",
+                                      value:
+                                        "Laporan ini bukanlah laporan periode " +
+                                        _vm.formatPeriode(_vm.selectData),
+                                      expression:
+                                        "'Laporan ini bukanlah laporan periode ' + formatPeriode(selectData)",
+                                      arg: "top",
                                     },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [_vm._v("Silahkan pilih CU")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "0" } }, [
-                                        _vm.currentUser.pus
-                                          ? _c("span", [
-                                              _vm._v(
-                                                _vm._s(_vm.currentUser.pus.name)
-                                              ),
-                                            ])
-                                          : _c("span", [_vm._v("PUSKOPCUINA")]),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [_vm._v("----------------")]
-                                      ),
-                                      _vm._v(" "),
-                                      _vm._l(_vm.modelCU, function (cu) {
-                                        return _c(
-                                          "option",
-                                          { domProps: { value: cu.id } },
-                                          [_vm._v(_vm._s(cu.name))]
-                                        )
-                                      }),
-                                    ],
-                                    2
-                                  ),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.id_cu")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first("form.id_cu")
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]
-                              ),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h5", [
-                              _vm._v(
-                                "\n\t\t\t\t\t\t\t\t\t\t\tKeterangan:\n\t\t\t\t\t\t\t\t\t\t"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("textarea", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.deskripsi,
-                                  expression: "form.deskripsi",
+                                  ],
+                                  staticClass: "label label-warning",
                                 },
-                              ],
-                              staticClass: "form-control",
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-alert text-size-base",
+                                  }),
+                                ]
+                              )
+                            : _vm._e(),
+                          _vm._v(
+                            "\n\t\t\t\t\t\t \n\t\t\t\t\t\t" +
+                              _vm._s(_vm._f("dateMonth")(props.item.periode)) +
+                              "\n\t\t\t\t\t"
+                          ),
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[6].hide && !_vm.columnData[6].disable
+                      ? _c(
+                          "td",
+                          [
+                            _c("check-value", {
+                              attrs: { value: props.item.tp },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[7].hide && !_vm.columnData[7].disable
+                      ? _c(
+                          "td",
+                          [
+                            _c("check-value", {
+                              attrs: { value: props.item.tot_ideal },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[8].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "p1")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "p1", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[9].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "p2")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "p2", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[10].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "e1")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "e1", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[11].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "e5")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "e5", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[12].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "e6")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "e6", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[13].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "e7")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "e7", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[14].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "e9")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "e9", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[15].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "a1")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "a1", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[16].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "a2")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "a2", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[17].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "r7")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "r7", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[18].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "r9")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "r9", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[19].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "l1")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "l1", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[20].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "l2")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "l2", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[21].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "s10")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "s10", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[22].hide
+                      ? _c(
+                          "td",
+                          {
+                            staticStyle: { cursor: "pointer" },
+                            on: {
+                              click: function ($event) {
+                                $event.preventDefault()
+                                return _vm.modelKatexOpen(props.item, "s11")
+                              },
+                            },
+                          },
+                          [
+                            _c("item-pearls", {
+                              attrs: { type: "s11", props: props.item },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[23].hide
+                      ? _c(
+                          "td",
+                          [
+                            _c("check-value", {
                               attrs: {
-                                rows: "5",
-                                type: "text",
-                                name: "deskripsi",
-                                placeholder:
-                                  "Silahkan masukkan keterangan kategori",
+                                value: props.item.harga_pasar / 100,
+                                valueType: "percentage",
                               },
-                              domProps: { value: _vm.form.deskripsi },
-                              on: {
-                                input: function ($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.form,
-                                    "deskripsi",
-                                    $event.target.value
-                                  )
-                                },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[24].hide
+                      ? _c(
+                          "td",
+                          [
+                            _c("check-value", {
+                              attrs: {
+                                value: props.item.laju_inflasi / 100,
+                                valueType: "percentage",
                               },
                             }),
-                          ]),
-                        ]),
-                      ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("form-info"),
-                  _vm._v(" "),
-                  _c("br"),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "panel panel-flat panel-body" },
-                    [
-                      _c("form-button", {
-                        attrs: {
-                          cancelState: "methods",
-                          formValidation: "form",
-                        },
-                        on: { cancelClick: _vm.back },
-                      }),
-                    ],
-                    1
-                  ),
-                ],
-                1
-              ),
-            ],
-            1
-          ),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[25].hide
+                      ? _c("td", {
+                          domProps: {
+                            innerHTML: _vm._s(
+                              _vm.$options.filters.dateTime(
+                                props.item.created_at
+                              )
+                            ),
+                          },
+                        })
+                      : _vm._e(),
+                    _vm._v(" "),
+                    !_vm.columnData[26].hide
+                      ? _c("td", [
+                          props.item.created_at !== props.item.updated_at
+                            ? _c("span", {
+                                domProps: {
+                                  innerHTML: _vm._s(
+                                    _vm.$options.filters.dateTime(
+                                      props.item.updated_at
+                                    )
+                                  ),
+                                },
+                              })
+                            : _c("span", [_vm._v("-")]),
+                        ])
+                      : _vm._e(),
+                  ]
+                ),
+              ]
+            },
+          },
         ]),
-      ]),
+      }),
       _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          content: _vm.modalContent,
-          color: _vm.modalColor,
-        },
-        on: {
-          batal: _vm.modalTutup,
-          tutup: _vm.modalTutup,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalBackgroundClick,
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
+            button: _vm.modalButton,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
         },
-      }),
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v(_vm._s(_vm.modalTitle)),
+          ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body1" },
+            [
+              _c("form-katex", {
+                attrs: { kelas: _vm.kelas, modalKatex: _vm.modalKatex },
+                on: { tutup: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
     ],
     1
   )
@@ -1252,17 +5084,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* harmony import */ var _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
+/* harmony import */ var _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1272,9 +5104,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1284,55 +5116,57 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/ImageUpload.vue"
+component.options.__file = "resources/assets/js/components/collapseButton.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/laporanCu/index.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/index.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _index_vue_vue_type_template_id_92de98c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=92de98c6& */ "./resources/assets/js/views/laporanCu/index.vue?vue&type=template&id=92de98c6&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
 
 
 
@@ -1340,10 +5174,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_92de98c6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_92de98c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1353,55 +5187,71 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/formInfo.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/index.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/index.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css& ***!
+  \****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/laporanCu/index.vue?vue&type=template&id=92de98c6&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/index.vue?vue&type=template&id=92de98c6& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_92de98c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=92de98c6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/index.vue?vue&type=template&id=92de98c6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_92de98c6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_92de98c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/laporanCu/select.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/select.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _select_vue_vue_type_template_id_e22cc27e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./select.vue?vue&type=template&id=e22cc27e& */ "./resources/assets/js/views/laporanCu/select.vue?vue&type=template&id=e22cc27e&");
+/* harmony import */ var _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./select.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/select.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1410,9 +5260,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _select_vue_vue_type_template_id_e22cc27e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _select_vue_vue_type_template_id_e22cc27e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1422,55 +5272,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/select.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/select.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/select.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/select.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/select.vue?vue&type=template&id=e22cc27e&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/select.vue?vue&type=template&id=e22cc27e& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_e22cc27e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=template&id=e22cc27e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/select.vue?vue&type=template&id=e22cc27e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_e22cc27e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_e22cc27e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue":
+/***/ "./resources/assets/js/views/laporanCu/table.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue ***!
+  !*** ./resources/assets/js/views/laporanCu/table.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _table_vue_vue_type_template_id_702be899___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=702be899& */ "./resources/assets/js/views/laporanCu/table.vue?vue&type=template&id=702be899&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1479,9 +5329,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_702be899___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_702be899___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1491,105 +5341,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/wajibBadge.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/laporanCu/table.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/laporanCu/table.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/***/ "./resources/assets/js/views/laporanCu/table.vue?vue&type=template&id=702be899&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  !*** ./resources/assets/js/views/laporanCu/table.vue?vue&type=template&id=702be899& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
-/***/ }),
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_702be899___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=702be899& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/table.vue?vue&type=template&id=702be899&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_702be899___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/***/ "./resources/assets/js/helpers/form.js":
-/*!*********************************************!*\
-  !*** ./resources/assets/js/helpers/form.js ***!
-  \*********************************************/
-/*! exports provided: toMulipartedForm, objectToFormData */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function toMulipartedForm(form, mode) {
-  if (mode === 'edit' && typeof form.image === 'string') {
-    var temp = JSON.parse(JSON.stringify(form));
-    delete temp.image;
-    return temp;
-  } else {
-    return objectToFormData(form);
-  }
-}
-function objectToFormData(obj, form, namespace) {
-  var fd = form || new FormData();
-  var formKey;
-
-  for (var property in obj) {
-    if (obj.hasOwnProperty(property)) {
-      if (namespace) {
-        formKey = namespace + '[' + property + ']';
-      } else {
-        formKey = property;
-      }
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_702be899___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
-      if (obj[property] instanceof Array) {
-        for (var i = 0; i < obj[property].length; i++) {
-          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
-        }
-      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
-        objectToFormData(obj[property], fd, property);
-      } else {
-        fd.append(formKey, obj[property]);
-      }
-    }
-  }
 
-  return fd;
-}
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelKategori/form.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/artikelKategori/form.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/tablePearls.vue":
+/*!*************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/tablePearls.vue ***!
+  \*************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_3ca88a34___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=3ca88a34& */ "./resources/assets/js/views/artikelKategori/form.vue?vue&type=template&id=3ca88a34&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelKategori/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _tablePearls_vue_vue_type_template_id_dd85c334___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tablePearls.vue?vue&type=template&id=dd85c334& */ "./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=template&id=dd85c334&");
+/* harmony import */ var _tablePearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tablePearls.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1599,9 +5398,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_3ca88a34___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_3ca88a34___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _tablePearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _tablePearls_vue_vue_type_template_id_dd85c334___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _tablePearls_vue_vue_type_template_id_dd85c334___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1611,38 +5410,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikelKategori/form.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/tablePearls.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelKategori/form.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelKategori/form.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tablePearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./tablePearls.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tablePearls_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelKategori/form.vue?vue&type=template&id=3ca88a34&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelKategori/form.vue?vue&type=template&id=3ca88a34& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=template&id=dd85c334&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=template&id=dd85c334& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3ca88a34___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=3ca88a34& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/form.vue?vue&type=template&id=3ca88a34&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3ca88a34___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tablePearls_vue_vue_type_template_id_dd85c334___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./tablePearls.vue?vue&type=template&id=dd85c334& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/tablePearls.vue?vue&type=template&id=dd85c334&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tablePearls_vue_vue_type_template_id_dd85c334___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3ca88a34___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tablePearls_vue_vue_type_template_id_dd85c334___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/65.js b/public/js/components/65.js
index 7b4e91161..2dd53ef90 100644
--- a/public/js/components/65.js
+++ b/public/js/components/65.js
@@ -261,10 +261,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/form.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelPenulis/form.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/form.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelKategori/form.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -395,19 +395,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -429,11 +416,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Tambah Penulis',
-      titleDesc: 'Menambah penulis artikel baru',
+      title: 'Tambah Kategori Artikel',
+      titleDesc: 'Menambah kategori artikel baru',
       titleIcon: 'icon-plus3',
-      kelas: 'artikelPenulis',
-      level2Title: 'Penulis Artikel',
+      kelas: 'artikelKategori',
+      level2Title: 'Kategori Artikel',
       modalShow: false,
       modalState: '',
       modalTitle: '',
@@ -442,16 +429,19 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       submited: false
     };
   },
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
   created: function created() {
-    this.fetch();
-
     if (this.currentUser.id_cu == 0) {
       if (this.modelCuStat != 'success') {
         this.$store.dispatch('cu/getHeader');
       }
-    } else {
-      this.form.id_cu = this.currentUser.id_cu;
     }
+
+    this.form.id_cu = this.currentUser.id_cu;
   },
   watch: {
     formStat: function formStat(value) {
@@ -459,7 +449,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         if (this.$route.meta.mode !== 'edit') {
           this.form.id_cu = this.currentUser.id_cu;
         } else {
-          this.checkUser('update_artikel_penulis', this.form.id_cu);
+          this.checkUser('update_artikel_kategori', this.form.id_cu);
         }
       }
     },
@@ -478,20 +468,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   methods: {
     fetch: function fetch() {
-      if (this.currentUser.id_cu == 0) {
-        if (this.modelCuStat != 'success') {
-          this.$store.dispatch('cu/getHeader');
-        }
-      }
-
       if (this.$route.meta.mode === 'edit') {
         this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Penulis Artikel';
-        this.titleDesc = 'Mengubah Penulis artikel';
+        this.title = 'Ubah Kategori Artikel';
+        this.titleDesc = 'Mengubah kategori artikel';
         this.titleIcon = 'icon-pencil5';
       } else {
-        this.title = 'Tambah Penulis Artikel';
-        this.titleDesc = 'Menambah Penulis artikel';
+        this.title = 'Tambah Kategori Artikel';
+        this.titleDesc = 'Menambah kategori artikel';
         this.titleIcon = 'icon-plus3';
         this.$store.dispatch(this.kelas + '/create');
       }
@@ -512,13 +496,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     save: function save() {
       var _this = this;
 
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
       this.$validator.validateAll('form').then(function (result) {
         if (result) {
           if (_this.$route.meta.mode == 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
           } else {
-            _this.$store.dispatch(_this.kelas + '/store', formData);
+            _this.$store.dispatch(_this.kelas + '/store', _this.form);
           }
 
           _this.submited = false;
@@ -579,14 +562,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       } else {
         this.modalShow = false;
       }
-    },
-    processFile: function processFile(event) {
-      this.form.gambar = event.target.files[0];
     }
   },
   computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelPenulis', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelKategori', {
     form: 'data',
     formStat: 'dataStat',
     rules: 'rules',
@@ -874,10 +854,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/form.vue?vue&type=template&id=1eb48afc&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelPenulis/form.vue?vue&type=template&id=1eb48afc& ***!
-  \************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/form.vue?vue&type=template&id=3ca88a34&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelKategori/form.vue?vue&type=template&id=3ca88a34& ***!
+  \*************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -909,7 +889,7 @@ var render = function () {
       }),
       _vm._v(" "),
       _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper " }, [
+        _c("div", { staticClass: "content-wrapper" }, [
           _c(
             "div",
             { staticClass: "content" },
@@ -926,10 +906,7 @@ var render = function () {
               _c(
                 "form",
                 {
-                  attrs: {
-                    enctype: "multipart/form-data",
-                    "data-vv-scope": "form",
-                  },
+                  attrs: { "data-vv-scope": "form" },
                   on: {
                     submit: function ($event) {
                       $event.preventDefault()
@@ -941,31 +918,6 @@ var render = function () {
                   _c("div", { staticClass: "card" }, [
                     _c("div", { staticClass: "card-body" }, [
                       _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Foto:")]),
-                              _vm._v(" "),
-                              _c("app-image-upload", {
-                                attrs: {
-                                  image_loc: "/images/artikel/",
-                                  image_temp: _vm.form.gambar,
-                                },
-                                model: {
-                                  value: _vm.form.gambar,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "gambar", $$v)
-                                  },
-                                  expression: "form.gambar",
-                                },
-                              }),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
                         _c("div", { staticClass: "col-md-12" }, [
                           _c(
                             "div",
@@ -987,7 +939,7 @@ var render = function () {
                                   _vm.errors.has("form.name")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tNama: "),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
                                   _c("wajib-badge"),
                                 ],
                                 1
@@ -1013,7 +965,7 @@ var render = function () {
                                   type: "text",
                                   name: "name",
                                   placeholder:
-                                    "Silahkan masukkan nama penulis artikel",
+                                    "Silahkan masukkan nama kategori artikel",
                                   "data-vv-as": "Nama",
                                 },
                                 domProps: { value: _vm.form.name },
@@ -1044,7 +996,7 @@ var render = function () {
                                           _vm._s(
                                             _vm.errors.first("form.name")
                                           ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
                                       ),
                                     ]
                                   )
@@ -1055,7 +1007,7 @@ var render = function () {
                           ),
                         ]),
                         _vm._v(" "),
-                        _vm.currentUser.id_cu === 0
+                        _vm.currentUser.id_cu == 0
                           ? _c("div", { staticClass: "col-md-12" }, [
                               _c(
                                 "div",
@@ -1080,7 +1032,7 @@ var render = function () {
                                             staticClass: "icon-cross2",
                                           })
                                         : _vm._e(),
-                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tCU: "),
+                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
                                       _c("wajib-badge"),
                                     ],
                                     1
@@ -1187,7 +1139,7 @@ var render = function () {
                                               _vm._s(
                                                 _vm.errors.first("form.id_cu")
                                               ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
                                           ),
                                         ]
                                       )
@@ -1205,7 +1157,7 @@ var render = function () {
                           _c("div", { staticClass: "form-group" }, [
                             _c("h5", [
                               _vm._v(
-                                "\n\t\t\t\t\t\t\t\t\t\t\t\tProfil:\n\t\t\t\t\t\t\t\t\t\t\t"
+                                "\n\t\t\t\t\t\t\t\t\t\t\tKeterangan:\n\t\t\t\t\t\t\t\t\t\t"
                               ),
                             ]),
                             _vm._v(" "),
@@ -1222,8 +1174,9 @@ var render = function () {
                               attrs: {
                                 rows: "5",
                                 type: "text",
-                                name: "penulisDeskripsi",
-                                placeholder: "Silahkan masukkan profil penulis",
+                                name: "deskripsi",
+                                placeholder:
+                                  "Silahkan masukkan keterangan kategori",
                               },
                               domProps: { value: _vm.form.deskripsi },
                               on: {
@@ -1251,7 +1204,7 @@ var render = function () {
                   _vm._v(" "),
                   _c(
                     "div",
-                    { staticClass: "card card-body" },
+                    { staticClass: "panel panel-flat panel-body" },
                     [
                       _c("form-button", {
                         attrs: {
@@ -1626,17 +1579,17 @@ function objectToFormData(obj, form, namespace) {
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelPenulis/form.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/artikelPenulis/form.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/artikelKategori/form.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/artikelKategori/form.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_1eb48afc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=1eb48afc& */ "./resources/assets/js/views/artikelPenulis/form.vue?vue&type=template&id=1eb48afc&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelPenulis/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_3ca88a34___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=3ca88a34& */ "./resources/assets/js/views/artikelKategori/form.vue?vue&type=template&id=3ca88a34&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelKategori/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1647,8 +1600,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_1eb48afc___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_1eb48afc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_template_id_3ca88a34___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_3ca88a34___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1658,38 +1611,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikelPenulis/form.vue"
+component.options.__file = "resources/assets/js/views/artikelKategori/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelPenulis/form.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelPenulis/form.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/artikelKategori/form.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelKategori/form.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikelPenulis/form.vue?vue&type=template&id=1eb48afc&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikelPenulis/form.vue?vue&type=template&id=1eb48afc& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/artikelKategori/form.vue?vue&type=template&id=3ca88a34&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelKategori/form.vue?vue&type=template&id=3ca88a34& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_1eb48afc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=1eb48afc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/form.vue?vue&type=template&id=1eb48afc&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_1eb48afc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3ca88a34___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=3ca88a34& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelKategori/form.vue?vue&type=template&id=3ca88a34&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3ca88a34___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_1eb48afc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3ca88a34___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/66.js b/public/js/components/66.js
index 78e9d5607..85f7437b0 100644
--- a/public/js/components/66.js
+++ b/public/js/components/66.js
@@ -261,10 +261,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/form.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumenKategori/form.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/form.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelPenulis/form.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -395,6 +395,19 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -416,11 +429,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Tambah Kategori Dokumen',
-      titleDesc: 'Menambah kategori dokumen baru',
+      title: 'Tambah Penulis',
+      titleDesc: 'Menambah penulis artikel baru',
       titleIcon: 'icon-plus3',
-      kelas: 'dokumenKategori',
-      level2Title: 'Kategori Dokumen',
+      kelas: 'artikelPenulis',
+      level2Title: 'Penulis Artikel',
       modalShow: false,
       modalState: '',
       modalTitle: '',
@@ -429,19 +442,16 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       submited: false
     };
   },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
   created: function created() {
+    this.fetch();
+
     if (this.currentUser.id_cu == 0) {
       if (this.modelCuStat != 'success') {
         this.$store.dispatch('cu/getHeader');
       }
+    } else {
+      this.form.id_cu = this.currentUser.id_cu;
     }
-
-    this.form.id_cu = this.currentUser.id_cu;
   },
   watch: {
     formStat: function formStat(value) {
@@ -449,7 +459,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         if (this.$route.meta.mode !== 'edit') {
           this.form.id_cu = this.currentUser.id_cu;
         } else {
-          this.checkUser('update_dokumen_kategori', this.form.id_cu);
+          this.checkUser('update_artikel_penulis', this.form.id_cu);
         }
       }
     },
@@ -468,14 +478,20 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   methods: {
     fetch: function fetch() {
+      if (this.currentUser.id_cu == 0) {
+        if (this.modelCuStat != 'success') {
+          this.$store.dispatch('cu/getHeader');
+        }
+      }
+
       if (this.$route.meta.mode === 'edit') {
         this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Kategori Dokumen';
-        this.titleDesc = 'Mengubah kategori dokumen';
+        this.title = 'Ubah Penulis Artikel';
+        this.titleDesc = 'Mengubah Penulis artikel';
         this.titleIcon = 'icon-pencil5';
       } else {
-        this.title = 'Tambah Kategori Dokumen';
-        this.titleDesc = 'Menambah kategori dokumen';
+        this.title = 'Tambah Penulis Artikel';
+        this.titleDesc = 'Menambah Penulis artikel';
         this.titleIcon = 'icon-plus3';
         this.$store.dispatch(this.kelas + '/create');
       }
@@ -496,12 +512,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     save: function save() {
       var _this = this;
 
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
       this.$validator.validateAll('form').then(function (result) {
         if (result) {
           if (_this.$route.meta.mode == 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
           } else {
-            _this.$store.dispatch(_this.kelas + '/store', _this.form);
+            _this.$store.dispatch(_this.kelas + '/store', formData);
           }
 
           _this.submited = false;
@@ -562,11 +579,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       } else {
         this.modalShow = false;
       }
+    },
+    processFile: function processFile(event) {
+      this.form.gambar = event.target.files[0];
     }
   },
   computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumenKategori', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelPenulis', {
     form: 'data',
     formStat: 'dataStat',
     rules: 'rules',
@@ -854,10 +874,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/form.vue?vue&type=template&id=f2106302&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumenKategori/form.vue?vue&type=template&id=f2106302& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/form.vue?vue&type=template&id=1eb48afc&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikelPenulis/form.vue?vue&type=template&id=1eb48afc& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -889,7 +909,7 @@ var render = function () {
       }),
       _vm._v(" "),
       _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
+        _c("div", { staticClass: "content-wrapper " }, [
           _c(
             "div",
             { staticClass: "content" },
@@ -906,7 +926,10 @@ var render = function () {
               _c(
                 "form",
                 {
-                  attrs: { "data-vv-scope": "form" },
+                  attrs: {
+                    enctype: "multipart/form-data",
+                    "data-vv-scope": "form",
+                  },
                   on: {
                     submit: function ($event) {
                       $event.preventDefault()
@@ -918,6 +941,31 @@ var render = function () {
                   _c("div", { staticClass: "card" }, [
                     _c("div", { staticClass: "card-body" }, [
                       _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Foto:")]),
+                              _vm._v(" "),
+                              _c("app-image-upload", {
+                                attrs: {
+                                  image_loc: "/images/artikel/",
+                                  image_temp: _vm.form.gambar,
+                                },
+                                model: {
+                                  value: _vm.form.gambar,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "gambar", $$v)
+                                  },
+                                  expression: "form.gambar",
+                                },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
                         _c("div", { staticClass: "col-md-12" }, [
                           _c(
                             "div",
@@ -939,7 +987,7 @@ var render = function () {
                                   _vm.errors.has("form.name")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tNama: "),
                                   _c("wajib-badge"),
                                 ],
                                 1
@@ -965,7 +1013,7 @@ var render = function () {
                                   type: "text",
                                   name: "name",
                                   placeholder:
-                                    "Silahkan masukkan nama kategori dokumen",
+                                    "Silahkan masukkan nama penulis artikel",
                                   "data-vv-as": "Nama",
                                 },
                                 domProps: { value: _vm.form.name },
@@ -996,7 +1044,7 @@ var render = function () {
                                           _vm._s(
                                             _vm.errors.first("form.name")
                                           ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
                                       ),
                                     ]
                                   )
@@ -1007,7 +1055,7 @@ var render = function () {
                           ),
                         ]),
                         _vm._v(" "),
-                        _vm.currentUser.id_cu == 0
+                        _vm.currentUser.id_cu === 0
                           ? _c("div", { staticClass: "col-md-12" }, [
                               _c(
                                 "div",
@@ -1032,7 +1080,7 @@ var render = function () {
                                             staticClass: "icon-cross2",
                                           })
                                         : _vm._e(),
-                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
+                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tCU: "),
                                       _c("wajib-badge"),
                                     ],
                                     1
@@ -1139,7 +1187,7 @@ var render = function () {
                                               _vm._s(
                                                 _vm.errors.first("form.id_cu")
                                               ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                              "\n\t\t\t\t\t\t\t\t\t\t\t"
                                           ),
                                         ]
                                       )
@@ -1157,7 +1205,7 @@ var render = function () {
                           _c("div", { staticClass: "form-group" }, [
                             _c("h5", [
                               _vm._v(
-                                "\n\t\t\t\t\t\t\t\t\t\t\tKeterangan:\n\t\t\t\t\t\t\t\t\t\t"
+                                "\n\t\t\t\t\t\t\t\t\t\t\t\tProfil:\n\t\t\t\t\t\t\t\t\t\t\t"
                               ),
                             ]),
                             _vm._v(" "),
@@ -1174,9 +1222,8 @@ var render = function () {
                               attrs: {
                                 rows: "5",
                                 type: "text",
-                                name: "deskripsi",
-                                placeholder:
-                                  "Silahkan masukkan keterangan kategori",
+                                name: "penulisDeskripsi",
+                                placeholder: "Silahkan masukkan profil penulis",
                               },
                               domProps: { value: _vm.form.deskripsi },
                               on: {
@@ -1204,7 +1251,7 @@ var render = function () {
                   _vm._v(" "),
                   _c(
                     "div",
-                    { staticClass: "panel panel-flat panel-body" },
+                    { staticClass: "card card-body" },
                     [
                       _c("form-button", {
                         attrs: {
@@ -1579,17 +1626,17 @@ function objectToFormData(obj, form, namespace) {
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumenKategori/form.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/dokumenKategori/form.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/views/artikelPenulis/form.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/artikelPenulis/form.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_f2106302___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=f2106302& */ "./resources/assets/js/views/dokumenKategori/form.vue?vue&type=template&id=f2106302&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumenKategori/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_1eb48afc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=1eb48afc& */ "./resources/assets/js/views/artikelPenulis/form.vue?vue&type=template&id=1eb48afc&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikelPenulis/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1600,8 +1647,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_f2106302___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_f2106302___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_template_id_1eb48afc___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_1eb48afc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1611,38 +1658,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/dokumenKategori/form.vue"
+component.options.__file = "resources/assets/js/views/artikelPenulis/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumenKategori/form.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumenKategori/form.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/artikelPenulis/form.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelPenulis/form.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumenKategori/form.vue?vue&type=template&id=f2106302&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumenKategori/form.vue?vue&type=template&id=f2106302& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/artikelPenulis/form.vue?vue&type=template&id=1eb48afc&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikelPenulis/form.vue?vue&type=template&id=1eb48afc& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_f2106302___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=f2106302& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/form.vue?vue&type=template&id=f2106302&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_f2106302___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_1eb48afc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=1eb48afc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikelPenulis/form.vue?vue&type=template&id=1eb48afc&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_1eb48afc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_f2106302___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_1eb48afc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/67.js b/public/js/components/67.js
index ed7355fc8..cf8c79cef 100644
--- a/public/js/components/67.js
+++ b/public/js/components/67.js
@@ -261,10 +261,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/form.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/produkCu/form.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/form.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumenKategori/form.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -278,9 +278,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 /* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
 /* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -397,153 +395,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -561,44 +412,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
     formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
     formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default.a,
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_9__["default"]
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
   },
   data: function data() {
     return {
-      title: '',
-      titleDesc: '',
-      titleIcon: '',
-      kelas: 'produkCu',
-      level2Title: 'Produk dan Pelayanan',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      isDisabledName: false,
+      title: 'Tambah Kategori Dokumen',
+      titleDesc: 'Menambah kategori dokumen baru',
+      titleIcon: 'icon-plus3',
+      kelas: 'dokumenKategori',
+      level2Title: 'Kategori Dokumen',
       modalShow: false,
       modalState: '',
       modalTitle: '',
@@ -619,24 +441,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
     }
 
-    if (this.$route.meta.mode !== 'edit' && this.form.id_cu == undefined) {
-      this.form.id_cu = this.currentUser.id_cu;
-    } // check permission
-
-
-    if (this.$route.meta.mode === 'edit') {
-      if (!this.currentUser.can || !this.currentUser.can['update_produk_cu']) {
-        this.$router.push({
-          name: 'notFound'
-        });
-      }
-    } else {
-      if (!this.currentUser.can || !this.currentUser.can['create_produk_cu']) {
-        this.$router.push({
-          name: 'notFound'
-        });
-      }
-    }
+    this.form.id_cu = this.currentUser.id_cu;
   },
   watch: {
     formStat: function formStat(value) {
@@ -644,7 +449,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         if (this.$route.meta.mode !== 'edit') {
           this.form.id_cu = this.currentUser.id_cu;
         } else {
-          this.checkUser('update_produk_cu', this.form.id_cu);
+          this.checkUser('update_dokumen_kategori', this.form.id_cu);
         }
       }
     },
@@ -665,12 +470,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     fetch: function fetch() {
       if (this.$route.meta.mode === 'edit') {
         this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah ' + this.level2Title;
-        this.titleDesc = 'Mengubah ' + this.level2Title;
+        this.title = 'Ubah Kategori Dokumen';
+        this.titleDesc = 'Mengubah kategori dokumen';
         this.titleIcon = 'icon-pencil5';
       } else {
-        this.title = 'Tambah ' + this.level2Title;
-        this.titleDesc = 'Menambah ' + this.level2Title;
+        this.title = 'Tambah Kategori Dokumen';
+        this.titleDesc = 'Menambah kategori dokumen';
         this.titleIcon = 'icon-plus3';
         this.$store.dispatch(this.kelas + '/create');
       }
@@ -691,13 +496,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     save: function save() {
       var _this = this;
 
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
       this.$validator.validateAll('form').then(function (result) {
         if (result) {
-          if (_this.$route.meta.mode === 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
+          if (_this.$route.meta.mode == 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, _this.form]);
           } else {
-            _this.$store.dispatch(_this.kelas + '/store', formData);
+            _this.$store.dispatch(_this.kelas + '/store', _this.form);
           }
 
           _this.submited = false;
@@ -707,37 +511,31 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         }
       });
     },
-    changeTipe: function changeTipe(value) {
-      if (value == 'Simpanan Pokok') {
-        this.form.name = 'Simpanan Pokok';
-        this.form.jalinan = 1;
-        this.isDisabledName = true;
-      } else if (value == 'Simpanan Wajib') {
-        this.form.name = 'Simpanan Wajib';
-        this.form.jalinan = 1;
-        this.isDisabledName = true;
-      } else {
-        this.form.jalinan = '';
-        this.form.name = '';
-        this.isDisabledName = false;
-      }
-    },
     back: function back() {
       if (this.$route.meta.mode == 'edit' && this.currentUser.id_cu == 0) {
         this.$router.push({
           name: this.kelas + 'Cu',
           params: {
-            cu: 'semua'
+            cu: this.form.id_cu
           }
         });
       } else {
         if (this.currentUser.id_cu == 0) {
-          this.$router.push({
-            name: this.kelas + 'Cu',
-            params: {
-              cu: 'semua'
-            }
-          });
+          if (this.form.id_cu == 0) {
+            this.$router.push({
+              name: this.kelas + 'Cu',
+              params: {
+                cu: this.form.id_cu
+              }
+            });
+          } else {
+            this.$router.push({
+              name: this.kelas + 'Cu',
+              params: {
+                cu: this.form.id_cu
+              }
+            });
+          }
         } else {
           this.$router.push({
             name: this.kelas + 'Cu',
@@ -768,7 +566,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('produkCu', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumenKategori', {
     form: 'data',
     formStat: 'dataStat',
     rules: 'rules',
@@ -1056,10 +854,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/form.vue?vue&type=template&id=634522b1&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/produkCu/form.vue?vue&type=template&id=634522b1& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/form.vue?vue&type=template&id=f2106302&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumenKategori/form.vue?vue&type=template&id=f2106302& ***!
+  \*************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1108,10 +906,7 @@ var render = function () {
               _c(
                 "form",
                 {
-                  attrs: {
-                    enctype: "multipart/form-data",
-                    "data-vv-scope": "form",
-                  },
+                  attrs: { "data-vv-scope": "form" },
                   on: {
                     submit: function ($event) {
                       $event.preventDefault()
@@ -1126,30 +921,94 @@ var render = function () {
                         _c("div", { staticClass: "col-md-12" }, [
                           _c(
                             "div",
-                            { staticClass: "form-group" },
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.name"),
+                              },
+                            },
                             [
-                              _c("h5", [_vm._v("Foto:")]),
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.name"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.name")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
                               _vm._v(" "),
-                              _c("app-image-upload", {
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|min:5",
+                                    expression: "'required|min:5'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.name,
+                                    expression: "form.name",
+                                  },
+                                ],
+                                staticClass: "form-control",
                                 attrs: {
-                                  image_loc: "/images/produk_cu/",
-                                  image_temp: _vm.form.gambar,
+                                  type: "text",
+                                  name: "name",
+                                  placeholder:
+                                    "Silahkan masukkan nama kategori dokumen",
+                                  "data-vv-as": "Nama",
                                 },
-                                model: {
-                                  value: _vm.form.gambar,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "gambar", $$v)
+                                domProps: { value: _vm.form.name },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "name",
+                                      $event.target.value
+                                    )
                                   },
-                                  expression: "form.gambar",
                                 },
                               }),
-                            ],
-                            1
+                              _vm._v(" "),
+                              _vm.errors.has("form.name")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.name")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
                           ),
                         ]),
                         _vm._v(" "),
-                        _vm.currentUser.id_cu === 0
-                          ? _c("div", { staticClass: "col-md-4" }, [
+                        _vm.currentUser.id_cu == 0
+                          ? _c("div", { staticClass: "col-md-12" }, [
                               _c(
                                 "div",
                                 {
@@ -1233,26 +1092,32 @@ var render = function () {
                                     [
                                       _c(
                                         "option",
-                                        { attrs: { disabled: "", value: "0" } },
-                                        [
-                                          _vm.modelCUStat === "loading"
-                                            ? _c("span", [
-                                                _vm._v("Mohon tunggu..."),
-                                              ])
-                                            : _c("span", [
-                                                _vm._v("Silahkan pilih CU"),
-                                              ]),
-                                        ]
+                                        { attrs: { disabled: "", value: "" } },
+                                        [_vm._v("Silahkan pilih CU")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "0" } }, [
+                                        _vm.currentUser.pus
+                                          ? _c("span", [
+                                              _vm._v(
+                                                _vm._s(_vm.currentUser.pus.name)
+                                              ),
+                                            ])
+                                          : _c("span", [_vm._v("PUSKOPCUINA")]),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [_vm._v("----------------")]
                                       ),
                                       _vm._v(" "),
                                       _vm._l(_vm.modelCU, function (cu) {
-                                        return cu
-                                          ? _c(
-                                              "option",
-                                              { domProps: { value: cu.id } },
-                                              [_vm._v(_vm._s(cu.name))]
-                                            )
-                                          : _vm._e()
+                                        return _c(
+                                          "option",
+                                          { domProps: { value: cu.id } },
+                                          [_vm._v(_vm._s(cu.name))]
+                                        )
                                       }),
                                     ],
                                     2
@@ -1288,593 +1153,46 @@ var render = function () {
                             ])
                           : _vm._e(),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.tipe"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.tipe"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.tipe")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tTipe Produk: "
-                                  ),
-                                  _c("wajib-badge"),
-                                ],
-                                1
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c("h5", [
+                              _vm._v(
+                                "\n\t\t\t\t\t\t\t\t\t\t\tKeterangan:\n\t\t\t\t\t\t\t\t\t\t"
                               ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
+                            ]),
+                            _vm._v(" "),
+                            _c("textarea", {
+                              directives: [
                                 {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.tipe,
-                                      expression: "form.tipe",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "tipe",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Tipe Produk",
-                                  },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "tipe",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function ($event) {
-                                        return _vm.changeTipe(
-                                          $event.target.value
-                                        )
-                                      },
-                                    ],
-                                  },
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.deskripsi,
+                                  expression: "form.deskripsi",
                                 },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [_vm._v("Silahkan pilih tipe produk")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    { attrs: { value: "Simpanan Pokok" } },
-                                    [_vm._v("Simpanan Pokok")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    { attrs: { value: "Simpanan Wajib" } },
-                                    [_vm._v("Simpanan Wajib")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    { attrs: { value: "Simpanan Non Saham" } },
-                                    [_vm._v("Simpanan Non Saham")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    {
-                                      attrs: { value: "Pinjaman Kapitalisasi" },
-                                    },
-                                    [_vm._v("Pinjaman Kapitalisasi")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    { attrs: { value: "Pinjaman Umum" } },
-                                    [_vm._v("Pinjaman Umum")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    { attrs: { value: "Pinjaman Produktif" } },
-                                    [_vm._v("Pinjaman Produktif")]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.tipe")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.tipe")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.kode_produk"),
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                rows: "5",
+                                type: "text",
+                                name: "deskripsi",
+                                placeholder:
+                                  "Silahkan masukkan keterangan kategori",
                               },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.kode_produk"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.kode_produk")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tKode Produk & Pelayanan: "
-                                  ),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.kode_produk,
-                                    expression: "form.kode_produk",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "kode_produk",
-                                  placeholder:
-                                    "Silahkan masukkan kode produk dan pelayanan",
-                                  "data-vv-as": "Kode Produk dan Pelayanan",
-                                },
-                                domProps: { value: _vm.form.kode_produk },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "kode_produk",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.kode_produk")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.kode_produk")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
+                              domProps: { value: _vm.form.deskripsi },
+                              on: {
+                                input: function ($event) {
+                                  if ($event.target.composing) {
+                                    return
+                                  }
+                                  _vm.$set(
+                                    _vm.form,
+                                    "deskripsi",
+                                    $event.target.value
                                   )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.name"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.name"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.name")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.name,
-                                    expression: "form.name",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "name",
-                                  placeholder:
-                                    "Silahkan masukkan nama produk dan pelayanan",
-                                  "data-vv-as": "Nama",
-                                  disabled: _vm.isDisabledName,
                                 },
-                                domProps: { value: _vm.form.name },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "name",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.name")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.name")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-8" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.jalinan"),
                               },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.jalinan"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.jalinan")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tDisolidaritaskan Jalinan?\n\t\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.jalinan,
-                                      expression: "form.jalinan",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "jalinan",
-                                    "data-width": "100%",
-                                    disabled: _vm.isDisabledName,
-                                  },
-                                  on: {
-                                    change: function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "jalinan",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm._v(
-                                        "Silahkan pilih apakah simpanan ini disolidaritaskan Jalinan"
-                                      ),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "1" } }, [
-                                    _vm._v("Iya, disolidaritaskan Jalinan"),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "0" } }, [
-                                    _vm._v("Tidak disolidaritaskan Jalinan"),
-                                  ]),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("br"),
-                              _vm._v(" "),
-                              _vm.errors.has("form.jalinan")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.jalinan")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Keterangan:")]),
-                              _vm._v(" "),
-                              _c("ckeditor", {
-                                attrs: { type: "classic" },
-                                model: {
-                                  value: _vm.form.keterangan,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "keterangan", $$v)
-                                  },
-                                  expression: "form.keterangan",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Aturan Setor:")]),
-                              _vm._v(" "),
-                              _c("ckeditor", {
-                                attrs: { type: "classic" },
-                                model: {
-                                  value: _vm.form.aturan_setor,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "aturan_setor", $$v)
-                                  },
-                                  expression: "form.aturan_setor",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _vm.form.tipe == "Simpanan Pokok" ||
-                        _vm.form.tipe == "Simpanan Wajib" ||
-                        _vm.form.tipe == "Simpanan Non Saham"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c(
-                                "div",
-                                { staticClass: "form-group" },
-                                [
-                                  _c("h5", [_vm._v("Aturan Tarik:")]),
-                                  _vm._v(" "),
-                                  _c("ckeditor", {
-                                    attrs: { type: "classic" },
-                                    model: {
-                                      value: _vm.form.aturan_tarik,
-                                      callback: function ($$v) {
-                                        _vm.$set(_vm.form, "aturan_tarik", $$v)
-                                      },
-                                      expression: "form.aturan_tarik",
-                                    },
-                                  }),
-                                  _vm._v(" "),
-                                  _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                                ],
-                                1
-                              ),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Aturan Balas Jasa:")]),
-                              _vm._v(" "),
-                              _c("ckeditor", {
-                                attrs: { type: "classic" },
-                                model: {
-                                  value: _vm.form.aturan_balas_jasa,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "aturan_balas_jasa", $$v)
-                                  },
-                                  expression: "form.aturan_balas_jasa",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Aturan Lain:")]),
-                              _vm._v(" "),
-                              _c("ckeditor", {
-                                attrs: { type: "classic" },
-                                model: {
-                                  value: _vm.form.aturan_lain,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "aturan_lain", $$v)
-                                  },
-                                  expression: "form.aturan_lain",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
-                          ),
+                            }),
+                          ]),
                         ]),
                       ]),
                     ]),
@@ -1886,7 +1204,7 @@ var render = function () {
                   _vm._v(" "),
                   _c(
                     "div",
-                    { staticClass: "card card-body" },
+                    { staticClass: "panel panel-flat panel-body" },
                     [
                       _c("form-button", {
                         attrs: {
@@ -2261,17 +1579,17 @@ function objectToFormData(obj, form, namespace) {
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/produkCu/form.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/views/produkCu/form.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/dokumenKategori/form.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/dokumenKategori/form.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_634522b1___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=634522b1& */ "./resources/assets/js/views/produkCu/form.vue?vue&type=template&id=634522b1&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/produkCu/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_f2106302___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=f2106302& */ "./resources/assets/js/views/dokumenKategori/form.vue?vue&type=template&id=f2106302&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumenKategori/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2282,8 +1600,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_634522b1___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_634522b1___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_template_id_f2106302___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_f2106302___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2293,38 +1611,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/produkCu/form.vue"
+component.options.__file = "resources/assets/js/views/dokumenKategori/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/produkCu/form.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/views/produkCu/form.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/dokumenKategori/form.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/dokumenKategori/form.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/produkCu/form.vue?vue&type=template&id=634522b1&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/produkCu/form.vue?vue&type=template&id=634522b1& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/dokumenKategori/form.vue?vue&type=template&id=f2106302&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/dokumenKategori/form.vue?vue&type=template&id=f2106302& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_634522b1___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=634522b1& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/form.vue?vue&type=template&id=634522b1&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_634522b1___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_f2106302___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=f2106302& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumenKategori/form.vue?vue&type=template&id=f2106302&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_f2106302___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_634522b1___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_f2106302___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/68.js b/public/js/components/68.js
index fa087dd82..efc58d4be 100644
--- a/public/js/components/68.js
+++ b/public/js/components/68.js
@@ -261,25 +261,25 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/form.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/form.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/form.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/produkCu/form.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__);
 /* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -543,30 +543,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -579,30 +555,56 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default.a,
     wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_9__["default"]
   },
   data: function data() {
     return {
-      title: 'Tambah Surat',
-      titleDesc: 'Menambah surat keluar baru',
-      titleIcon: 'icon-plus3',
-      level2Title: 'Surat',
-      kelas: 'surat',
-      id_cu: '',
+      title: '',
+      titleDesc: '',
+      titleIcon: '',
+      kelas: 'produkCu',
+      level2Title: 'Produk dan Pelayanan',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      isDisabledName: false,
       modalShow: false,
       modalState: '',
       modalTitle: '',
       modalColor: '',
       modalContent: '',
-      submited: false,
-      timerCount: 0,
-      timerEnabled: false
+      submited: false
     };
   },
   beforeRouteEnter: function beforeRouteEnter(to, from, next) {
@@ -611,14 +613,29 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     });
   },
   created: function created() {
-    if (this.currentUser.id_cu === 0) {
+    if (this.currentUser.id_cu == 0) {
       if (this.modelCuStat != 'success') {
         this.$store.dispatch('cu/getHeader');
       }
     }
 
-    if (this.$route.meta.mode !== 'edit' && this.form.id_cu === undefined) {
+    if (this.$route.meta.mode !== 'edit' && this.form.id_cu == undefined) {
       this.form.id_cu = this.currentUser.id_cu;
+    } // check permission
+
+
+    if (this.$route.meta.mode === 'edit') {
+      if (!this.currentUser.can || !this.currentUser.can['update_produk_cu']) {
+        this.$router.push({
+          name: 'notFound'
+        });
+      }
+    } else {
+      if (!this.currentUser.can || !this.currentUser.can['create_produk_cu']) {
+        this.$router.push({
+          name: 'notFound'
+        });
+      }
     }
   },
   watch: {
@@ -627,29 +644,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         if (this.$route.meta.mode !== 'edit') {
           this.form.id_cu = this.currentUser.id_cu;
         } else {
-          this.checkUser('update_surat', this.form.id_cu);
+          this.checkUser('update_produk_cu', this.form.id_cu);
         }
       }
     },
-    itemDataStat: function itemDataStat(value) {
-      if (value === "success") {
-        this.timerCount = this.itemData.waktu;
-        this.timerEnabled = true;
-      }
-    },
-    timerCount: {
-      handler: function handler(value) {
-        var _this = this;
-
-        if (value > 0 && this.timerEnabled) {
-          setTimeout(function () {
-            _this.timerCount--;
-          }, 1000);
-        }
-      },
-      immediate: true // This ensures the watcher is triggered upon creation
-
-    },
     updateStat: function updateStat(value) {
       this.modalShow = true;
       this.modalState = value;
@@ -665,23 +663,16 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   methods: {
     fetch: function fetch() {
-      if (this.currentUser.id_cu === 0) {
-        if (this.modelCuStat != 'success') {
-          this.$store.dispatch('cu/getHeader');
-        }
-      }
-
       if (this.$route.meta.mode === 'edit') {
         this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Surat Keluar';
-        this.titleDesc = 'Mengubah surat keluar';
+        this.title = 'Ubah ' + this.level2Title;
+        this.titleDesc = 'Mengubah ' + this.level2Title;
         this.titleIcon = 'icon-pencil5';
       } else {
-        this.title = 'Tambah Surat Keluar';
-        this.titleDesc = 'Menambah surat keluar';
+        this.title = 'Tambah ' + this.level2Title;
+        this.titleDesc = 'Menambah ' + this.level2Title;
         this.titleIcon = 'icon-plus3';
         this.$store.dispatch(this.kelas + '/create');
-        this.$store.dispatch('suratKode/get');
       }
     },
     checkUser: function checkUser(permission, id_cu) {
@@ -697,55 +688,65 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         }
       }
     },
-    changeKode: function changeKode(value) {
-      if (this.$route.meta.mode !== 'edit') {
-        this.$store.dispatch(this.kelas + '/getKode', value);
-      }
-    },
-    changeKategori: function changeKategori(value) {
-      var _kategori = '';
-      _kategori = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.itemData.kategori, {
-        'id': parseInt(value)
-      });
-      this.form.name = this.itemData.kode + '/' + _kategori.name + '/' + this.itemData.bulan + '/' + this.itemData.periode;
-    },
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.form.content = files[0];
-    },
     save: function save() {
-      var _this2 = this;
-
-      this.form.id_surat_kode = this.itemData.suratKode.id;
-      this.form.kode = this.itemData.kode;
-      this.form.periode = this.itemData.periode;
-      this.form.bulan = this.itemData.bulan;
-      this.form.tipe = this.itemData.suratKode.name;
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_3__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      var _this = this;
+
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
       this.$validator.validateAll('form').then(function (result) {
         if (result) {
-          if (_this2.$route.meta.mode === 'edit') {
-            _this2.$store.dispatch(_this2.kelas + '/update', [_this2.$route.params.id, formData]);
+          if (_this.$route.meta.mode === 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
           } else {
-            _this2.$store.dispatch(_this2.kelas + '/store', formData);
+            _this.$store.dispatch(_this.kelas + '/store', formData);
           }
 
-          _this2.submited = false;
+          _this.submited = false;
         } else {
           window.scrollTo(0, 0);
-          _this2.submited = true;
+          _this.submited = true;
         }
       });
     },
+    changeTipe: function changeTipe(value) {
+      if (value == 'Simpanan Pokok') {
+        this.form.name = 'Simpanan Pokok';
+        this.form.jalinan = 1;
+        this.isDisabledName = true;
+      } else if (value == 'Simpanan Wajib') {
+        this.form.name = 'Simpanan Wajib';
+        this.form.jalinan = 1;
+        this.isDisabledName = true;
+      } else {
+        this.form.jalinan = '';
+        this.form.name = '';
+        this.isDisabledName = false;
+      }
+    },
     back: function back() {
-      this.$router.push({
-        name: this.kelas + 'Cu',
-        params: {
-          cu: this.currentUser.id_cu,
-          periode: this.momentYear()
+      if (this.$route.meta.mode == 'edit' && this.currentUser.id_cu == 0) {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: 'semua'
+          }
+        });
+      } else {
+        if (this.currentUser.id_cu == 0) {
+          this.$router.push({
+            name: this.kelas + 'Cu',
+            params: {
+              cu: 'semua'
+            }
+          });
+        } else {
+          this.$router.push({
+            name: this.kelas + 'Cu',
+            params: {
+              cu: this.currentUser.id_cu
+            }
+          });
         }
-      });
+      }
     },
     modalTutup: function modalTutup() {
       if (this.updateStat === 'success') {
@@ -763,28 +764,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       } else {
         this.modalShow = false;
       }
-    },
-    processFile: function processFile(event) {
-      this.form.gambar = event.target.files[0];
-    },
-    momentYear: function momentYear() {
-      return moment().year();
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('surat', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('produkCu', {
     form: 'data',
     formStat: 'dataStat',
-    itemData: 'data2',
-    itemDataStat: 'dataStat2',
     rules: 'rules',
     options: 'options',
     updateResponse: 'update',
     updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKode', {
-    modelKode: 'dataS',
-    modelKodeStat: 'dataStatS'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
     modelCU: 'headerDataS',
     modelCUStat: 'headerDataStatS'
@@ -1066,10 +1056,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/form.vue?vue&type=template&id=2d2b9ac3&":
-/*!***************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/form.vue?vue&type=template&id=2d2b9ac3& ***!
-  \***************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/form.vue?vue&type=template&id=634522b1&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/produkCu/form.vue?vue&type=template&id=634522b1& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1132,16 +1122,40 @@ var render = function () {
                 [
                   _c("div", { staticClass: "card" }, [
                     _c("div", { staticClass: "card-body" }, [
-                      _vm.$route.meta.mode !== "edit"
-                        ? _c("div", { staticClass: "row" }, [
-                            _c("div", { staticClass: "col-md-12" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Foto:")]),
+                              _vm._v(" "),
+                              _c("app-image-upload", {
+                                attrs: {
+                                  image_loc: "/images/produk_cu/",
+                                  image_temp: _vm.form.gambar,
+                                },
+                                model: {
+                                  value: _vm.form.gambar,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "gambar", $$v)
+                                  },
+                                  expression: "form.gambar",
+                                },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _vm.currentUser.id_cu === 0
+                          ? _c("div", { staticClass: "col-md-4" }, [
                               _c(
                                 "div",
                                 {
-                                  staticClass: "form-group mb-0",
+                                  staticClass: "form-group",
                                   class: {
-                                    "has-error":
-                                      _vm.errors.has("form.id_surat_kode"),
+                                    "has-error": _vm.errors.has("form.id_cu"),
                                   },
                                 },
                                 [
@@ -1150,127 +1164,101 @@ var render = function () {
                                     {
                                       class: {
                                         "text-danger":
-                                          _vm.errors.has("form.id_surat_kode"),
+                                          _vm.errors.has("form.id_cu"),
                                       },
                                     },
                                     [
-                                      _vm.errors.has("form.id_surat_kode")
+                                      _vm.errors.has("form.id_cu")
                                         ? _c("i", {
                                             staticClass: "icon-cross2",
                                           })
                                         : _vm._e(),
-                                      _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t\t\t\tTipe Surat: "
-                                      ),
+                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
                                       _c("wajib-badge"),
                                     ],
                                     1
                                   ),
                                   _vm._v(" "),
-                                  _c("div", { staticClass: "input-group" }, [
-                                    _c(
-                                      "select",
-                                      {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.id_surat_kode,
-                                            expression: "form.id_surat_kode",
-                                          },
-                                          {
-                                            name: "validate",
-                                            rawName: "v-validate",
-                                            value: "required",
-                                            expression: "'required'",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          name: "id_surat_kode",
-                                          "data-width": "100%",
-                                          "data-vv-as": "Tipe",
+                                  _c(
+                                    "select",
+                                    {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.id_cu,
+                                          expression: "form.id_cu",
                                         },
-                                        on: {
-                                          change: [
-                                            function ($event) {
-                                              var $$selectedVal =
-                                                Array.prototype.filter
-                                                  .call(
-                                                    $event.target.options,
-                                                    function (o) {
-                                                      return o.selected
-                                                    }
-                                                  )
-                                                  .map(function (o) {
-                                                    var val =
-                                                      "_value" in o
-                                                        ? o._value
-                                                        : o.value
-                                                    return val
-                                                  })
-                                              _vm.$set(
-                                                _vm.form,
-                                                "id_surat_kode",
-                                                $event.target.multiple
-                                                  ? $$selectedVal
-                                                  : $$selectedVal[0]
-                                              )
-                                            },
-                                            function ($event) {
-                                              return _vm.changeKode(
-                                                $event.target.value
-                                              )
-                                            },
-                                          ],
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
                                         },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "id_cu",
+                                        "data-width": "100%",
+                                        "data-vv-as": "CU",
+                                        disabled: _vm.modelCU.length === 0,
                                       },
-                                      [
-                                        _c(
-                                          "option",
-                                          {
-                                            attrs: { disabled: "", value: "" },
-                                          },
-                                          [
-                                            _c("span", [
-                                              _vm.formStat === "loading"
-                                                ? _c("span", [
-                                                    _vm._v("Mohon tunggu..."),
-                                                  ])
-                                                : _c("span", [
-                                                    _vm._v(
-                                                      "Silahkan pilih tipe surat"
-                                                    ),
-                                                  ]),
-                                            ]),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _vm._l(_vm.modelKode, function (kode) {
-                                          return kode
-                                            ? _c(
-                                                "option",
-                                                {
-                                                  domProps: { value: kode.id },
-                                                },
-                                                [
-                                                  _vm._v(
-                                                    _vm._s(kode.name) +
-                                                      " / " +
-                                                      _vm._s(kode.periode) +
-                                                      " / No. " +
-                                                      _vm._s(kode.kode)
-                                                  ),
-                                                ]
+                                      on: {
+                                        change: function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
                                               )
-                                            : _vm._e()
-                                        }),
-                                      ],
-                                      2
-                                    ),
-                                  ]),
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.$set(
+                                            _vm.form,
+                                            "id_cu",
+                                            $event.target.multiple
+                                              ? $$selectedVal
+                                              : $$selectedVal[0]
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "0" } },
+                                        [
+                                          _vm.modelCUStat === "loading"
+                                            ? _c("span", [
+                                                _vm._v("Mohon tunggu..."),
+                                              ])
+                                            : _c("span", [
+                                                _vm._v("Silahkan pilih CU"),
+                                              ]),
+                                        ]
+                                      ),
+                                      _vm._v(" "),
+                                      _vm._l(_vm.modelCU, function (cu) {
+                                        return cu
+                                          ? _c(
+                                              "option",
+                                              { domProps: { value: cu.id } },
+                                              [_vm._v(_vm._s(cu.name))]
+                                            )
+                                          : _vm._e()
+                                      }),
+                                    ],
+                                    2
+                                  ),
                                   _vm._v(" "),
-                                  _vm.errors.has("form.id_surat_kode")
+                                  _vm.errors.has("form.id_cu")
                                     ? _c(
                                         "small",
                                         {
@@ -1284,9 +1272,7 @@ var render = function () {
                                           _vm._v(
                                             " " +
                                               _vm._s(
-                                                _vm.errors.first(
-                                                  "form.id_surat_kode"
-                                                )
+                                                _vm.errors.first("form.id_cu")
                                               ) +
                                               "\n\t\t\t\t\t\t\t\t\t\t"
                                           ),
@@ -1299,841 +1285,621 @@ var render = function () {
                                       ),
                                 ]
                               ),
-                            ]),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      _vm.itemDataStat == "loading"
-                        ? _c("div", [_vm._m(0)])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      _vm.itemDataStat == "success"
-                        ? _c("div", [
-                            _vm.form.id_surat_kode != ""
-                              ? _c("div", { staticClass: "row" }, [
-                                  _vm.$route.meta.mode !== "edit"
-                                    ? _c("div", { staticClass: "col-md-12" }, [
-                                        _c("hr", { staticClass: "mt-0" }),
-                                        _vm._v(" "),
-                                        _c(
-                                          "div",
-                                          {
-                                            staticClass:
-                                              "alert bg-warning alert-styled-left",
-                                          },
-                                          [
-                                            _c("h3", [
-                                              _vm._v(
-                                                "Sisa waktu: " +
-                                                  _vm._s(_vm.timerCount) +
-                                                  " detik"
-                                              ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("h6", [
-                                              _vm._v(
-                                                "Perhatian nomor surat ini hanya tersedia untuk anda selama 30 menit (1800 detik) sejak anda melihat pesan ini, pastikan anda meminta nomor surat ketika surat sudah siap untuk di kirim."
-                                              ),
-                                            ]),
-                                          ]
-                                        ),
-                                      ])
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.tipe"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.tipe"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.tipe")
+                                    ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "col-md-12" }, [
-                                    _c(
-                                      "div",
-                                      {
-                                        staticClass: "form-group",
-                                        class: {
-                                          "has-error": _vm.errors.has(
-                                            "form.id_surat_kategori"
-                                          ),
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "h5",
-                                          {
-                                            class: {
-                                              "text-danger": _vm.errors.has(
-                                                "form.id_surat_kategori"
-                                              ),
-                                            },
-                                          },
-                                          [
-                                            _vm.errors.has(
-                                              "form.id_surat_kategori"
-                                            )
-                                              ? _c("i", {
-                                                  staticClass: "icon-cross2",
-                                                })
-                                              : _vm._e(),
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\t\t\tKategori: "
-                                            ),
-                                            _c("wajib-badge"),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "div",
-                                          { staticClass: "input-group" },
-                                          [
-                                            _c(
-                                              "select",
-                                              {
-                                                directives: [
-                                                  {
-                                                    name: "model",
-                                                    rawName: "v-model",
-                                                    value:
-                                                      _vm.form
-                                                        .id_surat_kategori,
-                                                    expression:
-                                                      "form.id_surat_kategori",
-                                                  },
-                                                  {
-                                                    name: "validate",
-                                                    rawName: "v-validate",
-                                                    value: "required",
-                                                    expression: "'required'",
-                                                  },
-                                                ],
-                                                staticClass: "form-control",
-                                                attrs: {
-                                                  name: "id_surat_kategori",
-                                                  "data-width": "100%",
-                                                  "data-vv-as": "Kategori",
-                                                },
-                                                on: {
-                                                  change: [
-                                                    function ($event) {
-                                                      var $$selectedVal =
-                                                        Array.prototype.filter
-                                                          .call(
-                                                            $event.target
-                                                              .options,
-                                                            function (o) {
-                                                              return o.selected
-                                                            }
-                                                          )
-                                                          .map(function (o) {
-                                                            var val =
-                                                              "_value" in o
-                                                                ? o._value
-                                                                : o.value
-                                                            return val
-                                                          })
-                                                      _vm.$set(
-                                                        _vm.form,
-                                                        "id_surat_kategori",
-                                                        $event.target.multiple
-                                                          ? $$selectedVal
-                                                          : $$selectedVal[0]
-                                                      )
-                                                    },
-                                                    function ($event) {
-                                                      return _vm.changeKategori(
-                                                        $event.target.value
-                                                      )
-                                                    },
-                                                  ],
-                                                },
-                                              },
-                                              [
-                                                _c(
-                                                  "option",
-                                                  {
-                                                    attrs: {
-                                                      disabled: "",
-                                                      value: "",
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("span", [
-                                                      _vm.formStat === "loading"
-                                                        ? _c("span", [
-                                                            _vm._v(
-                                                              "Mohon tunggu..."
-                                                            ),
-                                                          ])
-                                                        : _c("span", [
-                                                            _vm._v(
-                                                              "Silahkan pilih kategori"
-                                                            ),
-                                                          ]),
-                                                    ]),
-                                                  ]
-                                                ),
-                                                _vm._v(" "),
-                                                _vm._l(
-                                                  _vm.itemData.kategori,
-                                                  function (kategori) {
-                                                    return kategori
-                                                      ? _c(
-                                                          "option",
-                                                          {
-                                                            domProps: {
-                                                              value:
-                                                                kategori.id,
-                                                            },
-                                                          },
-                                                          [
-                                                            _vm._v(
-                                                              _vm._s(
-                                                                kategori.name
-                                                              )
-                                                            ),
-                                                          ]
-                                                        )
-                                                      : _vm._e()
-                                                  }
-                                                ),
-                                              ],
-                                              2
-                                            ),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _vm.errors.has("form.id_surat_kategori")
-                                          ? _c(
-                                              "small",
-                                              {
-                                                staticClass:
-                                                  "text-muted text-danger",
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass:
-                                                    "icon-arrow-small-right",
-                                                }),
-                                                _vm._v(
-                                                  " " +
-                                                    _vm._s(
-                                                      _vm.errors.first(
-                                                        "form.id_surat_kategori"
-                                                      )
-                                                    ) +
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
-                                            )
-                                          : _c(
-                                              "small",
-                                              { staticClass: "text-muted" },
-                                              [_vm._v(" ")]
-                                            ),
-                                      ]
-                                    ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "col-md-12" }, [
-                                    _c(
-                                      "div",
-                                      {
-                                        staticClass: "form-group",
-                                        class: {
-                                          "has-error":
-                                            _vm.errors.has("form.name"),
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "h5",
-                                          {
-                                            class: {
-                                              "text-danger":
-                                                _vm.errors.has("form.name"),
-                                            },
-                                          },
-                                          [
-                                            _vm.errors.has("form.name")
-                                              ? _c("i", {
-                                                  staticClass: "icon-cross2",
-                                                })
-                                              : _vm._e(),
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\t\t\tKode: "
-                                            ),
-                                            _c("wajib-badge"),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c("input", {
-                                          directives: [
-                                            {
-                                              name: "model",
-                                              rawName: "v-model",
-                                              value: _vm.form.name,
-                                              expression: "form.name",
-                                            },
-                                          ],
-                                          staticClass: "form-control",
-                                          attrs: {
-                                            type: "text",
-                                            name: "name",
-                                            placeholder:
-                                              "Silahkan masukkan kode",
-                                            "data-vv-as": "name",
-                                            readonly: "",
-                                          },
-                                          domProps: { value: _vm.form.name },
-                                          on: {
-                                            input: function ($event) {
-                                              if ($event.target.composing) {
-                                                return
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tTipe Produk: "
+                                  ),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.tipe,
+                                      expression: "form.tipe",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "tipe",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Tipe Produk",
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
                                               }
-                                              _vm.$set(
-                                                _vm.form,
-                                                "name",
-                                                $event.target.value
-                                              )
-                                            },
-                                          },
-                                        }),
-                                        _vm._v(" "),
-                                        _vm.errors.has("form.name")
-                                          ? _c(
-                                              "small",
-                                              {
-                                                staticClass:
-                                                  "text-muted text-danger",
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass:
-                                                    "icon-arrow-small-right",
-                                                }),
-                                                _vm._v(
-                                                  " " +
-                                                    _vm._s(
-                                                      _vm.errors.first(
-                                                        "form.name"
-                                                      )
-                                                    ) +
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
                                             )
-                                          : _c(
-                                              "small",
-                                              { staticClass: "text-muted" },
-                                              [_vm._v(" ")]
-                                            ),
-                                      ]
-                                    ),
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "tipe",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changeTipe(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [_vm._v("Silahkan pilih tipe produk")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "option",
+                                    { attrs: { value: "Simpanan Pokok" } },
+                                    [_vm._v("Simpanan Pokok")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "option",
+                                    { attrs: { value: "Simpanan Wajib" } },
+                                    [_vm._v("Simpanan Wajib")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "option",
+                                    { attrs: { value: "Simpanan Non Saham" } },
+                                    [_vm._v("Simpanan Non Saham")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "option",
+                                    {
+                                      attrs: { value: "Pinjaman Kapitalisasi" },
+                                    },
+                                    [_vm._v("Pinjaman Kapitalisasi")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "option",
+                                    { attrs: { value: "Pinjaman Umum" } },
+                                    [_vm._v("Pinjaman Umum")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "option",
+                                    { attrs: { value: "Pinjaman Produktif" } },
+                                    [_vm._v("Pinjaman Produktif")]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.tipe")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.tipe")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
                                   ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.kode_produk"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.kode_produk"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.kode_produk")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tKode Produk & Pelayanan: "
+                                  ),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.kode_produk,
+                                    expression: "form.kode_produk",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "kode_produk",
+                                  placeholder:
+                                    "Silahkan masukkan kode produk dan pelayanan",
+                                  "data-vv-as": "Kode Produk dan Pelayanan",
+                                },
+                                domProps: { value: _vm.form.kode_produk },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "kode_produk",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.kode_produk")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.kode_produk")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.name"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.name"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.name")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.name,
+                                    expression: "form.name",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "name",
+                                  placeholder:
+                                    "Silahkan masukkan nama produk dan pelayanan",
+                                  "data-vv-as": "Nama",
+                                  disabled: _vm.isDisabledName,
+                                },
+                                domProps: { value: _vm.form.name },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "name",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.name")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.name")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-8" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.jalinan"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.jalinan"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.jalinan")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tDisolidaritaskan Jalinan?\n\t\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.jalinan,
+                                      expression: "form.jalinan",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "jalinan",
+                                    "data-width": "100%",
+                                    disabled: _vm.isDisabledName,
+                                  },
+                                  on: {
+                                    change: function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
+                                        )
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "jalinan",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      )
+                                    },
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm._v(
+                                        "Silahkan pilih apakah simpanan ini disolidaritaskan Jalinan"
+                                      ),
+                                    ]
+                                  ),
                                   _vm._v(" "),
-                                  _c("div", { staticClass: "col-md-6" }, [
-                                    _c(
-                                      "div",
-                                      {
-                                        staticClass: "form-group",
-                                        class: {
-                                          "has-error":
-                                            _vm.errors.has("form.hal"),
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "h5",
-                                          {
-                                            class: {
-                                              "text-danger":
-                                                _vm.errors.has("form.hal"),
-                                            },
-                                          },
-                                          [
-                                            _vm.errors.has("form.hal")
-                                              ? _c("i", {
-                                                  staticClass: "icon-cross2",
-                                                })
-                                              : _vm._e(),
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\t\t\tHal: "
-                                            ),
-                                            _c("wajib-badge"),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c("input", {
-                                          directives: [
-                                            {
-                                              name: "model",
-                                              rawName: "v-model",
-                                              value: _vm.form.hal,
-                                              expression: "form.hal",
-                                            },
-                                          ],
-                                          staticClass: "form-control",
-                                          attrs: {
-                                            type: "text",
-                                            name: "hal",
-                                            placeholder:
-                                              "Silahkan masukkan hal",
-                                            "data-vv-as": "hal",
-                                          },
-                                          domProps: { value: _vm.form.hal },
-                                          on: {
-                                            input: function ($event) {
-                                              if ($event.target.composing) {
-                                                return
-                                              }
-                                              _vm.$set(
-                                                _vm.form,
-                                                "hal",
-                                                $event.target.value
-                                              )
-                                            },
-                                          },
-                                        }),
-                                        _vm._v(" "),
-                                        _vm.errors.has("form.hal")
-                                          ? _c(
-                                              "small",
-                                              {
-                                                staticClass:
-                                                  "text-muted text-danger",
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass:
-                                                    "icon-arrow-small-right",
-                                                }),
-                                                _vm._v(
-                                                  " " +
-                                                    _vm._s(
-                                                      _vm.errors.first(
-                                                        "form.hal"
-                                                      )
-                                                    ) +
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
-                                            )
-                                          : _c(
-                                              "small",
-                                              { staticClass: "text-muted" },
-                                              [_vm._v(" ")]
-                                            ),
-                                      ]
-                                    ),
+                                  _c("option", { attrs: { value: "1" } }, [
+                                    _vm._v("Iya, disolidaritaskan Jalinan"),
                                   ]),
                                   _vm._v(" "),
-                                  _c("div", { staticClass: "col-md-6" }, [
-                                    _c(
-                                      "div",
-                                      {
-                                        staticClass: "form-group",
-                                        class: {
-                                          "has-error":
-                                            _vm.errors.has("form.perihal"),
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "h5",
-                                          {
-                                            class: {
-                                              "text-danger":
-                                                _vm.errors.has("form.perihal"),
-                                            },
-                                          },
-                                          [
-                                            _vm.errors.has("form.perihal")
-                                              ? _c("i", {
-                                                  staticClass: "icon-cross2",
-                                                })
-                                              : _vm._e(),
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\t\t\t\t\tPerihal: "
-                                            ),
-                                            _c("wajib-badge"),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c("input", {
-                                          directives: [
-                                            {
-                                              name: "model",
-                                              rawName: "v-model",
-                                              value: _vm.form.perihal,
-                                              expression: "form.perihal",
-                                            },
-                                          ],
-                                          staticClass: "form-control",
-                                          attrs: {
-                                            type: "text",
-                                            name: "perihal",
-                                            placeholder:
-                                              "Silahkan masukkan perihal",
-                                            "data-vv-as": "perihal",
-                                          },
-                                          domProps: { value: _vm.form.perihal },
-                                          on: {
-                                            input: function ($event) {
-                                              if ($event.target.composing) {
-                                                return
-                                              }
-                                              _vm.$set(
-                                                _vm.form,
-                                                "perihal",
-                                                $event.target.value
-                                              )
-                                            },
-                                          },
-                                        }),
-                                        _vm._v(" "),
-                                        _vm.errors.has("form.perihal")
-                                          ? _c(
-                                              "small",
-                                              {
-                                                staticClass:
-                                                  "text-muted text-danger",
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass:
-                                                    "icon-arrow-small-right",
-                                                }),
-                                                _vm._v(
-                                                  " " +
-                                                    _vm._s(
-                                                      _vm.errors.first(
-                                                        "form.perihal"
-                                                      )
-                                                    ) +
-                                                    "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                ),
-                                              ]
-                                            )
-                                          : _c(
-                                              "small",
-                                              { staticClass: "text-muted" },
-                                              [_vm._v(" ")]
-                                            ),
-                                      ]
-                                    ),
+                                  _c("option", { attrs: { value: "0" } }, [
+                                    _vm._v("Tidak disolidaritaskan Jalinan"),
                                   ]),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("br"),
+                              _vm._v(" "),
+                              _vm.errors.has("form.jalinan")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.jalinan")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Keterangan:")]),
+                              _vm._v(" "),
+                              _c("ckeditor", {
+                                attrs: { type: "classic" },
+                                model: {
+                                  value: _vm.form.keterangan,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "keterangan", $$v)
+                                  },
+                                  expression: "form.keterangan",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Aturan Setor:")]),
+                              _vm._v(" "),
+                              _c("ckeditor", {
+                                attrs: { type: "classic" },
+                                model: {
+                                  value: _vm.form.aturan_setor,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "aturan_setor", $$v)
+                                  },
+                                  expression: "form.aturan_setor",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _vm.form.tipe == "Simpanan Pokok" ||
+                        _vm.form.tipe == "Simpanan Wajib" ||
+                        _vm.form.tipe == "Simpanan Non Saham"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c(
+                                "div",
+                                { staticClass: "form-group" },
+                                [
+                                  _c("h5", [_vm._v("Aturan Tarik:")]),
                                   _vm._v(" "),
-                                  _vm.$route.meta.mode != "edit"
-                                    ? _c("div", { staticClass: "col-md-12" }, [
-                                        _c(
-                                          "div",
-                                          {
-                                            staticClass: "form-group",
-                                            class: {
-                                              "has-error":
-                                                _vm.errors.has("form.format"),
-                                            },
-                                          },
-                                          [
-                                            _c(
-                                              "h5",
-                                              {
-                                                class: {
-                                                  "text-danger":
-                                                    _vm.errors.has(
-                                                      "form.format"
-                                                    ),
-                                                },
-                                              },
-                                              [
-                                                _vm.errors.has("form.format")
-                                                  ? _c("i", {
-                                                      staticClass:
-                                                        "icon-cross2",
-                                                    })
-                                                  : _vm._e(),
-                                                _vm._v(
-                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\tPilih Format: "
-                                                ),
-                                                _c("wajib-badge"),
-                                              ],
-                                              1
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "select",
-                                              {
-                                                directives: [
-                                                  {
-                                                    name: "model",
-                                                    rawName: "v-model",
-                                                    value: _vm.form.format,
-                                                    expression: "form.format",
-                                                  },
-                                                  {
-                                                    name: "validate",
-                                                    rawName: "v-validate",
-                                                    value: "required",
-                                                    expression: "'required'",
-                                                  },
-                                                ],
-                                                staticClass: "form-control",
-                                                attrs: {
-                                                  name: "format",
-                                                  "data-width": "100%",
-                                                  "data-vv-as": "format",
-                                                },
-                                                on: {
-                                                  change: function ($event) {
-                                                    var $$selectedVal =
-                                                      Array.prototype.filter
-                                                        .call(
-                                                          $event.target.options,
-                                                          function (o) {
-                                                            return o.selected
-                                                          }
-                                                        )
-                                                        .map(function (o) {
-                                                          var val =
-                                                            "_value" in o
-                                                              ? o._value
-                                                              : o.value
-                                                          return val
-                                                        })
-                                                    _vm.$set(
-                                                      _vm.form,
-                                                      "format",
-                                                      $event.target.multiple
-                                                        ? $$selectedVal
-                                                        : $$selectedVal[0]
-                                                    )
-                                                  },
-                                                },
-                                              },
-                                              [
-                                                _c(
-                                                  "option",
-                                                  {
-                                                    attrs: {
-                                                      disabled: "",
-                                                      value: "",
-                                                    },
-                                                  },
-                                                  [
-                                                    _vm._v(
-                                                      "Silahkan pilih format"
-                                                    ),
-                                                  ]
-                                                ),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "option",
-                                                  {
-                                                    attrs: { value: "upload" },
-                                                  },
-                                                  [_vm._v("Upload")]
-                                                ),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "option",
-                                                  { attrs: { value: "link" } },
-                                                  [_vm._v("Link")]
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _vm.errors.has("form.format")
-                                              ? _c(
-                                                  "small",
-                                                  {
-                                                    staticClass:
-                                                      "text-muted text-danger",
-                                                  },
-                                                  [
-                                                    _c("i", {
-                                                      staticClass:
-                                                        "icon-arrow-small-right",
-                                                    }),
-                                                    _vm._v(
-                                                      " " +
-                                                        _vm._s(
-                                                          _vm.errors.first(
-                                                            "form.format"
-                                                          )
-                                                        ) +
-                                                        "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                                    ),
-                                                  ]
-                                                )
-                                              : _c(
-                                                  "small",
-                                                  { staticClass: "text-muted" },
-                                                  [_vm._v(" ")]
-                                                ),
-                                          ]
-                                        ),
-                                      ])
-                                    : _vm._e(),
+                                  _c("ckeditor", {
+                                    attrs: { type: "classic" },
+                                    model: {
+                                      value: _vm.form.aturan_tarik,
+                                      callback: function ($$v) {
+                                        _vm.$set(_vm.form, "aturan_tarik", $$v)
+                                      },
+                                      expression: "form.aturan_tarik",
+                                    },
+                                  }),
                                   _vm._v(" "),
-                                  _vm.$route.meta.mode != "edit"
-                                    ? _c("div", { staticClass: "col-md-12" }, [
-                                        _vm.form.format == "upload"
-                                          ? _c(
-                                              "div",
-                                              { staticClass: "form-group" },
-                                              [
-                                                _c(
-                                                  "h5",
-                                                  [
-                                                    _vm._v(" Upload dokumen: "),
-                                                    _c("wajib-badge"),
-                                                  ],
-                                                  1
-                                                ),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "div",
-                                                  {
-                                                    staticClass:
-                                                      "card-card-body",
-                                                  },
-                                                  [
-                                                    _c("input", {
-                                                      ref: "fileInput",
-                                                      staticClass:
-                                                        "form-control",
-                                                      attrs: {
-                                                        type: "file",
-                                                        accept:
-                                                          "application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.openxmlformats-officedocument.presentationml.slideshow, text/plain, application/pdf, image/*",
-                                                      },
-                                                      on: {
-                                                        change: _vm.upload,
-                                                      },
-                                                    }),
-                                                  ]
-                                                ),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "small",
-                                                  { staticClass: "text-muted" },
-                                                  [
-                                                    _vm._v(
-                                                      "File yang diterima adalah Word, Excel, Powerpoint, PDF dan gambar/foto"
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            )
-                                          : _vm.form.format == "link"
-                                          ? _c(
-                                              "div",
-                                              { staticClass: "form-group" },
-                                              [
-                                                _c("h5", [
-                                                  _vm._v("Link dokumen: "),
-                                                ]),
-                                                _vm._v(" "),
-                                                _c("input", {
-                                                  directives: [
-                                                    {
-                                                      name: "model",
-                                                      rawName: "v-model",
-                                                      value: _vm.form.link,
-                                                      expression: "form.link",
-                                                    },
-                                                  ],
-                                                  staticClass: "form-control",
-                                                  attrs: {
-                                                    type: "text",
-                                                    name: "link",
-                                                    placeholder:
-                                                      "Silahkan masukkan link",
-                                                  },
-                                                  domProps: {
-                                                    value: _vm.form.link,
-                                                  },
-                                                  on: {
-                                                    input: function ($event) {
-                                                      if (
-                                                        $event.target.composing
-                                                      ) {
-                                                        return
-                                                      }
-                                                      _vm.$set(
-                                                        _vm.form,
-                                                        "link",
-                                                        $event.target.value
-                                                      )
-                                                    },
-                                                  },
-                                                }),
-                                                _vm._v(" "),
-                                                _c(
-                                                  "small",
-                                                  { staticClass: "text-muted" },
-                                                  [
-                                                    _vm._v(
-                                                      "Silahkan masukkan link ke dokumen"
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            )
-                                          : _vm._e(),
-                                      ])
-                                    : _vm._e(),
-                                ])
-                              : _vm._e(),
-                          ])
-                        : _vm._e(),
+                                  _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                                ],
+                                1
+                              ),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Aturan Balas Jasa:")]),
+                              _vm._v(" "),
+                              _c("ckeditor", {
+                                attrs: { type: "classic" },
+                                model: {
+                                  value: _vm.form.aturan_balas_jasa,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "aturan_balas_jasa", $$v)
+                                  },
+                                  expression: "form.aturan_balas_jasa",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c("h5", [_vm._v("Aturan Lain:")]),
+                              _vm._v(" "),
+                              _c("ckeditor", {
+                                attrs: { type: "classic" },
+                                model: {
+                                  value: _vm.form.aturan_lain,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "aturan_lain", $$v)
+                                  },
+                                  expression: "form.aturan_lain",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                      ]),
                     ]),
                   ]),
                   _vm._v(" "),
-                  _vm.itemDataStat == "success"
-                    ? _c("div", [
-                        _vm.form.id_surat_kode != ""
-                          ? _c(
-                              "div",
-                              [
-                                _c("form-info"),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "card card-body" },
-                                  [
-                                    _c("form-button", {
-                                      attrs: {
-                                        cancelState: "methods",
-                                        formValidation: "form",
-                                      },
-                                      on: { cancelClick: _vm.back },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                              ],
-                              1
-                            )
-                          : _vm._e(),
-                      ])
-                    : _vm._e(),
+                  _c("form-info"),
                   _vm._v(" "),
-                  _vm.form.id_surat_kode == ""
-                    ? _c(
-                        "div",
-                        { staticClass: "card card-body" },
-                        [
-                          _c("form-button", {
-                            attrs: {
-                              cancelState: "methods",
-                              isSingleButton: true,
-                            },
-                            on: { cancelClick: _vm.back },
-                          }),
-                        ],
-                        1
-                      )
-                    : _vm._e(),
-                ]
+                  _c("br"),
+                  _vm._v(" "),
+                  _c(
+                    "div",
+                    { staticClass: "card card-body" },
+                    [
+                      _c("form-button", {
+                        attrs: {
+                          cancelState: "methods",
+                          formValidation: "form",
+                        },
+                        on: { cancelClick: _vm.back },
+                      }),
+                    ],
+                    1
+                  ),
+                ],
+                1
               ),
             ],
             1
@@ -2141,71 +1907,27 @@ var render = function () {
         ]),
       ]),
       _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            content: _vm.modalContent,
-            color: _vm.modalColor,
-          },
-          on: {
-            batal: _vm.modalTutup,
-            tutup: _vm.modalTutup,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick,
-          },
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          content: _vm.modalContent,
+          color: _vm.modalColor,
         },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body2" },
-            [
-              _c("form-kategori", {
-                attrs: { id_cu: _vm.id_cu },
-                on: { cancelClick: _vm.modalTutup },
-              }),
-            ],
-            1
-          ),
-        ],
-        2
-      ),
+        on: {
+          batal: _vm.modalTutup,
+          tutup: _vm.modalTutup,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalBackgroundClick,
+        },
+      }),
     ],
     1
   )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h4", [_vm._v("Mohon tunggu...")]),
-        _vm._v(" "),
-        _c("div", { staticClass: "progress" }, [
-          _c(
-            "div",
-            {
-              staticClass:
-                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-              staticStyle: { width: "100%" },
-            },
-            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-          ),
-        ]),
-      ]),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
@@ -2539,17 +2261,17 @@ function objectToFormData(obj, form, namespace) {
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/surat/form.vue":
-/*!**************************************************!*\
-  !*** ./resources/assets/js/views/surat/form.vue ***!
-  \**************************************************/
+/***/ "./resources/assets/js/views/produkCu/form.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/views/produkCu/form.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_2d2b9ac3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=2d2b9ac3& */ "./resources/assets/js/views/surat/form.vue?vue&type=template&id=2d2b9ac3&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/surat/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_634522b1___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=634522b1& */ "./resources/assets/js/views/produkCu/form.vue?vue&type=template&id=634522b1&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/produkCu/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2560,8 +2282,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_2d2b9ac3___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_2d2b9ac3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_template_id_634522b1___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_634522b1___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2571,38 +2293,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/surat/form.vue"
+component.options.__file = "resources/assets/js/views/produkCu/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/surat/form.vue?vue&type=script&lang=js&":
-/*!***************************************************************************!*\
-  !*** ./resources/assets/js/views/surat/form.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************/
+/***/ "./resources/assets/js/views/produkCu/form.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/views/produkCu/form.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/surat/form.vue?vue&type=template&id=2d2b9ac3&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/surat/form.vue?vue&type=template&id=2d2b9ac3& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/produkCu/form.vue?vue&type=template&id=634522b1&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/produkCu/form.vue?vue&type=template&id=634522b1& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2d2b9ac3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=2d2b9ac3& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/form.vue?vue&type=template&id=2d2b9ac3&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2d2b9ac3___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_634522b1___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=634522b1& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/form.vue?vue&type=template&id=634522b1&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_634522b1___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2d2b9ac3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_634522b1___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/69.js b/public/js/components/69.js
index 4bae1fff6..85411f6a1 100644
--- a/public/js/components/69.js
+++ b/public/js/components/69.js
@@ -261,25 +261,25 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/form.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tempat/form.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/form.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/form.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
 /* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -574,30 +574,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -610,83 +586,76 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default.a,
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
     wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_9__["default"]
   },
   data: function data() {
     return {
-      title: 'Tambah Tempat',
-      titleDesc: 'Menambah tempat baru',
+      title: 'Tambah Surat',
+      titleDesc: 'Menambah surat keluar baru',
       titleIcon: 'icon-plus3',
-      kelas: 'tempat',
-      level2Title: 'Tempat',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
+      level2Title: 'Surat',
+      kelas: 'surat',
+      id_cu: '',
       modalShow: false,
       modalState: '',
       modalTitle: '',
       modalColor: '',
       modalContent: '',
-      submited: false
+      submited: false,
+      timerCount: 0,
+      timerEnabled: false
     };
   },
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
   created: function created() {
-    this.fetch();
+    if (this.currentUser.id_cu === 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    }
+
+    if (this.$route.meta.mode !== 'edit' && this.form.id_cu === undefined) {
+      this.form.id_cu = this.currentUser.id_cu;
+    }
   },
   watch: {
-    currentUserStat: function currentUserStat(value) {
-      //jika refresh halaman maka reload currentUser
+    formStat: function formStat(value) {
       if (value === "success") {
-        if (this.currentUser.id_cu == 0) {
-          this.$store.dispatch('cu/getPus', this.currentUser.id_pus);
-        } else {
+        if (this.$route.meta.mode !== 'edit') {
           this.form.id_cu = this.currentUser.id_cu;
+        } else {
+          this.checkUser('update_surat', this.form.id_cu);
         }
       }
     },
-    formStat: function formStat(value) {
+    itemDataStat: function itemDataStat(value) {
       if (value === "success") {
-        if (this.$route.meta.mode != 'edit' && this.currentUser.id_cu != 0) {
-          this.form.id_cu = this.currentUser.id_cu;
+        this.timerCount = this.itemData.waktu;
+        this.timerEnabled = true;
+      }
+    },
+    timerCount: {
+      handler: function handler(value) {
+        var _this = this;
+
+        if (value > 0 && this.timerEnabled) {
+          setTimeout(function () {
+            _this.timerCount--;
+          }, 1000);
         }
+      },
+      immediate: true // This ensures the watcher is triggered upon creation
 
-        if (this.$route.meta.mode == 'edit') {
-          this.changeProvinces(this.form.id_provinces);
-          this.changeRegencies(this.form.id_regencies);
-          this.changeDistricts(this.form.id_districts);
-        }
-      }
     },
     updateStat: function updateStat(value) {
       this.modalShow = true;
@@ -703,59 +672,97 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   methods: {
     fetch: function fetch() {
+      if (this.currentUser.id_cu === 0) {
+        if (this.modelCuStat != 'success') {
+          this.$store.dispatch('cu/getHeader');
+        }
+      }
+
       if (this.$route.meta.mode === 'edit') {
         this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Tempat Kegiatan';
-        this.titleDesc = 'Mengubah Tempat Kegiatan';
+        this.title = 'Ubah Surat Keluar';
+        this.titleDesc = 'Mengubah surat keluar';
         this.titleIcon = 'icon-pencil5';
       } else {
-        this.title = 'Tambah Tempat Kegiatan';
-        this.titleDesc = 'Menambah Tempat Kegiatan';
+        this.title = 'Tambah Surat Keluar';
+        this.titleDesc = 'Menambah surat keluar';
         this.titleIcon = 'icon-plus3';
         this.$store.dispatch(this.kelas + '/create');
+        this.$store.dispatch('suratKode/get');
       }
+    },
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
 
-      this.$store.dispatch('provinces/get');
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    },
+    changeKode: function changeKode(value) {
+      if (this.$route.meta.mode !== 'edit') {
+        this.$store.dispatch(this.kelas + '/getKode', value);
+      }
+    },
+    changeKategori: function changeKategori(value) {
+      var _kategori = '';
+      _kategori = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.itemData.kategori, {
+        'id': parseInt(value)
+      });
+      this.form.name = this.itemData.kode + '/' + _kategori.name + '/' + this.itemData.bulan + '/' + this.itemData.periode;
+    },
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.form.content = files[0];
     },
     save: function save() {
-      var _this = this;
-
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      var _this2 = this;
+
+      this.form.id_surat_kode = this.itemData.suratKode.id;
+      this.form.kode = this.itemData.kode;
+      this.form.periode = this.itemData.periode;
+      this.form.bulan = this.itemData.bulan;
+      this.form.tipe = this.itemData.suratKode.name;
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_3__["toMulipartedForm"])(this.form, this.$route.meta.mode);
       this.$validator.validateAll('form').then(function (result) {
         if (result) {
-          if (_this.$route.meta.mode == 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
+          if (_this2.$route.meta.mode === 'edit') {
+            _this2.$store.dispatch(_this2.kelas + '/update', [_this2.$route.params.id, formData]);
           } else {
-            _this.$store.dispatch(_this.kelas + '/store', formData);
+            _this2.$store.dispatch(_this2.kelas + '/store', formData);
           }
 
-          _this.submited = false;
+          _this2.submited = false;
         } else {
           window.scrollTo(0, 0);
-          _this.submited = true;
+          _this2.submited = true;
         }
       });
     },
     back: function back() {
       this.$router.push({
-        name: this.kelas
+        name: this.kelas + 'Cu',
+        params: {
+          cu: this.currentUser.id_cu,
+          tipe: 'semua',
+          periode: this.momentYear()
+        }
       });
     },
-    changeProvinces: function changeProvinces(id) {
-      this.$store.dispatch('regencies/getProvinces', id);
-    },
-    changeRegencies: function changeRegencies(id) {
-      this.$store.dispatch('districts/getRegencies', id);
-    },
-    changeDistricts: function changeDistricts(id) {
-      this.$store.dispatch('villages/getDistricts', id);
-    },
     modalTutup: function modalTutup() {
       if (this.updateStat === 'success') {
         this.back();
       }
 
       this.modalShow = false;
+      this.submitedKategori = false;
+      this.submitedPenulis = false;
     },
     modalBackgroundClick: function modalBackgroundClick() {
       if (this.modalState === 'success') {
@@ -767,29 +774,28 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     },
     processFile: function processFile(event) {
       this.form.gambar = event.target.files[0];
+    },
+    momentYear: function momentYear() {
+      return moment().year();
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tempat', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('surat', {
     form: 'data',
     formStat: 'dataStat',
+    itemData: 'data2',
+    itemDataStat: 'dataStat2',
     rules: 'rules',
     options: 'options',
     updateResponse: 'update',
     updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('provinces', {
-    modelProvinces: 'dataS',
-    modelProvincesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('regencies', {
-    modelRegencies: 'dataS',
-    modelRegenciesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('districts', {
-    modelDistricts: 'dataS',
-    modelDistrictsStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('villages', {
-    modelVillages: 'dataS',
-    modelVillagesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKode', {
+    modelKode: 'dataS',
+    modelKodeStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
   }))
 });
 
@@ -1068,10 +1074,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/form.vue?vue&type=template&id=35808769&":
-/*!****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tempat/form.vue?vue&type=template&id=35808769& ***!
-  \****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/form.vue?vue&type=template&id=2d2b9ac3&":
+/*!***************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/form.vue?vue&type=template&id=2d2b9ac3& ***!
+  \***************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1134,1100 +1140,1029 @@ var render = function () {
                 [
                   _c("div", { staticClass: "card" }, [
                     _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Foto:")]),
-                              _vm._v(" "),
-                              _c("app-image-upload", {
-                                attrs: {
-                                  image_loc: "/images/tempat/",
-                                  image_temp: _vm.form.gambar,
-                                },
-                                model: {
-                                  value: _vm.form.gambar,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "gambar", $$v)
-                                  },
-                                  expression: "form.gambar",
-                                },
-                              }),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.name"),
-                              },
-                            },
-                            [
+                      _vm.$route.meta.mode !== "edit"
+                        ? _c("div", { staticClass: "row" }, [
+                            _c("div", { staticClass: "col-md-12" }, [
                               _c(
-                                "h5",
+                                "div",
                                 {
+                                  staticClass: "form-group mb-0",
                                   class: {
-                                    "text-danger": _vm.errors.has("form.name"),
+                                    "has-error":
+                                      _vm.errors.has("form.id_surat_kode"),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.name")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tNama: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|min:5",
-                                    expression: "'required|min:5'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.name,
-                                    expression: "form.name",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "name",
-                                  placeholder:
-                                    "Silahkan masukkan nama tempat kegiatan",
-                                  "data-vv-as": "Nama",
-                                },
-                                domProps: { value: _vm.form.name },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "name",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.name")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
+                                  _c(
+                                    "h5",
+                                    {
+                                      class: {
+                                        "text-danger":
+                                          _vm.errors.has("form.id_surat_kode"),
+                                      },
+                                    },
                                     [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
+                                      _vm.errors.has("form.id_surat_kode")
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
                                       _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.name")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                        "\n\t\t\t\t\t\t\t\t\t\t\tTipe Surat: "
                                       ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error":
-                                  _vm.errors.has("form.id_provinces"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_provinces"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_provinces")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\t\tProvinsi: "
-                                  ),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_provinces,
-                                      expression: "form.id_provinces",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_provinces",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Provinsi",
-                                    disabled: _vm.modelProvinces.length === 0,
-                                  },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_provinces",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function ($event) {
-                                        return _vm.changeProvinces(
-                                          $event.target.value
-                                        )
-                                      },
+                                      _c("wajib-badge"),
                                     ],
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [_vm._v("Silahkan pilih Provinsi")]
+                                    1
                                   ),
                                   _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelProvinces,
-                                    function (provinces) {
-                                      return _c(
-                                        "option",
-                                        { domProps: { value: provinces.id } },
-                                        [_vm._v(_vm._s(provinces.name))]
+                                  _c("div", { staticClass: "input-group" }, [
+                                    _c(
+                                      "select",
+                                      {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.id_surat_kode,
+                                            expression: "form.id_surat_kode",
+                                          },
+                                          {
+                                            name: "validate",
+                                            rawName: "v-validate",
+                                            value: "required",
+                                            expression: "'required'",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          name: "id_surat_kode",
+                                          "data-width": "100%",
+                                          "data-vv-as": "Tipe",
+                                        },
+                                        on: {
+                                          change: [
+                                            function ($event) {
+                                              var $$selectedVal =
+                                                Array.prototype.filter
+                                                  .call(
+                                                    $event.target.options,
+                                                    function (o) {
+                                                      return o.selected
+                                                    }
+                                                  )
+                                                  .map(function (o) {
+                                                    var val =
+                                                      "_value" in o
+                                                        ? o._value
+                                                        : o.value
+                                                    return val
+                                                  })
+                                              _vm.$set(
+                                                _vm.form,
+                                                "id_surat_kode",
+                                                $event.target.multiple
+                                                  ? $$selectedVal
+                                                  : $$selectedVal[0]
+                                              )
+                                            },
+                                            function ($event) {
+                                              return _vm.changeKode(
+                                                $event.target.value
+                                              )
+                                            },
+                                          ],
+                                        },
+                                      },
+                                      [
+                                        _c(
+                                          "option",
+                                          {
+                                            attrs: { disabled: "", value: "" },
+                                          },
+                                          [
+                                            _c("span", [
+                                              _vm.formStat === "loading"
+                                                ? _c("span", [
+                                                    _vm._v("Mohon tunggu..."),
+                                                  ])
+                                                : _c("span", [
+                                                    _vm._v(
+                                                      "Silahkan pilih tipe surat"
+                                                    ),
+                                                  ]),
+                                            ]),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _vm._l(_vm.modelKode, function (kode) {
+                                          return kode
+                                            ? _c(
+                                                "option",
+                                                {
+                                                  domProps: { value: kode.id },
+                                                },
+                                                [
+                                                  _vm._v(
+                                                    _vm._s(kode.name) +
+                                                      " | " +
+                                                      _vm._s(kode.periode)
+                                                  ),
+                                                ]
+                                              )
+                                            : _vm._e()
+                                        }),
+                                      ],
+                                      2
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _vm.errors.has("form.id_surat_kode")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first(
+                                                  "form.id_surat_kode"
+                                                )
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
                                       )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_provinces")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_provinces"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" ")]
                                       ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error":
-                                  _vm.errors.has("form.id_regencies"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_regencies"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_regencies")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\t\tKabupaten: "
-                                  ),
-                                  _c("wajib-badge"),
-                                ],
-                                1
+                                ]
                               ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_regencies,
-                                      expression: "form.id_regencies",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_regencies",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Kabupaten",
-                                    disabled: _vm.modelRegencies.length === 0,
-                                  },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_regencies",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function ($event) {
-                                        return _vm.changeRegencies(
-                                          $event.target.value
-                                        )
+                            ]),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _vm.itemDataStat == "loading"
+                        ? _c("div", [_vm._m(0)])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _vm.itemDataStat == "success"
+                        ? _c("div", [
+                            _vm.form.id_surat_kode != ""
+                              ? _c("div", { staticClass: "row" }, [
+                                  _vm.$route.meta.mode !== "edit"
+                                    ? _c("div", { staticClass: "col-md-12" }, [
+                                        _c("hr", { staticClass: "mt-0" }),
+                                        _vm._v(" "),
+                                        _c(
+                                          "div",
+                                          {
+                                            staticClass:
+                                              "alert bg-warning alert-styled-left",
+                                          },
+                                          [
+                                            _c("h3", [
+                                              _vm._v(
+                                                "Sisa waktu: " +
+                                                  _vm._s(_vm.timerCount) +
+                                                  " detik"
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("h6", [
+                                              _vm._v(
+                                                "Perhatian nomor surat ini hanya tersedia untuk anda selama 30 menit (1800 detik) sejak anda melihat pesan ini, pastikan anda meminta nomor surat ketika surat sudah siap untuk di kirim."
+                                              ),
+                                            ]),
+                                          ]
+                                        ),
+                                      ])
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "col-md-12" }, [
+                                    _c(
+                                      "div",
+                                      {
+                                        staticClass:
+                                          "card bg-primary text-white card-body",
                                       },
-                                    ],
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelRegenciesStat === "loading"
-                                        ? _c("span", [
-                                            _c("i", {
-                                              staticClass:
-                                                "icon-spinner spinner",
-                                            }),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kabupaten"),
-                                          ]),
-                                    ]
-                                  ),
+                                      [
+                                        _c("h3", { staticClass: "mb-0" }, [
+                                          _vm._v(
+                                            "Nomor Surat: " +
+                                              _vm._s(_vm.itemData.kode)
+                                          ),
+                                        ]),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("hr"),
+                                  ]),
                                   _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelRegencies,
-                                    function (regencies) {
-                                      return _c(
-                                        "option",
-                                        { domProps: { value: regencies.id } },
-                                        [_vm._v(_vm._s(regencies.name))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_regencies")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_regencies"
+                                  _c("div", { staticClass: "col-md-12" }, [
+                                    _c(
+                                      "div",
+                                      {
+                                        staticClass: "form-group",
+                                        class: {
+                                          "has-error": _vm.errors.has(
+                                            "form.id_surat_kategori"
+                                          ),
+                                        },
+                                      },
+                                      [
+                                        _c(
+                                          "h5",
+                                          {
+                                            class: {
+                                              "text-danger": _vm.errors.has(
+                                                "form.id_surat_kategori"
+                                              ),
+                                            },
+                                          },
+                                          [
+                                            _vm.errors.has(
+                                              "form.id_surat_kategori"
                                             )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
+                                              ? _c("i", {
+                                                  staticClass: "icon-cross2",
+                                                })
+                                              : _vm._e(),
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\t\t\tKategori: "
+                                            ),
+                                            _c("wajib-badge"),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "div",
+                                          { staticClass: "input-group" },
+                                          [
+                                            _c(
+                                              "select",
+                                              {
+                                                directives: [
+                                                  {
+                                                    name: "model",
+                                                    rawName: "v-model",
+                                                    value:
+                                                      _vm.form
+                                                        .id_surat_kategori,
+                                                    expression:
+                                                      "form.id_surat_kategori",
+                                                  },
+                                                  {
+                                                    name: "validate",
+                                                    rawName: "v-validate",
+                                                    value: "required",
+                                                    expression: "'required'",
+                                                  },
+                                                ],
+                                                staticClass: "form-control",
+                                                attrs: {
+                                                  name: "id_surat_kategori",
+                                                  "data-width": "100%",
+                                                  "data-vv-as": "Kategori",
+                                                },
+                                                on: {
+                                                  change: [
+                                                    function ($event) {
+                                                      var $$selectedVal =
+                                                        Array.prototype.filter
+                                                          .call(
+                                                            $event.target
+                                                              .options,
+                                                            function (o) {
+                                                              return o.selected
+                                                            }
+                                                          )
+                                                          .map(function (o) {
+                                                            var val =
+                                                              "_value" in o
+                                                                ? o._value
+                                                                : o.value
+                                                            return val
+                                                          })
+                                                      _vm.$set(
+                                                        _vm.form,
+                                                        "id_surat_kategori",
+                                                        $event.target.multiple
+                                                          ? $$selectedVal
+                                                          : $$selectedVal[0]
+                                                      )
+                                                    },
+                                                    function ($event) {
+                                                      return _vm.changeKategori(
+                                                        $event.target.value
+                                                      )
+                                                    },
+                                                  ],
+                                                },
+                                              },
+                                              [
+                                                _c(
+                                                  "option",
+                                                  {
+                                                    attrs: {
+                                                      disabled: "",
+                                                      value: "",
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("span", [
+                                                      _vm.formStat === "loading"
+                                                        ? _c("span", [
+                                                            _vm._v(
+                                                              "Mohon tunggu..."
+                                                            ),
+                                                          ])
+                                                        : _c("span", [
+                                                            _vm._v(
+                                                              "Silahkan pilih kategori"
+                                                            ),
+                                                          ]),
+                                                    ]),
+                                                  ]
+                                                ),
+                                                _vm._v(" "),
+                                                _vm._l(
+                                                  _vm.itemData.kategori,
+                                                  function (kategori) {
+                                                    return kategori
+                                                      ? _c(
+                                                          "option",
+                                                          {
+                                                            domProps: {
+                                                              value:
+                                                                kategori.id,
+                                                            },
+                                                          },
+                                                          [
+                                                            _vm._v(
+                                                              _vm._s(
+                                                                kategori.name
+                                                              ) +
+                                                                " | " +
+                                                                _vm._s(
+                                                                  kategori.deskripsi
+                                                                )
+                                                            ),
+                                                          ]
+                                                        )
+                                                      : _vm._e()
+                                                  }
+                                                ),
+                                              ],
+                                              2
+                                            ),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _vm.errors.has("form.id_surat_kategori")
+                                          ? _c(
+                                              "small",
+                                              {
+                                                staticClass:
+                                                  "text-muted text-danger",
+                                              },
+                                              [
+                                                _c("i", {
+                                                  staticClass:
+                                                    "icon-arrow-small-right",
+                                                }),
+                                                _vm._v(
+                                                  " " +
+                                                    _vm._s(
+                                                      _vm.errors.first(
+                                                        "form.id_surat_kategori"
+                                                      )
+                                                    ) +
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
+                                            )
+                                          : _c(
+                                              "small",
+                                              { staticClass: "text-muted" },
+                                              [_vm._v(" ")]
+                                            ),
+                                      ]
+                                    ),
                                   ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error":
-                                  _vm.errors.has("form.id_districts"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_districts"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_districts")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\t\tKecamatan: "
-                                  ),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_districts,
-                                      expression: "form.id_districts",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_districts",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Kabupaten",
-                                    disabled: _vm.modelDistricts.length === 0,
-                                  },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "col-md-12" }, [
+                                    _c(
+                                      "div",
+                                      {
+                                        staticClass: "form-group",
+                                        class: {
+                                          "has-error":
+                                            _vm.errors.has("form.name"),
+                                        },
+                                      },
+                                      [
+                                        _c(
+                                          "h5",
+                                          {
+                                            class: {
+                                              "text-danger":
+                                                _vm.errors.has("form.name"),
+                                            },
+                                          },
+                                          [
+                                            _vm.errors.has("form.name")
+                                              ? _c("i", {
+                                                  staticClass: "icon-cross2",
+                                                })
+                                              : _vm._e(),
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\t\t\tKode: "
+                                            ),
+                                            _c("wajib-badge"),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c("input", {
+                                          directives: [
+                                            {
+                                              name: "model",
+                                              rawName: "v-model",
+                                              value: _vm.form.name,
+                                              expression: "form.name",
+                                            },
+                                          ],
+                                          staticClass: "form-control",
+                                          attrs: {
+                                            type: "text",
+                                            name: "name",
+                                            placeholder:
+                                              "Silahkan masukkan kode",
+                                            "data-vv-as": "name",
+                                          },
+                                          domProps: { value: _vm.form.name },
+                                          on: {
+                                            input: function ($event) {
+                                              if ($event.target.composing) {
+                                                return
                                               }
+                                              _vm.$set(
+                                                _vm.form,
+                                                "name",
+                                                $event.target.value
+                                              )
+                                            },
+                                          },
+                                        }),
+                                        _vm._v(" "),
+                                        _vm.errors.has("form.name")
+                                          ? _c(
+                                              "small",
+                                              {
+                                                staticClass:
+                                                  "text-muted text-danger",
+                                              },
+                                              [
+                                                _c("i", {
+                                                  staticClass:
+                                                    "icon-arrow-small-right",
+                                                }),
+                                                _vm._v(
+                                                  " " +
+                                                    _vm._s(
+                                                      _vm.errors.first(
+                                                        "form.name"
+                                                      )
+                                                    ) +
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
                                             )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_districts",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function ($event) {
-                                        return _vm.changeDistricts(
-                                          $event.target.value
-                                        )
-                                      },
-                                    ],
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelDistrictsStat === "loading"
-                                        ? _c("span", [
-                                            _c("i", {
-                                              staticClass:
-                                                "icon-spinner spinner",
-                                            }),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kecamatan"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelDistricts,
-                                    function (districts) {
-                                      return _c(
-                                        "option",
-                                        { domProps: { value: districts.id } },
-                                        [_vm._v(_vm._s(districts.name))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_regency")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.id_regency")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
+                                          : _c(
+                                              "small",
+                                              { staticClass: "text-muted" },
+                                              [_vm._v(" ")]
+                                            ),
+                                      ]
+                                    ),
                                   ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.id_villages"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_villages"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_villages")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\t\tKelurahan: "
-                                  ),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_villages,
-                                      expression: "form.id_villages",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_villages",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Desa",
-                                    disabled: _vm.modelVillages.length === 0,
-                                  },
-                                  on: {
-                                    change: function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "id_villages",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelVillagesStat === "loading"
-                                        ? _c("span", [
-                                            _c("i", {
-                                              staticClass:
-                                                "icon-spinner spinner",
-                                            }),
-                                            _vm._v(" mohon tunggu"),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kelurahan"),
-                                          ]),
-                                    ]
-                                  ),
                                   _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelVillages,
-                                    function (villages) {
-                                      return _c(
-                                        "option",
-                                        { domProps: { value: villages.id } },
-                                        [_vm._v(_vm._s(villages.name))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_villages")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.id_villages")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
+                                  _c("div", { staticClass: "col-md-6" }, [
+                                    _c(
+                                      "div",
+                                      {
+                                        staticClass: "form-group",
+                                        class: {
+                                          "has-error":
+                                            _vm.errors.has("form.hal"),
+                                        },
+                                      },
+                                      [
+                                        _c(
+                                          "h5",
+                                          {
+                                            class: {
+                                              "text-danger":
+                                                _vm.errors.has("form.hal"),
+                                            },
+                                          },
+                                          [
+                                            _vm.errors.has("form.hal")
+                                              ? _c("i", {
+                                                  staticClass: "icon-cross2",
+                                                })
+                                              : _vm._e(),
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\t\t\tHal: "
+                                            ),
+                                            _c("wajib-badge"),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c("input", {
+                                          directives: [
+                                            {
+                                              name: "model",
+                                              rawName: "v-model",
+                                              value: _vm.form.hal,
+                                              expression: "form.hal",
+                                            },
+                                          ],
+                                          staticClass: "form-control",
+                                          attrs: {
+                                            type: "text",
+                                            name: "hal",
+                                            placeholder:
+                                              "Silahkan masukkan hal",
+                                            "data-vv-as": "hal",
+                                          },
+                                          domProps: { value: _vm.form.hal },
+                                          on: {
+                                            input: function ($event) {
+                                              if ($event.target.composing) {
+                                                return
+                                              }
+                                              _vm.$set(
+                                                _vm.form,
+                                                "hal",
+                                                $event.target.value
+                                              )
+                                            },
+                                          },
+                                        }),
+                                        _vm._v(" "),
+                                        _vm.errors.has("form.hal")
+                                          ? _c(
+                                              "small",
+                                              {
+                                                staticClass:
+                                                  "text-muted text-danger",
+                                              },
+                                              [
+                                                _c("i", {
+                                                  staticClass:
+                                                    "icon-arrow-small-right",
+                                                }),
+                                                _vm._v(
+                                                  " " +
+                                                    _vm._s(
+                                                      _vm.errors.first(
+                                                        "form.hal"
+                                                      )
+                                                    ) +
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
+                                            )
+                                          : _c(
+                                              "small",
+                                              { staticClass: "text-muted" },
+                                              [_vm._v(" ")]
+                                            ),
+                                      ]
+                                    ),
                                   ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.alamat"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.alamat"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.alamat")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tAlamat: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|min:5",
-                                    expression: "'required|min:5'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.alamat,
-                                    expression: "form.alamat",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "alamat",
-                                  placeholder: "Silahkan masukkan alamat",
-                                  "data-vv-as": "Alamat",
-                                },
-                                domProps: { value: _vm.form.alamat },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "alamat",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.alamat")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.alamat")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "col-md-6" }, [
+                                    _c(
+                                      "div",
+                                      {
+                                        staticClass: "form-group",
+                                        class: {
+                                          "has-error":
+                                            _vm.errors.has("form.perihal"),
+                                        },
+                                      },
+                                      [
+                                        _c(
+                                          "h5",
+                                          {
+                                            class: {
+                                              "text-danger":
+                                                _vm.errors.has("form.perihal"),
+                                            },
+                                          },
+                                          [
+                                            _vm.errors.has("form.perihal")
+                                              ? _c("i", {
+                                                  staticClass: "icon-cross2",
+                                                })
+                                              : _vm._e(),
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\t\t\t\t\tPerihal: "
+                                            ),
+                                            _c("wajib-badge"),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c("input", {
+                                          directives: [
+                                            {
+                                              name: "model",
+                                              rawName: "v-model",
+                                              value: _vm.form.perihal,
+                                              expression: "form.perihal",
+                                            },
+                                          ],
+                                          staticClass: "form-control",
+                                          attrs: {
+                                            type: "text",
+                                            name: "perihal",
+                                            placeholder:
+                                              "Silahkan masukkan perihal",
+                                            "data-vv-as": "perihal",
+                                          },
+                                          domProps: { value: _vm.form.perihal },
+                                          on: {
+                                            input: function ($event) {
+                                              if ($event.target.composing) {
+                                                return
+                                              }
+                                              _vm.$set(
+                                                _vm.form,
+                                                "perihal",
+                                                $event.target.value
+                                              )
+                                            },
+                                          },
+                                        }),
+                                        _vm._v(" "),
+                                        _vm.errors.has("form.perihal")
+                                          ? _c(
+                                              "small",
+                                              {
+                                                staticClass:
+                                                  "text-muted text-danger",
+                                              },
+                                              [
+                                                _c("i", {
+                                                  staticClass:
+                                                    "icon-arrow-small-right",
+                                                }),
+                                                _vm._v(
+                                                  " " +
+                                                    _vm._s(
+                                                      _vm.errors.first(
+                                                        "form.perihal"
+                                                      )
+                                                    ) +
+                                                    "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                ),
+                                              ]
+                                            )
+                                          : _c(
+                                              "small",
+                                              { staticClass: "text-muted" },
+                                              [_vm._v(" ")]
+                                            ),
+                                      ]
+                                    ),
                                   ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.telp"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.telp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tNo. Telp:"),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan no telp",
-                                },
-                                model: {
-                                  value: _vm.form.telp,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "telp", $$v)
-                                  },
-                                  expression: "form.telp",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.hp"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.hp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tNo. Hp:"),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan no hp",
-                                },
-                                model: {
-                                  value: _vm.form.hp,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "hp", $$v)
-                                  },
-                                  expression: "form.hp",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.pos"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.pos")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tKode Pos:"),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan kode pos",
-                                },
-                                model: {
-                                  value: _vm.form.pos,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "pos", $$v)
-                                  },
-                                  expression: "form.pos",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.email"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.email"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.email")
-                                    ? _c("i", { staticClass: "icon-cross2" })
+                                  _vm._v(" "),
+                                  _vm.$route.meta.mode != "edit"
+                                    ? _c("div", { staticClass: "col-md-12" }, [
+                                        _c(
+                                          "div",
+                                          {
+                                            staticClass: "form-group",
+                                            class: {
+                                              "has-error":
+                                                _vm.errors.has("form.format"),
+                                            },
+                                          },
+                                          [
+                                            _c(
+                                              "h5",
+                                              {
+                                                class: {
+                                                  "text-danger":
+                                                    _vm.errors.has(
+                                                      "form.format"
+                                                    ),
+                                                },
+                                              },
+                                              [
+                                                _vm.errors.has("form.format")
+                                                  ? _c("i", {
+                                                      staticClass:
+                                                        "icon-cross2",
+                                                    })
+                                                  : _vm._e(),
+                                                _vm._v(
+                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\tPilih Format: "
+                                                ),
+                                                _c("wajib-badge"),
+                                              ],
+                                              1
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "select",
+                                              {
+                                                directives: [
+                                                  {
+                                                    name: "model",
+                                                    rawName: "v-model",
+                                                    value: _vm.form.format,
+                                                    expression: "form.format",
+                                                  },
+                                                  {
+                                                    name: "validate",
+                                                    rawName: "v-validate",
+                                                    value: "required",
+                                                    expression: "'required'",
+                                                  },
+                                                ],
+                                                staticClass: "form-control",
+                                                attrs: {
+                                                  name: "format",
+                                                  "data-width": "100%",
+                                                  "data-vv-as": "format",
+                                                },
+                                                on: {
+                                                  change: function ($event) {
+                                                    var $$selectedVal =
+                                                      Array.prototype.filter
+                                                        .call(
+                                                          $event.target.options,
+                                                          function (o) {
+                                                            return o.selected
+                                                          }
+                                                        )
+                                                        .map(function (o) {
+                                                          var val =
+                                                            "_value" in o
+                                                              ? o._value
+                                                              : o.value
+                                                          return val
+                                                        })
+                                                    _vm.$set(
+                                                      _vm.form,
+                                                      "format",
+                                                      $event.target.multiple
+                                                        ? $$selectedVal
+                                                        : $$selectedVal[0]
+                                                    )
+                                                  },
+                                                },
+                                              },
+                                              [
+                                                _c(
+                                                  "option",
+                                                  {
+                                                    attrs: {
+                                                      disabled: "",
+                                                      value: "",
+                                                    },
+                                                  },
+                                                  [
+                                                    _vm._v(
+                                                      "Silahkan pilih format"
+                                                    ),
+                                                  ]
+                                                ),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "option",
+                                                  {
+                                                    attrs: { value: "upload" },
+                                                  },
+                                                  [_vm._v("Upload")]
+                                                ),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "option",
+                                                  { attrs: { value: "link" } },
+                                                  [_vm._v("Link")]
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _vm.errors.has("form.format")
+                                              ? _c(
+                                                  "small",
+                                                  {
+                                                    staticClass:
+                                                      "text-muted text-danger",
+                                                  },
+                                                  [
+                                                    _c("i", {
+                                                      staticClass:
+                                                        "icon-arrow-small-right",
+                                                    }),
+                                                    _vm._v(
+                                                      " " +
+                                                        _vm._s(
+                                                          _vm.errors.first(
+                                                            "form.format"
+                                                          )
+                                                        ) +
+                                                        "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                                    ),
+                                                  ]
+                                                )
+                                              : _c(
+                                                  "small",
+                                                  { staticClass: "text-muted" },
+                                                  [_vm._v(" ")]
+                                                ),
+                                          ]
+                                        ),
+                                      ])
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tE-mail:"),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "email",
-                                    expression: "'email'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.email,
-                                    expression: "form.email",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "email",
-                                  placeholder:
-                                    "Silahkan masukkan alamat e-mail",
-                                  "data-vv-as": "E-mail",
-                                },
-                                domProps: { value: _vm.form.email },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "email",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.email")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.email")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.website"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.website"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.website")
-                                    ? _c("i", { staticClass: "icon-cross2" })
+                                  _vm._v(" "),
+                                  _vm.$route.meta.mode != "edit"
+                                    ? _c("div", { staticClass: "col-md-12" }, [
+                                        _vm.form.format == "upload"
+                                          ? _c(
+                                              "div",
+                                              { staticClass: "form-group" },
+                                              [
+                                                _c(
+                                                  "h5",
+                                                  [
+                                                    _vm._v(" Upload dokumen: "),
+                                                    _c("wajib-badge"),
+                                                  ],
+                                                  1
+                                                ),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "div",
+                                                  {
+                                                    staticClass:
+                                                      "card-card-body",
+                                                  },
+                                                  [
+                                                    _c("input", {
+                                                      ref: "fileInput",
+                                                      staticClass:
+                                                        "form-control",
+                                                      attrs: {
+                                                        type: "file",
+                                                        accept:
+                                                          "application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.openxmlformats-officedocument.presentationml.slideshow, text/plain, application/pdf, image/*",
+                                                      },
+                                                      on: {
+                                                        change: _vm.upload,
+                                                      },
+                                                    }),
+                                                  ]
+                                                ),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "small",
+                                                  { staticClass: "text-muted" },
+                                                  [
+                                                    _vm._v(
+                                                      "File yang diterima adalah Word, Excel, Powerpoint, PDF dan gambar/foto"
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            )
+                                          : _vm.form.format == "link"
+                                          ? _c(
+                                              "div",
+                                              { staticClass: "form-group" },
+                                              [
+                                                _c("h5", [
+                                                  _vm._v("Link dokumen: "),
+                                                ]),
+                                                _vm._v(" "),
+                                                _c("input", {
+                                                  directives: [
+                                                    {
+                                                      name: "model",
+                                                      rawName: "v-model",
+                                                      value: _vm.form.link,
+                                                      expression: "form.link",
+                                                    },
+                                                  ],
+                                                  staticClass: "form-control",
+                                                  attrs: {
+                                                    type: "text",
+                                                    name: "link",
+                                                    placeholder:
+                                                      "Silahkan masukkan link",
+                                                  },
+                                                  domProps: {
+                                                    value: _vm.form.link,
+                                                  },
+                                                  on: {
+                                                    input: function ($event) {
+                                                      if (
+                                                        $event.target.composing
+                                                      ) {
+                                                        return
+                                                      }
+                                                      _vm.$set(
+                                                        _vm.form,
+                                                        "link",
+                                                        $event.target.value
+                                                      )
+                                                    },
+                                                  },
+                                                }),
+                                                _vm._v(" "),
+                                                _c(
+                                                  "small",
+                                                  { staticClass: "text-muted" },
+                                                  [
+                                                    _vm._v(
+                                                      "Silahkan masukkan link ke dokumen"
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            )
+                                          : _vm._e(),
+                                      ])
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tWebsite:"),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.website,
-                                    expression: "form.website",
-                                  },
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "url",
-                                    expression: "'url'",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "website",
-                                  placeholder:
-                                    "Silahkan masukkan alamat website",
-                                  "data-vv-as": "Website",
-                                },
-                                domProps: { value: _vm.form.website },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "website",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.website")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.website")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                      ]),
+                                ])
+                              : _vm._e(),
+                          ])
+                        : _vm._e(),
                     ]),
                   ]),
                   _vm._v(" "),
-                  _c("form-info"),
-                  _vm._v(" "),
-                  _c("br"),
+                  _vm.itemDataStat == "success"
+                    ? _c("div", [
+                        _vm.form.id_surat_kode != ""
+                          ? _c(
+                              "div",
+                              [
+                                _c("form-info"),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "card card-body" },
+                                  [
+                                    _c("form-button", {
+                                      attrs: {
+                                        cancelState: "methods",
+                                        formValidation: "form",
+                                      },
+                                      on: { cancelClick: _vm.back },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                              ],
+                              1
+                            )
+                          : _vm._e(),
+                      ])
+                    : _vm._e(),
                   _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "card card-body" },
-                    [
-                      _c("form-button", {
-                        attrs: {
-                          cancelState: "methods",
-                          formValidation: "form",
-                        },
-                        on: { cancelClick: _vm.back },
-                      }),
-                    ],
-                    1
-                  ),
-                ],
-                1
+                  _vm.form.id_surat_kode == ""
+                    ? _c(
+                        "div",
+                        { staticClass: "card card-body" },
+                        [
+                          _c("form-button", {
+                            attrs: {
+                              cancelState: "methods",
+                              isSingleButton: true,
+                            },
+                            on: { cancelClick: _vm.back },
+                          }),
+                        ],
+                        1
+                      )
+                    : _vm._e(),
+                ]
               ),
             ],
             1
@@ -2235,27 +2170,71 @@ var render = function () {
         ]),
       ]),
       _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          content: _vm.modalContent,
-          color: _vm.modalColor,
-        },
-        on: {
-          batal: _vm.modalTutup,
-          tutup: _vm.modalTutup,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalBackgroundClick,
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            content: _vm.modalContent,
+            color: _vm.modalColor,
+          },
+          on: {
+            batal: _vm.modalTutup,
+            tutup: _vm.modalTutup,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
+          },
         },
-      }),
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body2" },
+            [
+              _c("form-kategori", {
+                attrs: { id_cu: _vm.id_cu },
+                on: { cancelClick: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
     ],
     1
   )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h4", [_vm._v("Mohon tunggu...")]),
+        _vm._v(" "),
+        _c("div", { staticClass: "progress" }, [
+          _c(
+            "div",
+            {
+              staticClass:
+                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+              staticStyle: { width: "100%" },
+            },
+            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+          ),
+        ]),
+      ]),
+    ])
+  },
+]
 render._withStripped = true
 
 
@@ -2589,17 +2568,17 @@ function objectToFormData(obj, form, namespace) {
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tempat/form.vue":
-/*!***************************************************!*\
-  !*** ./resources/assets/js/views/tempat/form.vue ***!
-  \***************************************************/
+/***/ "./resources/assets/js/views/surat/form.vue":
+/*!**************************************************!*\
+  !*** ./resources/assets/js/views/surat/form.vue ***!
+  \**************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_35808769___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=35808769& */ "./resources/assets/js/views/tempat/form.vue?vue&type=template&id=35808769&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/tempat/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_2d2b9ac3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=2d2b9ac3& */ "./resources/assets/js/views/surat/form.vue?vue&type=template&id=2d2b9ac3&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/surat/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2610,8 +2589,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_35808769___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_35808769___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_template_id_2d2b9ac3___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_2d2b9ac3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2621,38 +2600,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/tempat/form.vue"
+component.options.__file = "resources/assets/js/views/surat/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tempat/form.vue?vue&type=script&lang=js&":
-/*!****************************************************************************!*\
-  !*** ./resources/assets/js/views/tempat/form.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************/
+/***/ "./resources/assets/js/views/surat/form.vue?vue&type=script&lang=js&":
+/*!***************************************************************************!*\
+  !*** ./resources/assets/js/views/surat/form.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tempat/form.vue?vue&type=template&id=35808769&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/tempat/form.vue?vue&type=template&id=35808769& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/surat/form.vue?vue&type=template&id=2d2b9ac3&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/surat/form.vue?vue&type=template&id=2d2b9ac3& ***!
+  \*********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_35808769___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=35808769& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/form.vue?vue&type=template&id=35808769&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_35808769___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2d2b9ac3___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=2d2b9ac3& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/form.vue?vue&type=template&id=2d2b9ac3&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2d2b9ac3___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_35808769___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_2d2b9ac3___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/70.js b/public/js/components/70.js
index 2112223c6..683040802 100644
--- a/public/js/components/70.js
+++ b/public/js/components/70.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[70],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -17,21 +17,11 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: []
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
 //
 //
 //
@@ -45,19 +35,59 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 /* harmony default export */ __webpack_exports__["default"] = ({
+  data: function data() {
+    return {
+      image: ''
+    };
+  },
   props: {
-    message: {
+    image_loc: {
+      type: [String],
       "default": ''
+    },
+    image_type: {
+      type: [String],
+      "default": '.jpg'
+    },
+    image_temp: {
+      "default": ''
+    },
+    value: {
+      type: [String, File],
+      "default": 'no_image'
+    }
+  },
+  methods: {
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.createImage(files[0]);
+      this.$emit('input', files[0]);
+    },
+    createImage: function createImage(file) {
+      var reader = new FileReader();
+      var vm = this;
+
+      reader.onload = function (e) {
+        vm.image = e.target.result; // this.$emit('input', vm.image)
+      };
+
+      reader.readAsDataURL(file);
+    },
+    close: function close() {
+      this.$emit('input', 'no_image');
+      this.image = '/images/no_image.jpg';
+      this.$refs.fileInput.value = '';
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -69,29 +99,24 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
+  props: []
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/asetTetapGolongan/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -127,60 +152,135 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
+//
+//
+//
+//
+//
+//
+//
+//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Golongan Aset Tetap',
-      kelas: 'asetTetapGolongan',
-      titleDesc: 'Mengelola data golongan aset tetap',
-      titleIcon: 'icon-grid6'
-    };
-  },
-  created: function created() {
-    this.checkUser('index_aset_tetap_jenis', this.$route.params.cu);
+  props: {
+    title: {
+      "default": ''
+    },
+    titleIcon: {
+      "default": ''
+    },
+    titleDesc: {
+      "default": ''
+    },
+    level: {
+      "default": 1
+    },
+    level2Title: {
+      "default": ''
+    },
+    level2Route: {
+      "default": ''
+    }
   },
   methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
+    level2Back: function level2Back() {
+      this.$emit('level2Back');
+    },
+    route1: function route1() {
+      if (this.btn1RouteParams) {
+        this.$router.push({
+          name: this.btn1Route,
+          params: {
+            cu: this.btn1RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn1Route
+        });
+      }
+    },
+    route2: function route2() {
+      if (this.btn2RouteParams) {
+        this.$router.push({
+          name: this.btn2Route,
+          params: {
+            cu: this.btn2RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn2Route
+        });
+      }
+    },
+    route3: function route3() {
+      if (this.btn3RouteParams) {
+        this.$router.push({
+          name: this.btn3Route,
+          params: {
+            cu: this.btn3RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn3Route
+        });
       }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapGolongan', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    message: {
+      "default": ''
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/form.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tempat/form.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapGolongan/form.vue");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -277,6 +377,232 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
 
 
 
@@ -284,192 +610,259 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    formData: _form_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_8___default.a,
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_9__["default"]
   },
-  props: ['title', 'kelas'],
   data: function data() {
     return {
-      selectedItem: [],
-      query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
+      title: 'Tambah Tempat',
+      titleDesc: 'Menambah tempat baru',
+      titleIcon: 'icon-plus3',
+      kelas: 'tempat',
+      level2Title: 'Tempat',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
       },
-      excelDownloadUrl: '',
-      columnData: [{
-        title: 'No.',
-        name: 'No.',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false
-      }, {
-        title: 'Kode',
-        name: 'kode',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Keterangan',
-        name: 'keterangan',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Jumlah Kelompok',
-        name: 'has_aset_tetap_kelompok_count',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false
-      }, {
-        title: 'Tgl. Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      state: '',
       modalShow: false,
       modalState: '',
       modalTitle: '',
+      modalColor: '',
       modalContent: '',
-      modalButton: '',
-      modalColor: ''
+      submited: false
     };
   },
   created: function created() {
-    this.fetch(this.query);
+    this.fetch();
   },
   watch: {
-    // check route changes
-    '$route': function $route(to, from) {
-      this.fetch(this.query);
+    currentUserStat: function currentUserStat(value) {
+      //jika refresh halaman maka reload currentUser
+      if (value === "success") {
+        if (this.currentUser.id_cu == 0) {
+          this.$store.dispatch('cu/getPus', this.currentUser.id_pus);
+        } else {
+          this.form.id_cu = this.currentUser.id_cu;
+        }
+      }
+    },
+    formStat: function formStat(value) {
+      if (value === "success") {
+        if (this.$route.meta.mode != 'edit' && this.currentUser.id_cu != 0) {
+          this.form.id_cu = this.currentUser.id_cu;
+        }
+
+        if (this.$route.meta.mode == 'edit') {
+          this.changeProvinces(this.form.id_provinces);
+          this.changeRegencies(this.form.id_regencies);
+          this.changeDistricts(this.form.id_districts);
+        }
+      }
     },
-    // when updating data
     updateStat: function updateStat(value) {
+      this.modalShow = true;
       this.modalState = value;
-      this.modalButton = 'Ok';
+      this.modalColor = '';
 
       if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.fetch(this.query);
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
+        this.modalTitle = this.updateResponse.message;
       } else {
-        this.modalContent = '';
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
       }
     }
   },
   methods: {
-    fetch: function fetch(params) {
-      this.$store.dispatch(this.kelas + '/index', params);
-      this.excelDownloadUrl = this.kelas;
-    },
-    resetParams: function resetParams() {
-      this.params.search_column = 'name';
-      this.params.search_query_1 = '';
-      this.extSearchColumn = 'name';
-      this.extSearchQuery1 = '';
+    fetch: function fetch() {
+      if (this.$route.meta.mode === 'edit') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+        this.title = 'Ubah Tempat Kegiatan';
+        this.titleDesc = 'Mengubah Tempat Kegiatan';
+        this.titleIcon = 'icon-pencil5';
+      } else {
+        this.title = 'Tambah Tempat Kegiatan';
+        this.titleDesc = 'Menambah Tempat Kegiatan';
+        this.titleIcon = 'icon-plus3';
+        this.$store.dispatch(this.kelas + '/create');
+      }
+
+      this.$store.dispatch('provinces/get');
     },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
+    save: function save() {
+      var _this = this;
+
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.$route.meta.mode == 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
+          } else {
+            _this.$store.dispatch(_this.kelas + '/store', formData);
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
     },
-    ubahData: function ubahData(id) {
+    back: function back() {
       this.$router.push({
-        name: this.kelas + 'Edit',
-        params: {
-          id: id
-        }
+        name: this.kelas
       });
     },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.modalState = 'confirm-tutup';
-      this.state = state;
-
-      if (isMobile) {
-        this.selectedItem = itemMobile;
-      }
-
-      if (state == 'hapus') {
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-      } else if (state == 'tambah') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah golongan aset tetap';
-      } else if (state == 'ubah') {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah golongan aset tetap dengan nama: ' + this.selectedItem.name + ' ?';
-      }
+    changeProvinces: function changeProvinces(id) {
+      this.$store.dispatch('regencies/getProvinces', id);
+    },
+    changeRegencies: function changeRegencies(id) {
+      this.$store.dispatch('districts/getRegencies', id);
+    },
+    changeDistricts: function changeDistricts(id) {
+      this.$store.dispatch('villages/getDistricts', id);
     },
     modalTutup: function modalTutup() {
+      if (this.updateStat === 'success') {
+        this.back();
+      }
+
       this.modalShow = false;
-      this.$store.dispatch(this.kelas + '/resetUpdateStat');
     },
-    modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
       }
+    },
+    processFile: function processFile(event) {
+      this.form.gambar = event.target.files[0];
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapGolongan', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    updateMessage: 'update',
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tempat', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
     updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('provinces', {
+    modelProvinces: 'dataS',
+    modelProvincesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('regencies', {
+    modelRegencies: 'dataS',
+    modelRegenciesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('districts', {
+    modelDistricts: 'dataS',
+    modelDistrictsStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('villages', {
+    modelVillages: 'dataS',
+    modelVillagesStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body text-center" }, [
+        _vm.image === "" && _vm.image_temp === ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: "/images/no_image.jpg" },
+            })
+          : _vm.image === "" && _vm.image_temp !== ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
+            })
+          : _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image },
+            }),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "col-md-10" }, [
+        _c("input", {
+          ref: "fileInput",
+          staticClass: "form-control",
+          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
+          on: { change: _vm.upload },
+        }),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-2" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block",
+            attrs: { type: "button", disabled: _vm.image_temp === "" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.close()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
+        ),
+      ]),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
 
-/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
-				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
 
-//# sourceMappingURL=FileSaver.min.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
 
 /***/ }),
 
@@ -512,10 +905,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -527,21 +920,107 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", { staticStyle: { display: "inline-block" } }, [
-    _c("i", {
-      directives: [
-        {
-          name: "tooltip",
-          rawName: "v-tooltip",
-          value: _vm.message,
-          expression: "message",
-        },
-      ],
-      staticClass: "icon-info22 d-none d-sm-block",
-    }),
-    _vm._v(" "),
-    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
-      _c("i", [_vm._v(_vm._s(_vm.message))]),
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            [
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
+                          },
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
     ]),
   ])
 }
@@ -582,77 +1061,17 @@ var staticRenderFns = [
       ),
     ])
   },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=template&id=d33012fc&":
-/*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=template&id=d33012fc& ***!
-  \****************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("table-data", {
-                attrs: { title: _vm.title, kelas: _vm.kelas },
-              }),
-            ],
-            1
-          ),
-        ]),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=template&id=50032b7e&":
-/*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=template&id=50032b7e& ***!
-  \****************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/form.vue?vue&type=template&id=35808769&":
+/*!****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tempat/form.vue?vue&type=template&id=35808769& ***!
+  \****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -667,307 +1086,1171 @@ var render = function () {
   return _c(
     "div",
     [
-      _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
           },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  _c(
-                    "tr",
-                    {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops, terjadi kesalahan",
+                      errorItem: _vm.errors.items,
                     },
-                    [
-                      !_vm.columnData[0].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c(
-                            "td",
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "form",
+                {
+                  attrs: {
+                    enctype: "multipart/form-data",
+                    "data-vv-scope": "form",
+                  },
+                  on: {
+                    submit: function ($event) {
+                      $event.preventDefault()
+                      return _vm.save.apply(null, arguments)
+                    },
+                  },
+                },
+                [
+                  _c("div", { staticClass: "card" }, [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.kode },
+                              _c("h5", [_vm._v("Foto:")]),
+                              _vm._v(" "),
+                              _c("app-image-upload", {
+                                attrs: {
+                                  image_loc: "/images/tempat/",
+                                  image_temp: _vm.form.gambar,
+                                },
+                                model: {
+                                  value: _vm.form.gambar,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "gambar", $$v)
+                                  },
+                                  expression: "form.gambar",
+                                },
                               }),
                             ],
                             1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.name"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.name"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.name")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tNama: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|min:5",
+                                    expression: "'required|min:5'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.name,
+                                    expression: "form.name",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "name",
+                                  placeholder:
+                                    "Silahkan masukkan nama tempat kegiatan",
+                                  "data-vv-as": "Nama",
+                                },
+                                domProps: { value: _vm.form.name },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "name",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.name")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.name")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.id_provinces"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_provinces"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_provinces")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\t\tProvinsi: "
+                                  ),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_provinces,
+                                      expression: "form.id_provinces",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_provinces",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Provinsi",
+                                    disabled: _vm.modelProvinces.length === 0,
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_provinces",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changeProvinces(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [_vm._v("Silahkan pilih Provinsi")]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelProvinces,
+                                    function (provinces) {
+                                      return _c(
+                                        "option",
+                                        { domProps: { value: provinces.id } },
+                                        [_vm._v(_vm._s(provinces.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_provinces")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first(
+                                              "form.id_provinces"
+                                            )
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.id_regencies"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_regencies"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_regencies")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\t\tKabupaten: "
+                                  ),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_regencies,
+                                      expression: "form.id_regencies",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_regencies",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Kabupaten",
+                                    disabled: _vm.modelRegencies.length === 0,
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_regencies",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changeRegencies(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelRegenciesStat === "loading"
+                                        ? _c("span", [
+                                            _c("i", {
+                                              staticClass:
+                                                "icon-spinner spinner",
+                                            }),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih kabupaten"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelRegencies,
+                                    function (regencies) {
+                                      return _c(
+                                        "option",
+                                        { domProps: { value: regencies.id } },
+                                        [_vm._v(_vm._s(regencies.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_regencies")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first(
+                                              "form.id_regencies"
+                                            )
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.id_districts"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_districts"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_districts")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\t\tKecamatan: "
+                                  ),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_districts,
+                                      expression: "form.id_districts",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_districts",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Kabupaten",
+                                    disabled: _vm.modelDistricts.length === 0,
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_districts",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changeDistricts(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelDistrictsStat === "loading"
+                                        ? _c("span", [
+                                            _c("i", {
+                                              staticClass:
+                                                "icon-spinner spinner",
+                                            }),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih kecamatan"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelDistricts,
+                                    function (districts) {
+                                      return _c(
+                                        "option",
+                                        { domProps: { value: districts.id } },
+                                        [_vm._v(_vm._s(districts.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_regency")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.id_regency")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.id_villages"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_villages"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_villages")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\t\tKelurahan: "
+                                  ),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_villages,
+                                      expression: "form.id_villages",
+                                    },
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_villages",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Desa",
+                                    disabled: _vm.modelVillages.length === 0,
+                                  },
+                                  on: {
+                                    change: function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
+                                        )
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "id_villages",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      )
+                                    },
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelVillagesStat === "loading"
+                                        ? _c("span", [
+                                            _c("i", {
+                                              staticClass:
+                                                "icon-spinner spinner",
+                                            }),
+                                            _vm._v(" mohon tunggu"),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih kelurahan"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelVillages,
+                                    function (villages) {
+                                      return _c(
+                                        "option",
+                                        { domProps: { value: villages.id } },
+                                        [_vm._v(_vm._s(villages.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_villages")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.id_villages")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.alamat"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.alamat"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.alamat")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tAlamat: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|min:5",
+                                    expression: "'required|min:5'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.alamat,
+                                    expression: "form.alamat",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "alamat",
+                                  placeholder: "Silahkan masukkan alamat",
+                                  "data-vv-as": "Alamat",
+                                },
+                                domProps: { value: _vm.form.alamat },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "alamat",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.alamat")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.alamat")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.telp"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.telp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tNo. Telp:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                staticClass: "form-control",
+                                attrs: {
+                                  options: _vm.cleaveOption.number12,
+                                  placeholder: "Silahkan masukkan no telp",
+                                },
+                                model: {
+                                  value: _vm.form.telp,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "telp", $$v)
+                                  },
+                                  expression: "form.telp",
+                                },
                               }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
                             ],
                             1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide
-                        ? _c(
-                            "td",
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.keterangan },
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.hp"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.hp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tNo. Hp:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                staticClass: "form-control",
+                                attrs: {
+                                  options: _vm.cleaveOption.number12,
+                                  placeholder: "Silahkan masukkan no hp",
+                                },
+                                model: {
+                                  value: _vm.form.hp,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "hp", $$v)
+                                  },
+                                  expression: "form.hp",
+                                },
                               }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
                             ],
                             1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c("td", [
-                            _vm._v(
-                              _vm._s(props.item.has_aset_tetap_kelompok_count)
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.pos"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.pos")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tKode Pos:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                staticClass: "form-control",
+                                attrs: {
+                                  options: _vm.cleaveOption.number12,
+                                  placeholder: "Silahkan masukkan kode pos",
+                                },
+                                model: {
+                                  value: _vm.form.pos,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "pos", $$v)
+                                  },
+                                  expression: "form.pos",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ],
+                            1
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.email"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.email"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.email")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tE-mail:"),
+                                ]
                               ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "email",
+                                    expression: "'email'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.email,
+                                    expression: "form.email",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "email",
+                                  placeholder:
+                                    "Silahkan masukkan alamat e-mail",
+                                  "data-vv-as": "E-mail",
+                                },
+                                domProps: { value: _vm.form.email },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "email",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.email")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.email")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.website"),
+                              },
                             },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
-                                    ),
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.website"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.website")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\t\tWebsite:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.website,
+                                    expression: "form.website",
+                                  },
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "url",
+                                    expression: "'url'",
                                   },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                    ]
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "website",
+                                  placeholder:
+                                    "Silahkan masukkan alamat website",
+                                  "data-vv-as": "Website",
+                                },
+                                domProps: { value: _vm.form.website },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "website",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.website")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.website")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("form-info"),
+                  _vm._v(" "),
+                  _c("br"),
+                  _vm._v(" "),
+                  _c(
+                    "div",
+                    { staticClass: "card card-body" },
+                    [
+                      _c("form-button", {
+                        attrs: {
+                          cancelState: "methods",
+                          formValidation: "form",
+                        },
+                        on: { cancelClick: _vm.back },
+                      }),
+                    ],
+                    1
                   ),
-                ]
-              },
-            },
-          ]),
-        },
-        [
-          _c("template", { slot: "button-desktop" }, [
-            _vm.currentUser.can &&
-            _vm.currentUser.can["create_aset_tetap_jenis"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light mb-1",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("tambah")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-plus3" }),
-                    _vm._v(" Tambah\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can &&
-            _vm.currentUser.can["update_aset_tetap_jenis"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("ubah")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-pencil5" }),
-                    _vm._v(" Ubah\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can &&
-            _vm.currentUser.can["destroy_aset_tetap_jenis"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("hapus")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "button-mobile" }, [
-            _vm.currentUser.can &&
-            _vm.currentUser.can["create_aset_tetap_jenis"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("tambah")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-plus3" }),
-                    _vm._v(" Tambah\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can &&
-            _vm.currentUser.can["update_aset_tetap_jenis"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("ubah")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-pencil5" }),
-                    _vm._v(" Ubah\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can &&
-            _vm.currentUser.can["destroy_aset_tetap_jenis"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("hapus")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-          ]),
-        ],
-        2
-      ),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            color: _vm.modalColor,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            content: _vm.modalContent,
-            button: _vm.modalButton,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t\t"),
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _c("form-data", {
-                attrs: {
-                  kelas: _vm.kelas,
-                  mode: _vm.state,
-                  selected: _vm.selectedItem,
-                },
-                on: { tutup: _vm.modalTutup },
-              }),
+                ],
+                1
+              ),
             ],
             1
           ),
-        ],
-        2
-      ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          content: _vm.modalContent,
+          color: _vm.modalColor,
+        },
+        on: {
+          batal: _vm.modalTutup,
+          tutup: _vm.modalTutup,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalBackgroundClick,
+        },
+      }),
     ],
     1
   )
@@ -979,17 +2262,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -999,9 +2282,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1011,54 +2294,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/formInfo.vue"
+component.options.__file = "resources/assets/js/components/ImageUpload.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue":
+/***/ "./resources/assets/js/components/formInfo.vue":
 /*!*****************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue ***!
+  !*** ./resources/assets/js/components/formInfo.vue ***!
   \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1068,9 +2351,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1080,54 +2363,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/infoIcon.vue"
+component.options.__file = "resources/assets/js/components/formInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
 /*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
   \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
 /*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
   \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue":
+/***/ "./resources/assets/js/components/pageHeader.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue ***!
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1137,9 +2420,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1149,55 +2432,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/wajibBadge.vue"
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapGolongan/index.vue":
-/*!***************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapGolongan/index.vue ***!
-  \***************************************************************/
+/***/ "./resources/assets/js/components/wajibBadge.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/wajibBadge.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_d33012fc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=d33012fc& */ "./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=template&id=d33012fc&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1206,9 +2489,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_d33012fc___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_d33012fc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1218,54 +2501,105 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetapGolongan/index.vue"
+component.options.__file = "resources/assets/js/components/wajibBadge.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=template&id=d33012fc&":
-/*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=template&id=d33012fc& ***!
-  \**********************************************************************************************/
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_d33012fc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=d33012fc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=template&id=d33012fc&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_d33012fc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_d33012fc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/***/ }),
+
+/***/ "./resources/assets/js/helpers/form.js":
+/*!*********************************************!*\
+  !*** ./resources/assets/js/helpers/form.js ***!
+  \*********************************************/
+/*! exports provided: toMulipartedForm, objectToFormData */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function toMulipartedForm(form, mode) {
+  if (mode === 'edit' && typeof form.image === 'string') {
+    var temp = JSON.parse(JSON.stringify(form));
+    delete temp.image;
+    return temp;
+  } else {
+    return objectToFormData(form);
+  }
+}
+function objectToFormData(obj, form, namespace) {
+  var fd = form || new FormData();
+  var formKey;
+
+  for (var property in obj) {
+    if (obj.hasOwnProperty(property)) {
+      if (namespace) {
+        formKey = namespace + '[' + property + ']';
+      } else {
+        formKey = property;
+      }
 
+      if (obj[property] instanceof Array) {
+        for (var i = 0; i < obj[property].length; i++) {
+          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
+        }
+      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
+        objectToFormData(obj[property], fd, property);
+      } else {
+        fd.append(formKey, obj[property]);
+      }
+    }
+  }
 
+  return fd;
+}
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapGolongan/table.vue":
-/*!***************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapGolongan/table.vue ***!
-  \***************************************************************/
+/***/ "./resources/assets/js/views/tempat/form.vue":
+/*!***************************************************!*\
+  !*** ./resources/assets/js/views/tempat/form.vue ***!
+  \***************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_50032b7e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=50032b7e& */ "./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=template&id=50032b7e&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_35808769___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=35808769& */ "./resources/assets/js/views/tempat/form.vue?vue&type=template&id=35808769&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/tempat/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1275,9 +2609,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_50032b7e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_50032b7e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_35808769___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_35808769___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1287,38 +2621,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetapGolongan/table.vue"
+component.options.__file = "resources/assets/js/views/tempat/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/tempat/form.vue?vue&type=script&lang=js&":
+/*!****************************************************************************!*\
+  !*** ./resources/assets/js/views/tempat/form.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=template&id=50032b7e&":
-/*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=template&id=50032b7e& ***!
-  \**********************************************************************************************/
+/***/ "./resources/assets/js/views/tempat/form.vue?vue&type=template&id=35808769&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/tempat/form.vue?vue&type=template&id=35808769& ***!
+  \**********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_50032b7e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=50032b7e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=template&id=50032b7e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_50032b7e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_35808769___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=35808769& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tempat/form.vue?vue&type=template&id=35808769&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_35808769___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_50032b7e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_35808769___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/71.js b/public/js/components/71.js
index 00224a9f6..5acd53777 100644
--- a/public/js/components/71.js
+++ b/public/js/components/71.js
@@ -79,9 +79,9 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=script&lang=js&":
 /*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=script&lang=js& ***!
   \************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -91,7 +91,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/asetTetapKelompok/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/asetTetapGolongan/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -139,9 +139,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Kelompok Aset Tetap',
-      kelas: 'asetTetapKelompok',
-      titleDesc: 'Mengelola data kelompok aset tetap',
+      title: 'Golongan Aset Tetap',
+      kelas: 'asetTetapGolongan',
+      titleDesc: 'Mengelola data golongan aset tetap',
       titleIcon: 'icon-grid6'
     };
   },
@@ -159,7 +159,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapKelompok', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapGolongan', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -167,9 +167,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=script&lang=js&":
 /*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=script&lang=js& ***!
   \************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -180,7 +180,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
 /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
 /* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapKelompok/form.vue");
+/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapGolongan/form.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -277,14 +277,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -333,22 +325,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         disable: false,
         filter: true,
         filterDefault: true
-      }, {
-        title: 'Kode Golongan',
-        name: 'golongan.kode',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Nama Golongan',
-        name: 'golongan.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
       }, {
         title: 'Keterangan',
         name: 'keterangan',
@@ -358,8 +334,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         disable: false,
         filter: true
       }, {
-        title: 'Jumlah Jenis',
-        name: 'has_aset_tetap_jenis_count',
+        title: 'Jumlah Kelompok',
+        name: 'has_aset_tetap_kelompok_count',
         tipe: 'numeric',
         sort: true,
         hide: false,
@@ -451,11 +427,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       } else if (state == 'tambah') {
         this.modalState = 'normal1';
         this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah jenis aset tetap';
+        this.modalTitle = 'Tambah golongan aset tetap';
       } else if (state == 'ubah') {
         this.modalState = 'normal1';
         this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah jenis aset tetap dengan nama: ' + this.selectedItem.name + ' ?';
+        this.modalTitle = 'Ubah golongan aset tetap dengan nama: ' + this.selectedItem.name + ' ?';
       }
     },
     modalTutup: function modalTutup() {
@@ -470,7 +446,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapKelompok', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapGolongan', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -613,9 +589,9 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=template&id=a0599266&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=template&id=d33012fc&":
 /*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=template&id=a0599266& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=template&id=d33012fc& ***!
   \****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -673,9 +649,9 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=template&id=696e6bc9&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=template&id=50032b7e&":
 /*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=template&id=696e6bc9& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=template&id=50032b7e& ***!
   \****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -764,34 +740,6 @@ var render = function () {
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[3].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.golongan
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.golongan.kode },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.golongan
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.golongan.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
                         ? _c(
                             "td",
                             [
@@ -803,15 +751,15 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[6].hide
+                      !_vm.columnData[4].hide
                         ? _c("td", [
                             _vm._v(
-                              _vm._s(props.item.has_aset_tetap_jenis_count)
+                              _vm._s(props.item.has_aset_tetap_kelompok_count)
                             ),
                           ])
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[7].hide
+                      !_vm.columnData[5].hide
                         ? _c("td", {
                             domProps: {
                               innerHTML: _vm._s(
@@ -823,7 +771,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[8].hide
+                      !_vm.columnData[6].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -1238,17 +1186,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapKelompok/index.vue":
+/***/ "./resources/assets/js/views/asetTetapGolongan/index.vue":
 /*!***************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapKelompok/index.vue ***!
+  !*** ./resources/assets/js/views/asetTetapGolongan/index.vue ***!
   \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_a0599266___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=a0599266& */ "./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=template&id=a0599266&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_d33012fc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=d33012fc& */ "./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=template&id=d33012fc&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1259,8 +1207,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_a0599266___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_a0599266___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_d33012fc___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_d33012fc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1270,54 +1218,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetapKelompok/index.vue"
+component.options.__file = "resources/assets/js/views/asetTetapGolongan/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=script&lang=js& ***!
   \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=template&id=a0599266&":
+/***/ "./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=template&id=d33012fc&":
 /*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=template&id=a0599266& ***!
+  !*** ./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=template&id=d33012fc& ***!
   \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_a0599266___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=a0599266& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=template&id=a0599266&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_a0599266___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_d33012fc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=d33012fc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/index.vue?vue&type=template&id=d33012fc&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_d33012fc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_a0599266___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_d33012fc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapKelompok/table.vue":
+/***/ "./resources/assets/js/views/asetTetapGolongan/table.vue":
 /*!***************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapKelompok/table.vue ***!
+  !*** ./resources/assets/js/views/asetTetapGolongan/table.vue ***!
   \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_696e6bc9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=696e6bc9& */ "./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=template&id=696e6bc9&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_50032b7e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=50032b7e& */ "./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=template&id=50032b7e&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1328,8 +1276,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_696e6bc9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_696e6bc9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_50032b7e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_50032b7e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1339,38 +1287,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetapKelompok/table.vue"
+component.options.__file = "resources/assets/js/views/asetTetapGolongan/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=script&lang=js&":
 /*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=script&lang=js& ***!
   \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=template&id=696e6bc9&":
+/***/ "./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=template&id=50032b7e&":
 /*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=template&id=696e6bc9& ***!
+  !*** ./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=template&id=50032b7e& ***!
   \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_696e6bc9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=696e6bc9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=template&id=696e6bc9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_696e6bc9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_50032b7e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=50032b7e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapGolongan/table.vue?vue&type=template&id=50032b7e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_50032b7e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_696e6bc9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_50032b7e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/71.js.LICENSE.txt b/public/js/components/71.js.LICENSE.txt
index 2ba1569f4..01a78f023 100644
--- a/public/js/components/71.js.LICENSE.txt
+++ b/public/js/components/71.js.LICENSE.txt
@@ -3,9 +3,3 @@
  * (c) 2018-present João Vitor Cavalcante
  * Released under the MIT License.
  */
-
-/**
-  * Hopper 0.3.4
-  * (c) 2019
-    * @license MIT
-    */
diff --git a/public/js/components/72.js b/public/js/components/72.js
index fa32ae235..f00cadc1a 100644
--- a/public/js/components/72.js
+++ b/public/js/components/72.js
@@ -79,10 +79,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -91,7 +91,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/asetTetapLokasi/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/asetTetapKelompok/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -139,14 +139,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Lokasi Aset Tetap',
-      kelas: 'asetTetapLokasi',
-      titleDesc: 'Mengelola data lokasi aset tetap',
-      titleIcon: 'icon-drawer3'
+      title: 'Kelompok Aset Tetap',
+      kelas: 'asetTetapKelompok',
+      titleDesc: 'Mengelola data kelompok aset tetap',
+      titleIcon: 'icon-grid6'
     };
   },
   created: function created() {
-    this.checkUser('index_aset_tetap_lokasi', this.$route.params.cu);
+    this.checkUser('index_aset_tetap_jenis', this.$route.params.cu);
   },
   methods: {
     checkUser: function checkUser(permission, id_cu) {
@@ -159,7 +159,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapLokasi', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapKelompok', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -167,10 +167,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -180,7 +180,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
 /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
 /* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapLokasi/form.vue");
+/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapKelompok/form.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -274,6 +274,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -305,6 +316,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         sort: false,
         hide: false,
         disable: false
+      }, {
+        title: 'Kode',
+        name: 'kode',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
         title: 'Nama',
         name: 'name',
@@ -314,6 +333,22 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         disable: false,
         filter: true,
         filterDefault: true
+      }, {
+        title: 'Kode Golongan',
+        name: 'golongan.kode',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Nama Golongan',
+        name: 'golongan.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
         title: 'Keterangan',
         name: 'keterangan',
@@ -323,8 +358,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         disable: false,
         filter: true
       }, {
-        title: 'Jumlah',
-        name: 'has_aset_tetap_count',
+        title: 'Jumlah Jenis',
+        name: 'has_aset_tetap_jenis_count',
         tipe: 'numeric',
         sort: true,
         hide: false,
@@ -350,6 +385,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       modalShow: false,
       modalState: '',
       modalTitle: '',
+      modalContent: '',
       modalButton: '',
       modalColor: ''
     };
@@ -415,11 +451,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       } else if (state == 'tambah') {
         this.modalState = 'normal1';
         this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah lokasi aset tetap';
+        this.modalTitle = 'Tambah jenis aset tetap';
       } else if (state == 'ubah') {
         this.modalState = 'normal1';
         this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah lokasi aset tetap dengan nama: ' + this.selectedItem.name + ' ?';
+        this.modalTitle = 'Ubah jenis aset tetap dengan nama: ' + this.selectedItem.name + ' ?';
       }
     },
     modalTutup: function modalTutup() {
@@ -434,7 +470,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapLokasi', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapKelompok', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -577,10 +613,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=template&id=488c33c0&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=template&id=488c33c0& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=template&id=a0599266&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=template&id=a0599266& ***!
+  \****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -637,10 +673,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=template&id=d555c9c8&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=template&id=d555c9c8& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=template&id=696e6bc9&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=template&id=696e6bc9& ***!
+  \****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -708,7 +744,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.name },
+                                attrs: { value: props.item.kode },
                               }),
                             ],
                             1
@@ -720,7 +756,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.keterangan },
+                                attrs: { value: props.item.name },
                               }),
                             ],
                             1
@@ -728,12 +764,54 @@ var render = function () {
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[3].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.golongan
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.golongan.kode },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.golongan
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.golongan.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.keterangan },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
                         ? _c("td", [
-                            _vm._v(_vm._s(props.item.has_aset_tetap_count)),
+                            _vm._v(
+                              _vm._s(props.item.has_aset_tetap_jenis_count)
+                            ),
                           ])
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[4].hide
+                      !_vm.columnData[7].hide
                         ? _c("td", {
                             domProps: {
                               innerHTML: _vm._s(
@@ -745,7 +823,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[5].hide
+                      !_vm.columnData[8].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -770,7 +848,7 @@ var render = function () {
         [
           _c("template", { slot: "button-desktop" }, [
             _vm.currentUser.can &&
-            _vm.currentUser.can["create_aset_tetap_lokasi"]
+            _vm.currentUser.can["create_aset_tetap_jenis"]
               ? _c(
                   "button",
                   {
@@ -790,7 +868,7 @@ var render = function () {
               : _vm._e(),
             _vm._v(" "),
             _vm.currentUser.can &&
-            _vm.currentUser.can["update_aset_tetap_lokasi"]
+            _vm.currentUser.can["update_aset_tetap_jenis"]
               ? _c(
                   "button",
                   {
@@ -811,7 +889,7 @@ var render = function () {
               : _vm._e(),
             _vm._v(" "),
             _vm.currentUser.can &&
-            _vm.currentUser.can["destroy_aset_tetap_lokasi"]
+            _vm.currentUser.can["destroy_aset_tetap_jenis"]
               ? _c(
                   "button",
                   {
@@ -834,11 +912,12 @@ var render = function () {
           _vm._v(" "),
           _c("template", { slot: "button-mobile" }, [
             _vm.currentUser.can &&
-            _vm.currentUser.can["create_aset_tetap_lokasi"]
+            _vm.currentUser.can["create_aset_tetap_jenis"]
               ? _c(
                   "button",
                   {
                     staticClass: "btn btn-light btn-block mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
                     on: {
                       click: function ($event) {
                         $event.preventDefault()
@@ -854,7 +933,7 @@ var render = function () {
               : _vm._e(),
             _vm._v(" "),
             _vm.currentUser.can &&
-            _vm.currentUser.can["update_aset_tetap_lokasi"]
+            _vm.currentUser.can["update_aset_tetap_jenis"]
               ? _c(
                   "button",
                   {
@@ -875,7 +954,7 @@ var render = function () {
               : _vm._e(),
             _vm._v(" "),
             _vm.currentUser.can &&
-            _vm.currentUser.can["destroy_aset_tetap_lokasi"]
+            _vm.currentUser.can["destroy_aset_tetap_jenis"]
               ? _c(
                   "button",
                   {
@@ -907,6 +986,7 @@ var render = function () {
             color: _vm.modalColor,
             state: _vm.modalState,
             title: _vm.modalTitle,
+            content: _vm.modalContent,
             button: _vm.modalButton,
           },
           on: {
@@ -1158,17 +1238,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapLokasi/index.vue":
-/*!*************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapLokasi/index.vue ***!
-  \*************************************************************/
+/***/ "./resources/assets/js/views/asetTetapKelompok/index.vue":
+/*!***************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapKelompok/index.vue ***!
+  \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_488c33c0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=488c33c0& */ "./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=template&id=488c33c0&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_a0599266___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=a0599266& */ "./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=template&id=a0599266&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1179,8 +1259,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_488c33c0___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_488c33c0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_a0599266___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_a0599266___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1190,54 +1270,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetapLokasi/index.vue"
+component.options.__file = "resources/assets/js/views/asetTetapKelompok/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=template&id=488c33c0&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=template&id=488c33c0& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=template&id=a0599266&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=template&id=a0599266& ***!
+  \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_488c33c0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=488c33c0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=template&id=488c33c0&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_488c33c0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_a0599266___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=a0599266& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/index.vue?vue&type=template&id=a0599266&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_a0599266___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_488c33c0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_a0599266___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapLokasi/table.vue":
-/*!*************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapLokasi/table.vue ***!
-  \*************************************************************/
+/***/ "./resources/assets/js/views/asetTetapKelompok/table.vue":
+/*!***************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapKelompok/table.vue ***!
+  \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_d555c9c8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=d555c9c8& */ "./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=template&id=d555c9c8&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_696e6bc9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=696e6bc9& */ "./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=template&id=696e6bc9&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1248,8 +1328,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_d555c9c8___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_d555c9c8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_696e6bc9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_696e6bc9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1259,38 +1339,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetapLokasi/table.vue"
+component.options.__file = "resources/assets/js/views/asetTetapKelompok/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=template&id=d555c9c8&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=template&id=d555c9c8& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=template&id=696e6bc9&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=template&id=696e6bc9& ***!
+  \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d555c9c8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=d555c9c8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=template&id=d555c9c8&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d555c9c8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_696e6bc9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=696e6bc9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapKelompok/table.vue?vue&type=template&id=696e6bc9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_696e6bc9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d555c9c8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_696e6bc9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/73.js b/public/js/components/73.js
index 7971bfbae..6d1a19f14 100644
--- a/public/js/components/73.js
+++ b/public/js/components/73.js
@@ -23,35 +23,15 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -64,90 +44,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 /* harmony default export */ __webpack_exports__["default"] = ({
   props: {
-    title: {
-      "default": ''
-    },
-    titleIcon: {
-      "default": ''
-    },
-    titleDesc: {
-      "default": ''
-    },
-    level: {
-      "default": 1
-    },
-    level2Title: {
-      "default": ''
-    },
-    level2Route: {
+    message: {
       "default": ''
     }
-  },
-  methods: {
-    level2Back: function level2Back() {
-      this.$emit('level2Back');
-    },
-    route1: function route1() {
-      if (this.btn1RouteParams) {
-        this.$router.push({
-          name: this.btn1Route,
-          params: {
-            cu: this.btn1RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn1Route
-        });
-      }
-    },
-    route2: function route2() {
-      if (this.btn2RouteParams) {
-        this.$router.push({
-          name: this.btn2Route,
-          params: {
-            cu: this.btn2RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn2Route
-        });
-      }
-    },
-    route3: function route3() {
-      if (this.btn3RouteParams) {
-        this.$router.push({
-          name: this.btn3Route,
-          params: {
-            cu: this.btn3RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn3Route
-        });
-      }
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
+  }
 });
 
 /***/ }),
@@ -177,10 +79,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/form.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/form.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -188,13 +90,8 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _formKategori_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./formKategori.vue */ "./resources/assets/js/views/dokumen/formKategori.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/asetTetapLokasi/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -230,6 +127,66 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Lokasi Aset Tetap',
+      kelas: 'asetTetapLokasi',
+      titleDesc: 'Mengelola data lokasi aset tetap',
+      titleIcon: 'icon-drawer3'
+    };
+  },
+  created: function created() {
+    this.checkUser('index_aset_tetap_lokasi', this.$route.params.cu);
+  },
+  methods: {
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapLokasi', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapLokasi/form.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -317,138 +274,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
 
 
 
@@ -456,344 +281,186 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formKategori: _formKategori_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    formData: _form_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
+  props: ['title', 'kelas'],
   data: function data() {
     return {
-      title: 'Tambah Dokumen',
-      titleDesc: 'Menambah dokumen baru',
-      titleIcon: 'icon-plus3',
-      level2Title: 'Dokumen',
-      kelas: 'dokumen',
-      id_cu: '',
+      selectedItem: [],
+      query: {
+        order_column: "name",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      excelDownloadUrl: '',
+      columnData: [{
+        title: 'No.',
+        name: 'No.',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Keterangan',
+        name: 'keterangan',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Jumlah',
+        name: 'has_aset_tetap_count',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false
+      }, {
+        title: 'Tgl. Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      state: '',
       modalShow: false,
       modalState: '',
       modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      submited: false,
-      submitedKategori: false,
-      submitedPenulis: false
+      modalButton: '',
+      modalColor: ''
     };
   },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
   created: function created() {
-    if (this.currentUser.id_cu === 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    }
-
-    if (this.$route.meta.mode !== 'edit' && this.form.id_cu === undefined) {
-      this.form.id_cu = this.currentUser.id_cu;
-      this.changeCU(this.currentUser.id_cu);
-    }
+    this.fetch(this.query);
   },
   watch: {
-    formStat: function formStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode !== 'edit') {
-          this.form.id_cu = this.currentUser.id_cu;
-        } else {
-          this.checkUser('update_dokumen', this.form.id_cu);
-        }
-
-        if (this.form.id_cu !== undefined) {
-          this.changeCU(this.form.id_cu);
-        }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    },
-    updateKategoriStat: function updateKategoriStat(value) {
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateKategoriResponse.message;
-        this.$store.dispatch('dokumenKategori/getCu', this.id_cu);
-        this.form.id_dokumen_kategori = this.updateKategoriResponse.id;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateKategoriResponse.message;
-      }
-    },
-    updatePenulisStat: function updatePenulisStat(value) {
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updatePenulisResponse.message;
-        this.$store.dispatch('dokumenPenulis/getCu', this.id_cu);
-        this.form.id_dokumen_penulis = this.updatePenulisResponse.id;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updatePenulisResponse.message;
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.currentUser.id_cu === 0) {
-        if (this.modelCuStat != 'success') {
-          this.$store.dispatch('cu/getHeader');
-        }
-      }
-
-      if (this.$route.meta.mode === 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Dokumen';
-        this.titleDesc = 'Mengubah dokumen';
-        this.titleIcon = 'icon-pencil5';
-      } else {
-        this.title = 'Tambah Dokumen';
-        this.titleDesc = 'Menambah dokumen';
-        this.titleIcon = 'icon-plus3';
-        this.$store.dispatch(this.kelas + '/create');
-      }
-    },
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    },
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.form.content = files[0];
-    },
-    save: function save() {
-      var _this = this;
-
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.$route.meta.mode === 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/store', formData);
-          }
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
-    },
-    changeCU: function changeCU(id) {
-      this.$store.dispatch('dokumenKategori/getCu', id);
-    },
-    back: function back() {
-      if (this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: 'semua'
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        });
-      }
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat === 'success') {
-        this.back();
-      }
-
-      this.modalShow = false;
-      this.submitedKategori = false;
-      this.submitedPenulis = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    },
-    modalOpen_Kategori: function modalOpen_Kategori() {
-      this.id_cu = this.form.id_cu;
-      this.modalShow = true;
-      this.modalState = 'normal2';
-      this.modalColor = 'bg-primary';
-      this.modalTitle = 'Tambah kategori dokumen';
-    },
-    processFile: function processFile(event) {
-      this.form.gambar = event.target.files[0];
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumen', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumenKategori', {
-    modelKategori: 'dataS',
-    modelKategoriStat: 'dataStatS',
-    updateKategoriResponse: 'update',
-    updateKategoriStat: 'updateStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/formKategori.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/formKategori.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['id_cu'],
-  components: {
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  data: function data() {
-    return {
-      kelas: 'dokumenKategori',
-      form: {
-        id_cu: '',
-        name: '',
-        deskripsi: ''
-      },
-      submited: false,
-      cancelTitle: 'Tutup',
-      cancelIcon: 'icon-cross',
-      cancelState: 'methods'
-    };
+    // check route changes
+    '$route': function $route(to, from) {
+      this.fetch(this.query);
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.fetch(this.query);
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
+    }
   },
   methods: {
-    save: function save() {
-      var _this = this;
-
-      this.form.id_cu = this.id_cu;
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          _this.$store.dispatch(_this.kelas + '/store', _this.form);
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
+    fetch: function fetch(params) {
+      this.$store.dispatch(this.kelas + '/index', params);
+      this.excelDownloadUrl = this.kelas;
+    },
+    resetParams: function resetParams() {
+      this.params.search_column = 'name';
+      this.params.search_query_1 = '';
+      this.extSearchColumn = 'name';
+      this.extSearchQuery1 = '';
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    ubahData: function ubahData(id) {
+      this.$router.push({
+        name: this.kelas + 'Edit',
+        params: {
+          id: id
         }
       });
     },
-    cancelClick: function cancelClick() {
-      this.$emit('cancelClick');
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.modalState = 'confirm-tutup';
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
+
+      if (state == 'hapus') {
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+      } else if (state == 'tambah') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah lokasi aset tetap';
+      } else if (state == 'ubah') {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah lokasi aset tetap dengan nama: ' + this.selectedItem.name + ' ?';
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      }
     }
-  }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapLokasi', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  }))
 });
 
 /***/ }),
 
+/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
+
+//# sourceMappingURL=FileSaver.min.js.map
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
+/***/ }),
+
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
 /*!******************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
@@ -833,10 +500,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -848,107 +515,21 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
-            [
-              _vm.level === 1
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
-                        },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
+  return _c("div", { staticStyle: { display: "inline-block" } }, [
+    _c("i", {
+      directives: [
+        {
+          name: "tooltip",
+          rawName: "v-tooltip",
+          value: _vm.message,
+          expression: "message",
+        },
+      ],
+      staticClass: "icon-info22 d-none d-sm-block",
+    }),
+    _vm._v(" "),
+    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
+      _c("i", [_vm._v(_vm._s(_vm.message))]),
     ]),
   ])
 }
@@ -996,10 +577,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/form.vue?vue&type=template&id=756689c5&":
-/*!*****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/form.vue?vue&type=template&id=756689c5& ***!
-  \*****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=template&id=488c33c0&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=template&id=488c33c0& ***!
+  \**************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1019,14 +600,6 @@ var render = function () {
           title: _vm.title,
           titleDesc: _vm.titleDesc,
           titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
         },
       }),
       _vm._v(" "),
@@ -1036,891 +609,330 @@ var render = function () {
             "div",
             { staticClass: "content" },
             [
-              _vm.errors.any("form") && _vm.submited
+              _vm.itemDataStat === "fail"
                 ? _c("message", {
                     attrs: {
-                      title: "Oops, terjadi kesalahan",
-                      errorItem: _vm.errors.items,
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
                     },
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _c(
-                "form",
-                {
-                  attrs: {
-                    enctype: "multipart/form-data",
-                    "data-vv-scope": "form",
-                  },
-                  on: {
-                    submit: function ($event) {
-                      $event.preventDefault()
-                      return _vm.save.apply(null, arguments)
+              _c("table-data", {
+                attrs: { title: _vm.title, kelas: _vm.kelas },
+              }),
+            ],
+            1
+          ),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=template&id=d555c9c8&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=template&id=d555c9c8& ***!
+  \**************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c(
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
+          },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
+                      },
                     },
-                  },
-                },
-                [
-                  _c("div", { staticClass: "card" }, [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.name"),
-                              },
-                            },
+                    [
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c(
+                            "td",
                             [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.name"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.name")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.name,
-                                    expression: "form.name",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "name",
-                                  placeholder: "Silahkan masukkan nama dokumen",
-                                  "data-vv-as": "Nama",
-                                },
-                                domProps: { value: _vm.form.name },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "name",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
                               }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.name")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.name")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _vm.currentUser.id_cu === 0
-                          ? _c("div", { staticClass: "col-md-6" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "form-group",
-                                  class: {
-                                    "has-error": _vm.errors.has("form.id_cu"),
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "h5",
-                                    {
-                                      class: {
-                                        "text-danger":
-                                          _vm.errors.has("form.id_cu"),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has("form.id_cu")
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.id_cu,
-                                          expression: "form.id_cu",
-                                        },
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "id_cu",
-                                        "data-width": "100%",
-                                        "data-vv-as": "CU",
-                                        disabled: _vm.modelCU.length === 0,
-                                      },
-                                      on: {
-                                        change: [
-                                          function ($event) {
-                                            var $$selectedVal =
-                                              Array.prototype.filter
-                                                .call(
-                                                  $event.target.options,
-                                                  function (o) {
-                                                    return o.selected
-                                                  }
-                                                )
-                                                .map(function (o) {
-                                                  var val =
-                                                    "_value" in o
-                                                      ? o._value
-                                                      : o.value
-                                                  return val
-                                                })
-                                            _vm.$set(
-                                              _vm.form,
-                                              "id_cu",
-                                              $event.target.multiple
-                                                ? $$selectedVal
-                                                : $$selectedVal[0]
-                                            )
-                                          },
-                                          function ($event) {
-                                            return _vm.changeCU(
-                                              $event.target.value
-                                            )
-                                          },
-                                        ],
-                                      },
-                                    },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [
-                                          _vm.modelCUStat === "loading"
-                                            ? _c("span", [
-                                                _vm._v("Mohon tunggu..."),
-                                              ])
-                                            : _c("span", [
-                                                _vm._v("Silahkan pilih CU"),
-                                              ]),
-                                        ]
-                                      ),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "0" } }, [
-                                        _vm.currentUser.pus
-                                          ? _c("span", [
-                                              _vm._v(
-                                                _vm._s(_vm.currentUser.pus.name)
-                                              ),
-                                            ])
-                                          : _c("span", [_vm._v("PUSKOPCUINA")]),
-                                      ]),
-                                      _vm._v(" "),
-                                      _vm._l(_vm.modelCU, function (cu, index) {
-                                        return _c(
-                                          "option",
-                                          {
-                                            key: index,
-                                            domProps: { value: cu.id },
-                                          },
-                                          [_vm._v(_vm._s(cu.name))]
-                                        )
-                                      }),
-                                    ],
-                                    2
-                                  ),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.id_cu")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first("form.id_cu")
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]
-                              ),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has(
-                                  "form.id_dokumen_kategori"
-                                ),
-                              },
-                            },
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
                             [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.id_dokumen_kategori"
-                                    ),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_dokumen_kategori")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKategori: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
+                              _c("check-value", {
+                                attrs: { value: props.item.keterangan },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide
+                        ? _c("td", [
+                            _vm._v(_vm._s(props.item.has_aset_tetap_count)),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
                               ),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "input-group" }, [
-                                _c(
-                                  "select",
-                                  {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: _vm.form.id_dokumen_kategori,
-                                        expression: "form.id_dokumen_kategori",
-                                      },
-                                      {
-                                        name: "validate",
-                                        rawName: "v-validate",
-                                        value: "required",
-                                        expression: "'required'",
-                                      },
-                                    ],
-                                    staticClass: "form-control",
-                                    attrs: {
-                                      name: "id_dokumen_kategori",
-                                      "data-width": "100%",
-                                      disabled: _vm.modelKategori.length === 0,
-                                      "data-vv-as": "Kategori",
-                                    },
-                                    on: {
-                                      change: function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_dokumen_kategori",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "option",
-                                      { attrs: { disabled: "", value: "" } },
-                                      [
-                                        _vm.form.id_cu != 0 &&
-                                        _vm.modelKategori.length == 0
-                                          ? _c("span", [
-                                              _vm._v(
-                                                "Silahkan tambah kategori baru"
-                                              ),
-                                            ])
-                                          : _c("span", [
-                                              _vm.modelKategoriStat ===
-                                              "loading"
-                                                ? _c("span", [
-                                                    _vm._v("Mohon tunggu..."),
-                                                  ])
-                                                : _c("span", [
-                                                    _vm._v(
-                                                      "Silahkan pilih kategori"
-                                                    ),
-                                                  ]),
-                                            ]),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm._l(
-                                      _vm.modelKategori,
-                                      function (kategori) {
-                                        return kategori
-                                          ? _c(
-                                              "option",
-                                              {
-                                                domProps: {
-                                                  value: kategori.id,
-                                                },
-                                              },
-                                              [_vm._v(_vm._s(kategori.name))]
-                                            )
-                                          : _vm._e()
-                                      }
-                                    ),
-                                  ],
-                                  2
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "input-group-append" },
-                                  [
-                                    _c(
-                                      "button",
-                                      {
-                                        staticClass: "btn btn-light",
-                                        attrs: {
-                                          type: "button",
-                                          disabled: _vm.form.id_cu === "",
-                                        },
-                                        on: { click: _vm.modalOpen_Kategori },
-                                      },
-                                      [_c("i", { staticClass: "icon-plus22" })]
-                                    ),
-                                  ]
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_cu")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.id_cu")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.status"),
-                              },
                             },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.status"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.status")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tStatus: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.status,
-                                      expression: "form.status",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "status",
-                                    "data-width": "100%",
-                                  },
-                                  on: {
-                                    change: function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "status",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
                                       )
-                                    },
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [_vm._v("Silahkan pilih status")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "PUBLIK" } }, [
-                                    _vm._v(
-                                      "PUBLIK - Dapat dilihat semua user SIMO dan di website"
                                     ),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    { attrs: { value: "GERAKAN" } },
-                                    [
-                                      _vm._v(
-                                        "GERAKAN - Dapat dilihat semua user SIMO"
-                                      ),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "option",
-                                    { attrs: { value: "INTERNAL" } },
-                                    [
-                                      _vm._v(
-                                        "INTERNAL - Hanya dilihat oleh semua user lembaga/CU yang membuat dokumen ini"
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("br"),
-                              _vm._v(" "),
-                              _vm.errors.has("form.status")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.status")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c("div", { staticClass: "form-group" }, [
-                            _c("h5", [_vm._v(" Keterangan: ")]),
-                            _vm._v(" "),
-                            _c("textarea", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.keterangan,
-                                  expression: "form.keterangan",
-                                },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                rows: "5",
-                                type: "text",
-                                name: "keterangan",
-                                placeholder: "Silahkan masukkan keterangan ",
-                              },
-                              domProps: { value: _vm.form.keterangan },
-                              on: {
-                                input: function ($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.form,
-                                    "keterangan",
-                                    $event.target.value
-                                  )
-                                },
-                              },
-                            }),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "edit"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "form-group",
-                                  class: {
-                                    "has-error": _vm.errors.has("form.format"),
                                   },
-                                },
-                                [
-                                  _c(
-                                    "h5",
-                                    {
-                                      class: {
-                                        "text-danger":
-                                          _vm.errors.has("form.format"),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has("form.format")
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t\t\t\tPilih Format: "
-                                      ),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.format,
-                                          expression: "form.format",
-                                        },
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "format",
-                                        "data-width": "100%",
-                                        "data-vv-as": "format",
-                                      },
-                                      on: {
-                                        change: function ($event) {
-                                          var $$selectedVal =
-                                            Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function (o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function (o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                          _vm.$set(
-                                            _vm.form,
-                                            "format",
-                                            $event.target.multiple
-                                              ? $$selectedVal
-                                              : $$selectedVal[0]
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [_vm._v("Silahkan pilih format")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { value: "upload" } },
-                                        [_vm._v("Upload")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { value: "link" } },
-                                        [_vm._v("Link")]
-                                      ),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.format")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first("form.format")
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]
-                              ),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.$route.meta.mode != "edit"
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _vm.form.format == "upload"
-                                ? _c("div", { staticClass: "form-group" }, [
-                                    _c(
-                                      "h5",
-                                      [
-                                        _vm._v(" Upload dokumen: "),
-                                        _c("wajib-badge"),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "div",
-                                      { staticClass: "card-card-body" },
-                                      [
-                                        _c("input", {
-                                          ref: "fileInput",
-                                          staticClass: "form-control",
-                                          attrs: {
-                                            type: "file",
-                                            accept:
-                                              "application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.openxmlformats-officedocument.presentationml.slideshow, text/plain, application/pdf, image/*",
-                                          },
-                                          on: { change: _vm.upload },
-                                        }),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("small", { staticClass: "text-muted" }, [
-                                      _vm._v(
-                                        "File yang diterima adalah Word, Excel, Powerpoint, PDF dan gambar/foto"
-                                      ),
-                                    ]),
-                                  ])
-                                : _vm.form.format == "link"
-                                ? _c("div", { staticClass: "form-group" }, [
-                                    _c("h5", [_vm._v("Link dokumen: ")]),
-                                    _vm._v(" "),
-                                    _c("input", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.link,
-                                          expression: "form.link",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        type: "text",
-                                        name: "link",
-                                        placeholder: "Silahkan masukkan link",
-                                      },
-                                      domProps: { value: _vm.form.link },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form,
-                                            "link",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                    _vm._v(" "),
-                                    _c("small", { staticClass: "text-muted" }, [
-                                      _vm._v(
-                                        "Silahkan masukkan link ke dokumen"
-                                      ),
-                                    ]),
-                                  ])
-                                : _vm._e(),
-                            ])
-                          : _vm._e(),
-                      ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("form-info"),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "card card-body" },
-                    [
-                      _c("form-button", {
-                        attrs: {
-                          cancelState: "methods",
-                          formValidation: "form",
-                        },
-                        on: { cancelClick: _vm.back },
-                      }),
-                    ],
-                    1
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
                   ),
-                ],
-                1
-              ),
-            ],
-            1
-          ),
-        ]),
-      ]),
+                ]
+              },
+            },
+          ]),
+        },
+        [
+          _c("template", { slot: "button-desktop" }, [
+            _vm.currentUser.can &&
+            _vm.currentUser.can["create_aset_tetap_lokasi"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light mb-1",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("tambah")
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-plus3" }),
+                    _vm._v(" Tambah\n\t\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can &&
+            _vm.currentUser.can["update_aset_tetap_lokasi"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("ubah")
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-pencil5" }),
+                    _vm._v(" Ubah\n\t\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can &&
+            _vm.currentUser.can["destroy_aset_tetap_lokasi"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("hapus")
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n\t\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+          ]),
+          _vm._v(" "),
+          _c("template", { slot: "button-mobile" }, [
+            _vm.currentUser.can &&
+            _vm.currentUser.can["create_aset_tetap_lokasi"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("tambah")
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-plus3" }),
+                    _vm._v(" Tambah\n\t\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can &&
+            _vm.currentUser.can["update_aset_tetap_lokasi"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("ubah")
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-pencil5" }),
+                    _vm._v(" Ubah\n\t\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can &&
+            _vm.currentUser.can["destroy_aset_tetap_lokasi"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("hapus")
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n\t\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+          ]),
+        ],
+        2
+      ),
       _vm._v(" "),
       _c(
         "app-modal",
         {
           attrs: {
             show: _vm.modalShow,
+            color: _vm.modalColor,
             state: _vm.modalState,
             title: _vm.modalTitle,
-            content: _vm.modalContent,
-            color: _vm.modalColor,
+            button: _vm.modalButton,
           },
           on: {
-            batal: _vm.modalTutup,
             tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
             successOk: _vm.modalTutup,
             failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick,
+            backgroundClick: _vm.modalTutup,
           },
         },
         [
           _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+            _vm._v("\n\t\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t\t"),
           ]),
           _vm._v(" "),
           _c(
             "template",
-            { slot: "modal-body2" },
+            { slot: "modal-body1" },
             [
-              _c("form-kategori", {
-                attrs: { id_cu: _vm.id_cu },
-                on: { cancelClick: _vm.modalTutup },
+              _c("form-data", {
+                attrs: {
+                  kelas: _vm.kelas,
+                  mode: _vm.state,
+                  selected: _vm.selectedItem,
+                },
+                on: { tutup: _vm.modalTutup },
               }),
             ],
             1
@@ -1937,163 +949,6 @@ render._withStripped = true
 
 
 
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/formKategori.vue?vue&type=template&id=c143bc6a&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/formKategori.vue?vue&type=template&id=c143bc6a& ***!
-  \*************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "form" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _vm.errors.any("form") && _vm.submited
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorItem: _vm.errors.items,
-              },
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c(
-          "div",
-          {
-            staticClass: "form-group",
-            class: { "has-error": _vm.errors.has("form.kategoriNama") },
-          },
-          [
-            _c(
-              "h5",
-              { class: { "text-danger": _vm.errors.has("form.name") } },
-              [
-                _vm.errors.has("form.name")
-                  ? _c("i", { staticClass: "icon-cross2" })
-                  : _vm._e(),
-                _vm._v("\n\t\t\t\tNama: "),
-                _c("wajib-badge"),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c("input", {
-              directives: [
-                {
-                  name: "validate",
-                  rawName: "v-validate",
-                  value: "required",
-                  expression: "'required'",
-                },
-                {
-                  name: "model",
-                  rawName: "v-model",
-                  value: _vm.form.name,
-                  expression: "form.name",
-                },
-              ],
-              staticClass: "form-control",
-              attrs: {
-                type: "text",
-                name: "name",
-                placeholder: "Silahkan masukkan name kategori",
-                "data-vv-as": "Nama",
-              },
-              domProps: { value: _vm.form.name },
-              on: {
-                input: function ($event) {
-                  if ($event.target.composing) {
-                    return
-                  }
-                  _vm.$set(_vm.form, "name", $event.target.value)
-                },
-              },
-            }),
-            _vm._v(" "),
-            _vm.errors.has("form.name")
-              ? _c("small", { staticClass: "text-muted text-danger" }, [
-                  _c("i", { staticClass: "icon-arrow-small-right" }),
-                  _vm._v(
-                    " " + _vm._s(_vm.errors.first("form.name")) + "\n\t\t\t"
-                  ),
-                ])
-              : _c("small", { staticClass: "text-muted" }, [
-                  _vm._v(" \n\t\t\t"),
-                ]),
-          ]
-        ),
-        _vm._v(" "),
-        _c("div", { staticClass: "form-group" }, [
-          _c("h5", [_vm._v("\n\t\t\t\tKeterangan:\n\t\t\t")]),
-          _vm._v(" "),
-          _c("textarea", {
-            directives: [
-              {
-                name: "model",
-                rawName: "v-model",
-                value: _vm.form.deskripsi,
-                expression: "form.deskripsi",
-              },
-            ],
-            staticClass: "form-control",
-            attrs: {
-              rows: "5",
-              type: "text",
-              name: "deskripsi",
-              placeholder: "Silahkan masukkan keterangan kategori",
-            },
-            domProps: { value: _vm.form.deskripsi },
-            on: {
-              input: function ($event) {
-                if ($event.target.composing) {
-                  return
-                }
-                _vm.$set(_vm.form, "deskripsi", $event.target.value)
-              },
-            },
-          }),
-        ]),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("form-button", {
-          attrs: {
-            cancelTitle: _vm.cancelTitle,
-            cancelIcon: _vm.cancelIcon,
-            cancelState: _vm.cancelState,
-            formValidation: "form",
-          },
-          on: { cancelClick: _vm.cancelClick },
-        }),
-      ],
-      1
-    ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
 /***/ }),
 
 /***/ "./resources/assets/js/components/formInfo.vue":
@@ -2165,17 +1020,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2185,9 +1040,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2197,38 +1052,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
+component.options.__file = "resources/assets/js/components/infoIcon.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
@@ -2303,68 +1158,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/helpers/form.js":
-/*!*********************************************!*\
-  !*** ./resources/assets/js/helpers/form.js ***!
-  \*********************************************/
-/*! exports provided: toMulipartedForm, objectToFormData */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function toMulipartedForm(form, mode) {
-  if (mode === 'edit' && typeof form.image === 'string') {
-    var temp = JSON.parse(JSON.stringify(form));
-    delete temp.image;
-    return temp;
-  } else {
-    return objectToFormData(form);
-  }
-}
-function objectToFormData(obj, form, namespace) {
-  var fd = form || new FormData();
-  var formKey;
-
-  for (var property in obj) {
-    if (obj.hasOwnProperty(property)) {
-      if (namespace) {
-        formKey = namespace + '[' + property + ']';
-      } else {
-        formKey = property;
-      }
-
-      if (obj[property] instanceof Array) {
-        for (var i = 0; i < obj[property].length; i++) {
-          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
-        }
-      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
-        objectToFormData(obj[property], fd, property);
-      } else {
-        fd.append(formKey, obj[property]);
-      }
-    }
-  }
-
-  return fd;
-}
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/dokumen/form.vue":
-/*!****************************************************!*\
-  !*** ./resources/assets/js/views/dokumen/form.vue ***!
-  \****************************************************/
+/***/ "./resources/assets/js/views/asetTetapLokasi/index.vue":
+/*!*************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapLokasi/index.vue ***!
+  \*************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_756689c5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=756689c5& */ "./resources/assets/js/views/dokumen/form.vue?vue&type=template&id=756689c5&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumen/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_488c33c0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=488c33c0& */ "./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=template&id=488c33c0&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2374,9 +1178,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_756689c5___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_756689c5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_488c33c0___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_488c33c0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2386,54 +1190,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/dokumen/form.vue"
+component.options.__file = "resources/assets/js/views/asetTetapLokasi/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumen/form.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumen/form.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumen/form.vue?vue&type=template&id=756689c5&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumen/form.vue?vue&type=template&id=756689c5& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=template&id=488c33c0&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=template&id=488c33c0& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_756689c5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=756689c5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/form.vue?vue&type=template&id=756689c5&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_756689c5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_488c33c0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=488c33c0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/index.vue?vue&type=template&id=488c33c0&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_488c33c0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_756689c5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_488c33c0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumen/formKategori.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/dokumen/formKategori.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/views/asetTetapLokasi/table.vue":
+/*!*************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapLokasi/table.vue ***!
+  \*************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formKategori_vue_vue_type_template_id_c143bc6a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKategori.vue?vue&type=template&id=c143bc6a& */ "./resources/assets/js/views/dokumen/formKategori.vue?vue&type=template&id=c143bc6a&");
-/* harmony import */ var _formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKategori.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumen/formKategori.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_d555c9c8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=d555c9c8& */ "./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=template&id=d555c9c8&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2443,9 +1247,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formKategori_vue_vue_type_template_id_c143bc6a___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formKategori_vue_vue_type_template_id_c143bc6a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_d555c9c8___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_d555c9c8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2455,38 +1259,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/dokumen/formKategori.vue"
+component.options.__file = "resources/assets/js/views/asetTetapLokasi/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumen/formKategori.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumen/formKategori.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKategori.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/formKategori.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/dokumen/formKategori.vue?vue&type=template&id=c143bc6a&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/dokumen/formKategori.vue?vue&type=template&id=c143bc6a& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=template&id=d555c9c8&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=template&id=d555c9c8& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_template_id_c143bc6a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKategori.vue?vue&type=template&id=c143bc6a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/formKategori.vue?vue&type=template&id=c143bc6a&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_template_id_c143bc6a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d555c9c8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=d555c9c8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapLokasi/table.vue?vue&type=template&id=d555c9c8&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d555c9c8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_template_id_c143bc6a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_d555c9c8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/74.js b/public/js/components/74.js
index 6693233b4..84eede5de 100644
--- a/public/js/components/74.js
+++ b/public/js/components/74.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[74],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -17,110 +17,8 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    id: {
-      "default": ''
-    }
-  },
-  data: function data() {
-    return {
-      clicked: false
-    };
-  },
-  methods: {
-    btnClick: function btnClick() {
-      var _this = this;
-
-      if (this.clicked) {
-        setTimeout(function () {
-          return _this.clicked = false;
-        }, 400);
-      } else {
-        this.clicked = true;
-      }
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['columnData', 'itemDataStat', 'items'],
-  components: {},
-  data: function data() {
-    return {};
-  },
-  methods: {}
+  props: []
 });
 
 /***/ }),
@@ -254,10 +152,35 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/index.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanGerakan/index.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    message: {
+      "default": ''
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/form.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/form.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -265,10 +188,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/laporanGerakan/table.vue");
-/* harmony import */ var _dashboard_grafikLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../dashboard/grafikLaporanCuWidget.vue */ "./resources/assets/js/views/dashboard/grafikLaporanCuWidget.vue");
-/* harmony import */ var _dashboard_tableLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../dashboard/tableLaporanCuWidget.vue */ "./resources/assets/js/views/dashboard/tableLaporanCuWidget.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _formKategori_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./formKategori.vue */ "./resources/assets/js/views/dokumen/formKategori.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -310,62 +236,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    grafikLaporanCuWidget: _dashboard_grafikLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    tableLaporanCuWidget: _dashboard_tableLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Laporan Statistik Gerakan',
-      kelas: 'laporanCu',
-      titleDesc: 'Mengelola data statistik gerakan',
-      titleIcon: 'icon-stats-bars'
-    };
-  },
-  methods: {},
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    columnData: 'columnData',
-    columnDataPearls: 'columnDataPearls'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/table.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanGerakan/table.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -552,6 +422,33 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
 
 
 
@@ -559,687 +456,374 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formKategori: _formKategori_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
   },
-  props: ["title", "kelas"],
   data: function data() {
     return {
-      excelDownloadUrl: '',
-      selectedItem: [],
-      columnData: [{
-        //0
-        title: "No.",
-        name: "No."
-      }, {
-        //5
-        title: "Periode",
-        name: "periode",
-        tipe: "datetime",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: false,
-        filter: true
-      }, {
-        //6
-        title: "Total CU",
-        name: "cu",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: false,
-        filter: true
-      }, {
-        //6
-        title: "CU Sesuai Periode",
-        name: "cu_sesuai",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: false,
-        filter: true
-      }, {
-        //7
-        title: "Lelaki Biasa",
-        name: "l_biasa",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //8
-        title: "Lelaki L.Biasa",
-        name: "l_lbiasa",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //9
-        title: "Perempuan Biasa",
-        name: "p_biasa",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //10
-        title: "Perempuan L.Biasa",
-        name: "p_lbiasa",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //11
-        title: "Total Anggota",
-        name: "total_anggota",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: true
-      }, {
-        //12
-        title: "Total Anggota Lalu",
-        name: "total_anggota_lalu",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //13
-        title: "Aset",
-        name: "aset",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        //14
-        title: "Aset Lalu",
-        name: "aset_lalu",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //15
-        title: "Aset Masalah",
-        name: "aset_masalah",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //16
-        title: "Aset Tdk Menghasilkan",
-        name: "aset_tidak_menghasilkan",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //16
-        title: "Aset Likuid Tdk Menghasilkan",
-        name: "aset_likuid_tidak_menghasilkan",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //17
-        title: "Aktiva Lancar",
-        name: "aktiva_lancar",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //18
-        title: "Simp. Saham",
-        name: "simpanan_saham",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //19
-        title: "Simp. Saham Lalu",
-        name: "simpanan_saham_lalu",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //20
-        title: "Simp. Saham Des",
-        name: "simpanan_saham_des",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //21
-        title: "Simp. Nonsaham Unggulan",
-        name: "nonsaham_unggulan",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //22
-        title: "Simp. Nonsaham Harian",
-        name: "nonsaham_harian",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //23
-        title: "Hutang SPD",
-        name: "hutang_spd",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //24
-        title: "Hutang Tdk Berbiaya",
-        name: "hutang_tidak_berbiaya_30hari",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //25
-        title: "Total Hutang Pihak Ke-3",
-        name: "total_hutang_pihak3",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //26
-        title: "Piutang Beredar",
-        name: "piutang_beredar",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //27
-        title: "Piutang Bersih",
-        name: "piutang_bersih",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false
-      }, {
-        //28
-        title: "Piutang Anggota",
-        name: "piutang_anggota",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //29
-        title: "Piutang Lalai 1-12 Bulan",
-        name: "piutang_lalai_1bulan",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //30
-        title: "Piutang Lalai > 12 Bulan",
-        name: "piutang_lalai_12bulan",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //31
-        title: "Rasio Piutang Beredar",
-        name: "rasio_beredar",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false
-      }, {
-        //32
-        title: "Rasio Piutang Lalai",
-        name: "rasio_lalai",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false
-      }, {
-        //33
-        title: "DCR",
-        name: "dcr",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //34
-        title: "DCU",
-        name: "dcu",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //35
-        title: "Dana Gedung",
-        name: "dana_gedung",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //36
-        title: "Donasi",
-        name: "donasi",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //37
-        title: "BJS Saham",
-        name: "bjs_saham",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //38
-        title: "Beban Penyisihan DCR",
-        name: "beban_penyisihan_dcr",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //39
-        title: "Investasi Likuid",
-        name: "investasi_likuid",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //40
-        title: "Total Pendapatan",
-        name: "total_pendapatan",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //41
-        title: "Total Biaya",
-        name: "total_biaya",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //42
-        title: "SHU",
-        name: "shu",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //43
-        title: "SHU Lalu",
-        name: "shu_lalu",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //44
-        title: "Rata-rata Aset",
-        name: "rata_aset",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //45
-        title: "Laju Inflasi",
-        name: "laju_inflasi",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }, {
-        //46
-        title: "Harga Pasar",
-        name: "harga_pasar",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        isChart: true,
-        isChartSelect: false,
-        filter: true
-      }]
+      title: 'Tambah Dokumen',
+      titleDesc: 'Menambah dokumen baru',
+      titleIcon: 'icon-plus3',
+      level2Title: 'Dokumen',
+      kelas: 'dokumen',
+      id_cu: '',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      submited: false,
+      submitedKategori: false,
+      submitedPenulis: false
     };
   },
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
   created: function created() {
-    this.fetch(this.query);
+    if (this.currentUser.id_cu === 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    }
+
+    if (this.$route.meta.mode !== 'edit' && this.form.id_cu === undefined) {
+      this.form.id_cu = this.currentUser.id_cu;
+      this.changeCU(this.currentUser.id_cu);
+    }
   },
   watch: {
-    // check route changes
-    $route: function $route(to, from) {
-      this.isFirstLoad = true;
-      this.fetch();
+    formStat: function formStat(value) {
+      if (value === "success") {
+        if (this.$route.meta.mode !== 'edit') {
+          this.form.id_cu = this.currentUser.id_cu;
+        } else {
+          this.checkUser('update_dokumen', this.form.id_cu);
+        }
+
+        if (this.form.id_cu !== undefined) {
+          this.changeCU(this.form.id_cu);
+        }
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    },
+    updateKategoriStat: function updateKategoriStat(value) {
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateKategoriResponse.message;
+        this.$store.dispatch('dokumenKategori/getCu', this.id_cu);
+        this.form.id_dokumen_kategori = this.updateKategoriResponse.id;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateKategoriResponse.message;
+      }
+    },
+    updatePenulisStat: function updatePenulisStat(value) {
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updatePenulisResponse.message;
+        this.$store.dispatch('dokumenPenulis/getCu', this.id_cu);
+        this.form.id_dokumen_penulis = this.updatePenulisResponse.id;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updatePenulisResponse.message;
+      }
     }
   },
   methods: {
     fetch: function fetch() {
-      this.$store.dispatch(this.kelas + "/indexGerakan");
-      this.excelDownloadUrl = this.kelas + "/indexGerakan";
+      if (this.currentUser.id_cu === 0) {
+        if (this.modelCuStat != 'success') {
+          this.$store.dispatch('cu/getHeader');
+        }
+      }
+
+      if (this.$route.meta.mode === 'edit') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+        this.title = 'Ubah Dokumen';
+        this.titleDesc = 'Mengubah dokumen';
+        this.titleIcon = 'icon-pencil5';
+      } else {
+        this.title = 'Tambah Dokumen';
+        this.titleDesc = 'Menambah dokumen';
+        this.titleIcon = 'icon-plus3';
+        this.$store.dispatch(this.kelas + '/create');
+      }
+    },
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
     },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.form.content = files[0];
     },
-    lihatData: function lihatData(periode) {
-      this.$router.push({
-        name: "laporanCuPeriode",
-        params: {
-          periode: periode
+    save: function save() {
+      var _this = this;
+
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.$route.meta.mode === 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
+          } else {
+            _this.$store.dispatch(_this.kelas + '/store', formData);
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
         }
       });
     },
-    formatPeriode: function formatPeriode(value) {
-      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter("dateMonth")(value);
+    changeCU: function changeCU(id) {
+      this.$store.dispatch('dokumenKategori/getCu', id);
+    },
+    back: function back() {
+      if (this.currentUser.id_cu == 0) {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: 'semua'
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        });
+      }
+    },
+    modalTutup: function modalTutup() {
+      if (this.updateStat === 'success') {
+        this.back();
+      }
+
+      this.modalShow = false;
+      this.submitedKategori = false;
+      this.submitedPenulis = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+    },
+    modalOpen_Kategori: function modalOpen_Kategori() {
+      this.id_cu = this.form.id_cu;
+      this.modalShow = true;
+      this.modalState = 'normal2';
+      this.modalColor = 'bg-primary';
+      this.modalTitle = 'Tambah kategori dokumen';
+    },
+    processFile: function processFile(event) {
+      this.form.gambar = event.target.files[0];
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("laporanCu", {
-    itemData: "dataS",
-    itemDataStat: "dataStatS"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumen', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('dokumenKategori', {
+    modelKategori: 'dataS',
+    modelKategoriStat: 'dataStatS',
+    updateKategoriResponse: 'update',
+    updateKategoriStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
-  \************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "button",
-      {
-        staticClass: "btn btn-link btn-block",
-        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
-        on: { click: _vm.btnClick },
-      },
-      [
-        _vm.clicked
-          ? _c("span", [
-              _c("i", { staticClass: "icon-arrow-up12" }),
-              _vm._v(" Kembali "),
-              _c("i", { staticClass: "icon-arrow-up12" }),
-            ])
-          : _c("span", [
-              _c("i", { staticClass: "icon-arrow-down12" }),
-              _vm._v(" Selengkapnya "),
-              _c("i", { staticClass: "icon-arrow-down12" }),
-            ]),
-      ]
-    ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/formKategori.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/formKategori.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['id_cu'],
+  components: {
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  data: function data() {
+    return {
+      kelas: 'dokumenKategori',
+      form: {
+        id_cu: '',
+        name: '',
+        deskripsi: ''
+      },
+      submited: false,
+      cancelTitle: 'Tutup',
+      cancelIcon: 'icon-cross',
+      cancelState: 'methods'
+    };
+  },
+  methods: {
+    save: function save() {
+      var _this = this;
+
+      this.form.id_cu = this.id_cu;
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          _this.$store.dispatch(_this.kelas + '/store', _this.form);
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
+    cancelClick: function cancelClick() {
+      this.$emit('cancelClick');
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      staticClass: "table-responsive table-scrollable",
-      staticStyle: { "max-height": "33rem" },
-    },
-    [
-      _c("table", { staticClass: "table table-striped" }, [
-        _c("thead", { staticClass: "bg-primary" }, [
-          _c(
-            "tr",
-            { staticClass: "text-nowrap" },
-            _vm._l(_vm.columnData, function (item, index) {
-              return _c("th", { key: index }, [
-                _c("span", { domProps: { innerHTML: _vm._s(item.title) } }),
-              ])
-            }),
-            0
-          ),
-        ]),
-        _vm._v(" "),
-        _vm.itemDataStat === "loading"
-          ? _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._m(0),
-                ]),
-              ]),
-            ])
-          : _vm.itemDataStat === "success"
-          ? _c(
-              "tbody",
-              [
-                _vm._l(_vm.items, function (item, index) {
-                  return _vm._t("item-desktop", null, {
-                    item: item,
-                    index: index,
-                  })
-                }),
-                _vm._v(" "),
-                _vm.items.length == 0
-                  ? _c("tr", [
-                      _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                        _vm._v("Belum terdapat data..."),
-                      ]),
-                    ])
-                  : _vm._e(),
-              ],
-              2
-            )
-          : _vm.itemDataStat === "fail"
-          ? _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._v(
-                    "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
-                  ),
-                ]),
-              ]),
-            ])
-          : _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._v("-"),
-                ]),
-              ]),
-            ]),
-      ]),
-    ]
-  )
+  return _vm._m(0)
 }
 var staticRenderFns = [
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
+    return _c("div", [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+          ),
+        ]),
+      ]),
     ])
   },
 ]
@@ -1375,10 +959,47 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/index.vue?vue&type=template&id=22771bf6&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanGerakan/index.vue?vue&type=template&id=22771bf6& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticStyle: { display: "inline-block" } }, [
+      _c(
+        "span",
+        { staticClass: "badge bg-danger-400 align-self-center ml-auto" },
+        [_vm._v("Wajib diisi")]
+      ),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/form.vue?vue&type=template&id=756689c5&":
+/*!*****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/form.vue?vue&type=template&id=756689c5& ***!
+  \*****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1398,6 +1019,14 @@ var render = function () {
           title: _vm.title,
           titleDesc: _vm.titleDesc,
           titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
         },
       }),
       _vm._v(" "),
@@ -1407,55 +1036,898 @@ var render = function () {
             "div",
             { staticClass: "content" },
             [
-              _vm.itemDataStat === "fail"
+              _vm.errors.any("form") && _vm.submited
                 ? _c("message", {
                     attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
+                      title: "Oops, terjadi kesalahan",
+                      errorItem: _vm.errors.items,
                     },
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _c("div", { staticClass: "row" }, [
-                _c(
-                  "div",
-                  { staticClass: "col-lg-8" },
-                  [
-                    _c("grafik-laporan-cu-widget", {
-                      attrs: {
-                        id_cu: "0",
-                        columnData: _vm.columnData,
-                        columnDataPearls: _vm.columnDataPearls,
-                      },
-                    }),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  { staticClass: "col-lg-4" },
-                  [
-                    _c("table-laporan-cu-widget", {
-                      attrs: {
-                        id_cu: "0",
-                        columnData: _vm.columnData,
-                        columnDataPearls: _vm.columnDataPearls,
-                      },
-                    }),
-                  ],
-                  1
-                ),
-              ]),
-              _vm._v(" "),
-              _c("table-data", {
-                attrs: { title: _vm.title, kelas: _vm.kelas },
-              }),
+              _c(
+                "form",
+                {
+                  attrs: {
+                    enctype: "multipart/form-data",
+                    "data-vv-scope": "form",
+                  },
+                  on: {
+                    submit: function ($event) {
+                      $event.preventDefault()
+                      return _vm.save.apply(null, arguments)
+                    },
+                  },
+                },
+                [
+                  _c("div", { staticClass: "card" }, [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-6" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.name"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.name"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.name")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.name,
+                                    expression: "form.name",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "name",
+                                  placeholder: "Silahkan masukkan nama dokumen",
+                                  "data-vv-as": "Nama",
+                                },
+                                domProps: { value: _vm.form.name },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "name",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.name")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.name")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _vm.currentUser.id_cu === 0
+                          ? _c("div", { staticClass: "col-md-6" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "form-group",
+                                  class: {
+                                    "has-error": _vm.errors.has("form.id_cu"),
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "h5",
+                                    {
+                                      class: {
+                                        "text-danger":
+                                          _vm.errors.has("form.id_cu"),
+                                      },
+                                    },
+                                    [
+                                      _vm.errors.has("form.id_cu")
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
+                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
+                                      _c("wajib-badge"),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "select",
+                                    {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.id_cu,
+                                          expression: "form.id_cu",
+                                        },
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "id_cu",
+                                        "data-width": "100%",
+                                        "data-vv-as": "CU",
+                                        disabled: _vm.modelCU.length === 0,
+                                      },
+                                      on: {
+                                        change: [
+                                          function ($event) {
+                                            var $$selectedVal =
+                                              Array.prototype.filter
+                                                .call(
+                                                  $event.target.options,
+                                                  function (o) {
+                                                    return o.selected
+                                                  }
+                                                )
+                                                .map(function (o) {
+                                                  var val =
+                                                    "_value" in o
+                                                      ? o._value
+                                                      : o.value
+                                                  return val
+                                                })
+                                            _vm.$set(
+                                              _vm.form,
+                                              "id_cu",
+                                              $event.target.multiple
+                                                ? $$selectedVal
+                                                : $$selectedVal[0]
+                                            )
+                                          },
+                                          function ($event) {
+                                            return _vm.changeCU(
+                                              $event.target.value
+                                            )
+                                          },
+                                        ],
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [
+                                          _vm.modelCUStat === "loading"
+                                            ? _c("span", [
+                                                _vm._v("Mohon tunggu..."),
+                                              ])
+                                            : _c("span", [
+                                                _vm._v("Silahkan pilih CU"),
+                                              ]),
+                                        ]
+                                      ),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "0" } }, [
+                                        _vm.currentUser.pus
+                                          ? _c("span", [
+                                              _vm._v(
+                                                _vm._s(_vm.currentUser.pus.name)
+                                              ),
+                                            ])
+                                          : _c("span", [_vm._v("PUSKOPCUINA")]),
+                                      ]),
+                                      _vm._v(" "),
+                                      _vm._l(_vm.modelCU, function (cu, index) {
+                                        return _c(
+                                          "option",
+                                          {
+                                            key: index,
+                                            domProps: { value: cu.id },
+                                          },
+                                          [_vm._v(_vm._s(cu.name))]
+                                        )
+                                      }),
+                                    ],
+                                    2
+                                  ),
+                                  _vm._v(" "),
+                                  _vm.errors.has("form.id_cu")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first("form.id_cu")
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" ")]
+                                      ),
+                                ]
+                              ),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-6" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has(
+                                  "form.id_dokumen_kategori"
+                                ),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has(
+                                      "form.id_dokumen_kategori"
+                                    ),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_dokumen_kategori")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKategori: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "input-group" }, [
+                                _c(
+                                  "select",
+                                  {
+                                    directives: [
+                                      {
+                                        name: "model",
+                                        rawName: "v-model",
+                                        value: _vm.form.id_dokumen_kategori,
+                                        expression: "form.id_dokumen_kategori",
+                                      },
+                                      {
+                                        name: "validate",
+                                        rawName: "v-validate",
+                                        value: "required",
+                                        expression: "'required'",
+                                      },
+                                    ],
+                                    staticClass: "form-control",
+                                    attrs: {
+                                      name: "id_dokumen_kategori",
+                                      "data-width": "100%",
+                                      disabled: _vm.modelKategori.length === 0,
+                                      "data-vv-as": "Kategori",
+                                    },
+                                    on: {
+                                      change: function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_dokumen_kategori",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                    },
+                                  },
+                                  [
+                                    _c(
+                                      "option",
+                                      { attrs: { disabled: "", value: "" } },
+                                      [
+                                        _vm.form.id_cu != 0 &&
+                                        _vm.modelKategori.length == 0
+                                          ? _c("span", [
+                                              _vm._v(
+                                                "Silahkan tambah kategori baru"
+                                              ),
+                                            ])
+                                          : _c("span", [
+                                              _vm.modelKategoriStat ===
+                                              "loading"
+                                                ? _c("span", [
+                                                    _vm._v("Mohon tunggu..."),
+                                                  ])
+                                                : _c("span", [
+                                                    _vm._v(
+                                                      "Silahkan pilih kategori"
+                                                    ),
+                                                  ]),
+                                            ]),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm._l(
+                                      _vm.modelKategori,
+                                      function (kategori) {
+                                        return kategori
+                                          ? _c(
+                                              "option",
+                                              {
+                                                domProps: {
+                                                  value: kategori.id,
+                                                },
+                                              },
+                                              [_vm._v(_vm._s(kategori.name))]
+                                            )
+                                          : _vm._e()
+                                      }
+                                    ),
+                                  ],
+                                  2
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "input-group-append" },
+                                  [
+                                    _c(
+                                      "button",
+                                      {
+                                        staticClass: "btn btn-light",
+                                        attrs: {
+                                          type: "button",
+                                          disabled: _vm.form.id_cu === "",
+                                        },
+                                        on: { click: _vm.modalOpen_Kategori },
+                                      },
+                                      [_c("i", { staticClass: "icon-plus22" })]
+                                    ),
+                                  ]
+                                ),
+                              ]),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_cu")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.id_cu")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-6" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.status"),
+                              },
+                            },
+                            [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.status"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.status")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tStatus: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.status,
+                                      expression: "form.status",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "status",
+                                    "data-width": "100%",
+                                  },
+                                  on: {
+                                    change: function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
+                                        )
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "status",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      )
+                                    },
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [_vm._v("Silahkan pilih status")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("option", { attrs: { value: "PUBLIK" } }, [
+                                    _vm._v(
+                                      "PUBLIK - Dapat dilihat semua user SIMO dan di website"
+                                    ),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "option",
+                                    { attrs: { value: "GERAKAN" } },
+                                    [
+                                      _vm._v(
+                                        "GERAKAN - Dapat dilihat semua user SIMO"
+                                      ),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "option",
+                                    { attrs: { value: "INTERNAL" } },
+                                    [
+                                      _vm._v(
+                                        "INTERNAL - Hanya dilihat oleh semua user lembaga/CU yang membuat dokumen ini"
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("br"),
+                              _vm._v(" "),
+                              _vm.errors.has("form.status")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.status")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c("div", { staticClass: "form-group" }, [
+                            _c("h5", [_vm._v(" Keterangan: ")]),
+                            _vm._v(" "),
+                            _c("textarea", {
+                              directives: [
+                                {
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.keterangan,
+                                  expression: "form.keterangan",
+                                },
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                rows: "5",
+                                type: "text",
+                                name: "keterangan",
+                                placeholder: "Silahkan masukkan keterangan ",
+                              },
+                              domProps: { value: _vm.form.keterangan },
+                              on: {
+                                input: function ($event) {
+                                  if ($event.target.composing) {
+                                    return
+                                  }
+                                  _vm.$set(
+                                    _vm.form,
+                                    "keterangan",
+                                    $event.target.value
+                                  )
+                                },
+                              },
+                            }),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "edit"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "form-group",
+                                  class: {
+                                    "has-error": _vm.errors.has("form.format"),
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "h5",
+                                    {
+                                      class: {
+                                        "text-danger":
+                                          _vm.errors.has("form.format"),
+                                      },
+                                    },
+                                    [
+                                      _vm.errors.has("form.format")
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
+                                      _vm._v(
+                                        "\n\t\t\t\t\t\t\t\t\t\t\tPilih Format: "
+                                      ),
+                                      _c("wajib-badge"),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "select",
+                                    {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.format,
+                                          expression: "form.format",
+                                        },
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "format",
+                                        "data-width": "100%",
+                                        "data-vv-as": "format",
+                                      },
+                                      on: {
+                                        change: function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
+                                              )
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.$set(
+                                            _vm.form,
+                                            "format",
+                                            $event.target.multiple
+                                              ? $$selectedVal
+                                              : $$selectedVal[0]
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [_vm._v("Silahkan pilih format")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "option",
+                                        { attrs: { value: "upload" } },
+                                        [_vm._v("Upload")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "option",
+                                        { attrs: { value: "link" } },
+                                        [_vm._v("Link")]
+                                      ),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm.errors.has("form.format")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first("form.format")
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" ")]
+                                      ),
+                                ]
+                              ),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.$route.meta.mode != "edit"
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _vm.form.format == "upload"
+                                ? _c("div", { staticClass: "form-group" }, [
+                                    _c(
+                                      "h5",
+                                      [
+                                        _vm._v(" Upload dokumen: "),
+                                        _c("wajib-badge"),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "div",
+                                      { staticClass: "card-card-body" },
+                                      [
+                                        _c("input", {
+                                          ref: "fileInput",
+                                          staticClass: "form-control",
+                                          attrs: {
+                                            type: "file",
+                                            accept:
+                                              "application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.openxmlformats-officedocument.presentationml.slideshow, text/plain, application/pdf, image/*",
+                                          },
+                                          on: { change: _vm.upload },
+                                        }),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("small", { staticClass: "text-muted" }, [
+                                      _vm._v(
+                                        "File yang diterima adalah Word, Excel, Powerpoint, PDF dan gambar/foto"
+                                      ),
+                                    ]),
+                                  ])
+                                : _vm.form.format == "link"
+                                ? _c("div", { staticClass: "form-group" }, [
+                                    _c("h5", [_vm._v("Link dokumen: ")]),
+                                    _vm._v(" "),
+                                    _c("input", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.link,
+                                          expression: "form.link",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        type: "text",
+                                        name: "link",
+                                        placeholder: "Silahkan masukkan link",
+                                      },
+                                      domProps: { value: _vm.form.link },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form,
+                                            "link",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                    _vm._v(" "),
+                                    _c("small", { staticClass: "text-muted" }, [
+                                      _vm._v(
+                                        "Silahkan masukkan link ke dokumen"
+                                      ),
+                                    ]),
+                                  ])
+                                : _vm._e(),
+                            ])
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("form-info"),
+                  _vm._v(" "),
+                  _c(
+                    "div",
+                    { staticClass: "card card-body" },
+                    [
+                      _c("form-button", {
+                        attrs: {
+                          cancelState: "methods",
+                          formValidation: "form",
+                        },
+                        on: { cancelClick: _vm.back },
+                      }),
+                    ],
+                    1
+                  ),
+                ],
+                1
+              ),
             ],
             1
           ),
         ]),
       ]),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            content: _vm.modalContent,
+            color: _vm.modalColor,
+          },
+          on: {
+            batal: _vm.modalTutup,
+            tutup: _vm.modalTutup,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body2" },
+            [
+              _c("form-kategori", {
+                attrs: { id_cu: _vm.id_cu },
+                on: { cancelClick: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
     ],
     1
   )
@@ -1467,9 +1939,9 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/table.vue?vue&type=template&id=47db5e1c&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/formKategori.vue?vue&type=template&id=c143bc6a&":
 /*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanGerakan/table.vue?vue&type=template&id=47db5e1c& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/dokumen/formKategori.vue?vue&type=template&id=c143bc6a& ***!
   \*************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -1484,702 +1956,157 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c("div", [
     _c(
-      "div",
-      { staticClass: "card" },
+      "form",
+      {
+        attrs: { "data-vv-scope": "form" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
       [
-        _vm._m(0),
+        _vm.errors.any("form") && _vm.submited
+          ? _c("message", {
+              attrs: {
+                title: "Oops terjadi kesalahan",
+                errorItem: _vm.errors.items,
+              },
+            })
+          : _vm._e(),
         _vm._v(" "),
-        _c("div", { staticClass: "card-body pb-2 d-print-none" }, [
-          _c("div", { staticClass: "row" }, [
+        _c(
+          "div",
+          {
+            staticClass: "form-group",
+            class: { "has-error": _vm.errors.has("form.kategoriNama") },
+          },
+          [
             _c(
-              "div",
-              { staticClass: "col-md-8 col-lg-10 pb-2 d-none d-sm-block" },
+              "h5",
+              { class: { "text-danger": _vm.errors.has("form.name") } },
               [
-                _vm.currentUser.id_cu == 0
-                  ? _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light btn-icon mb-1",
-                        attrs: { disabled: !_vm.selectedItem.periode },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.lihatData(_vm.selectedItem.periode)
-                          },
-                        },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-file-eye" }),
-                        _vm._v(" Lihat Laporan Statistik CU\n            "),
-                      ]
-                    )
+                _vm.errors.has("form.name")
+                  ? _c("i", { staticClass: "icon-cross2" })
                   : _vm._e(),
-              ]
+                _vm._v("\n\t\t\t\tNama: "),
+                _c("wajib-badge"),
+              ],
+              1
             ),
             _vm._v(" "),
-            _c("div", { staticClass: "col-md-12 pb-2 d-block d-sm-none" }, [
-              _vm.currentUser.id_cu == 0
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: { disabled: !_vm.selectedItem.periode },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.lihatData(_vm.selectedItem.periode)
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat Laporan Statistik CU\n            "),
-                    ]
-                  )
-                : _vm._e(),
-            ]),
-          ]),
+            _c("input", {
+              directives: [
+                {
+                  name: "validate",
+                  rawName: "v-validate",
+                  value: "required",
+                  expression: "'required'",
+                },
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.form.name,
+                  expression: "form.name",
+                },
+              ],
+              staticClass: "form-control",
+              attrs: {
+                type: "text",
+                name: "name",
+                placeholder: "Silahkan masukkan name kategori",
+                "data-vv-as": "Nama",
+              },
+              domProps: { value: _vm.form.name },
+              on: {
+                input: function ($event) {
+                  if ($event.target.composing) {
+                    return
+                  }
+                  _vm.$set(_vm.form, "name", $event.target.value)
+                },
+              },
+            }),
+            _vm._v(" "),
+            _vm.errors.has("form.name")
+              ? _c("small", { staticClass: "text-muted text-danger" }, [
+                  _c("i", { staticClass: "icon-arrow-small-right" }),
+                  _vm._v(
+                    " " + _vm._s(_vm.errors.first("form.name")) + "\n\t\t\t"
+                  ),
+                ])
+              : _c("small", { staticClass: "text-muted" }, [
+                  _vm._v(" \n\t\t\t"),
+                ]),
+          ]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "form-group" }, [
+          _c("h5", [_vm._v("\n\t\t\t\tKeterangan:\n\t\t\t")]),
+          _vm._v(" "),
+          _c("textarea", {
+            directives: [
+              {
+                name: "model",
+                rawName: "v-model",
+                value: _vm.form.deskripsi,
+                expression: "form.deskripsi",
+              },
+            ],
+            staticClass: "form-control",
+            attrs: {
+              rows: "5",
+              type: "text",
+              name: "deskripsi",
+              placeholder: "Silahkan masukkan keterangan kategori",
+            },
+            domProps: { value: _vm.form.deskripsi },
+            on: {
+              input: function ($event) {
+                if ($event.target.composing) {
+                  return
+                }
+                _vm.$set(_vm.form, "deskripsi", $event.target.value)
+              },
+            },
+          }),
         ]),
         _vm._v(" "),
-        _c("data-table", {
+        _c("hr"),
+        _vm._v(" "),
+        _c("form-button", {
           attrs: {
-            columnData: _vm.columnData,
-            items: _vm.itemData,
-            itemDataStat: _vm.itemDataStat,
+            cancelTitle: _vm.cancelTitle,
+            cancelIcon: _vm.cancelIcon,
+            cancelState: _vm.cancelState,
+            formValidation: "form",
           },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  _c(
-                    "tr",
-                    {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info":
-                          _vm.selectedItem.periode == props.item.periode,
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
-                    },
-                    [
-                      _c("td", [
-                        _vm._v(
-                          "\n\t\t\t\t\t\t\t" +
-                            _vm._s(props.index + 1) +
-                            "\n\t\t\t\t\t\t"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("td", [
-                        _vm._v(
-                          "\n\t\t\t\t\t\t\t" +
-                            _vm._s(_vm._f("dateMonth")(props.item.periode)) +
-                            "\n\t\t\t\t\t\t"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: { value: props.item.cu },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c("td", [
-                        props.item.cu_sesuai
-                          ? _c(
-                              "span",
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.cu_sesuai.cu },
-                                }),
-                              ],
-                              1
-                            )
-                          : _c("span", [_vm._v("-")]),
-                      ]),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.l_biasa,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.l_lbiasa,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.p_biasa,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.p_lbiasa,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.total_anggota,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.total_anggota_lalu,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.aset,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.aset_lalu,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.aset_masalah,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.aset_tidak_menghasilkan,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.aset_likuid_tidak_menghasilkan,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.aktiva_lancar,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.simpanan_saham,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.simpanan_saham_lalu,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.simpanan_saham_des,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.nonsaham_unggulan,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.nonsaham_harian,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.hutang_spd,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.hutang_tidak_berbiaya_30hari,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.total_hutang_pihak3,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.piutang_beredar,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.piutang_bersih,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.piutang_anggota,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.piutang_lalai_1bulan,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.piutang_lalai_12bulan,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.rasio_beredar,
-                              valueType: "percentage",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.rasio_lalai,
-                              valueType: "percentage",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.dcr,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.dcu,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.dana_gedung,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.donasi,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.bjs_saham,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.beban_penyisihan_dcr,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.investasi_likuid,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.total_pendapatan,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.total_biaya,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.shu,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.shu_lalu,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.rata_aset,
-                              valueType: "currency",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.laju_inflasi,
-                              valueType: "percentage",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "td",
-                        [
-                          _c("check-value", {
-                            attrs: {
-                              value: props.item.harga_pasar,
-                              valueType: "percentage",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                    ]
-                  ),
-                ]
-              },
-            },
-          ]),
+          on: { cancelClick: _vm.cancelClick },
         }),
       ],
       1
     ),
   ])
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header d-print-none" }, [
-      _c("div", { staticClass: "card-title" }, [
-        _vm._v("\n          Tabel Infografis Gerakan  \n        "),
-      ]),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
-/* harmony import */ var _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2189,9 +2116,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2201,54 +2128,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/collapseButton.vue"
+component.options.__file = "resources/assets/js/components/formInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2258,9 +2185,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2270,54 +2197,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datatable.vue"
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
+/***/ "./resources/assets/js/components/wajibBadge.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  !*** ./resources/assets/js/components/wajibBadge.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* harmony import */ var _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony import */ var _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wajibBadge.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2327,9 +2254,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2339,54 +2266,105 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
+component.options.__file = "resources/assets/js/components/wajibBadge.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/***/ "./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  !*** ./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./wajibBadge.vue?vue&type=template&id=2f7dfb81& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/wajibBadge.vue?vue&type=template&id=2f7dfb81&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_wajibBadge_vue_vue_type_template_id_2f7dfb81___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanGerakan/index.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/laporanGerakan/index.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/helpers/form.js":
+/*!*********************************************!*\
+  !*** ./resources/assets/js/helpers/form.js ***!
+  \*********************************************/
+/*! exports provided: toMulipartedForm, objectToFormData */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function toMulipartedForm(form, mode) {
+  if (mode === 'edit' && typeof form.image === 'string') {
+    var temp = JSON.parse(JSON.stringify(form));
+    delete temp.image;
+    return temp;
+  } else {
+    return objectToFormData(form);
+  }
+}
+function objectToFormData(obj, form, namespace) {
+  var fd = form || new FormData();
+  var formKey;
+
+  for (var property in obj) {
+    if (obj.hasOwnProperty(property)) {
+      if (namespace) {
+        formKey = namespace + '[' + property + ']';
+      } else {
+        formKey = property;
+      }
+
+      if (obj[property] instanceof Array) {
+        for (var i = 0; i < obj[property].length; i++) {
+          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
+        }
+      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
+        objectToFormData(obj[property], fd, property);
+      } else {
+        fd.append(formKey, obj[property]);
+      }
+    }
+  }
+
+  return fd;
+}
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/dokumen/form.vue":
+/*!****************************************************!*\
+  !*** ./resources/assets/js/views/dokumen/form.vue ***!
+  \****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_22771bf6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=22771bf6& */ "./resources/assets/js/views/laporanGerakan/index.vue?vue&type=template&id=22771bf6&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanGerakan/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_756689c5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=756689c5& */ "./resources/assets/js/views/dokumen/form.vue?vue&type=template&id=756689c5&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumen/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2396,9 +2374,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_22771bf6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_22771bf6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_756689c5___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_756689c5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2408,54 +2386,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanGerakan/index.vue"
+component.options.__file = "resources/assets/js/views/dokumen/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanGerakan/index.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanGerakan/index.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/dokumen/form.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************!*\
+  !*** ./resources/assets/js/views/dokumen/form.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanGerakan/index.vue?vue&type=template&id=22771bf6&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanGerakan/index.vue?vue&type=template&id=22771bf6& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/dokumen/form.vue?vue&type=template&id=756689c5&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/dokumen/form.vue?vue&type=template&id=756689c5& ***!
+  \***********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_22771bf6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=22771bf6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/index.vue?vue&type=template&id=22771bf6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_22771bf6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_756689c5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=756689c5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/form.vue?vue&type=template&id=756689c5&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_756689c5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_22771bf6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_756689c5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanGerakan/table.vue":
+/***/ "./resources/assets/js/views/dokumen/formKategori.vue":
 /*!************************************************************!*\
-  !*** ./resources/assets/js/views/laporanGerakan/table.vue ***!
+  !*** ./resources/assets/js/views/dokumen/formKategori.vue ***!
   \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_47db5e1c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=47db5e1c& */ "./resources/assets/js/views/laporanGerakan/table.vue?vue&type=template&id=47db5e1c&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanGerakan/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formKategori_vue_vue_type_template_id_c143bc6a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKategori.vue?vue&type=template&id=c143bc6a& */ "./resources/assets/js/views/dokumen/formKategori.vue?vue&type=template&id=c143bc6a&");
+/* harmony import */ var _formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKategori.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/dokumen/formKategori.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2465,9 +2443,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_47db5e1c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_47db5e1c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formKategori_vue_vue_type_template_id_c143bc6a___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formKategori_vue_vue_type_template_id_c143bc6a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2477,38 +2455,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanGerakan/table.vue"
+component.options.__file = "resources/assets/js/views/dokumen/formKategori.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanGerakan/table.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/dokumen/formKategori.vue?vue&type=script&lang=js&":
 /*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanGerakan/table.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/dokumen/formKategori.vue?vue&type=script&lang=js& ***!
   \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKategori.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/formKategori.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanGerakan/table.vue?vue&type=template&id=47db5e1c&":
+/***/ "./resources/assets/js/views/dokumen/formKategori.vue?vue&type=template&id=c143bc6a&":
 /*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanGerakan/table.vue?vue&type=template&id=47db5e1c& ***!
+  !*** ./resources/assets/js/views/dokumen/formKategori.vue?vue&type=template&id=c143bc6a& ***!
   \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_47db5e1c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=47db5e1c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/table.vue?vue&type=template&id=47db5e1c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_47db5e1c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_template_id_c143bc6a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKategori.vue?vue&type=template&id=c143bc6a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/dokumen/formKategori.vue?vue&type=template&id=c143bc6a&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_template_id_c143bc6a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_47db5e1c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_template_id_c143bc6a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/74.js.LICENSE.txt b/public/js/components/74.js.LICENSE.txt
new file mode 100644
index 000000000..2ba1569f4
--- /dev/null
+++ b/public/js/components/74.js.LICENSE.txt
@@ -0,0 +1,11 @@
+/*!
+ * vue-truncate-collapsed v1.9.0
+ * (c) 2018-present João Vitor Cavalcante
+ * Released under the MIT License.
+ */
+
+/**
+  * Hopper 0.3.4
+  * (c) 2019
+    * @license MIT
+    */
diff --git a/public/js/components/75.js b/public/js/components/75.js
index 73133be2a..441b50e6e 100644
--- a/public/js/components/75.js
+++ b/public/js/components/75.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[75],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -22,185 +22,45 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  data: function data() {
-    return {
-      image: ''
-    };
-  },
   props: {
-    image_loc: {
-      type: [String],
+    id: {
       "default": ''
-    },
-    image_type: {
-      type: [String],
-      "default": '.jpg'
-    },
-    image_temp: {
-      "default": ''
-    },
-    value: {
-      type: [String, File],
-      "default": 'no_image'
-    }
-  },
-  methods: {
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.createImage(files[0]);
-      this.$emit('input', files[0]);
-    },
-    createImage: function createImage(file) {
-      var reader = new FileReader();
-      var vm = this;
-
-      reader.onload = function (e) {
-        vm.image = e.target.result; // this.$emit('input', vm.image)
-      };
-
-      reader.readAsDataURL(file);
-    },
-    close: function close() {
-      this.$emit('input', 'no_image');
-      this.image = '/images/no_image.jpg';
-      this.$refs.fileInput.value = '';
     }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
-/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
-/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['defaultDate'],
-  components: {
-    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
   },
   data: function data() {
     return {
-      time: '',
-      dateVal: ''
+      clicked: false
     };
   },
-  mounted: function mounted() {
-    if (this.defaultDate == '') {
-      var today = new Date();
-      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
-      this.time = date;
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
-    } else {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-      this.$emit('dateSelected', this.defaultDate);
-    }
-  },
-  watch: {
-    defaultDate: function defaultDate(newVal, oldVal) {
-      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-    }
-  },
   methods: {
-    onChanged: function onChanged(event) {
-      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
-      this.$emit('dateSelected', this.dateVal);
+    btnClick: function btnClick() {
+      var _this = this;
+
+      if (this.clicked) {
+        setTimeout(function () {
+          return _this.clicked = false;
+        }, 400);
+      } else {
+        this.clicked = true;
+      }
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/card.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
 /*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/card.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
   \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
 //
 //
 //
@@ -255,45 +115,26 @@ __webpack_require__.r(__webpack_exports__);
 //
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ["itemData"],
-  components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"]
-  }
+  props: ['columnData', 'itemDataStat', 'items'],
+  components: {},
+  data: function data() {
+    return {};
+  },
+  methods: {}
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/form.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/form.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _asetTetapGolongan_form_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../asetTetapGolongan/form.vue */ "./resources/assets/js/views/asetTetapGolongan/form.vue");
-/* harmony import */ var _asetTetapKelompok_form_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../asetTetapKelompok/form.vue */ "./resources/assets/js/views/asetTetapKelompok/form.vue");
-/* harmony import */ var _asetTetapJenis_form_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../asetTetapJenis/form.vue */ "./resources/assets/js/views/asetTetapJenis/form.vue");
-/* harmony import */ var _asetTetapLokasi_form_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../asetTetapLokasi/form.vue */ "./resources/assets/js/views/asetTetapLokasi/form.vue");
-/* harmony import */ var _card_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./card.vue */ "./resources/assets/js/views/asetTetap/card.vue");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -337,6 +178,103 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    title: {
+      "default": ''
+    },
+    titleIcon: {
+      "default": ''
+    },
+    titleDesc: {
+      "default": ''
+    },
+    level: {
+      "default": 1
+    },
+    level2Title: {
+      "default": ''
+    },
+    level2Route: {
+      "default": ''
+    }
+  },
+  methods: {
+    level2Back: function level2Back() {
+      this.$emit('level2Back');
+    },
+    route1: function route1() {
+      if (this.btn1RouteParams) {
+        this.$router.push({
+          name: this.btn1Route,
+          params: {
+            cu: this.btn1RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn1Route
+        });
+      }
+    },
+    route2: function route2() {
+      if (this.btn2RouteParams) {
+        this.$router.push({
+          name: this.btn2Route,
+          params: {
+            cu: this.btn2RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn2Route
+        });
+      }
+    },
+    route3: function route3() {
+      if (this.btn3RouteParams) {
+        this.$router.push({
+          name: this.btn3Route,
+          params: {
+            cu: this.btn3RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn3Route
+        });
+      }
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/index.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanGerakan/index.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/laporanGerakan/table.vue");
+/* harmony import */ var _dashboard_grafikLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../dashboard/grafikLaporanCuWidget.vue */ "./resources/assets/js/views/dashboard/grafikLaporanCuWidget.vue");
+/* harmony import */ var _dashboard_tableLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../dashboard/tableLaporanCuWidget.vue */ "./resources/assets/js/views/dashboard/tableLaporanCuWidget.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -372,6 +310,62 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    grafikLaporanCuWidget: _dashboard_grafikLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    tableLaporanCuWidget: _dashboard_tableLaporanCuWidget_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Laporan Statistik Gerakan',
+      kelas: 'laporanCu',
+      titleDesc: 'Mengelola data statistik gerakan',
+      titleIcon: 'icon-stats-bars'
+    };
+  },
+  methods: {},
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    columnData: 'columnData',
+    columnDataPearls: 'columnDataPearls'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/table.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanGerakan/table.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -558,327 +552,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -886,452 +559,544 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default.a,
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
-    formGolongan: _asetTetapGolongan_form_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
-    formKelompok: _asetTetapKelompok_form_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
-    formJenis: _asetTetapJenis_form_vue__WEBPACK_IMPORTED_MODULE_14__["default"],
-    formLokasi: _asetTetapLokasi_form_vue__WEBPACK_IMPORTED_MODULE_15__["default"],
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_17__["default"],
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_18__["default"],
-    cardData: _card_vue__WEBPACK_IMPORTED_MODULE_16__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_19__["default"]
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
+  props: ["title", "kelas"],
   data: function data() {
     return {
-      title: 'Tambah Aset Tetap',
-      titleDesc: 'Menambah Aset Tetap Baru',
-      titleIcon: 'icon-plus3',
-      kelas: 'asetTetap',
-      level2Title: 'Aset Tetap',
-      isInduk: '',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        number15: {
-          numeral: true,
-          numeralIntegerScale: 15,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      selectedItem: {},
-      query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
+      excelDownloadUrl: '',
+      selectedItem: [],
       columnData: [{
-        title: 'No.'
+        //0
+        title: "No.",
+        name: "No."
+      }, {
+        //5
+        title: "Periode",
+        name: "periode",
+        tipe: "datetime",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: false,
+        filter: true
+      }, {
+        //6
+        title: "Total CU",
+        name: "cu",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: false,
+        filter: true
+      }, {
+        //6
+        title: "CU Sesuai Periode",
+        name: "cu_sesuai",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: false,
+        filter: true
+      }, {
+        //7
+        title: "Lelaki Biasa",
+        name: "l_biasa",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //8
+        title: "Lelaki L.Biasa",
+        name: "l_lbiasa",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //9
+        title: "Perempuan Biasa",
+        name: "p_biasa",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //10
+        title: "Perempuan L.Biasa",
+        name: "p_lbiasa",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //11
+        title: "Total Anggota",
+        name: "total_anggota",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: true
+      }, {
+        //12
+        title: "Total Anggota Lalu",
+        name: "total_anggota_lalu",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //13
+        title: "Aset",
+        name: "aset",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        //14
+        title: "Aset Lalu",
+        name: "aset_lalu",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //15
+        title: "Aset Masalah",
+        name: "aset_masalah",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //16
+        title: "Aset Tdk Menghasilkan",
+        name: "aset_tidak_menghasilkan",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //16
+        title: "Aset Likuid Tdk Menghasilkan",
+        name: "aset_likuid_tidak_menghasilkan",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //17
+        title: "Aktiva Lancar",
+        name: "aktiva_lancar",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //18
+        title: "Simp. Saham",
+        name: "simpanan_saham",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //19
+        title: "Simp. Saham Lalu",
+        name: "simpanan_saham_lalu",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //20
+        title: "Simp. Saham Des",
+        name: "simpanan_saham_des",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //21
+        title: "Simp. Nonsaham Unggulan",
+        name: "nonsaham_unggulan",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //22
+        title: "Simp. Nonsaham Harian",
+        name: "nonsaham_harian",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //23
+        title: "Hutang SPD",
+        name: "hutang_spd",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //24
+        title: "Hutang Tdk Berbiaya",
+        name: "hutang_tidak_berbiaya_30hari",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //25
+        title: "Total Hutang Pihak Ke-3",
+        name: "total_hutang_pihak3",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //26
+        title: "Piutang Beredar",
+        name: "piutang_beredar",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //27
+        title: "Piutang Bersih",
+        name: "piutang_bersih",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false
+      }, {
+        //28
+        title: "Piutang Anggota",
+        name: "piutang_anggota",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //29
+        title: "Piutang Lalai 1-12 Bulan",
+        name: "piutang_lalai_1bulan",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
       }, {
-        title: 'Foto'
+        //30
+        title: "Piutang Lalai > 12 Bulan",
+        name: "piutang_lalai_12bulan",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
       }, {
-        title: 'Kode'
+        //31
+        title: "Rasio Piutang Beredar",
+        name: "rasio_beredar",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false
       }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
+        //32
+        title: "Rasio Piutang Lalai",
+        name: "rasio_lalai",
+        tipe: "numeric",
         sort: true,
         hide: false,
         disable: false,
-        filter: true,
-        filterDefault: true
+        isChart: true,
+        isChartSelect: false
+      }, {
+        //33
+        title: "DCR",
+        name: "dcr",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //34
+        title: "DCU",
+        name: "dcu",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //35
+        title: "Dana Gedung",
+        name: "dana_gedung",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }, {
+        //36
+        title: "Donasi",
+        name: "donasi",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
       }, {
-        title: 'Jenis'
+        //37
+        title: "BJS Saham",
+        name: "bjs_saham",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
       }, {
-        title: 'Merk'
+        //38
+        title: "Beban Penyisihan DCR",
+        name: "beban_penyisihan_dcr",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
       }, {
-        title: 'Tipe'
+        //39
+        title: "Investasi Likuid",
+        name: "investasi_likuid",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
       }, {
-        title: 'Lokasi'
+        //40
+        title: "Total Pendapatan",
+        name: "total_pendapatan",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
       }, {
-        title: 'Penanggungjawab'
+        //41
+        title: "Total Biaya",
+        name: "total_biaya",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
       }, {
-        title: 'Tgl. Beli'
+        //42
+        title: "SHU",
+        name: "shu",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
       }, {
-        title: 'Pembeli'
+        //43
+        title: "SHU Lalu",
+        name: "shu_lalu",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
       }, {
-        title: 'Harga'
+        //44
+        title: "Rata-rata Aset",
+        name: "rata_aset",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
       }, {
-        title: 'Sub'
+        //45
+        title: "Laju Inflasi",
+        name: "laju_inflasi",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
       }, {
-        title: 'Kondisi'
-      }],
-      state: '',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      submited: false
+        //46
+        title: "Harga Pasar",
+        name: "harga_pasar",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        isChart: true,
+        isChartSelect: false,
+        filter: true
+      }]
     };
   },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
+  created: function created() {
+    this.fetch(this.query);
   },
-  created: function created() {},
   watch: {
-    formStat: function formStat(value) {
-      if (value == 'success') {
-        if (this.$route.meta.mode === 'edit') {
-          if (this.form.aset) {
-            this.isInduk = "false";
-            this.selectedItem = this.form.aset;
-          } else {
-            this.isInduk = "true";
-          }
-
-          this.changeGolongan(this.form.aset_tetap_golongan_id);
-          this.changeKelompok(this.form.aset_tetap_kelompok_id);
-        }
-      }
-    },
-    kodeStat: function kodeStat(value) {
-      if (value == 'success') {
-        this.form.kode = ++this.kode.kode;
-      } else {
-        var _golongan = '';
-        var _kelompok = '';
-        var _jenis = '';
-        _golongan = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.modelGolongan, {
-          'id': this.form.aset_tetap_golongan_id
-        });
-        _kelompok = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.modelKelompok, {
-          'id': this.form.aset_tetap_kelompok_id
-        });
-        _jenis = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.modelJenis, {
-          'id': this.form.aset_tetap_jenis_id
-        });
-        this.form.kode = _golongan.kode + _kelompok.kode + _jenis.kode + '0000';
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    },
-    updateGolonganStat: function updateGolonganStat(value) {
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateJenisResponse.message;
-        this.fetchGolongan();
-        this.form.aset_tetap_jenis_golongan_id = this.updateJenisResponse.id;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateJenisResponse.message;
-      }
-    },
-    updateKelompokStat: function updateKelompokStat(value) {
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateJenisResponse.message;
-        this.changeGolongan(this.form.aset_tetap_golongan_id);
-        this.form.aset_tetap_jenis_kelompok_id = this.updateJenisResponse.id;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateJenisResponse.message;
-      }
-    },
-    updateJenisStat: function updateJenisStat(value) {
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateJenisResponse.message;
-        this.changeKelompok(this.form.aset_tetap_kelompok_id);
-        this.form.aset_tetap_jenis_id = this.updateJenisResponse.id;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateJenisResponse.message;
-      }
-    },
-    updateLokasiStat: function updateLokasiStat(value) {
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateLokasiResponse.message;
-        this.fetchLokasi();
-        this.form.aset_tetap_lokasi_id = this.updateLokasiResponse.id;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateLokasiResponse.message;
-      }
+    // check route changes
+    $route: function $route(to, from) {
+      this.isFirstLoad = true;
+      this.fetch();
     }
   },
   methods: {
     fetch: function fetch() {
-      if (this.$route.meta.mode === 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Aset Tetap';
-        this.titleDesc = 'Mengubah aset tetap';
-        this.titleIcon = 'icon-pencil5';
-      } else {
-        this.title = 'Tambah Aset Tetap';
-        this.titleDesc = 'Menambah aset tetap';
-        this.titleIcon = 'icon-plus3';
-        this.$store.dispatch(this.kelas + '/create');
-      }
-
-      this.fetchGolongan();
-      this.fetchLokasi();
-      this.fetchAktivis();
-    },
-    fetchGolongan: function fetchGolongan() {
-      this.$store.dispatch('asetTetapGolongan/resetDataS');
-      this.$store.dispatch('asetTetapGolongan/get');
-    },
-    fetchLokasi: function fetchLokasi() {
-      this.$store.dispatch('asetTetapLokasi/resetDataS');
-      this.$store.dispatch('asetTetapLokasi/get');
-    },
-    fetchAktivis: function fetchAktivis() {
-      this.$store.dispatch('aktivis/resetDataS');
-      this.$store.dispatch('aktivis/get', 0);
-    },
-    fetchAset: function fetchAset(params) {
-      this.$store.dispatch(this.kelas + '/index', params);
-      this.excelDownloadUrl = this.kelas;
-    },
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    },
-    changeInduk: function changeInduk(value) {
-      if (value) {
-        if (this.itemDataStat != 'success') this.fetchAset(this.query);
-      }
-    },
-    changeGolongan: function changeGolongan(id) {
-      this.$store.dispatch('asetTetapKelompok/resetDataS');
-      this.$store.dispatch('asetTetapKelompok/get', id);
-    },
-    changeKelompok: function changeKelompok(id) {
-      this.$store.dispatch('asetTetapJenis/resetDataS');
-      this.$store.dispatch('asetTetapJenis/get', id);
-    },
-    changeJenis: function changeJenis(id) {
-      this.$store.dispatch('asetTetap/generate', id);
+      this.$store.dispatch(this.kelas + "/indexGerakan");
+      this.excelDownloadUrl = this.kelas + "/indexGerakan";
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
-      this.form.aset_id = item.id;
-    },
-    deleteSelected: function deleteSelected() {
-      this.selectedItem = [];
-      this.form.aset_id = '';
-      if (this.itemDataStat != 'success') this.fetchAset(this.query);
-    },
-    save: function save() {
-      var _this = this;
-
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_3__["toMulipartedForm"])(this.form, this.$route.meta.mode);
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.$route.meta.mode == 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/store', formData);
-          }
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
     },
-    back: function back() {
+    lihatData: function lihatData(periode) {
       this.$router.push({
-        name: this.kelas
+        name: "laporanCuPeriode",
+        params: {
+          periode: periode
+        }
       });
     },
-    modalOpen: function modalOpen(value) {
-      this.modalShow = true;
-      this.modalState = 'normal1';
-      this.modalColor = 'bg-primary';
-      this.modalTitle = 'Tambah ' + value + ' aset tetap';
-      this.state = value;
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat === 'success') {
-        this.back();
-      }
-
-      this.modalShow = false;
-      this.submitedKategori = false;
-      this.submitedPenulis = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
+    formatPeriode: function formatPeriode(value) {
+      return vue__WEBPACK_IMPORTED_MODULE_0___default.a.filter("dateMonth")(value);
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetap', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    kode: 'kode',
-    kodeStat: 'kodeStat',
-    updateResponse: 'update',
-    updateStat: 'updateStat',
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapJenis', {
-    modelJenis: 'dataS',
-    modelJenisStat: 'dataStatS',
-    updateJenisResponse: 'update',
-    updateJenisStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapKelompok', {
-    modelKelompok: 'dataS',
-    modelKelompokStat: 'dataStatS',
-    updateKelompokResponse: 'update',
-    updateKelompokStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapGolongan', {
-    modelGolongan: 'dataS',
-    modelGolonganStat: 'dataStatS',
-    updateGolonganResponse: 'update',
-    updateGolonganStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapLokasi', {
-    modelLokasi: 'dataS',
-    modelLokasiStat: 'dataStatS',
-    updateLokasiResponse: 'update',
-    updateLokasiStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
-    modelAktivis: 'dataS',
-    modelAktivisStat: 'dataStatS',
-    updateAktivisResponse: 'update',
-    updateAktivisStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('mitraOrang', {
-    modelMitraOrang: 'dataS',
-    modelMitraOrangStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('mitraLembaga', {
-    modelMitraLembaga: 'dataS',
-    modelMitraLembagaStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("laporanCu", {
+    itemData: "dataS",
+    itemDataStat: "dataStatS"
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
-
-// exports
-
-
-/***/ }),
-
-/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
-				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
-
-//# sourceMappingURL=FileSaver.min.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1344,93 +1109,28 @@ var render = function () {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c("div", [
-    _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body text-center" }, [
-        _vm.image === "" && _vm.image_temp === ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: "/images/no_image.jpg" },
-            })
-          : _vm.image === "" && _vm.image_temp !== ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
-            })
-          : _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image },
-            }),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "row" }, [
-      _c("div", { staticClass: "col-md-10" }, [
-        _c("input", {
-          ref: "fileInput",
-          staticClass: "form-control",
-          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
-          on: { change: _vm.upload },
-        }),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-2" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block",
-            attrs: { type: "button", disabled: _vm.image_temp === "" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.close()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
-        ),
-      ]),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("DatePicker", {
-    staticClass: "w-100",
-    attrs: {
-      format: "DD-MM-YYYY",
-      "value-type": "format",
-      placeholder: "Pilih Tanggal",
-      editable: true,
-    },
-    on: { change: _vm.onChanged },
-    model: {
-      value: _vm.time,
-      callback: function ($$v) {
-        _vm.time = $$v
+    _c(
+      "button",
+      {
+        staticClass: "btn btn-link btn-block",
+        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
+        on: { click: _vm.btnClick },
       },
-      expression: "time",
-    },
-  })
+      [
+        _vm.clicked
+          ? _c("span", [
+              _c("i", { staticClass: "icon-arrow-up12" }),
+              _vm._v(" Kembali "),
+              _c("i", { staticClass: "icon-arrow-up12" }),
+            ])
+          : _c("span", [
+              _c("i", { staticClass: "icon-arrow-down12" }),
+              _vm._v(" Selengkapnya "),
+              _c("i", { staticClass: "icon-arrow-down12" }),
+            ]),
+      ]
+    ),
+  ])
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -1439,9 +1139,9 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/card.vue?vue&type=template&id=d116afbe&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
 /*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/card.vue?vue&type=template&id=d116afbe& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
   \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -1454,212 +1154,217 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "media flex-column flex-sm-row mt-0 mb-3" }, [
-    _c("div", { staticClass: "mr-sm-3 mb-2 mb-sm-0" }, [
-      _c("div", { staticClass: "card-img-actions" }, [
-        _vm.itemData.gambar
-          ? _c("img", {
-              staticClass: "img-fluid img-preview rounded",
-              attrs: {
-                src: "/images/asetTetap/" + _vm.itemData.gambar + ".jpg",
-              },
-            })
-          : _c("img", {
-              staticClass: "img-fluid img-preview rounded",
-              attrs: { src: "/images/no_image.jpg" },
-            }),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "media-body" }, [
-      _c("div", { staticClass: "row" }, [
-        _c("div", { staticClass: "col-sm-4" }, [
-          _c("ul", { staticClass: "list list-unstyled mb-0" }, [
-            _c(
-              "li",
-              [
-                _c("b", [_vm._v("Kode:")]),
-                _vm._v(" "),
-                _c("check-value", { attrs: { value: _vm.itemData.kode } }),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c(
-              "li",
-              [
-                _c("b", [_vm._v("Nama:")]),
-                _vm._v(" "),
-                _c("check-value", { attrs: { value: _vm.itemData.name } }),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c(
-              "li",
-              [
-                _c("b", [_vm._v("Jenis")]),
-                _vm._v(" "),
-                _vm.itemData.jenis
-                  ? _c("check-value", {
-                      attrs: { value: _vm.itemData.jenis.name },
-                    })
-                  : _c("span", [_vm._v("-")]),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c(
-              "li",
-              [
-                _c("b", [_vm._v("Merk:")]),
-                _vm._v(" "),
-                _c("check-value", { attrs: { value: _vm.itemData.merk } }),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c(
-              "li",
-              [
-                _c("b", [_vm._v("Tipe:")]),
-                _vm._v(" "),
-                _c("check-value", { attrs: { value: _vm.itemData.tipe } }),
-              ],
-              1
-            ),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-sm-4" }, [
-          _c("ul", { staticClass: "list list-unstyled mb-0" }, [
-            _c(
-              "li",
-              [
-                _c("b", [_vm._v("Lokasi:")]),
-                _vm._v(" "),
-                _vm.itemData.lokasi
-                  ? _c("check-value", {
-                      attrs: { value: _vm.itemData.lokasi.name },
-                    })
-                  : _c("span", [_vm._v("-")]),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c(
-              "li",
-              [
-                _c("b", [_vm._v("Penanggungjawab:")]),
-                _vm._v(" "),
-                _vm.itemData.aktivis
-                  ? _c("check-value", {
-                      attrs: { value: _vm.itemData.aktivis.name },
-                    })
-                  : _c("span", [_vm._v("-")]),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c("li", [
-              _c("b", [_vm._v("Tgl. Beli:")]),
-              _vm._v(" "),
-              _c("span", {
-                domProps: {
-                  innerHTML: _vm._s(
-                    _vm.$options.filters.date(_vm.itemData.tanggal)
-                  ),
-                },
-              }),
-            ]),
-            _vm._v(" "),
-            _c(
-              "li",
-              [
-                _c("b", [_vm._v("Pembeli:")]),
-                _vm._v(" "),
-                _vm.itemData.pembeli
-                  ? _c("check-value", {
-                      attrs: { value: _vm.itemData.pembeli.name },
-                    })
-                  : _c("span", [_vm._v("-")]),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c(
-              "li",
-              [
-                _c("b", [_vm._v("Kondisi:")]),
-                _vm._v(" "),
-                _c("check-value", { attrs: { value: _vm.itemData.kondisi } }),
-              ],
-              1
-            ),
-          ]),
+  return _c(
+    "div",
+    {
+      staticClass: "table-responsive table-scrollable",
+      staticStyle: { "max-height": "33rem" },
+    },
+    [
+      _c("table", { staticClass: "table table-striped" }, [
+        _c("thead", { staticClass: "bg-primary" }, [
+          _c(
+            "tr",
+            { staticClass: "text-nowrap" },
+            _vm._l(_vm.columnData, function (item, index) {
+              return _c("th", { key: index }, [
+                _c("span", { domProps: { innerHTML: _vm._s(item.title) } }),
+              ])
+            }),
+            0
+          ),
         ]),
         _vm._v(" "),
-        _c("div", { staticClass: "col-sm-4" }, [
-          _c("ul", { staticClass: "list list-unstyled mb-0" }, [
-            _c(
-              "li",
-              [
-                _c("b", [_vm._v("Sub:")]),
-                _vm._v(" "),
-                _c("check-value", {
-                  attrs: {
-                    value: _vm.itemData.has_aset_count,
-                    valueType: "currency",
-                  },
-                }),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c(
-              "li",
-              [
-                _c("b", [_vm._v("Harga Induk:")]),
-                _vm._v(" "),
-                _c("check-value", {
-                  attrs: { value: _vm.itemData.harga, valueType: "currency" },
-                }),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c(
-              "li",
+        _vm.itemDataStat === "loading"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._m(0),
+                ]),
+              ]),
+            ])
+          : _vm.itemDataStat === "success"
+          ? _c(
+              "tbody",
               [
-                _c("b", [_vm._v("Harga Sub:")]),
-                _vm._v(" "),
-                _c("check-value", {
-                  attrs: {
-                    value: _vm.itemData.harga_sub,
-                    valueType: "currency",
-                  },
+                _vm._l(_vm.items, function (item, index) {
+                  return _vm._t("item-desktop", null, {
+                    item: item,
+                    index: index,
+                  })
                 }),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c(
-              "li",
-              [
-                _c("b", [_vm._v("Total Harga:")]),
                 _vm._v(" "),
-                _c("check-value", {
-                  attrs: {
-                    value: _vm.itemData.total_harga,
-                    valueType: "currency",
-                  },
-                }),
+                _vm.items.length == 0
+                  ? _c("tr", [
+                      _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                        _vm._v("Belum terdapat data..."),
+                      ]),
+                    ])
+                  : _vm._e(),
               ],
-              1
-            ),
-          ]),
-        ]),
+              2
+            )
+          : _vm.itemDataStat === "fail"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v(
+                    "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
+                  ),
+                ]),
+              ]),
+            ])
+          : _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v("-"),
+                ]),
+              ]),
+            ]),
       ]),
+    ]
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            [
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
+                          },
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
     ]),
   ])
 }
@@ -1670,10 +1375,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/form.vue?vue&type=template&id=97a38056&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/form.vue?vue&type=template&id=97a38056& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/index.vue?vue&type=template&id=22771bf6&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanGerakan/index.vue?vue&type=template&id=22771bf6& ***!
+  \*************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1693,14 +1398,6 @@ var render = function () {
           title: _vm.title,
           titleDesc: _vm.titleDesc,
           titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
         },
       }),
       _vm._v(" "),
@@ -1710,2380 +1407,760 @@ var render = function () {
             "div",
             { staticClass: "content" },
             [
-              _vm.errors.any("form") && _vm.submited
+              _vm.itemDataStat === "fail"
                 ? _c("message", {
                     attrs: {
-                      title: "Oops, terjadi kesalahan",
-                      errorItem: _vm.errors.items,
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
                     },
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _c(
-                "form",
-                {
-                  attrs: {
-                    enctype: "multipart/form-data",
-                    "data-vv-scope": "form",
-                  },
-                  on: {
-                    submit: function ($event) {
-                      $event.preventDefault()
-                      return _vm.save.apply(null, arguments)
-                    },
-                  },
-                },
-                [
-                  _c("div", { staticClass: "card" }, [
-                    _c(
-                      "div",
-                      { staticClass: "card-body" },
-                      [
-                        _c("div", { staticClass: "row" }, [
-                          _c("div", { staticClass: "col-md-12" }, [
-                            _c("div", { staticClass: "form-group" }, [
-                              _c("h6", [
-                                _vm._v(
-                                  "Apakah aset ini merupakan bagian dari aset lain?:"
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.isInduk,
-                                      expression: "isInduk",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: { name: "cekInduk" },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.isInduk = $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      },
-                                      function ($event) {
-                                        return _vm.changeInduk(
-                                          $event.target.value
-                                        )
-                                      },
-                                    ],
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [_vm._v("Silahkan pilih")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "false" } }, [
-                                    _vm._v("Ya"),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("option", { attrs: { value: "true" } }, [
-                                    _vm._v("Tidak"),
-                                  ]),
-                                ]
-                              ),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _vm.form.aset_id != ""
-                          ? _c("div", { staticClass: "card" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "card-header bg-info text-white header-elements-inline",
-                                },
-                                [
-                                  _c("h6", { staticClass: "card-title" }, [
-                                    _vm._v("Induk Aset"),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c(
-                                    "div",
-                                    { staticClass: "header-elements" },
-                                    [
-                                      _c(
-                                        "button",
-                                        {
-                                          staticClass: "btn btn-danger",
-                                          attrs: { type: "button" },
-                                          on: {
-                                            click: function ($event) {
-                                              $event.preventDefault()
-                                              return _vm.deleteSelected.apply(
-                                                null,
-                                                arguments
-                                              )
-                                            },
-                                          },
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass: "icon-cross2 mr-2",
-                                          }),
-                                          _vm._v(" Batal"),
-                                        ]
-                                      ),
-                                    ]
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                { staticClass: "card-body" },
-                                [
-                                  _c("card-data", {
-                                    attrs: { itemData: _vm.selectedItem },
-                                  }),
-                                ],
-                                1
-                              ),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.isInduk == "false" && _vm.form.aset_id == ""
-                          ? _c("data-viewer", {
-                              attrs: {
-                                title: "Aset Tetap",
-                                columnData: _vm.columnData,
-                                itemData: _vm.itemData,
-                                query: _vm.query,
-                                itemDataStat: _vm.itemDataStat,
-                                isDasar: "true",
-                                isNoButtonRow: "true",
-                              },
-                              on: { fetch: _vm.fetchAset },
-                              scopedSlots: _vm._u(
-                                [
-                                  {
-                                    key: "item-desktop",
-                                    fn: function (props) {
-                                      return [
-                                        _c(
-                                          "tr",
-                                          {
-                                            staticClass:
-                                              "text-nowrap cursor-pointer",
-                                            on: {
-                                              click: function ($event) {
-                                                return _vm.selectedRow(
-                                                  props.item
-                                                )
-                                              },
-                                            },
-                                          },
-                                          [
-                                            _c("td", [
-                                              _vm._v(
-                                                "\n\t\t\t\t\t\t\t\t\t\t\t" +
-                                                  _vm._s(
-                                                    props.index +
-                                                      1 +
-                                                      (+_vm.itemData
-                                                        .current_page -
-                                                        1) *
-                                                        +_vm.itemData.per_page +
-                                                      "."
-                                                  ) +
-                                                  "\n\t\t\t\t\t\t\t\t\t\t"
-                                              ),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c("td", [
-                                              props.item.gambar
-                                                ? _c("img", {
-                                                    staticClass:
-                                                      "img-rounded img-fluid wmin-sm",
-                                                    attrs: {
-                                                      src:
-                                                        "/images/asetTetap/" +
-                                                        props.item.gambar +
-                                                        "n.jpg",
-                                                    },
-                                                  })
-                                                : _c("img", {
-                                                    staticClass:
-                                                      "img-rounded img-fluid wmin-sm",
-                                                    attrs: {
-                                                      src: "/images/no_image.jpg",
-                                                    },
-                                                  }),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c(
-                                              "td",
-                                              [
-                                                _c("check-value", {
-                                                  attrs: {
-                                                    value: props.item.kode,
-                                                  },
-                                                }),
-                                              ],
-                                              1
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "td",
-                                              [
-                                                _c("check-value", {
-                                                  attrs: {
-                                                    value: props.item.name,
-                                                  },
-                                                }),
-                                              ],
-                                              1
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "td",
-                                              [
-                                                props.item.jenis
-                                                  ? _c("check-value", {
-                                                      attrs: {
-                                                        value:
-                                                          props.item.jenis.name,
-                                                      },
-                                                    })
-                                                  : _vm._e(),
-                                              ],
-                                              1
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "td",
-                                              [
-                                                _c("check-value", {
-                                                  attrs: {
-                                                    value: props.item.merk,
-                                                  },
-                                                }),
-                                              ],
-                                              1
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "td",
-                                              [
-                                                _c("check-value", {
-                                                  attrs: {
-                                                    value: props.item.tipe,
-                                                  },
-                                                }),
-                                              ],
-                                              1
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "td",
-                                              [
-                                                props.item.lokasi
-                                                  ? _c("check-value", {
-                                                      attrs: {
-                                                        value:
-                                                          props.item.lokasi
-                                                            .name,
-                                                      },
-                                                    })
-                                                  : _vm._e(),
-                                              ],
-                                              1
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "td",
-                                              [
-                                                props.item.aktivis
-                                                  ? _c("check-value", {
-                                                      attrs: {
-                                                        value:
-                                                          props.item.aktivis
-                                                            .name,
-                                                      },
-                                                    })
-                                                  : _vm._e(),
-                                              ],
-                                              1
-                                            ),
-                                            _vm._v(" "),
-                                            _c("td", {
-                                              domProps: {
-                                                innerHTML: _vm._s(
-                                                  _vm.$options.filters.date(
-                                                    props.item.tanggal
-                                                  )
-                                                ),
-                                              },
-                                            }),
-                                            _vm._v(" "),
-                                            _c(
-                                              "td",
-                                              [
-                                                props.item.pembeli
-                                                  ? _c("check-value", {
-                                                      attrs: {
-                                                        value:
-                                                          props.item.pembeli
-                                                            .name,
-                                                      },
-                                                    })
-                                                  : _vm._e(),
-                                              ],
-                                              1
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "td",
-                                              [
-                                                _c("check-value", {
-                                                  attrs: {
-                                                    value: props.item.harga,
-                                                    valueType: "currency",
-                                                  },
-                                                }),
-                                              ],
-                                              1
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "td",
-                                              [
-                                                _c("check-value", {
-                                                  attrs: {
-                                                    value:
-                                                      props.item.has_aset_count,
-                                                    valueType: "currency",
-                                                  },
-                                                }),
-                                              ],
-                                              1
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "td",
-                                              [
-                                                _c("check-value", {
-                                                  attrs: {
-                                                    value: props.item.kondisi,
-                                                  },
-                                                }),
-                                              ],
-                                              1
-                                            ),
-                                          ]
-                                        ),
-                                      ]
-                                    },
-                                  },
-                                ],
-                                null,
-                                false,
-                                1890676825
-                              ),
-                            })
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.isInduk
-                          ? _c("div", { staticClass: "row" }, [
-                              _vm._m(0),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-12" }, [
-                                _c(
-                                  "div",
-                                  { staticClass: "form-group" },
-                                  [
-                                    _c("h6", [_vm._v("Foto:")]),
-                                    _vm._v(" "),
-                                    _c("app-image-upload", {
-                                      attrs: {
-                                        image_loc: "/images/asetTetap/",
-                                        image_temp: _vm.form.gambar,
-                                      },
-                                      model: {
-                                        value: _vm.form.gambar,
-                                        callback: function ($$v) {
-                                          _vm.$set(_vm.form, "gambar", $$v)
-                                        },
-                                        expression: "form.gambar",
-                                      },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-4" }, [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c(
-                                    "h6",
-                                    {
-                                      class: {
-                                        "text-danger": _vm.errors.has(
-                                          "form.aset_tetap_golongan_id"
-                                        ),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has(
-                                        "form.aset_tetap_golongan_id"
-                                      )
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t\t\t\tGolongan: "
-                                      ),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "input-group" }, [
-                                    _c(
-                                      "select",
-                                      {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value:
-                                              _vm.form.aset_tetap_golongan_id,
-                                            expression:
-                                              "form.aset_tetap_golongan_id",
-                                          },
-                                          {
-                                            name: "validate",
-                                            rawName: "v-validate",
-                                            value: "required",
-                                            expression: "'required'",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          name: "golongan",
-                                          "data-width": "100%",
-                                          "data-vv-as": "Golongan",
-                                          disabled:
-                                            _vm.modelGolongan.length == 0,
-                                        },
-                                        on: {
-                                          change: [
-                                            function ($event) {
-                                              var $$selectedVal =
-                                                Array.prototype.filter
-                                                  .call(
-                                                    $event.target.options,
-                                                    function (o) {
-                                                      return o.selected
-                                                    }
-                                                  )
-                                                  .map(function (o) {
-                                                    var val =
-                                                      "_value" in o
-                                                        ? o._value
-                                                        : o.value
-                                                    return val
-                                                  })
-                                              _vm.$set(
-                                                _vm.form,
-                                                "aset_tetap_golongan_id",
-                                                $event.target.multiple
-                                                  ? $$selectedVal
-                                                  : $$selectedVal[0]
-                                              )
-                                            },
-                                            function ($event) {
-                                              return _vm.changeGolongan(
-                                                $event.target.value
-                                              )
-                                            },
-                                          ],
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "option",
-                                          {
-                                            attrs: { disabled: "", value: "" },
-                                          },
-                                          [
-                                            _vm.modelGolonganStat === "loading"
-                                              ? _c("span", [
-                                                  _vm._v("Mohon tunggu..."),
-                                                ])
-                                              : _c("span", [
-                                                  _vm._v(
-                                                    "Silahkan pilih golongan"
-                                                  ),
-                                                ]),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _vm._l(
-                                          _vm.modelGolongan,
-                                          function (datas, index) {
-                                            return _c(
-                                              "option",
-                                              {
-                                                key: index,
-                                                domProps: { value: datas.id },
-                                              },
-                                              [
-                                                _vm._v(
-                                                  _vm._s(
-                                                    datas.kode +
-                                                      " | " +
-                                                      datas.name
-                                                  )
-                                                ),
-                                              ]
-                                            )
-                                          }
-                                        ),
-                                      ],
-                                      2
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.currentUser.can &&
-                                    _vm.currentUser.can[
-                                      "create_aset_tetap_jenis"
-                                    ]
-                                      ? _c(
-                                          "div",
-                                          { staticClass: "input-group-append" },
-                                          [
-                                            _c(
-                                              "button",
-                                              {
-                                                staticClass: "btn btn-light",
-                                                attrs: { type: "button" },
-                                                on: {
-                                                  click: function ($event) {
-                                                    return _vm.modalOpen(
-                                                      "golongan"
-                                                    )
-                                                  },
-                                                },
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass: "icon-plus22",
-                                                }),
-                                              ]
-                                            ),
-                                          ]
-                                        )
-                                      : _vm._e(),
-                                  ]),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.aset_tetap_jenis_id")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first(
-                                                  "form.aset_tetap_jenis_id"
-                                                )
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-4" }, [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c(
-                                    "h6",
-                                    {
-                                      class: {
-                                        "text-danger": _vm.errors.has(
-                                          "form.aset_tetap_kelompok_id"
-                                        ),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has(
-                                        "form.aset_tetap_kelompok_id"
-                                      )
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t\t\t\tKelompok: "
-                                      ),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "input-group" }, [
-                                    _c(
-                                      "select",
-                                      {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value:
-                                              _vm.form.aset_tetap_kelompok_id,
-                                            expression:
-                                              "form.aset_tetap_kelompok_id",
-                                          },
-                                          {
-                                            name: "validate",
-                                            rawName: "v-validate",
-                                            value: "required",
-                                            expression: "'required'",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          name: "kelompok",
-                                          "data-width": "100%",
-                                          "data-vv-as": "Kelompok",
-                                          disabled:
-                                            _vm.modelKelompok.length == 0,
-                                        },
-                                        on: {
-                                          change: [
-                                            function ($event) {
-                                              var $$selectedVal =
-                                                Array.prototype.filter
-                                                  .call(
-                                                    $event.target.options,
-                                                    function (o) {
-                                                      return o.selected
-                                                    }
-                                                  )
-                                                  .map(function (o) {
-                                                    var val =
-                                                      "_value" in o
-                                                        ? o._value
-                                                        : o.value
-                                                    return val
-                                                  })
-                                              _vm.$set(
-                                                _vm.form,
-                                                "aset_tetap_kelompok_id",
-                                                $event.target.multiple
-                                                  ? $$selectedVal
-                                                  : $$selectedVal[0]
-                                              )
-                                            },
-                                            function ($event) {
-                                              return _vm.changeKelompok(
-                                                $event.target.value
-                                              )
-                                            },
-                                          ],
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "option",
-                                          {
-                                            attrs: { disabled: "", value: "" },
-                                          },
-                                          [
-                                            _vm.modelKelompokStat === "loading"
-                                              ? _c("span", [
-                                                  _vm._v("Mohon tunggu..."),
-                                                ])
-                                              : _c("span", [
-                                                  _vm._v(
-                                                    "Silahkan pilih kelompok"
-                                                  ),
-                                                ]),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _vm._l(
-                                          _vm.modelKelompok,
-                                          function (datas, index) {
-                                            return _c(
-                                              "option",
-                                              {
-                                                key: index,
-                                                domProps: { value: datas.id },
-                                              },
-                                              [
-                                                _vm._v(
-                                                  _vm._s(
-                                                    datas.kode +
-                                                      " | " +
-                                                      datas.name
-                                                  )
-                                                ),
-                                              ]
-                                            )
-                                          }
-                                        ),
-                                      ],
-                                      2
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.currentUser.can &&
-                                    _vm.currentUser.can[
-                                      "create_aset_tetap_jenis"
-                                    ]
-                                      ? _c(
-                                          "div",
-                                          { staticClass: "input-group-append" },
-                                          [
-                                            _c(
-                                              "button",
-                                              {
-                                                staticClass: "btn btn-light",
-                                                attrs: { type: "button" },
-                                                on: {
-                                                  click: function ($event) {
-                                                    return _vm.modalOpen(
-                                                      "kelompok"
-                                                    )
-                                                  },
-                                                },
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass: "icon-plus22",
-                                                }),
-                                              ]
-                                            ),
-                                          ]
-                                        )
-                                      : _vm._e(),
-                                  ]),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.aset_tetap_jenis_id")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first(
-                                                  "form.aset_tetap_jenis_id"
-                                                )
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-4" }, [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c(
-                                    "h6",
-                                    {
-                                      class: {
-                                        "text-danger": _vm.errors.has(
-                                          "form.aset_tetap_jenis_id"
-                                        ),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has("form.aset_tetap_jenis_id")
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tJenis: "),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "input-group" }, [
-                                    _c(
-                                      "select",
-                                      {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: _vm.form.aset_tetap_jenis_id,
-                                            expression:
-                                              "form.aset_tetap_jenis_id",
-                                          },
-                                          {
-                                            name: "validate",
-                                            rawName: "v-validate",
-                                            value: "required",
-                                            expression: "'required'",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          name: "jenis",
-                                          "data-width": "100%",
-                                          "data-vv-as": "Jenis",
-                                          disabled: _vm.modelJenis.length == 0,
-                                        },
-                                        on: {
-                                          change: [
-                                            function ($event) {
-                                              var $$selectedVal =
-                                                Array.prototype.filter
-                                                  .call(
-                                                    $event.target.options,
-                                                    function (o) {
-                                                      return o.selected
-                                                    }
-                                                  )
-                                                  .map(function (o) {
-                                                    var val =
-                                                      "_value" in o
-                                                        ? o._value
-                                                        : o.value
-                                                    return val
-                                                  })
-                                              _vm.$set(
-                                                _vm.form,
-                                                "aset_tetap_jenis_id",
-                                                $event.target.multiple
-                                                  ? $$selectedVal
-                                                  : $$selectedVal[0]
-                                              )
-                                            },
-                                            function ($event) {
-                                              return _vm.changeJenis(
-                                                $event.target.value
-                                              )
-                                            },
-                                          ],
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "option",
-                                          {
-                                            attrs: { disabled: "", value: "" },
-                                          },
-                                          [
-                                            _vm.modelJenisStat === "loading"
-                                              ? _c("span", [
-                                                  _vm._v("Mohon tunggu..."),
-                                                ])
-                                              : _c("span", [
-                                                  _vm._v(
-                                                    "Silahkan pilih jenis"
-                                                  ),
-                                                ]),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _vm._l(
-                                          _vm.modelJenis,
-                                          function (datas, index) {
-                                            return _c(
-                                              "option",
-                                              {
-                                                key: index,
-                                                domProps: { value: datas.id },
-                                              },
-                                              [
-                                                _vm._v(
-                                                  _vm._s(
-                                                    datas.kode +
-                                                      " | " +
-                                                      datas.name
-                                                  )
-                                                ),
-                                              ]
-                                            )
-                                          }
-                                        ),
-                                      ],
-                                      2
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.currentUser.can &&
-                                    _vm.currentUser.can[
-                                      "create_aset_tetap_jenis"
-                                    ]
-                                      ? _c(
-                                          "div",
-                                          { staticClass: "input-group-append" },
-                                          [
-                                            _c(
-                                              "button",
-                                              {
-                                                staticClass: "btn btn-light",
-                                                attrs: { type: "button" },
-                                                on: {
-                                                  click: function ($event) {
-                                                    return _vm.modalOpen(
-                                                      "jenis"
-                                                    )
-                                                  },
-                                                },
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass: "icon-plus22",
-                                                }),
-                                              ]
-                                            ),
-                                          ]
-                                        )
-                                      : _vm._e(),
-                                  ]),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.aset_tetap_jenis_id")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first(
-                                                  "form.aset_tetap_jenis_id"
-                                                )
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]),
-                              ]),
-                              _vm._v(" "),
-                              _vm._m(1),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.form.aset_tetap_jenis_id != ""
-                          ? _c("div", { staticClass: "row" }, [
-                              _c("div", { staticClass: "col-md-4" }, [
-                                _c(
-                                  "div",
-                                  {
-                                    staticClass: "form-group",
-                                    class: {
-                                      "has-error": _vm.errors.has("form.kode"),
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "h6",
-                                      {
-                                        class: {
-                                          "text-danger":
-                                            _vm.errors.has("form.kode"),
-                                        },
-                                      },
-                                      [
-                                        _vm.errors.has("form.kode")
-                                          ? _c("i", {
-                                              staticClass: "icon-cross2",
-                                            })
-                                          : _vm._e(),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\t\tKode: "
-                                        ),
-                                        _c("wajib-badge"),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c("cleave", {
-                                      directives: [
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "kode",
-                                        options: _vm.cleaveOption.number15,
-                                        placeholder: "Silahkan masukkan kode",
-                                        "data-vv-as": "Kode",
-                                        readonly: "",
-                                      },
-                                      model: {
-                                        value: _vm.form.kode,
-                                        callback: function ($$v) {
-                                          _vm.$set(_vm.form, "kode", $$v)
-                                        },
-                                        expression: "form.kode",
-                                      },
-                                    }),
-                                    _vm._v(" "),
-                                    _vm.errors.has("form.kode")
-                                      ? _c(
-                                          "small",
-                                          {
-                                            staticClass:
-                                              "text-muted text-danger",
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass:
-                                                "icon-arrow-small-right",
-                                            }),
-                                            _vm._v(
-                                              " " +
-                                                _vm._s(
-                                                  _vm.errors.first("form.kode")
-                                                ) +
-                                                "\n\t\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c(
-                                          "small",
-                                          { staticClass: "text-muted" },
-                                          [_vm._v(" ")]
-                                        ),
-                                  ],
-                                  1
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-4" }, [
-                                _c(
-                                  "div",
-                                  {
-                                    staticClass: "form-group",
-                                    class: {
-                                      "has-error": _vm.errors.has("form.name"),
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "h5",
-                                      {
-                                        class: {
-                                          "text-danger":
-                                            _vm.errors.has("form.name"),
-                                        },
-                                      },
-                                      [
-                                        _vm.errors.has("form.name")
-                                          ? _c("i", {
-                                              staticClass: "icon-cross2",
-                                            })
-                                          : _vm._e(),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\t\tNama: "
-                                        ),
-                                        _c("wajib-badge"),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c("input", {
-                                      directives: [
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.name,
-                                          expression: "form.name",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        type: "text",
-                                        name: "name",
-                                        placeholder:
-                                          "Silahkan masukkan nama kategori artikel",
-                                        "data-vv-as": "Nama",
-                                      },
-                                      domProps: { value: _vm.form.name },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form,
-                                            "name",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                    _vm._v(" "),
-                                    _vm.errors.has("form.name")
-                                      ? _c(
-                                          "small",
-                                          {
-                                            staticClass:
-                                              "text-muted text-danger",
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass:
-                                                "icon-arrow-small-right",
-                                            }),
-                                            _vm._v(
-                                              " " +
-                                                _vm._s(
-                                                  _vm.errors.first("form.name")
-                                                ) +
-                                                "\n\t\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c(
-                                          "small",
-                                          { staticClass: "text-muted" },
-                                          [_vm._v(" ")]
-                                        ),
-                                  ]
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-4" }, [
-                                _c(
-                                  "div",
-                                  {
-                                    staticClass: "form-group",
-                                    class: {
-                                      "has-error": _vm.errors.has("form.merk"),
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "h5",
-                                      {
-                                        class: {
-                                          "text-danger":
-                                            _vm.errors.has("form.merk"),
-                                        },
-                                      },
-                                      [
-                                        _vm.errors.has("form.merk")
-                                          ? _c("i", {
-                                              staticClass: "icon-cross2",
-                                            })
-                                          : _vm._e(),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\t\tMerk: "
-                                        ),
-                                        _c("wajib-badge"),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c("input", {
-                                      directives: [
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.merk,
-                                          expression: "form.merk",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        type: "text",
-                                        name: "merk",
-                                        placeholder: "Silahkan masukkan merk",
-                                        "data-vv-as": "Merk",
-                                      },
-                                      domProps: { value: _vm.form.merk },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form,
-                                            "merk",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                    _vm._v(" "),
-                                    _vm.errors.has("form.merk")
-                                      ? _c(
-                                          "small",
-                                          {
-                                            staticClass:
-                                              "text-muted text-danger",
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass:
-                                                "icon-arrow-small-right",
-                                            }),
-                                            _vm._v(
-                                              " " +
-                                                _vm._s(
-                                                  _vm.errors.first("form.merk")
-                                                ) +
-                                                "\n\t\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c(
-                                          "small",
-                                          { staticClass: "text-muted" },
-                                          [_vm._v(" ")]
-                                        ),
-                                  ]
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-4" }, [
-                                _c(
-                                  "div",
-                                  {
-                                    staticClass: "form-group",
-                                    class: {
-                                      "has-error": _vm.errors.has("form.tipe"),
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "h5",
-                                      {
-                                        class: {
-                                          "text-danger":
-                                            _vm.errors.has("form.tipe"),
-                                        },
-                                      },
-                                      [
-                                        _vm.errors.has("form.tipe")
-                                          ? _c("i", {
-                                              staticClass: "icon-cross2",
-                                            })
-                                          : _vm._e(),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\t\tTipe: "
-                                        ),
-                                        _c("wajib-badge"),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c("input", {
-                                      directives: [
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.tipe,
-                                          expression: "form.tipe",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        type: "text",
-                                        name: "tipe",
-                                        placeholder: "Silahkan masukkan tipe",
-                                        "data-vv-as": "Tipe",
-                                      },
-                                      domProps: { value: _vm.form.tipe },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form,
-                                            "tipe",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                    _vm._v(" "),
-                                    _vm.errors.has("form.tipe")
-                                      ? _c(
-                                          "small",
-                                          {
-                                            staticClass:
-                                              "text-muted text-danger",
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass:
-                                                "icon-arrow-small-right",
-                                            }),
-                                            _vm._v(
-                                              " " +
-                                                _vm._s(
-                                                  _vm.errors.first("form.tipe")
-                                                ) +
-                                                "\n\t\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c(
-                                          "small",
-                                          { staticClass: "text-muted" },
-                                          [_vm._v(" ")]
-                                        ),
-                                  ]
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-4" }, [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c(
-                                    "h6",
-                                    {
-                                      class: {
-                                        "text-danger": _vm.errors.has(
-                                          "form.aset_tetap_lokasi_id"
-                                        ),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has(
-                                        "form.aset_tetap_lokasi_id"
-                                      )
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t\t\t\tLokasi: "
-                                      ),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c("div", { staticClass: "input-group" }, [
-                                    _c(
-                                      "select",
-                                      {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value:
-                                              _vm.form.aset_tetap_lokasi_id,
-                                            expression:
-                                              "form.aset_tetap_lokasi_id",
-                                          },
-                                          {
-                                            name: "validate",
-                                            rawName: "v-validate",
-                                            value: "required",
-                                            expression: "'required'",
-                                          },
-                                        ],
-                                        staticClass: "form-control",
-                                        attrs: {
-                                          name: "lokasi",
-                                          "data-width": "100%",
-                                          "data-vv-as": "Lokasi",
-                                          disabled: _vm.modelLokasi.length == 0,
-                                        },
-                                        on: {
-                                          change: function ($event) {
-                                            var $$selectedVal =
-                                              Array.prototype.filter
-                                                .call(
-                                                  $event.target.options,
-                                                  function (o) {
-                                                    return o.selected
-                                                  }
-                                                )
-                                                .map(function (o) {
-                                                  var val =
-                                                    "_value" in o
-                                                      ? o._value
-                                                      : o.value
-                                                  return val
-                                                })
-                                            _vm.$set(
-                                              _vm.form,
-                                              "aset_tetap_lokasi_id",
-                                              $event.target.multiple
-                                                ? $$selectedVal
-                                                : $$selectedVal[0]
-                                            )
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "option",
-                                          {
-                                            attrs: { disabled: "", value: "" },
-                                          },
-                                          [
-                                            _vm.modelLokasiStat === "loading"
-                                              ? _c("span", [
-                                                  _vm._v("Mohon tunggu..."),
-                                                ])
-                                              : _c("span", [
-                                                  _vm._v(
-                                                    "Silahkan pilih lokasi"
-                                                  ),
-                                                ]),
-                                          ]
-                                        ),
-                                        _vm._v(" "),
-                                        _vm._l(
-                                          _vm.modelLokasi,
-                                          function (datas, index) {
-                                            return _c(
-                                              "option",
-                                              {
-                                                key: index,
-                                                domProps: { value: datas.id },
-                                              },
-                                              [_vm._v(_vm._s(datas.name))]
-                                            )
-                                          }
-                                        ),
-                                      ],
-                                      2
-                                    ),
-                                    _vm._v(" "),
-                                    _vm.currentUser.can &&
-                                    _vm.currentUser.can[
-                                      "create_aset_tetap_lokasi"
-                                    ]
-                                      ? _c(
-                                          "div",
-                                          { staticClass: "input-group-append" },
-                                          [
-                                            _c(
-                                              "button",
-                                              {
-                                                staticClass: "btn btn-light",
-                                                attrs: { type: "button" },
-                                                on: {
-                                                  click: function ($event) {
-                                                    return _vm.modalOpen(
-                                                      "lokasi"
-                                                    )
-                                                  },
-                                                },
-                                              },
-                                              [
-                                                _c("i", {
-                                                  staticClass: "icon-plus22",
-                                                }),
-                                              ]
-                                            ),
-                                          ]
-                                        )
-                                      : _vm._e(),
-                                  ]),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.aset_tetap_lokasi_id")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first(
-                                                  "form.aset_tetap_lokasi_id"
-                                                )
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-4" }, [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c(
-                                    "h6",
-                                    {
-                                      class: {
-                                        "text-danger":
-                                          _vm.errors.has("form.aktivis_id"),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has("form.aktivis_id")
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t\t\t\tPenangungjawab: "
-                                      ),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.aktivis_id,
-                                          expression: "form.aktivis_id",
-                                        },
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "penanggungjawab",
-                                        "data-width": "100%",
-                                        "data-vv-as": "Penangungjawab",
-                                        disabled: _vm.modelAktivis.length == 0,
-                                      },
-                                      on: {
-                                        change: function ($event) {
-                                          var $$selectedVal =
-                                            Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function (o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function (o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                          _vm.$set(
-                                            _vm.form,
-                                            "aktivis_id",
-                                            $event.target.multiple
-                                              ? $$selectedVal
-                                              : $$selectedVal[0]
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [
-                                          _vm.modelAktivisStat === "loading"
-                                            ? _c("span", [
-                                                _vm._v("Mohon tunggu..."),
-                                              ])
-                                            : _c("span", [
-                                                _vm._v(
-                                                  "Silahkan pilih penangungjawab"
-                                                ),
-                                              ]),
-                                        ]
-                                      ),
-                                      _vm._v(" "),
-                                      _vm._l(
-                                        _vm.modelAktivis,
-                                        function (datas, index) {
-                                          return _c(
-                                            "option",
-                                            {
-                                              key: index,
-                                              domProps: { value: datas.id },
-                                            },
-                                            [_vm._v(_vm._s(datas.name))]
-                                          )
-                                        }
-                                      ),
-                                    ],
-                                    2
-                                  ),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.aktivis_id")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first(
-                                                  "form.aktivis_id"
-                                                )
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-4" }, [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c(
-                                    "h6",
-                                    {
-                                      class: {
-                                        "text-danger":
-                                          _vm.errors.has("form.kondisi"),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has("form.kondisi")
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t\t\t\tKondisi: "
-                                      ),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.kondisi,
-                                          expression: "form.kondisi",
-                                        },
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "kondisi",
-                                        "data-width": "100%",
-                                        "data-vv-as": "Kondisi",
-                                      },
-                                      on: {
-                                        change: function ($event) {
-                                          var $$selectedVal =
-                                            Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function (o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function (o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                          _vm.$set(
-                                            _vm.form,
-                                            "kondisi",
-                                            $event.target.multiple
-                                              ? $$selectedVal
-                                              : $$selectedVal[0]
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [_vm._v("Silahkan pilih kondisi")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { value: "Baik" } },
-                                        [_vm._v("Baik")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { value: "Diperbaiki" } },
-                                        [_vm._v("Diperbaiki")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { value: "Rusak" } },
-                                        [_vm._v("Rusak")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { value: "Dijual" } },
-                                        [_vm._v("Dijual")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { value: "Hilang" } },
-                                        [_vm._v("Hilang")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { value: "Disewa" } },
-                                        [_vm._v("Disewa")]
-                                      ),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.kondisi")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first("form.kondisi")
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]),
-                              ]),
-                              _vm._v(" "),
-                              _vm._m(2),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-4" }, [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c(
-                                    "h6",
-                                    {
-                                      class: {
-                                        "text-danger": _vm.errors.has(
-                                          "form.aktivis_id_pembeli"
-                                        ),
-                                      },
-                                    },
-                                    [
-                                      _vm.errors.has("form.aktivis_id_pembeli")
-                                        ? _c("i", {
-                                            staticClass: "icon-cross2",
-                                          })
-                                        : _vm._e(),
-                                      _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t\t\t\tPembeli: "
-                                      ),
-                                      _c("wajib-badge"),
-                                    ],
-                                    1
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.aktivis_id_pembeli,
-                                          expression: "form.aktivis_id_pembeli",
-                                        },
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "pembeli",
-                                        "data-width": "100%",
-                                        "data-vv-as": "Pembeli",
-                                        disabled: _vm.modelAktivis.length == 0,
-                                      },
-                                      on: {
-                                        change: function ($event) {
-                                          var $$selectedVal =
-                                            Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function (o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function (o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                          _vm.$set(
-                                            _vm.form,
-                                            "aktivis_id_pembeli",
-                                            $event.target.multiple
-                                              ? $$selectedVal
-                                              : $$selectedVal[0]
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [
-                                          _vm.modelAktivisStat === "loading"
-                                            ? _c("span", [
-                                                _vm._v("Mohon tunggu..."),
-                                              ])
-                                            : _c("span", [
-                                                _vm._v(
-                                                  "Silahkan pilih pembeli"
-                                                ),
-                                              ]),
-                                        ]
-                                      ),
-                                      _vm._v(" "),
-                                      _vm._l(
-                                        _vm.modelAktivis,
-                                        function (datas, index) {
-                                          return _c(
-                                            "option",
-                                            {
-                                              key: index,
-                                              domProps: { value: datas.id },
-                                            },
-                                            [_vm._v(_vm._s(datas.name))]
-                                          )
-                                        }
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [_vm._v("----------------")]
-                                      ),
-                                      _vm._v(" "),
-                                      _vm._l(
-                                        _vm.modelMitra,
-                                        function (datas, index) {
-                                          return _c(
-                                            "option",
-                                            {
-                                              key: index,
-                                              domProps: { value: datas.id },
-                                            },
-                                            [_vm._v(_vm._s(datas.name))]
-                                          )
-                                        }
-                                      ),
-                                    ],
-                                    2
-                                  ),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.aktivis_id_pembeli")
-                                    ? _c(
-                                        "small",
-                                        {
-                                          staticClass: "text-muted text-danger",
-                                        },
-                                        [
-                                          _c("i", {
-                                            staticClass:
-                                              "icon-arrow-small-right",
-                                          }),
-                                          _vm._v(
-                                            " " +
-                                              _vm._s(
-                                                _vm.errors.first(
-                                                  "form.aktivis_id_pembeli"
-                                                )
-                                              ) +
-                                              "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-4" }, [
-                                _c(
-                                  "div",
-                                  {
-                                    staticClass: "form-group",
-                                    class: {
-                                      "has-error":
-                                        _vm.errors.has("form.tanggal"),
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "h6",
-                                      {
-                                        class: {
-                                          "text-danger":
-                                            _vm.errors.has("form.tanggal"),
-                                        },
-                                      },
-                                      [
-                                        _vm.errors.has("form.tanggal")
-                                          ? _c("i", {
-                                              staticClass: "icon-cross2",
-                                            })
-                                          : _vm._e(),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\t\tTgl. Pembelian: "
-                                        ),
-                                        _c("wajib-badge"),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c("date-picker", {
-                                      attrs: { defaultDate: _vm.form.tanggal },
-                                      on: {
-                                        dateSelected: function ($event) {
-                                          _vm.form.tanggal = $event
-                                        },
-                                      },
-                                    }),
-                                    _vm._v(" "),
-                                    _c("input", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.tanggal,
-                                          expression: "form.tanggal",
-                                        },
-                                        {
-                                          name: "show",
-                                          rawName: "v-show",
-                                          value: false,
-                                          expression: "false",
-                                        },
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
-                                        },
-                                      ],
-                                      attrs: {
-                                        "data-vv-as": "Tanggal pembelian",
-                                      },
-                                      domProps: { value: _vm.form.tanggal },
-                                      on: {
-                                        input: function ($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            _vm.form,
-                                            "tanggal",
-                                            $event.target.value
-                                          )
-                                        },
-                                      },
-                                    }),
-                                    _vm._v(" "),
-                                    _vm.errors.has("form.tanggal")
-                                      ? _c(
-                                          "small",
-                                          {
-                                            staticClass:
-                                              "text-muted text-danger",
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass:
-                                                "icon-arrow-small-right",
-                                            }),
-                                            _vm._v(
-                                              " " +
-                                                _vm._s(
-                                                  _vm.errors.first(
-                                                    "form.tanggal"
-                                                  )
-                                                ) +
-                                                "\n\t\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c(
-                                          "small",
-                                          { staticClass: "text-muted" },
-                                          [_vm._v(" ")]
-                                        ),
-                                  ],
-                                  1
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-4" }, [
-                                _c(
-                                  "div",
-                                  {
-                                    staticClass: "form-group",
-                                    class: {
-                                      "has-error": _vm.errors.has("form.harga"),
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "h5",
-                                      {
-                                        class: {
-                                          "text-danger":
-                                            _vm.errors.has("form.harga"),
-                                        },
-                                      },
-                                      [
-                                        _vm.errors.has("form.harga")
-                                          ? _c("i", {
-                                              staticClass: "icon-cross2",
-                                            })
-                                          : _vm._e(),
-                                        _vm._v(
-                                          "\n\t\t\t\t\t\t\t\t\t\t\tHarga: "
-                                        ),
-                                        _c("wajib-badge"),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c("cleave", {
-                                      directives: [
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required|min:5",
-                                          expression: "'required|min:5'",
-                                        },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "harga",
-                                        options: _vm.cleaveOption.numeric,
-                                        "data-vv-as": "Harga",
-                                        placeholder: "Silahkan masukkan harga",
-                                      },
-                                      model: {
-                                        value: _vm.form.harga,
-                                        callback: function ($$v) {
-                                          _vm.$set(_vm.form, "harga", $$v)
-                                        },
-                                        expression: "form.harga",
-                                      },
-                                    }),
-                                    _vm._v(" "),
-                                    _vm.errors.has("form.harga")
-                                      ? _c(
-                                          "small",
-                                          {
-                                            staticClass:
-                                              "text-muted text-danger",
-                                          },
-                                          [
-                                            _c("i", {
-                                              staticClass:
-                                                "icon-arrow-small-right",
-                                            }),
-                                            _vm._v(
-                                              " " +
-                                                _vm._s(
-                                                  _vm.errors.first("form.harga")
-                                                ) +
-                                                "\n\t\t\t\t\t\t\t\t\t\t"
-                                            ),
-                                          ]
-                                        )
-                                      : _c(
-                                          "small",
-                                          { staticClass: "text-muted" },
-                                          [_vm._v(" ")]
-                                        ),
-                                  ],
-                                  1
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-md-12" }, [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("h6", [_vm._v("Keterangan:")]),
-                                  _vm._v(" "),
-                                  _c("textarea", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: _vm.form.keterangan,
-                                        expression: "form.keterangan",
-                                      },
-                                    ],
-                                    staticClass: "form-control",
-                                    attrs: {
-                                      rows: "3",
-                                      type: "text",
-                                      name: "keterangan",
-                                      placeholder:
-                                        "Silahkan masukkan keterangan ",
-                                    },
-                                    domProps: { value: _vm.form.keterangan },
-                                    on: {
-                                      input: function ($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          _vm.form,
-                                          "keterangan",
-                                          $event.target.value
-                                        )
-                                      },
-                                    },
-                                  }),
-                                ]),
-                              ]),
-                            ])
-                          : _vm._e(),
-                      ],
-                      1
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c("form-info"),
-                  _vm._v(" "),
-                  _c("br"),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "panel panel-flat panel-body" },
-                    [
-                      _c("form-button", {
-                        attrs: {
-                          cancelState: "methods",
-                          formValidation: "form",
-                        },
-                        on: { cancelClick: _vm.back },
-                      }),
-                    ],
-                    1
-                  ),
-                ],
-                1
-              ),
+              _c("div", { staticClass: "row" }, [
+                _c(
+                  "div",
+                  { staticClass: "col-lg-8" },
+                  [
+                    _c("grafik-laporan-cu-widget", {
+                      attrs: {
+                        id_cu: "0",
+                        columnData: _vm.columnData,
+                        columnDataPearls: _vm.columnDataPearls,
+                      },
+                    }),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  { staticClass: "col-lg-4" },
+                  [
+                    _c("table-laporan-cu-widget", {
+                      attrs: {
+                        id_cu: "0",
+                        columnData: _vm.columnData,
+                        columnDataPearls: _vm.columnDataPearls,
+                      },
+                    }),
+                  ],
+                  1
+                ),
+              ]),
+              _vm._v(" "),
+              _c("table-data", {
+                attrs: { title: _vm.title, kelas: _vm.kelas },
+              }),
             ],
             1
           ),
         ]),
       ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            content: _vm.modalContent,
-            color: _vm.modalColor,
-          },
-          on: {
-            batal: _vm.modalTutup,
-            tutup: _vm.modalTutup,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _vm.state == "jenis"
-                ? _c("form-jenis", {
-                    attrs: { kelas: "asetTetapJenis", mode: "tambah" },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm.state == "kelompok"
-                ? _c("form-kelompok", {
-                    attrs: { kelas: "asetTetapKelompok", mode: "tambah" },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _vm.state == "golongan"
-                ? _c("form-golongan", {
-                    attrs: { kelas: "asetTetapGolongan", mode: "tambah" },
-                    on: { tutup: _vm.modalTutup },
-                  })
-                : _c("form-lokasi", {
-                    attrs: { kelas: "asetTetapLokasi", mode: "tambah" },
-                    on: { tutup: _vm.modalTutup },
-                  }),
-            ],
-            1
-          ),
-        ],
-        2
-      ),
     ],
     1
   )
 }
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/table.vue?vue&type=template&id=47db5e1c&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanGerakan/table.vue?vue&type=template&id=47db5e1c& ***!
+  \*************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "div",
+      { staticClass: "card" },
+      [
+        _vm._m(0),
+        _vm._v(" "),
+        _c("div", { staticClass: "card-body pb-2 d-print-none" }, [
+          _c("div", { staticClass: "row" }, [
+            _c(
+              "div",
+              { staticClass: "col-md-8 col-lg-10 pb-2 d-none d-sm-block" },
+              [
+                _vm.currentUser.id_cu == 0
+                  ? _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-light btn-icon mb-1",
+                        attrs: { disabled: !_vm.selectedItem.periode },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.lihatData(_vm.selectedItem.periode)
+                          },
+                        },
+                      },
+                      [
+                        _c("i", { staticClass: "icon-file-eye" }),
+                        _vm._v(" Lihat Laporan Statistik CU\n            "),
+                      ]
+                    )
+                  : _vm._e(),
+              ]
+            ),
+            _vm._v(" "),
+            _c("div", { staticClass: "col-md-12 pb-2 d-block d-sm-none" }, [
+              _vm.currentUser.id_cu == 0
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
+                      attrs: { disabled: !_vm.selectedItem.periode },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.lihatData(_vm.selectedItem.periode)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat Laporan Statistik CU\n            "),
+                    ]
+                  )
+                : _vm._e(),
+            ]),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("data-table", {
+          attrs: {
+            columnData: _vm.columnData,
+            items: _vm.itemData,
+            itemDataStat: _vm.itemDataStat,
+          },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info":
+                          _vm.selectedItem.periode == props.item.periode,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
+                      },
+                    },
+                    [
+                      _c("td", [
+                        _vm._v(
+                          "\n\t\t\t\t\t\t\t" +
+                            _vm._s(props.index + 1) +
+                            "\n\t\t\t\t\t\t"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("td", [
+                        _vm._v(
+                          "\n\t\t\t\t\t\t\t" +
+                            _vm._s(_vm._f("dateMonth")(props.item.periode)) +
+                            "\n\t\t\t\t\t\t"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: { value: props.item.cu },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c("td", [
+                        props.item.cu_sesuai
+                          ? _c(
+                              "span",
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.cu_sesuai.cu },
+                                }),
+                              ],
+                              1
+                            )
+                          : _c("span", [_vm._v("-")]),
+                      ]),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.l_biasa,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.l_lbiasa,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.p_biasa,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.p_lbiasa,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.total_anggota,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.total_anggota_lalu,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.aset,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.aset_lalu,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.aset_masalah,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.aset_tidak_menghasilkan,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.aset_likuid_tidak_menghasilkan,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.aktiva_lancar,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.simpanan_saham,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.simpanan_saham_lalu,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.simpanan_saham_des,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.nonsaham_unggulan,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.nonsaham_harian,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.hutang_spd,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.hutang_tidak_berbiaya_30hari,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.total_hutang_pihak3,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.piutang_beredar,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.piutang_bersih,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.piutang_anggota,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.piutang_lalai_1bulan,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.piutang_lalai_12bulan,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.rasio_beredar,
+                              valueType: "percentage",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.rasio_lalai,
+                              valueType: "percentage",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.dcr,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.dcu,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.dana_gedung,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.donasi,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.bjs_saham,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.beban_penyisihan_dcr,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.investasi_likuid,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.total_pendapatan,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.total_biaya,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.shu,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.shu_lalu,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.rata_aset,
+                              valueType: "currency",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.laju_inflasi,
+                              valueType: "percentage",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "td",
+                        [
+                          _c("check-value", {
+                            attrs: {
+                              value: props.item.harga_pasar,
+                              valueType: "percentage",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                    ]
+                  ),
+                ]
+              },
+            },
+          ]),
+        }),
+      ],
+      1
+    ),
+  ])
+}
 var staticRenderFns = [
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-12" }, [_c("hr")])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-12" }, [_c("hr")])
+    return _c("div", { staticClass: "card-header d-print-none" }, [
+      _c("div", { staticClass: "card-title" }, [
+        _vm._v("\n          Tabel Infografis Gerakan  \n        "),
+      ]),
+    ])
   },
 ]
 render._withStripped = true
@@ -4092,17 +2169,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* harmony import */ var _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
+/* harmony import */ var _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4112,9 +2189,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4124,57 +2201,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/ImageUpload.vue"
+component.options.__file = "resources/assets/js/components/collapseButton.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/components/datatable.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
+/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -4182,10 +2257,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4195,70 +2270,123 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datePicker.vue"
+component.options.__file = "resources/assets/js/components/datatable.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
+  \*************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
-  \****************************************************************************************/
-/*! no static exports found */
+/***/ "./resources/assets/js/components/pageHeader.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  \*******************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/card.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/card.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/views/laporanGerakan/index.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/laporanGerakan/index.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _card_vue_vue_type_template_id_d116afbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./card.vue?vue&type=template&id=d116afbe& */ "./resources/assets/js/views/asetTetap/card.vue?vue&type=template&id=d116afbe&");
-/* harmony import */ var _card_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./card.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/card.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_22771bf6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=22771bf6& */ "./resources/assets/js/views/laporanGerakan/index.vue?vue&type=template&id=22771bf6&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanGerakan/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4268,9 +2396,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _card_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _card_vue_vue_type_template_id_d116afbe___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _card_vue_vue_type_template_id_d116afbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_22771bf6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_22771bf6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4280,54 +2408,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetap/card.vue"
+component.options.__file = "resources/assets/js/views/laporanGerakan/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/card.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/card.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/laporanGerakan/index.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanGerakan/index.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_card_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./card.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/card.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_card_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/card.vue?vue&type=template&id=d116afbe&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/card.vue?vue&type=template&id=d116afbe& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/laporanGerakan/index.vue?vue&type=template&id=22771bf6&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanGerakan/index.vue?vue&type=template&id=22771bf6& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_card_vue_vue_type_template_id_d116afbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./card.vue?vue&type=template&id=d116afbe& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/card.vue?vue&type=template&id=d116afbe&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_card_vue_vue_type_template_id_d116afbe___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_22771bf6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=22771bf6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/index.vue?vue&type=template&id=22771bf6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_22771bf6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_card_vue_vue_type_template_id_d116afbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_22771bf6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/form.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/form.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/views/laporanGerakan/table.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/laporanGerakan/table.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_97a38056___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=97a38056& */ "./resources/assets/js/views/asetTetap/form.vue?vue&type=template&id=97a38056&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_47db5e1c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=47db5e1c& */ "./resources/assets/js/views/laporanGerakan/table.vue?vue&type=template&id=47db5e1c&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanGerakan/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -4337,9 +2465,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_97a38056___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_97a38056___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_47db5e1c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_47db5e1c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -4349,38 +2477,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetap/form.vue"
+component.options.__file = "resources/assets/js/views/laporanGerakan/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/form.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/form.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/laporanGerakan/table.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanGerakan/table.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetap/form.vue?vue&type=template&id=97a38056&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetap/form.vue?vue&type=template&id=97a38056& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/laporanGerakan/table.vue?vue&type=template&id=47db5e1c&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanGerakan/table.vue?vue&type=template&id=47db5e1c& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_97a38056___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=97a38056& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/form.vue?vue&type=template&id=97a38056&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_97a38056___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_47db5e1c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=47db5e1c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanGerakan/table.vue?vue&type=template&id=47db5e1c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_47db5e1c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_97a38056___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_47db5e1c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/76.js b/public/js/components/76.js
index fe4724425..e98d5ca0a 100644
--- a/public/js/components/76.js
+++ b/public/js/components/76.js
@@ -84,34 +84,81 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/form.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/form.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _formKategori_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./formKategori.vue */ "./resources/assets/js/views/artikel/formKategori.vue");
-/* harmony import */ var _formPenulis_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./formPenulis.vue */ "./resources/assets/js/views/artikel/formPenulis.vue");
-/* harmony import */ var _helpers_auth__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../helpers/auth */ "./resources/assets/js/helpers/auth.js");
-/* harmony import */ var _helpers_url_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../helpers/url.js */ "./resources/assets/js/helpers/url.js");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+/* harmony import */ var vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue2-datepicker */ "./node_modules/vue2-datepicker/index.esm.js");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue2-datepicker/index.css */ "./node_modules/vue2-datepicker/index.css");
+/* harmony import */ var vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_index_css__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue2-datepicker/locale/id */ "./node_modules/vue2-datepicker/locale/id.js");
+/* harmony import */ var vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue2_datepicker_locale_id__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
+//
+//
+//
+//
+//
+//
+//
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['defaultDate'],
+  components: {
+    DatePicker: vue2_datepicker__WEBPACK_IMPORTED_MODULE_0__["default"]
+  },
+  data: function data() {
+    return {
+      time: '',
+      dateVal: ''
+    };
+  },
+  mounted: function mounted() {
+    if (this.defaultDate == '') {
+      var today = new Date();
+      var date = today.getDate() + '-0' + (today.getMonth() + 1) + '-' + today.getFullYear();
+      this.time = date;
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
+    } else {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+      this.$emit('dateSelected', this.defaultDate);
+    }
+  },
+  watch: {
+    defaultDate: function defaultDate(newVal, oldVal) {
+      this.time = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.defaultDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+    }
+  },
+  methods: {
+    onChanged: function onChanged(event) {
+      this.dateVal = moment__WEBPACK_IMPORTED_MODULE_3___default()(this.time, "DD-MM-YYYY").format("YYYY-MM-DD");
+      this.$emit('dateSelected', this.dateVal);
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/card.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/card.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 //
 //
 //
@@ -206,6 +253,53 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ["itemData"],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_0__["default"]
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/form.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/form.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _asetTetapGolongan_form_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../asetTetapGolongan/form.vue */ "./resources/assets/js/views/asetTetapGolongan/form.vue");
+/* harmony import */ var _asetTetapKelompok_form_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../asetTetapKelompok/form.vue */ "./resources/assets/js/views/asetTetapKelompok/form.vue");
+/* harmony import */ var _asetTetapJenis_form_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../asetTetapJenis/form.vue */ "./resources/assets/js/views/asetTetapJenis/form.vue");
+/* harmony import */ var _asetTetapLokasi_form_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../asetTetapLokasi/form.vue */ "./resources/assets/js/views/asetTetapLokasi/form.vue");
+/* harmony import */ var _card_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./card.vue */ "./resources/assets/js/views/asetTetap/card.vue");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -397,299 +491,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formKategori: _formKategori_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    formPenulis: _formPenulis_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_12__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Tambah Artikel',
-      titleDesc: 'Menambah artikel baru',
-      titleIcon: 'icon-plus3',
-      level2Title: 'Artikel',
-      kelas: 'artikel',
-      id_cu: '',
-      utama: '',
-      UploadAdapter: function UploadAdapter(loader) {
-        var _this = this;
-
-        this.loader = loader;
-
-        this.upload = function () {
-          var body = new FormData();
-          var user = Object(_helpers_auth__WEBPACK_IMPORTED_MODULE_10__["getLocalUser"])();
-          var token = user.token;
-          body.append('gambar', _this.loader.file);
-          return fetch(_helpers_url_js__WEBPACK_IMPORTED_MODULE_11__["url_config"].api_url + 'artikel/upload', {
-            headers: {
-              "Authorization": 'Bearer ' + token
-            },
-            body: body,
-            method: 'POST'
-          }).then(function (response) {
-            return response.json();
-          }).then(function (downloadUrl) {
-            return {
-              "default": downloadUrl
-            };
-          })["catch"](function (error) {
-            console.log(error);
-          });
-        };
-
-        this.abort = function () {
-          console.log('Abort upload.');
-        };
-      },
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      submited: false,
-      submitedKategori: false,
-      submitedPenulis: false
-    };
-  },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
-  created: function created() {
-    if (this.currentUser.id_cu === 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    }
-
-    if (this.$route.meta.mode !== 'edit' && this.form.id_cu === undefined) {
-      this.form.id_cu = this.currentUser.id_cu;
-      this.changeCU(this.currentUser.id_cu);
-    }
-  },
-  watch: {
-    formStat: function formStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode !== 'edit') {
-          this.form.id_cu = this.currentUser.id_cu;
-        } else {
-          this.checkUser('update_artikel', this.form.id_cu);
-        }
-
-        if (this.form.id_cu !== undefined) {
-          this.changeCU(this.form.id_cu);
-        }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    },
-    updateKategoriStat: function updateKategoriStat(value) {
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateKategoriResponse.message;
-        this.$store.dispatch('artikelKategori/getCu', this.id_cu);
-        this.form.id_artikel_kategori = this.updateKategoriResponse.id;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateKategoriResponse.message;
-      }
-    },
-    updatePenulisStat: function updatePenulisStat(value) {
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updatePenulisResponse.message;
-        this.$store.dispatch('artikelPenulis/getCu', this.id_cu);
-        this.form.id_artikel_penulis = this.updatePenulisResponse.id;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updatePenulisResponse.message;
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.currentUser.id_cu === 0) {
-        if (this.modelCuStat != 'success') {
-          this.$store.dispatch('cu/getHeader');
-        }
-      }
-
-      if (this.$route.meta.mode === 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah Artikel';
-        this.titleDesc = 'Mengubah artikel';
-        this.titleIcon = 'icon-pencil5';
-      } else {
-        this.title = 'Tambah Artikel';
-        this.titleDesc = 'Menambah artikel';
-        this.titleIcon = 'icon-plus3';
-        this.$store.dispatch(this.kelas + '/create');
-      }
-    },
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    },
-    save: function save() {
-      var _this2 = this;
-
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this2.$route.meta.mode === 'edit') {
-            _this2.$store.dispatch(_this2.kelas + '/update', [_this2.$route.params.id, formData]);
-          } else {
-            _this2.$store.dispatch(_this2.kelas + '/store', formData);
-          }
-
-          _this2.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this2.submited = true;
-        }
-      });
-    },
-    changeCU: function changeCU(id) {
-      this.$store.dispatch('artikelPenulis/getCu', id);
-      this.$store.dispatch('artikelKategori/getCu', id);
-    },
-    back: function back() {
-      if (this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: 'semua'
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        });
-      }
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat === 'success') {
-        this.back();
-      }
-
-      this.modalShow = false;
-      this.submitedKategori = false;
-      this.submitedPenulis = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    },
-    modalOpen_Penulis: function modalOpen_Penulis() {
-      this.id_cu = this.form.id_cu;
-      this.modalShow = true;
-      this.modalState = 'normal1';
-      this.modalColor = 'bg-primary';
-      this.modalTitle = 'Tambah penulis artikel';
-    },
-    modalOpen_Kategori: function modalOpen_Kategori() {
-      this.id_cu = this.form.id_cu;
-      this.modalShow = true;
-      this.modalState = 'normal2';
-      this.modalColor = 'bg-primary';
-      this.modalTitle = 'Tambah kategori artikel';
-    },
-    processFile: function processFile(event) {
-      this.form.gambar = event.target.files[0];
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikel', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelKategori', {
-    modelKategori: 'dataS',
-    modelKategoriStat: 'dataStatS',
-    updateKategoriResponse: 'update',
-    updateKategoriStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelPenulis', {
-    modelPenulis: 'dataS',
-    modelPenulisStat: 'dataStatS',
-    updatePenulisResponse: 'update',
-    updatePenulisStat: 'updateStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formKategori.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/formKategori.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 //
 //
 //
@@ -744,69 +545,6 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['id_cu'],
-  components: {
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
-  },
-  data: function data() {
-    return {
-      kelas: 'artikelKategori',
-      form: {
-        id_cu: '',
-        name: '',
-        deskripsi: ''
-      },
-      submited: false,
-      cancelTitle: 'Tutup',
-      cancelIcon: 'icon-cross',
-      cancelState: 'methods'
-    };
-  },
-  methods: {
-    save: function save() {
-      var _this = this;
-
-      this.form.id_cu = this.id_cu;
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          _this.$store.dispatch(_this.kelas + '/store', _this.form);
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
-    },
-    cancelClick: function cancelClick() {
-      this.$emit('cancelClick');
-    }
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formPenulis.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/formPenulis.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 //
 //
 //
@@ -871,86 +609,704 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_5__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_7___default.a,
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_11__["default"],
+    formGolongan: _asetTetapGolongan_form_vue__WEBPACK_IMPORTED_MODULE_12__["default"],
+    formKelompok: _asetTetapKelompok_form_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
+    formJenis: _asetTetapJenis_form_vue__WEBPACK_IMPORTED_MODULE_14__["default"],
+    formLokasi: _asetTetapLokasi_form_vue__WEBPACK_IMPORTED_MODULE_15__["default"],
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_17__["default"],
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_18__["default"],
+    cardData: _card_vue__WEBPACK_IMPORTED_MODULE_16__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_19__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Tambah Aset Tetap',
+      titleDesc: 'Menambah Aset Tetap Baru',
+      titleIcon: 'icon-plus3',
+      kelas: 'asetTetap',
+      level2Title: 'Aset Tetap',
+      isInduk: '',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        number15: {
+          numeral: true,
+          numeralIntegerScale: 15,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      selectedItem: {},
+      query: {
+        order_column: "name",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      columnData: [{
+        title: 'No.'
+      }, {
+        title: 'Foto'
+      }, {
+        title: 'Kode'
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Jenis'
+      }, {
+        title: 'Merk'
+      }, {
+        title: 'Tipe'
+      }, {
+        title: 'Lokasi'
+      }, {
+        title: 'Penanggungjawab'
+      }, {
+        title: 'Tgl. Beli'
+      }, {
+        title: 'Pembeli'
+      }, {
+        title: 'Harga'
+      }, {
+        title: 'Sub'
+      }, {
+        title: 'Kondisi'
+      }],
+      state: '',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      submited: false
+    };
+  },
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
+  created: function created() {},
+  watch: {
+    formStat: function formStat(value) {
+      if (value == 'success') {
+        if (this.$route.meta.mode === 'edit') {
+          if (this.form.aset) {
+            this.isInduk = "false";
+            this.selectedItem = this.form.aset;
+          } else {
+            this.isInduk = "true";
+          }
 
+          this.changeGolongan(this.form.aset_tetap_golongan_id);
+          this.changeKelompok(this.form.aset_tetap_kelompok_id);
+        }
+      }
+    },
+    kodeStat: function kodeStat(value) {
+      if (value == 'success') {
+        this.form.kode = ++this.kode.kode;
+      } else {
+        var _golongan = '';
+        var _kelompok = '';
+        var _jenis = '';
+        _golongan = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.modelGolongan, {
+          'id': this.form.aset_tetap_golongan_id
+        });
+        _kelompok = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.modelKelompok, {
+          'id': this.form.aset_tetap_kelompok_id
+        });
+        _jenis = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.find(this.modelJenis, {
+          'id': this.form.aset_tetap_jenis_id
+        });
+        this.form.kode = _golongan.kode + _kelompok.kode + _jenis.kode + '0000';
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
 
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    },
+    updateGolonganStat: function updateGolonganStat(value) {
+      this.modalState = value;
+      this.modalColor = '';
 
+      if (value === "success") {
+        this.modalTitle = this.updateJenisResponse.message;
+        this.fetchGolongan();
+        this.form.aset_tetap_jenis_golongan_id = this.updateJenisResponse.id;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateJenisResponse.message;
+      }
+    },
+    updateKelompokStat: function updateKelompokStat(value) {
+      this.modalState = value;
+      this.modalColor = '';
 
+      if (value === "success") {
+        this.modalTitle = this.updateJenisResponse.message;
+        this.changeGolongan(this.form.aset_tetap_golongan_id);
+        this.form.aset_tetap_jenis_kelompok_id = this.updateJenisResponse.id;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateJenisResponse.message;
+      }
+    },
+    updateJenisStat: function updateJenisStat(value) {
+      this.modalState = value;
+      this.modalColor = '';
 
+      if (value === "success") {
+        this.modalTitle = this.updateJenisResponse.message;
+        this.changeKelompok(this.form.aset_tetap_kelompok_id);
+        this.form.aset_tetap_jenis_id = this.updateJenisResponse.id;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateJenisResponse.message;
+      }
+    },
+    updateLokasiStat: function updateLokasiStat(value) {
+      this.modalState = value;
+      this.modalColor = '';
 
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['id_cu'],
-  components: {
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
-  },
-  data: function data() {
-    return {
-      kelas: 'artikelPenulis',
-      form: {
-        id_cu: '',
-        gambar: '',
-        name: '',
-        deskripsi: ''
-      },
-      submited: false,
-      cancelTitle: 'Tutup',
-      cancelIcon: 'icon-cross',
-      cancelState: 'methods'
-    };
+      if (value === "success") {
+        this.modalTitle = this.updateLokasiResponse.message;
+        this.fetchLokasi();
+        this.form.aset_tetap_lokasi_id = this.updateLokasiResponse.id;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateLokasiResponse.message;
+      }
+    }
   },
   methods: {
+    fetch: function fetch() {
+      if (this.$route.meta.mode === 'edit') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+        this.title = 'Ubah Aset Tetap';
+        this.titleDesc = 'Mengubah aset tetap';
+        this.titleIcon = 'icon-pencil5';
+      } else {
+        this.title = 'Tambah Aset Tetap';
+        this.titleDesc = 'Menambah aset tetap';
+        this.titleIcon = 'icon-plus3';
+        this.$store.dispatch(this.kelas + '/create');
+      }
+
+      this.fetchGolongan();
+      this.fetchLokasi();
+      this.fetchAktivis();
+    },
+    fetchGolongan: function fetchGolongan() {
+      this.$store.dispatch('asetTetapGolongan/resetDataS');
+      this.$store.dispatch('asetTetapGolongan/get');
+    },
+    fetchLokasi: function fetchLokasi() {
+      this.$store.dispatch('asetTetapLokasi/resetDataS');
+      this.$store.dispatch('asetTetapLokasi/get');
+    },
+    fetchAktivis: function fetchAktivis() {
+      this.$store.dispatch('aktivis/resetDataS');
+      this.$store.dispatch('aktivis/get', 0);
+    },
+    fetchAset: function fetchAset(params) {
+      this.$store.dispatch(this.kelas + '/index', params);
+      this.excelDownloadUrl = this.kelas;
+    },
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    },
+    changeInduk: function changeInduk(value) {
+      if (value) {
+        if (this.itemDataStat != 'success') this.fetchAset(this.query);
+      }
+    },
+    changeGolongan: function changeGolongan(id) {
+      this.$store.dispatch('asetTetapKelompok/resetDataS');
+      this.$store.dispatch('asetTetapKelompok/get', id);
+    },
+    changeKelompok: function changeKelompok(id) {
+      this.$store.dispatch('asetTetapJenis/resetDataS');
+      this.$store.dispatch('asetTetapJenis/get', id);
+    },
+    changeJenis: function changeJenis(id) {
+      this.$store.dispatch('asetTetap/generate', id);
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+      this.form.aset_id = item.id;
+    },
+    deleteSelected: function deleteSelected() {
+      this.selectedItem = [];
+      this.form.aset_id = '';
+      if (this.itemDataStat != 'success') this.fetchAset(this.query);
+    },
     save: function save() {
       var _this = this;
 
-      this.form.id_cu = this.id_cu;
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_3__["toMulipartedForm"])(this.form, this.$route.meta.mode);
       this.$validator.validateAll('form').then(function (result) {
         if (result) {
-          _this.$store.dispatch(_this.kelas + '/store', _this.form);
+          if (_this.$route.meta.mode == 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
+          } else {
+            _this.$store.dispatch(_this.kelas + '/store', formData);
+          }
+
+          _this.submited = false;
         } else {
           window.scrollTo(0, 0);
           _this.submited = true;
         }
       });
     },
-    cancelClick: function cancelClick() {
-      this.$emit('cancelClick');
+    back: function back() {
+      this.$router.push({
+        name: this.kelas
+      });
+    },
+    modalOpen: function modalOpen(value) {
+      this.modalShow = true;
+      this.modalState = 'normal1';
+      this.modalColor = 'bg-primary';
+      this.modalTitle = 'Tambah ' + value + ' aset tetap';
+      this.state = value;
+    },
+    modalTutup: function modalTutup() {
+      if (this.updateStat === 'success') {
+        this.back();
+      }
+
+      this.modalShow = false;
+      this.submitedKategori = false;
+      this.submitedPenulis = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
     }
-  }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetap', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    kode: 'kode',
+    kodeStat: 'kodeStat',
+    updateResponse: 'update',
+    updateStat: 'updateStat',
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapJenis', {
+    modelJenis: 'dataS',
+    modelJenisStat: 'dataStatS',
+    updateJenisResponse: 'update',
+    updateJenisStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapKelompok', {
+    modelKelompok: 'dataS',
+    modelKelompokStat: 'dataStatS',
+    updateKelompokResponse: 'update',
+    updateKelompokStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapGolongan', {
+    modelGolongan: 'dataS',
+    modelGolonganStat: 'dataStatS',
+    updateGolonganResponse: 'update',
+    updateGolonganStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('asetTetapLokasi', {
+    modelLokasi: 'dataS',
+    modelLokasiStat: 'dataStatS',
+    updateLokasiResponse: 'update',
+    updateLokasiStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
+    modelAktivis: 'dataS',
+    modelAktivisStat: 'dataStatS',
+    updateAktivisResponse: 'update',
+    updateAktivisStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('mitraOrang', {
+    modelMitraOrang: 'dataS',
+    modelMitraOrangStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('mitraLembaga', {
+    modelMitraLembaga: 'dataS',
+    modelMitraLembagaStat: 'dataStatS'
+  }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true&":
-/*!********************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true& ***!
-  \********************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
 // imports
 
 
 // module
-exports.push([module.i, ".document-editor[data-v-ae166b0c] {\n  border: 1px solid var(--ck-color-base-border);\n  border-radius: var(--ck-border-radius);\n\n  /* Set vertical boundaries for the document editor. */\n  max-height: 700px;\n\n  /* This element is a flex container for easier rendering. */\n  display: flex;\n  flex-flow: column nowrap;\n}\n.document-editor__toolbar[data-v-ae166b0c] {\n  /* Make sure the toolbar container is always above the editable. */\n  z-index: 1;\n\n  /* Create the illusion of the toolbar floating over the editable. */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.2 );\n\n  /* Use the CKEditor CSS variables to keep the UI consistent. */\n  border-bottom: 1px solid var(--ck-color-toolbar-border);\n}\n\n/* Adjust the look of the toolbar inside the container. */\n.document-editor__toolbar .ck-toolbar[data-v-ae166b0c] {\n  border: 0;\n  border-radius: 0;\n}\n\n/* Make the editable container look like the inside of a native word processor application. */\n.document-editor__editable-container[data-v-ae166b0c] {\n  padding: calc( 2 * var(--ck-spacing-large) );\n  background: var(--ck-color-base-foreground);\n\n  /* Make it possible to scroll the \"page\" of the edited content. */\n  overflow-y: scroll;\n}\n.document-editor__editable-container .ck-editor__editable[data-v-ae166b0c] {\n  /* Set the dimensions of the \"page\". */\n  width: 98%;\n  /* min-height: 21cm; */\n\n  /* Keep the \"page\" off the boundaries of the container. */\n  padding: 1cm 2cm 2cm;\n\n  border: 1px hsl( 0,0%,82.7% ) solid;\n  border-radius: var(--ck-border-radius);\n  background: white;\n\n  /* The \"page\" should cast a slight shadow (3D illusion). */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.1 );\n\n  /* Center the \"page\". */\n  margin: 0 auto;\n}\n\n/* Set the default font for the \"page\" of the content. */\n.document-editor .ck-content[data-v-ae166b0c],\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-ae166b0c] {\n  font: 16px/1.6 \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n/* Adjust the headings dropdown to host some larger heading styles. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-ae166b0c] {\n  line-height: calc( 1.7 * var(--ck-line-height-base) * var(--ck-font-size-base) );\n  min-width: 6em;\n}\n\n/* Scale down all heading previews because they are way too big to be presented in the UI.\nPreserve the relative scale, though. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label[data-v-ae166b0c] {\n  transform: scale(0.8);\n  transform-origin: left;\n}\n\n/* Set the styles for \"Heading 1\". */\n.document-editor .ck-content h2[data-v-ae166b0c],\n.document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label[data-v-ae166b0c] {\n  font-size: 2.18em;\n  font-weight: normal;\n}\n.document-editor .ck-content h2[data-v-ae166b0c] {\n  line-height: 1.37em;\n  padding-top: .342em;\n  margin-bottom: .142em;\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-ae166b0c],\n.document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label[data-v-ae166b0c] {\n  font-size: 1.75em;\n  font-weight: normal;\n  color: hsl( 203, 100%, 50% );\n}\n.document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label[data-v-ae166b0c] {\n  color: var(--ck-color-list-button-on-text);\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-ae166b0c] {\n  line-height: 1.86em;\n  padding-top: .171em;\n  margin-bottom: .357em;\n}\n\n/* Set the styles for \"Heading 3\". */\n.document-editor .ck-content h4[data-v-ae166b0c],\n.document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label[data-v-ae166b0c] {\n  font-size: 1.31em;\n  font-weight: bold;\n}\n.document-editor .ck-content h4[data-v-ae166b0c] {\n  line-height: 1.24em;\n  padding-top: .286em;\n  margin-bottom: .952em;\n}\n\n/* Set the styles for \"Paragraph\". */\n.document-editor .ck-content p[data-v-ae166b0c] {\n  font-size: 1em;\n  line-height: 1.63em;\n  padding-top: .5em;\n  margin-bottom: 1.13em;\n}\n\n/* Make the block quoted text serif with some additional spacing. */\n.document-editor .ck-content blockquote[data-v-ae166b0c] {\n  font-family: Georgia, serif;\n  margin-left: calc( 2 * var(--ck-spacing-large) );\n  margin-right: calc( 2 * var(--ck-spacing-large) );\n}\n", ""]);
+exports.push([module.i, "\n.mx-datepicker-popup {\n    z-index: 99999;\n}\n", ""]);
 
 // exports
 
 
 /***/ }),
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true&":
-/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true& ***!
-  \************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
+
+//# sourceMappingURL=FileSaver.min.js.map
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true&");
+var content = __webpack_require__(/*! !../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
 
 if(typeof content === 'string') content = [[module.i, content, '']];
 
@@ -964,7 +1320,7 @@ var options = {"hmr":true}
 options.transform = transform
 options.insertInto = undefined;
 
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
 
 if(content.locals) module.exports = content.locals;
 
@@ -1043,10 +1399,281 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/form.vue?vue&type=template&id=ae166b0c&scoped=true&":
-/*!*****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/form.vue?vue&type=template&id=ae166b0c&scoped=true& ***!
-  \*****************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("DatePicker", {
+    staticClass: "w-100",
+    attrs: {
+      format: "DD-MM-YYYY",
+      "value-type": "format",
+      placeholder: "Pilih Tanggal",
+      editable: true,
+    },
+    on: { change: _vm.onChanged },
+    model: {
+      value: _vm.time,
+      callback: function ($$v) {
+        _vm.time = $$v
+      },
+      expression: "time",
+    },
+  })
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/card.vue?vue&type=template&id=d116afbe&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/card.vue?vue&type=template&id=d116afbe& ***!
+  \*******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "media flex-column flex-sm-row mt-0 mb-3" }, [
+    _c("div", { staticClass: "mr-sm-3 mb-2 mb-sm-0" }, [
+      _c("div", { staticClass: "card-img-actions" }, [
+        _vm.itemData.gambar
+          ? _c("img", {
+              staticClass: "img-fluid img-preview rounded",
+              attrs: {
+                src: "/images/asetTetap/" + _vm.itemData.gambar + ".jpg",
+              },
+            })
+          : _c("img", {
+              staticClass: "img-fluid img-preview rounded",
+              attrs: { src: "/images/no_image.jpg" },
+            }),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "media-body" }, [
+      _c("div", { staticClass: "row" }, [
+        _c("div", { staticClass: "col-sm-4" }, [
+          _c("ul", { staticClass: "list list-unstyled mb-0" }, [
+            _c(
+              "li",
+              [
+                _c("b", [_vm._v("Kode:")]),
+                _vm._v(" "),
+                _c("check-value", { attrs: { value: _vm.itemData.kode } }),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c(
+              "li",
+              [
+                _c("b", [_vm._v("Nama:")]),
+                _vm._v(" "),
+                _c("check-value", { attrs: { value: _vm.itemData.name } }),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c(
+              "li",
+              [
+                _c("b", [_vm._v("Jenis")]),
+                _vm._v(" "),
+                _vm.itemData.jenis
+                  ? _c("check-value", {
+                      attrs: { value: _vm.itemData.jenis.name },
+                    })
+                  : _c("span", [_vm._v("-")]),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c(
+              "li",
+              [
+                _c("b", [_vm._v("Merk:")]),
+                _vm._v(" "),
+                _c("check-value", { attrs: { value: _vm.itemData.merk } }),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c(
+              "li",
+              [
+                _c("b", [_vm._v("Tipe:")]),
+                _vm._v(" "),
+                _c("check-value", { attrs: { value: _vm.itemData.tipe } }),
+              ],
+              1
+            ),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "col-sm-4" }, [
+          _c("ul", { staticClass: "list list-unstyled mb-0" }, [
+            _c(
+              "li",
+              [
+                _c("b", [_vm._v("Lokasi:")]),
+                _vm._v(" "),
+                _vm.itemData.lokasi
+                  ? _c("check-value", {
+                      attrs: { value: _vm.itemData.lokasi.name },
+                    })
+                  : _c("span", [_vm._v("-")]),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c(
+              "li",
+              [
+                _c("b", [_vm._v("Penanggungjawab:")]),
+                _vm._v(" "),
+                _vm.itemData.aktivis
+                  ? _c("check-value", {
+                      attrs: { value: _vm.itemData.aktivis.name },
+                    })
+                  : _c("span", [_vm._v("-")]),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c("li", [
+              _c("b", [_vm._v("Tgl. Beli:")]),
+              _vm._v(" "),
+              _c("span", {
+                domProps: {
+                  innerHTML: _vm._s(
+                    _vm.$options.filters.date(_vm.itemData.tanggal)
+                  ),
+                },
+              }),
+            ]),
+            _vm._v(" "),
+            _c(
+              "li",
+              [
+                _c("b", [_vm._v("Pembeli:")]),
+                _vm._v(" "),
+                _vm.itemData.pembeli
+                  ? _c("check-value", {
+                      attrs: { value: _vm.itemData.pembeli.name },
+                    })
+                  : _c("span", [_vm._v("-")]),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c(
+              "li",
+              [
+                _c("b", [_vm._v("Kondisi:")]),
+                _vm._v(" "),
+                _c("check-value", { attrs: { value: _vm.itemData.kondisi } }),
+              ],
+              1
+            ),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "col-sm-4" }, [
+          _c("ul", { staticClass: "list list-unstyled mb-0" }, [
+            _c(
+              "li",
+              [
+                _c("b", [_vm._v("Sub:")]),
+                _vm._v(" "),
+                _c("check-value", {
+                  attrs: {
+                    value: _vm.itemData.has_aset_count,
+                    valueType: "currency",
+                  },
+                }),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c(
+              "li",
+              [
+                _c("b", [_vm._v("Harga Induk:")]),
+                _vm._v(" "),
+                _c("check-value", {
+                  attrs: { value: _vm.itemData.harga, valueType: "currency" },
+                }),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c(
+              "li",
+              [
+                _c("b", [_vm._v("Harga Sub:")]),
+                _vm._v(" "),
+                _c("check-value", {
+                  attrs: {
+                    value: _vm.itemData.harga_sub,
+                    valueType: "currency",
+                  },
+                }),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c(
+              "li",
+              [
+                _c("b", [_vm._v("Total Harga:")]),
+                _vm._v(" "),
+                _c("check-value", {
+                  attrs: {
+                    value: _vm.itemData.total_harga,
+                    valueType: "currency",
+                  },
+                }),
+              ],
+              1
+            ),
+          ]),
+        ]),
+      ]),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/form.vue?vue&type=template&id=97a38056&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetap/form.vue?vue&type=template&id=97a38056& ***!
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1108,155 +1735,1437 @@ var render = function () {
                 },
                 [
                   _c("div", { staticClass: "card" }, [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.name"),
-                              },
-                            },
-                            [
+                    _c(
+                      "div",
+                      { staticClass: "card-body" },
+                      [
+                        _c("div", { staticClass: "row" }, [
+                          _c("div", { staticClass: "col-md-12" }, [
+                            _c("div", { staticClass: "form-group" }, [
+                              _c("h6", [
+                                _vm._v(
+                                  "Apakah aset ini merupakan bagian dari aset lain?:"
+                                ),
+                              ]),
+                              _vm._v(" "),
                               _c(
-                                "h5",
+                                "select",
                                 {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.name"),
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.isInduk,
+                                      expression: "isInduk",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: { name: "cekInduk" },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.isInduk = $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      },
+                                      function ($event) {
+                                        return _vm.changeInduk(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.name")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tJudul: "),
-                                  _c("wajib-badge"),
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [_vm._v("Silahkan pilih")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("option", { attrs: { value: "false" } }, [
+                                    _vm._v("Ya"),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("option", { attrs: { value: "true" } }, [
+                                    _vm._v("Tidak"),
+                                  ]),
+                                ]
+                              ),
+                            ]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _vm.form.aset_id != ""
+                          ? _c("div", { staticClass: "card" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "card-header bg-info text-white header-elements-inline",
+                                },
+                                [
+                                  _c("h6", { staticClass: "card-title" }, [
+                                    _vm._v("Induk Aset"),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c(
+                                    "div",
+                                    { staticClass: "header-elements" },
+                                    [
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass: "btn btn-danger",
+                                          attrs: { type: "button" },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.preventDefault()
+                                              return _vm.deleteSelected.apply(
+                                                null,
+                                                arguments
+                                              )
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass: "icon-cross2 mr-2",
+                                          }),
+                                          _vm._v(" Batal"),
+                                        ]
+                                      ),
+                                    ]
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                { staticClass: "card-body" },
+                                [
+                                  _c("card-data", {
+                                    attrs: { itemData: _vm.selectedItem },
+                                  }),
                                 ],
                                 1
                               ),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.isInduk == "false" && _vm.form.aset_id == ""
+                          ? _c("data-viewer", {
+                              attrs: {
+                                title: "Aset Tetap",
+                                columnData: _vm.columnData,
+                                itemData: _vm.itemData,
+                                query: _vm.query,
+                                itemDataStat: _vm.itemDataStat,
+                                isDasar: "true",
+                                isNoButtonRow: "true",
+                              },
+                              on: { fetch: _vm.fetchAset },
+                              scopedSlots: _vm._u(
+                                [
+                                  {
+                                    key: "item-desktop",
+                                    fn: function (props) {
+                                      return [
+                                        _c(
+                                          "tr",
+                                          {
+                                            staticClass:
+                                              "text-nowrap cursor-pointer",
+                                            on: {
+                                              click: function ($event) {
+                                                return _vm.selectedRow(
+                                                  props.item
+                                                )
+                                              },
+                                            },
+                                          },
+                                          [
+                                            _c("td", [
+                                              _vm._v(
+                                                "\n\t\t\t\t\t\t\t\t\t\t\t" +
+                                                  _vm._s(
+                                                    props.index +
+                                                      1 +
+                                                      (+_vm.itemData
+                                                        .current_page -
+                                                        1) *
+                                                        +_vm.itemData.per_page +
+                                                      "."
+                                                  ) +
+                                                  "\n\t\t\t\t\t\t\t\t\t\t"
+                                              ),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c("td", [
+                                              props.item.gambar
+                                                ? _c("img", {
+                                                    staticClass:
+                                                      "img-rounded img-fluid wmin-sm",
+                                                    attrs: {
+                                                      src:
+                                                        "/images/asetTetap/" +
+                                                        props.item.gambar +
+                                                        "n.jpg",
+                                                    },
+                                                  })
+                                                : _c("img", {
+                                                    staticClass:
+                                                      "img-rounded img-fluid wmin-sm",
+                                                    attrs: {
+                                                      src: "/images/no_image.jpg",
+                                                    },
+                                                  }),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c(
+                                              "td",
+                                              [
+                                                _c("check-value", {
+                                                  attrs: {
+                                                    value: props.item.kode,
+                                                  },
+                                                }),
+                                              ],
+                                              1
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "td",
+                                              [
+                                                _c("check-value", {
+                                                  attrs: {
+                                                    value: props.item.name,
+                                                  },
+                                                }),
+                                              ],
+                                              1
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "td",
+                                              [
+                                                props.item.jenis
+                                                  ? _c("check-value", {
+                                                      attrs: {
+                                                        value:
+                                                          props.item.jenis.name,
+                                                      },
+                                                    })
+                                                  : _vm._e(),
+                                              ],
+                                              1
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "td",
+                                              [
+                                                _c("check-value", {
+                                                  attrs: {
+                                                    value: props.item.merk,
+                                                  },
+                                                }),
+                                              ],
+                                              1
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "td",
+                                              [
+                                                _c("check-value", {
+                                                  attrs: {
+                                                    value: props.item.tipe,
+                                                  },
+                                                }),
+                                              ],
+                                              1
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "td",
+                                              [
+                                                props.item.lokasi
+                                                  ? _c("check-value", {
+                                                      attrs: {
+                                                        value:
+                                                          props.item.lokasi
+                                                            .name,
+                                                      },
+                                                    })
+                                                  : _vm._e(),
+                                              ],
+                                              1
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "td",
+                                              [
+                                                props.item.aktivis
+                                                  ? _c("check-value", {
+                                                      attrs: {
+                                                        value:
+                                                          props.item.aktivis
+                                                            .name,
+                                                      },
+                                                    })
+                                                  : _vm._e(),
+                                              ],
+                                              1
+                                            ),
+                                            _vm._v(" "),
+                                            _c("td", {
+                                              domProps: {
+                                                innerHTML: _vm._s(
+                                                  _vm.$options.filters.date(
+                                                    props.item.tanggal
+                                                  )
+                                                ),
+                                              },
+                                            }),
+                                            _vm._v(" "),
+                                            _c(
+                                              "td",
+                                              [
+                                                props.item.pembeli
+                                                  ? _c("check-value", {
+                                                      attrs: {
+                                                        value:
+                                                          props.item.pembeli
+                                                            .name,
+                                                      },
+                                                    })
+                                                  : _vm._e(),
+                                              ],
+                                              1
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "td",
+                                              [
+                                                _c("check-value", {
+                                                  attrs: {
+                                                    value: props.item.harga,
+                                                    valueType: "currency",
+                                                  },
+                                                }),
+                                              ],
+                                              1
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "td",
+                                              [
+                                                _c("check-value", {
+                                                  attrs: {
+                                                    value:
+                                                      props.item.has_aset_count,
+                                                    valueType: "currency",
+                                                  },
+                                                }),
+                                              ],
+                                              1
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "td",
+                                              [
+                                                _c("check-value", {
+                                                  attrs: {
+                                                    value: props.item.kondisi,
+                                                  },
+                                                }),
+                                              ],
+                                              1
+                                            ),
+                                          ]
+                                        ),
+                                      ]
+                                    },
+                                  },
+                                ],
+                                null,
+                                false,
+                                1890676825
+                              ),
+                            })
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.isInduk
+                          ? _c("div", { staticClass: "row" }, [
+                              _vm._m(0),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-md-12" }, [
+                                _c(
+                                  "div",
+                                  { staticClass: "form-group" },
+                                  [
+                                    _c("h6", [_vm._v("Foto:")]),
+                                    _vm._v(" "),
+                                    _c("app-image-upload", {
+                                      attrs: {
+                                        image_loc: "/images/asetTetap/",
+                                        image_temp: _vm.form.gambar,
+                                      },
+                                      model: {
+                                        value: _vm.form.gambar,
+                                        callback: function ($$v) {
+                                          _vm.$set(_vm.form, "gambar", $$v)
+                                        },
+                                        expression: "form.gambar",
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-md-4" }, [
+                                _c("div", { staticClass: "form-group" }, [
+                                  _c(
+                                    "h6",
+                                    {
+                                      class: {
+                                        "text-danger": _vm.errors.has(
+                                          "form.aset_tetap_golongan_id"
+                                        ),
+                                      },
+                                    },
+                                    [
+                                      _vm.errors.has(
+                                        "form.aset_tetap_golongan_id"
+                                      )
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
+                                      _vm._v(
+                                        "\n\t\t\t\t\t\t\t\t\t\t\tGolongan: "
+                                      ),
+                                      _c("wajib-badge"),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "input-group" }, [
+                                    _c(
+                                      "select",
+                                      {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value:
+                                              _vm.form.aset_tetap_golongan_id,
+                                            expression:
+                                              "form.aset_tetap_golongan_id",
+                                          },
+                                          {
+                                            name: "validate",
+                                            rawName: "v-validate",
+                                            value: "required",
+                                            expression: "'required'",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          name: "golongan",
+                                          "data-width": "100%",
+                                          "data-vv-as": "Golongan",
+                                          disabled:
+                                            _vm.modelGolongan.length == 0,
+                                        },
+                                        on: {
+                                          change: [
+                                            function ($event) {
+                                              var $$selectedVal =
+                                                Array.prototype.filter
+                                                  .call(
+                                                    $event.target.options,
+                                                    function (o) {
+                                                      return o.selected
+                                                    }
+                                                  )
+                                                  .map(function (o) {
+                                                    var val =
+                                                      "_value" in o
+                                                        ? o._value
+                                                        : o.value
+                                                    return val
+                                                  })
+                                              _vm.$set(
+                                                _vm.form,
+                                                "aset_tetap_golongan_id",
+                                                $event.target.multiple
+                                                  ? $$selectedVal
+                                                  : $$selectedVal[0]
+                                              )
+                                            },
+                                            function ($event) {
+                                              return _vm.changeGolongan(
+                                                $event.target.value
+                                              )
+                                            },
+                                          ],
+                                        },
+                                      },
+                                      [
+                                        _c(
+                                          "option",
+                                          {
+                                            attrs: { disabled: "", value: "" },
+                                          },
+                                          [
+                                            _vm.modelGolonganStat === "loading"
+                                              ? _c("span", [
+                                                  _vm._v("Mohon tunggu..."),
+                                                ])
+                                              : _c("span", [
+                                                  _vm._v(
+                                                    "Silahkan pilih golongan"
+                                                  ),
+                                                ]),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _vm._l(
+                                          _vm.modelGolongan,
+                                          function (datas, index) {
+                                            return _c(
+                                              "option",
+                                              {
+                                                key: index,
+                                                domProps: { value: datas.id },
+                                              },
+                                              [
+                                                _vm._v(
+                                                  _vm._s(
+                                                    datas.kode +
+                                                      " | " +
+                                                      datas.name
+                                                  )
+                                                ),
+                                              ]
+                                            )
+                                          }
+                                        ),
+                                      ],
+                                      2
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.currentUser.can &&
+                                    _vm.currentUser.can[
+                                      "create_aset_tetap_jenis"
+                                    ]
+                                      ? _c(
+                                          "div",
+                                          { staticClass: "input-group-append" },
+                                          [
+                                            _c(
+                                              "button",
+                                              {
+                                                staticClass: "btn btn-light",
+                                                attrs: { type: "button" },
+                                                on: {
+                                                  click: function ($event) {
+                                                    return _vm.modalOpen(
+                                                      "golongan"
+                                                    )
+                                                  },
+                                                },
+                                              },
+                                              [
+                                                _c("i", {
+                                                  staticClass: "icon-plus22",
+                                                }),
+                                              ]
+                                            ),
+                                          ]
+                                        )
+                                      : _vm._e(),
+                                  ]),
+                                  _vm._v(" "),
+                                  _vm.errors.has("form.aset_tetap_jenis_id")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first(
+                                                  "form.aset_tetap_jenis_id"
+                                                )
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" ")]
+                                      ),
+                                ]),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-md-4" }, [
+                                _c("div", { staticClass: "form-group" }, [
+                                  _c(
+                                    "h6",
+                                    {
+                                      class: {
+                                        "text-danger": _vm.errors.has(
+                                          "form.aset_tetap_kelompok_id"
+                                        ),
+                                      },
+                                    },
+                                    [
+                                      _vm.errors.has(
+                                        "form.aset_tetap_kelompok_id"
+                                      )
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
+                                      _vm._v(
+                                        "\n\t\t\t\t\t\t\t\t\t\t\tKelompok: "
+                                      ),
+                                      _c("wajib-badge"),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "input-group" }, [
+                                    _c(
+                                      "select",
+                                      {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value:
+                                              _vm.form.aset_tetap_kelompok_id,
+                                            expression:
+                                              "form.aset_tetap_kelompok_id",
+                                          },
+                                          {
+                                            name: "validate",
+                                            rawName: "v-validate",
+                                            value: "required",
+                                            expression: "'required'",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          name: "kelompok",
+                                          "data-width": "100%",
+                                          "data-vv-as": "Kelompok",
+                                          disabled:
+                                            _vm.modelKelompok.length == 0,
+                                        },
+                                        on: {
+                                          change: [
+                                            function ($event) {
+                                              var $$selectedVal =
+                                                Array.prototype.filter
+                                                  .call(
+                                                    $event.target.options,
+                                                    function (o) {
+                                                      return o.selected
+                                                    }
+                                                  )
+                                                  .map(function (o) {
+                                                    var val =
+                                                      "_value" in o
+                                                        ? o._value
+                                                        : o.value
+                                                    return val
+                                                  })
+                                              _vm.$set(
+                                                _vm.form,
+                                                "aset_tetap_kelompok_id",
+                                                $event.target.multiple
+                                                  ? $$selectedVal
+                                                  : $$selectedVal[0]
+                                              )
+                                            },
+                                            function ($event) {
+                                              return _vm.changeKelompok(
+                                                $event.target.value
+                                              )
+                                            },
+                                          ],
+                                        },
+                                      },
+                                      [
+                                        _c(
+                                          "option",
+                                          {
+                                            attrs: { disabled: "", value: "" },
+                                          },
+                                          [
+                                            _vm.modelKelompokStat === "loading"
+                                              ? _c("span", [
+                                                  _vm._v("Mohon tunggu..."),
+                                                ])
+                                              : _c("span", [
+                                                  _vm._v(
+                                                    "Silahkan pilih kelompok"
+                                                  ),
+                                                ]),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _vm._l(
+                                          _vm.modelKelompok,
+                                          function (datas, index) {
+                                            return _c(
+                                              "option",
+                                              {
+                                                key: index,
+                                                domProps: { value: datas.id },
+                                              },
+                                              [
+                                                _vm._v(
+                                                  _vm._s(
+                                                    datas.kode +
+                                                      " | " +
+                                                      datas.name
+                                                  )
+                                                ),
+                                              ]
+                                            )
+                                          }
+                                        ),
+                                      ],
+                                      2
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.currentUser.can &&
+                                    _vm.currentUser.can[
+                                      "create_aset_tetap_jenis"
+                                    ]
+                                      ? _c(
+                                          "div",
+                                          { staticClass: "input-group-append" },
+                                          [
+                                            _c(
+                                              "button",
+                                              {
+                                                staticClass: "btn btn-light",
+                                                attrs: { type: "button" },
+                                                on: {
+                                                  click: function ($event) {
+                                                    return _vm.modalOpen(
+                                                      "kelompok"
+                                                    )
+                                                  },
+                                                },
+                                              },
+                                              [
+                                                _c("i", {
+                                                  staticClass: "icon-plus22",
+                                                }),
+                                              ]
+                                            ),
+                                          ]
+                                        )
+                                      : _vm._e(),
+                                  ]),
+                                  _vm._v(" "),
+                                  _vm.errors.has("form.aset_tetap_jenis_id")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first(
+                                                  "form.aset_tetap_jenis_id"
+                                                )
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" ")]
+                                      ),
+                                ]),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-md-4" }, [
+                                _c("div", { staticClass: "form-group" }, [
+                                  _c(
+                                    "h6",
+                                    {
+                                      class: {
+                                        "text-danger": _vm.errors.has(
+                                          "form.aset_tetap_jenis_id"
+                                        ),
+                                      },
+                                    },
+                                    [
+                                      _vm.errors.has("form.aset_tetap_jenis_id")
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
+                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tJenis: "),
+                                      _c("wajib-badge"),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c("div", { staticClass: "input-group" }, [
+                                    _c(
+                                      "select",
+                                      {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value: _vm.form.aset_tetap_jenis_id,
+                                            expression:
+                                              "form.aset_tetap_jenis_id",
+                                          },
+                                          {
+                                            name: "validate",
+                                            rawName: "v-validate",
+                                            value: "required",
+                                            expression: "'required'",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          name: "jenis",
+                                          "data-width": "100%",
+                                          "data-vv-as": "Jenis",
+                                          disabled: _vm.modelJenis.length == 0,
+                                        },
+                                        on: {
+                                          change: [
+                                            function ($event) {
+                                              var $$selectedVal =
+                                                Array.prototype.filter
+                                                  .call(
+                                                    $event.target.options,
+                                                    function (o) {
+                                                      return o.selected
+                                                    }
+                                                  )
+                                                  .map(function (o) {
+                                                    var val =
+                                                      "_value" in o
+                                                        ? o._value
+                                                        : o.value
+                                                    return val
+                                                  })
+                                              _vm.$set(
+                                                _vm.form,
+                                                "aset_tetap_jenis_id",
+                                                $event.target.multiple
+                                                  ? $$selectedVal
+                                                  : $$selectedVal[0]
+                                              )
+                                            },
+                                            function ($event) {
+                                              return _vm.changeJenis(
+                                                $event.target.value
+                                              )
+                                            },
+                                          ],
+                                        },
+                                      },
+                                      [
+                                        _c(
+                                          "option",
+                                          {
+                                            attrs: { disabled: "", value: "" },
+                                          },
+                                          [
+                                            _vm.modelJenisStat === "loading"
+                                              ? _c("span", [
+                                                  _vm._v("Mohon tunggu..."),
+                                                ])
+                                              : _c("span", [
+                                                  _vm._v(
+                                                    "Silahkan pilih jenis"
+                                                  ),
+                                                ]),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _vm._l(
+                                          _vm.modelJenis,
+                                          function (datas, index) {
+                                            return _c(
+                                              "option",
+                                              {
+                                                key: index,
+                                                domProps: { value: datas.id },
+                                              },
+                                              [
+                                                _vm._v(
+                                                  _vm._s(
+                                                    datas.kode +
+                                                      " | " +
+                                                      datas.name
+                                                  )
+                                                ),
+                                              ]
+                                            )
+                                          }
+                                        ),
+                                      ],
+                                      2
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.currentUser.can &&
+                                    _vm.currentUser.can[
+                                      "create_aset_tetap_jenis"
+                                    ]
+                                      ? _c(
+                                          "div",
+                                          { staticClass: "input-group-append" },
+                                          [
+                                            _c(
+                                              "button",
+                                              {
+                                                staticClass: "btn btn-light",
+                                                attrs: { type: "button" },
+                                                on: {
+                                                  click: function ($event) {
+                                                    return _vm.modalOpen(
+                                                      "jenis"
+                                                    )
+                                                  },
+                                                },
+                                              },
+                                              [
+                                                _c("i", {
+                                                  staticClass: "icon-plus22",
+                                                }),
+                                              ]
+                                            ),
+                                          ]
+                                        )
+                                      : _vm._e(),
+                                  ]),
+                                  _vm._v(" "),
+                                  _vm.errors.has("form.aset_tetap_jenis_id")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first(
+                                                  "form.aset_tetap_jenis_id"
+                                                )
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" ")]
+                                      ),
+                                ]),
+                              ]),
                               _vm._v(" "),
-                              _c("input", {
-                                directives: [
+                              _vm._m(1),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.form.aset_tetap_jenis_id != ""
+                          ? _c("div", { staticClass: "row" }, [
+                              _c("div", { staticClass: "col-md-4" }, [
+                                _c(
+                                  "div",
                                   {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|min:5",
-                                    expression: "'required|min:5'",
+                                    staticClass: "form-group",
+                                    class: {
+                                      "has-error": _vm.errors.has("form.kode"),
+                                    },
                                   },
+                                  [
+                                    _c(
+                                      "h6",
+                                      {
+                                        class: {
+                                          "text-danger":
+                                            _vm.errors.has("form.kode"),
+                                        },
+                                      },
+                                      [
+                                        _vm.errors.has("form.kode")
+                                          ? _c("i", {
+                                              staticClass: "icon-cross2",
+                                            })
+                                          : _vm._e(),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\t\tKode: "
+                                        ),
+                                        _c("wajib-badge"),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c("cleave", {
+                                      directives: [
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "kode",
+                                        options: _vm.cleaveOption.number15,
+                                        placeholder: "Silahkan masukkan kode",
+                                        "data-vv-as": "Kode",
+                                        readonly: "",
+                                      },
+                                      model: {
+                                        value: _vm.form.kode,
+                                        callback: function ($$v) {
+                                          _vm.$set(_vm.form, "kode", $$v)
+                                        },
+                                        expression: "form.kode",
+                                      },
+                                    }),
+                                    _vm._v(" "),
+                                    _vm.errors.has("form.kode")
+                                      ? _c(
+                                          "small",
+                                          {
+                                            staticClass:
+                                              "text-muted text-danger",
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass:
+                                                "icon-arrow-small-right",
+                                            }),
+                                            _vm._v(
+                                              " " +
+                                                _vm._s(
+                                                  _vm.errors.first("form.kode")
+                                                ) +
+                                                "\n\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c(
+                                          "small",
+                                          { staticClass: "text-muted" },
+                                          [_vm._v(" ")]
+                                        ),
+                                  ],
+                                  1
+                                ),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-md-4" }, [
+                                _c(
+                                  "div",
                                   {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.name,
-                                    expression: "form.name",
+                                    staticClass: "form-group",
+                                    class: {
+                                      "has-error": _vm.errors.has("form.name"),
+                                    },
                                   },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "name",
-                                  placeholder:
-                                    "Silahkan masukkan judul artikel",
-                                  "data-vv-as": "Judul",
-                                },
-                                domProps: { value: _vm.form.name },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "name",
-                                      $event.target.value
-                                    )
+                                  [
+                                    _c(
+                                      "h5",
+                                      {
+                                        class: {
+                                          "text-danger":
+                                            _vm.errors.has("form.name"),
+                                        },
+                                      },
+                                      [
+                                        _vm.errors.has("form.name")
+                                          ? _c("i", {
+                                              staticClass: "icon-cross2",
+                                            })
+                                          : _vm._e(),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\t\tNama: "
+                                        ),
+                                        _c("wajib-badge"),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c("input", {
+                                      directives: [
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
+                                        },
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.name,
+                                          expression: "form.name",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        type: "text",
+                                        name: "name",
+                                        placeholder:
+                                          "Silahkan masukkan nama kategori artikel",
+                                        "data-vv-as": "Nama",
+                                      },
+                                      domProps: { value: _vm.form.name },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form,
+                                            "name",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                    _vm._v(" "),
+                                    _vm.errors.has("form.name")
+                                      ? _c(
+                                          "small",
+                                          {
+                                            staticClass:
+                                              "text-muted text-danger",
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass:
+                                                "icon-arrow-small-right",
+                                            }),
+                                            _vm._v(
+                                              " " +
+                                                _vm._s(
+                                                  _vm.errors.first("form.name")
+                                                ) +
+                                                "\n\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c(
+                                          "small",
+                                          { staticClass: "text-muted" },
+                                          [_vm._v(" ")]
+                                        ),
+                                  ]
+                                ),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-md-4" }, [
+                                _c(
+                                  "div",
+                                  {
+                                    staticClass: "form-group",
+                                    class: {
+                                      "has-error": _vm.errors.has("form.merk"),
+                                    },
                                   },
-                                },
-                              }),
+                                  [
+                                    _c(
+                                      "h5",
+                                      {
+                                        class: {
+                                          "text-danger":
+                                            _vm.errors.has("form.merk"),
+                                        },
+                                      },
+                                      [
+                                        _vm.errors.has("form.merk")
+                                          ? _c("i", {
+                                              staticClass: "icon-cross2",
+                                            })
+                                          : _vm._e(),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\t\tMerk: "
+                                        ),
+                                        _c("wajib-badge"),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c("input", {
+                                      directives: [
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
+                                        },
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.merk,
+                                          expression: "form.merk",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        type: "text",
+                                        name: "merk",
+                                        placeholder: "Silahkan masukkan merk",
+                                        "data-vv-as": "Merk",
+                                      },
+                                      domProps: { value: _vm.form.merk },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form,
+                                            "merk",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                    _vm._v(" "),
+                                    _vm.errors.has("form.merk")
+                                      ? _c(
+                                          "small",
+                                          {
+                                            staticClass:
+                                              "text-muted text-danger",
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass:
+                                                "icon-arrow-small-right",
+                                            }),
+                                            _vm._v(
+                                              " " +
+                                                _vm._s(
+                                                  _vm.errors.first("form.merk")
+                                                ) +
+                                                "\n\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c(
+                                          "small",
+                                          { staticClass: "text-muted" },
+                                          [_vm._v(" ")]
+                                        ),
+                                  ]
+                                ),
+                              ]),
                               _vm._v(" "),
-                              _vm.errors.has("form.name")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.name")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _vm.currentUser.id_cu === 0
-                          ? _c("div", { staticClass: "col-md-4" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "form-group",
-                                  class: {
-                                    "has-error": _vm.errors.has("form.id_cu"),
+                              _c("div", { staticClass: "col-md-4" }, [
+                                _c(
+                                  "div",
+                                  {
+                                    staticClass: "form-group",
+                                    class: {
+                                      "has-error": _vm.errors.has("form.tipe"),
+                                    },
                                   },
-                                },
-                                [
+                                  [
+                                    _c(
+                                      "h5",
+                                      {
+                                        class: {
+                                          "text-danger":
+                                            _vm.errors.has("form.tipe"),
+                                        },
+                                      },
+                                      [
+                                        _vm.errors.has("form.tipe")
+                                          ? _c("i", {
+                                              staticClass: "icon-cross2",
+                                            })
+                                          : _vm._e(),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\t\tTipe: "
+                                        ),
+                                        _c("wajib-badge"),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c("input", {
+                                      directives: [
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
+                                        },
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.tipe,
+                                          expression: "form.tipe",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        type: "text",
+                                        name: "tipe",
+                                        placeholder: "Silahkan masukkan tipe",
+                                        "data-vv-as": "Tipe",
+                                      },
+                                      domProps: { value: _vm.form.tipe },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form,
+                                            "tipe",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                    _vm._v(" "),
+                                    _vm.errors.has("form.tipe")
+                                      ? _c(
+                                          "small",
+                                          {
+                                            staticClass:
+                                              "text-muted text-danger",
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass:
+                                                "icon-arrow-small-right",
+                                            }),
+                                            _vm._v(
+                                              " " +
+                                                _vm._s(
+                                                  _vm.errors.first("form.tipe")
+                                                ) +
+                                                "\n\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c(
+                                          "small",
+                                          { staticClass: "text-muted" },
+                                          [_vm._v(" ")]
+                                        ),
+                                  ]
+                                ),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-md-4" }, [
+                                _c("div", { staticClass: "form-group" }, [
                                   _c(
-                                    "h5",
+                                    "h6",
                                     {
                                       class: {
-                                        "text-danger":
-                                          _vm.errors.has("form.id_cu"),
+                                        "text-danger": _vm.errors.has(
+                                          "form.aset_tetap_lokasi_id"
+                                        ),
                                       },
                                     },
                                     [
-                                      _vm.errors.has("form.id_cu")
+                                      _vm.errors.has(
+                                        "form.aset_tetap_lokasi_id"
+                                      )
                                         ? _c("i", {
                                             staticClass: "icon-cross2",
                                           })
                                         : _vm._e(),
-                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
+                                      _vm._v(
+                                        "\n\t\t\t\t\t\t\t\t\t\t\tLokasi: "
+                                      ),
                                       _c("wajib-badge"),
                                     ],
                                     1
                                   ),
                                   _vm._v(" "),
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: _vm.form.id_cu,
-                                          expression: "form.id_cu",
-                                        },
-                                        {
-                                          name: "validate",
-                                          rawName: "v-validate",
-                                          value: "required",
-                                          expression: "'required'",
+                                  _c("div", { staticClass: "input-group" }, [
+                                    _c(
+                                      "select",
+                                      {
+                                        directives: [
+                                          {
+                                            name: "model",
+                                            rawName: "v-model",
+                                            value:
+                                              _vm.form.aset_tetap_lokasi_id,
+                                            expression:
+                                              "form.aset_tetap_lokasi_id",
+                                          },
+                                          {
+                                            name: "validate",
+                                            rawName: "v-validate",
+                                            value: "required",
+                                            expression: "'required'",
+                                          },
+                                        ],
+                                        staticClass: "form-control",
+                                        attrs: {
+                                          name: "lokasi",
+                                          "data-width": "100%",
+                                          "data-vv-as": "Lokasi",
+                                          disabled: _vm.modelLokasi.length == 0,
                                         },
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: {
-                                        name: "id_cu",
-                                        "data-width": "100%",
-                                        "data-vv-as": "CU",
-                                        disabled: _vm.modelCU.length === 0,
-                                      },
-                                      on: {
-                                        change: [
-                                          function ($event) {
+                                        on: {
+                                          change: function ($event) {
                                             var $$selectedVal =
                                               Array.prototype.filter
                                                 .call(
@@ -1274,60 +3183,83 @@ var render = function () {
                                                 })
                                             _vm.$set(
                                               _vm.form,
-                                              "id_cu",
+                                              "aset_tetap_lokasi_id",
                                               $event.target.multiple
                                                 ? $$selectedVal
                                                 : $$selectedVal[0]
                                             )
                                           },
-                                          function ($event) {
-                                            return _vm.changeCU(
-                                              $event.target.value
-                                            )
-                                          },
-                                        ],
+                                        },
                                       },
-                                    },
-                                    [
-                                      _c(
-                                        "option",
-                                        { attrs: { disabled: "", value: "" } },
-                                        [
-                                          _vm.modelCUStat === "loading"
-                                            ? _c("span", [
-                                                _vm._v("Mohon tunggu..."),
-                                              ])
-                                            : _c("span", [
-                                                _vm._v("Silahkan pilih CU"),
-                                              ]),
-                                        ]
-                                      ),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "0" } }, [
-                                        _vm.currentUser.pus
-                                          ? _c("span", [
-                                              _vm._v(
-                                                _vm._s(_vm.currentUser.pus.name)
-                                              ),
-                                            ])
-                                          : _c("span", [_vm._v("PUSKOPCUINA")]),
-                                      ]),
-                                      _vm._v(" "),
-                                      _vm._l(_vm.modelCU, function (cu, index) {
-                                        return _c(
+                                      [
+                                        _c(
                                           "option",
                                           {
-                                            key: index,
-                                            domProps: { value: cu.id },
+                                            attrs: { disabled: "", value: "" },
                                           },
-                                          [_vm._v(_vm._s(cu.name))]
+                                          [
+                                            _vm.modelLokasiStat === "loading"
+                                              ? _c("span", [
+                                                  _vm._v("Mohon tunggu..."),
+                                                ])
+                                              : _c("span", [
+                                                  _vm._v(
+                                                    "Silahkan pilih lokasi"
+                                                  ),
+                                                ]),
+                                          ]
+                                        ),
+                                        _vm._v(" "),
+                                        _vm._l(
+                                          _vm.modelLokasi,
+                                          function (datas, index) {
+                                            return _c(
+                                              "option",
+                                              {
+                                                key: index,
+                                                domProps: { value: datas.id },
+                                              },
+                                              [_vm._v(_vm._s(datas.name))]
+                                            )
+                                          }
+                                        ),
+                                      ],
+                                      2
+                                    ),
+                                    _vm._v(" "),
+                                    _vm.currentUser.can &&
+                                    _vm.currentUser.can[
+                                      "create_aset_tetap_lokasi"
+                                    ]
+                                      ? _c(
+                                          "div",
+                                          { staticClass: "input-group-append" },
+                                          [
+                                            _c(
+                                              "button",
+                                              {
+                                                staticClass: "btn btn-light",
+                                                attrs: { type: "button" },
+                                                on: {
+                                                  click: function ($event) {
+                                                    return _vm.modalOpen(
+                                                      "lokasi"
+                                                    )
+                                                  },
+                                                },
+                                              },
+                                              [
+                                                _c("i", {
+                                                  staticClass: "icon-plus22",
+                                                }),
+                                              ]
+                                            ),
+                                          ]
                                         )
-                                      }),
-                                    ],
-                                    2
-                                  ),
+                                      : _vm._e(),
+                                  ]),
                                   _vm._v(" "),
-                                  _vm.errors.has("form.id_cu")
+                                  _vm.errors.has("form.aset_tetap_lokasi_id")
                                     ? _c(
                                         "small",
                                         {
@@ -1341,409 +3273,44 @@ var render = function () {
                                           _vm._v(
                                             " " +
                                               _vm._s(
-                                                _vm.errors.first("form.id_cu")
+                                                _vm.errors.first(
+                                                  "form.aset_tetap_lokasi_id"
+                                                )
                                               ) +
                                               "\n\t\t\t\t\t\t\t\t\t\t"
-                                          ),
-                                        ]
-                                      )
-                                    : _c(
-                                        "small",
-                                        { staticClass: "text-muted" },
-                                        [_vm._v(" ")]
-                                      ),
-                                ]
-                              ),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has(
-                                  "form.id_artikel_penulis"
-                                ),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.id_artikel_penulis"
-                                    ),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_artikel_penulis")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tPenulis: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "input-group" }, [
-                                _c(
-                                  "select",
-                                  {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: _vm.form.id_artikel_penulis,
-                                        expression: "form.id_artikel_penulis",
-                                      },
-                                      {
-                                        name: "validate",
-                                        rawName: "v-validate",
-                                        value: "required",
-                                        expression: "'required'",
-                                      },
-                                    ],
-                                    staticClass: "form-control",
-                                    attrs: {
-                                      name: "id_artikel_penulis",
-                                      "data-width": "100%",
-                                      "data-vv-as": "Penulis",
-                                      disabled: _vm.modelPenulis.length === 0,
-                                    },
-                                    on: {
-                                      change: function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_artikel_penulis",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "option",
-                                      { attrs: { disabled: "", value: "" } },
-                                      [
-                                        _vm.form.id_cu != 0 &&
-                                        _vm.modelPenulis.length == 0
-                                          ? _c("span", [
-                                              _vm._v(
-                                                "Silahkan tambah penulis baru"
-                                              ),
-                                            ])
-                                          : _vm.form.id_cu == "" &&
-                                            _vm.modelPenulis.length == 0
-                                          ? _c("span", [
-                                              _vm._v(
-                                                "Silahkan pilih CU terlebih dahulu"
-                                              ),
-                                            ])
-                                          : _c("span", [
-                                              _vm.modelPenulisStat === "loading"
-                                                ? _c("span", [
-                                                    _vm._v("Mohon tunggu..."),
-                                                  ])
-                                                : _c("span", [
-                                                    _vm._v(
-                                                      "Silahkan pilih penulis"
-                                                    ),
-                                                  ]),
-                                            ]),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm._l(
-                                      _vm.modelPenulis,
-                                      function (penulis) {
-                                        return penulis
-                                          ? _c(
-                                              "option",
-                                              {
-                                                domProps: { value: penulis.id },
-                                              },
-                                              [_vm._v(_vm._s(penulis.name))]
-                                            )
-                                          : _vm._e()
-                                      }
-                                    ),
-                                  ],
-                                  2
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "input-group-append" },
-                                  [
-                                    _c(
-                                      "button",
-                                      {
-                                        staticClass: "btn btn-light",
-                                        attrs: {
-                                          type: "button",
-                                          disabled: _vm.form.id_cu === "",
-                                        },
-                                        on: { click: _vm.modalOpen_Penulis },
-                                      },
-                                      [_c("i", { staticClass: "icon-plus22" })]
-                                    ),
-                                  ]
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_artikel_penulis")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_artikel_penulis"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has(
-                                  "form.id_artikel_kategori"
-                                ),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.id_artikel_kategori"
-                                    ),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_artikel_kategori")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKategori: "),
-                                  _c("wajib-badge"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "input-group" }, [
-                                _c(
-                                  "select",
-                                  {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: _vm.form.id_artikel_kategori,
-                                        expression: "form.id_artikel_kategori",
-                                      },
-                                      {
-                                        name: "validate",
-                                        rawName: "v-validate",
-                                        value: "required",
-                                        expression: "'required'",
-                                      },
-                                    ],
-                                    staticClass: "form-control",
-                                    attrs: {
-                                      name: "id_artikel_kategori",
-                                      "data-width": "100%",
-                                      disabled: _vm.modelKategori.length === 0,
-                                      "data-vv-as": "Kategori",
-                                    },
-                                    on: {
-                                      change: function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_artikel_kategori",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "option",
-                                      { attrs: { disabled: "", value: "" } },
-                                      [
-                                        _vm.form.id_cu != 0 &&
-                                        _vm.modelKategori.length == 0
-                                          ? _c("span", [
-                                              _vm._v(
-                                                "Silahkan tambah kategori baru"
-                                              ),
-                                            ])
-                                          : _c("span", [
-                                              _vm.modelKategoriStat ===
-                                              "loading"
-                                                ? _c("span", [
-                                                    _vm._v("Mohon tunggu..."),
-                                                  ])
-                                                : _c("span", [
-                                                    _vm._v(
-                                                      "Silahkan pilih kategori"
-                                                    ),
-                                                  ]),
-                                            ]),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _vm._l(
-                                      _vm.modelKategori,
-                                      function (kategori) {
-                                        return kategori
-                                          ? _c(
-                                              "option",
-                                              {
-                                                domProps: {
-                                                  value: kategori.id,
-                                                },
-                                              },
-                                              [_vm._v(_vm._s(kategori.name))]
-                                            )
-                                          : _vm._e()
-                                      }
-                                    ),
-                                  ],
-                                  2
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "div",
-                                  { staticClass: "input-group-append" },
-                                  [
-                                    _c(
-                                      "button",
-                                      {
-                                        staticClass: "btn btn-light",
-                                        attrs: {
-                                          type: "button",
-                                          disabled: _vm.form.id_cu === "",
-                                        },
-                                        on: { click: _vm.modalOpen_Kategori },
-                                      },
-                                      [_c("i", { staticClass: "icon-plus22" })]
-                                    ),
-                                  ]
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_artikel_kategori")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_artikel_kategori"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _vm.currentUser.can &&
-                        _vm.currentUser.can["terbitkan_" + _vm.kelas]
-                          ? _c("div", { staticClass: "col-md-4" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "form-group",
-                                  class: {
-                                    "has-error":
-                                      _vm.errors.has("form.terbitkan"),
-                                  },
-                                },
-                                [
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" ")]
+                                      ),
+                                ]),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-md-4" }, [
+                                _c("div", { staticClass: "form-group" }, [
                                   _c(
-                                    "h5",
+                                    "h6",
                                     {
                                       class: {
                                         "text-danger":
-                                          _vm.errors.has("form.terbitkan"),
+                                          _vm.errors.has("form.aktivis_id"),
                                       },
                                     },
                                     [
-                                      _vm.errors.has("form.terbitkan")
+                                      _vm.errors.has("form.aktivis_id")
                                         ? _c("i", {
                                             staticClass: "icon-cross2",
                                           })
                                         : _vm._e(),
                                       _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t\t\t\tStatus Penerbitan:\n\t\t\t\t\t\t\t\t\t\t"
+                                        "\n\t\t\t\t\t\t\t\t\t\t\tPenangungjawab: "
                                       ),
-                                    ]
+                                      _c("wajib-badge"),
+                                    ],
+                                    1
                                   ),
                                   _vm._v(" "),
                                   _c(
@@ -1753,14 +3320,22 @@ var render = function () {
                                         {
                                           name: "model",
                                           rawName: "v-model",
-                                          value: _vm.form.terbitkan,
-                                          expression: "form.terbitkan",
+                                          value: _vm.form.aktivis_id,
+                                          expression: "form.aktivis_id",
+                                        },
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
                                         },
                                       ],
                                       staticClass: "form-control",
                                       attrs: {
-                                        name: "terbitkan",
+                                        name: "penanggungjawab",
                                         "data-width": "100%",
+                                        "data-vv-as": "Penangungjawab",
+                                        disabled: _vm.modelAktivis.length == 0,
                                       },
                                       on: {
                                         change: function ($event) {
@@ -1781,7 +3356,7 @@ var render = function () {
                                               })
                                           _vm.$set(
                                             _vm.form,
-                                            "terbitkan",
+                                            "aktivis_id",
                                             $event.target.multiple
                                               ? $$selectedVal
                                               : $$selectedVal[0]
@@ -1794,25 +3369,36 @@ var render = function () {
                                         "option",
                                         { attrs: { disabled: "", value: "" } },
                                         [
-                                          _vm._v(
-                                            "Silahkan pilih status penerbitan"
-                                          ),
+                                          _vm.modelAktivisStat === "loading"
+                                            ? _c("span", [
+                                                _vm._v("Mohon tunggu..."),
+                                              ])
+                                            : _c("span", [
+                                                _vm._v(
+                                                  "Silahkan pilih penangungjawab"
+                                                ),
+                                              ]),
                                         ]
                                       ),
                                       _vm._v(" "),
-                                      _c("option", { attrs: { value: "1" } }, [
-                                        _vm._v("Terbitkan artikel"),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c("option", { attrs: { value: "0" } }, [
-                                        _vm._v("Tidak Terbitkan artikel"),
-                                      ]),
-                                    ]
+                                      _vm._l(
+                                        _vm.modelAktivis,
+                                        function (datas, index) {
+                                          return _c(
+                                            "option",
+                                            {
+                                              key: index,
+                                              domProps: { value: datas.id },
+                                            },
+                                            [_vm._v(_vm._s(datas.name))]
+                                          )
+                                        }
+                                      ),
+                                    ],
+                                    2
                                   ),
                                   _vm._v(" "),
-                                  _c("br"),
-                                  _vm._v(" "),
-                                  _vm.errors.has("form.terbitkan")
+                                  _vm.errors.has("form.aktivis_id")
                                     ? _c(
                                         "small",
                                         {
@@ -1827,7 +3413,7 @@ var render = function () {
                                             " " +
                                               _vm._s(
                                                 _vm.errors.first(
-                                                  "form.terbitkan"
+                                                  "form.aktivis_id"
                                                 )
                                               ) +
                                               "\n\t\t\t\t\t\t\t\t\t\t"
@@ -1837,42 +3423,29 @@ var render = function () {
                                     : _c(
                                         "small",
                                         { staticClass: "text-muted" },
-                                        [_vm._v(" \n\t\t\t\t\t\t\t\t\t\t")]
+                                        [_vm._v(" ")]
                                       ),
-                                ]
-                              ),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.currentUser.can &&
-                        _vm.currentUser.can["utamakan_" + _vm.kelas]
-                          ? _c("div", { staticClass: "col-md-4" }, [
-                              _c(
-                                "div",
-                                {
-                                  staticClass: "form-group",
-                                  class: {
-                                    "has-error":
-                                      _vm.errors.has("form.utamakan"),
-                                  },
-                                },
-                                [
+                                ]),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-md-4" }, [
+                                _c("div", { staticClass: "form-group" }, [
                                   _c(
-                                    "h5",
+                                    "h6",
                                     {
                                       class: {
                                         "text-danger":
-                                          _vm.errors.has("form.utamakan"),
+                                          _vm.errors.has("form.kondisi"),
                                       },
                                     },
                                     [
-                                      _vm.errors.has("form.utamakan")
+                                      _vm.errors.has("form.kondisi")
                                         ? _c("i", {
                                             staticClass: "icon-cross2",
                                           })
                                         : _vm._e(),
                                       _vm._v(
-                                        "\n\t\t\t\t\t\t\t\t\t\t\tUtamakan: "
+                                        "\n\t\t\t\t\t\t\t\t\t\t\tKondisi: "
                                       ),
                                       _c("wajib-badge"),
                                     ],
@@ -1886,8 +3459,8 @@ var render = function () {
                                         {
                                           name: "model",
                                           rawName: "v-model",
-                                          value: _vm.form.utamakan,
-                                          expression: "form.utamakan",
+                                          value: _vm.form.kondisi,
+                                          expression: "form.kondisi",
                                         },
                                         {
                                           name: "validate",
@@ -1898,9 +3471,9 @@ var render = function () {
                                       ],
                                       staticClass: "form-control",
                                       attrs: {
-                                        name: "utamakan",
+                                        name: "kondisi",
                                         "data-width": "100%",
-                                        "data-vv-as": "utamakan",
+                                        "data-vv-as": "Kondisi",
                                       },
                                       on: {
                                         change: function ($event) {
@@ -1921,7 +3494,7 @@ var render = function () {
                                               })
                                           _vm.$set(
                                             _vm.form,
-                                            "utamakan",
+                                            "kondisi",
                                             $event.target.multiple
                                               ? $$selectedVal
                                               : $$selectedVal[0]
@@ -1933,22 +3506,208 @@ var render = function () {
                                       _c(
                                         "option",
                                         { attrs: { disabled: "", value: "" } },
-                                        [_vm._v("Silahkan pilih tipe")]
+                                        [_vm._v("Silahkan pilih kondisi")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "option",
+                                        { attrs: { value: "Baik" } },
+                                        [_vm._v("Baik")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "option",
+                                        { attrs: { value: "Diperbaiki" } },
+                                        [_vm._v("Diperbaiki")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "option",
+                                        { attrs: { value: "Rusak" } },
+                                        [_vm._v("Rusak")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "option",
+                                        { attrs: { value: "Dijual" } },
+                                        [_vm._v("Dijual")]
                                       ),
                                       _vm._v(" "),
-                                      _c("option", { attrs: { value: "1" } }, [
-                                        _vm._v("Jadikan artikel utama"),
-                                      ]),
+                                      _c(
+                                        "option",
+                                        { attrs: { value: "Hilang" } },
+                                        [_vm._v("Hilang")]
+                                      ),
                                       _vm._v(" "),
-                                      _c("option", { attrs: { value: "0" } }, [
-                                        _vm._v("Tidak jadikan artikel utama"),
-                                      ]),
+                                      _c(
+                                        "option",
+                                        { attrs: { value: "Disewa" } },
+                                        [_vm._v("Disewa")]
+                                      ),
                                     ]
                                   ),
                                   _vm._v(" "),
-                                  _c("br"),
+                                  _vm.errors.has("form.kondisi")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first("form.kondisi")
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" ")]
+                                      ),
+                                ]),
+                              ]),
+                              _vm._v(" "),
+                              _vm._m(2),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-md-4" }, [
+                                _c("div", { staticClass: "form-group" }, [
+                                  _c(
+                                    "h6",
+                                    {
+                                      class: {
+                                        "text-danger": _vm.errors.has(
+                                          "form.aktivis_id_pembeli"
+                                        ),
+                                      },
+                                    },
+                                    [
+                                      _vm.errors.has("form.aktivis_id_pembeli")
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
+                                      _vm._v(
+                                        "\n\t\t\t\t\t\t\t\t\t\t\tPembeli: "
+                                      ),
+                                      _c("wajib-badge"),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "select",
+                                    {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.aktivis_id_pembeli,
+                                          expression: "form.aktivis_id_pembeli",
+                                        },
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "pembeli",
+                                        "data-width": "100%",
+                                        "data-vv-as": "Pembeli",
+                                        disabled: _vm.modelAktivis.length == 0,
+                                      },
+                                      on: {
+                                        change: function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
+                                              )
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.$set(
+                                            _vm.form,
+                                            "aktivis_id_pembeli",
+                                            $event.target.multiple
+                                              ? $$selectedVal
+                                              : $$selectedVal[0]
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [
+                                          _vm.modelAktivisStat === "loading"
+                                            ? _c("span", [
+                                                _vm._v("Mohon tunggu..."),
+                                              ])
+                                            : _c("span", [
+                                                _vm._v(
+                                                  "Silahkan pilih pembeli"
+                                                ),
+                                              ]),
+                                        ]
+                                      ),
+                                      _vm._v(" "),
+                                      _vm._l(
+                                        _vm.modelAktivis,
+                                        function (datas, index) {
+                                          return _c(
+                                            "option",
+                                            {
+                                              key: index,
+                                              domProps: { value: datas.id },
+                                            },
+                                            [_vm._v(_vm._s(datas.name))]
+                                          )
+                                        }
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [_vm._v("----------------")]
+                                      ),
+                                      _vm._v(" "),
+                                      _vm._l(
+                                        _vm.modelMitra,
+                                        function (datas, index) {
+                                          return _c(
+                                            "option",
+                                            {
+                                              key: index,
+                                              domProps: { value: datas.id },
+                                            },
+                                            [_vm._v(_vm._s(datas.name))]
+                                          )
+                                        }
+                                      ),
+                                    ],
+                                    2
+                                  ),
                                   _vm._v(" "),
-                                  _vm.errors.has("form.utamakan")
+                                  _vm.errors.has("form.aktivis_id_pembeli")
                                     ? _c(
                                         "small",
                                         {
@@ -1963,7 +3722,7 @@ var render = function () {
                                             " " +
                                               _vm._s(
                                                 _vm.errors.first(
-                                                  "form.utamakan"
+                                                  "form.aktivis_id_pembeli"
                                                 )
                                               ) +
                                               "\n\t\t\t\t\t\t\t\t\t\t"
@@ -1973,73 +3732,264 @@ var render = function () {
                                     : _c(
                                         "small",
                                         { staticClass: "text-muted" },
-                                        [_vm._v(" \n\t\t\t\t\t\t\t\t\t\t")]
+                                        [_vm._v(" ")]
                                       ),
-                                ]
-                              ),
+                                ]),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-md-4" }, [
+                                _c(
+                                  "div",
+                                  {
+                                    staticClass: "form-group",
+                                    class: {
+                                      "has-error":
+                                        _vm.errors.has("form.tanggal"),
+                                    },
+                                  },
+                                  [
+                                    _c(
+                                      "h6",
+                                      {
+                                        class: {
+                                          "text-danger":
+                                            _vm.errors.has("form.tanggal"),
+                                        },
+                                      },
+                                      [
+                                        _vm.errors.has("form.tanggal")
+                                          ? _c("i", {
+                                              staticClass: "icon-cross2",
+                                            })
+                                          : _vm._e(),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\t\tTgl. Pembelian: "
+                                        ),
+                                        _c("wajib-badge"),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c("date-picker", {
+                                      attrs: { defaultDate: _vm.form.tanggal },
+                                      on: {
+                                        dateSelected: function ($event) {
+                                          _vm.form.tanggal = $event
+                                        },
+                                      },
+                                    }),
+                                    _vm._v(" "),
+                                    _c("input", {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.tanggal,
+                                          expression: "form.tanggal",
+                                        },
+                                        {
+                                          name: "show",
+                                          rawName: "v-show",
+                                          value: false,
+                                          expression: "false",
+                                        },
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
+                                        },
+                                      ],
+                                      attrs: {
+                                        "data-vv-as": "Tanggal pembelian",
+                                      },
+                                      domProps: { value: _vm.form.tanggal },
+                                      on: {
+                                        input: function ($event) {
+                                          if ($event.target.composing) {
+                                            return
+                                          }
+                                          _vm.$set(
+                                            _vm.form,
+                                            "tanggal",
+                                            $event.target.value
+                                          )
+                                        },
+                                      },
+                                    }),
+                                    _vm._v(" "),
+                                    _vm.errors.has("form.tanggal")
+                                      ? _c(
+                                          "small",
+                                          {
+                                            staticClass:
+                                              "text-muted text-danger",
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass:
+                                                "icon-arrow-small-right",
+                                            }),
+                                            _vm._v(
+                                              " " +
+                                                _vm._s(
+                                                  _vm.errors.first(
+                                                    "form.tanggal"
+                                                  )
+                                                ) +
+                                                "\n\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c(
+                                          "small",
+                                          { staticClass: "text-muted" },
+                                          [_vm._v(" ")]
+                                        ),
+                                  ],
+                                  1
+                                ),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-md-4" }, [
+                                _c(
+                                  "div",
+                                  {
+                                    staticClass: "form-group",
+                                    class: {
+                                      "has-error": _vm.errors.has("form.harga"),
+                                    },
+                                  },
+                                  [
+                                    _c(
+                                      "h5",
+                                      {
+                                        class: {
+                                          "text-danger":
+                                            _vm.errors.has("form.harga"),
+                                        },
+                                      },
+                                      [
+                                        _vm.errors.has("form.harga")
+                                          ? _c("i", {
+                                              staticClass: "icon-cross2",
+                                            })
+                                          : _vm._e(),
+                                        _vm._v(
+                                          "\n\t\t\t\t\t\t\t\t\t\t\tHarga: "
+                                        ),
+                                        _c("wajib-badge"),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c("cleave", {
+                                      directives: [
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required|min:5",
+                                          expression: "'required|min:5'",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "harga",
+                                        options: _vm.cleaveOption.numeric,
+                                        "data-vv-as": "Harga",
+                                        placeholder: "Silahkan masukkan harga",
+                                      },
+                                      model: {
+                                        value: _vm.form.harga,
+                                        callback: function ($$v) {
+                                          _vm.$set(_vm.form, "harga", $$v)
+                                        },
+                                        expression: "form.harga",
+                                      },
+                                    }),
+                                    _vm._v(" "),
+                                    _vm.errors.has("form.harga")
+                                      ? _c(
+                                          "small",
+                                          {
+                                            staticClass:
+                                              "text-muted text-danger",
+                                          },
+                                          [
+                                            _c("i", {
+                                              staticClass:
+                                                "icon-arrow-small-right",
+                                            }),
+                                            _vm._v(
+                                              " " +
+                                                _vm._s(
+                                                  _vm.errors.first("form.harga")
+                                                ) +
+                                                "\n\t\t\t\t\t\t\t\t\t\t"
+                                            ),
+                                          ]
+                                        )
+                                      : _c(
+                                          "small",
+                                          { staticClass: "text-muted" },
+                                          [_vm._v(" ")]
+                                        ),
+                                  ],
+                                  1
+                                ),
+                              ]),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-md-12" }, [
+                                _c("div", { staticClass: "form-group" }, [
+                                  _c("h6", [_vm._v("Keterangan:")]),
+                                  _vm._v(" "),
+                                  _c("textarea", {
+                                    directives: [
+                                      {
+                                        name: "model",
+                                        rawName: "v-model",
+                                        value: _vm.form.keterangan,
+                                        expression: "form.keterangan",
+                                      },
+                                    ],
+                                    staticClass: "form-control",
+                                    attrs: {
+                                      rows: "3",
+                                      type: "text",
+                                      name: "keterangan",
+                                      placeholder:
+                                        "Silahkan masukkan keterangan ",
+                                    },
+                                    domProps: { value: _vm.form.keterangan },
+                                    on: {
+                                      input: function ($event) {
+                                        if ($event.target.composing) {
+                                          return
+                                        }
+                                        _vm.$set(
+                                          _vm.form,
+                                          "keterangan",
+                                          $event.target.value
+                                        )
+                                      },
+                                    },
+                                  }),
+                                ]),
+                              ]),
                             ])
                           : _vm._e(),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Gambar Utama:")]),
-                              _vm._v(" "),
-                              _c("app-image-upload", {
-                                attrs: {
-                                  image_loc: "/images/artikel/",
-                                  image_temp: _vm.form.gambar,
-                                },
-                                model: {
-                                  value: _vm.form.gambar,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "gambar", $$v)
-                                  },
-                                  expression: "form.gambar",
-                                },
-                              }),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _vm._m(0),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Isi Artikel:")]),
-                              _vm._v(" "),
-                              _c("ckeditor", {
-                                attrs: {
-                                  type: "classic",
-                                  "upload-adapter": _vm.UploadAdapter,
-                                },
-                                model: {
-                                  value: _vm.form.content,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "content", $$v)
-                                  },
-                                  expression: "form.content",
-                                },
-                              }),
-                            ],
-                            1
-                          ),
-                        ]),
-                      ]),
-                    ]),
+                      ],
+                      1
+                    ),
                   ]),
                   _vm._v(" "),
                   _c("form-info"),
                   _vm._v(" "),
+                  _c("br"),
+                  _vm._v(" "),
                   _c(
                     "div",
-                    { staticClass: "card card-body" },
+                    { staticClass: "panel panel-flat panel-body" },
                     [
                       _c("form-button", {
                         attrs: {
@@ -2087,22 +4037,25 @@ var render = function () {
             "template",
             { slot: "modal-body1" },
             [
-              _c("form-penulis", {
-                attrs: { id_cu: _vm.id_cu },
-                on: { cancelClick: _vm.modalTutup },
-              }),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body2" },
-            [
-              _c("form-kategori", {
-                attrs: { id_cu: _vm.id_cu },
-                on: { cancelClick: _vm.modalTutup },
-              }),
+              _vm.state == "jenis"
+                ? _c("form-jenis", {
+                    attrs: { kelas: "asetTetapJenis", mode: "tambah" },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm.state == "kelompok"
+                ? _c("form-kelompok", {
+                    attrs: { kelas: "asetTetapKelompok", mode: "tambah" },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _vm.state == "golongan"
+                ? _c("form-golongan", {
+                    attrs: { kelas: "asetTetapGolongan", mode: "tambah" },
+                    on: { tutup: _vm.modalTutup },
+                  })
+                : _c("form-lokasi", {
+                    attrs: { kelas: "asetTetapLokasi", mode: "tambah" },
+                    on: { tutup: _vm.modalTutup },
+                  }),
             ],
             1
           ),
@@ -2118,363 +4071,25 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-md-12" }, [_c("br")])
+    return _c("div", { staticClass: "col-12" }, [_c("hr")])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "col-md-12" }, [_c("hr")])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "col-12" }, [_c("hr")])
   },
 ]
 render._withStripped = true
 
 
 
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formKategori.vue?vue&type=template&id=550edd80&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/formKategori.vue?vue&type=template&id=550edd80& ***!
-  \*************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "form" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _vm.errors.any("form") && _vm.submited
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorItem: _vm.errors.items,
-              },
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c(
-          "div",
-          {
-            staticClass: "form-group",
-            class: { "has-error": _vm.errors.has("form.kategoriNama") },
-          },
-          [
-            _c(
-              "h5",
-              { class: { "text-danger": _vm.errors.has("form.name") } },
-              [
-                _vm.errors.has("form.name")
-                  ? _c("i", { staticClass: "icon-cross2" })
-                  : _vm._e(),
-                _vm._v("\n\t\t\t\tNama: "),
-                _c("wajib-badge"),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c("input", {
-              directives: [
-                {
-                  name: "validate",
-                  rawName: "v-validate",
-                  value: "required",
-                  expression: "'required'",
-                },
-                {
-                  name: "model",
-                  rawName: "v-model",
-                  value: _vm.form.name,
-                  expression: "form.name",
-                },
-              ],
-              staticClass: "form-control",
-              attrs: {
-                type: "text",
-                name: "name",
-                placeholder: "Silahkan masukkan name kategori",
-                "data-vv-as": "Nama",
-              },
-              domProps: { value: _vm.form.name },
-              on: {
-                input: function ($event) {
-                  if ($event.target.composing) {
-                    return
-                  }
-                  _vm.$set(_vm.form, "name", $event.target.value)
-                },
-              },
-            }),
-            _vm._v(" "),
-            _vm.errors.has("form.name")
-              ? _c("small", { staticClass: "text-muted text-danger" }, [
-                  _c("i", { staticClass: "icon-arrow-small-right" }),
-                  _vm._v(
-                    " " + _vm._s(_vm.errors.first("form.name")) + "\n\t\t\t"
-                  ),
-                ])
-              : _c("small", { staticClass: "text-muted" }, [
-                  _vm._v(" \n\t\t\t"),
-                ]),
-          ]
-        ),
-        _vm._v(" "),
-        _c("div", { staticClass: "form-group" }, [
-          _c("h5", [_vm._v("\n\t\t\t\tKeterangan:\n\t\t\t")]),
-          _vm._v(" "),
-          _c("textarea", {
-            directives: [
-              {
-                name: "model",
-                rawName: "v-model",
-                value: _vm.form.deskripsi,
-                expression: "form.deskripsi",
-              },
-            ],
-            staticClass: "form-control",
-            attrs: {
-              rows: "5",
-              type: "text",
-              name: "deskripsi",
-              placeholder: "Silahkan masukkan keterangan kategori",
-            },
-            domProps: { value: _vm.form.deskripsi },
-            on: {
-              input: function ($event) {
-                if ($event.target.composing) {
-                  return
-                }
-                _vm.$set(_vm.form, "deskripsi", $event.target.value)
-              },
-            },
-          }),
-        ]),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("form-button", {
-          attrs: {
-            cancelTitle: _vm.cancelTitle,
-            cancelIcon: _vm.cancelIcon,
-            cancelState: _vm.cancelState,
-            formValidation: "form",
-          },
-          on: { cancelClick: _vm.cancelClick },
-        }),
-      ],
-      1
-    ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formPenulis.vue?vue&type=template&id=53af71f0&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/formPenulis.vue?vue&type=template&id=53af71f0& ***!
-  \************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { enctype: "multipart/form-data", "data-vv-scope": "form" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _vm.errors.any("form") && _vm.submited
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorItem: _vm.errors.items,
-              },
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c(
-          "div",
-          { staticClass: "form-group" },
-          [
-            _c("h5", [_vm._v("Foto:")]),
-            _vm._v(" "),
-            _c("app-image-upload", {
-              attrs: { image_loc: "/images/artikel/" },
-              model: {
-                value: _vm.form.gambar,
-                callback: function ($$v) {
-                  _vm.$set(_vm.form, "gambar", $$v)
-                },
-                expression: "form.gambar",
-              },
-            }),
-          ],
-          1
-        ),
-        _vm._v(" "),
-        _c(
-          "div",
-          {
-            staticClass: "form-group",
-            class: { "has-error": _vm.errors.has("form.name") },
-          },
-          [
-            _c(
-              "h5",
-              { class: { "text-danger": _vm.errors.has("form.name") } },
-              [
-                _vm.errors.has("form.name")
-                  ? _c("i", { staticClass: "icon-cross2" })
-                  : _vm._e(),
-                _vm._v("\n\t\t\t\tNama: "),
-                _c("wajib-badge"),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _c("input", {
-              directives: [
-                {
-                  name: "validate",
-                  rawName: "v-validate",
-                  value: "required",
-                  expression: "'required'",
-                },
-                {
-                  name: "model",
-                  rawName: "v-model",
-                  value: _vm.form.name,
-                  expression: "form.name",
-                },
-              ],
-              staticClass: "form-control",
-              attrs: {
-                type: "text",
-                name: "name",
-                placeholder: "Silahkan masukkan name kategori",
-                "data-vv-as": "Nama",
-              },
-              domProps: { value: _vm.form.name },
-              on: {
-                input: function ($event) {
-                  if ($event.target.composing) {
-                    return
-                  }
-                  _vm.$set(_vm.form, "name", $event.target.value)
-                },
-              },
-            }),
-            _vm._v(" "),
-            _vm.errors.has("form.name")
-              ? _c("small", { staticClass: "text-muted text-danger" }, [
-                  _c("i", { staticClass: "icon-arrow-small-right" }),
-                  _vm._v(
-                    " " + _vm._s(_vm.errors.first("form.name")) + "\n\t\t\t"
-                  ),
-                ])
-              : _c("small", { staticClass: "text-muted" }, [
-                  _vm._v(" \n\t\t\t"),
-                ]),
-          ]
-        ),
-        _vm._v(" "),
-        _c("div", { staticClass: "form-group" }, [
-          _c("h5", [_vm._v("\n\t\t\t\tKeterangan:\n\t\t\t")]),
-          _vm._v(" "),
-          _c("textarea", {
-            directives: [
-              {
-                name: "model",
-                rawName: "v-model",
-                value: _vm.form.deskripsi,
-                expression: "form.deskripsi",
-              },
-            ],
-            staticClass: "form-control",
-            attrs: {
-              rows: "5",
-              type: "text",
-              name: "deskripsi",
-              placeholder: "Silahkan masukkan keterangan kategori",
-            },
-            domProps: { value: _vm.form.deskripsi },
-            on: {
-              input: function ($event) {
-                if ($event.target.composing) {
-                  return
-                }
-                _vm.$set(_vm.form, "deskripsi", $event.target.value)
-              },
-            },
-          }),
-        ]),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("form-button", {
-          attrs: {
-            cancelTitle: _vm.cancelTitle,
-            cancelIcon: _vm.cancelIcon,
-            cancelState: _vm.cancelState,
-            formValidation: "form",
-          },
-          on: { cancelClick: _vm.cancelClick },
-        }),
-      ],
-      1
-    ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true&":
-/*!***************************************************************************************************************!*\
-  !*** ./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true& ***!
-  \***************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_ae166b0c_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/style-loader!../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_ae166b0c_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_ae166b0c_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_ae166b0c_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_ae166b0c_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-
-
 /***/ }),
 
 /***/ "./resources/assets/js/components/ImageUpload.vue":
@@ -2546,70 +4161,19 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/helpers/form.js":
-/*!*********************************************!*\
-  !*** ./resources/assets/js/helpers/form.js ***!
-  \*********************************************/
-/*! exports provided: toMulipartedForm, objectToFormData */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function toMulipartedForm(form, mode) {
-  if (mode === 'edit' && typeof form.image === 'string') {
-    var temp = JSON.parse(JSON.stringify(form));
-    delete temp.image;
-    return temp;
-  } else {
-    return objectToFormData(form);
-  }
-}
-function objectToFormData(obj, form, namespace) {
-  var fd = form || new FormData();
-  var formKey;
-
-  for (var property in obj) {
-    if (obj.hasOwnProperty(property)) {
-      if (namespace) {
-        formKey = namespace + '[' + property + ']';
-      } else {
-        formKey = property;
-      }
-
-      if (obj[property] instanceof Array) {
-        for (var i = 0; i < obj[property].length; i++) {
-          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
-        }
-      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
-        objectToFormData(obj[property], fd, property);
-      } else {
-        fd.append(formKey, obj[property]);
-      }
-    }
-  }
-
-  return fd;
-}
-
-/***/ }),
-
-/***/ "./resources/assets/js/views/artikel/form.vue":
-/*!****************************************************!*\
-  !*** ./resources/assets/js/views/artikel/form.vue ***!
-  \****************************************************/
+/***/ "./resources/assets/js/components/datePicker.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_ae166b0c_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=ae166b0c&scoped=true& */ "./resources/assets/js/views/artikel/form.vue?vue&type=template&id=ae166b0c&scoped=true&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikel/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _public_css_admin_ckeditor_document_style_css_vue_type_style_index_0_id_ae166b0c_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true& */ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datePicker.vue?vue&type=template&id=0e041d33& */ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony import */ var _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datePicker.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./datePicker.vue?vue&type=style&index=0&lang=css& */ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -2619,66 +4183,82 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_ae166b0c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_ae166b0c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "ae166b0c",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikel/form.vue"
+component.options.__file = "resources/assets/js/components/datePicker.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/form.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************!*\
-  !*** ./resources/assets/js/views/artikel/form.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************/
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css& ***!
+  \****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader??ref--6-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/form.vue?vue&type=template&id=ae166b0c&scoped=true&":
-/*!***********************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikel/form.vue?vue&type=template&id=ae166b0c&scoped=true& ***!
-  \***********************************************************************************************/
+/***/ "./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_ae166b0c_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=ae166b0c&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/form.vue?vue&type=template&id=ae166b0c&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_ae166b0c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datePicker.vue?vue&type=template&id=0e041d33& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datePicker.vue?vue&type=template&id=0e041d33&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_ae166b0c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datePicker_vue_vue_type_template_id_0e041d33___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/formKategori.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/artikel/formKategori.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/card.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/card.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formKategori_vue_vue_type_template_id_550edd80___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKategori.vue?vue&type=template&id=550edd80& */ "./resources/assets/js/views/artikel/formKategori.vue?vue&type=template&id=550edd80&");
-/* harmony import */ var _formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKategori.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikel/formKategori.vue?vue&type=script&lang=js&");
+/* harmony import */ var _card_vue_vue_type_template_id_d116afbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./card.vue?vue&type=template&id=d116afbe& */ "./resources/assets/js/views/asetTetap/card.vue?vue&type=template&id=d116afbe&");
+/* harmony import */ var _card_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./card.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/card.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2688,9 +4268,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formKategori_vue_vue_type_template_id_550edd80___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formKategori_vue_vue_type_template_id_550edd80___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _card_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _card_vue_vue_type_template_id_d116afbe___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _card_vue_vue_type_template_id_d116afbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2700,54 +4280,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikel/formKategori.vue"
+component.options.__file = "resources/assets/js/views/asetTetap/card.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/formKategori.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikel/formKategori.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/card.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/card.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKategori.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formKategori.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_card_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./card.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/card.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_card_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/formKategori.vue?vue&type=template&id=550edd80&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikel/formKategori.vue?vue&type=template&id=550edd80& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/card.vue?vue&type=template&id=d116afbe&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/card.vue?vue&type=template&id=d116afbe& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_template_id_550edd80___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKategori.vue?vue&type=template&id=550edd80& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formKategori.vue?vue&type=template&id=550edd80&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_template_id_550edd80___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_card_vue_vue_type_template_id_d116afbe___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./card.vue?vue&type=template&id=d116afbe& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/card.vue?vue&type=template&id=d116afbe&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_card_vue_vue_type_template_id_d116afbe___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_template_id_550edd80___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_card_vue_vue_type_template_id_d116afbe___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/formPenulis.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/artikel/formPenulis.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/asetTetap/form.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/form.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formPenulis_vue_vue_type_template_id_53af71f0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPenulis.vue?vue&type=template&id=53af71f0& */ "./resources/assets/js/views/artikel/formPenulis.vue?vue&type=template&id=53af71f0&");
-/* harmony import */ var _formPenulis_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPenulis.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikel/formPenulis.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_97a38056___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=97a38056& */ "./resources/assets/js/views/asetTetap/form.vue?vue&type=template&id=97a38056&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetap/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2757,9 +4337,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formPenulis_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formPenulis_vue_vue_type_template_id_53af71f0___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formPenulis_vue_vue_type_template_id_53af71f0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_97a38056___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_97a38056___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2769,38 +4349,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/artikel/formPenulis.vue"
+component.options.__file = "resources/assets/js/views/asetTetap/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/formPenulis.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikel/formPenulis.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/form.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/form.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPenulis_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPenulis.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formPenulis.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPenulis_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/artikel/formPenulis.vue?vue&type=template&id=53af71f0&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/artikel/formPenulis.vue?vue&type=template&id=53af71f0& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetap/form.vue?vue&type=template&id=97a38056&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetap/form.vue?vue&type=template&id=97a38056& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPenulis_vue_vue_type_template_id_53af71f0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPenulis.vue?vue&type=template&id=53af71f0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formPenulis.vue?vue&type=template&id=53af71f0&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPenulis_vue_vue_type_template_id_53af71f0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_97a38056___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=97a38056& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetap/form.vue?vue&type=template&id=97a38056&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_97a38056___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPenulis_vue_vue_type_template_id_53af71f0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_97a38056___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/77.js b/public/js/components/77.js
index ca7dbdeba..b06363e50 100644
--- a/public/js/components/77.js
+++ b/public/js/components/77.js
@@ -84,210 +84,34 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: []
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/form.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/form.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _formKategori_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./formKategori.vue */ "./resources/assets/js/views/artikel/formKategori.vue");
+/* harmony import */ var _formPenulis_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./formPenulis.vue */ "./resources/assets/js/views/artikel/formPenulis.vue");
+/* harmony import */ var _helpers_auth__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../helpers/auth */ "./resources/assets/js/helpers/auth.js");
+/* harmony import */ var _helpers_url_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../helpers/url.js */ "./resources/assets/js/helpers/url.js");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    title: {
-      "default": ''
-    },
-    titleIcon: {
-      "default": ''
-    },
-    titleDesc: {
-      "default": ''
-    },
-    level: {
-      "default": 1
-    },
-    level2Title: {
-      "default": ''
-    },
-    level2Route: {
-      "default": ''
-    }
-  },
-  methods: {
-    level2Back: function level2Back() {
-      this.$emit('level2Back');
-    },
-    route1: function route1() {
-      if (this.btn1RouteParams) {
-        this.$router.push({
-          name: this.btn1Route,
-          params: {
-            cu: this.btn1RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn1Route
-        });
-      }
-    },
-    route2: function route2() {
-      if (this.btn2RouteParams) {
-        this.$router.push({
-          name: this.btn2Route,
-          params: {
-            cu: this.btn2RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn2Route
-        });
-      }
-    },
-    route3: function route3() {
-      if (this.btn3RouteParams) {
-        this.$router.push({
-          name: this.btn3Route,
-          params: {
-            cu: this.btn3RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn3Route
-        });
-      }
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/form.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraLembaga/form.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
-/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__);
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -573,6 +397,299 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formKategori: _formKategori_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    formPenulis: _formPenulis_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_12__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'Tambah Artikel',
+      titleDesc: 'Menambah artikel baru',
+      titleIcon: 'icon-plus3',
+      level2Title: 'Artikel',
+      kelas: 'artikel',
+      id_cu: '',
+      utama: '',
+      UploadAdapter: function UploadAdapter(loader) {
+        var _this = this;
+
+        this.loader = loader;
+
+        this.upload = function () {
+          var body = new FormData();
+          var user = Object(_helpers_auth__WEBPACK_IMPORTED_MODULE_10__["getLocalUser"])();
+          var token = user.token;
+          body.append('gambar', _this.loader.file);
+          return fetch(_helpers_url_js__WEBPACK_IMPORTED_MODULE_11__["url_config"].api_url + 'artikel/upload', {
+            headers: {
+              "Authorization": 'Bearer ' + token
+            },
+            body: body,
+            method: 'POST'
+          }).then(function (response) {
+            return response.json();
+          }).then(function (downloadUrl) {
+            return {
+              "default": downloadUrl
+            };
+          })["catch"](function (error) {
+            console.log(error);
+          });
+        };
+
+        this.abort = function () {
+          console.log('Abort upload.');
+        };
+      },
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      submited: false,
+      submitedKategori: false,
+      submitedPenulis: false
+    };
+  },
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
+  },
+  created: function created() {
+    if (this.currentUser.id_cu === 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    }
+
+    if (this.$route.meta.mode !== 'edit' && this.form.id_cu === undefined) {
+      this.form.id_cu = this.currentUser.id_cu;
+      this.changeCU(this.currentUser.id_cu);
+    }
+  },
+  watch: {
+    formStat: function formStat(value) {
+      if (value === "success") {
+        if (this.$route.meta.mode !== 'edit') {
+          this.form.id_cu = this.currentUser.id_cu;
+        } else {
+          this.checkUser('update_artikel', this.form.id_cu);
+        }
+
+        if (this.form.id_cu !== undefined) {
+          this.changeCU(this.form.id_cu);
+        }
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    },
+    updateKategoriStat: function updateKategoriStat(value) {
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateKategoriResponse.message;
+        this.$store.dispatch('artikelKategori/getCu', this.id_cu);
+        this.form.id_artikel_kategori = this.updateKategoriResponse.id;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateKategoriResponse.message;
+      }
+    },
+    updatePenulisStat: function updatePenulisStat(value) {
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updatePenulisResponse.message;
+        this.$store.dispatch('artikelPenulis/getCu', this.id_cu);
+        this.form.id_artikel_penulis = this.updatePenulisResponse.id;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updatePenulisResponse.message;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      if (this.currentUser.id_cu === 0) {
+        if (this.modelCuStat != 'success') {
+          this.$store.dispatch('cu/getHeader');
+        }
+      }
+
+      if (this.$route.meta.mode === 'edit') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+        this.title = 'Ubah Artikel';
+        this.titleDesc = 'Mengubah artikel';
+        this.titleIcon = 'icon-pencil5';
+      } else {
+        this.title = 'Tambah Artikel';
+        this.titleDesc = 'Menambah artikel';
+        this.titleIcon = 'icon-plus3';
+        this.$store.dispatch(this.kelas + '/create');
+      }
+    },
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    },
+    save: function save() {
+      var _this2 = this;
+
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this2.$route.meta.mode === 'edit') {
+            _this2.$store.dispatch(_this2.kelas + '/update', [_this2.$route.params.id, formData]);
+          } else {
+            _this2.$store.dispatch(_this2.kelas + '/store', formData);
+          }
+
+          _this2.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this2.submited = true;
+        }
+      });
+    },
+    changeCU: function changeCU(id) {
+      this.$store.dispatch('artikelPenulis/getCu', id);
+      this.$store.dispatch('artikelKategori/getCu', id);
+    },
+    back: function back() {
+      if (this.currentUser.id_cu == 0) {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: 'semua'
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        });
+      }
+    },
+    modalTutup: function modalTutup() {
+      if (this.updateStat === 'success') {
+        this.back();
+      }
+
+      this.modalShow = false;
+      this.submitedKategori = false;
+      this.submitedPenulis = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+    },
+    modalOpen_Penulis: function modalOpen_Penulis() {
+      this.id_cu = this.form.id_cu;
+      this.modalShow = true;
+      this.modalState = 'normal1';
+      this.modalColor = 'bg-primary';
+      this.modalTitle = 'Tambah penulis artikel';
+    },
+    modalOpen_Kategori: function modalOpen_Kategori() {
+      this.id_cu = this.form.id_cu;
+      this.modalShow = true;
+      this.modalState = 'normal2';
+      this.modalColor = 'bg-primary';
+      this.modalTitle = 'Tambah kategori artikel';
+    },
+    processFile: function processFile(event) {
+      this.form.gambar = event.target.files[0];
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikel', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelKategori', {
+    modelKategori: 'dataS',
+    modelKategoriStat: 'dataStatS',
+    updateKategoriResponse: 'update',
+    updateKategoriStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('artikelPenulis', {
+    modelPenulis: 'dataS',
+    modelPenulisStat: 'dataStatS',
+    updatePenulisResponse: 'update',
+    updatePenulisStat: 'updateStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formKategori.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/formKategori.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 //
 //
 //
@@ -627,6 +744,69 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['id_cu'],
+  components: {
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  data: function data() {
+    return {
+      kelas: 'artikelKategori',
+      form: {
+        id_cu: '',
+        name: '',
+        deskripsi: ''
+      },
+      submited: false,
+      cancelTitle: 'Tutup',
+      cancelIcon: 'icon-cross',
+      cancelState: 'methods'
+    };
+  },
+  methods: {
+    save: function save() {
+      var _this = this;
+
+      this.form.id_cu = this.id_cu;
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          _this.$store.dispatch(_this.kelas + '/store', _this.form);
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
+    cancelClick: function cancelClick() {
+      this.$emit('cancelClick');
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formPenulis.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/formPenulis.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
 //
 //
 //
@@ -697,195 +877,101 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-
-
-
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['id_cu'],
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_6__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default.a
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
   data: function data() {
     return {
-      title: 'Tambah Lembaga Mitra',
-      titleDesc: 'Menambah lembaga mitra baru',
-      titleIcon: 'icon-plus3',
-      level: 2,
-      level2Title: 'Lembaga Mitra',
-      kelas: 'mitraLembaga',
-      redirect: '/mitraLembaga/',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
+      kelas: 'artikelPenulis',
+      form: {
+        id_cu: '',
+        gambar: '',
+        name: '',
+        deskripsi: ''
       },
-      cancelState: 'methods',
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      submited: false
+      submited: false,
+      cancelTitle: 'Tutup',
+      cancelIcon: 'icon-cross',
+      cancelState: 'methods'
     };
   },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
-  watch: {
-    formStat: function formStat(value) {
-      if (value === "success") {
-        if (this.$route.meta.mode == 'edit' || this.$route.meta.mode == 'profile') {
-          if (this.currentUser.id_cu !== 0 && this.currentUser.id_cu !== this.form.id) {
-            this.$router.push({
-              name: 'notFound'
-            });
-          }
-
-          this.changeProvinces(this.form.id_provinces);
-          this.changeRegencies(this.form.id_regencies);
-          this.changeDistricts(this.form.id_districts);
-        }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    }
-  },
   methods: {
-    fetch: function fetch() {
-      if (this.$route.meta.mode == 'edit') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-        this.title = 'Ubah ' + this.level2Title;
-        this.titleDesc = 'Mengubah ' + this.level2Title;
-        this.titleIcon = 'icon-pencil5';
-      } else {
-        this.$store.dispatch(this.kelas + '/create');
-        this.title = 'Tambah ' + this.level2Title;
-        this.titleDesc = 'Menambah ' + this.level2Title;
-        this.titleIcon = 'icon-plus3';
-      }
-
-      this.$store.dispatch('provinces/get');
-    },
     save: function save() {
       var _this = this;
 
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_4__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      this.form.id_cu = this.id_cu;
       this.$validator.validateAll('form').then(function (result) {
         if (result) {
-          if (_this.$route.meta.mode == 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
-          } else {
-            _this.$store.dispatch(_this.kelas + '/store', formData);
-          }
-
-          _this.submited = false;
+          _this.$store.dispatch(_this.kelas + '/store', _this.form);
         } else {
           window.scrollTo(0, 0);
           _this.submited = true;
         }
       });
     },
-    back: function back() {
-      this.$router.push({
-        name: this.kelas
-      });
-    },
-    changeProvinces: function changeProvinces(id) {
-      this.$store.dispatch('regencies/getProvinces', id);
-    },
-    changeRegencies: function changeRegencies(id) {
-      this.$store.dispatch('districts/getRegencies', id);
-    },
-    changeDistricts: function changeDistricts(id) {
-      this.$store.dispatch('villages/getDistricts', id);
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat === 'success') {
-        this.back();
-      }
-
-      this.modalShow = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    },
-    processFile: function processFile(event) {
-      this.form.gambar = event.target.files[0];
-      console.log(event.target.files[0].name);
+    cancelClick: function cancelClick() {
+      this.$emit('cancelClick');
     }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('mitraLembaga', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('provinces', {
-    modelProvinces: 'dataS',
-    modelProvincesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('regencies', {
-    modelRegencies: 'dataS',
-    modelRegenciesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('districts', {
-    modelDistricts: 'dataS',
-    modelDistrictsStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('villages', {
-    modelVillages: 'dataS',
-    modelVillagesStat: 'dataStatS'
-  }))
+  }
 });
 
 /***/ }),
 
+/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true&":
+/*!********************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true& ***!
+  \********************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, ".document-editor[data-v-ae166b0c] {\n  border: 1px solid var(--ck-color-base-border);\n  border-radius: var(--ck-border-radius);\n\n  /* Set vertical boundaries for the document editor. */\n  max-height: 700px;\n\n  /* This element is a flex container for easier rendering. */\n  display: flex;\n  flex-flow: column nowrap;\n}\n.document-editor__toolbar[data-v-ae166b0c] {\n  /* Make sure the toolbar container is always above the editable. */\n  z-index: 1;\n\n  /* Create the illusion of the toolbar floating over the editable. */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.2 );\n\n  /* Use the CKEditor CSS variables to keep the UI consistent. */\n  border-bottom: 1px solid var(--ck-color-toolbar-border);\n}\n\n/* Adjust the look of the toolbar inside the container. */\n.document-editor__toolbar .ck-toolbar[data-v-ae166b0c] {\n  border: 0;\n  border-radius: 0;\n}\n\n/* Make the editable container look like the inside of a native word processor application. */\n.document-editor__editable-container[data-v-ae166b0c] {\n  padding: calc( 2 * var(--ck-spacing-large) );\n  background: var(--ck-color-base-foreground);\n\n  /* Make it possible to scroll the \"page\" of the edited content. */\n  overflow-y: scroll;\n}\n.document-editor__editable-container .ck-editor__editable[data-v-ae166b0c] {\n  /* Set the dimensions of the \"page\". */\n  width: 98%;\n  /* min-height: 21cm; */\n\n  /* Keep the \"page\" off the boundaries of the container. */\n  padding: 1cm 2cm 2cm;\n\n  border: 1px hsl( 0,0%,82.7% ) solid;\n  border-radius: var(--ck-border-radius);\n  background: white;\n\n  /* The \"page\" should cast a slight shadow (3D illusion). */\n  box-shadow: 0 0 5px hsla( 0,0%,0%,.1 );\n\n  /* Center the \"page\". */\n  margin: 0 auto;\n}\n\n/* Set the default font for the \"page\" of the content. */\n.document-editor .ck-content[data-v-ae166b0c],\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-ae166b0c] {\n  font: 16px/1.6 \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n/* Adjust the headings dropdown to host some larger heading styles. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button__label[data-v-ae166b0c] {\n  line-height: calc( 1.7 * var(--ck-line-height-base) * var(--ck-font-size-base) );\n  min-width: 6em;\n}\n\n/* Scale down all heading previews because they are way too big to be presented in the UI.\nPreserve the relative scale, though. */\n.document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label[data-v-ae166b0c] {\n  transform: scale(0.8);\n  transform-origin: left;\n}\n\n/* Set the styles for \"Heading 1\". */\n.document-editor .ck-content h2[data-v-ae166b0c],\n.document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label[data-v-ae166b0c] {\n  font-size: 2.18em;\n  font-weight: normal;\n}\n.document-editor .ck-content h2[data-v-ae166b0c] {\n  line-height: 1.37em;\n  padding-top: .342em;\n  margin-bottom: .142em;\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-ae166b0c],\n.document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label[data-v-ae166b0c] {\n  font-size: 1.75em;\n  font-weight: normal;\n  color: hsl( 203, 100%, 50% );\n}\n.document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label[data-v-ae166b0c] {\n  color: var(--ck-color-list-button-on-text);\n}\n\n/* Set the styles for \"Heading 2\". */\n.document-editor .ck-content h3[data-v-ae166b0c] {\n  line-height: 1.86em;\n  padding-top: .171em;\n  margin-bottom: .357em;\n}\n\n/* Set the styles for \"Heading 3\". */\n.document-editor .ck-content h4[data-v-ae166b0c],\n.document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label[data-v-ae166b0c] {\n  font-size: 1.31em;\n  font-weight: bold;\n}\n.document-editor .ck-content h4[data-v-ae166b0c] {\n  line-height: 1.24em;\n  padding-top: .286em;\n  margin-bottom: .952em;\n}\n\n/* Set the styles for \"Paragraph\". */\n.document-editor .ck-content p[data-v-ae166b0c] {\n  font-size: 1em;\n  line-height: 1.63em;\n  padding-top: .5em;\n  margin-bottom: 1.13em;\n}\n\n/* Make the block quoted text serif with some additional spacing. */\n.document-editor .ck-content blockquote[data-v-ae166b0c] {\n  font-family: Georgia, serif;\n  margin-left: calc( 2 * var(--ck-spacing-large) );\n  margin-right: calc( 2 * var(--ck-spacing-large) );\n}\n", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true&":
+/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true& ***!
+  \************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
 /*!*********************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
@@ -957,49 +1043,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm._m(0)
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v(
-            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
-          ),
-        ]),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/form.vue?vue&type=template&id=ae166b0c&scoped=true&":
+/*!*****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/form.vue?vue&type=template&id=ae166b0c&scoped=true& ***!
+  \*****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1011,164 +1058,38 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
           _c(
             "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            { staticClass: "content" },
             [
-              _vm.level === 1
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
-                        },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/form.vue?vue&type=template&id=95b7f6ac&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraLembaga/form.vue?vue&type=template&id=95b7f6ac& ***!
-  \**********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.errors.any("form") && _vm.submited
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan",
-                      errorItem: _vm.errors.items,
-                    },
-                  })
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops, terjadi kesalahan",
+                      errorItem: _vm.errors.items,
+                    },
+                  })
                 : _vm._e(),
               _vm._v(" "),
               _c(
@@ -1187,35 +1108,8 @@ var render = function () {
                 },
                 [
                   _c("div", { staticClass: "card" }, [
-                    _vm._m(0),
-                    _vm._v(" "),
                     _c("div", { staticClass: "card-body" }, [
                       _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
-                              _c("h5", [_vm._v("Foto Kantor Pusat:")]),
-                              _vm._v(" "),
-                              _c("app-image-upload", {
-                                attrs: {
-                                  image_loc: "/images/cu/",
-                                  image_temp: _vm.form.gambar,
-                                },
-                                model: {
-                                  value: _vm.form.gambar,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "gambar", $$v)
-                                  },
-                                  expression: "form.gambar",
-                                },
-                              }),
-                            ],
-                            1
-                          ),
-                        ]),
-                        _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
                           _c(
                             "div",
@@ -1237,8 +1131,10 @@ var render = function () {
                                   _vm.errors.has("form.name")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama:"),
-                                ]
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tJudul: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
                               ),
                               _vm._v(" "),
                               _c("input", {
@@ -1260,8 +1156,9 @@ var render = function () {
                                 attrs: {
                                   type: "text",
                                   name: "name",
-                                  placeholder: "Silahkan masukkan nama CU",
-                                  "data-vv-as": "Nama",
+                                  placeholder:
+                                    "Silahkan masukkan judul artikel",
+                                  "data-vv-as": "Judul",
                                 },
                                 domProps: { value: _vm.form.name },
                                 on: {
@@ -1302,70 +1199,319 @@ var render = function () {
                           ),
                         ]),
                         _vm._v(" "),
+                        _vm.currentUser.id_cu === 0
+                          ? _c("div", { staticClass: "col-md-4" }, [
+                              _c(
+                                "div",
+                                {
+                                  staticClass: "form-group",
+                                  class: {
+                                    "has-error": _vm.errors.has("form.id_cu"),
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "h5",
+                                    {
+                                      class: {
+                                        "text-danger":
+                                          _vm.errors.has("form.id_cu"),
+                                      },
+                                    },
+                                    [
+                                      _vm.errors.has("form.id_cu")
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
+                                      _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tCU: "),
+                                      _c("wajib-badge"),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "select",
+                                    {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.id_cu,
+                                          expression: "form.id_cu",
+                                        },
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "id_cu",
+                                        "data-width": "100%",
+                                        "data-vv-as": "CU",
+                                        disabled: _vm.modelCU.length === 0,
+                                      },
+                                      on: {
+                                        change: [
+                                          function ($event) {
+                                            var $$selectedVal =
+                                              Array.prototype.filter
+                                                .call(
+                                                  $event.target.options,
+                                                  function (o) {
+                                                    return o.selected
+                                                  }
+                                                )
+                                                .map(function (o) {
+                                                  var val =
+                                                    "_value" in o
+                                                      ? o._value
+                                                      : o.value
+                                                  return val
+                                                })
+                                            _vm.$set(
+                                              _vm.form,
+                                              "id_cu",
+                                              $event.target.multiple
+                                                ? $$selectedVal
+                                                : $$selectedVal[0]
+                                            )
+                                          },
+                                          function ($event) {
+                                            return _vm.changeCU(
+                                              $event.target.value
+                                            )
+                                          },
+                                        ],
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [
+                                          _vm.modelCUStat === "loading"
+                                            ? _c("span", [
+                                                _vm._v("Mohon tunggu..."),
+                                              ])
+                                            : _c("span", [
+                                                _vm._v("Silahkan pilih CU"),
+                                              ]),
+                                        ]
+                                      ),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "0" } }, [
+                                        _vm.currentUser.pus
+                                          ? _c("span", [
+                                              _vm._v(
+                                                _vm._s(_vm.currentUser.pus.name)
+                                              ),
+                                            ])
+                                          : _c("span", [_vm._v("PUSKOPCUINA")]),
+                                      ]),
+                                      _vm._v(" "),
+                                      _vm._l(_vm.modelCU, function (cu, index) {
+                                        return _c(
+                                          "option",
+                                          {
+                                            key: index,
+                                            domProps: { value: cu.id },
+                                          },
+                                          [_vm._v(_vm._s(cu.name))]
+                                        )
+                                      }),
+                                    ],
+                                    2
+                                  ),
+                                  _vm._v(" "),
+                                  _vm.errors.has("form.id_cu")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first("form.id_cu")
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" ")]
+                                      ),
+                                ]
+                              ),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
                         _c("div", { staticClass: "col-md-4" }, [
                           _c(
                             "div",
                             {
                               staticClass: "form-group",
                               class: {
-                                "has-error": _vm.errors.has("form.bidang"),
+                                "has-error": _vm.errors.has(
+                                  "form.id_artikel_penulis"
+                                ),
                               },
                             },
                             [
                               _c(
-                                "h6",
+                                "h5",
                                 {
                                   class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.bidang"),
+                                    "text-danger": _vm.errors.has(
+                                      "form.id_artikel_penulis"
+                                    ),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.bidang")
+                                  _vm.errors.has("form.id_artikel_penulis")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tBidang:"),
-                                ]
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tPenulis: "),
+                                  _c("wajib-badge"),
+                                ],
+                                1
                               ),
                               _vm._v(" "),
-                              _c("input", {
-                                directives: [
+                              _c("div", { staticClass: "input-group" }, [
+                                _c(
+                                  "select",
                                   {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.bidang,
-                                    expression: "form.bidang",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "bidang",
-                                  placeholder: "Silahkan masukkan bidang",
-                                  "data-vv-as": "Bidang",
-                                },
-                                domProps: { value: _vm.form.bidang },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "bidang",
-                                      $event.target.value
-                                    )
+                                    directives: [
+                                      {
+                                        name: "model",
+                                        rawName: "v-model",
+                                        value: _vm.form.id_artikel_penulis,
+                                        expression: "form.id_artikel_penulis",
+                                      },
+                                      {
+                                        name: "validate",
+                                        rawName: "v-validate",
+                                        value: "required",
+                                        expression: "'required'",
+                                      },
+                                    ],
+                                    staticClass: "form-control",
+                                    attrs: {
+                                      name: "id_artikel_penulis",
+                                      "data-width": "100%",
+                                      "data-vv-as": "Penulis",
+                                      disabled: _vm.modelPenulis.length === 0,
+                                    },
+                                    on: {
+                                      change: function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_artikel_penulis",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                    },
                                   },
-                                },
-                              }),
+                                  [
+                                    _c(
+                                      "option",
+                                      { attrs: { disabled: "", value: "" } },
+                                      [
+                                        _vm.form.id_cu != 0 &&
+                                        _vm.modelPenulis.length == 0
+                                          ? _c("span", [
+                                              _vm._v(
+                                                "Silahkan tambah penulis baru"
+                                              ),
+                                            ])
+                                          : _vm.form.id_cu == "" &&
+                                            _vm.modelPenulis.length == 0
+                                          ? _c("span", [
+                                              _vm._v(
+                                                "Silahkan pilih CU terlebih dahulu"
+                                              ),
+                                            ])
+                                          : _c("span", [
+                                              _vm.modelPenulisStat === "loading"
+                                                ? _c("span", [
+                                                    _vm._v("Mohon tunggu..."),
+                                                  ])
+                                                : _c("span", [
+                                                    _vm._v(
+                                                      "Silahkan pilih penulis"
+                                                    ),
+                                                  ]),
+                                            ]),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm._l(
+                                      _vm.modelPenulis,
+                                      function (penulis) {
+                                        return penulis
+                                          ? _c(
+                                              "option",
+                                              {
+                                                domProps: { value: penulis.id },
+                                              },
+                                              [_vm._v(_vm._s(penulis.name))]
+                                            )
+                                          : _vm._e()
+                                      }
+                                    ),
+                                  ],
+                                  2
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "input-group-append" },
+                                  [
+                                    _c(
+                                      "button",
+                                      {
+                                        staticClass: "btn btn-light",
+                                        attrs: {
+                                          type: "button",
+                                          disabled: _vm.form.id_cu === "",
+                                        },
+                                        on: { click: _vm.modalOpen_Penulis },
+                                      },
+                                      [_c("i", { staticClass: "icon-plus22" })]
+                                    ),
+                                  ]
+                                ),
+                              ]),
                               _vm._v(" "),
-                              _vm.errors.has("form.bidang")
+                              _vm.errors.has("form.id_artikel_penulis")
                                 ? _c(
                                     "small",
                                     { staticClass: "text-muted text-danger" },
@@ -1376,7 +1522,9 @@ var render = function () {
                                       _vm._v(
                                         " " +
                                           _vm._s(
-                                            _vm.errors.first("form.bidang")
+                                            _vm.errors.first(
+                                              "form.id_artikel_penulis"
+                                            )
                                           ) +
                                           "\n\t\t\t\t\t\t\t\t\t\t"
                                       ),
@@ -1395,7 +1543,9 @@ var render = function () {
                             {
                               staticClass: "form-group",
                               class: {
-                                "has-error": _vm.errors.has("form.badan_hukum"),
+                                "has-error": _vm.errors.has(
+                                  "form.id_artikel_kategori"
+                                ),
                               },
                             },
                             [
@@ -1403,595 +1553,48 @@ var render = function () {
                                 "h5",
                                 {
                                   class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.badan_hukum"),
+                                    "text-danger": _vm.errors.has(
+                                      "form.id_artikel_kategori"
+                                    ),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.badan_hukum")
+                                  _vm.errors.has("form.id_artikel_kategori")
                                     ? _c("i", { staticClass: "icon-cross2" })
                                     : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tBadan Hukum:"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.badan_hukum,
-                                    expression: "form.badan_hukum",
-                                  },
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKategori: "),
+                                  _c("wajib-badge"),
                                 ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "badan_hukum",
-                                  placeholder: "Silahkan masukkan nama CU",
-                                },
-                                domProps: { value: _vm.form.badan_hukum },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "badan_hukum",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.npwp"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.npwp"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.npwp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tNPWP (nomor pokok wajib pajak):"
-                                  ),
-                                ]
+                                1
                               ),
                               _vm._v(" "),
-                              _c("input", {
-                                directives: [
+                              _c("div", { staticClass: "input-group" }, [
+                                _c(
+                                  "select",
                                   {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.npwp,
-                                    expression: "form.npwp",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "npwp",
-                                  placeholder: "Silahkan masukkan NPWP",
-                                },
-                                domProps: { value: _vm.form.npwp },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "npwp",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has(
-                                  "form.penanggungjawab"
-                                ),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.penanggungjawab"
-                                    ),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.penanggungjawab")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tPenanggung Jawab:"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.penanggungjawab,
-                                    expression: "form.penanggungjawab",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "penanggungjawab",
-                                  placeholder:
-                                    "Silahkan masukkan penanggung jawab",
-                                },
-                                domProps: { value: _vm.form.penanggungjawab },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "penanggungjawab",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has(
-                                  "form.bentuk_kerjasama"
-                                ),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.bentuk_kerjasama"
-                                    ),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.bentuk_kerjasama")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tBentuk Kerjasama:"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.bentuk_kerjasama,
-                                    expression: "form.bentuk_kerjasama",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "bentuk_kerjasama",
-                                  placeholder:
-                                    "Silahkan masukkan bentuk kerjasama",
-                                },
-                                domProps: { value: _vm.form.bentuk_kerjasama },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "bentuk_kerjasama",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ]
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(1),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error":
-                                  _vm.errors.has("form.id_provinces"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_provinces"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_provinces")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tProvinsi:\n\t\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_provinces,
-                                      expression: "form.id_provinces",
-                                    },
-                                    {
-                                      name: "validate",
-                                      rawName: "v-validate",
-                                      value: "required",
-                                      expression: "'required'",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_provinces",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Provinsi",
-                                    disabled: _vm.modelProvinces.length === 0,
-                                  },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_provinces",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
-                                      },
-                                      function ($event) {
-                                        return _vm.changeProvinces(
-                                          $event.target.value
-                                        )
-                                      },
-                                    ],
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelProvincesStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih provinsi"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelProvinces,
-                                    function (provinces) {
-                                      return _c(
-                                        "option",
-                                        { domProps: { value: provinces.id } },
-                                        [_vm._v(_vm._s(provinces.name))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_provinces")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_provinces"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error":
-                                  _vm.errors.has("form.id_regencies"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_regencies"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_regencies")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tKabupaten:\n\t\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_regencies,
-                                      expression: "form.id_regencies",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_regencies",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Kabupaten",
-                                    disabled: _vm.modelRegencies.length === 0,
-                                  },
-                                  on: {
-                                    change: [
-                                      function ($event) {
-                                        var $$selectedVal =
-                                          Array.prototype.filter
-                                            .call(
-                                              $event.target.options,
-                                              function (o) {
-                                                return o.selected
-                                              }
-                                            )
-                                            .map(function (o) {
-                                              var val =
-                                                "_value" in o
-                                                  ? o._value
-                                                  : o.value
-                                              return val
-                                            })
-                                        _vm.$set(
-                                          _vm.form,
-                                          "id_regencies",
-                                          $event.target.multiple
-                                            ? $$selectedVal
-                                            : $$selectedVal[0]
-                                        )
+                                    directives: [
+                                      {
+                                        name: "model",
+                                        rawName: "v-model",
+                                        value: _vm.form.id_artikel_kategori,
+                                        expression: "form.id_artikel_kategori",
                                       },
-                                      function ($event) {
-                                        return _vm.changeRegencies(
-                                          $event.target.value
-                                        )
+                                      {
+                                        name: "validate",
+                                        rawName: "v-validate",
+                                        value: "required",
+                                        expression: "'required'",
                                       },
                                     ],
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelRegenciesStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kabupaten"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelRegencies,
-                                    function (regencies) {
-                                      return _c(
-                                        "option",
-                                        { domProps: { value: regencies.id } },
-                                        [_vm._v(_vm._s(regencies.name))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_regencies")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.id_regencies"
-                                            )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error":
-                                  _vm.errors.has("form.id_districts"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_districts"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_districts")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tKecamatan:\n\t\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_districts,
-                                      expression: "form.id_districts",
+                                    staticClass: "form-control",
+                                    attrs: {
+                                      name: "id_artikel_kategori",
+                                      "data-width": "100%",
+                                      disabled: _vm.modelKategori.length === 0,
+                                      "data-vv-as": "Kategori",
                                     },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_districts",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Kecamatan",
-                                    disabled: _vm.modelDistricts.length === 0,
-                                  },
-                                  on: {
-                                    change: [
-                                      function ($event) {
+                                    on: {
+                                      change: function ($event) {
                                         var $$selectedVal =
                                           Array.prototype.filter
                                             .call(
@@ -2009,175 +1612,82 @@ var render = function () {
                                             })
                                         _vm.$set(
                                           _vm.form,
-                                          "id_districts",
+                                          "id_artikel_kategori",
                                           $event.target.multiple
                                             ? $$selectedVal
                                             : $$selectedVal[0]
                                         )
                                       },
-                                      function ($event) {
-                                        return _vm.changeDistricts(
-                                          $event.target.value
-                                        )
-                                      },
-                                    ],
-                                  },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelDistrictsStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v("Mohon tunggu..."),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kecamatan"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelDistricts,
-                                    function (districts) {
-                                      return _c(
-                                        "option",
-                                        { domProps: { value: districts.id } },
-                                        [_vm._v(_vm._s(districts.name))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
-                              _vm._v(" "),
-                              _vm.errors.has("form.id_regency")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.id_regency")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.id_villages"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.id_villages"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.id_villages")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tKelurahan:\n\t\t\t\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "select",
-                                {
-                                  directives: [
-                                    {
-                                      name: "model",
-                                      rawName: "v-model",
-                                      value: _vm.form.id_villages,
-                                      expression: "form.id_villages",
-                                    },
-                                  ],
-                                  staticClass: "form-control",
-                                  attrs: {
-                                    name: "id_villages",
-                                    "data-width": "100%",
-                                    "data-vv-as": "Kelurahan",
-                                    disabled: _vm.modelVillages.length === 0,
-                                  },
-                                  on: {
-                                    change: function ($event) {
-                                      var $$selectedVal = Array.prototype.filter
-                                        .call(
-                                          $event.target.options,
-                                          function (o) {
-                                            return o.selected
-                                          }
-                                        )
-                                        .map(function (o) {
-                                          var val =
-                                            "_value" in o ? o._value : o.value
-                                          return val
-                                        })
-                                      _vm.$set(
-                                        _vm.form,
-                                        "id_villages",
-                                        $event.target.multiple
-                                          ? $$selectedVal
-                                          : $$selectedVal[0]
-                                      )
                                     },
                                   },
-                                },
-                                [
-                                  _c(
-                                    "option",
-                                    { attrs: { disabled: "", value: "" } },
-                                    [
-                                      _vm.modelVillagesStat === "loading"
-                                        ? _c("span", [
-                                            _vm._v(
-                                              "Mohon tunggu... mohon tunggu"
-                                            ),
-                                          ])
-                                        : _c("span", [
-                                            _vm._v("Silahkan pilih kelurahan"),
-                                          ]),
-                                    ]
-                                  ),
-                                  _vm._v(" "),
-                                  _vm._l(
-                                    _vm.modelVillages,
-                                    function (villages) {
-                                      return _c(
-                                        "option",
-                                        { domProps: { value: villages.id } },
-                                        [_vm._v(_vm._s(villages.name))]
-                                      )
-                                    }
-                                  ),
-                                ],
-                                2
-                              ),
+                                  [
+                                    _c(
+                                      "option",
+                                      { attrs: { disabled: "", value: "" } },
+                                      [
+                                        _vm.form.id_cu != 0 &&
+                                        _vm.modelKategori.length == 0
+                                          ? _c("span", [
+                                              _vm._v(
+                                                "Silahkan tambah kategori baru"
+                                              ),
+                                            ])
+                                          : _c("span", [
+                                              _vm.modelKategoriStat ===
+                                              "loading"
+                                                ? _c("span", [
+                                                    _vm._v("Mohon tunggu..."),
+                                                  ])
+                                                : _c("span", [
+                                                    _vm._v(
+                                                      "Silahkan pilih kategori"
+                                                    ),
+                                                  ]),
+                                            ]),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _vm._l(
+                                      _vm.modelKategori,
+                                      function (kategori) {
+                                        return kategori
+                                          ? _c(
+                                              "option",
+                                              {
+                                                domProps: {
+                                                  value: kategori.id,
+                                                },
+                                              },
+                                              [_vm._v(_vm._s(kategori.name))]
+                                            )
+                                          : _vm._e()
+                                      }
+                                    ),
+                                  ],
+                                  2
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "input-group-append" },
+                                  [
+                                    _c(
+                                      "button",
+                                      {
+                                        staticClass: "btn btn-light",
+                                        attrs: {
+                                          type: "button",
+                                          disabled: _vm.form.id_cu === "",
+                                        },
+                                        on: { click: _vm.modalOpen_Kategori },
+                                      },
+                                      [_c("i", { staticClass: "icon-plus22" })]
+                                    ),
+                                  ]
+                                ),
+                              ]),
                               _vm._v(" "),
-                              _vm.errors.has("form.id_villages")
+                              _vm.errors.has("form.id_artikel_kategori")
                                 ? _c(
                                     "small",
                                     { staticClass: "text-muted text-danger" },
@@ -2188,7 +1698,9 @@ var render = function () {
                                       _vm._v(
                                         " " +
                                           _vm._s(
-                                            _vm.errors.first("form.id_villages")
+                                            _vm.errors.first(
+                                              "form.id_artikel_kategori"
+                                            )
                                           ) +
                                           "\n\t\t\t\t\t\t\t\t\t\t"
                                       ),
@@ -2201,395 +1713,322 @@ var render = function () {
                           ),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-8" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.alamat"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.alamat"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.alamat")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tAlamat:"),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|min:5",
-                                    expression: "'required|min:5'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.alamat,
-                                    expression: "form.alamat",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "alamat",
-                                  placeholder: "Silahkan masukkan alamat",
-                                  "data-vv-as": "Alamat",
-                                },
-                                domProps: { value: _vm.form.alamat },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "alamat",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.alamat")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.alamat")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                      ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card" }, [
-                    _vm._m(2),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
+                        _vm.currentUser.can &&
+                        _vm.currentUser.can["terbitkan_" + _vm.kelas]
+                          ? _c("div", { staticClass: "col-md-4" }, [
                               _c(
-                                "h5",
+                                "div",
                                 {
+                                  staticClass: "form-group",
                                   class: {
-                                    "text-danger": _vm.errors.has("form.telp"),
+                                    "has-error":
+                                      _vm.errors.has("form.terbitkan"),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.telp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Telp:"),
+                                  _c(
+                                    "h5",
+                                    {
+                                      class: {
+                                        "text-danger":
+                                          _vm.errors.has("form.terbitkan"),
+                                      },
+                                    },
+                                    [
+                                      _vm.errors.has("form.terbitkan")
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
+                                      _vm._v(
+                                        "\n\t\t\t\t\t\t\t\t\t\t\tStatus Penerbitan:\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "select",
+                                    {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.terbitkan,
+                                          expression: "form.terbitkan",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "terbitkan",
+                                        "data-width": "100%",
+                                      },
+                                      on: {
+                                        change: function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
+                                              )
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.$set(
+                                            _vm.form,
+                                            "terbitkan",
+                                            $event.target.multiple
+                                              ? $$selectedVal
+                                              : $$selectedVal[0]
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [
+                                          _vm._v(
+                                            "Silahkan pilih status penerbitan"
+                                          ),
+                                        ]
+                                      ),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "1" } }, [
+                                        _vm._v("Terbitkan artikel"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "0" } }, [
+                                        _vm._v("Tidak Terbitkan artikel"),
+                                      ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("br"),
+                                  _vm._v(" "),
+                                  _vm.errors.has("form.terbitkan")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first(
+                                                  "form.terbitkan"
+                                                )
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" \n\t\t\t\t\t\t\t\t\t\t")]
+                                      ),
                                 ]
                               ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan no telp",
-                                },
-                                model: {
-                                  value: _vm.form.telp,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "telp", $$v)
-                                  },
-                                  expression: "form.telp",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
-                          ),
-                        ]),
+                            ])
+                          : _vm._e(),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            { staticClass: "form-group" },
-                            [
+                        _vm.currentUser.can &&
+                        _vm.currentUser.can["utamakan_" + _vm.kelas]
+                          ? _c("div", { staticClass: "col-md-4" }, [
                               _c(
-                                "h5",
+                                "div",
                                 {
+                                  staticClass: "form-group",
                                   class: {
-                                    "text-danger": _vm.errors.has("form.hp"),
+                                    "has-error":
+                                      _vm.errors.has("form.utamakan"),
                                   },
                                 },
                                 [
-                                  _vm.errors.has("form.hp")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Hp:"),
+                                  _c(
+                                    "h5",
+                                    {
+                                      class: {
+                                        "text-danger":
+                                          _vm.errors.has("form.utamakan"),
+                                      },
+                                    },
+                                    [
+                                      _vm.errors.has("form.utamakan")
+                                        ? _c("i", {
+                                            staticClass: "icon-cross2",
+                                          })
+                                        : _vm._e(),
+                                      _vm._v(
+                                        "\n\t\t\t\t\t\t\t\t\t\t\tUtamakan: "
+                                      ),
+                                      _c("wajib-badge"),
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "select",
+                                    {
+                                      directives: [
+                                        {
+                                          name: "model",
+                                          rawName: "v-model",
+                                          value: _vm.form.utamakan,
+                                          expression: "form.utamakan",
+                                        },
+                                        {
+                                          name: "validate",
+                                          rawName: "v-validate",
+                                          value: "required",
+                                          expression: "'required'",
+                                        },
+                                      ],
+                                      staticClass: "form-control",
+                                      attrs: {
+                                        name: "utamakan",
+                                        "data-width": "100%",
+                                        "data-vv-as": "utamakan",
+                                      },
+                                      on: {
+                                        change: function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
+                                              )
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.$set(
+                                            _vm.form,
+                                            "utamakan",
+                                            $event.target.multiple
+                                              ? $$selectedVal
+                                              : $$selectedVal[0]
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "option",
+                                        { attrs: { disabled: "", value: "" } },
+                                        [_vm._v("Silahkan pilih tipe")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "1" } }, [
+                                        _vm._v("Jadikan artikel utama"),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c("option", { attrs: { value: "0" } }, [
+                                        _vm._v("Tidak jadikan artikel utama"),
+                                      ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("br"),
+                                  _vm._v(" "),
+                                  _vm.errors.has("form.utamakan")
+                                    ? _c(
+                                        "small",
+                                        {
+                                          staticClass: "text-muted text-danger",
+                                        },
+                                        [
+                                          _c("i", {
+                                            staticClass:
+                                              "icon-arrow-small-right",
+                                          }),
+                                          _vm._v(
+                                            " " +
+                                              _vm._s(
+                                                _vm.errors.first(
+                                                  "form.utamakan"
+                                                )
+                                              ) +
+                                              "\n\t\t\t\t\t\t\t\t\t\t"
+                                          ),
+                                        ]
+                                      )
+                                    : _c(
+                                        "small",
+                                        { staticClass: "text-muted" },
+                                        [_vm._v(" \n\t\t\t\t\t\t\t\t\t\t")]
+                                      ),
                                 ]
                               ),
-                              _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
-                                attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan no hp",
-                                },
-                                model: {
-                                  value: _vm.form.hp,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.form, "hp", $$v)
-                                  },
-                                  expression: "form.hp",
-                                },
-                              }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                            ],
-                            1
-                          ),
-                        ]),
+                            ])
+                          : _vm._e(),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
                           _c(
                             "div",
                             { staticClass: "form-group" },
                             [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.pos"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.pos")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKode Pos:"),
-                                ]
-                              ),
+                              _c("h5", [_vm._v("Gambar Utama:")]),
                               _vm._v(" "),
-                              _c("cleave", {
-                                staticClass: "form-control",
+                              _c("app-image-upload", {
                                 attrs: {
-                                  options: _vm.cleaveOption.number12,
-                                  placeholder: "Silahkan masukkan kode pos",
+                                  image_loc: "/images/artikel/",
+                                  image_temp: _vm.form.gambar,
                                 },
                                 model: {
-                                  value: _vm.form.pos,
+                                  value: _vm.form.gambar,
                                   callback: function ($$v) {
-                                    _vm.$set(_vm.form, "pos", $$v)
+                                    _vm.$set(_vm.form, "gambar", $$v)
                                   },
-                                  expression: "form.pos",
+                                  expression: "form.gambar",
                                 },
                               }),
-                              _vm._v(" "),
-                              _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
                             ],
                             1
                           ),
                         ]),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-4" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.email"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has("form.email"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.email")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tE-mail:"),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.email,
-                                    expression: "form.email",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "email",
-                                  placeholder:
-                                    "Silahkan masukkan alamat e-mail",
-                                },
-                                domProps: { value: _vm.form.email },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "email",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.email")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.email")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
+                        _vm._m(0),
                         _vm._v(" "),
-                        _c("div", { staticClass: "col-md-8" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
                           _c(
                             "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.website"),
-                              },
-                            },
+                            { staticClass: "form-group" },
                             [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.website"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.website")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tWebsite:"),
-                                ]
-                              ),
+                              _c("h5", [_vm._v("Isi Artikel:")]),
                               _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.website,
-                                    expression: "form.website",
-                                  },
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "url",
-                                    expression: "'url'",
-                                  },
-                                ],
-                                staticClass: "form-control",
+                              _c("ckeditor", {
                                 attrs: {
-                                  type: "text",
-                                  name: "website",
-                                  placeholder:
-                                    "Silahkan masukkan alamat website",
-                                  "data-vv-as": "Website",
+                                  type: "classic",
+                                  "upload-adapter": _vm.UploadAdapter,
                                 },
-                                domProps: { value: _vm.form.website },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "website",
-                                      $event.target.value
-                                    )
+                                model: {
+                                  value: _vm.form.content,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "content", $$v)
                                   },
+                                  expression: "form.content",
                                 },
                               }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.website")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.website")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
+                            ],
+                            1
                           ),
                         ]),
                       ]),
@@ -2598,15 +2037,13 @@ var render = function () {
                   _vm._v(" "),
                   _c("form-info"),
                   _vm._v(" "),
-                  _c("br"),
-                  _vm._v(" "),
                   _c(
                     "div",
                     { staticClass: "card card-body" },
                     [
                       _c("form-button", {
                         attrs: {
-                          cancelState: _vm.cancelState,
+                          cancelState: "methods",
                           formValidation: "form",
                         },
                         on: { cancelClick: _vm.back },
@@ -2620,25 +2057,58 @@ var render = function () {
             ],
             1
           ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          content: _vm.modalContent,
-          color: _vm.modalColor,
-        },
-        on: {
-          batal: _vm.modalTutup,
-          tutup: _vm.modalTutup,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalBackgroundClick,
-        },
-      }),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            content: _vm.modalContent,
+            color: _vm.modalColor,
+          },
+          on: {
+            batal: _vm.modalTutup,
+            tutup: _vm.modalTutup,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body1" },
+            [
+              _c("form-penulis", {
+                attrs: { id_cu: _vm.id_cu },
+                on: { cancelClick: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body2" },
+            [
+              _c("form-kategori", {
+                attrs: { id_cu: _vm.id_cu },
+                on: { cancelClick: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
     ],
     1
   )
@@ -2648,31 +2118,363 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("1. Informasi Umum")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("2. Lokasi")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("3. Kontak")]),
-    ])
+    return _c("div", { staticClass: "col-md-12" }, [_c("br")])
   },
 ]
 render._withStripped = true
 
 
 
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formKategori.vue?vue&type=template&id=550edd80&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/formKategori.vue?vue&type=template&id=550edd80& ***!
+  \*************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "form" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _vm.errors.any("form") && _vm.submited
+          ? _c("message", {
+              attrs: {
+                title: "Oops terjadi kesalahan",
+                errorItem: _vm.errors.items,
+              },
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _c(
+          "div",
+          {
+            staticClass: "form-group",
+            class: { "has-error": _vm.errors.has("form.kategoriNama") },
+          },
+          [
+            _c(
+              "h5",
+              { class: { "text-danger": _vm.errors.has("form.name") } },
+              [
+                _vm.errors.has("form.name")
+                  ? _c("i", { staticClass: "icon-cross2" })
+                  : _vm._e(),
+                _vm._v("\n\t\t\t\tNama: "),
+                _c("wajib-badge"),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c("input", {
+              directives: [
+                {
+                  name: "validate",
+                  rawName: "v-validate",
+                  value: "required",
+                  expression: "'required'",
+                },
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.form.name,
+                  expression: "form.name",
+                },
+              ],
+              staticClass: "form-control",
+              attrs: {
+                type: "text",
+                name: "name",
+                placeholder: "Silahkan masukkan name kategori",
+                "data-vv-as": "Nama",
+              },
+              domProps: { value: _vm.form.name },
+              on: {
+                input: function ($event) {
+                  if ($event.target.composing) {
+                    return
+                  }
+                  _vm.$set(_vm.form, "name", $event.target.value)
+                },
+              },
+            }),
+            _vm._v(" "),
+            _vm.errors.has("form.name")
+              ? _c("small", { staticClass: "text-muted text-danger" }, [
+                  _c("i", { staticClass: "icon-arrow-small-right" }),
+                  _vm._v(
+                    " " + _vm._s(_vm.errors.first("form.name")) + "\n\t\t\t"
+                  ),
+                ])
+              : _c("small", { staticClass: "text-muted" }, [
+                  _vm._v(" \n\t\t\t"),
+                ]),
+          ]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "form-group" }, [
+          _c("h5", [_vm._v("\n\t\t\t\tKeterangan:\n\t\t\t")]),
+          _vm._v(" "),
+          _c("textarea", {
+            directives: [
+              {
+                name: "model",
+                rawName: "v-model",
+                value: _vm.form.deskripsi,
+                expression: "form.deskripsi",
+              },
+            ],
+            staticClass: "form-control",
+            attrs: {
+              rows: "5",
+              type: "text",
+              name: "deskripsi",
+              placeholder: "Silahkan masukkan keterangan kategori",
+            },
+            domProps: { value: _vm.form.deskripsi },
+            on: {
+              input: function ($event) {
+                if ($event.target.composing) {
+                  return
+                }
+                _vm.$set(_vm.form, "deskripsi", $event.target.value)
+              },
+            },
+          }),
+        ]),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("form-button", {
+          attrs: {
+            cancelTitle: _vm.cancelTitle,
+            cancelIcon: _vm.cancelIcon,
+            cancelState: _vm.cancelState,
+            formValidation: "form",
+          },
+          on: { cancelClick: _vm.cancelClick },
+        }),
+      ],
+      1
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formPenulis.vue?vue&type=template&id=53af71f0&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/artikel/formPenulis.vue?vue&type=template&id=53af71f0& ***!
+  \************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "form",
+      {
+        attrs: { enctype: "multipart/form-data", "data-vv-scope": "form" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _vm.errors.any("form") && _vm.submited
+          ? _c("message", {
+              attrs: {
+                title: "Oops terjadi kesalahan",
+                errorItem: _vm.errors.items,
+              },
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _c(
+          "div",
+          { staticClass: "form-group" },
+          [
+            _c("h5", [_vm._v("Foto:")]),
+            _vm._v(" "),
+            _c("app-image-upload", {
+              attrs: { image_loc: "/images/artikel/" },
+              model: {
+                value: _vm.form.gambar,
+                callback: function ($$v) {
+                  _vm.$set(_vm.form, "gambar", $$v)
+                },
+                expression: "form.gambar",
+              },
+            }),
+          ],
+          1
+        ),
+        _vm._v(" "),
+        _c(
+          "div",
+          {
+            staticClass: "form-group",
+            class: { "has-error": _vm.errors.has("form.name") },
+          },
+          [
+            _c(
+              "h5",
+              { class: { "text-danger": _vm.errors.has("form.name") } },
+              [
+                _vm.errors.has("form.name")
+                  ? _c("i", { staticClass: "icon-cross2" })
+                  : _vm._e(),
+                _vm._v("\n\t\t\t\tNama: "),
+                _c("wajib-badge"),
+              ],
+              1
+            ),
+            _vm._v(" "),
+            _c("input", {
+              directives: [
+                {
+                  name: "validate",
+                  rawName: "v-validate",
+                  value: "required",
+                  expression: "'required'",
+                },
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.form.name,
+                  expression: "form.name",
+                },
+              ],
+              staticClass: "form-control",
+              attrs: {
+                type: "text",
+                name: "name",
+                placeholder: "Silahkan masukkan name kategori",
+                "data-vv-as": "Nama",
+              },
+              domProps: { value: _vm.form.name },
+              on: {
+                input: function ($event) {
+                  if ($event.target.composing) {
+                    return
+                  }
+                  _vm.$set(_vm.form, "name", $event.target.value)
+                },
+              },
+            }),
+            _vm._v(" "),
+            _vm.errors.has("form.name")
+              ? _c("small", { staticClass: "text-muted text-danger" }, [
+                  _c("i", { staticClass: "icon-arrow-small-right" }),
+                  _vm._v(
+                    " " + _vm._s(_vm.errors.first("form.name")) + "\n\t\t\t"
+                  ),
+                ])
+              : _c("small", { staticClass: "text-muted" }, [
+                  _vm._v(" \n\t\t\t"),
+                ]),
+          ]
+        ),
+        _vm._v(" "),
+        _c("div", { staticClass: "form-group" }, [
+          _c("h5", [_vm._v("\n\t\t\t\tKeterangan:\n\t\t\t")]),
+          _vm._v(" "),
+          _c("textarea", {
+            directives: [
+              {
+                name: "model",
+                rawName: "v-model",
+                value: _vm.form.deskripsi,
+                expression: "form.deskripsi",
+              },
+            ],
+            staticClass: "form-control",
+            attrs: {
+              rows: "5",
+              type: "text",
+              name: "deskripsi",
+              placeholder: "Silahkan masukkan keterangan kategori",
+            },
+            domProps: { value: _vm.form.deskripsi },
+            on: {
+              input: function ($event) {
+                if ($event.target.composing) {
+                  return
+                }
+                _vm.$set(_vm.form, "deskripsi", $event.target.value)
+              },
+            },
+          }),
+        ]),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("form-button", {
+          attrs: {
+            cancelTitle: _vm.cancelTitle,
+            cancelIcon: _vm.cancelIcon,
+            cancelState: _vm.cancelState,
+            formValidation: "form",
+          },
+          on: { cancelClick: _vm.cancelClick },
+        }),
+      ],
+      1
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true&":
+/*!***************************************************************************************************************!*\
+  !*** ./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true& ***!
+  \***************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_ae166b0c_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/style-loader!../../../node_modules/css-loader??ref--6-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--6-2!./ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_ae166b0c_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_ae166b0c_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_ae166b0c_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_ckeditor_document_style_css_vue_type_style_index_0_id_ae166b0c_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
+
 /***/ }),
 
 /***/ "./resources/assets/js/components/ImageUpload.vue":
@@ -2744,18 +2546,71 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/helpers/form.js":
+/*!*********************************************!*\
+  !*** ./resources/assets/js/helpers/form.js ***!
+  \*********************************************/
+/*! exports provided: toMulipartedForm, objectToFormData */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function toMulipartedForm(form, mode) {
+  if (mode === 'edit' && typeof form.image === 'string') {
+    var temp = JSON.parse(JSON.stringify(form));
+    delete temp.image;
+    return temp;
+  } else {
+    return objectToFormData(form);
+  }
+}
+function objectToFormData(obj, form, namespace) {
+  var fd = form || new FormData();
+  var formKey;
+
+  for (var property in obj) {
+    if (obj.hasOwnProperty(property)) {
+      if (namespace) {
+        formKey = namespace + '[' + property + ']';
+      } else {
+        formKey = property;
+      }
+
+      if (obj[property] instanceof Array) {
+        for (var i = 0; i < obj[property].length; i++) {
+          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
+        }
+      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
+        objectToFormData(obj[property], fd, property);
+      } else {
+        fd.append(formKey, obj[property]);
+      }
+    }
+  }
+
+  return fd;
+}
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/artikel/form.vue":
+/*!****************************************************!*\
+  !*** ./resources/assets/js/views/artikel/form.vue ***!
+  \****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _form_vue_vue_type_template_id_ae166b0c_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=ae166b0c&scoped=true& */ "./resources/assets/js/views/artikel/form.vue?vue&type=template&id=ae166b0c&scoped=true&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikel/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _public_css_admin_ckeditor_document_style_css_vue_type_style_index_0_id_ae166b0c_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true& */ "./public/css/admin/ckeditor-document-style.css?vue&type=style&index=0&id=ae166b0c&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
 
 
 
@@ -2763,68 +2618,68 @@ __webpack_require__.r(__webpack_exports__);
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_ae166b0c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_ae166b0c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "ae166b0c",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/formInfo.vue"
+component.options.__file = "resources/assets/js/views/artikel/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/artikel/form.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************!*\
+  !*** ./resources/assets/js/views/artikel/form.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/artikel/form.vue?vue&type=template&id=ae166b0c&scoped=true&":
+/*!***********************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikel/form.vue?vue&type=template&id=ae166b0c&scoped=true& ***!
+  \***********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_ae166b0c_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=ae166b0c&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/form.vue?vue&type=template&id=ae166b0c&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_ae166b0c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_ae166b0c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/artikel/formKategori.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/artikel/formKategori.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _formKategori_vue_vue_type_template_id_550edd80___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formKategori.vue?vue&type=template&id=550edd80& */ "./resources/assets/js/views/artikel/formKategori.vue?vue&type=template&id=550edd80&");
+/* harmony import */ var _formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formKategori.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikel/formKategori.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -2833,9 +2688,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formKategori_vue_vue_type_template_id_550edd80___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formKategori_vue_vue_type_template_id_550edd80___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2845,105 +2700,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
+component.options.__file = "resources/assets/js/views/artikel/formKategori.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/artikel/formKategori.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikel/formKategori.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKategori.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formKategori.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/artikel/formKategori.vue?vue&type=template&id=550edd80&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikel/formKategori.vue?vue&type=template&id=550edd80& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
-/***/ }),
-
-/***/ "./resources/assets/js/helpers/form.js":
-/*!*********************************************!*\
-  !*** ./resources/assets/js/helpers/form.js ***!
-  \*********************************************/
-/*! exports provided: toMulipartedForm, objectToFormData */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function toMulipartedForm(form, mode) {
-  if (mode === 'edit' && typeof form.image === 'string') {
-    var temp = JSON.parse(JSON.stringify(form));
-    delete temp.image;
-    return temp;
-  } else {
-    return objectToFormData(form);
-  }
-}
-function objectToFormData(obj, form, namespace) {
-  var fd = form || new FormData();
-  var formKey;
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_template_id_550edd80___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formKategori.vue?vue&type=template&id=550edd80& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formKategori.vue?vue&type=template&id=550edd80&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_template_id_550edd80___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-  for (var property in obj) {
-    if (obj.hasOwnProperty(property)) {
-      if (namespace) {
-        formKey = namespace + '[' + property + ']';
-      } else {
-        formKey = property;
-      }
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formKategori_vue_vue_type_template_id_550edd80___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
-      if (obj[property] instanceof Array) {
-        for (var i = 0; i < obj[property].length; i++) {
-          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
-        }
-      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
-        objectToFormData(obj[property], fd, property);
-      } else {
-        fd.append(formKey, obj[property]);
-      }
-    }
-  }
 
-  return fd;
-}
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraLembaga/form.vue":
-/*!*********************************************************!*\
-  !*** ./resources/assets/js/views/mitraLembaga/form.vue ***!
-  \*********************************************************/
+/***/ "./resources/assets/js/views/artikel/formPenulis.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/artikel/formPenulis.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_95b7f6ac___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=95b7f6ac& */ "./resources/assets/js/views/mitraLembaga/form.vue?vue&type=template&id=95b7f6ac&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/mitraLembaga/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formPenulis_vue_vue_type_template_id_53af71f0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formPenulis.vue?vue&type=template&id=53af71f0& */ "./resources/assets/js/views/artikel/formPenulis.vue?vue&type=template&id=53af71f0&");
+/* harmony import */ var _formPenulis_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formPenulis.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/artikel/formPenulis.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2953,9 +2757,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_95b7f6ac___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_95b7f6ac___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formPenulis_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formPenulis_vue_vue_type_template_id_53af71f0___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formPenulis_vue_vue_type_template_id_53af71f0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2965,38 +2769,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/mitraLembaga/form.vue"
+component.options.__file = "resources/assets/js/views/artikel/formPenulis.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraLembaga/form.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/mitraLembaga/form.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/artikel/formPenulis.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikel/formPenulis.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPenulis_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPenulis.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formPenulis.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formPenulis_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraLembaga/form.vue?vue&type=template&id=95b7f6ac&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/mitraLembaga/form.vue?vue&type=template&id=95b7f6ac& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/artikel/formPenulis.vue?vue&type=template&id=53af71f0&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/artikel/formPenulis.vue?vue&type=template&id=53af71f0& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_95b7f6ac___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=95b7f6ac& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/form.vue?vue&type=template&id=95b7f6ac&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_95b7f6ac___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPenulis_vue_vue_type_template_id_53af71f0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formPenulis.vue?vue&type=template&id=53af71f0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/artikel/formPenulis.vue?vue&type=template&id=53af71f0&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPenulis_vue_vue_type_template_id_53af71f0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_95b7f6ac___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formPenulis_vue_vue_type_template_id_53af71f0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/78.js b/public/js/components/78.js
index 24a67795b..e08e3c937 100644
--- a/public/js/components/78.js
+++ b/public/js/components/78.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[78],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -22,73 +22,77 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    id: {
-      "default": ''
-    }
-  },
   data: function data() {
     return {
-      clicked: false
+      image: ''
     };
   },
+  props: {
+    image_loc: {
+      type: [String],
+      "default": ''
+    },
+    image_type: {
+      type: [String],
+      "default": '.jpg'
+    },
+    image_temp: {
+      "default": ''
+    },
+    value: {
+      type: [String, File],
+      "default": 'no_image'
+    }
+  },
   methods: {
-    btnClick: function btnClick() {
-      var _this = this;
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.createImage(files[0]);
+      this.$emit('input', files[0]);
+    },
+    createImage: function createImage(file) {
+      var reader = new FileReader();
+      var vm = this;
 
-      if (this.clicked) {
-        setTimeout(function () {
-          return _this.clicked = false;
-        }, 400);
-      } else {
-        this.clicked = true;
-      }
+      reader.onload = function (e) {
+        vm.image = e.target.result; // this.$emit('input', vm.image)
+      };
+
+      reader.readAsDataURL(file);
+    },
+    close: function close() {
+      this.$emit('input', 'no_image');
+      this.image = '/images/no_image.jpg';
+      this.$refs.fileInput.value = '';
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/index.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
 /*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/index.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
   \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/aktivis/table.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _select_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./select.vue */ "./resources/assets/js/views/aktivis/select.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -97,6 +101,28 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: []
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -135,75 +161,104 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 
-
-
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    selectData: _select_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Aktivis CU',
-      kelas: 'aktivis',
-      titleDesc: 'Mengelola data Aktivis CU',
-      titleIcon: 'icon-user-tie',
-      selectCuPath: 'aktivisCu',
-      tabName: 'aktif',
-      isTidakAktif: false
-    };
-  },
-  created: function created() {
-    this.checkUser('index_aktivis', this.$route.params.cu);
+  props: {
+    title: {
+      "default": ''
+    },
+    titleIcon: {
+      "default": ''
+    },
+    titleDesc: {
+      "default": ''
+    },
+    level: {
+      "default": 1
+    },
+    level2Title: {
+      "default": ''
+    },
+    level2Route: {
+      "default": ''
+    }
   },
   methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
+    level2Back: function level2Back() {
+      this.$emit('level2Back');
+    },
+    route1: function route1() {
+      if (this.btn1RouteParams) {
+        this.$router.push({
+          name: this.btn1Route,
+          params: {
+            cu: this.btn1RouteParams
           }
-        }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn1Route
+        });
       }
     },
-    changeTab: function changeTab(value) {
-      this.tabName = value;
-
-      if (value == 'tidakAktif' && !this.isTidakAktif) {
-        this.isTidakAktif = true;
+    route2: function route2() {
+      if (this.btn2RouteParams) {
+        this.$router.push({
+          name: this.btn2Route,
+          params: {
+            cu: this.btn2RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn2Route
+        });
+      }
+    },
+    route3: function route3() {
+      if (this.btn3RouteParams) {
+        this.$router.push({
+          name: this.btn3Route,
+          params: {
+            cu: this.btn3RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn3Route
+        });
       }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
-    itemData: 'dataS',
-    itemData2: 'dataS2',
-    itemDataStat: 'dataStatS',
-    itemDataStat2: 'dataStatS2'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/select.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/select.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/form.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraLembaga/form.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
+/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_10__);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -359,88 +414,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['kelas', 'isPus', 'path', 'itemDataStat'],
-  data: function data() {
-    return {
-      idCu: '',
-      tingkat: ''
-    };
-  },
-  created: function created() {
-    if (this.currentUser.id_pus !== undefined) {
-      this.fetchCU();
-    }
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.fetchCU();
-    },
-    modelCUStat: function modelCUStat(value) {
-      if (value === "success") {
-        this.idCu = this.$route.params.cu;
-        this.tingkat = this.$route.params.tingkat;
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      this.$router.push({
-        name: this.path,
-        params: {
-          cu: this.idCu,
-          tingkat: this.tingkat
-        }
-      });
-    },
-    fetchCU: function fetchCU() {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      } else {
-        this.idCu = this.$route.params.cu;
-        this.tingkat = this.$route.params.tingkat;
-      }
-    },
-    changeTingkat: function changeTingkat(tingkat) {
-      if (this.currentUser != 0) {
-        this.fetch();
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/table.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/table.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -653,6 +626,77 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
 
 
 
@@ -660,444 +704,192 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_6__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_10___default.a
   },
-  props: ['title', 'kelas', 'status', 'itemData', 'itemDataStat'],
   data: function data() {
     return {
-      selectedItem: [],
-      query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
+      title: 'Tambah Lembaga Mitra',
+      titleDesc: 'Menambah lembaga mitra baru',
+      titleIcon: 'icon-plus3',
+      level: 2,
+      level2Title: 'Lembaga Mitra',
+      kelas: 'mitraLembaga',
+      redirect: '/mitraLembaga/',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
       },
-      excelDownloadUrl: '',
-      columnData: [{
-        title: 'No.'
-      }, {
-        title: 'Foto',
-        name: 'gambar',
-        hide: false
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'NIM Sistem',
-        name: 'nim',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: true,
-        filter: true
-      }, {
-        title: 'NIM Lembaga',
-        name: 'nim_cu',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'No. KTP',
-        name: 'nik',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'NPWP',
-        name: 'npwp',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'CU',
-        name: 'pekerjaan_aktif.cu.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Tingkat',
-        name: 'pekerjaan_aktif.tingkat_name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Jabatan',
-        name: 'pekerjaan_aktif.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'CU',
-        name: 'pekerjaan_tidak_aktif.cu.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Keterangan Tidak Aktif',
-        name: 'pekerjaan_tidak_aktif.keterangan_tidak_aktif',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Tingkat Terakhir',
-        name: 'pekerjaan_tidak_aktif.tingkat_name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Jabatan Terakhir',
-        name: 'pekerjaan_tidak_aktif.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Pendidikan',
-        name: 'pendidikan_tertinggi.tingkat',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Jurusan',
-        name: 'pendidikan_tertinggi.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Email',
-        name: 'email',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Hp',
-        name: 'hp',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kontak Lain',
-        name: 'kontak',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Gender',
-        name: 'kelamin',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Gol. Darah',
-        name: 'darah',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tinggi',
-        name: 'tinggi',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Agama',
-        name: 'agama',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Status Pernikahan',
-        name: 'status',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Lahir',
-        name: 'tanggal_lahir',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tempat Lahir',
-        name: 'tempat_lahir',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Provinsi',
-        name: 'provinces.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kabupaten',
-        name: 'regencies.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kecamatan',
-        name: 'districts.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kelurahan',
-        name: 'villages.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Alamat',
-        name: 'alamat',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      state: '',
+      cancelState: 'methods',
       modalShow: false,
       modalState: '',
       modalTitle: '',
+      modalColor: '',
       modalContent: '',
-      modalButton: ''
+      submited: false
     };
   },
-  created: function created() {
-    this.fetch(this.query);
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
   },
   watch: {
-    // check route changes
-    '$route': function $route(to, from) {
-      this.fetch(this.query);
+    formStat: function formStat(value) {
+      if (value === "success") {
+        if (this.$route.meta.mode == 'edit' || this.$route.meta.mode == 'profile') {
+          if (this.currentUser.id_cu !== 0 && this.currentUser.id_cu !== this.form.id) {
+            this.$router.push({
+              name: 'notFound'
+            });
+          }
+
+          this.changeProvinces(this.form.id_provinces);
+          this.changeRegencies(this.form.id_regencies);
+          this.changeDistricts(this.form.id_districts);
+        }
+      }
     },
     updateStat: function updateStat(value) {
+      this.modalShow = true;
       this.modalState = value;
-      this.modalButton = 'Ok';
+      this.modalColor = '';
 
       if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.fetch();
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
+        this.modalTitle = this.updateResponse.message;
       } else {
-        this.modalContent = '';
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
       }
     }
   },
   methods: {
-    fetch: function fetch(params) {
-      this.disableColumnStatus();
-
-      if (this.$route.params.cu == 'semua') {
-        this.disableColumnCu(false);
-        this.$store.dispatch(this.kelas + '/index', [params, this.$route.params.tingkat, this.status]);
-        this.excelDownloadUrl = this.kelas + '/index/' + this.$route.params.tingkat + '/' + this.status;
+    fetch: function fetch() {
+      if (this.$route.meta.mode == 'edit') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+        this.title = 'Ubah ' + this.level2Title;
+        this.titleDesc = 'Mengubah ' + this.level2Title;
+        this.titleIcon = 'icon-pencil5';
       } else {
-        this.disableColumnCu(true);
+        this.$store.dispatch(this.kelas + '/create');
+        this.title = 'Tambah ' + this.level2Title;
+        this.titleDesc = 'Menambah ' + this.level2Title;
+        this.titleIcon = 'icon-plus3';
+      }
 
-        if (this.$route.params.tingkat != 'semua' && this.$route.params.tingkat != 'manajemen') {
-          this.disableColumnTingkat(true);
-        } else {
-          this.disableColumnTingkat(false);
-        }
-
-        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu, this.$route.params.tingkat, this.status]);
-        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu + '/' + this.$route.params.tingkat + '/' + this.status;
-      }
+      this.$store.dispatch('provinces/get');
     },
-    disableColumnCu: function disableColumnCu(status) {
-      if (this.status == 'aktif') {
-        this.columnData[7].disable = status;
-      } else {
-        this.columnData[10].disable = status;
-      }
+    save: function save() {
+      var _this = this;
+
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_4__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.$route.meta.mode == 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
+          } else {
+            _this.$store.dispatch(_this.kelas + '/store', formData);
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
     },
-    disableColumnTingkat: function disableColumnTingkat(status) {
-      if (this.status == 'aktif') {
-        this.columnData[8].disable = status;
-      } else {
-        this.columnData[11].disable = status;
-      }
+    back: function back() {
+      this.$router.push({
+        name: this.kelas
+      });
     },
-    disableColumnStatus: function disableColumnStatus() {
-      if (this.status == 'aktif') {
-        this.columnData[7].disable = false;
-        this.columnData[8].disable = false;
-        this.columnData[9].disable = false;
-        this.columnData[10].disable = true;
-        this.columnData[11].disable = true;
-        this.columnData[12].disable = true;
-        this.columnData[13].disable = true;
-      } else {
-        this.columnData[7].disable = true;
-        this.columnData[8].disable = true;
-        this.columnData[9].disable = true;
-        this.columnData[10].disable = false;
-        this.columnData[11].disable = false;
-        this.columnData[12].disable = false;
-        this.columnData[13].disable = false;
-      }
+    changeProvinces: function changeProvinces(id) {
+      this.$store.dispatch('regencies/getProvinces', id);
     },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
+    changeRegencies: function changeRegencies(id) {
+      this.$store.dispatch('districts/getRegencies', id);
     },
-    ubah: function ubah(id, type) {
-      if (type == 'identitas') {
-        this.$router.push({
-          name: this.kelas + 'Edit',
-          params: {
-            id: id
-          }
-        });
-      } else if (type == 'riwayat') {
-        this.$router.push({
-          name: this.kelas + 'RiwayatEdit',
-          params: {
-            id: id
-          }
-        });
-      }
+    changeDistricts: function changeDistricts(id) {
+      this.$store.dispatch('villages/getDistricts', id);
     },
-    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.modalState = 'confirm-tutup';
-      this.state = state;
-
-      if (isMobile) {
-        this.selectedItem = itemMobile;
+    modalTutup: function modalTutup() {
+      if (this.updateStat === 'success') {
+        this.back();
       }
 
-      if (state == 'hapus') {
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ini?';
-        this.modalButton = 'Iya, Hapus';
-      }
-    },
-    modalTutup: function modalTutup() {
       this.modalShow = false;
-      this.$store.dispatch(this.kelas + '/resetUpdateStat');
     },
-    modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
       }
+    },
+    processFile: function processFile(event) {
+      this.form.gambar = event.target.files[0];
+      console.log(event.target.files[0].name);
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
-    idCu: 'idCu'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'dataS',
-    modelCuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
-    updateMessage: 'update',
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('mitraLembaga', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
     updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('provinces', {
+    modelProvinces: 'dataS',
+    modelProvincesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('regencies', {
+    modelRegencies: 'dataS',
+    modelRegenciesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('districts', {
+    modelDistricts: 'dataS',
+    modelDistrictsStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])('villages', {
+    modelVillages: 'dataS',
+    modelVillagesStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
-				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
-
-//# sourceMappingURL=FileSaver.min.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
-  \************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1110,27 +902,52 @@ var render = function () {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c("div", [
-    _c(
-      "button",
-      {
-        staticClass: "btn btn-link btn-block",
-        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
-        on: { click: _vm.btnClick },
-      },
-      [
-        _vm.clicked
-          ? _c("span", [
-              _c("i", { staticClass: "icon-arrow-up12" }),
-              _vm._v(" Kembali "),
-              _c("i", { staticClass: "icon-arrow-up12" }),
-            ])
-          : _c("span", [
-              _c("i", { staticClass: "icon-arrow-down12" }),
-              _vm._v(" Selengkapnya "),
-              _c("i", { staticClass: "icon-arrow-down12" }),
-            ]),
-      ]
-    ),
+    _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body text-center" }, [
+        _vm.image === "" && _vm.image_temp === ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: "/images/no_image.jpg" },
+            })
+          : _vm.image === "" && _vm.image_temp !== ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
+            })
+          : _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image },
+            }),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "col-md-10" }, [
+        _c("input", {
+          ref: "fileInput",
+          staticClass: "form-control",
+          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
+          on: { change: _vm.upload },
+        }),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-2" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block",
+            attrs: { type: "button", disabled: _vm.image_temp === "" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.close()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
+        ),
+      ]),
+    ]),
   ])
 }
 var staticRenderFns = []
@@ -1140,9 +957,9 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/index.vue?vue&type=template&id=21f06841&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
 /*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/index.vue?vue&type=template&id=21f06841& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
   \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -1155,176 +972,148 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-container" }, [
-        _c("div", { staticClass: "page-content" }, [
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+          ),
+        ]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
           _c(
             "div",
-            { staticClass: "content-wrapper" },
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
             [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
                 : _vm._e(),
               _vm._v(" "),
-              _c("select-data", {
-                attrs: {
-                  kelas: _vm.kelas,
-                  path: _vm.selectCuPath,
-                  isPus: true,
-                  itemDataStat: _vm.itemDataStat,
-                },
-              }),
-              _vm._v(" "),
-              _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
-                _c(
-                  "ul",
-                  { staticClass: "nav nav-tabs nav-tabs-solid bg-light" },
-                  [
-                    _c("li", { staticClass: "nav-item" }, [
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
                       _c(
-                        "a",
+                        "router-link",
                         {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "aktif" },
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.changeTab("aktif")
-                            },
-                          },
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
                         },
                         [
-                          _c("i", {
-                            staticClass: "icon-checkbox-checked mr-2",
-                          }),
-                          _vm._v(" AKTIVIS AKTIF"),
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
                         ]
                       ),
-                    ]),
-                    _vm._v(" "),
-                    _c("li", { staticClass: "nav-item" }, [
+                      _vm._v(" "),
                       _c(
                         "a",
                         {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "tidakAktif" },
+                          staticClass: "breadcrumb-item",
                           attrs: { href: "#" },
                           on: {
                             click: function ($event) {
                               $event.preventDefault()
-                              return _vm.changeTab("tidakAktif")
+                              return _vm.level2Back()
                             },
                           },
                         },
-                        [
-                          _c("i", { staticClass: "icon-cancel-square mr-2" }),
-                          _vm._v(" AKTIVIS TIDAK AKTIF"),
-                        ]
+                        [_vm._v(_vm._s(_vm.level2Title))]
                       ),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _c(
-                    "div",
-                    {
-                      directives: [
-                        {
-                          name: "show",
-                          rawName: "v-show",
-                          value: _vm.tabName == "aktif",
-                          expression: "tabName == 'aktif'",
-                        },
-                      ],
-                    },
-                    [
-                      _c("table-data", {
-                        attrs: {
-                          title: _vm.title,
-                          kelas: _vm.kelas,
-                          status: "aktif",
-                          itemData: _vm.itemData,
-                          itemDataStat: _vm.itemDataStat,
-                        },
-                      }),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
                     ],
                     1
-                  ),
-                ]
-              ),
+                  )
+                : _vm._e(),
               _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _vm.isTidakAktif
-                    ? _c(
-                        "div",
-                        {
-                          directives: [
-                            {
-                              name: "show",
-                              rawName: "v-show",
-                              value: _vm.tabName == "tidakAktif",
-                              expression: "tabName == 'tidakAktif'",
-                            },
-                          ],
-                        },
-                        [
-                          _c("table-data", {
-                            attrs: {
-                              title: _vm.title,
-                              kelas: _vm.kelas,
-                              status: "tidakAktif",
-                              itemData: _vm.itemData2,
-                              itemDataStat: _vm.itemDataStat2,
-                            },
-                          }),
-                        ],
-                        1
-                      )
-                    : _vm._e(),
-                ]
-              ),
-            ],
-            1
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
           ),
-        ]),
-      ]),
-    ],
-    1
-  )
+        ]
+      ),
+    ]),
+  ])
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -1333,10 +1122,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/select.vue?vue&type=template&id=e0ff02c6&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/select.vue?vue&type=template&id=e0ff02c6& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/form.vue?vue&type=template&id=95b7f6ac&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraLembaga/form.vue?vue&type=template&id=95b7f6ac& ***!
+  \**********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1348,1350 +1137,1555 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card d-none d-md-block d-print-none" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("div", { staticClass: "row" }, [
-          _c("div", { staticClass: "col-sm-5" }, [
-            this.currentUser.id_cu === 0
-              ? _c("div", { staticClass: "input-group" }, [
-                  _vm._m(0),
-                  _vm._v(" "),
-                  _c(
-                    "select",
-                    {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.idCu,
-                          expression: "idCu",
-                        },
-                      ],
-                      staticClass: "form-control",
-                      attrs: {
-                        name: "idCu",
-                        "data-width": "100%",
-                        disabled: _vm.modelCUStat === "loading",
-                      },
-                      on: {
-                        change: function ($event) {
-                          var $$selectedVal = Array.prototype.filter
-                            .call($event.target.options, function (o) {
-                              return o.selected
-                            })
-                            .map(function (o) {
-                              var val = "_value" in o ? o._value : o.value
-                              return val
-                            })
-                          _vm.idCu = $event.target.multiple
-                            ? $$selectedVal
-                            : $$selectedVal[0]
-                        },
-                      },
-                    },
-                    [
-                      _c("option", { attrs: { disabled: "", value: "" } }, [
-                        _vm._v("Silahkan pilih data"),
-                      ]),
-                      _vm._v(" "),
-                      _vm._t("default"),
-                      _vm._v(" "),
-                      _c("option", { attrs: { value: "semua" } }, [
-                        _vm._v("Semua CU"),
-                      ]),
-                      _vm._v(" "),
-                      _vm.isPus
-                        ? _c("option", { attrs: { value: "0" } }, [
-                            _vm.currentUser.pus
-                              ? _c("span", [
-                                  _vm._v(_vm._s(_vm.currentUser.pus.name)),
-                                ])
-                              : _c("span", [_vm._v("PUSKOPCUINA")]),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      _c("option", { attrs: { disabled: "", value: "" } }, [
-                        _vm._v("----------------"),
-                      ]),
-                      _vm._v(" "),
-                      _vm._l(_vm.modelCU, function (cu) {
-                        return cu
-                          ? _c("option", { domProps: { value: cu.id } }, [
-                              _vm._v(_vm._s(cu.name)),
-                            ])
-                          : _vm._e()
-                      }),
-                    ],
-                    2
-                  ),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "input-group-append" }, [
-                    _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light",
-                        attrs: { disabled: _vm.modelCUStat === "loading" },
-                        on: { click: _vm.fetchCU },
-                      },
-                      [
-                        _c("i", {
-                          staticClass: "icon-sync",
-                          class: { spinner: _vm.modelCUStat === "loading" },
-                        }),
-                      ]
-                    ),
-                  ]),
-                ])
-              : _vm._e(),
-          ]),
-          _vm._v(" "),
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
           _c(
             "div",
-            {
-              class: {
-                "col-sm-5": _vm.currentUser.id_cu == 0,
-                "col-sm-12": _vm.currentUser.id_cu != 0,
-              },
-            },
+            { staticClass: "content" },
             [
-              _c("div", { staticClass: "input-group" }, [
-                _vm._m(1),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.tingkat,
-                        expression: "tingkat",
-                      },
-                    ],
-                    staticClass: "form-control",
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
                     attrs: {
-                      name: "tingkat",
-                      "data-width": "100%",
-                      disabled: _vm.modelCUStat === "loading",
+                      title: "Oops terjadi kesalahan",
+                      errorItem: _vm.errors.items,
                     },
-                    on: {
-                      change: [
-                        function ($event) {
-                          var $$selectedVal = Array.prototype.filter
-                            .call($event.target.options, function (o) {
-                              return o.selected
-                            })
-                            .map(function (o) {
-                              var val = "_value" in o ? o._value : o.value
-                              return val
-                            })
-                          _vm.tingkat = $event.target.multiple
-                            ? $$selectedVal
-                            : $$selectedVal[0]
-                        },
-                        function ($event) {
-                          return _vm.changeTingkat($event.target.value)
-                        },
-                      ],
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "form",
+                {
+                  attrs: {
+                    enctype: "multipart/form-data",
+                    "data-vv-scope": "form",
+                  },
+                  on: {
+                    submit: function ($event) {
+                      $event.preventDefault()
+                      return _vm.save.apply(null, arguments)
                     },
                   },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("Silahkan pilih tingkat"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "semua" } }, [
-                      _vm._v("Semua Tingkat"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("----------------"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "pengurus" } }, [
-                      _vm._v("Pengurus"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "pengawas" } }, [
-                      _vm._v("Pengawas"),
-                    ]),
+                },
+                [
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(0),
                     _vm._v(" "),
-                    _c("option", { attrs: { value: "komite" } }, [
-                      _vm._v("Komite"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "penasihat" } }, [
-                      _vm._v("Penasihat"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "manajemen" } }, [
-                      _vm._v(" Manajemen"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "kolektor" } }, [
-                      _vm._v("Kolektor"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "kelompok_inti" } }, [
-                      _vm._v("Kelompok Inti"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "vendor_smartcu" } }, [
-                      _vm._v("Vendor sMartCU"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("----------------"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "senior_manajer" } }, [
-                      _vm._v("Senior Manajer"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "manajer" } }, [
-                      _vm._v("Manajer"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "supervisor" } }, [
-                      _vm._v("Supervisor"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "staf" } }, [
-                      _vm._v("Staf"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "supporting_unit" } }, [
-                      _vm._v("Supporting Unit"),
-                    ]),
-                  ]
-                ),
-              ]),
-            ]
-          ),
-          _vm._v(" "),
-          this.currentUser.id_cu == 0
-            ? _c("div", { staticClass: "col-sm-2" }, [
-                _vm.itemDataStat != "loading"
-                  ? _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light btn-icon btn-block",
-                        attrs: { type: "button" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.fetch()
-                          },
-                        },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-folder-open3" }),
-                        _vm._v("  Tampilkan\n\t\t\t\t\t"),
-                      ]
-                    )
-                  : _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light btn-icon btn-block",
-                        attrs: { type: "button" },
-                      },
-                      [_c("i", { staticClass: "icon-sync spinner" })]
-                    ),
-              ])
-            : _vm._e(),
-        ]),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "card d-block d-md-none d-print-none" }, [
-      _c("div", { staticClass: "card-body" }, [
-        this.currentUser.id_cu == 0
-          ? _c("div", [
-              _c("div", { staticClass: "input-group" }, [
-                _vm._m(2),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.idCu,
-                        expression: "idCu",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      name: "idCu",
-                      "data-width": "100%",
-                      disabled: _vm.modelCUStat === "loading",
-                    },
-                    on: {
-                      change: function ($event) {
-                        var $$selectedVal = Array.prototype.filter
-                          .call($event.target.options, function (o) {
-                            return o.selected
-                          })
-                          .map(function (o) {
-                            var val = "_value" in o ? o._value : o.value
-                            return val
-                          })
-                        _vm.idCu = $event.target.multiple
-                          ? $$selectedVal
-                          : $$selectedVal[0]
-                      },
-                    },
-                  },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("Silahkan pilih data"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "semua" } }, [
-                      _vm._v("Semua CU"),
-                    ]),
-                    _vm._v(" "),
-                    _vm.isPus
-                      ? _c("option", { attrs: { value: "0" } }, [
-                          _vm.currentUser.pus
-                            ? _c("span", [
-                                _vm._v(_vm._s(_vm.currentUser.pus.name)),
-                              ])
-                            : _c("span", [_vm._v("PUSKOPCUINA")]),
-                        ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("----------------"),
-                    ]),
-                    _vm._v(" "),
-                    _vm._l(_vm.modelCU, function (cu) {
-                      return cu
-                        ? _c("option", { domProps: { value: cu.id } }, [
-                            _vm._v(_vm._s(cu.name)),
-                          ])
-                        : _vm._e()
-                    }),
-                  ],
-                  2
-                ),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "pt-2" }, [
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-lg btn-block",
-                    attrs: { disabled: _vm.modelCUStat === "loading" },
-                    on: { click: _vm.fetchCU },
-                  },
-                  [
-                    _c("i", {
-                      staticClass: "icon-sync",
-                      class: { spinner: _vm.modelCUStat === "loading" },
-                    }),
-                    _vm._v(" Reload\n\t\t\t\t\t"),
-                  ]
-                ),
-              ]),
-            ])
-          : _vm._e(),
-        _vm._v(" "),
-        _c("div", { staticClass: "input-group pt-2" }, [
-          _vm._m(3),
-          _vm._v(" "),
-          _c(
-            "select",
-            {
-              directives: [
-                {
-                  name: "model",
-                  rawName: "v-model",
-                  value: _vm.tingkat,
-                  expression: "tingkat",
-                },
-              ],
-              staticClass: "form-control",
-              attrs: {
-                name: "tingkat",
-                "data-width": "100%",
-                disabled: _vm.modelCUStat === "loading",
-              },
-              on: {
-                change: [
-                  function ($event) {
-                    var $$selectedVal = Array.prototype.filter
-                      .call($event.target.options, function (o) {
-                        return o.selected
-                      })
-                      .map(function (o) {
-                        var val = "_value" in o ? o._value : o.value
-                        return val
-                      })
-                    _vm.tingkat = $event.target.multiple
-                      ? $$selectedVal
-                      : $$selectedVal[0]
-                  },
-                  function ($event) {
-                    return _vm.changeTingkat($event.target.value)
-                  },
-                ],
-              },
-            },
-            [
-              _c("option", { attrs: { disabled: "", value: "" } }, [
-                _vm._v("Silahkan pilih tingkat"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "semua" } }, [
-                _vm._v("Semua Tingkat"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { disabled: "", value: "" } }, [
-                _vm._v("----------------"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "pengurus" } }, [
-                _vm._v("Pengurus"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "pengawas" } }, [
-                _vm._v("Pengawas"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "komite" } }, [_vm._v("Komite")]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "penasihat" } }, [
-                _vm._v("Penasihat"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "manajemen" } }, [
-                _vm._v(" Manajemen"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "kolektor" } }, [
-                _vm._v("Kolektor"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "kelompok_inti" } }, [
-                _vm._v("Kelompok Inti"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "vendor_smartcu" } }, [
-                _vm._v("Vendor sMartCU"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { disabled: "", value: "" } }, [
-                _vm._v("----------------"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "senior_manajer" } }, [
-                _vm._v("Senior Manajer"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "manajer" } }, [
-                _vm._v("Manajer"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "supervisor" } }, [
-                _vm._v("Supervisor"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "staf" } }, [_vm._v("Staf")]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "kontrak" } }, [
-                _vm._v("Kontrak"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "supporting_unit" } }, [
-                _vm._v("Supporting Unit"),
-              ]),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        this.currentUser.id_cu == 0
-          ? _c("div", { staticClass: "pt-2" }, [
-              _vm.itemDataStat != "loading"
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block",
-                      attrs: { type: "button" },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.fetch()
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-folder-open3" }),
-                      _vm._v(" Tampilkan\n\t\t\t\t"),
-                    ]
-                  )
-                : _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block",
-                      attrs: { type: "button" },
-                    },
-                    [_c("i", { staticClass: "icon-sync spinner" })]
-                  ),
-            ])
-          : _vm._e(),
-      ]),
-    ]),
-  ])
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Data")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [
-        _vm._v("Pilih Tingkat"),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Data")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [
-        _vm._v("Pilih Tingkat"),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/table.vue?vue&type=template&id=48e8c586&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/table.vue?vue&type=template&id=48e8c586& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-          },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  _c(
-                    "tr",
-                    {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
-                    },
-                    [
-                      !_vm.columnData[0].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c("td", [
-                            props.item.gambar
-                              ? _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src:
-                                      "/images/" +
-                                      _vm.kelas +
-                                      "/" +
-                                      props.item.gambar +
-                                      "n.jpg",
-                                  },
-                                })
-                              : _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: { src: "/images/no_image_man.jpg" },
-                                }),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
+                              _c("h5", [_vm._v("Foto Kantor Pusat:")]),
+                              _vm._v(" "),
+                              _c("app-image-upload", {
+                                attrs: {
+                                  image_loc: "/images/cu/",
+                                  image_temp: _vm.form.gambar,
+                                },
+                                model: {
+                                  value: _vm.form.gambar,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "gambar", $$v)
+                                  },
+                                  expression: "form.gambar",
+                                },
                               }),
                             ],
                             1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
-                        ? _c(
-                            "td",
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.name"),
+                              },
+                            },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.nim },
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.name"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.name")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNama:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|min:5",
+                                    expression: "'required|min:5'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.name,
+                                    expression: "form.name",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "name",
+                                  placeholder: "Silahkan masukkan nama CU",
+                                  "data-vv-as": "Nama",
+                                },
+                                domProps: { value: _vm.form.name },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "name",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
                               }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c(
-                            "td",
+                              _vm._v(" "),
+                              _vm.errors.has("form.name")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.name")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.bidang"),
+                              },
+                            },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.nim_cu },
+                              _c(
+                                "h6",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.bidang"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.bidang")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tBidang:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.bidang,
+                                    expression: "form.bidang",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "bidang",
+                                  placeholder: "Silahkan masukkan bidang",
+                                  "data-vv-as": "Bidang",
+                                },
+                                domProps: { value: _vm.form.bidang },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "bidang",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
                               }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c(
-                            "td",
+                              _vm._v(" "),
+                              _vm.errors.has("form.bidang")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.bidang")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.badan_hukum"),
+                              },
+                            },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.nik },
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.badan_hukum"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.badan_hukum")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tBadan Hukum:"
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.badan_hukum,
+                                    expression: "form.badan_hukum",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "badan_hukum",
+                                  placeholder: "Silahkan masukkan nama CU",
+                                },
+                                domProps: { value: _vm.form.badan_hukum },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "badan_hukum",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
                               }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide
-                        ? _c(
-                            "td",
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.npwp"),
+                              },
+                            },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.npwp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide && !_vm.columnData[7].disable
-                        ? _c("td", [
-                            props.item.pekerjaan_aktif &&
-                            props.item.pekerjaan_aktif.tipe == 1
-                              ? _c(
-                                  "span",
-                                  [
-                                    props.item.pekerjaan_aktif.cu
-                                      ? _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.pekerjaan_aktif.cu
-                                                .name,
-                                          },
-                                        })
-                                      : _c("span", [_vm._v("-")]),
-                                  ],
-                                  1
-                                )
-                              : props.item.pekerjaan_aktif &&
-                                props.item.pekerjaan_aktif.tipe == 2
-                              ? _c(
-                                  "span",
-                                  [
-                                    props.item.pekerjaan_aktif.lembaga_lain
-                                      ? _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.pekerjaan_aktif
-                                                .lembaga_lain.name,
-                                          },
-                                        })
-                                      : _c("span", [_vm._v("-")]),
-                                  ],
-                                  1
-                                )
-                              : props.item.pekerjaan_aktif &&
-                                props.item.pekerjaan_aktif.tipe == 3
-                              ? _c("span", [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.npwp"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.npwp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
                                   _vm._v(
-                                    "\n\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t"
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tNPWP (nomor pokok wajib pajak):"
                                   ),
-                                ])
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[8].hide &&
-                      !_vm.columnData[8].disable &&
-                      props.item.pekerjaan_aktif.tingkat
-                        ? _c(
-                            "td",
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.npwp,
+                                    expression: "form.npwp",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "npwp",
+                                  placeholder: "Silahkan masukkan NPWP",
+                                },
+                                domProps: { value: _vm.form.npwp },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "npwp",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has(
+                                  "form.penanggungjawab"
+                                ),
+                              },
+                            },
                             [
-                              props.item.pekerjaan_aktif
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value:
-                                        props.item.pekerjaan_aktif.tingkat_name,
-                                    },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[9].hide && !_vm.columnData[9].disable
-                        ? _c(
-                            "td",
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has(
+                                      "form.penanggungjawab"
+                                    ),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.penanggungjawab")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tPenanggung Jawab:"
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.penanggungjawab,
+                                    expression: "form.penanggungjawab",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "penanggungjawab",
+                                  placeholder:
+                                    "Silahkan masukkan penanggung jawab",
+                                },
+                                domProps: { value: _vm.form.penanggungjawab },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "penanggungjawab",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has(
+                                  "form.bentuk_kerjasama"
+                                ),
+                              },
+                            },
                             [
-                              props.item.pekerjaan_aktif
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.pekerjaan_aktif.name,
-                                    },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[10].hide && !_vm.columnData[10].disable
-                        ? _c("td", [
-                            props.item.pekerjaan_tidak_aktif &&
-                            props.item.pekerjaan_tidak_aktif.tipe == 1
-                              ? _c(
-                                  "span",
-                                  [
-                                    props.item.pekerjaan_tidak_aktif.cu
-                                      ? _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.pekerjaan_tidak_aktif
-                                                .cu.name,
-                                          },
-                                        })
-                                      : _c("span", [_vm._v("-")]),
-                                  ],
-                                  1
-                                )
-                              : props.item.pekerjaan_tidak_aktif &&
-                                props.item.pekerjaan_tidak_aktif.tipe == 2
-                              ? _c(
-                                  "span",
-                                  [
-                                    props.item.pekerjaan_tidak_aktif
-                                      .lembaga_lain
-                                      ? _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.pekerjaan_tidak_aktif
-                                                .lembaga_lain.name,
-                                          },
-                                        })
-                                      : _c("span", [_vm._v("-")]),
-                                  ],
-                                  1
-                                )
-                              : props.item.pekerjaan_tidak_aktif &&
-                                props.item.pekerjaan_tidak_aktif.tipe == 3
-                              ? _c("span", [
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has(
+                                      "form.bentuk_kerjasama"
+                                    ),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.bentuk_kerjasama")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
                                   _vm._v(
-                                    "\n\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t"
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tBentuk Kerjasama:"
                                   ),
-                                ])
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[11].hide && !_vm.columnData[11].disable
-                        ? _c(
-                            "td",
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.bentuk_kerjasama,
+                                    expression: "form.bentuk_kerjasama",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "bentuk_kerjasama",
+                                  placeholder:
+                                    "Silahkan masukkan bentuk kerjasama",
+                                },
+                                domProps: { value: _vm.form.bentuk_kerjasama },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "bentuk_kerjasama",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                            ]
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(1),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.id_provinces"),
+                              },
+                            },
                             [
-                              props.item.pekerjaan_tidak_aktif
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value:
-                                        props.item.pekerjaan_tidak_aktif
-                                          .keterangan_tidak_aktif,
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_provinces"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_provinces")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tProvinsi:\n\t\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_provinces,
+                                      expression: "form.id_provinces",
                                     },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[12].hide && !_vm.columnData[12].disable
-                        ? _c(
-                            "td",
+                                    {
+                                      name: "validate",
+                                      rawName: "v-validate",
+                                      value: "required",
+                                      expression: "'required'",
+                                    },
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_provinces",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Provinsi",
+                                    disabled: _vm.modelProvinces.length === 0,
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_provinces",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changeProvinces(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelProvincesStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v("Mohon tunggu..."),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih provinsi"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelProvinces,
+                                    function (provinces) {
+                                      return _c(
+                                        "option",
+                                        { domProps: { value: provinces.id } },
+                                        [_vm._v(_vm._s(provinces.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_provinces")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first(
+                                              "form.id_provinces"
+                                            )
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.id_regencies"),
+                              },
+                            },
                             [
-                              props.item.pekerjaan_tidak_aktif
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value:
-                                        props.item.pekerjaan_tidak_aktif
-                                          .tingkat_name,
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_regencies"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_regencies")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tKabupaten:\n\t\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_regencies,
+                                      expression: "form.id_regencies",
                                     },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[13].hide && !_vm.columnData[13].disable
-                        ? _c(
-                            "td",
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_regencies",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Kabupaten",
+                                    disabled: _vm.modelRegencies.length === 0,
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_regencies",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changeRegencies(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelRegenciesStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v("Mohon tunggu..."),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih kabupaten"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelRegencies,
+                                    function (regencies) {
+                                      return _c(
+                                        "option",
+                                        { domProps: { value: regencies.id } },
+                                        [_vm._v(_vm._s(regencies.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_regencies")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first(
+                                              "form.id_regencies"
+                                            )
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error":
+                                  _vm.errors.has("form.id_districts"),
+                              },
+                            },
                             [
-                              props.item.pekerjaan_tidak_aktif
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value:
-                                        props.item.pekerjaan_tidak_aktif.name,
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_districts"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_districts")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tKecamatan:\n\t\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_districts,
+                                      expression: "form.id_districts",
                                     },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[14].hide
-                        ? _c(
-                            "td",
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_districts",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Kecamatan",
+                                    disabled: _vm.modelDistricts.length === 0,
+                                  },
+                                  on: {
+                                    change: [
+                                      function ($event) {
+                                        var $$selectedVal =
+                                          Array.prototype.filter
+                                            .call(
+                                              $event.target.options,
+                                              function (o) {
+                                                return o.selected
+                                              }
+                                            )
+                                            .map(function (o) {
+                                              var val =
+                                                "_value" in o
+                                                  ? o._value
+                                                  : o.value
+                                              return val
+                                            })
+                                        _vm.$set(
+                                          _vm.form,
+                                          "id_districts",
+                                          $event.target.multiple
+                                            ? $$selectedVal
+                                            : $$selectedVal[0]
+                                        )
+                                      },
+                                      function ($event) {
+                                        return _vm.changeDistricts(
+                                          $event.target.value
+                                        )
+                                      },
+                                    ],
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelDistrictsStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v("Mohon tunggu..."),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih kecamatan"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelDistricts,
+                                    function (districts) {
+                                      return _c(
+                                        "option",
+                                        { domProps: { value: districts.id } },
+                                        [_vm._v(_vm._s(districts.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_regency")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.id_regency")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.id_villages"),
+                              },
+                            },
                             [
-                              props.item.pendidikan_tertinggi
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value:
-                                        props.item.pendidikan_tertinggi.tingkat,
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.id_villages"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.id_villages")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tKelurahan:\n\t\t\t\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "select",
+                                {
+                                  directives: [
+                                    {
+                                      name: "model",
+                                      rawName: "v-model",
+                                      value: _vm.form.id_villages,
+                                      expression: "form.id_villages",
                                     },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[15].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.pendidikan_tertinggi
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value:
-                                        props.item.pendidikan_tertinggi.name,
+                                  ],
+                                  staticClass: "form-control",
+                                  attrs: {
+                                    name: "id_villages",
+                                    "data-width": "100%",
+                                    "data-vv-as": "Kelurahan",
+                                    disabled: _vm.modelVillages.length === 0,
+                                  },
+                                  on: {
+                                    change: function ($event) {
+                                      var $$selectedVal = Array.prototype.filter
+                                        .call(
+                                          $event.target.options,
+                                          function (o) {
+                                            return o.selected
+                                          }
+                                        )
+                                        .map(function (o) {
+                                          var val =
+                                            "_value" in o ? o._value : o.value
+                                          return val
+                                        })
+                                      _vm.$set(
+                                        _vm.form,
+                                        "id_villages",
+                                        $event.target.multiple
+                                          ? $$selectedVal
+                                          : $$selectedVal[0]
+                                      )
                                     },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[16].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.email },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[17].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.hp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[18].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.kontak },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[19].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.kelamin },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[20].hide
-                        ? _c(
-                            "td",
+                                  },
+                                },
+                                [
+                                  _c(
+                                    "option",
+                                    { attrs: { disabled: "", value: "" } },
+                                    [
+                                      _vm.modelVillagesStat === "loading"
+                                        ? _c("span", [
+                                            _vm._v(
+                                              "Mohon tunggu... mohon tunggu"
+                                            ),
+                                          ])
+                                        : _c("span", [
+                                            _vm._v("Silahkan pilih kelurahan"),
+                                          ]),
+                                    ]
+                                  ),
+                                  _vm._v(" "),
+                                  _vm._l(
+                                    _vm.modelVillages,
+                                    function (villages) {
+                                      return _c(
+                                        "option",
+                                        { domProps: { value: villages.id } },
+                                        [_vm._v(_vm._s(villages.name))]
+                                      )
+                                    }
+                                  ),
+                                ],
+                                2
+                              ),
+                              _vm._v(" "),
+                              _vm.errors.has("form.id_villages")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.id_villages")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-8" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.alamat"),
+                              },
+                            },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.darah },
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.alamat"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.alamat")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tAlamat:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|min:5",
+                                    expression: "'required|min:5'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.alamat,
+                                    expression: "form.alamat",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "alamat",
+                                  placeholder: "Silahkan masukkan alamat",
+                                  "data-vv-as": "Alamat",
+                                },
+                                domProps: { value: _vm.form.alamat },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "alamat",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
                               }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[21].hide
-                        ? _c(
-                            "td",
+                              _vm._v(" "),
+                              _vm.errors.has("form.alamat")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.alamat")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "card" }, [
+                    _vm._m(2),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.tinggi },
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.telp"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.telp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Telp:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                staticClass: "form-control",
+                                attrs: {
+                                  options: _vm.cleaveOption.number12,
+                                  placeholder: "Silahkan masukkan no telp",
+                                },
+                                model: {
+                                  value: _vm.form.telp,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "telp", $$v)
+                                  },
+                                  expression: "form.telp",
+                                },
                               }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
                             ],
                             1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[22].hide
-                        ? _c(
-                            "td",
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.agama },
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.hp"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.hp")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tNo. Hp:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                staticClass: "form-control",
+                                attrs: {
+                                  options: _vm.cleaveOption.number12,
+                                  placeholder: "Silahkan masukkan no hp",
+                                },
+                                model: {
+                                  value: _vm.form.hp,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "hp", $$v)
+                                  },
+                                  expression: "form.hp",
+                                },
                               }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
                             ],
                             1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[23].hide
-                        ? _c(
-                            "td",
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            { staticClass: "form-group" },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.status },
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.pos"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.pos")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tKode Pos:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("cleave", {
+                                staticClass: "form-control",
+                                attrs: {
+                                  options: _vm.cleaveOption.number12,
+                                  placeholder: "Silahkan masukkan kode pos",
+                                },
+                                model: {
+                                  value: _vm.form.pos,
+                                  callback: function ($$v) {
+                                    _vm.$set(_vm.form, "pos", $$v)
+                                  },
+                                  expression: "form.pos",
+                                },
                               }),
+                              _vm._v(" "),
+                              _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
                             ],
                             1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[24].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.date(
-                                  props.item.tanggal_lahir
-                                )
-                              ),
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-4" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.email"),
+                              },
                             },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[25].hide
-                        ? _c(
-                            "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.tempat_lahir },
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has("form.email"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.email")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tE-mail:"),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.email,
+                                    expression: "form.email",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "email",
+                                  placeholder:
+                                    "Silahkan masukkan alamat e-mail",
+                                },
+                                domProps: { value: _vm.form.email },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "email",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
                               }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[26].hide && !_vm.columnData[26].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.provinces
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.provinces.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[27].hide && !_vm.columnData[27].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.regencies
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.regencies.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[28].hide && !_vm.columnData[28].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.districts
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.districts.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[29].hide && !_vm.columnData[29].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.villages
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.villages.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[30].hide
-                        ? _c(
-                            "td",
+                              _vm._v(" "),
+                              _vm.errors.has("form.email")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.email")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-8" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.website"),
+                              },
+                            },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.alamat },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[31].hide
-                        ? _c("td", {
-                            staticClass: "text-nowrap",
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.website"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.website")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tWebsite:"),
+                                ]
                               ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[32].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
-                                    ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.website,
+                                    expression: "form.website",
                                   },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                    ]
-                  ),
-                ]
-              },
-            },
-          ]),
-        },
-        [
-          _c(
-            "template",
-            { slot: "button-desktop" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubah(_vm.selectedItem.id, "identitas")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah Identitas\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-icon mb-1",
-                  attrs: { disabled: !_vm.selectedItem.id },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.ubah(_vm.selectedItem.id, "riwayat")
-                    },
-                  },
-                },
-                [
-                  _vm.currentUser.can &&
-                  _vm.currentUser.can["update_" + _vm.kelas]
-                    ? _c("span", [
-                        _c("i", { staticClass: "icon-pencil5" }),
-                        _vm._v(" Ubah Riwayat\n\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _c("i", { staticClass: "icon-profile" }),
-                        _vm._v(" Riwayat\n\t\t\t\t"),
-                      ]),
-                ]
-              ),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-icon btn-block mb-1",
-                  attrs: { disabled: !_vm.selectedItem.id },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.ubah(_vm.selectedItem.id, "identitas")
-                    },
-                  },
-                },
-                [
-                  _vm.currentUser.can &&
-                  _vm.currentUser.can["update_" + _vm.kelas]
-                    ? _c("span", [
-                        _c("i", { staticClass: "icon-pencil5" }),
-                        _vm._v(" Ubah Riwayat\n\t\t\t\t"),
-                      ])
-                    : _c("span", [
-                        _c("i", { staticClass: "icon-profile" }),
-                        _vm._v(" Riwayat\n\t\t\t\t"),
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "url",
+                                    expression: "'url'",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "website",
+                                  placeholder:
+                                    "Silahkan masukkan alamat website",
+                                  "data-vv-as": "Website",
+                                },
+                                domProps: { value: _vm.form.website },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "website",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.website")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.website")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
                       ]),
-                ]
-              ),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubah(_vm.selectedItem.id, "riwayat")
-                        },
-                      },
-                    },
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("form-info"),
+                  _vm._v(" "),
+                  _c("br"),
+                  _vm._v(" "),
+                  _c(
+                    "div",
+                    { staticClass: "card card-body" },
                     [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah Riwayat\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
+                      _c("form-button", {
+                        attrs: {
+                          cancelState: _vm.cancelState,
+                          formValidation: "form",
                         },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
+                        on: { cancelClick: _vm.back },
+                      }),
+                    ],
+                    1
+                  ),
+                ],
+                1
+              ),
             ],
             1
           ),
-        ],
-        2
-      ),
+        ]),
+      ]),
       _vm._v(" "),
       _c("app-modal", {
         attrs: {
           show: _vm.modalShow,
           state: _vm.modalState,
           title: _vm.modalTitle,
-          button: _vm.modalButton,
           content: _vm.modalContent,
+          color: _vm.modalColor,
         },
         on: {
+          batal: _vm.modalTutup,
           tutup: _vm.modalTutup,
-          confirmOk: _vm.modalConfirmOk,
           successOk: _vm.modalTutup,
           failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalTutup,
+          backgroundClick: _vm.modalBackgroundClick,
         },
       }),
     ],
     1
   )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("1. Informasi Umum")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("2. Lokasi")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("3. Kontak")]),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
-/* harmony import */ var _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
+/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2701,9 +2695,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2713,55 +2707,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/collapseButton.vue"
+component.options.__file = "resources/assets/js/components/ImageUpload.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/index.vue":
+/***/ "./resources/assets/js/components/formInfo.vue":
 /*!*****************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/index.vue ***!
+  !*** ./resources/assets/js/components/formInfo.vue ***!
   \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_21f06841___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=21f06841& */ "./resources/assets/js/views/aktivis/index.vue?vue&type=template&id=21f06841&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/aktivis/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -2770,9 +2764,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_21f06841___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_21f06841___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2782,55 +2776,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/aktivis/index.vue"
+component.options.__file = "resources/assets/js/components/formInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/index.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
 /*!******************************************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/index.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
   \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/index.vue?vue&type=template&id=21f06841&":
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
 /*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/index.vue?vue&type=template&id=21f06841& ***!
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
   \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_21f06841___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=21f06841& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/index.vue?vue&type=template&id=21f06841&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_21f06841___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_21f06841___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/select.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/select.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _select_vue_vue_type_template_id_e0ff02c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./select.vue?vue&type=template&id=e0ff02c6& */ "./resources/assets/js/views/aktivis/select.vue?vue&type=template&id=e0ff02c6&");
-/* harmony import */ var _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./select.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/aktivis/select.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -2839,9 +2833,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _select_vue_vue_type_template_id_e0ff02c6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _select_vue_vue_type_template_id_e0ff02c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2851,54 +2845,105 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/aktivis/select.vue"
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/select.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/select.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/select.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/select.vue?vue&type=template&id=e0ff02c6&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/select.vue?vue&type=template&id=e0ff02c6& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_e0ff02c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=template&id=e0ff02c6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/select.vue?vue&type=template&id=e0ff02c6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_e0ff02c6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_e0ff02c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/table.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/table.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/helpers/form.js":
+/*!*********************************************!*\
+  !*** ./resources/assets/js/helpers/form.js ***!
+  \*********************************************/
+/*! exports provided: toMulipartedForm, objectToFormData */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toMulipartedForm", function() { return toMulipartedForm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "objectToFormData", function() { return objectToFormData; });
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function toMulipartedForm(form, mode) {
+  if (mode === 'edit' && typeof form.image === 'string') {
+    var temp = JSON.parse(JSON.stringify(form));
+    delete temp.image;
+    return temp;
+  } else {
+    return objectToFormData(form);
+  }
+}
+function objectToFormData(obj, form, namespace) {
+  var fd = form || new FormData();
+  var formKey;
+
+  for (var property in obj) {
+    if (obj.hasOwnProperty(property)) {
+      if (namespace) {
+        formKey = namespace + '[' + property + ']';
+      } else {
+        formKey = property;
+      }
+
+      if (obj[property] instanceof Array) {
+        for (var i = 0; i < obj[property].length; i++) {
+          objectToFormData(obj[property][i], fd, "".concat(property, "[").concat(i, "]"));
+        }
+      } else if (_typeof(obj[property]) === 'object' && !(obj[property] instanceof File)) {
+        objectToFormData(obj[property], fd, property);
+      } else {
+        fd.append(formKey, obj[property]);
+      }
+    }
+  }
+
+  return fd;
+}
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/mitraLembaga/form.vue":
+/*!*********************************************************!*\
+  !*** ./resources/assets/js/views/mitraLembaga/form.vue ***!
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_48e8c586___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=48e8c586& */ "./resources/assets/js/views/aktivis/table.vue?vue&type=template&id=48e8c586&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/aktivis/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_95b7f6ac___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=95b7f6ac& */ "./resources/assets/js/views/mitraLembaga/form.vue?vue&type=template&id=95b7f6ac&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/mitraLembaga/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2908,9 +2953,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_48e8c586___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_48e8c586___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_95b7f6ac___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_95b7f6ac___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2920,38 +2965,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/aktivis/table.vue"
+component.options.__file = "resources/assets/js/views/mitraLembaga/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/table.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/table.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/mitraLembaga/form.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/mitraLembaga/form.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/aktivis/table.vue?vue&type=template&id=48e8c586&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/aktivis/table.vue?vue&type=template&id=48e8c586& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/mitraLembaga/form.vue?vue&type=template&id=95b7f6ac&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/mitraLembaga/form.vue?vue&type=template&id=95b7f6ac& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_48e8c586___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=48e8c586& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/table.vue?vue&type=template&id=48e8c586&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_48e8c586___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_95b7f6ac___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=95b7f6ac& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/form.vue?vue&type=template&id=95b7f6ac&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_95b7f6ac___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_48e8c586___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_95b7f6ac___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/79.js b/public/js/components/79.js
index 6f73a6a95..c359942ac 100644
--- a/public/js/components/79.js
+++ b/public/js/components/79.js
@@ -50,10 +50,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/index.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/index.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/index.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/index.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -61,9 +61,9 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/cu/table.vue");
-/* harmony import */ var _tableDeleted_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./tableDeleted.vue */ "./resources/assets/js/views/cu/tableDeleted.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/aktivis/table.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _select_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./select.vue */ "./resources/assets/js/views/aktivis/select.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -125,6 +125,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -134,54 +143,67 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
     tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    tableDataDeleted: _tableDeleted_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    selectData: _select_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
   data: function data() {
     return {
-      title: 'CU',
-      kelas: 'cu',
-      titleDesc: 'Mengelola data CU',
-      titleIcon: 'icon-office',
-      tabName: 'table',
-      isTableDeleted: false
+      title: 'Aktivis CU',
+      kelas: 'aktivis',
+      titleDesc: 'Mengelola data Aktivis CU',
+      titleIcon: 'icon-user-tie',
+      selectCuPath: 'aktivisCu',
+      tabName: 'aktif',
+      isTidakAktif: false
     };
   },
+  created: function created() {
+    this.checkUser('index_aktivis', this.$route.params.cu);
+  },
   methods: {
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    },
     changeTab: function changeTab(value) {
       this.tabName = value;
 
-      if (value == 'tableDeleted' && !this.isTableDeleted) {
-        this.isTableDeleted = true;
+      if (value == 'tidakAktif' && !this.isTidakAktif) {
+        this.isTidakAktif = true;
       }
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
     itemData: 'dataS',
+    itemData2: 'dataS2',
     itemDataStat: 'dataStatS',
-    itemDataDeleted: 'dataDeletedS',
-    itemDataDeletedStat: 'dataDeletedStatS'
+    itemDataStat2: 'dataStatS2'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/table.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/table.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/select.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/select.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -337,6 +359,239 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['kelas', 'isPus', 'path', 'itemDataStat'],
+  data: function data() {
+    return {
+      idCu: '',
+      tingkat: ''
+    };
+  },
+  created: function created() {
+    if (this.currentUser.id_pus !== undefined) {
+      this.fetchCU();
+    }
+  },
+  watch: {
+    '$route': function $route(to, from) {
+      // check current page meta
+      this.fetchCU();
+    },
+    modelCUStat: function modelCUStat(value) {
+      if (value === "success") {
+        this.idCu = this.$route.params.cu;
+        this.tingkat = this.$route.params.tingkat;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      this.$router.push({
+        name: this.path,
+        params: {
+          cu: this.idCu,
+          tingkat: this.tingkat
+        }
+      });
+    },
+    fetchCU: function fetchCU() {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      } else {
+        this.idCu = this.$route.params.cu;
+        this.tingkat = this.$route.params.tingkat;
+      }
+    },
+    changeTingkat: function changeTingkat(tingkat) {
+      if (this.currentUser != 0) {
+        this.fetch();
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/table.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/table.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -398,7 +653,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
 
 
 
@@ -406,17 +660,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
-  props: ["title", "kelas"],
+  props: ['title', 'kelas', 'status', 'itemData', 'itemDataStat'],
   data: function data() {
     return {
       selectedItem: [],
       query: {
-        order_column: "no_ba",
+        order_column: "name",
         order_direction: "asc",
         filter_match: "and",
         limit: 10,
@@ -424,370 +678,256 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       },
       excelDownloadUrl: '',
       columnData: [{
-        title: "No.",
-        name: "No."
+        title: 'No.'
       }, {
-        title: "Foto",
-        name: "gambar",
+        title: 'Foto',
+        name: 'gambar',
         hide: false
       }, {
-        title: "Nama",
-        name: "name",
-        tipe: "string",
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true,
         filterDefault: true
       }, {
-        title: "Nama Legal",
-        name: "name_legal",
-        tipe: "string",
+        title: 'NIM Sistem',
+        name: 'nim',
+        tipe: 'string',
         sort: true,
         hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
+        disable: true,
+        filter: true
       }, {
-        title: "No. BA",
-        name: "no_ba",
-        tipe: "numeric",
+        title: 'NIM Lembaga',
+        name: 'nim_cu',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Jmlh TP/KP",
-        name: "has_tp_count",
-        tipe: "numeric",
+        title: 'No. KTP',
+        name: 'nik',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Jmlh Manajemen",
-        name: "has_manajemen_count",
-        tipe: "numeric",
+        title: 'NPWP',
+        name: 'npwp',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Jmlh Pengurus",
-        name: "has_pengurus_count",
-        tipe: "numeric",
-        sort: true,
+        title: 'CU',
+        name: 'pekerjaan_aktif.cu.name',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
-        filter: true
+        filter: false
       }, {
-        title: "Jmlh Pengawas",
-        name: "has_pengawas_count",
-        tipe: "numeric",
-        sort: true,
+        title: 'Tingkat',
+        name: 'pekerjaan_aktif.tingkat_name',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
-        filter: true
+        filter: false
       }, {
-        title: "Jmlh Komite",
-        name: "has_komite_count",
-        tipe: "numeric",
-        sort: true,
+        title: 'Jabatan',
+        name: 'pekerjaan_aktif.name',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
-        filter: true
+        filter: false
       }, {
-        title: "Jmlh Penasihat",
-        name: "has_penasihat_count",
-        tipe: "numeric",
-        sort: true,
+        title: 'CU',
+        name: 'pekerjaan_tidak_aktif.cu.name',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
-        filter: true
+        filter: false
       }, {
-        title: "Jmlh Kolektor",
-        name: "has_kolektor_count",
-        tipe: "numeric",
-        sort: true,
+        title: 'Keterangan Tidak Aktif',
+        name: 'pekerjaan_tidak_aktif.keterangan_tidak_aktif',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
-        filter: true
+        filter: false
       }, {
-        title: "Jmlh Kelompok Inti",
-        name: "has_kelompok_inti_count",
-        tipe: "numeric",
-        sort: true,
+        title: 'Tingkat Terakhir',
+        name: 'pekerjaan_tidak_aktif.tingkat_name',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
-        filter: true
+        filter: false
       }, {
-        title: "Jmlh Senior Manajer",
-        name: "has_senior_manajer_count",
-        tipe: "numeric",
-        sort: true,
+        title: 'Jabatan Terakhir',
+        name: 'pekerjaan_tidak_aktif.name',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
-        filter: true
+        filter: false
       }, {
-        title: "Jmlh Manajer",
-        name: "has_manajer_count",
-        tipe: "numeric",
-        sort: true,
+        title: 'Pendidikan',
+        name: 'pendidikan_tertinggi.tingkat',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
-        filter: true
+        filter: false
       }, {
-        title: "Jmlh Supervisor",
-        name: "has_supervisor_count",
-        tipe: "numeric",
-        sort: true,
+        title: 'Jurusan',
+        name: 'pendidikan_tertinggi.name',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
-        filter: true
+        filter: false
       }, {
-        title: "Jmlh Staf",
-        name: "has_staf_count",
-        tipe: "numeric",
+        title: 'Email',
+        name: 'email',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Jmlh Kontrak",
-        name: "has_kontrak_count",
-        tipe: "numeric",
+        title: 'Hp',
+        name: 'hp',
+        tipe: 'numeric',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Jmlh Aktivis Tidak Aktif",
-        name: "has_aktivis_tidak_aktif_count",
-        tipe: "numeric",
-        sort: true,
+        title: 'Kontak Lain',
+        name: 'kontak',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Jmlh Simpanan",
-        name: "has_simpanan_count",
-        tipe: "numeric",
+        title: 'Gender',
+        name: 'kelamin',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Jmlh Pinjaman",
-        name: "has_pinjaman_count",
-        tipe: "numeric",
+        title: 'Gol. Darah',
+        name: 'darah',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Jmlh Simpanan Jalinan",
-        name: "has_simpanan_jalinan_count",
-        tipe: "numeric",
+        title: 'Tinggi',
+        name: 'tinggi',
+        tipe: 'numeric',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Jmlh Pinjaman Jalinan",
-        name: "has_pinjaman_jalinan_count",
-        tipe: "numeric",
+        title: 'Agama',
+        name: 'agama',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Jmlh User SIMO",
-        name: "has_user_count",
-        tipe: "numeric",
+        title: 'Status Pernikahan',
+        name: 'status',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Jmlh Artikel",
-        name: "has_artikel_count",
-        tipe: "numeric",
+        title: 'Tgl. Lahir',
+        name: 'tanggal_lahir',
+        tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Jmlh Anggota CU",
-        name: "has_anggota_cu_count",
-        tipe: "numeric",
+        title: 'Tempat Lahir',
+        name: 'tempat_lahir',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Badan Hukum",
-        name: "badan_hukum",
-        tipe: "string",
-        sort: true,
+        title: 'Provinsi',
+        name: 'provinces.name',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "NPWP",
-        name: "npwp",
-        tipe: "string",
-        sort: true,
+        title: 'Kabupaten',
+        name: 'regencies.name',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "NIK",
-        name: "nik",
-        tipe: "string",
-        sort: true,
+        title: 'Kecamatan',
+        name: 'districts.name',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "SITU",
-        name: "situ",
-        tipe: "string",
-        sort: true,
+        title: 'Kelurahan',
+        name: 'villages.name',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "SIUSP",
-        name: "siusp",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Izin Operasional",
-        name: "izin_operasional",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Provinsi",
-        name: "provinces.name",
-        tipe: "string",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Kabupaten/Kota",
-        name: "regencies.name",
-        tipe: "string",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Kecamatan",
-        name: "districts.name",
-        tipe: "string",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Kelurahan",
-        name: "villages.name",
-        tipe: "string",
+        title: 'Alamat',
+        name: 'alamat',
+        tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Alamat",
-        name: "alamat",
-        tipe: "string",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Aplikasi",
-        name: "app",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Tgl. Berdiri",
-        name: "ultah",
-        tipe: "datetime",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Tgl. Bergabung",
-        name: "bergabung",
-        tipe: "datetime",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Website",
-        name: "website",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "E-mail",
-        name: "email",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "No. Telp",
-        name: "telp",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "No. Hp",
-        name: "hp",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Kode Pos",
-        name: "pos",
-        tipe: "string",
+        title: 'Tgl. / Waktu Buat',
+        name: 'created_at',
+        tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Tgl. / Waktu Buat",
-        name: "created_at",
-        tipe: "datetime",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Tgl. / Waktu Ubah",
-        name: "updated_at",
-        tipe: "datetime",
+        title: 'Tgl. / Waktu Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
@@ -795,637 +935,217 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }],
       state: '',
       modalShow: false,
-      modalState: "",
-      modalTitle: "",
-      modalContent: "",
-      modalButton: ""
+      modalState: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: ''
     };
   },
   created: function created() {
     this.fetch(this.query);
   },
   watch: {
+    // check route changes
+    '$route': function $route(to, from) {
+      this.fetch(this.query);
+    },
     updateStat: function updateStat(value) {
       this.modalState = value;
-      this.modalButton = "Ok";
+      this.modalButton = 'Ok';
 
       if (value === "success") {
         this.modalTitle = this.updateMessage.message;
-        this.modalContent = "";
+        this.modalContent = '';
         this.fetch();
       } else if (value === "fail") {
         this.modalContent = this.updateMessage;
       } else {
-        this.modalContent = "";
+        this.modalContent = '';
       }
     }
   },
   methods: {
     fetch: function fetch(params) {
-      this.$store.dispatch(this.kelas + "/index", params);
-      this.excelDownloadUrl = this.kelas;
+      this.disableColumnStatus();
+
+      if (this.$route.params.cu == 'semua') {
+        this.disableColumnCu(false);
+        this.$store.dispatch(this.kelas + '/index', [params, this.$route.params.tingkat, this.status]);
+        this.excelDownloadUrl = this.kelas + '/index/' + this.$route.params.tingkat + '/' + this.status;
+      } else {
+        this.disableColumnCu(true);
+
+        if (this.$route.params.tingkat != 'semua' && this.$route.params.tingkat != 'manajemen') {
+          this.disableColumnTingkat(true);
+        } else {
+          this.disableColumnTingkat(false);
+        }
+
+        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu, this.$route.params.tingkat, this.status]);
+        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu + '/' + this.$route.params.tingkat + '/' + this.status;
+      }
+    },
+    disableColumnCu: function disableColumnCu(status) {
+      if (this.status == 'aktif') {
+        this.columnData[7].disable = status;
+      } else {
+        this.columnData[10].disable = status;
+      }
+    },
+    disableColumnTingkat: function disableColumnTingkat(status) {
+      if (this.status == 'aktif') {
+        this.columnData[8].disable = status;
+      } else {
+        this.columnData[11].disable = status;
+      }
+    },
+    disableColumnStatus: function disableColumnStatus() {
+      if (this.status == 'aktif') {
+        this.columnData[7].disable = false;
+        this.columnData[8].disable = false;
+        this.columnData[9].disable = false;
+        this.columnData[10].disable = true;
+        this.columnData[11].disable = true;
+        this.columnData[12].disable = true;
+        this.columnData[13].disable = true;
+      } else {
+        this.columnData[7].disable = true;
+        this.columnData[8].disable = true;
+        this.columnData[9].disable = true;
+        this.columnData[10].disable = false;
+        this.columnData[11].disable = false;
+        this.columnData[12].disable = false;
+        this.columnData[13].disable = false;
+      }
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    ubahData: function ubahData(id) {
-      this.$router.push({
-        name: this.kelas + "Edit",
-        params: {
-          id: id
-        }
-      });
-    },
-    lihatTpCu: function lihatTpCu(id_cu) {
-      this.$router.push({
-        name: "tpCu",
-        params: {
-          cu: id_cu
-        }
-      });
+    ubah: function ubah(id, type) {
+      if (type == 'identitas') {
+        this.$router.push({
+          name: this.kelas + 'Edit',
+          params: {
+            id: id
+          }
+        });
+      } else if (type == 'riwayat') {
+        this.$router.push({
+          name: this.kelas + 'RiwayatEdit',
+          params: {
+            id: id
+          }
+        });
+      }
     },
     modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
-      this.modalState = "confirm-tutup";
+      this.modalState = 'confirm-tutup';
       this.state = state;
 
       if (isMobile) {
         this.selectedItem = itemMobile;
       }
 
-      if (state == "hapus") {
-        this.modalTitle = "Hapus " + this.title + " " + this.selectedItem.name + " ini?";
-        this.modalButton = "Iya, Hapus";
+      if (state == 'hapus') {
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ini?';
+        this.modalButton = 'Iya, Hapus';
       }
     },
     modalTutup: function modalTutup() {
       this.modalShow = false;
-      this.$store.dispatch(this.kelas + "/resetUpdateStat");
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == "hapus") {
-        this.$store.dispatch(this.kelas + "/destroy", this.selectedItem.id);
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
       }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("cu", {
-    itemData: "dataS",
-    itemDataStat: "dataStatS",
-    updateMessage: "update",
-    updateStat: "updateStat"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("auth", {
-    currentUser: "currentUser"
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
+    idCu: 'idCu'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'dataS',
+    modelCuStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
+    updateMessage: 'update',
+    updateStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/tableDeleted.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/tableDeleted.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
+/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
+
+//# sourceMappingURL=FileSaver.min.js.map
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
+  \************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "button",
+      {
+        staticClass: "btn btn-link btn-block",
+        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
+        on: { click: _vm.btnClick },
+      },
+      [
+        _vm.clicked
+          ? _c("span", [
+              _c("i", { staticClass: "icon-arrow-up12" }),
+              _vm._v(" Kembali "),
+              _c("i", { staticClass: "icon-arrow-up12" }),
+            ])
+          : _c("span", [
+              _c("i", { staticClass: "icon-arrow-down12" }),
+              _vm._v(" Selengkapnya "),
+              _c("i", { staticClass: "icon-arrow-down12" }),
+            ]),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
-  },
-  props: ["title", "kelas"],
-  data: function data() {
-    return {
-      selectedItem: [],
-      query: {
-        order_column: "no_ba",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      excelDownloadUrl: '',
-      columnData: [{
-        title: "No.",
-        name: "No."
-      }, {
-        title: "Foto",
-        name: "gambar",
-        hide: false
-      }, {
-        title: "Nama",
-        name: "name",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: "Nama Legal",
-        name: "name_legal",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: "No. BA",
-        name: "no_ba",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Jmlh TP/KP",
-        name: "has_tp_cu_count",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Badan Hukum",
-        name: "badan_hukum",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "NPWP",
-        name: "npwp",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "NIK",
-        name: "nik",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "SITU",
-        name: "situ",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "SIUSP",
-        name: "siusp",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Izin Operasional",
-        name: "izin_operasional",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Provinsi",
-        name: "provinces.name",
-        tipe: "string",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Kabupaten/Kota",
-        name: "regencies.name",
-        tipe: "string",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Kecamatan",
-        name: "districts.name",
-        tipe: "string",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Kelurahan",
-        name: "villages.name",
-        tipe: "string",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Alamat",
-        name: "alamat",
-        tipe: "string",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Aplikasi",
-        name: "app",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Tgl. Berdiri",
-        name: "ultah",
-        tipe: "datetime",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Tgl. Bergabung",
-        name: "bergabung",
-        tipe: "datetime",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Website",
-        name: "website",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "E-mail",
-        name: "email",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "No. Telp",
-        name: "telp",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "No. Hp",
-        name: "hp",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Kode Pos",
-        name: "pos",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Tgl. / Waktu Buat",
-        name: "created_at",
-        tipe: "datetime",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Tgl. / Waktu Ubah",
-        name: "updated_at",
-        tipe: "datetime",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Tgl. / Waktu Hapus",
-        name: "deleted_at",
-        tipe: "datetime",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      state: '',
-      modalShow: false,
-      modalState: "",
-      modalTitle: "",
-      modalContent: "",
-      modalButton: ""
-    };
-  },
-  created: function created() {
-    this.fetch(this.query);
-  },
-  watch: {
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = "Ok";
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = "";
-        this.fetch();
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = "";
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch(params) {
-      this.$store.dispatch(this.kelas + "/indexDeleted", params);
-      this.excelDownloadUrl = this.kelas;
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    lihatTpCu: function lihatTpCu(id_cu) {
-      this.$router.push({
-        name: "tpCu",
-        params: {
-          cu: id_cu
-        }
-      });
-    },
-    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.modalState = "confirm-tutup";
-      this.state = state;
-
-      if (isMobile) {
-        this.selectedItem = itemMobile;
-      }
-
-      if (state == "restore") {
-        this.modalTitle = "Aktifkan kembali " + this.title + " " + this.selectedItem.name + " ini?";
-        this.modalButton = "Iya, Aktifkan";
-      }
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-      this.$store.dispatch(this.kelas + "/resetUpdateStat");
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      if (this.state == "restore") {
-        this.$store.dispatch(this.kelas + "/restore", this.selectedItem.id);
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("cu", {
-    itemData: "dataDeletedS",
-    itemDataStat: "dataDeletedStatS",
-    updateMessage: "update",
-    updateStat: "updateStat"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("auth", {
-    currentUser: "currentUser"
-  }))
-});
 
 /***/ }),
 
-/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
-				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
-
-//# sourceMappingURL=FileSaver.min.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
-  \************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "button",
-      {
-        staticClass: "btn btn-link btn-block",
-        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
-        on: { click: _vm.btnClick },
-      },
-      [
-        _vm.clicked
-          ? _c("span", [
-              _c("i", { staticClass: "icon-arrow-up12" }),
-              _vm._v(" Kembali "),
-              _c("i", { staticClass: "icon-arrow-up12" }),
-            ])
-          : _c("span", [
-              _c("i", { staticClass: "icon-arrow-down12" }),
-              _vm._v(" Selengkapnya "),
-              _c("i", { staticClass: "icon-arrow-down12" }),
-            ]),
-      ]
-    ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/index.vue?vue&type=template&id=6c5411b0&":
-/*!*************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/index.vue?vue&type=template&id=6c5411b0& ***!
-  \*************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/index.vue?vue&type=template&id=21f06841&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/index.vue?vue&type=template&id=21f06841& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
@@ -1446,1025 +1166,734 @@ var render = function () {
         },
       }),
       _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemDataDeletedStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemDataDeleted,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
-                _c(
-                  "ul",
-                  { staticClass: "nav nav-tabs nav-tabs-solid bg-light" },
-                  [
-                    _c("li", { staticClass: "nav-item" }, [
-                      _c(
-                        "a",
-                        {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "table" },
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.changeTab("table")
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-table2 mr-2" }),
-                          _vm._v(" CU Anggota"),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("li", { staticClass: "nav-item" }, [
-                      _c(
-                        "a",
-                        {
-                          staticClass: "nav-link",
-                          class: { active: _vm.tabName == "tableDeleted" },
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.changeTab("tableDeleted")
-                            },
-                          },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-table2 mr-2" }),
-                          _vm._v(" CU Bukan Anggota Lagi"),
-                        ]
-                      ),
-                    ]),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _c(
-                    "div",
-                    {
-                      directives: [
-                        {
-                          name: "show",
-                          rawName: "v-show",
-                          value: _vm.tabName == "table",
-                          expression: "tabName == 'table'",
-                        },
-                      ],
-                    },
-                    [
-                      _c("table-data", {
-                        attrs: { title: _vm.title, kelas: _vm.kelas },
-                      }),
-                    ],
-                    1
-                  ),
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "transition",
-                {
-                  attrs: {
-                    "enter-active-class": "animated fadeIn",
-                    mode: "out-in",
-                  },
-                },
-                [
-                  _c(
-                    "div",
-                    {
-                      directives: [
-                        {
-                          name: "show",
-                          rawName: "v-show",
-                          value: _vm.tabName == "tableDeleted",
-                          expression: "tabName == 'tableDeleted'",
-                        },
-                      ],
-                    },
-                    [
-                      _c("table-data-deleted", {
-                        attrs: { title: _vm.title, kelas: _vm.kelas },
-                      }),
-                    ],
-                    1
-                  ),
-                ]
-              ),
-            ],
-            1
-          ),
-        ]),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/table.vue?vue&type=template&id=f91da7b8&":
-/*!*************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/table.vue?vue&type=template&id=f91da7b8& ***!
-  \*************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
-          },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  _c(
-                    "tr",
-                    {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
-                    },
-                    [
-                      _c("td", [
-                        _vm._v(
-                          "\n\t\t\t\t\t\t" +
-                            _vm._s(
-                              props.index +
-                                1 +
-                                (+_vm.itemData.current_page - 1) *
-                                  +_vm.itemData.per_page +
-                                "."
-                            ) +
-                            "\n\t\t\t\t\t"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c("td", [
-                            props.item.gambar
-                              ? _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src:
-                                      "/images/" +
-                                      _vm.kelas +
-                                      "/" +
-                                      props.item.gambar +
-                                      "n.jpg",
-                                    width: "40",
-                                  },
-                                })
-                              : _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src: "/images/no_image.jpg",
-                                    width: "40",
-                                  },
-                                }),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name_legal },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.no_ba },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.has_tp_count },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.has_manajemen_count,
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.has_pengurus_count },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[8].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.has_pengawas_count },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[9].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.has_komite_count },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[10].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.has_penasihat_count,
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[11].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.has_kolektor_count },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[12].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.has_kelompok_inti_count,
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[13].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.has_senior_manajer_count,
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[14].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.has_manajer_count },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[15].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.has_supervisor_count,
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[16].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.has_staf_count },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[17].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.has_kontrak_count },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[18].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value:
-                                    props.item.has_aktivis_tidak_aktif_count,
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[19].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.has_simpanan_count },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[20].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.has_pinjaman_count },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[21].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.has_simpanan_jalinan_count,
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[22].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.has_pinjaman_jalinan_count,
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[23].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.has_user_count },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[24].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.has_artikel_count },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[25].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.has_anggota_cu_count,
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[26].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.badan_hukum },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[27].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.npwp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[28].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.nik },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[29].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.situ },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[30].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.siusp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[31].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.izin_operasional },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[32].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.provinces
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.provinces.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[33].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.regencies
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.regencies.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[34].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.districts
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.districts.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[35].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.villages
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.villages.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[36].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.alamat },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[37].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.app },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[38].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.date(props.item.ultah)
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[39].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.date(props.item.bergabung)
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[40].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.website },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[41].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.email },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[42].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.telp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[43].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.hp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[44].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.pos },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[45].hide
-                        ? _c("td", {
-                            staticClass: "text-nowrap",
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[46].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                    ]
-                  ),
-                ]
-              },
-            },
-          ]),
-        },
-        [
+      _c("div", { staticClass: "page-container" }, [
+        _c("div", { staticClass: "page-content" }, [
           _c(
-            "template",
-            { slot: "button-desktop" },
+            "div",
+            { staticClass: "content-wrapper" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
                     },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t\t"),
-                    ]
-                  )
+                  })
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-                ? _c(
-                    "button",
+              _c("select-data", {
+                attrs: {
+                  kelas: _vm.kelas,
+                  path: _vm.selectCuPath,
+                  isPus: true,
+                  itemDataStat: _vm.itemDataStat,
+                },
+              }),
+              _vm._v(" "),
+              _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
+                _c(
+                  "ul",
+                  { staticClass: "nav nav-tabs nav-tabs-solid bg-light" },
+                  [
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "aktif" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("aktif")
+                            },
+                          },
+                        },
+                        [
+                          _c("i", {
+                            staticClass: "icon-checkbox-checked mr-2",
+                          }),
+                          _vm._v(" AKTIVIS AKTIF"),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "tidakAktif" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("tidakAktif")
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-cancel-square mr-2" }),
+                          _vm._v(" AKTIVIS TIDAK AKTIF"),
+                        ]
+                      ),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _c(
+                    "div",
                     {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.tabName == "aktif",
+                          expression: "tabName == 'aktif'",
                         },
-                      },
+                      ],
                     },
                     [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
+                      _c("table-data", {
+                        attrs: {
+                          title: _vm.title,
+                          kelas: _vm.kelas,
+                          status: "aktif",
+                          itemData: _vm.itemData,
+                          itemDataStat: _vm.itemDataStat,
+                        },
+                      }),
+                    ],
+                    1
+                  ),
+                ]
+              ),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
-                ? _c(
-                    "button",
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _vm.isTidakAktif
+                    ? _c(
+                        "div",
+                        {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.tabName == "tidakAktif",
+                              expression: "tabName == 'tidakAktif'",
+                            },
+                          ],
+                        },
+                        [
+                          _c("table-data", {
+                            attrs: {
+                              title: _vm.title,
+                              kelas: _vm.kelas,
+                              status: "tidakAktif",
+                              itemData: _vm.itemData2,
+                              itemDataStat: _vm.itemDataStat2,
+                            },
+                          }),
+                        ],
+                        1
+                      )
+                    : _vm._e(),
+                ]
+              ),
+            ],
+            1
+          ),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/select.vue?vue&type=template&id=e0ff02c6&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/select.vue?vue&type=template&id=e0ff02c6& ***!
+  \*******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("div", { staticClass: "card d-none d-md-block d-print-none" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("div", { staticClass: "row" }, [
+          _c("div", { staticClass: "col-sm-5" }, [
+            this.currentUser.id_cu === 0
+              ? _c("div", { staticClass: "input-group" }, [
+                  _vm._m(0),
+                  _vm._v(" "),
+                  _c(
+                    "select",
                     {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.idCu,
+                          expression: "idCu",
+                        },
+                      ],
+                      staticClass: "form-control",
+                      attrs: {
+                        name: "idCu",
+                        "data-width": "100%",
+                        disabled: _vm.modelCUStat === "loading",
+                      },
                       on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
+                        change: function ($event) {
+                          var $$selectedVal = Array.prototype.filter
+                            .call($event.target.options, function (o) {
+                              return o.selected
+                            })
+                            .map(function (o) {
+                              var val = "_value" in o ? o._value : o.value
+                              return val
+                            })
+                          _vm.idCu = $event.target.multiple
+                            ? $$selectedVal
+                            : $$selectedVal[0]
                         },
                       },
                     },
                     [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["index_tp"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: {
-                        disabled:
-                          !_vm.selectedItem.id ||
-                          _vm.selectedItem.has_tp_cu_count === 0,
+                      _c("option", { attrs: { disabled: "", value: "" } }, [
+                        _vm._v("Silahkan pilih data"),
+                      ]),
+                      _vm._v(" "),
+                      _vm._t("default"),
+                      _vm._v(" "),
+                      _c("option", { attrs: { value: "semua" } }, [
+                        _vm._v("Semua CU"),
+                      ]),
+                      _vm._v(" "),
+                      _vm.isPus
+                        ? _c("option", { attrs: { value: "0" } }, [
+                            _vm.currentUser.pus
+                              ? _c("span", [
+                                  _vm._v(_vm._s(_vm.currentUser.pus.name)),
+                                ])
+                              : _c("span", [_vm._v("PUSKOPCUINA")]),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _c("option", { attrs: { disabled: "", value: "" } }, [
+                        _vm._v("----------------"),
+                      ]),
+                      _vm._v(" "),
+                      _vm._l(_vm.modelCU, function (cu) {
+                        return cu
+                          ? _c("option", { domProps: { value: cu.id } }, [
+                              _vm._v(_vm._s(cu.name)),
+                            ])
+                          : _vm._e()
+                      }),
+                    ],
+                    2
+                  ),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "input-group-append" }, [
+                    _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-light",
+                        attrs: { disabled: _vm.modelCUStat === "loading" },
+                        on: { click: _vm.fetchCU },
                       },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.lihatTpCu(_vm.selectedItem.id)
+                      [
+                        _c("i", {
+                          staticClass: "icon-sync",
+                          class: { spinner: _vm.modelCUStat === "loading" },
+                        }),
+                      ]
+                    ),
+                  ]),
+                ])
+              : _vm._e(),
+          ]),
+          _vm._v(" "),
+          _c(
+            "div",
+            {
+              class: {
+                "col-sm-5": _vm.currentUser.id_cu == 0,
+                "col-sm-12": _vm.currentUser.id_cu != 0,
+              },
+            },
+            [
+              _c("div", { staticClass: "input-group" }, [
+                _vm._m(1),
+                _vm._v(" "),
+                _c(
+                  "select",
+                  {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.tingkat,
+                        expression: "tingkat",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      name: "tingkat",
+                      "data-width": "100%",
+                      disabled: _vm.modelCUStat === "loading",
+                    },
+                    on: {
+                      change: [
+                        function ($event) {
+                          var $$selectedVal = Array.prototype.filter
+                            .call($event.target.options, function (o) {
+                              return o.selected
+                            })
+                            .map(function (o) {
+                              var val = "_value" in o ? o._value : o.value
+                              return val
+                            })
+                          _vm.tingkat = $event.target.multiple
+                            ? $$selectedVal
+                            : $$selectedVal[0]
+                        },
+                        function ($event) {
+                          return _vm.changeTingkat($event.target.value)
+                        },
+                      ],
+                    },
+                  },
+                  [
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("Silahkan pilih tingkat"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "semua" } }, [
+                      _vm._v("Semua Tingkat"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("----------------"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "pengurus" } }, [
+                      _vm._v("Pengurus"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "pengawas" } }, [
+                      _vm._v("Pengawas"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "komite" } }, [
+                      _vm._v("Komite"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "penasihat" } }, [
+                      _vm._v("Penasihat"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "manajemen" } }, [
+                      _vm._v(" Manajemen"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "kolektor" } }, [
+                      _vm._v("Kolektor"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "kelompok_inti" } }, [
+                      _vm._v("Kelompok Inti"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "vendor_smartcu" } }, [
+                      _vm._v("Vendor sMartCU"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("----------------"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "senior_manajer" } }, [
+                      _vm._v("Senior Manajer"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "manajer" } }, [
+                      _vm._v("Manajer"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "supervisor" } }, [
+                      _vm._v("Supervisor"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "staf" } }, [
+                      _vm._v("Staf"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "supporting_unit" } }, [
+                      _vm._v("Supporting Unit"),
+                    ]),
+                  ]
+                ),
+              ]),
+            ]
+          ),
+          _vm._v(" "),
+          this.currentUser.id_cu == 0
+            ? _c("div", { staticClass: "col-sm-2" }, [
+                _vm.itemDataStat != "loading"
+                  ? _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-light btn-icon btn-block",
+                        attrs: { type: "button" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.fetch()
+                          },
                         },
                       },
+                      [
+                        _c("i", { staticClass: "icon-folder-open3" }),
+                        _vm._v("  Tampilkan\n\t\t\t\t\t"),
+                      ]
+                    )
+                  : _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-light btn-icon btn-block",
+                        attrs: { type: "button" },
+                      },
+                      [_c("i", { staticClass: "icon-sync spinner" })]
+                    ),
+              ])
+            : _vm._e(),
+        ]),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "card d-block d-md-none d-print-none" }, [
+      _c("div", { staticClass: "card-body" }, [
+        this.currentUser.id_cu == 0
+          ? _c("div", [
+              _c("div", { staticClass: "input-group" }, [
+                _vm._m(2),
+                _vm._v(" "),
+                _c(
+                  "select",
+                  {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.idCu,
+                        expression: "idCu",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      name: "idCu",
+                      "data-width": "100%",
+                      disabled: _vm.modelCUStat === "loading",
+                    },
+                    on: {
+                      change: function ($event) {
+                        var $$selectedVal = Array.prototype.filter
+                          .call($event.target.options, function (o) {
+                            return o.selected
+                          })
+                          .map(function (o) {
+                            var val = "_value" in o ? o._value : o.value
+                            return val
+                          })
+                        _vm.idCu = $event.target.multiple
+                          ? $$selectedVal
+                          : $$selectedVal[0]
+                      },
                     },
-                    [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat TP/KP \n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
+                  },
+                  [
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("Silahkan pilih data"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "semua" } }, [
+                      _vm._v("Semua CU"),
+                    ]),
+                    _vm._v(" "),
+                    _vm.isPus
+                      ? _c("option", { attrs: { value: "0" } }, [
+                          _vm.currentUser.pus
+                            ? _c("span", [
+                                _vm._v(_vm._s(_vm.currentUser.pus.name)),
+                              ])
+                            : _c("span", [_vm._v("PUSKOPCUINA")]),
+                        ])
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("----------------"),
+                    ]),
+                    _vm._v(" "),
+                    _vm._l(_vm.modelCU, function (cu) {
+                      return cu
+                        ? _c("option", { domProps: { value: cu.id } }, [
+                            _vm._v(_vm._s(cu.name)),
+                          ])
+                        : _vm._e()
+                    }),
+                  ],
+                  2
+                ),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "pt-2" }, [
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-lg btn-block",
+                    attrs: { disabled: _vm.modelCUStat === "loading" },
+                    on: { click: _vm.fetchCU },
+                  },
+                  [
+                    _c("i", {
+                      staticClass: "icon-sync",
+                      class: { spinner: _vm.modelCUStat === "loading" },
+                    }),
+                    _vm._v(" Reload\n\t\t\t\t\t"),
+                  ]
+                ),
+              ]),
+            ])
+          : _vm._e(),
+        _vm._v(" "),
+        _c("div", { staticClass: "input-group pt-2" }, [
+          _vm._m(3),
           _vm._v(" "),
           _c(
-            "template",
-            { slot: "button-mobile" },
+            "select",
+            {
+              directives: [
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.tingkat,
+                  expression: "tingkat",
+                },
+              ],
+              staticClass: "form-control",
+              attrs: {
+                name: "tingkat",
+                "data-width": "100%",
+                disabled: _vm.modelCUStat === "loading",
+              },
+              on: {
+                change: [
+                  function ($event) {
+                    var $$selectedVal = Array.prototype.filter
+                      .call($event.target.options, function (o) {
+                        return o.selected
+                      })
+                      .map(function (o) {
+                        var val = "_value" in o ? o._value : o.value
+                        return val
+                      })
+                    _vm.tingkat = $event.target.multiple
+                      ? $$selectedVal
+                      : $$selectedVal[0]
+                  },
+                  function ($event) {
+                    return _vm.changeTingkat($event.target.value)
+                  },
+                ],
+              },
+            },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
+              _c("option", { attrs: { disabled: "", value: "" } }, [
+                _vm._v("Silahkan pilih tingkat"),
+              ]),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
+              _c("option", { attrs: { value: "semua" } }, [
+                _vm._v("Semua Tingkat"),
+              ]),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
+              _c("option", { attrs: { disabled: "", value: "" } }, [
+                _vm._v("----------------"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "pengurus" } }, [
+                _vm._v("Pengurus"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "pengawas" } }, [
+                _vm._v("Pengawas"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "komite" } }, [_vm._v("Komite")]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "penasihat" } }, [
+                _vm._v("Penasihat"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "manajemen" } }, [
+                _vm._v(" Manajemen"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "kolektor" } }, [
+                _vm._v("Kolektor"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "kelompok_inti" } }, [
+                _vm._v("Kelompok Inti"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "vendor_smartcu" } }, [
+                _vm._v("Vendor sMartCU"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { disabled: "", value: "" } }, [
+                _vm._v("----------------"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "senior_manajer" } }, [
+                _vm._v("Senior Manajer"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "manajer" } }, [
+                _vm._v("Manajer"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "supervisor" } }, [
+                _vm._v("Supervisor"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "staf" } }, [_vm._v("Staf")]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "kontrak" } }, [
+                _vm._v("Kontrak"),
+              ]),
+              _vm._v(" "),
+              _c("option", { attrs: { value: "supporting_unit" } }, [
+                _vm._v("Supporting Unit"),
+              ]),
+            ]
+          ),
+        ]),
+        _vm._v(" "),
+        this.currentUser.id_cu == 0
+          ? _c("div", { staticClass: "pt-2" }, [
+              _vm.itemDataStat != "loading"
                 ? _c(
                     "button",
                     {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
+                      staticClass: "btn btn-light btn-icon btn-block",
+                      attrs: { type: "button" },
                       on: {
                         click: function ($event) {
                           $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
+                          return _vm.fetch()
                         },
                       },
                     },
                     [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t\t"),
+                      _c("i", { staticClass: "icon-folder-open3" }),
+                      _vm._v(" Tampilkan\n\t\t\t\t"),
                     ]
                   )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["index_tp"]
-                ? _c(
+                : _c(
                     "button",
                     {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: {
-                        disabled:
-                          !_vm.selectedItem.id ||
-                          _vm.selectedItem.has_tp_cu_count === 0,
-                      },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.lihatTpCu(_vm.selectedItem.id)
-                        },
-                      },
+                      staticClass: "btn btn-light btn-icon btn-block",
+                      attrs: { type: "button" },
                     },
-                    [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat TP/KP \n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
-        ],
-        2
-      ),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
-        },
-        on: {
-          tutup: _vm.modalTutup,
-          confirmOk: _vm.modalConfirmOk,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalTutup,
-        },
-      }),
-    ],
-    1
-  )
+                    [_c("i", { staticClass: "icon-sync spinner" })]
+                  ),
+            ])
+          : _vm._e(),
+      ]),
+    ]),
+  ])
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Data")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [
+        _vm._v("Pilih Tingkat"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Data")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [
+        _vm._v("Pilih Tingkat"),
+      ]),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/tableDeleted.vue?vue&type=template&id=4172c705&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/tableDeleted.vue?vue&type=template&id=4172c705& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/table.vue?vue&type=template&id=48e8c586&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/aktivis/table.vue?vue&type=template&id=48e8c586& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -2489,7 +1918,6 @@ var render = function () {
             query: _vm.query,
             itemDataStat: _vm.itemDataStat,
             excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
@@ -2511,19 +1939,21 @@ var render = function () {
                       },
                     },
                     [
-                      _c("td", [
-                        _vm._v(
-                          "\n\t\t\t\t\t\t" +
-                            _vm._s(
-                              props.index +
-                                1 +
-                                (+_vm.itemData.current_page - 1) *
-                                  +_vm.itemData.per_page +
-                                "."
-                            ) +
-                            "\n\t\t\t\t\t"
-                        ),
-                      ]),
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[1].hide
                         ? _c("td", [
@@ -2537,15 +1967,11 @@ var render = function () {
                                       "/" +
                                       props.item.gambar +
                                       "n.jpg",
-                                    width: "40",
                                   },
                                 })
                               : _c("img", {
                                   staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src: "/images/no_image.jpg",
-                                    width: "40",
-                                  },
+                                  attrs: { src: "/images/no_image_man.jpg" },
                                 }),
                           ])
                         : _vm._e(),
@@ -2562,12 +1988,12 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[3].hide
+                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.name_legal },
+                                attrs: { value: props.item.nim },
                               }),
                             ],
                             1
@@ -2579,7 +2005,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.no_ba },
+                                attrs: { value: props.item.nim_cu },
                               }),
                             ],
                             1
@@ -2591,7 +2017,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.has_tp_count },
+                                attrs: { value: props.item.nik },
                               }),
                             ],
                             1
@@ -2603,80 +2029,206 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.badan_hukum },
+                                attrs: { value: props.item.npwp },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[7].hide
+                      !_vm.columnData[7].hide && !_vm.columnData[7].disable
+                        ? _c("td", [
+                            props.item.pekerjaan_aktif &&
+                            props.item.pekerjaan_aktif.tipe == 1
+                              ? _c(
+                                  "span",
+                                  [
+                                    props.item.pekerjaan_aktif.cu
+                                      ? _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.pekerjaan_aktif.cu
+                                                .name,
+                                          },
+                                        })
+                                      : _c("span", [_vm._v("-")]),
+                                  ],
+                                  1
+                                )
+                              : props.item.pekerjaan_aktif &&
+                                props.item.pekerjaan_aktif.tipe == 2
+                              ? _c(
+                                  "span",
+                                  [
+                                    props.item.pekerjaan_aktif.lembaga_lain
+                                      ? _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.pekerjaan_aktif
+                                                .lembaga_lain.name,
+                                          },
+                                        })
+                                      : _c("span", [_vm._v("-")]),
+                                  ],
+                                  1
+                                )
+                              : props.item.pekerjaan_aktif &&
+                                props.item.pekerjaan_aktif.tipe == 3
+                              ? _c("span", [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t"
+                                  ),
+                                ])
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide &&
+                      !_vm.columnData[8].disable &&
+                      props.item.pekerjaan_aktif.tingkat
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.npwp },
-                              }),
+                              props.item.pekerjaan_aktif
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value:
+                                        props.item.pekerjaan_aktif.tingkat_name,
+                                    },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[8].hide
+                      !_vm.columnData[9].hide && !_vm.columnData[9].disable
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.nik },
-                              }),
+                              props.item.pekerjaan_aktif
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.pekerjaan_aktif.name,
+                                    },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[9].hide
+                      !_vm.columnData[10].hide && !_vm.columnData[10].disable
+                        ? _c("td", [
+                            props.item.pekerjaan_tidak_aktif &&
+                            props.item.pekerjaan_tidak_aktif.tipe == 1
+                              ? _c(
+                                  "span",
+                                  [
+                                    props.item.pekerjaan_tidak_aktif.cu
+                                      ? _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.pekerjaan_tidak_aktif
+                                                .cu.name,
+                                          },
+                                        })
+                                      : _c("span", [_vm._v("-")]),
+                                  ],
+                                  1
+                                )
+                              : props.item.pekerjaan_tidak_aktif &&
+                                props.item.pekerjaan_tidak_aktif.tipe == 2
+                              ? _c(
+                                  "span",
+                                  [
+                                    props.item.pekerjaan_tidak_aktif
+                                      .lembaga_lain
+                                      ? _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.pekerjaan_tidak_aktif
+                                                .lembaga_lain.name,
+                                          },
+                                        })
+                                      : _c("span", [_vm._v("-")]),
+                                  ],
+                                  1
+                                )
+                              : props.item.pekerjaan_tidak_aktif &&
+                                props.item.pekerjaan_tidak_aktif.tipe == 3
+                              ? _c("span", [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t"
+                                  ),
+                                ])
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[11].hide && !_vm.columnData[11].disable
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.situ },
-                              }),
+                              props.item.pekerjaan_tidak_aktif
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value:
+                                        props.item.pekerjaan_tidak_aktif
+                                          .keterangan_tidak_aktif,
+                                    },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[10].hide
+                      !_vm.columnData[12].hide && !_vm.columnData[12].disable
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.siusp },
-                              }),
+                              props.item.pekerjaan_tidak_aktif
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value:
+                                        props.item.pekerjaan_tidak_aktif
+                                          .tingkat_name,
+                                    },
+                                  })
+                                : _vm._e(),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[11].hide
+                      !_vm.columnData[13].hide && !_vm.columnData[13].disable
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.izin_operasional },
-                              }),
+                              props.item.pekerjaan_tidak_aktif
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value:
+                                        props.item.pekerjaan_tidak_aktif.name,
+                                    },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[12].hide && !_vm.columnData[12].disable
+                      !_vm.columnData[14].hide
                         ? _c(
                             "td",
                             [
-                              props.item.provinces
+                              props.item.pendidikan_tertinggi
                                 ? _c("check-value", {
-                                    attrs: { value: props.item.provinces.name },
+                                    attrs: {
+                                      value:
+                                        props.item.pendidikan_tertinggi.tingkat,
+                                    },
                                   })
                                 : _c("span", [_vm._v("-")]),
                             ],
@@ -2684,13 +2236,16 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[13].hide && !_vm.columnData[13].disable
+                      !_vm.columnData[15].hide
                         ? _c(
                             "td",
                             [
-                              props.item.regencies
+                              props.item.pendidikan_tertinggi
                                 ? _c("check-value", {
-                                    attrs: { value: props.item.regencies.name },
+                                    attrs: {
+                                      value:
+                                        props.item.pendidikan_tertinggi.name,
+                                    },
                                   })
                                 : _c("span", [_vm._v("-")]),
                             ],
@@ -2698,139 +2253,195 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[14].hide && !_vm.columnData[14].disable
+                      !_vm.columnData[16].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.email },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[17].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.hp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[18].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.kontak },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[19].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.kelamin },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[20].hide
                         ? _c(
                             "td",
                             [
-                              props.item.districts
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.districts.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
+                              _c("check-value", {
+                                attrs: { value: props.item.darah },
+                              }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[15].hide && !_vm.columnData[15].disable
+                      !_vm.columnData[21].hide
                         ? _c(
                             "td",
                             [
-                              props.item.villages
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.villages.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
+                              _c("check-value", {
+                                attrs: { value: props.item.tinggi },
+                              }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[16].hide
+                      !_vm.columnData[22].hide
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.alamat },
+                                attrs: { value: props.item.agama },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[17].hide
+                      !_vm.columnData[23].hide
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.app },
+                                attrs: { value: props.item.status },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[18].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.date(props.item.ultah)
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[19].hide
+                      !_vm.columnData[24].hide
                         ? _c("td", {
                             domProps: {
                               innerHTML: _vm._s(
-                                _vm.$options.filters.date(props.item.bergabung)
+                                _vm.$options.filters.date(
+                                  props.item.tanggal_lahir
+                                )
                               ),
                             },
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[20].hide
+                      !_vm.columnData[25].hide
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.website },
+                                attrs: { value: props.item.tempat_lahir },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[21].hide
+                      !_vm.columnData[26].hide && !_vm.columnData[26].disable
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.email },
-                              }),
+                              props.item.provinces
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.provinces.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[22].hide
+                      !_vm.columnData[27].hide && !_vm.columnData[27].disable
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.telp },
-                              }),
+                              props.item.regencies
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.regencies.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[23].hide
+                      !_vm.columnData[28].hide && !_vm.columnData[28].disable
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.hp },
-                              }),
+                              props.item.districts
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.districts.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[24].hide
+                      !_vm.columnData[29].hide && !_vm.columnData[29].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.villages
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.villages.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[30].hide
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.pos },
+                                attrs: { value: props.item.alamat },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[25].hide
+                      !_vm.columnData[31].hide
                         ? _c("td", {
                             staticClass: "text-nowrap",
                             domProps: {
@@ -2843,7 +2454,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[26].hide
+                      !_vm.columnData[32].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -2858,20 +2469,6 @@ var render = function () {
                               : _c("span", [_vm._v("-")]),
                           ])
                         : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[27].hide
-                        ? _c("td", [
-                            _c("span", {
-                              domProps: {
-                                innerHTML: _vm._s(
-                                  _vm.$options.filters.dateTime(
-                                    props.item.deleted_at
-                                  )
-                                ),
-                              },
-                            }),
-                          ])
-                        : _vm._e(),
                     ]
                   ),
                 ]
@@ -2880,97 +2477,179 @@ var render = function () {
           ]),
         },
         [
-          _c("template", { slot: "button-desktop" }, [
-            _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-icon mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("restore")
+          _c(
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubah(_vm.selectedItem.id, "identitas")
+                        },
                       },
                     },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-checkbox-checked2" }),
-                    _vm._v(" Aktifkan Kembali\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["index_tp"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-icon mb-1",
-                    attrs: {
-                      disabled:
-                        !_vm.selectedItem.id ||
-                        _vm.selectedItem.has_tp_cu_count === 0,
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah Identitas\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-icon mb-1",
+                  attrs: { disabled: !_vm.selectedItem.id },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.ubah(_vm.selectedItem.id, "riwayat")
                     },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.lihatTpCu(_vm.selectedItem.id)
+                  },
+                },
+                [
+                  _vm.currentUser.can &&
+                  _vm.currentUser.can["update_" + _vm.kelas]
+                    ? _c("span", [
+                        _c("i", { staticClass: "icon-pencil5" }),
+                        _vm._v(" Ubah Riwayat\n\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _c("i", { staticClass: "icon-profile" }),
+                        _vm._v(" Riwayat\n\t\t\t\t"),
+                      ]),
+                ]
+              ),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
                       },
                     },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-file-eye" }),
-                    _vm._v(" Lihat TP/KP \n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-          ]),
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
           _vm._v(" "),
-          _c("template", { slot: "button-mobile" }, [
-            _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-icon btn-block pb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("restore")
-                      },
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-icon btn-block mb-1",
+                  attrs: { disabled: !_vm.selectedItem.id },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.ubah(_vm.selectedItem.id, "identitas")
                     },
                   },
-                  [
-                    _c("i", { staticClass: "icon-checkbox-checked2" }),
-                    _vm._v(" Aktifkan Kembali\n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["index_tp"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-icon btn-block pb-1",
-                    attrs: {
-                      disabled:
-                        !_vm.selectedItem.id ||
-                        _vm.selectedItem.has_tp_cu_count === 0,
+                },
+                [
+                  _vm.currentUser.can &&
+                  _vm.currentUser.can["update_" + _vm.kelas]
+                    ? _c("span", [
+                        _c("i", { staticClass: "icon-pencil5" }),
+                        _vm._v(" Ubah Riwayat\n\t\t\t\t"),
+                      ])
+                    : _c("span", [
+                        _c("i", { staticClass: "icon-profile" }),
+                        _vm._v(" Riwayat\n\t\t\t\t"),
+                      ]),
+                ]
+              ),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubah(_vm.selectedItem.id, "riwayat")
+                        },
+                      },
                     },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.lihatTpCu(_vm.selectedItem.id)
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah Riwayat\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
                       },
                     },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-file-eye" }),
-                    _vm._v(" Lihat TP/KP \n\t\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-          ]),
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
         ],
         2
       ),
@@ -3071,17 +2750,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/cu/index.vue":
-/*!************************************************!*\
-  !*** ./resources/assets/js/views/cu/index.vue ***!
-  \************************************************/
+/***/ "./resources/assets/js/views/aktivis/index.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/views/aktivis/index.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_6c5411b0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=6c5411b0& */ "./resources/assets/js/views/cu/index.vue?vue&type=template&id=6c5411b0&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/cu/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_21f06841___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=21f06841& */ "./resources/assets/js/views/aktivis/index.vue?vue&type=template&id=21f06841&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/aktivis/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3092,8 +2771,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_6c5411b0___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_6c5411b0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_21f06841___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_21f06841___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3103,54 +2782,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/cu/index.vue"
+component.options.__file = "resources/assets/js/views/aktivis/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/cu/index.vue?vue&type=script&lang=js&":
-/*!*************************************************************************!*\
-  !*** ./resources/assets/js/views/cu/index.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************/
+/***/ "./resources/assets/js/views/aktivis/index.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/views/aktivis/index.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/cu/index.vue?vue&type=template&id=6c5411b0&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/cu/index.vue?vue&type=template&id=6c5411b0& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/aktivis/index.vue?vue&type=template&id=21f06841&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/aktivis/index.vue?vue&type=template&id=21f06841& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_6c5411b0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=6c5411b0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/index.vue?vue&type=template&id=6c5411b0&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_6c5411b0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_21f06841___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=21f06841& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/index.vue?vue&type=template&id=21f06841&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_21f06841___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_6c5411b0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_21f06841___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/cu/table.vue":
-/*!************************************************!*\
-  !*** ./resources/assets/js/views/cu/table.vue ***!
-  \************************************************/
+/***/ "./resources/assets/js/views/aktivis/select.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/aktivis/select.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_f91da7b8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=f91da7b8& */ "./resources/assets/js/views/cu/table.vue?vue&type=template&id=f91da7b8&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/cu/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _select_vue_vue_type_template_id_e0ff02c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./select.vue?vue&type=template&id=e0ff02c6& */ "./resources/assets/js/views/aktivis/select.vue?vue&type=template&id=e0ff02c6&");
+/* harmony import */ var _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./select.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/aktivis/select.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3160,9 +2839,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_f91da7b8___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_f91da7b8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _select_vue_vue_type_template_id_e0ff02c6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _select_vue_vue_type_template_id_e0ff02c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3172,54 +2851,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/cu/table.vue"
+component.options.__file = "resources/assets/js/views/aktivis/select.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/cu/table.vue?vue&type=script&lang=js&":
-/*!*************************************************************************!*\
-  !*** ./resources/assets/js/views/cu/table.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************/
+/***/ "./resources/assets/js/views/aktivis/select.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/aktivis/select.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/select.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/cu/table.vue?vue&type=template&id=f91da7b8&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/cu/table.vue?vue&type=template&id=f91da7b8& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/aktivis/select.vue?vue&type=template&id=e0ff02c6&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/aktivis/select.vue?vue&type=template&id=e0ff02c6& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_f91da7b8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=f91da7b8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/table.vue?vue&type=template&id=f91da7b8&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_f91da7b8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_e0ff02c6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=template&id=e0ff02c6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/select.vue?vue&type=template&id=e0ff02c6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_e0ff02c6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_f91da7b8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_e0ff02c6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/cu/tableDeleted.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/views/cu/tableDeleted.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/aktivis/table.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/views/aktivis/table.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _tableDeleted_vue_vue_type_template_id_4172c705___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tableDeleted.vue?vue&type=template&id=4172c705& */ "./resources/assets/js/views/cu/tableDeleted.vue?vue&type=template&id=4172c705&");
-/* harmony import */ var _tableDeleted_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tableDeleted.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/cu/tableDeleted.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_48e8c586___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=48e8c586& */ "./resources/assets/js/views/aktivis/table.vue?vue&type=template&id=48e8c586&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/aktivis/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -3229,9 +2908,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _tableDeleted_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _tableDeleted_vue_vue_type_template_id_4172c705___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _tableDeleted_vue_vue_type_template_id_4172c705___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_48e8c586___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_48e8c586___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -3241,38 +2920,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/cu/tableDeleted.vue"
+component.options.__file = "resources/assets/js/views/aktivis/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/cu/tableDeleted.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/cu/tableDeleted.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/aktivis/table.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/views/aktivis/table.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tableDeleted_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./tableDeleted.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/tableDeleted.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tableDeleted_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/cu/tableDeleted.vue?vue&type=template&id=4172c705&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/cu/tableDeleted.vue?vue&type=template&id=4172c705& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/aktivis/table.vue?vue&type=template&id=48e8c586&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/aktivis/table.vue?vue&type=template&id=48e8c586& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tableDeleted_vue_vue_type_template_id_4172c705___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./tableDeleted.vue?vue&type=template&id=4172c705& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/tableDeleted.vue?vue&type=template&id=4172c705&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tableDeleted_vue_vue_type_template_id_4172c705___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_48e8c586___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=48e8c586& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/aktivis/table.vue?vue&type=template&id=48e8c586&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_48e8c586___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tableDeleted_vue_vue_type_template_id_4172c705___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_48e8c586___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/80.js b/public/js/components/80.js
index 88f6dccb2..0171df022 100644
--- a/public/js/components/80.js
+++ b/public/js/components/80.js
@@ -1,22 +1,14 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[80],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -30,76 +22,57 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
-    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
   props: {
-    value: {
-      "default": ''
-    },
-    frontText: {
+    id: {
       "default": ''
-    },
-    trimLength: {
-      "default": 50
-    },
-    valueType: {
-      "default": 'trim'
-    },
-    empty: {
-      "default": '-'
     }
   },
   data: function data() {
     return {
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
+      clicked: false
     };
   },
   methods: {
-    modalOpen: function modalOpen() {
-      this.modalShow = true;
-      this.modalState = 'content-tutup';
-      this.modalContent = this.value;
-      this.modalButton = 'Tutup';
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-    },
-    strip: function strip(html) {
-      var tmp = document.createElement("DIV");
-      tmp.innerHTML = html;
-      return tmp.textContent || tmp.innerText || "";
+    btnClick: function btnClick() {
+      var _this = this;
+
+      if (this.clicked) {
+        setTimeout(function () {
+          return _this.clicked = false;
+        }, 400);
+      } else {
+        this.clicked = true;
+      }
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/index.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/index.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/cu/table.vue");
+/* harmony import */ var _tableDeleted_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./tableDeleted.vue */ "./resources/assets/js/views/cu/tableDeleted.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
 //
 //
 //
@@ -153,160 +126,61 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['columnData', 'itemDataStat', 'items'],
-  components: {},
-  data: function data() {
-    return {};
-  },
-  methods: {}
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    title: {
-      "default": ''
-    },
-    titleIcon: {
-      "default": ''
-    },
-    titleDesc: {
-      "default": ''
-    },
-    level: {
-      "default": 1
-    },
-    level2Title: {
-      "default": ''
-    },
-    level2Route: {
-      "default": ''
-    }
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    tableDataDeleted: _tableDeleted_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'CU',
+      kelas: 'cu',
+      titleDesc: 'Mengelola data CU',
+      titleIcon: 'icon-office',
+      tabName: 'table',
+      isTableDeleted: false
+    };
   },
   methods: {
-    level2Back: function level2Back() {
-      this.$emit('level2Back');
-    },
-    route1: function route1() {
-      if (this.btn1RouteParams) {
-        this.$router.push({
-          name: this.btn1Route,
-          params: {
-            cu: this.btn1RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn1Route
-        });
-      }
-    },
-    route2: function route2() {
-      if (this.btn2RouteParams) {
-        this.$router.push({
-          name: this.btn2Route,
-          params: {
-            cu: this.btn2RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn2Route
-        });
-      }
-    },
-    route3: function route3() {
-      if (this.btn3RouteParams) {
-        this.$router.push({
-          name: this.btn3Route,
-          params: {
-            cu: this.btn3RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn3Route
-        });
+    changeTab: function changeTab(value) {
+      this.tabName = value;
+
+      if (value == 'tableDeleted' && !this.isTableDeleted) {
+        this.isTableDeleted = true;
       }
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    itemDataDeleted: 'dataDeletedS',
+    itemDataDeletedStat: 'dataDeletedStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draft.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/draft.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/table.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/table.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
 /* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -524,30 +398,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -556,155 +406,444 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
     checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
+  props: ["title", "kelas"],
   data: function data() {
     return {
-      title: 'Laporan CU [Draft]',
-      kelas: 'laporanCu',
-      titleDesc: 'Mengelola data laporan Cu dari file excel',
-      titleIcon: 'icon-stats-bars2',
       selectedItem: [],
+      query: {
+        order_column: "no_ba",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      excelDownloadUrl: '',
       columnData: [{
-        title: 'No.'
+        title: "No.",
+        name: "No."
       }, {
-        title: "CU"
+        title: "Foto",
+        name: "gambar",
+        hide: false
       }, {
-        title: 'No. BA'
+        title: "Nama",
+        name: "name",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
       }, {
-        title: 'Periode'
+        title: "Nama Legal",
+        name: "name_legal",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
       }, {
-        title: "Lelaki Biasa"
+        title: "No. BA",
+        name: "no_ba",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Lelaki L.Biasa"
+        title: "Jmlh TP/KP",
+        name: "has_tp_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Perempuan Biasa"
+        title: "Jmlh Manajemen",
+        name: "has_manajemen_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Perempuan L.Biasa"
+        title: "Jmlh Pengurus",
+        name: "has_pengurus_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Total Anggota"
+        title: "Jmlh Pengawas",
+        name: "has_pengawas_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Total Anggota Lalu"
+        title: "Jmlh Komite",
+        name: "has_komite_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Aset"
+        title: "Jmlh Penasihat",
+        name: "has_penasihat_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Aset Lalu"
+        title: "Jmlh Kolektor",
+        name: "has_kolektor_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Aset Masalah"
+        title: "Jmlh Kelompok Inti",
+        name: "has_kelompok_inti_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Aset Tdk Menghasilkan"
+        title: "Jmlh Senior Manajer",
+        name: "has_senior_manajer_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Aktiva Lancar"
+        title: "Jmlh Manajer",
+        name: "has_manajer_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Simp. Saham"
+        title: "Jmlh Supervisor",
+        name: "has_supervisor_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Simp. Saham Lalu"
+        title: "Jmlh Staf",
+        name: "has_staf_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Simp. Saham Des"
+        title: "Jmlh Kontrak",
+        name: "has_kontrak_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Simp. Nonsaham Unggulan"
+        title: "Jmlh Aktivis Tidak Aktif",
+        name: "has_aktivis_tidak_aktif_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Simp. Nonsaham Harian"
+        title: "Jmlh Simpanan",
+        name: "has_simpanan_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Hutang SPD"
+        title: "Jmlh Pinjaman",
+        name: "has_pinjaman_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Hutang Tdk Berbiaya"
+        title: "Jmlh Simpanan Jalinan",
+        name: "has_simpanan_jalinan_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Total Hutang Pihak Ke-3"
+        title: "Jmlh Pinjaman Jalinan",
+        name: "has_pinjaman_jalinan_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Piutang Beredar"
+        title: "Jmlh User SIMO",
+        name: "has_user_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Piutang Bersih"
+        title: "Jmlh Artikel",
+        name: "has_artikel_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Piutang Anggota"
+        title: "Jmlh Anggota CU",
+        name: "has_anggota_cu_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Piutang Lalai 1-12 Bulan"
+        title: "Badan Hukum",
+        name: "badan_hukum",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Piutang Lalai > 12 Bulan"
+        title: "NPWP",
+        name: "npwp",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Rasio Piutang Beredar"
+        title: "NIK",
+        name: "nik",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Rasio Piutang Lalai"
+        title: "SITU",
+        name: "situ",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "DCR"
+        title: "SIUSP",
+        name: "siusp",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "DCU"
+        title: "Izin Operasional",
+        name: "izin_operasional",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Iuran Gedung"
+        title: "Provinsi",
+        name: "provinces.name",
+        tipe: "string",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Donasi"
+        title: "Kabupaten/Kota",
+        name: "regencies.name",
+        tipe: "string",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "BJS Saham"
+        title: "Kecamatan",
+        name: "districts.name",
+        tipe: "string",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Beban Penyisihan DCR"
+        title: "Kelurahan",
+        name: "villages.name",
+        tipe: "string",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Investasi Likuid"
+        title: "Alamat",
+        name: "alamat",
+        tipe: "string",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Total Pendapatan"
+        title: "Aplikasi",
+        name: "app",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Total Biaya"
+        title: "Tgl. Berdiri",
+        name: "ultah",
+        tipe: "datetime",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "SHU"
+        title: "Tgl. Bergabung",
+        name: "bergabung",
+        tipe: "datetime",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "SHU Lalu"
+        title: "Website",
+        name: "website",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Rata-rata Aset"
+        title: "E-mail",
+        name: "email",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Laju Inflasi"
+        title: "No. Telp",
+        name: "telp",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Harga Pasar"
+        title: "No. Hp",
+        name: "hp",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Tgl. Buat"
+        title: "Kode Pos",
+        name: "pos",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Tgl. Ubah"
+        title: "Tgl. / Waktu Buat",
+        name: "created_at",
+        tipe: "datetime",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Tgl. / Waktu Ubah",
+        name: "updated_at",
+        tipe: "datetime",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }],
       state: '',
       modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
+      modalState: "",
+      modalTitle: "",
+      modalContent: "",
+      modalButton: ""
     };
   },
   created: function created() {
-    this.fetch();
+    this.fetch(this.query);
   },
   watch: {
-    // when updating data
     updateStat: function updateStat(value) {
       this.modalState = value;
-      this.modalButton = 'Ok';
+      this.modalButton = "Ok";
 
-      if (value == "success") {
+      if (value === "success") {
         this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
+        this.modalContent = "";
         this.fetch();
-      } else if (value == "fail") {
+      } else if (value === "fail") {
         this.modalContent = this.updateMessage;
       } else {
-        this.modalContent = '';
+        this.modalContent = "";
       }
     }
   },
   methods: {
-    fetch: function fetch() {
-      this.$store.dispatch(this.kelas + "/indexCuDraft", this.currentUser.id);
+    fetch: function fetch(params) {
+      this.$store.dispatch(this.kelas + "/index", params);
+      this.excelDownloadUrl = this.kelas;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
     ubahData: function ubahData(id) {
       this.$router.push({
-        name: this.kelas + "EditDraft",
+        name: this.kelas + "Edit",
         params: {
           id: id
         }
       });
     },
+    lihatTpCu: function lihatTpCu(id_cu) {
+      this.$router.push({
+        name: "tpCu",
+        params: {
+          cu: id_cu
+        }
+      });
+    },
     modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
       this.modalState = "confirm-tutup";
@@ -714,287 +853,754 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         this.selectedItem = itemMobile;
       }
 
-      if (state == "simpan") {
-        this.modalTitle = "Simpan " + this.title + " ini?";
-        this.modalButton = "Iya, Simpan";
-      } else if (state == "hapus") {
-        this.modalTitle = "Hapus " + this.title + " ini?";
-        this.modalButton = "Iya, Hapus";
-      } else if (state == "hapus_semua") {
-        this.modalTitle = "Hapus semua laporan draft ini?";
+      if (state == "hapus") {
+        this.modalTitle = "Hapus " + this.title + " " + this.selectedItem.name + " ini?";
         this.modalButton = "Iya, Hapus";
       }
     },
     modalTutup: function modalTutup() {
       this.modalShow = false;
       this.$store.dispatch(this.kelas + "/resetUpdateStat");
-
-      if (!this.itemData.length > 0) {
-        if (this.currentUser.id_cu != 0) {
-          this.$router.push({
-            name: 'laporanCuCu',
-            params: {
-              cu: this.currentUser.id_cu,
-              tp: 'konsolidasi'
-            }
-          });
-        } else {
-          this.$router.push({
-            name: 'laporanCu'
-          });
-        }
-      }
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == "simpan") {
-        this.$store.dispatch(this.kelas + "/storeDraft", this.selectedItem.id);
-      } else if (this.state == "hapus") {
-        this.$store.dispatch(this.kelas + "/destroyDraft", this.selectedItem.id);
-      } else if (this.state == "hapus_semua") {
-        this.$store.dispatch(this.kelas + "/destroyDraftAll");
-      } else if (this.state == "simpan_semua") {
-        this.$store.dispatch(this.kelas + "/storeDraftAll");
+      if (this.state == "hapus") {
+        this.$store.dispatch(this.kelas + "/destroy", this.selectedItem.id);
       }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("auth", {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("cu", {
+    itemData: "dataS",
+    itemDataStat: "dataStatS",
+    updateMessage: "update",
+    updateStat: "updateStat"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("auth", {
     currentUser: "currentUser"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/tableDeleted.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/tableDeleted.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    { staticStyle: { display: "inline-block" } },
-    [
-      _vm.value
-        ? _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm.valueType == "trim"
-              ? _c(
-                  "span",
-                  { staticStyle: { display: "inline-block" } },
-                  [
-                    _c("truncate", {
-                      staticStyle: { display: "inline-block" },
-                      attrs: {
-                        "action-class": "badge bg-blue",
-                        clamp: "selengkapnya >",
-                        length: _vm.trimLength,
-                        less: "< kembali",
-                        text: _vm.frontText + " " + _vm.value,
-                      },
-                    }),
-                  ],
-                  1
-                )
-              : _vm.valueType == "modal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light",
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen()
-                        },
-                      },
-                    },
-                    [_vm._v("\n          Lihat\n      ")]
-                  ),
-                ])
-              : _vm.valueType == "currency"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(
-                        _vm._f("currency")(_vm.value, "", 0, {
-                          thousandsSeparator: ".",
-                        })
-                      )
-                  ),
-                ])
-              : _vm.valueType == "percentage"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("percentage")(_vm.value, 2))
-                  ),
-                ])
-              : _vm.valueType == "decimal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("round")(_vm.value, 2))
-                  ),
-                ])
-              : _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
-                ]),
-          ])
-        : _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
-          ]),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
-        },
-        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
-      }),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-/***/ }),
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      staticClass: "table-responsive table-scrollable",
-      staticStyle: { "max-height": "33rem" },
-    },
-    [
-      _c("table", { staticClass: "table table-striped" }, [
-        _c("thead", { staticClass: "bg-primary" }, [
-          _c(
-            "tr",
-            { staticClass: "text-nowrap" },
-            _vm._l(_vm.columnData, function (item, index) {
-              return _c("th", { key: index }, [
-                _c("span", { domProps: { innerHTML: _vm._s(item.title) } }),
-              ])
-            }),
-            0
-          ),
-        ]),
-        _vm._v(" "),
-        _vm.itemDataStat === "loading"
-          ? _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._m(0),
-                ]),
-              ]),
-            ])
-          : _vm.itemDataStat === "success"
-          ? _c(
-              "tbody",
-              [
-                _vm._l(_vm.items, function (item, index) {
-                  return _vm._t("item-desktop", null, {
-                    item: item,
-                    index: index,
-                  })
-                }),
-                _vm._v(" "),
-                _vm.items.length == 0
-                  ? _c("tr", [
-                      _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                        _vm._v("Belum terdapat data..."),
-                      ]),
-                    ])
-                  : _vm._e(),
-              ],
-              2
-            )
-          : _vm.itemDataStat === "fail"
-          ? _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._v(
-                    "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
-                  ),
-                ]),
-              ]),
-            ])
-          : _c("tbody", [
-              _c("tr", [
-                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
-                  _vm._v("-"),
-                ]),
-              ]),
-            ]),
-      ]),
-    ]
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "progress" }, [
-      _c(
-        "div",
-        {
-          staticClass:
-            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-          staticStyle: { width: "100%" },
-        },
-        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-      ),
-    ])
-  },
-]
-render._withStripped = true
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
+  },
+  props: ["title", "kelas"],
+  data: function data() {
+    return {
+      selectedItem: [],
+      query: {
+        order_column: "no_ba",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      excelDownloadUrl: '',
+      columnData: [{
+        title: "No.",
+        name: "No."
+      }, {
+        title: "Foto",
+        name: "gambar",
+        hide: false
+      }, {
+        title: "Nama",
+        name: "name",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: "Nama Legal",
+        name: "name_legal",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: "No. BA",
+        name: "no_ba",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Jmlh TP/KP",
+        name: "has_tp_cu_count",
+        tipe: "numeric",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Badan Hukum",
+        name: "badan_hukum",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "NPWP",
+        name: "npwp",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "NIK",
+        name: "nik",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "SITU",
+        name: "situ",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "SIUSP",
+        name: "siusp",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Izin Operasional",
+        name: "izin_operasional",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Provinsi",
+        name: "provinces.name",
+        tipe: "string",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Kabupaten/Kota",
+        name: "regencies.name",
+        tipe: "string",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Kecamatan",
+        name: "districts.name",
+        tipe: "string",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Kelurahan",
+        name: "villages.name",
+        tipe: "string",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Alamat",
+        name: "alamat",
+        tipe: "string",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Aplikasi",
+        name: "app",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Tgl. Berdiri",
+        name: "ultah",
+        tipe: "datetime",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Tgl. Bergabung",
+        name: "bergabung",
+        tipe: "datetime",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Website",
+        name: "website",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "E-mail",
+        name: "email",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "No. Telp",
+        name: "telp",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "No. Hp",
+        name: "hp",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Kode Pos",
+        name: "pos",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Tgl. / Waktu Buat",
+        name: "created_at",
+        tipe: "datetime",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Tgl. / Waktu Ubah",
+        name: "updated_at",
+        tipe: "datetime",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Tgl. / Waktu Hapus",
+        name: "deleted_at",
+        tipe: "datetime",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      state: '',
+      modalShow: false,
+      modalState: "",
+      modalTitle: "",
+      modalContent: "",
+      modalButton: ""
+    };
+  },
+  created: function created() {
+    this.fetch(this.query);
+  },
+  watch: {
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = "Ok";
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = "";
+        this.fetch();
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = "";
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch(params) {
+      this.$store.dispatch(this.kelas + "/indexDeleted", params);
+      this.excelDownloadUrl = this.kelas;
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    lihatTpCu: function lihatTpCu(id_cu) {
+      this.$router.push({
+        name: "tpCu",
+        params: {
+          cu: id_cu
+        }
+      });
+    },
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.modalState = "confirm-tutup";
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
+
+      if (state == "restore") {
+        this.modalTitle = "Aktifkan kembali " + this.title + " " + this.selectedItem.name + " ini?";
+        this.modalButton = "Iya, Aktifkan";
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+      this.$store.dispatch(this.kelas + "/resetUpdateStat");
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == "restore") {
+        this.$store.dispatch(this.kelas + "/restore", this.selectedItem.id);
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("cu", {
+    itemData: "dataDeletedS",
+    itemDataStat: "dataDeletedStatS",
+    updateMessage: "update",
+    updateStat: "updateStat"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("auth", {
+    currentUser: "currentUser"
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
+
+//# sourceMappingURL=FileSaver.min.js.map
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
+  \************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "button",
+      {
+        staticClass: "btn btn-link btn-block",
+        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
+        on: { click: _vm.btnClick },
+      },
+      [
+        _vm.clicked
+          ? _c("span", [
+              _c("i", { staticClass: "icon-arrow-up12" }),
+              _vm._v(" Kembali "),
+              _c("i", { staticClass: "icon-arrow-up12" }),
+            ])
+          : _c("span", [
+              _c("i", { staticClass: "icon-arrow-down12" }),
+              _vm._v(" Selengkapnya "),
+              _c("i", { staticClass: "icon-arrow-down12" }),
+            ]),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/index.vue?vue&type=template&id=6c5411b0&":
+/*!*************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/index.vue?vue&type=template&id=6c5411b0& ***!
+  \*************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.itemDataDeletedStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemDataDeleted,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("div", { staticClass: "nav-tabs-responsive mb-3" }, [
+                _c(
+                  "ul",
+                  { staticClass: "nav nav-tabs nav-tabs-solid bg-light" },
+                  [
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "table" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("table")
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-table2 mr-2" }),
+                          _vm._v(" CU Anggota"),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("li", { staticClass: "nav-item" }, [
+                      _c(
+                        "a",
+                        {
+                          staticClass: "nav-link",
+                          class: { active: _vm.tabName == "tableDeleted" },
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.changeTab("tableDeleted")
+                            },
+                          },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-table2 mr-2" }),
+                          _vm._v(" CU Bukan Anggota Lagi"),
+                        ]
+                      ),
+                    ]),
+                  ]
+                ),
+              ]),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _c(
+                    "div",
+                    {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.tabName == "table",
+                          expression: "tabName == 'table'",
+                        },
+                      ],
+                    },
+                    [
+                      _c("table-data", {
+                        attrs: { title: _vm.title, kelas: _vm.kelas },
+                      }),
+                    ],
+                    1
+                  ),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "transition",
+                {
+                  attrs: {
+                    "enter-active-class": "animated fadeIn",
+                    mode: "out-in",
+                  },
+                },
+                [
+                  _c(
+                    "div",
+                    {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.tabName == "tableDeleted",
+                          expression: "tabName == 'tableDeleted'",
+                        },
+                      ],
+                    },
+                    [
+                      _c("table-data-deleted", {
+                        attrs: { title: _vm.title, kelas: _vm.kelas },
+                      }),
+                    ],
+                    1
+                  ),
+                ]
+              ),
+            ],
+            1
+          ),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/table.vue?vue&type=template&id=f91da7b8&":
+/*!*************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/table.vue?vue&type=template&id=f91da7b8& ***!
+  \*************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1006,109 +1612,847 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
+  return _c(
+    "div",
+    [
       _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
+          },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
+                      },
+                    },
+                    [
+                      _c("td", [
+                        _vm._v(
+                          "\n\t\t\t\t\t\t" +
+                            _vm._s(
+                              props.index +
+                                1 +
+                                (+_vm.itemData.current_page - 1) *
+                                  +_vm.itemData.per_page +
+                                "."
+                            ) +
+                            "\n\t\t\t\t\t"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c("td", [
+                            props.item.gambar
+                              ? _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src:
+                                      "/images/" +
+                                      _vm.kelas +
+                                      "/" +
+                                      props.item.gambar +
+                                      "n.jpg",
+                                    width: "40",
+                                  },
+                                })
+                              : _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src: "/images/no_image.jpg",
+                                    width: "40",
+                                  },
+                                }),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.name_legal },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.no_ba },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.has_tp_count },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.has_manajemen_count,
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.has_pengurus_count },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.has_pengawas_count },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[9].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.has_komite_count },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[10].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.has_penasihat_count,
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[11].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.has_kolektor_count },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[12].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.has_kelompok_inti_count,
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[13].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.has_senior_manajer_count,
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[14].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.has_manajer_count },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[15].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.has_supervisor_count,
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[16].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.has_staf_count },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[17].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.has_kontrak_count },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[18].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value:
+                                    props.item.has_aktivis_tidak_aktif_count,
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[19].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.has_simpanan_count },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[20].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.has_pinjaman_count },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[21].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.has_simpanan_jalinan_count,
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[22].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.has_pinjaman_jalinan_count,
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[23].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.has_user_count },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[24].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.has_artikel_count },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[25].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.has_anggota_cu_count,
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[26].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.badan_hukum },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[27].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.npwp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[28].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.nik },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[29].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.situ },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[30].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.siusp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[31].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.izin_operasional },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[32].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.provinces
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.provinces.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[33].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.regencies
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.regencies.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[34].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.districts
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.districts.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[35].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.villages
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.villages.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[36].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.alamat },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[37].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.app },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[38].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.date(props.item.ultah)
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[39].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.date(props.item.bergabung)
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[40].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.website },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[41].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.email },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[42].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.telp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[43].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.hp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[44].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.pos },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[45].hide
+                        ? _c("td", {
+                            staticClass: "text-nowrap",
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[46].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
+              },
+            },
+          ]),
+        },
         [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+          _c(
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
               _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
               _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
-            ]),
-          ]),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["index_tp"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: {
+                        disabled:
+                          !_vm.selectedItem.id ||
+                          _vm.selectedItem.has_tp_cu_count === 0,
+                      },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.lihatTpCu(_vm.selectedItem.id)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat TP/KP \n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
           _vm._v(" "),
           _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            "template",
+            { slot: "button-mobile" },
             [
-              _vm.level === 1
+              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
                 ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
                     [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t\t"),
+                    ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.level === 2
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
                 ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
                         },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
                         },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t\t"),
+                    ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.level === 3
+              _vm.currentUser.can && _vm.currentUser.can["index_tp"]
                 ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
+                      attrs: {
+                        disabled:
+                          !_vm.selectedItem.id ||
+                          _vm.selectedItem.has_tp_cu_count === 0,
+                      },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.lihatTpCu(_vm.selectedItem.id)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat TP/KP \n\t\t\t\t"),
+                    ]
                   )
                 : _vm._e(),
-            ]
+            ],
+            1
           ),
-        ]
+        ],
+        2
       ),
-    ]),
-  ])
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+          content: _vm.modalContent,
+        },
+        on: {
+          tutup: _vm.modalTutup,
+          confirmOk: _vm.modalConfirmOk,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalTutup,
+        },
+      }),
+    ],
+    1
+  )
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -1117,9 +2461,9 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draft.vue?vue&type=template&id=58edf628&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/tableDeleted.vue?vue&type=template&id=4172c705&":
 /*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/draft.vue?vue&type=template&id=58edf628& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/cu/tableDeleted.vue?vue&type=template&id=4172c705& ***!
   \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -1135,836 +2479,501 @@ var render = function () {
   return _c(
     "div",
     [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "div",
-                { staticClass: "card" },
-                [
-                  _c("div", { staticClass: "card-header d-print-none" }, [
-                    _c("div", { staticClass: "row" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass:
-                            "col-md-8 col-lg-10 pb-2 d-none d-sm-block",
+      _c(
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
+          },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
                         },
-                        [
-                          _c(
-                            "button",
-                            {
-                              staticClass: "btn btn-light mb-1",
-                              attrs: { disabled: !_vm.selectedItem.id },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalConfirmOpen("simpan")
-                                },
-                              },
-                            },
+                      },
+                    },
+                    [
+                      _c("td", [
+                        _vm._v(
+                          "\n\t\t\t\t\t\t" +
+                            _vm._s(
+                              props.index +
+                                1 +
+                                (+_vm.itemData.current_page - 1) *
+                                  +_vm.itemData.per_page +
+                                "."
+                            ) +
+                            "\n\t\t\t\t\t"
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c("td", [
+                            props.item.gambar
+                              ? _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src:
+                                      "/images/" +
+                                      _vm.kelas +
+                                      "/" +
+                                      props.item.gambar +
+                                      "n.jpg",
+                                    width: "40",
+                                  },
+                                })
+                              : _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src: "/images/no_image.jpg",
+                                    width: "40",
+                                  },
+                                }),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
                             [
-                              _c("i", { staticClass: "icon-floppy-disk" }),
-                              _vm._v(
-                                " Simpan ke laporan statistik CU\n\t\t\t\t\t\t\t\t\t"
-                              ),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "button",
-                            {
-                              staticClass: "btn btn-light mb-1",
-                              attrs: { disabled: !_vm.selectedItem.id },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.ubahData(_vm.selectedItem.id)
-                                },
-                              },
-                            },
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide
+                        ? _c(
+                            "td",
                             [
-                              _c("i", { staticClass: "icon-pencil5" }),
-                              _vm._v(" Ubah\n\t\t\t\t\t\t\t\t\t"),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "button",
-                            {
-                              staticClass: "btn btn-light btn-icon mb-1",
-                              attrs: { disabled: !_vm.selectedItem.id },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalConfirmOpen("hapus")
-                                },
-                              },
-                            },
+                              _c("check-value", {
+                                attrs: { value: props.item.name_legal },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c(
+                            "td",
                             [
-                              _c("i", { staticClass: "icon-bin2" }),
-                              _vm._v(" Hapus\n\t\t\t\t\t\t\t\t\t"),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "button",
-                            {
-                              staticClass: "btn btn-light btn-icon mb-1",
-                              attrs: { disabled: _vm.itemData.length == 0 },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalConfirmOpen("hapus_semua")
-                                },
-                              },
-                            },
+                              _c("check-value", {
+                                attrs: { value: props.item.no_ba },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c(
+                            "td",
                             [
-                              _c("i", { staticClass: "icon-bin2" }),
-                              _vm._v(" Hapus Semua\n\t\t\t\t\t\t\t\t\t"),
-                            ]
-                          ),
-                        ]
-                      ),
+                              _c("check-value", {
+                                attrs: { value: props.item.has_tp_count },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
                       _vm._v(" "),
-                      _c(
-                        "div",
-                        { staticClass: "col-md-12 pb-2 d-block d-sm-none" },
-                        [
-                          _c(
-                            "button",
-                            {
-                              staticClass: "btn btn-light btn-block",
-                              attrs: { disabled: !_vm.selectedItem.id },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalConfirmOpen("simpan")
-                                },
-                              },
-                            },
+                      !_vm.columnData[6].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.badan_hukum },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.npwp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.nik },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[9].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.situ },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[10].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.siusp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[11].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.izin_operasional },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[12].hide && !_vm.columnData[12].disable
+                        ? _c(
+                            "td",
                             [
-                              _c("i", { staticClass: "icon-floppy-disk" }),
-                              _vm._v(
-                                " Simpan ke laporan statistik CU\n\t\t\t\t\t\t\t\t\t"
+                              props.item.provinces
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.provinces.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[13].hide && !_vm.columnData[13].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.regencies
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.regencies.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[14].hide && !_vm.columnData[14].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.districts
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.districts.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[15].hide && !_vm.columnData[15].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.villages
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.villages.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[16].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.alamat },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[17].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.app },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[18].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.date(props.item.ultah)
                               ),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "button",
-                            {
-                              staticClass: "btn btn-light btn-block",
-                              attrs: { disabled: !_vm.selectedItem.id },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.ubahData(_vm.selectedItem.id)
-                                },
-                              },
                             },
-                            [
-                              _c("i", { staticClass: "icon-pencil5" }),
-                              _vm._v(" Ubah\n\t\t\t\t\t\t\t\t\t"),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "button",
-                            {
-                              staticClass:
-                                "btn btn-light btn-icon btn-block mb-1",
-                              attrs: { disabled: !_vm.selectedItem.id },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalConfirmOpen("hapus")
-                                },
-                              },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[19].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.date(props.item.bergabung)
+                              ),
                             },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[20].hide
+                        ? _c(
+                            "td",
                             [
-                              _c("i", { staticClass: "icon-bin2" }),
-                              _vm._v(" Hapus\n\t\t\t\t\t\t\t\t\t"),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "button",
-                            {
-                              staticClass:
-                                "btn btn-light btn-icon btn-block mb-1",
-                              attrs: { disabled: _vm.itemData.length == 0 },
-                              on: {
-                                click: function ($event) {
-                                  $event.preventDefault()
-                                  return _vm.modalConfirmOpen("hapus_semua")
-                                },
-                              },
-                            },
+                              _c("check-value", {
+                                attrs: { value: props.item.website },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[21].hide
+                        ? _c(
+                            "td",
                             [
-                              _c("i", { staticClass: "icon-bin2" }),
-                              _vm._v(" Hapus Semua\n\t\t\t\t\t\t\t\t\t"),
-                            ]
-                          ),
-                        ]
-                      ),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("data-table", {
+                              _c("check-value", {
+                                attrs: { value: props.item.email },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[22].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.telp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[23].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.hp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[24].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.pos },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[25].hide
+                        ? _c("td", {
+                            staticClass: "text-nowrap",
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[26].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[27].hide
+                        ? _c("td", [
+                            _c("span", {
+                              domProps: {
+                                innerHTML: _vm._s(
+                                  _vm.$options.filters.dateTime(
+                                    props.item.deleted_at
+                                  )
+                                ),
+                              },
+                            }),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
+              },
+            },
+          ]),
+        },
+        [
+          _c("template", { slot: "button-desktop" }, [
+            _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("restore")
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-checkbox-checked2" }),
+                    _vm._v(" Aktifkan Kembali\n\t\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["index_tp"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon mb-1",
                     attrs: {
-                      items: _vm.itemData,
-                      columnData: _vm.columnData,
-                      itemDataStat: _vm.itemDataStat,
+                      disabled:
+                        !_vm.selectedItem.id ||
+                        _vm.selectedItem.has_tp_cu_count === 0,
                     },
-                    scopedSlots: _vm._u([
-                      {
-                        key: "item-desktop",
-                        fn: function (props) {
-                          return [
-                            props.item
-                              ? _c(
-                                  "tr",
-                                  {
-                                    staticClass: "text-nowrap",
-                                    class: {
-                                      "bg-info":
-                                        _vm.selectedItem.id === props.item.id,
-                                    },
-                                    on: {
-                                      click: function ($event) {
-                                        return _vm.selectedRow(props.item)
-                                      },
-                                    },
-                                  },
-                                  [
-                                    _c("td", [_vm._v(_vm._s(props.index + 1))]),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        props.item.cu
-                                          ? _c("check-value", {
-                                              attrs: {
-                                                value: props.item.cu.name,
-                                              },
-                                            })
-                                          : _c("span", [_vm._v("-")]),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: { value: props.item.no_ba },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c("td", [
-                                      _vm._v(
-                                        _vm._s(
-                                          _vm._f("dateMonth")(
-                                            props.item.periode
-                                          )
-                                        )
-                                      ),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.l_biasa,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.l_lbiasa,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.p_biasa,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.p_lbiasa,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.total_anggota,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.total_anggota_lalu,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.aset,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.aset_lalu,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.aset_masalah,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item
-                                                .aset_tidak_menghasilkan,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.aktiva_lancar,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.simpanan_saham,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.simpanan_saham_lalu,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.simpanan_saham_des,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.nonsaham_unggulan,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.nonsaham_harian,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.hutang_spd,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item
-                                                .hutang_tidak_berbiaya_30hari,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.total_hutang_pihak3,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.piutang_beredar,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.piutang_bersih,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.piutang_anggota,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.piutang_lalai_1bulan,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.piutang_lalai_12bulan,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.rasio_beredar,
-                                            valueType: "percentage",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.rasio_lalai,
-                                            valueType: "percentage",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.dcr,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.dcu,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.dana_gedung,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.donasi,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.bjs_saham,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.beban_penyisihan_dcr,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.investasi_likuid,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.total_pendapatan,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.total_biaya,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.shu,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.shu_lalu,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.rata_aset,
-                                            valueType: "currency",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.laju_inflasi,
-                                            valueType: "percentage",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "td",
-                                      [
-                                        _c("check-value", {
-                                          attrs: {
-                                            value: props.item.harga_pasar,
-                                            valueType: "percentage",
-                                          },
-                                        }),
-                                      ],
-                                      1
-                                    ),
-                                    _vm._v(" "),
-                                    _c("td", {
-                                      domProps: {
-                                        innerHTML: _vm._s(
-                                          _vm.$options.filters.dateTime(
-                                            props.item.created_at
-                                          )
-                                        ),
-                                      },
-                                    }),
-                                    _vm._v(" "),
-                                    _c("td", [
-                                      props.item.created_at !==
-                                      props.item.updated_at
-                                        ? _c("span", {
-                                            domProps: {
-                                              innerHTML: _vm._s(
-                                                _vm.$options.filters.dateTime(
-                                                  props.item.updated_at
-                                                )
-                                              ),
-                                            },
-                                          })
-                                        : _c("span", [_vm._v("-")]),
-                                    ]),
-                                  ]
-                                )
-                              : _vm._e(),
-                          ]
-                        },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.lihatTpCu(_vm.selectedItem.id)
                       },
-                    ]),
-                  }),
-                ],
-                1
-              ),
-            ],
-            1
-          ),
-        ]),
-      ]),
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-file-eye" }),
+                    _vm._v(" Lihat TP/KP \n\t\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+          ]),
+          _vm._v(" "),
+          _c("template", { slot: "button-mobile" }, [
+            _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon btn-block pb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("restore")
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-checkbox-checked2" }),
+                    _vm._v(" Aktifkan Kembali\n\t\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["index_tp"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon btn-block pb-1",
+                    attrs: {
+                      disabled:
+                        !_vm.selectedItem.id ||
+                        _vm.selectedItem.has_tp_cu_count === 0,
+                    },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.lihatTpCu(_vm.selectedItem.id)
+                      },
+                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-file-eye" }),
+                    _vm._v(" Lihat TP/KP \n\t\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+          ]),
+        ],
+        2
+      ),
       _vm._v(" "),
       _c("app-modal", {
         attrs: {
@@ -1993,17 +3002,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* harmony import */ var _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
+/* harmony import */ var _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2013,9 +3022,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2025,55 +3034,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/checkValue.vue"
+component.options.__file = "resources/assets/js/components/collapseButton.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/views/cu/index.vue":
+/*!************************************************!*\
+  !*** ./resources/assets/js/views/cu/index.vue ***!
+  \************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _index_vue_vue_type_template_id_6c5411b0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=6c5411b0& */ "./resources/assets/js/views/cu/index.vue?vue&type=template&id=6c5411b0&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/cu/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -2082,9 +3091,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_6c5411b0___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_6c5411b0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2094,55 +3103,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/datatable.vue"
+component.options.__file = "resources/assets/js/views/cu/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/cu/index.vue?vue&type=script&lang=js&":
+/*!*************************************************************************!*\
+  !*** ./resources/assets/js/views/cu/index.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/cu/index.vue?vue&type=template&id=6c5411b0&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/cu/index.vue?vue&type=template&id=6c5411b0& ***!
+  \*******************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_6c5411b0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=6c5411b0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/index.vue?vue&type=template&id=6c5411b0&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_6c5411b0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_6c5411b0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/cu/table.vue":
+/*!************************************************!*\
+  !*** ./resources/assets/js/views/cu/table.vue ***!
+  \************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _table_vue_vue_type_template_id_f91da7b8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=f91da7b8& */ "./resources/assets/js/views/cu/table.vue?vue&type=template&id=f91da7b8&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/cu/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -2151,9 +3160,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_f91da7b8___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_f91da7b8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2163,54 +3172,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
+component.options.__file = "resources/assets/js/views/cu/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/cu/table.vue?vue&type=script&lang=js&":
+/*!*************************************************************************!*\
+  !*** ./resources/assets/js/views/cu/table.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/cu/table.vue?vue&type=template&id=f91da7b8&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/cu/table.vue?vue&type=template&id=f91da7b8& ***!
+  \*******************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_f91da7b8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=f91da7b8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/table.vue?vue&type=template&id=f91da7b8&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_f91da7b8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_f91da7b8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/draft.vue":
+/***/ "./resources/assets/js/views/cu/tableDeleted.vue":
 /*!*******************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/draft.vue ***!
+  !*** ./resources/assets/js/views/cu/tableDeleted.vue ***!
   \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _draft_vue_vue_type_template_id_58edf628___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./draft.vue?vue&type=template&id=58edf628& */ "./resources/assets/js/views/laporanCu/draft.vue?vue&type=template&id=58edf628&");
-/* harmony import */ var _draft_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./draft.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/draft.vue?vue&type=script&lang=js&");
+/* harmony import */ var _tableDeleted_vue_vue_type_template_id_4172c705___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tableDeleted.vue?vue&type=template&id=4172c705& */ "./resources/assets/js/views/cu/tableDeleted.vue?vue&type=template&id=4172c705&");
+/* harmony import */ var _tableDeleted_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tableDeleted.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/cu/tableDeleted.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2220,9 +3229,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _draft_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _draft_vue_vue_type_template_id_58edf628___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _draft_vue_vue_type_template_id_58edf628___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _tableDeleted_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _tableDeleted_vue_vue_type_template_id_4172c705___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _tableDeleted_vue_vue_type_template_id_4172c705___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2232,38 +3241,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/draft.vue"
+component.options.__file = "resources/assets/js/views/cu/tableDeleted.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/draft.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/cu/tableDeleted.vue?vue&type=script&lang=js&":
 /*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/draft.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/cu/tableDeleted.vue?vue&type=script&lang=js& ***!
   \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_draft_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./draft.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draft.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_draft_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tableDeleted_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./tableDeleted.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/tableDeleted.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tableDeleted_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/draft.vue?vue&type=template&id=58edf628&":
+/***/ "./resources/assets/js/views/cu/tableDeleted.vue?vue&type=template&id=4172c705&":
 /*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/draft.vue?vue&type=template&id=58edf628& ***!
+  !*** ./resources/assets/js/views/cu/tableDeleted.vue?vue&type=template&id=4172c705& ***!
   \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_draft_vue_vue_type_template_id_58edf628___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./draft.vue?vue&type=template&id=58edf628& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draft.vue?vue&type=template&id=58edf628&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_draft_vue_vue_type_template_id_58edf628___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tableDeleted_vue_vue_type_template_id_4172c705___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./tableDeleted.vue?vue&type=template&id=4172c705& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/cu/tableDeleted.vue?vue&type=template&id=4172c705&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tableDeleted_vue_vue_type_template_id_4172c705___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_draft_vue_vue_type_template_id_58edf628___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_tableDeleted_vue_vue_type_template_id_4172c705___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/81.js b/public/js/components/81.js
index c225cd120..2933fa1ea 100644
--- a/public/js/components/81.js
+++ b/public/js/components/81.js
@@ -293,20 +293,21 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draft.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/draft.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -536,6 +537,18 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -543,24 +556,25 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
   data: function data() {
     return {
-      title: 'Laporan Draft',
-      kelas: 'laporanTp',
-      titleDesc: 'Mengelola data laporan dari file excel',
+      title: 'Laporan CU [Draft]',
+      kelas: 'laporanCu',
+      titleDesc: 'Mengelola data laporan Cu dari file excel',
       titleIcon: 'icon-stats-bars2',
       selectedItem: [],
       columnData: [{
         title: 'No.'
       }, {
-        title: "TP/KP"
+        title: "CU"
       }, {
-        title: 'No. TP/KP'
+        title: 'No. BA'
       }, {
         title: 'Periode'
       }, {
@@ -659,10 +673,26 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   created: function created() {
     this.fetch();
   },
-  watch: {},
+  watch: {
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value == "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.fetch();
+      } else if (value == "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
+    }
+  },
   methods: {
     fetch: function fetch() {
-      this.$store.dispatch(this.kelas + "/indexTpDraft", this.currentUser.id);
+      this.$store.dispatch(this.kelas + "/indexCuDraft", this.currentUser.id);
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
@@ -698,22 +728,42 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     modalTutup: function modalTutup() {
       this.modalShow = false;
       this.$store.dispatch(this.kelas + "/resetUpdateStat");
+
+      if (!this.itemData.length > 0) {
+        if (this.currentUser.id_cu != 0) {
+          this.$router.push({
+            name: 'laporanCuCu',
+            params: {
+              cu: this.currentUser.id_cu,
+              tp: 'konsolidasi'
+            }
+          });
+        } else {
+          this.$router.push({
+            name: 'laporanCu'
+          });
+        }
+      }
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == "hapus") {
+      if (this.state == "simpan") {
+        this.$store.dispatch(this.kelas + "/storeDraft", this.selectedItem.id);
+      } else if (this.state == "hapus") {
         this.$store.dispatch(this.kelas + "/destroyDraft", this.selectedItem.id);
       } else if (this.state == "hapus_semua") {
         this.$store.dispatch(this.kelas + "/destroyDraftAll");
-      } else if (this.state == "simpan") {
+      } else if (this.state == "simpan_semua") {
         this.$store.dispatch(this.kelas + "/storeDraftAll");
       }
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("auth", {
     currentUser: "currentUser"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanTp', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanCu', {
     itemData: 'dataS',
-    itemDataStat: 'dataStatS'
+    itemDataStat: 'dataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
   }))
 });
 
@@ -1067,10 +1117,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=template&id=55bf1c88&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=template&id=55bf1c88& ***!
-  \**********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draft.vue?vue&type=template&id=58edf628&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/draft.vue?vue&type=template&id=58edf628& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1125,6 +1175,7 @@ var render = function () {
                             "button",
                             {
                               staticClass: "btn btn-light mb-1",
+                              attrs: { disabled: !_vm.selectedItem.id },
                               on: {
                                 click: function ($event) {
                                   $event.preventDefault()
@@ -1135,7 +1186,7 @@ var render = function () {
                             [
                               _c("i", { staticClass: "icon-floppy-disk" }),
                               _vm._v(
-                                " Simpan ke laporan statistik Tp\n\t\t\t\t\t\t\t\t\t"
+                                " Simpan ke laporan statistik CU\n\t\t\t\t\t\t\t\t\t"
                               ),
                             ]
                           ),
@@ -1180,7 +1231,7 @@ var render = function () {
                             "button",
                             {
                               staticClass: "btn btn-light btn-icon mb-1",
-                              attrs: { disabled: !_vm.selectedItem.id },
+                              attrs: { disabled: _vm.itemData.length == 0 },
                               on: {
                                 click: function ($event) {
                                   $event.preventDefault()
@@ -1204,6 +1255,7 @@ var render = function () {
                             "button",
                             {
                               staticClass: "btn btn-light btn-block",
+                              attrs: { disabled: !_vm.selectedItem.id },
                               on: {
                                 click: function ($event) {
                                   $event.preventDefault()
@@ -1214,7 +1266,7 @@ var render = function () {
                             [
                               _c("i", { staticClass: "icon-floppy-disk" }),
                               _vm._v(
-                                "Simpan ke laporan statistik Tp\n\t\t\t\t\t\t\t\t\t"
+                                " Simpan ke laporan statistik CU\n\t\t\t\t\t\t\t\t\t"
                               ),
                             ]
                           ),
@@ -1261,7 +1313,7 @@ var render = function () {
                             {
                               staticClass:
                                 "btn btn-light btn-icon btn-block mb-1",
-                              attrs: { disabled: !_vm.selectedItem.id },
+                              attrs: { disabled: _vm.itemData.length == 0 },
                               on: {
                                 click: function ($event) {
                                   $event.preventDefault()
@@ -1311,10 +1363,10 @@ var render = function () {
                                     _c(
                                       "td",
                                       [
-                                        props.item.tp
+                                        props.item.cu
                                           ? _c("check-value", {
                                               attrs: {
-                                                value: props.item.tp.name,
+                                                value: props.item.cu.name,
                                               },
                                             })
                                           : _c("span", [_vm._v("-")]),
@@ -1326,7 +1378,7 @@ var render = function () {
                                       "td",
                                       [
                                         _c("check-value", {
-                                          attrs: { value: props.item.no_tp },
+                                          attrs: { value: props.item.no_ba },
                                         }),
                                       ],
                                       1
@@ -1919,8 +1971,8 @@ var render = function () {
           show: _vm.modalShow,
           state: _vm.modalState,
           title: _vm.modalTitle,
-          content: _vm.modalContent,
           button: _vm.modalButton,
+          content: _vm.modalContent,
         },
         on: {
           tutup: _vm.modalTutup,
@@ -2148,17 +2200,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/draftTp.vue":
-/*!*********************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/draftTp.vue ***!
-  \*********************************************************/
+/***/ "./resources/assets/js/views/laporanCu/draft.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/draft.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _draftTp_vue_vue_type_template_id_55bf1c88___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./draftTp.vue?vue&type=template&id=55bf1c88& */ "./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=template&id=55bf1c88&");
-/* harmony import */ var _draftTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./draftTp.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=script&lang=js&");
+/* harmony import */ var _draft_vue_vue_type_template_id_58edf628___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./draft.vue?vue&type=template&id=58edf628& */ "./resources/assets/js/views/laporanCu/draft.vue?vue&type=template&id=58edf628&");
+/* harmony import */ var _draft_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./draft.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/draft.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2168,9 +2220,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _draftTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _draftTp_vue_vue_type_template_id_55bf1c88___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _draftTp_vue_vue_type_template_id_55bf1c88___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _draft_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _draft_vue_vue_type_template_id_58edf628___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _draft_vue_vue_type_template_id_58edf628___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2180,38 +2232,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/laporanCu/draftTp.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/draft.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/draft.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/draft.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_draftTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./draftTp.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_draftTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_draft_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./draft.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draft.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_draft_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=template&id=55bf1c88&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=template&id=55bf1c88& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/draft.vue?vue&type=template&id=58edf628&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/draft.vue?vue&type=template&id=58edf628& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_draftTp_vue_vue_type_template_id_55bf1c88___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./draftTp.vue?vue&type=template&id=55bf1c88& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=template&id=55bf1c88&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_draftTp_vue_vue_type_template_id_55bf1c88___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_draft_vue_vue_type_template_id_58edf628___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./draft.vue?vue&type=template&id=58edf628& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draft.vue?vue&type=template&id=58edf628&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_draft_vue_vue_type_template_id_58edf628___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_draftTp_vue_vue_type_template_id_55bf1c88___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_draft_vue_vue_type_template_id_58edf628___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/82.js b/public/js/components/82.js
index 15fcec938..027b67477 100644
--- a/public/js/components/82.js
+++ b/public/js/components/82.js
@@ -1,14 +1,16 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[82],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
 //
 //
 //
@@ -17,30 +19,6 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: []
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -58,6 +36,70 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
+    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  props: {
+    value: {
+      "default": ''
+    },
+    frontText: {
+      "default": ''
+    },
+    trimLength: {
+      "default": 50
+    },
+    valueType: {
+      "default": 'trim'
+    },
+    empty: {
+      "default": '-'
+    }
+  },
+  data: function data() {
+    return {
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: ''
+    };
+  },
+  methods: {
+    modalOpen: function modalOpen() {
+      this.modalShow = true;
+      this.modalState = 'content-tutup';
+      this.modalContent = this.value;
+      this.modalButton = 'Tutup';
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    strip: function strip(html) {
+      var tmp = document.createElement("DIV");
+      tmp.innerHTML = html;
+      return tmp.textContent || tmp.innerText || "";
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_0__);
 //
 //
 //
@@ -110,6 +152,34 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['columnData', 'itemDataStat', 'items'],
+  components: {},
+  data: function data() {
+    return {};
+  },
+  methods: {}
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -148,77 +218,85 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['kelas'],
-  components: {
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      form2: {
-        id_cu: '',
-        periodeBulan: '',
-        periodeTahun: ''
-      },
-      itemTahun: [],
-      penjelasanStatus: '',
-      submited: false
-    };
-  },
-  created: function created() {
-    this.generateYear();
+  props: {
+    title: {
+      "default": ''
+    },
+    titleIcon: {
+      "default": ''
+    },
+    titleDesc: {
+      "default": ''
+    },
+    level: {
+      "default": 1
+    },
+    level2Title: {
+      "default": ''
+    },
+    level2Route: {
+      "default": ''
+    }
   },
-  watch: {},
   methods: {
-    fetchCU: function fetchCU() {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    },
-    save: function save() {
-      var _this = this;
-
-      this.$validator.validateAll('form2').then(function (result) {
-        _this.$store.dispatch(_this.kelas + '/create', [_this.form2.id_cu, _this.form2.periodeBulan, _this.form2.periodeTahun]);
-      });
+    level2Back: function level2Back() {
+      this.$emit('level2Back');
     },
-    tutup: function tutup() {
-      this.$emit('tutup');
+    route1: function route1() {
+      if (this.btn1RouteParams) {
+        this.$router.push({
+          name: this.btn1Route,
+          params: {
+            cu: this.btn1RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn1Route
+        });
+      }
     },
-    momentYear: function momentYear() {
-      return moment().year();
+    route2: function route2() {
+      if (this.btn2RouteParams) {
+        this.$router.push({
+          name: this.btn2Route,
+          params: {
+            cu: this.btn2RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn2Route
+        });
+      }
     },
-    generateYear: function generateYear() {
-      var years = function years(back) {
-        var year = new Date().getFullYear();
-        return Array.from({
-          length: back
-        }, function (v, i) {
-          return year - back + i + 1;
+    route3: function route3() {
+      if (this.btn3RouteParams) {
+        this.$router.push({
+          name: this.btn3Route,
+          params: {
+            cu: this.btn3RouteParams
+          }
         });
-      };
-
-      this.itemTahun = years(5);
+      } else {
+        this.$router.push({
+          name: this.btn3Route
+        });
+      }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'headerDataS',
-    modelCuStat: 'headerDataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/index.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/index.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -226,9 +304,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/jalinanIuran/table.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -271,83 +349,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Setoran Solidaritas Jalinan',
-      kelas: 'jalinanIuran',
-      titleDesc: 'Mengelola data iuran Jalinan',
-      titleIcon: 'icon-clipboard6',
-      selectCuPath: 'jalinanIuranCu'
-    };
-  },
-  created: function created() {
-    this.checkUser('index_jalinan_iuran', this.$route.params.cu);
-  },
-  watch: {
-    // check route changes
-    $route: function $route(to, from) {
-      this.fetch();
-    }
-  },
-  methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanIuran', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/table.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/table.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _formCreate_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./formCreate.vue */ "./resources/assets/js/views/jalinanIuran/formCreate.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -437,7 +438,104 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -445,69 +543,112 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    formCreate: _formCreate_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
-  props: ['title', 'kelas'],
   data: function data() {
     return {
+      title: 'Laporan Draft',
+      kelas: 'laporanTp',
+      titleDesc: 'Mengelola data laporan dari file excel',
+      titleIcon: 'icon-stats-bars2',
       selectedItem: [],
-      query: {
-        order_column: "periode",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      isNoButtonRow: '',
-      excelDownloadUrl: '',
       columnData: [{
-        title: 'No.',
-        name: 'No.'
+        title: 'No.'
       }, {
-        title: 'Status',
-        name: 'status',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false
+        title: "TP/KP"
       }, {
-        title: 'Periode',
-        name: 'periode',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
+        title: 'No. TP/KP'
       }, {
-        title: 'CU',
-        name: 'cu.name',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Periode'
       }, {
-        title: 'Tgl. / Waktu Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: "Lelaki Biasa"
       }, {
-        title: 'Tgl. / Waktu Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      keteranganBatal: '',
-      state: '',
+        title: "Lelaki L.Biasa"
+      }, {
+        title: "Perempuan Biasa"
+      }, {
+        title: "Perempuan L.Biasa"
+      }, {
+        title: "Total Anggota"
+      }, {
+        title: "Total Anggota Lalu"
+      }, {
+        title: "Aset"
+      }, {
+        title: "Aset Lalu"
+      }, {
+        title: "Aset Masalah"
+      }, {
+        title: "Aset Tdk Menghasilkan"
+      }, {
+        title: "Aktiva Lancar"
+      }, {
+        title: "Simp. Saham"
+      }, {
+        title: "Simp. Saham Lalu"
+      }, {
+        title: "Simp. Saham Des"
+      }, {
+        title: "Simp. Nonsaham Unggulan"
+      }, {
+        title: "Simp. Nonsaham Harian"
+      }, {
+        title: "Hutang SPD"
+      }, {
+        title: "Hutang Tdk Berbiaya"
+      }, {
+        title: "Total Hutang Pihak Ke-3"
+      }, {
+        title: "Piutang Beredar"
+      }, {
+        title: "Piutang Bersih"
+      }, {
+        title: "Piutang Anggota"
+      }, {
+        title: "Piutang Lalai 1-12 Bulan"
+      }, {
+        title: "Piutang Lalai > 12 Bulan"
+      }, {
+        title: "Rasio Piutang Beredar"
+      }, {
+        title: "Rasio Piutang Lalai"
+      }, {
+        title: "DCR"
+      }, {
+        title: "DCU"
+      }, {
+        title: "Iuran Gedung"
+      }, {
+        title: "Donasi"
+      }, {
+        title: "BJS Saham"
+      }, {
+        title: "Beban Penyisihan DCR"
+      }, {
+        title: "Investasi Likuid"
+      }, {
+        title: "Total Pendapatan"
+      }, {
+        title: "Total Biaya"
+      }, {
+        title: "SHU"
+      }, {
+        title: "SHU Lalu"
+      }, {
+        title: "Rata-rata Aset"
+      }, {
+        title: "Laju Inflasi"
+      }, {
+        title: "Harga Pasar"
+      }, {
+        title: "Tgl. Buat"
+      }, {
+        title: "Tgl. Ubah"
+      }],
+      state: '',
       modalShow: false,
       modalState: '',
       modalTitle: '',
@@ -516,100 +657,72 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     };
   },
   created: function created() {
-    this.fetch(this.query);
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.fetch(this.query);
-    },
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = 'Ok';
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.fetch(this.query);
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = '';
-      }
-    }
+    this.fetch();
   },
+  watch: {},
   methods: {
-    fetch: function fetch(params) {
-      if (this.$route.params.cu == 'semua') {
-        this.disableColumnCu(false);
-        this.$store.dispatch(this.kelas + '/index', params);
-        this.excelDownloadUrl = this.kelas;
-      } else {
-        this.disableColumnCu(true);
-        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
-        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
-      }
-    },
-    disableColumnCu: function disableColumnCu(status) {
-      this.columnData[3].disable = status;
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + "/indexTpDraft", this.currentUser.id);
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    detail: function detail(id) {
+    ubahData: function ubahData(id) {
       this.$router.push({
-        name: this.kelas + 'Detail',
+        name: this.kelas + "EditDraft",
         params: {
           id: id
         }
       });
     },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
+      this.modalState = "confirm-tutup";
       this.state = state;
 
       if (isMobile) {
         this.selectedItem = itemMobile;
       }
 
-      if (state == 'hapus') {
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ini?';
-        this.modalButton = 'Iya, Hapus';
-        this.modalColor = '';
-        this.modalState = 'confirm-tutup';
-      }
-
-      if (state == 'tambah') {
-        this.modalTitle = 'Buat tagihan ' + this.title + ' ?';
-        this.modalState = 'normal1';
+      if (state == "simpan") {
+        this.modalTitle = "Simpan " + this.title + " ini?";
+        this.modalButton = "Iya, Simpan";
+      } else if (state == "hapus") {
+        this.modalTitle = "Hapus " + this.title + " ini?";
+        this.modalButton = "Iya, Hapus";
+      } else if (state == "hapus_semua") {
+        this.modalTitle = "Hapus semua laporan draft ini?";
+        this.modalButton = "Iya, Hapus";
       }
     },
     modalTutup: function modalTutup() {
       this.modalShow = false;
-      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+      this.$store.dispatch(this.kelas + "/resetUpdateStat");
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      if (this.state == "hapus") {
+        this.$store.dispatch(this.kelas + "/destroyDraft", this.selectedItem.id);
+      } else if (this.state == "hapus_semua") {
+        this.$store.dispatch(this.kelas + "/destroyDraftAll");
+      } else if (this.state == "simpan") {
+        this.$store.dispatch(this.kelas + "/storeDraftAll");
       }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('jalinanIuran', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("auth", {
+    currentUser: "currentUser"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('laporanTp', {
     itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
+    itemDataStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -621,34 +734,107 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _vm._m(0)
+  return _c(
+    "div",
+    { staticStyle: { display: "inline-block" } },
+    [
+      _vm.value
+        ? _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm.valueType == "trim"
+              ? _c(
+                  "span",
+                  { staticStyle: { display: "inline-block" } },
+                  [
+                    _c("truncate", {
+                      staticStyle: { display: "inline-block" },
+                      attrs: {
+                        "action-class": "badge bg-blue",
+                        clamp: "selengkapnya >",
+                        length: _vm.trimLength,
+                        less: "< kembali",
+                        text: _vm.frontText + " " + _vm.value,
+                      },
+                    }),
+                  ],
+                  1
+                )
+              : _vm.valueType == "modal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light",
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen()
+                        },
+                      },
+                    },
+                    [_vm._v("\n          Lihat\n      ")]
+                  ),
+                ])
+              : _vm.valueType == "currency"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(
+                        _vm._f("currency")(_vm.value, "", 0, {
+                          thousandsSeparator: ".",
+                        })
+                      )
+                  ),
+                ])
+              : _vm.valueType == "percentage"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("percentage")(_vm.value, 2))
+                  ),
+                ])
+              : _vm.valueType == "decimal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("round")(_vm.value, 2))
+                  ),
+                ])
+              : _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
+                ]),
+          ])
+        : _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
+          ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+          content: _vm.modalContent,
+        },
+        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
+      }),
+    ],
+    1
+  )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v(
-            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
-          ),
-        ]),
-      ]),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=template&id=0c64fe60&":
-/*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=template&id=0c64fe60& ***!
-  \****************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -662,296 +848,73 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c(
     "div",
+    {
+      staticClass: "table-responsive table-scrollable",
+      staticStyle: { "max-height": "33rem" },
+    },
     [
-      _vm.errors.any("form2") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "form",
-        {
-          attrs: { "data-vv-scope": "form2" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
-            },
-          },
-        },
-        [
-          _c("div", { staticClass: "row" }, [
-            _c("div", { staticClass: "col-sm-12" }, [
-              _c("div", { staticClass: "input-group" }, [
-                _vm._m(0),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.form2.id_cu,
-                        expression: "form2.id_cu",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      name: "idCu",
-                      "data-width": "100%",
-                      disabled: _vm.modelCuStat === "loading",
-                    },
-                    on: {
-                      change: function ($event) {
-                        var $$selectedVal = Array.prototype.filter
-                          .call($event.target.options, function (o) {
-                            return o.selected
-                          })
-                          .map(function (o) {
-                            var val = "_value" in o ? o._value : o.value
-                            return val
-                          })
-                        _vm.$set(
-                          _vm.form2,
-                          "id_cu",
-                          $event.target.multiple
-                            ? $$selectedVal
-                            : $$selectedVal[0]
-                        )
-                      },
-                    },
-                  },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("Silahkan pilih data"),
-                    ]),
-                    _vm._v(" "),
-                    _vm._t("default"),
-                    _vm._v(" "),
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("----------------"),
-                    ]),
-                    _vm._v(" "),
-                    _vm._l(_vm.modelCu, function (cu, index) {
-                      return _c(
-                        "option",
-                        { key: index, domProps: { value: cu.id } },
-                        [_vm._v(_vm._s(cu.name))]
-                      )
-                    }),
-                  ],
-                  2
-                ),
-                _vm._v(" "),
-                _c("div", { staticClass: "input-group-append" }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light",
-                      attrs: { disabled: _vm.modelCuStat === "loading" },
-                      on: { click: _vm.fetchCU },
-                    },
-                    [
-                      _c("i", {
-                        staticClass: "icon-sync",
-                        class: { spinner: _vm.modelCuStat === "loading" },
-                      }),
-                    ]
-                  ),
+      _c("table", { staticClass: "table table-striped" }, [
+        _c("thead", { staticClass: "bg-primary" }, [
+          _c(
+            "tr",
+            { staticClass: "text-nowrap" },
+            _vm._l(_vm.columnData, function (item, index) {
+              return _c("th", { key: index }, [
+                _c("span", { domProps: { innerHTML: _vm._s(item.title) } }),
+              ])
+            }),
+            0
+          ),
+        ]),
+        _vm._v(" "),
+        _vm.itemDataStat === "loading"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._m(0),
                 ]),
               ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "col-sm-12" }, [
-              _c("div", { staticClass: "input-group" }, [
-                _vm._m(1),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.form2.periodeBulan,
-                        expression: "form2.periodeBulan",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      name: "periodeBulan",
-                      "data-width": "100%",
-                      disabled: _vm.form2.id_cu == "",
-                    },
-                    on: {
-                      change: function ($event) {
-                        var $$selectedVal = Array.prototype.filter
-                          .call($event.target.options, function (o) {
-                            return o.selected
-                          })
-                          .map(function (o) {
-                            var val = "_value" in o ? o._value : o.value
-                            return val
-                          })
-                        _vm.$set(
-                          _vm.form2,
-                          "periodeBulan",
-                          $event.target.multiple
-                            ? $$selectedVal
-                            : $$selectedVal[0]
-                        )
-                      },
-                    },
-                  },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("Bulan"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("----------------"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "1" } }, [_vm._v("1")]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "2" } }, [_vm._v("2")]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "3" } }, [_vm._v("3")]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "4" } }, [_vm._v("4")]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "5" } }, [_vm._v("5")]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "6" } }, [_vm._v("6")]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "7" } }, [_vm._v("7")]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "8" } }, [_vm._v("8")]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "9" } }, [_vm._v("9")]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "10" } }, [_vm._v("10")]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "11" } }, [_vm._v("11")]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { value: "12" } }, [_vm._v("12")]),
-                  ]
-                ),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "col-sm-12" }, [
-              _c("div", { staticClass: "input-group" }, [
-                _vm._m(2),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.form2.periodeTahun,
-                        expression: "form2.periodeTahun",
-                      },
-                    ],
-                    staticClass: "form-control",
-                    attrs: {
-                      name: "periodeTahun",
-                      "data-width": "100%",
-                      disabled: _vm.form2.periodeBulan == "",
-                    },
-                    on: {
-                      change: function ($event) {
-                        var $$selectedVal = Array.prototype.filter
-                          .call($event.target.options, function (o) {
-                            return o.selected
-                          })
-                          .map(function (o) {
-                            var val = "_value" in o ? o._value : o.value
-                            return val
-                          })
-                        _vm.$set(
-                          _vm.form2,
-                          "periodeTahun",
-                          $event.target.multiple
-                            ? $$selectedVal
-                            : $$selectedVal[0]
-                        )
-                      },
-                    },
-                  },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("Tahun"),
-                    ]),
-                    _vm._v(" "),
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm._v("----------------"),
-                    ]),
-                    _vm._v(" "),
-                    _vm._l(_vm.itemTahun, function (y, index) {
-                      return _c(
-                        "option",
-                        { key: index, domProps: { value: y } },
-                        [_vm._v(_vm._s(y))]
-                      )
-                    }),
-                  ],
-                  2
-                ),
-              ]),
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "col-sm-12" }, [
-              _c("hr"),
-              _vm._v(" "),
-              _c("div", { staticClass: "text-center d-none d-md-block" }, [
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.tutup.apply(null, arguments)
-                      },
-                    },
-                  },
-                  [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-                ),
+            ])
+          : _vm.itemDataStat === "success"
+          ? _c(
+              "tbody",
+              [
+                _vm._l(_vm.items, function (item, index) {
+                  return _vm._t("item-desktop", null, {
+                    item: item,
+                    index: index,
+                  })
+                }),
                 _vm._v(" "),
-                _vm._m(3),
+                _vm.items.length == 0
+                  ? _c("tr", [
+                      _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                        _vm._v("Belum terdapat data..."),
+                      ]),
+                    ])
+                  : _vm._e(),
+              ],
+              2
+            )
+          : _vm.itemDataStat === "fail"
+          ? _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v(
+                    "\n\t\t\t\t\tOops.. Terjadi kesalahan, silahkan coba lagi.\n\t\t\t\t"
+                  ),
+                ]),
               ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "d-block d-md-none" }, [
-                _vm._m(4),
-                _vm._v(" "),
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block pb-2",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.tutup.apply(null, arguments)
-                      },
-                    },
-                  },
-                  [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-                ),
+            ])
+          : _c("tbody", [
+              _c("tr", [
+                _c("td", { attrs: { colspan: _vm.columnData.length } }, [
+                  _vm._v("-"),
+                ]),
               ]),
             ]),
-          ]),
-        ]
-      ),
-    ],
-    1
+      ]),
+    ]
   )
 }
 var staticRenderFns = [
@@ -959,49 +922,18 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih CU")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Bulan")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v(" Pilih Tahun")]),
+    return _c("div", { staticClass: "progress" }, [
+      _c(
+        "div",
+        {
+          staticClass:
+            "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+          staticStyle: { width: "100%" },
+        },
+        [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+      ),
     ])
   },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c(
-      "button",
-      {
-        staticClass: "btn btn-primary btn-block pb-2",
-        attrs: { type: "submit" },
-      },
-      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-    )
-  },
 ]
 render._withStripped = true
 
@@ -1009,10 +941,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/index.vue?vue&type=template&id=745c26fc&":
-/*!***********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/index.vue?vue&type=template&id=745c26fc& ***!
-  \***********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1024,53 +956,109 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
           _c(
             "div",
-            { staticClass: "content" },
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
             [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.id_cu == 0
-                ? _c("select-cu", {
-                    attrs: {
-                      kelas: _vm.kelas,
-                      path: _vm.selectCuPath,
-                      isPus: false,
-                    },
-                  })
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
+                          },
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
                 : _vm._e(),
               _vm._v(" "),
-              _c("table-data", {
-                attrs: { title: _vm.title, kelas: _vm.kelas },
-              }),
-            ],
-            1
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
           ),
-        ]),
-      ]),
-    ],
-    1
-  )
+        ]
+      ),
+    ]),
+  ])
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -1079,10 +1067,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/table.vue?vue&type=template&id=7f6d217e&":
-/*!***********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/table.vue?vue&type=template&id=7f6d217e& ***!
-  \***********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=template&id=55bf1c88&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=template&id=55bf1c88& ***!
+  \**********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1097,298 +1085,851 @@ var render = function () {
   return _c(
     "div",
     [
-      _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-            isNoButtonRow: _vm.isNoButtonRow,
-          },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  _c(
-                    "tr",
-                    {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
                     },
-                    [
-                      _c("td", [
-                        _vm._v(
-                          "\n\t\t\t\t\t" +
-                            _vm._s(
-                              props.index +
-                                1 +
-                                (+_vm.itemData.current_page - 1) *
-                                  +_vm.itemData.per_page +
-                                "."
-                            ) +
-                            "\n\t\t\t\t"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c("td", [
-                            props.item.status == 1
-                              ? _c(
-                                  "span",
-                                  { staticClass: "badge badge-info" },
-                                  [_vm._v("Konfirmasi Bayar")]
-                                )
-                              : props.item.status == 2
-                              ? _c(
-                                  "span",
-                                  { staticClass: "badge badge-primary" },
-                                  [_vm._v("Sudah Bayar")]
-                                )
-                              : _c(
-                                  "span",
-                                  { staticClass: "badge badge-danger" },
-                                  [_vm._v("Belum Bayar")]
-                                ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t" +
-                                _vm._s(
-                                  _vm._f("dateMonth")(props.item.periode)
-                                ) +
-                                "\n\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
-                        ? _c(
-                            "td",
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "div",
+                { staticClass: "card" },
+                [
+                  _c("div", { staticClass: "card-header d-print-none" }, [
+                    _c("div", { staticClass: "row" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass:
+                            "col-md-8 col-lg-10 pb-2 d-none d-sm-block",
+                        },
+                        [
+                          _c(
+                            "button",
+                            {
+                              staticClass: "btn btn-light mb-1",
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalConfirmOpen("simpan")
+                                },
+                              },
+                            },
                             [
-                              props.item.cu
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.cu.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
+                              _c("i", { staticClass: "icon-floppy-disk" }),
+                              _vm._v(
+                                " Simpan ke laporan statistik Tp\n\t\t\t\t\t\t\t\t\t"
                               ),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "button",
+                            {
+                              staticClass: "btn btn-light mb-1",
+                              attrs: { disabled: !_vm.selectedItem.id },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.ubahData(_vm.selectedItem.id)
+                                },
+                              },
                             },
-                          })
-                        : _vm._e(),
+                            [
+                              _c("i", { staticClass: "icon-pencil5" }),
+                              _vm._v(" Ubah\n\t\t\t\t\t\t\t\t\t"),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "button",
+                            {
+                              staticClass: "btn btn-light btn-icon mb-1",
+                              attrs: { disabled: !_vm.selectedItem.id },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalConfirmOpen("hapus")
+                                },
+                              },
+                            },
+                            [
+                              _c("i", { staticClass: "icon-bin2" }),
+                              _vm._v(" Hapus\n\t\t\t\t\t\t\t\t\t"),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "button",
+                            {
+                              staticClass: "btn btn-light btn-icon mb-1",
+                              attrs: { disabled: !_vm.selectedItem.id },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalConfirmOpen("hapus_semua")
+                                },
+                              },
+                            },
+                            [
+                              _c("i", { staticClass: "icon-bin2" }),
+                              _vm._v(" Hapus Semua\n\t\t\t\t\t\t\t\t\t"),
+                            ]
+                          ),
+                        ]
+                      ),
                       _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                    ]
-                  ),
-                ]
-              },
-            },
-          ]),
-        },
-        [
-          _c("template", { slot: "button-desktop" }, [
-            _vm.currentUser.id_cu == 0
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light mb-1",
-                    attrs: { to: { name: _vm.kelas + "Create" } },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("tambah")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-plus3" }),
-                    _vm._v(" Tambah\n\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["destroy_jalinan_iuran"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("hapus")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["index_jalinan_iuran"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.detail(_vm.selectedItem.id)
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-stack2" }),
-                    _vm._v(" Detail\n\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "button-mobile" }, [
-            _vm.currentUser.id_cu == 0
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block mb-1",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("tambah")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-plus3" }),
-                    _vm._v(" Tambah\n\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["destroy_jalinan_iuran"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("hapus")
-                      },
+                      _c(
+                        "div",
+                        { staticClass: "col-md-12 pb-2 d-block d-sm-none" },
+                        [
+                          _c(
+                            "button",
+                            {
+                              staticClass: "btn btn-light btn-block",
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalConfirmOpen("simpan")
+                                },
+                              },
+                            },
+                            [
+                              _c("i", { staticClass: "icon-floppy-disk" }),
+                              _vm._v(
+                                "Simpan ke laporan statistik Tp\n\t\t\t\t\t\t\t\t\t"
+                              ),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "button",
+                            {
+                              staticClass: "btn btn-light btn-block",
+                              attrs: { disabled: !_vm.selectedItem.id },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.ubahData(_vm.selectedItem.id)
+                                },
+                              },
+                            },
+                            [
+                              _c("i", { staticClass: "icon-pencil5" }),
+                              _vm._v(" Ubah\n\t\t\t\t\t\t\t\t\t"),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "button",
+                            {
+                              staticClass:
+                                "btn btn-light btn-icon btn-block mb-1",
+                              attrs: { disabled: !_vm.selectedItem.id },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalConfirmOpen("hapus")
+                                },
+                              },
+                            },
+                            [
+                              _c("i", { staticClass: "icon-bin2" }),
+                              _vm._v(" Hapus\n\t\t\t\t\t\t\t\t\t"),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "button",
+                            {
+                              staticClass:
+                                "btn btn-light btn-icon btn-block mb-1",
+                              attrs: { disabled: !_vm.selectedItem.id },
+                              on: {
+                                click: function ($event) {
+                                  $event.preventDefault()
+                                  return _vm.modalConfirmOpen("hapus_semua")
+                                },
+                              },
+                            },
+                            [
+                              _c("i", { staticClass: "icon-bin2" }),
+                              _vm._v(" Hapus Semua\n\t\t\t\t\t\t\t\t\t"),
+                            ]
+                          ),
+                        ]
+                      ),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("data-table", {
+                    attrs: {
+                      items: _vm.itemData,
+                      columnData: _vm.columnData,
+                      itemDataStat: _vm.itemDataStat,
                     },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["index_jalinan_iuran"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.detail(_vm.selectedItem.id)
+                    scopedSlots: _vm._u([
+                      {
+                        key: "item-desktop",
+                        fn: function (props) {
+                          return [
+                            props.item
+                              ? _c(
+                                  "tr",
+                                  {
+                                    staticClass: "text-nowrap",
+                                    class: {
+                                      "bg-info":
+                                        _vm.selectedItem.id === props.item.id,
+                                    },
+                                    on: {
+                                      click: function ($event) {
+                                        return _vm.selectedRow(props.item)
+                                      },
+                                    },
+                                  },
+                                  [
+                                    _c("td", [_vm._v(_vm._s(props.index + 1))]),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        props.item.tp
+                                          ? _c("check-value", {
+                                              attrs: {
+                                                value: props.item.tp.name,
+                                              },
+                                            })
+                                          : _c("span", [_vm._v("-")]),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: { value: props.item.no_tp },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c("td", [
+                                      _vm._v(
+                                        _vm._s(
+                                          _vm._f("dateMonth")(
+                                            props.item.periode
+                                          )
+                                        )
+                                      ),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.l_biasa,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.l_lbiasa,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.p_biasa,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.p_lbiasa,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.total_anggota,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.total_anggota_lalu,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.aset,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.aset_lalu,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.aset_masalah,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item
+                                                .aset_tidak_menghasilkan,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.aktiva_lancar,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.simpanan_saham,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.simpanan_saham_lalu,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.simpanan_saham_des,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.nonsaham_unggulan,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.nonsaham_harian,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.hutang_spd,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item
+                                                .hutang_tidak_berbiaya_30hari,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.total_hutang_pihak3,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.piutang_beredar,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.piutang_bersih,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.piutang_anggota,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.piutang_lalai_1bulan,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.piutang_lalai_12bulan,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.rasio_beredar,
+                                            valueType: "percentage",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.rasio_lalai,
+                                            valueType: "percentage",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.dcr,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.dcu,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.dana_gedung,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.donasi,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.bjs_saham,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.beban_penyisihan_dcr,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.investasi_likuid,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.total_pendapatan,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.total_biaya,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.shu,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.shu_lalu,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.rata_aset,
+                                            valueType: "currency",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.laju_inflasi,
+                                            valueType: "percentage",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "td",
+                                      [
+                                        _c("check-value", {
+                                          attrs: {
+                                            value: props.item.harga_pasar,
+                                            valueType: "percentage",
+                                          },
+                                        }),
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c("td", {
+                                      domProps: {
+                                        innerHTML: _vm._s(
+                                          _vm.$options.filters.dateTime(
+                                            props.item.created_at
+                                          )
+                                        ),
+                                      },
+                                    }),
+                                    _vm._v(" "),
+                                    _c("td", [
+                                      props.item.created_at !==
+                                      props.item.updated_at
+                                        ? _c("span", {
+                                            domProps: {
+                                              innerHTML: _vm._s(
+                                                _vm.$options.filters.dateTime(
+                                                  props.item.updated_at
+                                                )
+                                              ),
+                                            },
+                                          })
+                                        : _c("span", [_vm._v("-")]),
+                                    ]),
+                                  ]
+                                )
+                              : _vm._e(),
+                          ]
+                        },
                       },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-stack2" }),
-                    _vm._v(" Detail\n\t\t\t"),
-                  ]
-                )
-              : _vm._e(),
-          ]),
-        ],
-        2
-      ),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            button: _vm.modalButton,
-            content: _vm.modalContent,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _c("form-create", {
-                attrs: { kelas: _vm.kelas },
-                on: { tutup: _vm.modalTutup },
-              }),
+                    ]),
+                  }),
+                ],
+                1
+              ),
             ],
             1
           ),
-        ],
-        2
-      ),
+        ]),
+      ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          content: _vm.modalContent,
+          button: _vm.modalButton,
+        },
+        on: {
+          tutup: _vm.modalTutup,
+          confirmOk: _vm.modalConfirmOk,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalTutup,
+        },
+      }),
     ],
     1
   )
@@ -1400,17 +1941,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1420,9 +1961,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1432,55 +1973,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/formInfo.vue"
+component.options.__file = "resources/assets/js/components/checkValue.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/formCreate.vue":
-/*!***************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/formCreate.vue ***!
-  \***************************************************************/
+/***/ "./resources/assets/js/components/datatable.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formCreate_vue_vue_type_template_id_0c64fe60___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formCreate.vue?vue&type=template&id=0c64fe60& */ "./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=template&id=0c64fe60&");
-/* harmony import */ var _formCreate_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formCreate.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datatable.vue?vue&type=template&id=80417746& */ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony import */ var _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./datatable.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1489,9 +2030,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formCreate_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formCreate_vue_vue_type_template_id_0c64fe60___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formCreate_vue_vue_type_template_id_0c64fe60___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1501,55 +2042,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanIuran/formCreate.vue"
+component.options.__file = "resources/assets/js/components/datatable.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCreate_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCreate.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCreate_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=template&id=0c64fe60&":
-/*!**********************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=template&id=0c64fe60& ***!
-  \**********************************************************************************************/
+/***/ "./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCreate_vue_vue_type_template_id_0c64fe60___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCreate.vue?vue&type=template&id=0c64fe60& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=template&id=0c64fe60&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCreate_vue_vue_type_template_id_0c64fe60___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./datatable.vue?vue&type=template&id=80417746& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/datatable.vue?vue&type=template&id=80417746&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCreate_vue_vue_type_template_id_0c64fe60___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_datatable_vue_vue_type_template_id_80417746___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/index.vue":
-/*!**********************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/index.vue ***!
-  \**********************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_745c26fc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=745c26fc& */ "./resources/assets/js/views/jalinanIuran/index.vue?vue&type=template&id=745c26fc&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanIuran/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1558,9 +2099,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_745c26fc___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_745c26fc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1570,54 +2111,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanIuran/index.vue"
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/index.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/index.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/index.vue?vue&type=template&id=745c26fc&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/index.vue?vue&type=template&id=745c26fc& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_745c26fc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=745c26fc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/index.vue?vue&type=template&id=745c26fc&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_745c26fc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_745c26fc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/table.vue":
-/*!**********************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/table.vue ***!
-  \**********************************************************/
+/***/ "./resources/assets/js/views/laporanCu/draftTp.vue":
+/*!*********************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/draftTp.vue ***!
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_7f6d217e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=7f6d217e& */ "./resources/assets/js/views/jalinanIuran/table.vue?vue&type=template&id=7f6d217e&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanIuran/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _draftTp_vue_vue_type_template_id_55bf1c88___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./draftTp.vue?vue&type=template&id=55bf1c88& */ "./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=template&id=55bf1c88&");
+/* harmony import */ var _draftTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./draftTp.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1627,9 +2168,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_7f6d217e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_7f6d217e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _draftTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _draftTp_vue_vue_type_template_id_55bf1c88___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _draftTp_vue_vue_type_template_id_55bf1c88___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1639,38 +2180,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanIuran/table.vue"
+component.options.__file = "resources/assets/js/views/laporanCu/draftTp.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/table.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/table.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_draftTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./draftTp.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_draftTp_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanIuran/table.vue?vue&type=template&id=7f6d217e&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanIuran/table.vue?vue&type=template&id=7f6d217e& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=template&id=55bf1c88&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=template&id=55bf1c88& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_7f6d217e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=7f6d217e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/table.vue?vue&type=template&id=7f6d217e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_7f6d217e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_draftTp_vue_vue_type_template_id_55bf1c88___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./draftTp.vue?vue&type=template&id=55bf1c88& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/laporanCu/draftTp.vue?vue&type=template&id=55bf1c88&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_draftTp_vue_vue_type_template_id_55bf1c88___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_7f6d217e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_draftTp_vue_vue_type_template_id_55bf1c88___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/83.js b/public/js/components/83.js
index ce2191e83..20f28985a 100644
--- a/public/js/components/83.js
+++ b/public/js/components/83.js
@@ -1,8 +1,8 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[83],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
 /*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
   \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -17,40 +17,24 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    message: {
-      "default": ''
-    }
-  }
+  props: []
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/formTipe.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/formTipe.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _identitas_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./identitas.vue */ "./resources/assets/js/views/user/identitas.vue");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -163,196 +147,78 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['selected'],
+  props: ['kelas'],
   components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
-    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    identitas: _identitas_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
   },
   data: function data() {
     return {
-      kelas: 'user',
-      formData: {},
-      selectedItem: [],
-      query: {
-        order_column: "name",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 10,
-        page: 1
-      },
-      columnData: [{
-        title: 'No.'
-      }, {
-        title: 'Foto'
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'Gender'
-      }, {
-        title: 'CU',
-        disable: false
-      }, {
-        title: 'Tingkat'
-      }, {
-        title: 'Jabatan'
-      }, {
-        title: 'Pendidikan'
-      }, {
-        title: 'Jurusan'
-      }, {
-        title: 'Tgl. Lahir'
-      }, {
-        title: 'Tempat Lahir'
-      }, {
-        title: 'Tinggi'
-      }, {
-        title: 'Agama'
-      }, {
-        title: 'Status Pernikahan'
-      }],
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      message: {
-        show: false,
-        content: ''
+      title: '',
+      form2: {
+        id_cu: '',
+        periodeBulan: '',
+        periodeTahun: ''
       },
+      itemTahun: [],
+      penjelasanStatus: '',
       submited: false
     };
   },
   created: function created() {
-    if (this.modelCuStat != 'success') {
-      this.$store.dispatch('cu/getHeader');
-    }
-
-    this.formData = Object.assign({}, this.selected);
-
-    if (!this.formData.aktivis) {
-      this.fetchAktivis(this.query);
-    }
+    this.generateYear();
   },
   watch: {},
   methods: {
-    fetchAktivis: function fetchAktivis(params) {
-      this.$store.dispatch('aktivis/indexCu', [params, this.formData.id_cu, 'semua', 'aktif']);
-      this.disableColumnCu(true);
-    },
-    changeCU: function changeCU(value) {
-      this.fetchAktivis(this.query);
-    },
-    disableColumnCu: function disableColumnCu(value) {
-      this.columnData[4].disable = value;
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-      this.formData.id_aktivis = item.id;
-      this.formData.aktivis = item;
-    },
-    deleteSelected: function deleteSelected() {
-      this.selectedItem = [];
-      this.formData.id_aktivis = '';
-      this.formData.aktivis = {};
-      this.fetchAktivis(this.query);
+    fetchCU: function fetchCU() {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
     },
     save: function save() {
       var _this = this;
 
-      this.$validator.validateAll('formData').then(function (result) {
-        if (result) {
-          _this.$store.dispatch(_this.kelas + '/update', [_this.selected.id, _this.formData]);
-        } else {
-          _this.submited = true;
-        }
+      this.$validator.validateAll('form2').then(function (result) {
+        _this.$store.dispatch(_this.kelas + '/create', [_this.form2.id_cu, _this.form2.periodeBulan, _this.form2.periodeTahun]);
       });
     },
     tutup: function tutup() {
       this.$emit('tutup');
+    },
+    momentYear: function momentYear() {
+      return moment().year();
+    },
+    generateYear: function generateYear() {
+      var years = function years(back) {
+        var year = new Date().getFullYear();
+        return Array.from({
+          length: back
+        }, function (v, i) {
+          return year - back + i + 1;
+        });
+      };
+
+      this.itemTahun = years(5);
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('aktivis', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'headerDataS',
+    modelCuStat: 'headerDataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/index.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/index.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/index.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/index.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -360,9 +226,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/user/table.vue");
+/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/jalinanIuran/table.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -405,32 +271,35 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
 
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  name: 'UserIndex',
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
   data: function data() {
     return {
-      title: 'User',
-      kelas: 'user',
-      titleDesc: 'Mengelola data user',
-      titleIcon: 'icon-users',
-      selectCuPath: 'userCu'
+      title: 'Setoran Solidaritas Jalinan',
+      kelas: 'jalinanIuran',
+      titleDesc: 'Mengelola data iuran Jalinan',
+      titleIcon: 'icon-clipboard6',
+      selectCuPath: 'jalinanIuranCu'
     };
   },
   created: function created() {
-    this.checkUser('index_user', this.$route.params.cu);
+    this.checkUser('index_jalinan_iuran', this.$route.params.cu);
+  },
+  watch: {
+    // check route changes
+    $route: function $route(to, from) {
+      this.fetch();
+    }
   },
   methods: {
     checkUser: function checkUser(permission, id_cu) {
@@ -449,30 +318,30 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('user', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanIuran', {
+    itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/table.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/table.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/table.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/table.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
 /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_hakAkses_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/hakAkses.vue */ "./resources/assets/js/components/hakAkses.vue");
-/* harmony import */ var _formTipe_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./formTipe.vue */ "./resources/assets/js/views/user/formTipe.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _formCreate_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./formCreate.vue */ "./resources/assets/js/views/jalinanIuran/formCreate.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -568,259 +437,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -831,269 +447,168 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   components: {
     DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
     appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    hakAksesForm: _components_hakAkses_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    formTipe: _formTipe_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__["default"]
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    formCreate: _formCreate_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
-  props: ["title", "kelas"],
+  props: ['title', 'kelas'],
   data: function data() {
     return {
       selectedItem: [],
       query: {
-        order_column: "login",
-        order_direction: "desc",
+        order_column: "periode",
+        order_direction: "asc",
         filter_match: "and",
         limit: 10,
         page: 1
       },
-      excelDownloadUrl: "",
+      isNoButtonRow: '',
+      excelDownloadUrl: '',
       columnData: [{
-        title: "No.",
-        name: "No."
-      }, {
-        title: "Foto",
-        name: "aktivis.gambar",
-        hide: false
-      }, {
-        title: "Username",
-        name: "username",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: "Nama",
-        name: "aktivis.name",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'No.',
+        name: 'No.'
       }, {
-        title: "E-mail",
-        name: "aktivis.email",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "CU",
-        name: "cu.name",
-        tipe: "string",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Tingkat",
-        name: "aktivis.pekerjaan_aktif.tingkat",
-        tipe: "string",
+        title: 'Status',
+        name: 'status',
+        tipe: 'string',
         sort: true,
         hide: false,
-        disable: false,
-        filter: true
+        disable: false
       }, {
-        title: "Jabatan",
-        name: "aktivis.pekerjaan_aktif.name",
-        tipe: "string",
+        title: 'Periode',
+        name: 'periode',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
-        filter: true
-      }, {
-        title: "Status",
-        name: "status",
-        sort: true,
-        hide: false,
-        disable: false
+        filter: true,
+        filterDefault: true
       }, {
-        title: "Login",
-        name: "login",
-        tipe: "datetime",
-        sort: true,
+        title: 'CU',
+        name: 'cu.name',
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Tgl. Buat",
-        name: "created_at",
-        tipe: "datetime",
+        title: 'Tgl. / Waktu Buat',
+        name: 'created_at',
+        tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Tgl. Ubah",
-        name: "updated_at",
-        tipe: "datetime",
+        title: 'Tgl. / Waktu Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }],
-      tipeUser: "",
-      modalHakAksesForm: [],
-      state: "",
+      keteranganBatal: '',
+      state: '',
       modalShow: false,
-      modalState: "",
-      modalColor: "",
-      modalSize: "",
-      modalTitle: "",
-      modalButton: "",
-      modalContent: ""
+      modalState: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: ''
     };
   },
   created: function created() {
     this.fetch(this.query);
   },
   watch: {
-    // check route changes
-    $route: function $route(to, from) {
+    '$route': function $route(to, from) {
+      // check current page meta
       this.fetch(this.query);
     },
-    // when updating data
     updateStat: function updateStat(value) {
       this.modalState = value;
-      this.modalButton = "Ok";
+      this.modalButton = 'Ok';
 
-      if (value == "success") {
+      if (value === "success") {
         this.modalTitle = this.updateMessage.message;
-        this.modalContent = "";
+        this.modalContent = '';
         this.fetch(this.query);
-        this.selectedItem = [];
-      } else if (value == "fail") {
+      } else if (value === "fail") {
         this.modalContent = this.updateMessage;
       } else {
-        this.modalContent = "";
-      }
-    },
-    hakAksesStat: function hakAksesStat(value) {
-      if (value == "success") {
-        var newData = [];
-
-        if (this.hakAkses.length > 0) {
-          this.hakAkses.forEach(function (e) {
-            newData.push(e.name);
-          });
-        }
-
-        this.modalHakAksesForm = newData;
+        this.modalContent = '';
       }
     }
   },
   methods: {
     fetch: function fetch(params) {
-      if (this.$route.params.cu == "semua") {
+      if (this.$route.params.cu == 'semua') {
         this.disableColumnCu(false);
-        this.$store.dispatch(this.kelas + "/index", params);
+        this.$store.dispatch(this.kelas + '/index', params);
         this.excelDownloadUrl = this.kelas;
       } else {
         this.disableColumnCu(true);
-        this.$store.dispatch(this.kelas + "/indexCu", [params, this.$route.params.cu]);
-        this.excelDownloadUrl = this.kelas + "/indexCu/" + this.$route.params.cu;
+        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
+        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
       }
     },
     disableColumnCu: function disableColumnCu(status) {
-      this.columnData[5].disable = status;
+      this.columnData[3].disable = status;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    ubahData: function ubahData(id) {
-      this.$router.push("/" + this.kelas + "/edit/" + id);
-    },
-    aktivitas: function aktivitas(id) {
-      this.$router.push("/" + this.kelas + "/aktivitas/" + id);
-    },
-    hakForm: function hakForm(value) {
-      this.modalHakAksesForm = value;
+    detail: function detail(id) {
+      this.$router.push({
+        name: this.kelas + 'Detail',
+        params: {
+          id: id
+        }
+      });
     },
-    modalOpen: function modalOpen(state) {
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
       this.state = state;
 
-      if (state == "hapus") {
-        this.modalSize = "";
-        this.modalState = "confirm-tutup";
-        this.modalTitle = "Hapus " + this.kelas + " dengan username " + this.selectedItem.username + "?";
-        this.modalButton = "Iya, Hapus";
-      } else if (state == "resetPassword") {
-        this.modalSize = "";
-        this.modalState = "confirm-tutup";
-        this.modalTitle = "Reset password user  " + this.selectedItem.username + " ini?";
-        this.modalButton = "Iya, reset password";
-      } else if (state == "updateStatus") {
-        this.modalSize = "";
-        this.modalState = "confirm-tutup";
-
-        if (this.selectedItem.status == 0) {
-          this.modalTitle = "Aktifkan user  " + this.selectedItem.username + " ini?";
-          this.modalButton = "Iya, aktifkan";
-        } else {
-          this.modalTitle = "Non-aktifkan user  " + this.selectedItem.username + " ini?";
-          this.modalButton = "Iya, non-aktifkan";
-        }
-      } else if (state == "tipe") {
-        this.modalColor = "bg-primary";
-        this.modalTitle = "Ubah Data Aktivis User";
-        this.modalState = "normal2";
-        this.modalSize = "modal-lg";
-      } else if (state == "akses") {
-        this.modalColor = "bg-primary";
-        this.modalTitle = "Hak Akses User";
-        this.modalState = "normal1";
-        this.modalSize = "modal-full";
-
-        if (this.selectedItem.id_cu == 0) {
-          this.tipeUser = "bkcu";
-        } else {
-          this.tipeUser = "cu";
-        }
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
 
-        this.$store.dispatch(this.kelas + "/editHakAkses", this.selectedItem.id);
+      if (state == 'hapus') {
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ini?';
+        this.modalButton = 'Iya, Hapus';
+        this.modalColor = '';
+        this.modalState = 'confirm-tutup';
+      }
+
+      if (state == 'tambah') {
+        this.modalTitle = 'Buat tagihan ' + this.title + ' ?';
+        this.modalState = 'normal1';
       }
     },
     modalTutup: function modalTutup() {
       this.modalShow = false;
-      this.modalColor = "";
-      this.modalTitle = "";
-      this.modalSize = "";
-      this.$store.dispatch(this.kelas + "/resetUpdateStat");
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == "hapus") {
-        this.$store.dispatch(this.kelas + "/destroy", this.selectedItem.id);
-      } else if (this.state == "resetPassword") {
-        this.$store.dispatch(this.kelas + "/updateResetPassword", this.selectedItem.id);
-      } else if (this.state == "updateStatus") {
-        this.$store.dispatch(this.kelas + "/updateStatus", this.selectedItem.id);
-      } else if (this.state == "akses") {
-        this.$store.dispatch(this.kelas + "/updateHakAkses", [this.selectedItem.id, this.modalHakAksesForm]);
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
       }
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("auth", {
-    currentUser: "currentUser"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("user", {
-    itemData: "dataS",
-    itemDataStat: "dataStatS",
-    hakAkses: "data",
-    hakAksesStat: "dataStat",
-    updateMessage: "update",
-    updateStat: "updateStat"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("global", {
-    idCu: "idCu"
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('jalinanIuran', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
 /*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
   \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -1106,35 +621,34 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", { staticStyle: { display: "inline-block" } }, [
-    _c("i", {
-      directives: [
-        {
-          name: "tooltip",
-          rawName: "v-tooltip",
-          value: _vm.message,
-          expression: "message",
-        },
-      ],
-      staticClass: "icon-info22 d-none d-sm-block",
-    }),
-    _vm._v(" "),
-    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
-      _c("i", [_vm._v(_vm._s(_vm.message))]),
-    ]),
-  ])
+  return _vm._m(0)
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+          ),
+        ]),
+      ]),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/formTipe.vue?vue&type=template&id=655b842f&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/formTipe.vue?vue&type=template&id=655b842f& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=template&id=0c64fe60&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=template&id=0c64fe60& ***!
+  \****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1146,436 +660,359 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formData" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
+  return _c(
+    "div",
+    [
+      _vm.errors.any("form2") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "form",
+        {
+          attrs: { "data-vv-scope": "form2" },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
           },
         },
-      },
-      [
-        _c("div", { staticClass: "row" }, [
-          _vm.selected.name != null
-            ? _c("div", { staticClass: "col-md-12" }, [
-                _c("div", { staticClass: "card card-body text-center" }, [
+        [
+          _c("div", { staticClass: "row" }, [
+            _c("div", { staticClass: "col-sm-12" }, [
+              _c("div", { staticClass: "input-group" }, [
+                _vm._m(0),
+                _vm._v(" "),
+                _c(
+                  "select",
+                  {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.form2.id_cu,
+                        expression: "form2.id_cu",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      name: "idCu",
+                      "data-width": "100%",
+                      disabled: _vm.modelCuStat === "loading",
+                    },
+                    on: {
+                      change: function ($event) {
+                        var $$selectedVal = Array.prototype.filter
+                          .call($event.target.options, function (o) {
+                            return o.selected
+                          })
+                          .map(function (o) {
+                            var val = "_value" in o ? o._value : o.value
+                            return val
+                          })
+                        _vm.$set(
+                          _vm.form2,
+                          "id_cu",
+                          $event.target.multiple
+                            ? $$selectedVal
+                            : $$selectedVal[0]
+                        )
+                      },
+                    },
+                  },
+                  [
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("Silahkan pilih data"),
+                    ]),
+                    _vm._v(" "),
+                    _vm._t("default"),
+                    _vm._v(" "),
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("----------------"),
+                    ]),
+                    _vm._v(" "),
+                    _vm._l(_vm.modelCu, function (cu, index) {
+                      return _c(
+                        "option",
+                        { key: index, domProps: { value: cu.id } },
+                        [_vm._v(_vm._s(cu.name))]
+                      )
+                    }),
+                  ],
+                  2
+                ),
+                _vm._v(" "),
+                _c("div", { staticClass: "input-group-append" }, [
                   _c(
-                    "ul",
+                    "button",
                     {
-                      staticClass:
-                        "list-inline list-inline-consensed mb-0 font-size-lg",
+                      staticClass: "btn btn-light",
+                      attrs: { disabled: _vm.modelCuStat === "loading" },
+                      on: { click: _vm.fetchCU },
                     },
                     [
-                      _c("li", { staticClass: "list-inline-item" }, [
-                        _c("b", [_vm._v("Username:")]),
-                        _vm._v(" " + _vm._s(_vm.selected.username)),
-                      ]),
-                      _vm._v(" "),
-                      _c("li", { staticClass: "list-inline-item" }, [
-                        _c("b", [_vm._v("Nama:")]),
-                        _vm._v(" " + _vm._s(_vm.selected.name)),
-                      ]),
+                      _c("i", {
+                        staticClass: "icon-sync",
+                        class: { spinner: _vm.modelCuStat === "loading" },
+                      }),
                     ]
                   ),
                 ]),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.currentUser.id_cu == 0
-            ? _c("div", { staticClass: "col-md-12" }, [
-                _c("div", { staticClass: "form-group" }, [
-                  _c("h5", [_vm._v("Tipe:")]),
-                  _vm._v(" "),
-                  _c(
-                    "select",
-                    {
-                      directives: [
-                        {
-                          name: "model",
-                          rawName: "v-model",
-                          value: _vm.formData.id_cu,
-                          expression: "formData.id_cu",
-                        },
-                      ],
-                      staticClass: "form-control",
-                      attrs: { name: "cu", "data-width": "100%" },
-                      on: {
-                        change: [
-                          function ($event) {
-                            var $$selectedVal = Array.prototype.filter
-                              .call($event.target.options, function (o) {
-                                return o.selected
-                              })
-                              .map(function (o) {
-                                var val = "_value" in o ? o._value : o.value
-                                return val
-                              })
-                            _vm.$set(
-                              _vm.formData,
-                              "id_cu",
-                              $event.target.multiple
-                                ? $$selectedVal
-                                : $$selectedVal[0]
-                            )
-                          },
-                          function ($event) {
-                            return _vm.changeCU($event.target.value)
-                          },
-                        ],
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "col-sm-12" }, [
+              _c("div", { staticClass: "input-group" }, [
+                _vm._m(1),
+                _vm._v(" "),
+                _c(
+                  "select",
+                  {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.form2.periodeBulan,
+                        expression: "form2.periodeBulan",
                       },
-                    },
-                    [
-                      _c("option", { attrs: { disabled: "", value: "" } }, [
-                        _vm._v("Silahkan pilih CU"),
-                      ]),
-                      _vm._v(" "),
-                      _c("option", { attrs: { value: "0" } }, [
-                        _vm._v("PUSKOPCUINA"),
-                      ]),
-                      _vm._v(" "),
-                      _vm._l(_vm.modelCU, function (cu) {
-                        return _c("option", { domProps: { value: cu.id } }, [
-                          _vm._v(_vm._s(cu.name)),
-                        ])
-                      }),
                     ],
-                    2
-                  ),
-                ]),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "col-md-12" },
-            [
-              _c("h5", [_vm._v("Data Aktivis User:")]),
-              _vm._v(" "),
-              _vm.formData.id_aktivis != "" && _vm.formData.id_aktivis != null
-                ? _c("identitas", {
-                    attrs: { itemData: _vm.formData.aktivis },
-                    on: { deleteSelected: _vm.deleteSelected },
-                  })
-                : _c("data-viewer", {
+                    staticClass: "form-control",
                     attrs: {
-                      title: "Aktivis",
-                      columnData: _vm.columnData,
-                      itemData: _vm.itemData,
-                      query: _vm.query,
-                      itemDataStat: _vm.itemDataStat,
-                      isDasar: "true",
-                      isNoButtonRow: "true",
+                      name: "periodeBulan",
+                      "data-width": "100%",
+                      disabled: _vm.form2.id_cu == "",
+                    },
+                    on: {
+                      change: function ($event) {
+                        var $$selectedVal = Array.prototype.filter
+                          .call($event.target.options, function (o) {
+                            return o.selected
+                          })
+                          .map(function (o) {
+                            var val = "_value" in o ? o._value : o.value
+                            return val
+                          })
+                        _vm.$set(
+                          _vm.form2,
+                          "periodeBulan",
+                          $event.target.multiple
+                            ? $$selectedVal
+                            : $$selectedVal[0]
+                        )
+                      },
                     },
-                    on: { fetch: _vm.fetchAktivis },
-                    scopedSlots: _vm._u([
+                  },
+                  [
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("Bulan"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("----------------"),
+                    ]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "1" } }, [_vm._v("1")]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "2" } }, [_vm._v("2")]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "3" } }, [_vm._v("3")]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "4" } }, [_vm._v("4")]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "5" } }, [_vm._v("5")]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "6" } }, [_vm._v("6")]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "7" } }, [_vm._v("7")]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "8" } }, [_vm._v("8")]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "9" } }, [_vm._v("9")]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "10" } }, [_vm._v("10")]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "11" } }, [_vm._v("11")]),
+                    _vm._v(" "),
+                    _c("option", { attrs: { value: "12" } }, [_vm._v("12")]),
+                  ]
+                ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "col-sm-12" }, [
+              _c("div", { staticClass: "input-group" }, [
+                _vm._m(2),
+                _vm._v(" "),
+                _c(
+                  "select",
+                  {
+                    directives: [
                       {
-                        key: "item-desktop",
-                        fn: function (props) {
-                          return [
-                            _c(
-                              "tr",
-                              {
-                                staticClass: "text-nowrap cursor-pointer",
-                                on: {
-                                  click: function ($event) {
-                                    return _vm.selectedRow(props.item)
-                                  },
-                                },
-                              },
-                              [
-                                _c("td", [
-                                  _vm._v(
-                                    "\n\t\t\t\t\t\t\t" +
-                                      _vm._s(
-                                        props.index +
-                                          1 +
-                                          (+_vm.itemData.current_page - 1) *
-                                            +_vm.itemData.per_page +
-                                          "."
-                                      ) +
-                                      "\n\t\t\t\t\t\t"
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("td", [
-                                  props.item.gambar
-                                    ? _c("img", {
-                                        staticClass:
-                                          "img-rounded img-fluid wmin-sm",
-                                        attrs: {
-                                          src:
-                                            "/images/aktivis/" +
-                                            props.item.gambar +
-                                            "n.jpg",
-                                        },
-                                      })
-                                    : _c("img", {
-                                        staticClass:
-                                          "img-rounded img-fluid wmin-sm",
-                                        attrs: { src: "/images/no_image.jpg" },
-                                      }),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "td",
-                                  [
-                                    _c("check-value", {
-                                      attrs: { value: props.item.name },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "td",
-                                  [
-                                    _c("check-value", {
-                                      attrs: { value: props.item.kelamin },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                !_vm.columnData[4].disable
-                                  ? _c("td", [
-                                      props.item.pekerjaan_aktif &&
-                                      props.item.pekerjaan_aktif.tipe == 1
-                                        ? _c(
-                                            "span",
-                                            [
-                                              props.item.pekerjaan_aktif.cu
-                                                ? _c("check-value", {
-                                                    attrs: {
-                                                      value:
-                                                        props.item
-                                                          .pekerjaan_aktif.cu
-                                                          .name,
-                                                    },
-                                                  })
-                                                : _c("span", [_vm._v("-")]),
-                                            ],
-                                            1
-                                          )
-                                        : props.item.pekerjaan_aktif &&
-                                          props.item.pekerjaan_aktif.tipe == 2
-                                        ? _c(
-                                            "span",
-                                            [
-                                              props.item.pekerjaan_aktif
-                                                .lembaga_lain
-                                                ? _c("check-value", {
-                                                    attrs: {
-                                                      value:
-                                                        props.item
-                                                          .pekerjaan_aktif
-                                                          .lembaga_lain.name,
-                                                    },
-                                                  })
-                                                : _c("span", [_vm._v("-")]),
-                                            ],
-                                            1
-                                          )
-                                        : props.item.pekerjaan_aktif &&
-                                          props.item.pekerjaan_aktif.tipe == 3
-                                        ? _c("span", [
-                                            _vm._v(
-                                              "\n\t\t\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t\t\t"
-                                            ),
-                                          ])
-                                        : _c("span", [_vm._v("-")]),
-                                    ])
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _c("td", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.checkTingkatAktivis(
-                                        props.item.pekerjaan_aktif.tingkat
-                                      )
-                                    ),
-                                  },
-                                }),
-                                _vm._v(" "),
-                                _c(
-                                  "td",
-                                  [
-                                    props.item.pekerjaan_aktif
-                                      ? _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.pekerjaan_aktif.name,
-                                          },
-                                        })
-                                      : _c("span", [_vm._v("-")]),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "td",
-                                  [
-                                    props.item.pendidikan_tertinggi
-                                      ? _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.pendidikan_tertinggi
-                                                .tingkat,
-                                          },
-                                        })
-                                      : _c("span", [_vm._v("-")]),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "td",
-                                  [
-                                    props.item.pendidikan_tertinggi
-                                      ? _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              props.item.pendidikan_tertinggi
-                                                .name,
-                                          },
-                                        })
-                                      : _c("span", [_vm._v("-")]),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c("td", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.date(
-                                        props.item.tanggal_lahir
-                                      )
-                                    ),
-                                  },
-                                }),
-                                _vm._v(" "),
-                                _c(
-                                  "td",
-                                  [
-                                    _c("check-value", {
-                                      attrs: { value: props.item.tempat_lahir },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "td",
-                                  [
-                                    _c("check-value", {
-                                      attrs: { value: props.item.tinggi },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "td",
-                                  [
-                                    _c("check-value", {
-                                      attrs: { value: props.item.agama },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "td",
-                                  [
-                                    _c("check-value", {
-                                      attrs: { value: props.item.status },
-                                    }),
-                                  ],
-                                  1
-                                ),
-                              ]
-                            ),
-                          ]
-                        },
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.form2.periodeTahun,
+                        expression: "form2.periodeTahun",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      name: "periodeTahun",
+                      "data-width": "100%",
+                      disabled: _vm.form2.periodeBulan == "",
+                    },
+                    on: {
+                      change: function ($event) {
+                        var $$selectedVal = Array.prototype.filter
+                          .call($event.target.options, function (o) {
+                            return o.selected
+                          })
+                          .map(function (o) {
+                            var val = "_value" in o ? o._value : o.value
+                            return val
+                          })
+                        _vm.$set(
+                          _vm.form2,
+                          "periodeTahun",
+                          $event.target.multiple
+                            ? $$selectedVal
+                            : $$selectedVal[0]
+                        )
                       },
+                    },
+                  },
+                  [
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("Tahun"),
                     ]),
-                  }),
-            ],
-            1
-          ),
-        ]),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: { type: "submit", disabled: _vm.formData.cu_id == "" },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: { type: "submit", disabled: _vm.formData.cu_id == "" },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-        ]),
-      ]
-    ),
-  ])
+                    _vm._v(" "),
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm._v("----------------"),
+                    ]),
+                    _vm._v(" "),
+                    _vm._l(_vm.itemTahun, function (y, index) {
+                      return _c(
+                        "option",
+                        { key: index, domProps: { value: y } },
+                        [_vm._v(_vm._s(y))]
+                      )
+                    }),
+                  ],
+                  2
+                ),
+              ]),
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "col-sm-12" }, [
+              _c("hr"),
+              _vm._v(" "),
+              _c("div", { staticClass: "text-center d-none d-md-block" }, [
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.tutup.apply(null, arguments)
+                      },
+                    },
+                  },
+                  [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+                ),
+                _vm._v(" "),
+                _vm._m(3),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "d-block d-md-none" }, [
+                _vm._m(4),
+                _vm._v(" "),
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block pb-2",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.tutup.apply(null, arguments)
+                      },
+                    },
+                  },
+                  [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+                ),
+              ]),
+            ]),
+          ]),
+        ]
+      ),
+    ],
+    1
+  )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih CU")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Bulan")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v(" Pilih Tahun")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      { staticClass: "btn btn-primary", attrs: { type: "submit" } },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "button",
+      {
+        staticClass: "btn btn-primary btn-block pb-2",
+        attrs: { type: "submit" },
+      },
+      [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+    )
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/index.vue?vue&type=template&id=36522081&":
-/*!***************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/index.vue?vue&type=template&id=36522081& ***!
-  \***************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/index.vue?vue&type=template&id=745c26fc&":
+/*!***********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/index.vue?vue&type=template&id=745c26fc& ***!
+  \***********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1598,11 +1035,11 @@ var render = function () {
         },
       }),
       _vm._v(" "),
-      _c("div", { staticClass: "page-container" }, [
-        _c("div", { staticClass: "page-content" }, [
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
           _c(
             "div",
-            { staticClass: "content-wrapper" },
+            { staticClass: "content" },
             [
               _vm.itemDataStat === "fail"
                 ? _c("message", {
@@ -1618,7 +1055,7 @@ var render = function () {
                     attrs: {
                       kelas: _vm.kelas,
                       path: _vm.selectCuPath,
-                      isPus: true,
+                      isPus: false,
                     },
                   })
                 : _vm._e(),
@@ -1642,10 +1079,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/table.vue?vue&type=template&id=20255506&":
-/*!***************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/table.vue?vue&type=template&id=20255506& ***!
-  \***************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/table.vue?vue&type=template&id=7f6d217e&":
+/*!***********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanIuran/table.vue?vue&type=template&id=7f6d217e& ***!
+  \***********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1665,13 +1102,12 @@ var render = function () {
         {
           attrs: {
             title: _vm.title,
-            kelas: _vm.kelas,
             columnData: _vm.columnData,
             itemData: _vm.itemData,
             query: _vm.query,
             itemDataStat: _vm.itemDataStat,
             excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
+            isNoButtonRow: _vm.isNoButtonRow,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
@@ -1682,6 +1118,7 @@ var render = function () {
                   _c(
                     "tr",
                     {
+                      staticClass: "text-nowrap",
                       class: {
                         "bg-info": _vm.selectedItem.id === props.item.id,
                       },
@@ -1692,118 +1129,61 @@ var render = function () {
                       },
                     },
                     [
-                      _c("td", [
-                        _vm._v(
-                          _vm._s(
-                            props.index +
-                              1 +
-                              (+_vm.itemData.current_page - 1) *
-                                +_vm.itemData.per_page +
-                              "."
-                          )
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c("td", [
-                            props.item.aktivis && props.item.aktivis.gambar
-                              ? _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src:
-                                      "/images/aktivis/" +
-                                      props.item.aktivis.gambar +
-                                      ".jpg",
-                                    width: "40",
-                                  },
-                                })
-                              : _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src: "/images/no_image_man.jpg",
-                                    width: "40",
-                                  },
-                                }),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.username },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.aktivis
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.aktivis.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.aktivis
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.aktivis.email },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
+                      _c("td", [
+                        _vm._v(
+                          "\n\t\t\t\t\t" +
+                            _vm._s(
+                              props.index +
+                                1 +
+                                (+_vm.itemData.current_page - 1) *
+                                  +_vm.itemData.per_page +
+                                "."
+                            ) +
+                            "\n\t\t\t\t"
+                        ),
+                      ]),
                       _vm._v(" "),
-                      !_vm.columnData[5].hide && !_vm.columnData[5].disable
+                      !_vm.columnData[1].hide
                         ? _c("td", [
-                            props.item.cu
-                              ? _c("span", [_vm._v(_vm._s(props.item.cu.name))])
-                              : _c("span", [_vm._v("PUSKOPCUINA")]),
+                            props.item.status == 1
+                              ? _c(
+                                  "span",
+                                  { staticClass: "badge badge-info" },
+                                  [_vm._v("Konfirmasi Bayar")]
+                                )
+                              : props.item.status == 2
+                              ? _c(
+                                  "span",
+                                  { staticClass: "badge badge-primary" },
+                                  [_vm._v("Sudah Bayar")]
+                                )
+                              : _c(
+                                  "span",
+                                  { staticClass: "badge badge-danger" },
+                                  [_vm._v("Belum Bayar")]
+                                ),
                           ])
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[6].hide
+                      !_vm.columnData[2].hide
                         ? _c("td", [
-                            props.item.aktivis &&
-                            props.item.aktivis.pekerjaan_aktif
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.checkTingkatAktivis(
-                                        props.item.aktivis.pekerjaan_aktif
-                                          .tingkat
-                                      )
-                                    ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
+                            _vm._v(
+                              "\n\t\t\t\t\t" +
+                                _vm._s(
+                                  _vm._f("dateMonth")(props.item.periode)
+                                ) +
+                                "\n\t\t\t\t"
+                            ),
                           ])
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[7].hide
+                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
                         ? _c(
                             "td",
                             [
-                              props.item.aktivis &&
-                              props.item.aktivis.pekerjaan_aktif
+                              props.item.cu
                                 ? _c("check-value", {
-                                    attrs: {
-                                      value:
-                                        props.item.aktivis.pekerjaan_aktif.name,
-                                    },
+                                    attrs: { value: props.item.cu.name },
                                   })
                                 : _c("span", [_vm._v("-")]),
                             ],
@@ -1811,32 +1191,8 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[8].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.checkStatus(
-                                  props.item.status
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[9].hide
-                        ? _c("td", {
-                            staticClass: "text-nowrap",
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(props.item.login)
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[10].hide
+                      !_vm.columnData[4].hide
                         ? _c("td", {
-                            staticClass: "text-nowrap",
                             domProps: {
                               innerHTML: _vm._s(
                                 _vm.$options.filters.dateTime(
@@ -1847,7 +1203,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[11].hide
+                      !_vm.columnData[5].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -1870,295 +1226,128 @@ var render = function () {
           ]),
         },
         [
-          _c(
-            "template",
-            { slot: "button-desktop" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("tipe")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah Data Aktivis\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("hapus")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["reset_password"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("resetPassword")
-                        },
+          _c("template", { slot: "button-desktop" }, [
+            _vm.currentUser.id_cu == 0
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light mb-1",
+                    attrs: { to: { name: _vm.kelas + "Create" } },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("tambah")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-history" }),
-                      _vm._v(" Reset Password\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["status_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("updateStatus")
-                        },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-plus3" }),
+                    _vm._v(" Tambah\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["destroy_jalinan_iuran"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("hapus")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-user-check" }),
-                      _vm._v(" "),
-                      _vm.selectedItem.status == 1
-                        ? _c("span", [_vm._v("Tidak Aktifkan")])
-                        : _vm.selectedItem.status == 0
-                        ? _c("span", [_vm._v("Aktifkan")])
-                        : _c("span", [_vm._v("Status")]),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["hak_akses_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("akses")
-                        },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["index_jalinan_iuran"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.detail(_vm.selectedItem.id)
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-key" }),
-                      _vm._v(" Hak Akses\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light mb-1",
-                  attrs: { disabled: !_vm.selectedItem.id },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.aktivitas(_vm.selectedItem.id)
-                    },
                   },
-                },
-                [
-                  _c("i", { staticClass: "icon-eye2" }),
-                  _vm._v(" Aktivitas\n        "),
-                ]
-              ),
-            ],
-            1
-          ),
+                  [
+                    _c("i", { staticClass: "icon-stack2" }),
+                    _vm._v(" Detail\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+          ]),
           _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("tipe")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah Data Aktivis\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("hapus")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["reset_password"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("resetPassword")
-                        },
+          _c("template", { slot: "button-mobile" }, [
+            _vm.currentUser.id_cu == 0
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("tambah")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-history" }),
-                      _vm._v(" Reset Password\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["status_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("updateStatus")
-                        },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-plus3" }),
+                    _vm._v(" Tambah\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["destroy_jalinan_iuran"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("hapus")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-user-check" }),
-                      _vm._v(" "),
-                      _vm.selectedItem.status == 1
-                        ? _c("span", [_vm._v("Tidak Aktifkan")])
-                        : _vm.selectedItem.status == 0
-                        ? _c("span", [_vm._v("Aktifkan")])
-                        : _c("span", [_vm._v("Status")]),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["hak_akses_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("akses")
-                        },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["index_jalinan_iuran"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.detail(_vm.selectedItem.id)
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-key" }),
-                      _vm._v(" Hak Akses\n        "),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-block mb-1",
-                  attrs: { disabled: !_vm.selectedItem.id },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.aktivitas(_vm.selectedItem.id)
-                    },
                   },
-                },
-                [
-                  _c("i", { staticClass: "icon-eye2" }),
-                  _vm._v(" Aktivitas\n        "),
-                ]
-              ),
-            ],
-            1
-          ),
+                  [
+                    _c("i", { staticClass: "icon-stack2" }),
+                    _vm._v(" Detail\n\t\t\t"),
+                  ]
+                )
+              : _vm._e(),
+          ]),
         ],
         2
       ),
@@ -2169,11 +1358,9 @@ var render = function () {
           attrs: {
             show: _vm.modalShow,
             state: _vm.modalState,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
             title: _vm.modalTitle,
-            content: _vm.modalContent,
             button: _vm.modalButton,
+            content: _vm.modalContent,
           },
           on: {
             tutup: _vm.modalTutup,
@@ -2185,271 +1372,15 @@ var render = function () {
         },
         [
           _c("template", { slot: "modal-title" }, [
-            _vm._v(_vm._s(_vm.modalTitle)),
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
           ]),
           _vm._v(" "),
           _c(
             "template",
             { slot: "modal-body1" },
             [
-              _c("div", { staticClass: "card" }, [
-                _c("div", { staticClass: "card-body" }, [
-                  _c(
-                    "div",
-                    { staticClass: "media flex-column flex-sm-row mt-0 mb-3" },
-                    [
-                      _c("div", { staticClass: "mr-sm-3 mb-2 mb-sm-0" }, [
-                        _vm.selectedItem.aktivis &&
-                        _vm.selectedItem.aktivis.gambar
-                          ? _c("img", {
-                              staticClass: "img-fluid img-preview rounded",
-                              attrs: {
-                                src:
-                                  "/images/aktivis/" +
-                                  _vm.selectedItem.aktivis.gambar +
-                                  ".jpg",
-                              },
-                            })
-                          : _c("img", {
-                              staticClass: "img-fluid img-preview rounded",
-                              attrs: { src: "/images/no_image_man.jpg" },
-                            }),
-                      ]),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "media-body" }, [
-                        _c("div", { staticClass: "row" }, [
-                          _c("div", { staticClass: "col-sm-6" }, [
-                            _c(
-                              "ul",
-                              { staticClass: "list list-unstyled mb-0" },
-                              [
-                                _c("li", [
-                                  _c("b", [_vm._v("Username:")]),
-                                  _vm._v(
-                                    " " + _vm._s(_vm.selectedItem.username)
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _c("b", [_vm._v("Nama:")]),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(
-                                        _vm.selectedItem.aktivis
-                                          ? _vm.selectedItem.aktivis.name
-                                          : "-"
-                                      )
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _c("b", [_vm._v("Email:")]),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(
-                                        _vm.selectedItem.aktivis
-                                          ? _vm.selectedItem.aktivis.email
-                                          : "-"
-                                      )
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _c("b", [_vm._v("CU:")]),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(
-                                        _vm.selectedItem.cu
-                                          ? _vm.selectedItem.cu.name
-                                          : "PUSKOPCUINA"
-                                      )
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _c("b", [_vm._v("Tingkat:")]),
-                                  _vm._v(" "),
-                                  _vm.selectedItem.aktivis &&
-                                  _vm.selectedItem.aktivis.pekerjaan_aktif
-                                    ? _c("span", {
-                                        domProps: {
-                                          innerHTML: _vm._s(
-                                            _vm.$options.filters.checkTingkatAktivis(
-                                              _vm.selectedItem.aktivis
-                                                .pekerjaan_aktif.tingkat
-                                            )
-                                          ),
-                                        },
-                                      })
-                                    : _c("span", [_vm._v("-")]),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "li",
-                                  [
-                                    _c("b", [_vm._v("Jabatan:")]),
-                                    _vm._v(" "),
-                                    _vm.selectedItem.aktivis &&
-                                    _vm.selectedItem.aktivis.pekerjaan_aktif
-                                      ? _c("check-value", {
-                                          attrs: {
-                                            value:
-                                              _vm.selectedItem.aktivis
-                                                .pekerjaan_aktif.name,
-                                          },
-                                        })
-                                      : _c("span", [_vm._v("-")]),
-                                  ],
-                                  1
-                                ),
-                              ]
-                            ),
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-sm-6" }, [
-                            _c(
-                              "ul",
-                              { staticClass: "list list-unstyled mb-0" },
-                              [
-                                _c("li", [
-                                  _c("b", [_vm._v("Status:")]),
-                                  _vm._v(" "),
-                                  _vm.selectedItem.status > 0
-                                    ? _c("span", [_vm._v(" Aktif")])
-                                    : _c("span", [_vm._v(" Tidak Aktif")]),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _c("b", [_vm._v("Login:")]),
-                                  _vm._v(" "),
-                                  _c("span", {
-                                    domProps: {
-                                      innerHTML: _vm._s(
-                                        _vm.$options.filters.dateTime(
-                                          _vm.selectedItem.login
-                                        )
-                                      ),
-                                    },
-                                  }),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _c("b", [_vm._v("Tgl. Buat:")]),
-                                  _vm._v(" "),
-                                  _c("span", {
-                                    domProps: {
-                                      innerHTML: _vm._s(
-                                        _vm.$options.filters.dateTime(
-                                          _vm.selectedItem.created_at
-                                        )
-                                      ),
-                                    },
-                                  }),
-                                ]),
-                                _vm._v(" "),
-                                _c("li", [
-                                  _c("b", [_vm._v("Tgl. Ubah:")]),
-                                  _vm._v(" "),
-                                  _c("span", {
-                                    domProps: {
-                                      innerHTML: _vm._s(
-                                        _vm.$options.filters.dateTime(
-                                          _vm.selectedItem.updated_at
-                                        )
-                                      ),
-                                    },
-                                  }),
-                                ]),
-                              ]
-                            ),
-                          ]),
-                        ]),
-                      ]),
-                    ]
-                  ),
-                ]),
-              ]),
-              _vm._v(" "),
-              _c("hak-akses-form", {
-                attrs: {
-                  selectedItem: _vm.selectedItem,
-                  form: _vm.modalHakAksesForm,
-                  tipeUser: _vm.tipeUser,
-                  dataStat: _vm.hakAksesStat,
-                  isPeran: false,
-                },
-                on: { hakForm: _vm.hakForm },
-              }),
-              _vm._v(" "),
-              _c("hr"),
-              _vm._v(" "),
-              _c("div", { staticClass: "text-center d-none d-md-block" }, [
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light",
-                    on: { click: _vm.modalTutup },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-cross" }),
-                    _vm._v(" Tutup\n          "),
-                  ]
-                ),
-                _vm._v(" "),
-                _vm.hakAksesStat == "success"
-                  ? _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-primary",
-                        attrs: { type: "submit" },
-                        on: { click: _vm.modalConfirmOk },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-floppy-disk" }),
-                        _vm._v(" Simpan\n          "),
-                      ]
-                    )
-                  : _vm._e(),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "d-block d-md-none" }, [
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block pb-2",
-                    on: { click: _vm.modalTutup },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-cross" }),
-                    _vm._v(" Tutup\n          "),
-                  ]
-                ),
-                _vm._v(" "),
-                _vm.hakAksesStat == "success"
-                  ? _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-primary btn-block pb-2",
-                        attrs: { type: "submit" },
-                        on: { click: _vm.modalConfirmOk },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-floppy-disk" }),
-                        _vm._v(" Simpan\n          "),
-                      ]
-                    )
-                  : _vm._e(),
-              ]),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body2" },
-            [
-              _c("form-tipe", {
-                attrs: { selected: _vm.selectedItem },
+              _c("form-create", {
+                attrs: { kelas: _vm.kelas },
                 on: { tutup: _vm.modalTutup },
               }),
             ],
@@ -2469,17 +1400,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue":
+/***/ "./resources/assets/js/components/formInfo.vue":
 /*!*****************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue ***!
+  !*** ./resources/assets/js/components/formInfo.vue ***!
   \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2489,9 +1420,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2501,54 +1432,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/infoIcon.vue"
+component.options.__file = "resources/assets/js/components/formInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
 /*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
   \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
 /*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
   \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/formTipe.vue":
-/*!*****************************************************!*\
-  !*** ./resources/assets/js/views/user/formTipe.vue ***!
-  \*****************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/formCreate.vue":
+/*!***************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/formCreate.vue ***!
+  \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formTipe_vue_vue_type_template_id_655b842f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formTipe.vue?vue&type=template&id=655b842f& */ "./resources/assets/js/views/user/formTipe.vue?vue&type=template&id=655b842f&");
-/* harmony import */ var _formTipe_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formTipe.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/formTipe.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formCreate_vue_vue_type_template_id_0c64fe60___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formCreate.vue?vue&type=template&id=0c64fe60& */ "./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=template&id=0c64fe60&");
+/* harmony import */ var _formCreate_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formCreate.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2558,9 +1489,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formTipe_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formTipe_vue_vue_type_template_id_655b842f___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formTipe_vue_vue_type_template_id_655b842f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formCreate_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formCreate_vue_vue_type_template_id_0c64fe60___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formCreate_vue_vue_type_template_id_0c64fe60___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2570,54 +1501,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/user/formTipe.vue"
+component.options.__file = "resources/assets/js/views/jalinanIuran/formCreate.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/formTipe.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/assets/js/views/user/formTipe.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTipe_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTipe.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/formTipe.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTipe_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCreate_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCreate.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCreate_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/formTipe.vue?vue&type=template&id=655b842f&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/user/formTipe.vue?vue&type=template&id=655b842f& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=template&id=0c64fe60&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=template&id=0c64fe60& ***!
+  \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTipe_vue_vue_type_template_id_655b842f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTipe.vue?vue&type=template&id=655b842f& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/formTipe.vue?vue&type=template&id=655b842f&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTipe_vue_vue_type_template_id_655b842f___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCreate_vue_vue_type_template_id_0c64fe60___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCreate.vue?vue&type=template&id=0c64fe60& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/formCreate.vue?vue&type=template&id=0c64fe60&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCreate_vue_vue_type_template_id_0c64fe60___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTipe_vue_vue_type_template_id_655b842f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCreate_vue_vue_type_template_id_0c64fe60___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/index.vue":
-/*!**************************************************!*\
-  !*** ./resources/assets/js/views/user/index.vue ***!
-  \**************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/index.vue":
+/*!**********************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/index.vue ***!
+  \**********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_36522081___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=36522081& */ "./resources/assets/js/views/user/index.vue?vue&type=template&id=36522081&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_745c26fc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=745c26fc& */ "./resources/assets/js/views/jalinanIuran/index.vue?vue&type=template&id=745c26fc&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanIuran/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2628,8 +1559,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_36522081___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_36522081___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_745c26fc___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_745c26fc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2639,54 +1570,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/user/index.vue"
+component.options.__file = "resources/assets/js/views/jalinanIuran/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/index.vue?vue&type=script&lang=js&":
-/*!***************************************************************************!*\
-  !*** ./resources/assets/js/views/user/index.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/index.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/index.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/index.vue?vue&type=template&id=36522081&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/user/index.vue?vue&type=template&id=36522081& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/index.vue?vue&type=template&id=745c26fc&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/index.vue?vue&type=template&id=745c26fc& ***!
+  \*****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_36522081___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=36522081& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/index.vue?vue&type=template&id=36522081&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_36522081___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_745c26fc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=745c26fc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/index.vue?vue&type=template&id=745c26fc&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_745c26fc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_36522081___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_745c26fc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/table.vue":
-/*!**************************************************!*\
-  !*** ./resources/assets/js/views/user/table.vue ***!
-  \**************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/table.vue":
+/*!**********************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/table.vue ***!
+  \**********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_20255506___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=20255506& */ "./resources/assets/js/views/user/table.vue?vue&type=template&id=20255506&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_7f6d217e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=7f6d217e& */ "./resources/assets/js/views/jalinanIuran/table.vue?vue&type=template&id=7f6d217e&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanIuran/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -2697,8 +1628,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_20255506___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_20255506___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_7f6d217e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_7f6d217e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -2708,38 +1639,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/user/table.vue"
+component.options.__file = "resources/assets/js/views/jalinanIuran/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/table.vue?vue&type=script&lang=js&":
-/*!***************************************************************************!*\
-  !*** ./resources/assets/js/views/user/table.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/table.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/table.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/table.vue?vue&type=template&id=20255506&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/user/table.vue?vue&type=template&id=20255506& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/jalinanIuran/table.vue?vue&type=template&id=7f6d217e&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/jalinanIuran/table.vue?vue&type=template&id=7f6d217e& ***!
+  \*****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_20255506___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=20255506& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/table.vue?vue&type=template&id=20255506&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_20255506___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_7f6d217e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=7f6d217e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanIuran/table.vue?vue&type=template&id=7f6d217e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_7f6d217e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_20255506___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_7f6d217e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/84.js b/public/js/components/84.js
index 43cc76518..fe3564cdc 100644
--- a/public/js/components/84.js
+++ b/public/js/components/84.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[84],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -21,113 +21,36 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  data: function data() {
-    return {
-      image: ''
-    };
-  },
   props: {
-    image_loc: {
-      type: [String],
-      "default": ''
-    },
-    image_type: {
-      type: [String],
-      "default": '.jpg'
-    },
-    image_temp: {
+    message: {
       "default": ''
-    },
-    value: {
-      type: [String, File],
-      "default": 'no_image'
-    }
-  },
-  methods: {
-    upload: function upload(e) {
-      var files = e.target.files || e.dataTransfer.files;
-      if (!files.length) return;
-      this.createImage(files[0]);
-      this.$emit('input', files[0]);
-    },
-    createImage: function createImage(file) {
-      var reader = new FileReader();
-      var vm = this;
-
-      reader.onload = function (e) {
-        vm.image = e.target.result; // this.$emit('input', vm.image)
-      };
-
-      reader.readAsDataURL(file);
-    },
-    close: function close() {
-      this.$emit('input', 'no_image');
-      this.image = '/images/no_image.jpg';
-      this.$refs.fileInput.value = '';
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/formTipe.vue?vue&type=script&lang=js&":
 /*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/formTipe.vue?vue&type=script&lang=js& ***!
   \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: []
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/form.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/form.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_hakAkses_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/hakAkses.vue */ "./resources/assets/js/components/hakAkses.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _identitas_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./identitas.vue */ "./resources/assets/js/views/user/identitas.vue");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _identitas_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./identitas.vue */ "./resources/assets/js/views/user/identitas.vue");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -272,113 +195,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
 
 
 
@@ -389,27 +205,20 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['selected'],
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    hakAkses: _components_hakAkses_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    identitas: _identitas_vue__WEBPACK_IMPORTED_MODULE_11__["default"]
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
+    infoIcon: _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    identitas: _identitas_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
   },
   data: function data() {
     return {
-      title: 'Tambah User',
-      titleDesc: 'Menambah user baru',
-      titleIcon: 'icon-plus3',
-      level2Title: 'User',
       kelas: 'user',
-      tipeUser: '',
+      formData: {},
       selectedItem: [],
       query: {
         order_column: "name",
@@ -455,252 +264,841 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }, {
         title: 'Status Pernikahan'
       }],
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      message: {
+        show: false,
+        content: ''
+      },
       submited: false
     };
   },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
-  created: function created() {},
-  watch: {
-    formStat: function formStat(value) {
-      if (value == 'success') {
-        if (this.currentUser.id_cu != 0) {
-          this.form.id_cu = this.currentUser.id_cu;
-          this.changeCU(this.currentUser.id_cu);
-        } else {
-          if (this.modelCuStat != 'success') {
-            this.$store.dispatch('cu/getHeader');
-          }
-        }
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
+  created: function created() {
+    if (this.modelCuStat != 'success') {
+      this.$store.dispatch('cu/getHeader');
+    }
 
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
+    this.formData = Object.assign({}, this.selected);
+
+    if (!this.formData.aktivis) {
+      this.fetchAktivis(this.query);
     }
   },
+  watch: {},
   methods: {
-    fetch: function fetch() {
-      this.$store.dispatch(this.kelas + '/create');
-    },
     fetchAktivis: function fetchAktivis(params) {
-      this.$store.dispatch('aktivis/indexCu', [params, this.form.id_cu, 'semua', 'aktif']);
+      this.$store.dispatch('aktivis/indexCu', [params, this.formData.id_cu, 'semua', 'aktif']);
       this.disableColumnCu(true);
     },
     changeCU: function changeCU(value) {
       this.fetchAktivis(this.query);
-
-      if (value == 0) {
-        this.tipeUser = 'bkcu';
-      } else {
-        this.tipeUser = 'cu';
-      }
     },
     disableColumnCu: function disableColumnCu(value) {
       this.columnData[4].disable = value;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
-      this.form.id_aktivis = item.id;
-      this.form.aktivis = item;
+      this.formData.id_aktivis = item.id;
+      this.formData.aktivis = item;
     },
     deleteSelected: function deleteSelected() {
       this.selectedItem = [];
-      this.form.id_aktivis = '';
-      this.form.aktivis = {};
-    },
-    hakForm: function hakForm(value) {
-      this.form.permission = value;
-    },
-    changeRole: function changeRole(id) {
-      this.$store.dispatch('loadRolePermission', id);
-    },
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
+      this.formData.id_aktivis = '';
+      this.formData.aktivis = {};
+      this.fetchAktivis(this.query);
     },
     save: function save() {
       var _this = this;
 
-      this.$validator.validateAll('form').then(function (result) {
+      this.$validator.validateAll('formData').then(function (result) {
         if (result) {
-          _this.$store.dispatch(_this.kelas + '/store', _this.form);
-
-          _this.submited = false;
+          _this.$store.dispatch(_this.kelas + '/update', [_this.selected.id, _this.formData]);
         } else {
-          window.scrollTo(0, 0);
           _this.submited = true;
         }
       });
     },
-    back: function back() {
-      this.$router.push({
-        name: this.kelas + 'Cu',
-        params: {
-          cu: this.currentUser.id_cu
-        }
-      });
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-
-      if (this.updateStat == 'success') {
-        this.back();
-      }
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    },
-    processFile: function processFile(event) {
-      this.form.gambar = event.target.files[0];
+    tutup: function tutup() {
+      this.$emit('tutup');
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('user', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS',
+    updateMessage: 'update',
     updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('aktivis', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'headerDataS',
-    modelCuStat: 'headerDataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
-				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
-
-//# sourceMappingURL=FileSaver.min.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/index.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/index.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body text-center" }, [
-        _vm.image === "" && _vm.image_temp === ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: "/images/no_image.jpg" },
-            })
-          : _vm.image === "" && _vm.image_temp !== ""
-          ? _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
-            })
-          : _c("img", {
-              staticStyle: { width: "15em" },
-              attrs: { src: _vm.image },
-            }),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "row" }, [
-      _c("div", { staticClass: "col-md-10" }, [
-        _c("input", {
-          ref: "fileInput",
-          staticClass: "form-control",
-          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
-          on: { change: _vm.upload },
-        }),
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "col-md-2" }, [
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-light btn-block",
-            attrs: { type: "button", disabled: _vm.image_temp === "" },
-            on: {
-              click: function ($event) {
-                $event.preventDefault()
-                return _vm.close()
-              },
-            },
-          },
-          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
-        ),
-      ]),
-    ]),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/user/table.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-/***/ }),
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
-  \******************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-"use strict";
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  name: 'UserIndex',
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+  },
+  data: function data() {
+    return {
+      title: 'User',
+      kelas: 'user',
+      titleDesc: 'Mengelola data user',
+      titleIcon: 'icon-users',
+      selectCuPath: 'userCu'
+    };
+  },
+  created: function created() {
+    this.checkUser('index_user', this.$route.params.cu);
+  },
+  methods: {
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('user', {
+    itemDataStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/table.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/table.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_hakAkses_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/hakAkses.vue */ "./resources/assets/js/components/hakAkses.vue");
+/* harmony import */ var _formTipe_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./formTipe.vue */ "./resources/assets/js/views/user/formTipe.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    hakAksesForm: _components_hakAkses_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    formTipe: _formTipe_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_6__["default"]
+  },
+  props: ["title", "kelas"],
+  data: function data() {
+    return {
+      selectedItem: [],
+      query: {
+        order_column: "login",
+        order_direction: "desc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      excelDownloadUrl: "",
+      columnData: [{
+        title: "No.",
+        name: "No."
+      }, {
+        title: "Foto",
+        name: "aktivis.gambar",
+        hide: false
+      }, {
+        title: "Username",
+        name: "username",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: "Nama",
+        name: "aktivis.name",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "E-mail",
+        name: "aktivis.email",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "CU",
+        name: "cu.name",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Tingkat",
+        name: "aktivis.pekerjaan_aktif.tingkat",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Jabatan",
+        name: "aktivis.pekerjaan_aktif.name",
+        tipe: "string",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Status",
+        name: "status",
+        sort: true,
+        hide: false,
+        disable: false
+      }, {
+        title: "Login",
+        name: "login",
+        tipe: "datetime",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Tgl. Buat",
+        name: "created_at",
+        tipe: "datetime",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: "Tgl. Ubah",
+        name: "updated_at",
+        tipe: "datetime",
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      tipeUser: "",
+      modalHakAksesForm: [],
+      state: "",
+      modalShow: false,
+      modalState: "",
+      modalColor: "",
+      modalSize: "",
+      modalTitle: "",
+      modalButton: "",
+      modalContent: ""
+    };
+  },
+  created: function created() {
+    this.fetch(this.query);
+  },
+  watch: {
+    // check route changes
+    $route: function $route(to, from) {
+      this.fetch(this.query);
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = "Ok";
+
+      if (value == "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = "";
+        this.fetch(this.query);
+        this.selectedItem = [];
+      } else if (value == "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = "";
+      }
+    },
+    hakAksesStat: function hakAksesStat(value) {
+      if (value == "success") {
+        var newData = [];
+
+        if (this.hakAkses.length > 0) {
+          this.hakAkses.forEach(function (e) {
+            newData.push(e.name);
+          });
+        }
+
+        this.modalHakAksesForm = newData;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch(params) {
+      if (this.$route.params.cu == "semua") {
+        this.disableColumnCu(false);
+        this.$store.dispatch(this.kelas + "/index", params);
+        this.excelDownloadUrl = this.kelas;
+      } else {
+        this.disableColumnCu(true);
+        this.$store.dispatch(this.kelas + "/indexCu", [params, this.$route.params.cu]);
+        this.excelDownloadUrl = this.kelas + "/indexCu/" + this.$route.params.cu;
+      }
+    },
+    disableColumnCu: function disableColumnCu(status) {
+      this.columnData[5].disable = status;
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    ubahData: function ubahData(id) {
+      this.$router.push("/" + this.kelas + "/edit/" + id);
+    },
+    aktivitas: function aktivitas(id) {
+      this.$router.push("/" + this.kelas + "/aktivitas/" + id);
+    },
+    hakForm: function hakForm(value) {
+      this.modalHakAksesForm = value;
+    },
+    modalOpen: function modalOpen(state) {
+      this.modalShow = true;
+      this.state = state;
+
+      if (state == "hapus") {
+        this.modalSize = "";
+        this.modalState = "confirm-tutup";
+        this.modalTitle = "Hapus " + this.kelas + " dengan username " + this.selectedItem.username + "?";
+        this.modalButton = "Iya, Hapus";
+      } else if (state == "resetPassword") {
+        this.modalSize = "";
+        this.modalState = "confirm-tutup";
+        this.modalTitle = "Reset password user  " + this.selectedItem.username + " ini?";
+        this.modalButton = "Iya, reset password";
+      } else if (state == "updateStatus") {
+        this.modalSize = "";
+        this.modalState = "confirm-tutup";
+
+        if (this.selectedItem.status == 0) {
+          this.modalTitle = "Aktifkan user  " + this.selectedItem.username + " ini?";
+          this.modalButton = "Iya, aktifkan";
+        } else {
+          this.modalTitle = "Non-aktifkan user  " + this.selectedItem.username + " ini?";
+          this.modalButton = "Iya, non-aktifkan";
+        }
+      } else if (state == "tipe") {
+        this.modalColor = "bg-primary";
+        this.modalTitle = "Ubah Data Aktivis User";
+        this.modalState = "normal2";
+        this.modalSize = "modal-lg";
+      } else if (state == "akses") {
+        this.modalColor = "bg-primary";
+        this.modalTitle = "Hak Akses User";
+        this.modalState = "normal1";
+        this.modalSize = "modal-full";
+
+        if (this.selectedItem.id_cu == 0) {
+          this.tipeUser = "bkcu";
+        } else {
+          this.tipeUser = "cu";
+        }
+
+        this.$store.dispatch(this.kelas + "/editHakAkses", this.selectedItem.id);
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+      this.modalColor = "";
+      this.modalTitle = "";
+      this.modalSize = "";
+      this.$store.dispatch(this.kelas + "/resetUpdateStat");
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == "hapus") {
+        this.$store.dispatch(this.kelas + "/destroy", this.selectedItem.id);
+      } else if (this.state == "resetPassword") {
+        this.$store.dispatch(this.kelas + "/updateResetPassword", this.selectedItem.id);
+      } else if (this.state == "updateStatus") {
+        this.$store.dispatch(this.kelas + "/updateStatus", this.selectedItem.id);
+      } else if (this.state == "akses") {
+        this.$store.dispatch(this.kelas + "/updateHakAkses", [this.selectedItem.id, this.modalHakAksesForm]);
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("auth", {
+    currentUser: "currentUser"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("user", {
+    itemData: "dataS",
+    itemDataStat: "dataStatS",
+    hakAkses: "data",
+    hakAksesStat: "dataStat",
+    updateMessage: "update",
+    updateStat: "updateStat"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])("global", {
+    idCu: "idCu"
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
@@ -708,34 +1106,476 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _vm._m(0)
+  return _c("div", { staticStyle: { display: "inline-block" } }, [
+    _c("i", {
+      directives: [
+        {
+          name: "tooltip",
+          rawName: "v-tooltip",
+          value: _vm.message,
+          expression: "message",
+        },
+      ],
+      staticClass: "icon-info22 d-none d-sm-block",
+    }),
+    _vm._v(" "),
+    _c("small", { staticClass: "text-muted d-block d-sm-none" }, [
+      _c("i", [_vm._v(_vm._s(_vm.message))]),
+    ]),
+  ])
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
-        _c("h6", [
-          _vm._v(
-            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/formTipe.vue?vue&type=template&id=655b842f&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/formTipe.vue?vue&type=template&id=655b842f& ***!
+  \******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formData" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _c("div", { staticClass: "row" }, [
+          _vm.selected.name != null
+            ? _c("div", { staticClass: "col-md-12" }, [
+                _c("div", { staticClass: "card card-body text-center" }, [
+                  _c(
+                    "ul",
+                    {
+                      staticClass:
+                        "list-inline list-inline-consensed mb-0 font-size-lg",
+                    },
+                    [
+                      _c("li", { staticClass: "list-inline-item" }, [
+                        _c("b", [_vm._v("Username:")]),
+                        _vm._v(" " + _vm._s(_vm.selected.username)),
+                      ]),
+                      _vm._v(" "),
+                      _c("li", { staticClass: "list-inline-item" }, [
+                        _c("b", [_vm._v("Nama:")]),
+                        _vm._v(" " + _vm._s(_vm.selected.name)),
+                      ]),
+                    ]
+                  ),
+                ]),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.currentUser.id_cu == 0
+            ? _c("div", { staticClass: "col-md-12" }, [
+                _c("div", { staticClass: "form-group" }, [
+                  _c("h5", [_vm._v("Tipe:")]),
+                  _vm._v(" "),
+                  _c(
+                    "select",
+                    {
+                      directives: [
+                        {
+                          name: "model",
+                          rawName: "v-model",
+                          value: _vm.formData.id_cu,
+                          expression: "formData.id_cu",
+                        },
+                      ],
+                      staticClass: "form-control",
+                      attrs: { name: "cu", "data-width": "100%" },
+                      on: {
+                        change: [
+                          function ($event) {
+                            var $$selectedVal = Array.prototype.filter
+                              .call($event.target.options, function (o) {
+                                return o.selected
+                              })
+                              .map(function (o) {
+                                var val = "_value" in o ? o._value : o.value
+                                return val
+                              })
+                            _vm.$set(
+                              _vm.formData,
+                              "id_cu",
+                              $event.target.multiple
+                                ? $$selectedVal
+                                : $$selectedVal[0]
+                            )
+                          },
+                          function ($event) {
+                            return _vm.changeCU($event.target.value)
+                          },
+                        ],
+                      },
+                    },
+                    [
+                      _c("option", { attrs: { disabled: "", value: "" } }, [
+                        _vm._v("Silahkan pilih CU"),
+                      ]),
+                      _vm._v(" "),
+                      _c("option", { attrs: { value: "0" } }, [
+                        _vm._v("PUSKOPCUINA"),
+                      ]),
+                      _vm._v(" "),
+                      _vm._l(_vm.modelCU, function (cu) {
+                        return _c("option", { domProps: { value: cu.id } }, [
+                          _vm._v(_vm._s(cu.name)),
+                        ])
+                      }),
+                    ],
+                    2
+                  ),
+                ]),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "col-md-12" },
+            [
+              _c("h5", [_vm._v("Data Aktivis User:")]),
+              _vm._v(" "),
+              _vm.formData.id_aktivis != "" && _vm.formData.id_aktivis != null
+                ? _c("identitas", {
+                    attrs: { itemData: _vm.formData.aktivis },
+                    on: { deleteSelected: _vm.deleteSelected },
+                  })
+                : _c("data-viewer", {
+                    attrs: {
+                      title: "Aktivis",
+                      columnData: _vm.columnData,
+                      itemData: _vm.itemData,
+                      query: _vm.query,
+                      itemDataStat: _vm.itemDataStat,
+                      isDasar: "true",
+                      isNoButtonRow: "true",
+                    },
+                    on: { fetch: _vm.fetchAktivis },
+                    scopedSlots: _vm._u([
+                      {
+                        key: "item-desktop",
+                        fn: function (props) {
+                          return [
+                            _c(
+                              "tr",
+                              {
+                                staticClass: "text-nowrap cursor-pointer",
+                                on: {
+                                  click: function ($event) {
+                                    return _vm.selectedRow(props.item)
+                                  },
+                                },
+                              },
+                              [
+                                _c("td", [
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t" +
+                                      _vm._s(
+                                        props.index +
+                                          1 +
+                                          (+_vm.itemData.current_page - 1) *
+                                            +_vm.itemData.per_page +
+                                          "."
+                                      ) +
+                                      "\n\t\t\t\t\t\t"
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("td", [
+                                  props.item.gambar
+                                    ? _c("img", {
+                                        staticClass:
+                                          "img-rounded img-fluid wmin-sm",
+                                        attrs: {
+                                          src:
+                                            "/images/aktivis/" +
+                                            props.item.gambar +
+                                            "n.jpg",
+                                        },
+                                      })
+                                    : _c("img", {
+                                        staticClass:
+                                          "img-rounded img-fluid wmin-sm",
+                                        attrs: { src: "/images/no_image.jpg" },
+                                      }),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  [
+                                    _c("check-value", {
+                                      attrs: { value: props.item.name },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  [
+                                    _c("check-value", {
+                                      attrs: { value: props.item.kelamin },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                !_vm.columnData[4].disable
+                                  ? _c("td", [
+                                      props.item.pekerjaan_aktif &&
+                                      props.item.pekerjaan_aktif.tipe == 1
+                                        ? _c(
+                                            "span",
+                                            [
+                                              props.item.pekerjaan_aktif.cu
+                                                ? _c("check-value", {
+                                                    attrs: {
+                                                      value:
+                                                        props.item
+                                                          .pekerjaan_aktif.cu
+                                                          .name,
+                                                    },
+                                                  })
+                                                : _c("span", [_vm._v("-")]),
+                                            ],
+                                            1
+                                          )
+                                        : props.item.pekerjaan_aktif &&
+                                          props.item.pekerjaan_aktif.tipe == 2
+                                        ? _c(
+                                            "span",
+                                            [
+                                              props.item.pekerjaan_aktif
+                                                .lembaga_lain
+                                                ? _c("check-value", {
+                                                    attrs: {
+                                                      value:
+                                                        props.item
+                                                          .pekerjaan_aktif
+                                                          .lembaga_lain.name,
+                                                    },
+                                                  })
+                                                : _c("span", [_vm._v("-")]),
+                                            ],
+                                            1
+                                          )
+                                        : props.item.pekerjaan_aktif &&
+                                          props.item.pekerjaan_aktif.tipe == 3
+                                        ? _c("span", [
+                                            _vm._v(
+                                              "\n\t\t\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t\t\t"
+                                            ),
+                                          ])
+                                        : _c("span", [_vm._v("-")]),
+                                    ])
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _c("td", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.checkTingkatAktivis(
+                                        props.item.pekerjaan_aktif.tingkat
+                                      )
+                                    ),
+                                  },
+                                }),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  [
+                                    props.item.pekerjaan_aktif
+                                      ? _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.pekerjaan_aktif.name,
+                                          },
+                                        })
+                                      : _c("span", [_vm._v("-")]),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  [
+                                    props.item.pendidikan_tertinggi
+                                      ? _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.pendidikan_tertinggi
+                                                .tingkat,
+                                          },
+                                        })
+                                      : _c("span", [_vm._v("-")]),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  [
+                                    props.item.pendidikan_tertinggi
+                                      ? _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              props.item.pendidikan_tertinggi
+                                                .name,
+                                          },
+                                        })
+                                      : _c("span", [_vm._v("-")]),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("td", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.date(
+                                        props.item.tanggal_lahir
+                                      )
+                                    ),
+                                  },
+                                }),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  [
+                                    _c("check-value", {
+                                      attrs: { value: props.item.tempat_lahir },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  [
+                                    _c("check-value", {
+                                      attrs: { value: props.item.tinggi },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  [
+                                    _c("check-value", {
+                                      attrs: { value: props.item.agama },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  [
+                                    _c("check-value", {
+                                      attrs: { value: props.item.status },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                              ]
+                            ),
+                          ]
+                        },
+                      },
+                    ]),
+                  }),
+            ],
+            1
           ),
         ]),
-      ]),
-    ])
-  },
-]
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: { type: "submit", disabled: _vm.formData.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: { type: "submit", disabled: _vm.formData.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/form.vue?vue&type=template&id=fadbbf36&":
-/*!**************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/form.vue?vue&type=template&id=fadbbf36& ***!
-  \**************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/index.vue?vue&type=template&id=36522081&":
+/*!***************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/index.vue?vue&type=template&id=36522081& ***!
+  \***************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -755,964 +1595,891 @@ var render = function () {
           title: _vm.title,
           titleDesc: _vm.titleDesc,
           titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
         },
       }),
       _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
+      _c("div", { staticClass: "page-container" }, [
+        _c("div", { staticClass: "page-content" }, [
           _c(
             "div",
-            { staticClass: "content" },
+            { staticClass: "content-wrapper" },
             [
-              _vm.errors.any("form") && _vm.submited
+              _vm.itemDataStat === "fail"
                 ? _c("message", {
                     attrs: {
-                      title: "Oops, terjadi kesalahan",
-                      errorItem: _vm.errors.items,
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.id_cu == 0
+                ? _c("select-cu", {
+                    attrs: {
+                      kelas: _vm.kelas,
+                      path: _vm.selectCuPath,
+                      isPus: true,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("table-data", {
+                attrs: { title: _vm.title, kelas: _vm.kelas },
+              }),
+            ],
+            1
+          ),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/table.vue?vue&type=template&id=20255506&":
+/*!***************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/table.vue?vue&type=template&id=20255506& ***!
+  \***************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c(
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            kelas: _vm.kelas,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
+          },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
+                      },
+                    },
+                    [
+                      _c("td", [
+                        _vm._v(
+                          _vm._s(
+                            props.index +
+                              1 +
+                              (+_vm.itemData.current_page - 1) *
+                                +_vm.itemData.per_page +
+                              "."
+                          )
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c("td", [
+                            props.item.aktivis && props.item.aktivis.gambar
+                              ? _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src:
+                                      "/images/aktivis/" +
+                                      props.item.aktivis.gambar +
+                                      ".jpg",
+                                    width: "40",
+                                  },
+                                })
+                              : _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src: "/images/no_image_man.jpg",
+                                    width: "40",
+                                  },
+                                }),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.username },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.aktivis
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.aktivis.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.aktivis
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.aktivis.email },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide && !_vm.columnData[5].disable
+                        ? _c("td", [
+                            props.item.cu
+                              ? _c("span", [_vm._v(_vm._s(props.item.cu.name))])
+                              : _c("span", [_vm._v("PUSKOPCUINA")]),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
+                        ? _c("td", [
+                            props.item.aktivis &&
+                            props.item.aktivis.pekerjaan_aktif
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.checkTingkatAktivis(
+                                        props.item.aktivis.pekerjaan_aktif
+                                          .tingkat
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.aktivis &&
+                              props.item.aktivis.pekerjaan_aktif
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value:
+                                        props.item.aktivis.pekerjaan_aktif.name,
+                                    },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.checkStatus(
+                                  props.item.status
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[9].hide
+                        ? _c("td", {
+                            staticClass: "text-nowrap",
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(props.item.login)
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[10].hide
+                        ? _c("td", {
+                            staticClass: "text-nowrap",
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[11].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
+              },
+            },
+          ]),
+        },
+        [
+          _c(
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("tipe")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah Data Aktivis\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["reset_password"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("resetPassword")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-history" }),
+                      _vm._v(" Reset Password\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["status_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("updateStatus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-user-check" }),
+                      _vm._v(" "),
+                      _vm.selectedItem.status == 1
+                        ? _c("span", [_vm._v("Tidak Aktifkan")])
+                        : _vm.selectedItem.status == 0
+                        ? _c("span", [_vm._v("Aktifkan")])
+                        : _c("span", [_vm._v("Status")]),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["hak_akses_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("akses")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-key" }),
+                      _vm._v(" Hak Akses\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light mb-1",
+                  attrs: { disabled: !_vm.selectedItem.id },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.aktivitas(_vm.selectedItem.id)
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-eye2" }),
+                  _vm._v(" Aktivitas\n        "),
+                ]
+              ),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("tipe")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah Data Aktivis\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["reset_password"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("resetPassword")
+                        },
+                      },
                     },
-                  })
+                    [
+                      _c("i", { staticClass: "icon-history" }),
+                      _vm._v(" Reset Password\n        "),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["status_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("updateStatus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-user-check" }),
+                      _vm._v(" "),
+                      _vm.selectedItem.status == 1
+                        ? _c("span", [_vm._v("Tidak Aktifkan")])
+                        : _vm.selectedItem.status == 0
+                        ? _c("span", [_vm._v("Aktifkan")])
+                        : _c("span", [_vm._v("Status")]),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["hak_akses_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen("akses")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-key" }),
+                      _vm._v(" Hak Akses\n        "),
+                    ]
+                  )
                 : _vm._e(),
               _vm._v(" "),
               _c(
-                "form",
+                "button",
                 {
-                  attrs: {
-                    enctype: "multipart/form-data",
-                    "data-vv-scope": "form",
-                  },
+                  staticClass: "btn btn-light btn-block mb-1",
+                  attrs: { disabled: !_vm.selectedItem.id },
                   on: {
-                    submit: function ($event) {
+                    click: function ($event) {
                       $event.preventDefault()
-                      return _vm.save.apply(null, arguments)
+                      return _vm.aktivitas(_vm.selectedItem.id)
                     },
                   },
                 },
                 [
-                  _c("div", { staticClass: "card" }, [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c("div", { staticClass: "row" }, [
-                        _vm._m(0),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-12" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.username"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.username"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.username")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tUsername: "),
-                                  _c("wajib-badge"),
-                                  _vm._v(" "),
-                                  _c("br"),
-                                  _vm._v(" "),
-                                  _vm._m(1),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|min:5|alpha_dash",
-                                    expression: "'required|min:5|alpha_dash'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.username,
-                                    expression: "form.username",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "text",
-                                  name: "username",
-                                  placeholder: "Silahkan masukkan username",
-                                  "data-vv-as": "Username",
-                                },
-                                domProps: { value: _vm.form.username },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "username",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.username")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.username")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has("form.password"),
-                              },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger":
-                                      _vm.errors.has("form.password"),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.password")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
-                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tPassword: "),
-                                  _c("wajib-badge"),
-                                  _vm._v(" "),
-                                  _c("br"),
-                                  _vm._v(" "),
-                                  _vm._m(2),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|min:8|verify_password",
-                                    expression:
-                                      "'required|min:8|verify_password'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.password,
-                                    expression: "form.password",
-                                  },
-                                ],
-                                ref: "password",
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "password",
-                                  name: "password",
-                                  placeholder: "Silahkan masukkan password",
-                                },
-                                domProps: { value: _vm.form.password },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "password",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.password")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first("form.password")
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "col-md-6" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              class: {
-                                "has-error": _vm.errors.has(
-                                  "form.passwordConfirm"
-                                ),
+                  _c("i", { staticClass: "icon-eye2" }),
+                  _vm._v(" Aktivitas\n        "),
+                ]
+              ),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
+            title: _vm.modalTitle,
+            content: _vm.modalContent,
+            button: _vm.modalButton,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v(_vm._s(_vm.modalTitle)),
+          ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body1" },
+            [
+              _c("div", { staticClass: "card" }, [
+                _c("div", { staticClass: "card-body" }, [
+                  _c(
+                    "div",
+                    { staticClass: "media flex-column flex-sm-row mt-0 mb-3" },
+                    [
+                      _c("div", { staticClass: "mr-sm-3 mb-2 mb-sm-0" }, [
+                        _vm.selectedItem.aktivis &&
+                        _vm.selectedItem.aktivis.gambar
+                          ? _c("img", {
+                              staticClass: "img-fluid img-preview rounded",
+                              attrs: {
+                                src:
+                                  "/images/aktivis/" +
+                                  _vm.selectedItem.aktivis.gambar +
+                                  ".jpg",
                               },
-                            },
-                            [
-                              _c(
-                                "h5",
-                                {
-                                  class: {
-                                    "text-danger": _vm.errors.has(
-                                      "form.passwordConfirm"
-                                    ),
-                                  },
-                                },
-                                [
-                                  _vm.errors.has("form.passwordConfirm")
-                                    ? _c("i", { staticClass: "icon-cross2" })
-                                    : _vm._e(),
+                            })
+                          : _c("img", {
+                              staticClass: "img-fluid img-preview rounded",
+                              attrs: { src: "/images/no_image_man.jpg" },
+                            }),
+                      ]),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "media-body" }, [
+                        _c("div", { staticClass: "row" }, [
+                          _c("div", { staticClass: "col-sm-6" }, [
+                            _c(
+                              "ul",
+                              { staticClass: "list list-unstyled mb-0" },
+                              [
+                                _c("li", [
+                                  _c("b", [_vm._v("Username:")]),
                                   _vm._v(
-                                    "\n\t\t\t\t\t\t\t\t\t\t\tKonfirmasi Password: "
+                                    " " + _vm._s(_vm.selectedItem.username)
                                   ),
-                                  _c("wajib-badge"),
-                                  _vm._v(" "),
-                                  _c("br"),
-                                  _vm._v(" "),
-                                  _vm._m(3),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _c("b", [_vm._v("Nama:")]),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(
+                                        _vm.selectedItem.aktivis
+                                          ? _vm.selectedItem.aktivis.name
+                                          : "-"
+                                      )
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _c("b", [_vm._v("Email:")]),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(
+                                        _vm.selectedItem.aktivis
+                                          ? _vm.selectedItem.aktivis.email
+                                          : "-"
+                                      )
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _c("b", [_vm._v("CU:")]),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(
+                                        _vm.selectedItem.cu
+                                          ? _vm.selectedItem.cu.name
+                                          : "PUSKOPCUINA"
+                                      )
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c("li", [
+                                  _c("b", [_vm._v("Tingkat:")]),
                                   _vm._v(" "),
-                                  _c("br"),
-                                  _c("br"),
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required|confirmed:password",
-                                    expression: "'required|confirmed:password'",
-                                  },
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.passwordConfirm,
-                                    expression: "form.passwordConfirm",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  type: "password",
-                                  name: "passwordConfirm",
-                                  placeholder:
-                                    "Silahkan masukkan password konfirmasi",
-                                  "data-vv-as": "password",
-                                },
-                                domProps: { value: _vm.form.passwordConfirm },
-                                on: {
-                                  input: function ($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.form,
-                                      "passwordConfirm",
-                                      $event.target.value
-                                    )
-                                  },
-                                },
-                              }),
-                              _vm._v(" "),
-                              _vm.errors.has("form.passwordConfirm")
-                                ? _c(
-                                    "small",
-                                    { staticClass: "text-muted text-danger" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-arrow-small-right",
-                                      }),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.errors.first(
-                                              "form.passwordConfirm"
+                                  _vm.selectedItem.aktivis &&
+                                  _vm.selectedItem.aktivis.pekerjaan_aktif
+                                    ? _c("span", {
+                                        domProps: {
+                                          innerHTML: _vm._s(
+                                            _vm.$options.filters.checkTingkatAktivis(
+                                              _vm.selectedItem.aktivis
+                                                .pekerjaan_aktif.tingkat
                                             )
-                                          ) +
-                                          "\n\t\t\t\t\t\t\t\t\t\t"
-                                      ),
-                                    ]
-                                  )
-                                : _c("small", { staticClass: "text-muted" }, [
-                                    _vm._v(" "),
-                                  ]),
-                            ]
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _vm.currentUser.id_cu == 0
-                          ? _c("div", { staticClass: "col-md-12" }, [
-                              _c("div", { staticClass: "form-group" }, [
-                                _c(
-                                  "h5",
-                                  [_vm._v("Tipe: "), _c("wajib-badge")],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "select",
-                                  {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: _vm.form.id_cu,
-                                        expression: "form.id_cu",
-                                      },
-                                    ],
-                                    staticClass: "form-control",
-                                    attrs: { name: "cu", "data-width": "100%" },
-                                    on: {
-                                      change: [
-                                        function ($event) {
-                                          var $$selectedVal =
-                                            Array.prototype.filter
-                                              .call(
-                                                $event.target.options,
-                                                function (o) {
-                                                  return o.selected
-                                                }
-                                              )
-                                              .map(function (o) {
-                                                var val =
-                                                  "_value" in o
-                                                    ? o._value
-                                                    : o.value
-                                                return val
-                                              })
-                                          _vm.$set(
-                                            _vm.form,
-                                            "id_cu",
-                                            $event.target.multiple
-                                              ? $$selectedVal
-                                              : $$selectedVal[0]
-                                          )
-                                        },
-                                        function ($event) {
-                                          return _vm.changeCU(
-                                            $event.target.value
-                                          )
-                                        },
-                                      ],
-                                    },
-                                  },
-                                  [
-                                    _c(
-                                      "option",
-                                      { attrs: { disabled: "", value: "" } },
-                                      [_vm._v("Silahkan pilih CU")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("option", { attrs: { value: "0" } }, [
-                                      _vm._v("PUSKOPCUINA"),
-                                    ]),
-                                    _vm._v(" "),
-                                    _vm._l(_vm.modelCu, function (cu, index) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          key: index,
-                                          domProps: { value: cu.id },
+                                          ),
                                         },
-                                        [_vm._v(_vm._s(cu.name))]
-                                      )
-                                    }),
-                                  ],
-                                  2
-                                ),
-                              ]),
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.form.id_cu != "" && _vm.formStat == "success"
-                          ? _c(
-                              "div",
-                              { staticClass: "col-md-12" },
-                              [
+                                      })
+                                    : _c("span", [_vm._v("-")]),
+                                ]),
+                                _vm._v(" "),
                                 _c(
-                                  "h5",
+                                  "li",
                                   [
-                                    _vm._v("Data Aktivis User: "),
-                                    _c("wajib-badge"),
-                                    _vm._v(" "),
-                                    _c("br"),
+                                    _c("b", [_vm._v("Jabatan:")]),
                                     _vm._v(" "),
-                                    _vm._m(4),
+                                    _vm.selectedItem.aktivis &&
+                                    _vm.selectedItem.aktivis.pekerjaan_aktif
+                                      ? _c("check-value", {
+                                          attrs: {
+                                            value:
+                                              _vm.selectedItem.aktivis
+                                                .pekerjaan_aktif.name,
+                                          },
+                                        })
+                                      : _c("span", [_vm._v("-")]),
                                   ],
                                   1
                                 ),
+                              ]
+                            ),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "col-sm-6" }, [
+                            _c(
+                              "ul",
+                              { staticClass: "list list-unstyled mb-0" },
+                              [
+                                _c("li", [
+                                  _c("b", [_vm._v("Status:")]),
+                                  _vm._v(" "),
+                                  _vm.selectedItem.status > 0
+                                    ? _c("span", [_vm._v(" Aktif")])
+                                    : _c("span", [_vm._v(" Tidak Aktif")]),
+                                ]),
                                 _vm._v(" "),
-                                _vm.form.id_aktivis != ""
-                                  ? _c("identitas", {
-                                      attrs: { itemData: _vm.form.aktivis },
-                                      on: {
-                                        deleteSelected: _vm.deleteSelected,
-                                      },
-                                    })
-                                  : _c("data-viewer", {
-                                      attrs: {
-                                        title: "Aktivis",
-                                        columnData: _vm.columnData,
-                                        itemData: _vm.itemData,
-                                        query: _vm.query,
-                                        itemDataStat: _vm.itemDataStat,
-                                        isDasar: "true",
-                                        isNoButtonRow: "true",
-                                      },
-                                      on: { fetch: _vm.fetchAktivis },
-                                      scopedSlots: _vm._u(
-                                        [
-                                          {
-                                            key: "item-desktop",
-                                            fn: function (props) {
-                                              return [
-                                                _c(
-                                                  "tr",
-                                                  {
-                                                    staticClass:
-                                                      "text-nowrap cursor-pointer",
-                                                    on: {
-                                                      click: function ($event) {
-                                                        return _vm.selectedRow(
-                                                          props.item
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _c("td", [
-                                                      _vm._v(
-                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
-                                                          _vm._s(
-                                                            props.index +
-                                                              1 +
-                                                              (+_vm.itemData
-                                                                .current_page -
-                                                                1) *
-                                                                +_vm.itemData
-                                                                  .per_page +
-                                                              "."
-                                                          ) +
-                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                      ),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c("td", [
-                                                      props.item.gambar
-                                                        ? _c("img", {
-                                                            staticClass:
-                                                              "img-rounded img-fluid wmin-sm",
-                                                            attrs: {
-                                                              src:
-                                                                "/images/aktivis/" +
-                                                                props.item
-                                                                  .gambar +
-                                                                "n.jpg",
-                                                            },
-                                                          })
-                                                        : _c("img", {
-                                                            staticClass:
-                                                              "img-rounded img-fluid wmin-sm",
-                                                            attrs: {
-                                                              src: "/images/no_image.jpg",
-                                                            },
-                                                          }),
-                                                    ]),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "td",
-                                                      [
-                                                        _c("check-value", {
-                                                          attrs: {
-                                                            value:
-                                                              props.item.name,
-                                                          },
-                                                        }),
-                                                      ],
-                                                      1
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "td",
-                                                      [
-                                                        _c("check-value", {
-                                                          attrs: {
-                                                            value:
-                                                              props.item
-                                                                .kelamin,
-                                                          },
-                                                        }),
-                                                      ],
-                                                      1
-                                                    ),
-                                                    _vm._v(" "),
-                                                    !_vm.columnData[4].disable
-                                                      ? _c("td", [
-                                                          props.item
-                                                            .pekerjaan_aktif &&
-                                                          props.item
-                                                            .pekerjaan_aktif
-                                                            .tipe == 1
-                                                            ? _c(
-                                                                "span",
-                                                                [
-                                                                  props.item
-                                                                    .pekerjaan_aktif
-                                                                    .cu
-                                                                    ? _c(
-                                                                        "check-value",
-                                                                        {
-                                                                          attrs:
-                                                                            {
-                                                                              value:
-                                                                                props
-                                                                                  .item
-                                                                                  .pekerjaan_aktif
-                                                                                  .cu
-                                                                                  .name,
-                                                                            },
-                                                                        }
-                                                                      )
-                                                                    : _c(
-                                                                        "span",
-                                                                        [
-                                                                          _vm._v(
-                                                                            "-"
-                                                                          ),
-                                                                        ]
-                                                                      ),
-                                                                ],
-                                                                1
-                                                              )
-                                                            : props.item
-                                                                .pekerjaan_aktif &&
-                                                              props.item
-                                                                .pekerjaan_aktif
-                                                                .tipe == 2
-                                                            ? _c(
-                                                                "span",
-                                                                [
-                                                                  props.item
-                                                                    .pekerjaan_aktif
-                                                                    .lembaga_lain
-                                                                    ? _c(
-                                                                        "check-value",
-                                                                        {
-                                                                          attrs:
-                                                                            {
-                                                                              value:
-                                                                                props
-                                                                                  .item
-                                                                                  .pekerjaan_aktif
-                                                                                  .lembaga_lain
-                                                                                  .name,
-                                                                            },
-                                                                        }
-                                                                      )
-                                                                    : _c(
-                                                                        "span",
-                                                                        [
-                                                                          _vm._v(
-                                                                            "-"
-                                                                          ),
-                                                                        ]
-                                                                      ),
-                                                                ],
-                                                                1
-                                                              )
-                                                            : props.item
-                                                                .pekerjaan_aktif &&
-                                                              props.item
-                                                                .pekerjaan_aktif
-                                                                .tipe == 3
-                                                            ? _c("span", [
-                                                                _vm._v(
-                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
-                                                                ),
-                                                              ])
-                                                            : _c("span", [
-                                                                _vm._v("-"),
-                                                              ]),
-                                                        ])
-                                                      : _vm._e(),
-                                                    _vm._v(" "),
-                                                    _c("td", {
-                                                      domProps: {
-                                                        innerHTML: _vm._s(
-                                                          _vm.$options.filters.checkTingkatAktivis(
-                                                            props.item
-                                                              .pekerjaan_aktif
-                                                              .tingkat
-                                                          )
-                                                        ),
-                                                      },
-                                                    }),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "td",
-                                                      [
-                                                        props.item
-                                                          .pekerjaan_aktif
-                                                          ? _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .pekerjaan_aktif
-                                                                    .name,
-                                                              },
-                                                            })
-                                                          : _c("span", [
-                                                              _vm._v("-"),
-                                                            ]),
-                                                      ],
-                                                      1
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "td",
-                                                      [
-                                                        props.item
-                                                          .pendidikan_tertinggi
-                                                          ? _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .pendidikan_tertinggi
-                                                                    .tingkat,
-                                                              },
-                                                            })
-                                                          : _c("span", [
-                                                              _vm._v("-"),
-                                                            ]),
-                                                      ],
-                                                      1
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "td",
-                                                      [
-                                                        props.item
-                                                          .pendidikan_tertinggi
-                                                          ? _c("check-value", {
-                                                              attrs: {
-                                                                value:
-                                                                  props.item
-                                                                    .pendidikan_tertinggi
-                                                                    .name,
-                                                              },
-                                                            })
-                                                          : _c("span", [
-                                                              _vm._v("-"),
-                                                            ]),
-                                                      ],
-                                                      1
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c("td", {
-                                                      domProps: {
-                                                        innerHTML: _vm._s(
-                                                          _vm.$options.filters.date(
-                                                            props.item
-                                                              .tanggal_lahir
-                                                          )
-                                                        ),
-                                                      },
-                                                    }),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "td",
-                                                      [
-                                                        _c("check-value", {
-                                                          attrs: {
-                                                            value:
-                                                              props.item
-                                                                .tempat_lahir,
-                                                          },
-                                                        }),
-                                                      ],
-                                                      1
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "td",
-                                                      [
-                                                        _c("check-value", {
-                                                          attrs: {
-                                                            value:
-                                                              props.item.tinggi,
-                                                          },
-                                                        }),
-                                                      ],
-                                                      1
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "td",
-                                                      [
-                                                        _c("check-value", {
-                                                          attrs: {
-                                                            value:
-                                                              props.item.agama,
-                                                          },
-                                                        }),
-                                                      ],
-                                                      1
-                                                    ),
-                                                    _vm._v(" "),
-                                                    _c(
-                                                      "td",
-                                                      [
-                                                        _c("check-value", {
-                                                          attrs: {
-                                                            value:
-                                                              props.item.status,
-                                                          },
-                                                        }),
-                                                      ],
-                                                      1
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            },
-                                          },
-                                        ],
-                                        null,
-                                        false,
-                                        952953435
+                                _c("li", [
+                                  _c("b", [_vm._v("Login:")]),
+                                  _vm._v(" "),
+                                  _c("span", {
+                                    domProps: {
+                                      innerHTML: _vm._s(
+                                        _vm.$options.filters.dateTime(
+                                          _vm.selectedItem.login
+                                        )
                                       ),
-                                    }),
-                              ],
-                              1
-                            )
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.form.id_aktivis != "" && _vm.formStat == "success"
-                          ? _c(
-                              "div",
-                              { staticClass: "col-md-12" },
-                              [
-                                _c("br"),
+                                    },
+                                  }),
+                                ]),
                                 _vm._v(" "),
-                                _c(
-                                  "h5",
-                                  [
-                                    _vm._v("Hak Akses: "),
-                                    _c("wajib-badge"),
-                                    _vm._v(" "),
-                                    _c("br"),
-                                    _vm._v(" "),
-                                    _vm._m(5),
-                                  ],
-                                  1
-                                ),
+                                _c("li", [
+                                  _c("b", [_vm._v("Tgl. Buat:")]),
+                                  _vm._v(" "),
+                                  _c("span", {
+                                    domProps: {
+                                      innerHTML: _vm._s(
+                                        _vm.$options.filters.dateTime(
+                                          _vm.selectedItem.created_at
+                                        )
+                                      ),
+                                    },
+                                  }),
+                                ]),
                                 _vm._v(" "),
-                                _c("hak-akses", {
-                                  attrs: {
-                                    isPeran: true,
-                                    tipeUser: _vm.tipeUser,
-                                    dataStat: "success",
-                                  },
-                                  on: { hakForm: _vm.hakForm },
-                                }),
-                              ],
-                              1
-                            )
-                          : _vm._e(),
+                                _c("li", [
+                                  _c("b", [_vm._v("Tgl. Ubah:")]),
+                                  _vm._v(" "),
+                                  _c("span", {
+                                    domProps: {
+                                      innerHTML: _vm._s(
+                                        _vm.$options.filters.dateTime(
+                                          _vm.selectedItem.updated_at
+                                        )
+                                      ),
+                                    },
+                                  }),
+                                ]),
+                              ]
+                            ),
+                          ]),
+                        ]),
                       ]),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("form-info"),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    { staticClass: "card card-body" },
-                    [
-                      _c("form-button", {
-                        attrs: {
-                          cancelState: "methods",
-                          formValidation: "form",
-                        },
-                        on: { cancelClick: _vm.back },
-                      }),
-                    ],
-                    1
+                    ]
                   ),
-                ],
-                1
-              ),
+                ]),
+              ]),
+              _vm._v(" "),
+              _c("hak-akses-form", {
+                attrs: {
+                  selectedItem: _vm.selectedItem,
+                  form: _vm.modalHakAksesForm,
+                  tipeUser: _vm.tipeUser,
+                  dataStat: _vm.hakAksesStat,
+                  isPeran: false,
+                },
+                on: { hakForm: _vm.hakForm },
+              }),
+              _vm._v(" "),
+              _c("hr"),
+              _vm._v(" "),
+              _c("div", { staticClass: "text-center d-none d-md-block" }, [
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light",
+                    on: { click: _vm.modalTutup },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-cross" }),
+                    _vm._v(" Tutup\n          "),
+                  ]
+                ),
+                _vm._v(" "),
+                _vm.hakAksesStat == "success"
+                  ? _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-primary",
+                        attrs: { type: "submit" },
+                        on: { click: _vm.modalConfirmOk },
+                      },
+                      [
+                        _c("i", { staticClass: "icon-floppy-disk" }),
+                        _vm._v(" Simpan\n          "),
+                      ]
+                    )
+                  : _vm._e(),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "d-block d-md-none" }, [
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-block pb-2",
+                    on: { click: _vm.modalTutup },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-cross" }),
+                    _vm._v(" Tutup\n          "),
+                  ]
+                ),
+                _vm._v(" "),
+                _vm.hakAksesStat == "success"
+                  ? _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-primary btn-block pb-2",
+                        attrs: { type: "submit" },
+                        on: { click: _vm.modalConfirmOk },
+                      },
+                      [
+                        _c("i", { staticClass: "icon-floppy-disk" }),
+                        _vm._v(" Simpan\n          "),
+                      ]
+                    )
+                  : _vm._e(),
+              ]),
             ],
             1
           ),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          content: _vm.modalContent,
-          color: _vm.modalColor,
-        },
-        on: {
-          batal: _vm.modalTutup,
-          tutup: _vm.modalTutup,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalBackgroundClick,
-        },
-      }),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body2" },
+            [
+              _c("form-tipe", {
+                attrs: { selected: _vm.selectedItem },
+                on: { tutup: _vm.modalTutup },
+              }),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
     ],
     1
   )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-md-12" }, [
-      _c("div", { staticClass: "alert alert-info alert-styled-left" }, [
-        _c("span", { staticClass: "font-weight-semibold" }, [
-          _vm._v("Informasi!"),
-        ]),
-        _vm._v(
-          " Mari menggunakan password dengan tingkat keamanan yang lebih tinggi!! \n\t\t\t\t\t\t\t\t\t\t"
-        ),
-        _c("br"),
-        _vm._v(
-          "\n\t\t\t\t\t\t\t\t\t\tDimana password anda harus minimal terdiri dari 8 karakter yang mengandung minimal 1 huruf besar, 1 huruf kecil dan 1 angka. \n\t\t\t\t\t\t\t\t\t\t"
-        ),
-        _c("br"),
-        _vm._v(
-          "\n\t\t\t\t\t\t\t\t\t\tUsahakan password anda bukan dari tanggal lahir, alamat, nomor telepon/hp dan dari kata yang sering anda gunakan atau mudah diketahui oleh orang lain.\n\t\t\t\t\t\t\t\t\t"
-        ),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("small", { staticClass: "text-muted" }, [
-      _c("i", [
-        _vm._v(
-          'format penulisan "namapanggilan-namasingkatancu" tanpa spasi. contoh: tony-cubcd'
-        ),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("small", { staticClass: "text-muted" }, [
-      _c("i", [
-        _vm._v(
-          "Minimal 8 karater yang mengandung minimal 1 huruf besar, 1 huruf kecil dan 1 angka"
-        ),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("small", { staticClass: "text-muted" }, [
-      _c("i", [_vm._v("Mengisi ulang password")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("small", { staticClass: "text-muted" }, [
-      _c("i", [
-        _vm._v(
-          "Silahkan memilih dari tabel dibawah data user ini terikat dengan data aktivis mana. untuk memilih dengan menekan nama di dalam tabel aktivis"
-        ),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("small", { staticClass: "text-muted" }, [
-      _c("i", [_vm._v("Silahkan memilih apa saja yang bisa dilakukan user.")]),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* harmony import */ var _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony import */ var _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./infoIcon.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1722,9 +2489,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1734,55 +2501,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/ImageUpload.vue"
+component.options.__file = "resources/assets/js/components/infoIcon.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./infoIcon.vue?vue&type=template&id=78a8b7de& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/infoIcon.vue?vue&type=template&id=78a8b7de&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_infoIcon_vue_vue_type_template_id_78a8b7de___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue":
+/***/ "./resources/assets/js/views/user/formTipe.vue":
 /*!*****************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue ***!
+  !*** ./resources/assets/js/views/user/formTipe.vue ***!
   \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _formTipe_vue_vue_type_template_id_655b842f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formTipe.vue?vue&type=template&id=655b842f& */ "./resources/assets/js/views/user/formTipe.vue?vue&type=template&id=655b842f&");
+/* harmony import */ var _formTipe_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formTipe.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/formTipe.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1791,9 +2558,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formTipe_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formTipe_vue_vue_type_template_id_655b842f___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formTipe_vue_vue_type_template_id_655b842f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1803,54 +2570,123 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/formInfo.vue"
+component.options.__file = "resources/assets/js/views/user/formTipe.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/***/ "./resources/assets/js/views/user/formTipe.vue?vue&type=script&lang=js&":
 /*!******************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/assets/js/views/user/formTipe.vue?vue&type=script&lang=js& ***!
   \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTipe_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTipe.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/formTipe.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formTipe_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/***/ "./resources/assets/js/views/user/formTipe.vue?vue&type=template&id=655b842f&":
 /*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  !*** ./resources/assets/js/views/user/formTipe.vue?vue&type=template&id=655b842f& ***!
   \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTipe_vue_vue_type_template_id_655b842f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formTipe.vue?vue&type=template&id=655b842f& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/formTipe.vue?vue&type=template&id=655b842f&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTipe_vue_vue_type_template_id_655b842f___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formTipe_vue_vue_type_template_id_655b842f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/user/index.vue":
+/*!**************************************************!*\
+  !*** ./resources/assets/js/views/user/index.vue ***!
+  \**************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _index_vue_vue_type_template_id_36522081___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=36522081& */ "./resources/assets/js/views/user/index.vue?vue&type=template&id=36522081&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_36522081___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_36522081___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/assets/js/views/user/index.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/user/index.vue?vue&type=script&lang=js&":
+/*!***************************************************************************!*\
+  !*** ./resources/assets/js/views/user/index.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/user/index.vue?vue&type=template&id=36522081&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/user/index.vue?vue&type=template&id=36522081& ***!
+  \*********************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_36522081___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=36522081& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/index.vue?vue&type=template&id=36522081&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_36522081___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_36522081___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/form.vue":
-/*!*************************************************!*\
-  !*** ./resources/assets/js/views/user/form.vue ***!
-  \*************************************************/
+/***/ "./resources/assets/js/views/user/table.vue":
+/*!**************************************************!*\
+  !*** ./resources/assets/js/views/user/table.vue ***!
+  \**************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_fadbbf36___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=fadbbf36& */ "./resources/assets/js/views/user/form.vue?vue&type=template&id=fadbbf36&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/form.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_20255506___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=20255506& */ "./resources/assets/js/views/user/table.vue?vue&type=template&id=20255506&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1860,9 +2696,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_fadbbf36___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_fadbbf36___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_20255506___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_20255506___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1872,38 +2708,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/user/form.vue"
+component.options.__file = "resources/assets/js/views/user/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/form.vue?vue&type=script&lang=js&":
-/*!**************************************************************************!*\
-  !*** ./resources/assets/js/views/user/form.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************/
+/***/ "./resources/assets/js/views/user/table.vue?vue&type=script&lang=js&":
+/*!***************************************************************************!*\
+  !*** ./resources/assets/js/views/user/table.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/form.vue?vue&type=template&id=fadbbf36&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/views/user/form.vue?vue&type=template&id=fadbbf36& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/user/table.vue?vue&type=template&id=20255506&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/user/table.vue?vue&type=template&id=20255506& ***!
+  \*********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_fadbbf36___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=fadbbf36& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/form.vue?vue&type=template&id=fadbbf36&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_fadbbf36___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_20255506___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=20255506& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/table.vue?vue&type=template&id=20255506&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_20255506___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_fadbbf36___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_20255506___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/85.js b/public/js/components/85.js
index 2b29c9b0e..549b5d278 100644
--- a/public/js/components/85.js
+++ b/public/js/components/85.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[85],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -22,38 +22,95 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    id: {
-      "default": ''
-    }
-  },
   data: function data() {
     return {
-      clicked: false
+      image: ''
     };
   },
+  props: {
+    image_loc: {
+      type: [String],
+      "default": ''
+    },
+    image_type: {
+      type: [String],
+      "default": '.jpg'
+    },
+    image_temp: {
+      "default": ''
+    },
+    value: {
+      type: [String, File],
+      "default": 'no_image'
+    }
+  },
   methods: {
-    btnClick: function btnClick() {
-      var _this = this;
+    upload: function upload(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      this.createImage(files[0]);
+      this.$emit('input', files[0]);
+    },
+    createImage: function createImage(file) {
+      var reader = new FileReader();
+      var vm = this;
 
-      if (this.clicked) {
-        setTimeout(function () {
-          return _this.clicked = false;
-        }, 400);
-      } else {
-        this.clicked = true;
-      }
+      reader.onload = function (e) {
+        vm.image = e.target.result; // this.$emit('input', vm.image)
+      };
+
+      reader.readAsDataURL(file);
+    },
+    close: function close() {
+      this.$emit('input', 'no_image');
+      this.image = '/images/no_image.jpg';
+      this.$refs.fileInput.value = '';
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: []
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/form.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/form.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -61,9 +118,16 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/anggotaCuDraft/table.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/selectCuTp.vue */ "./resources/assets/js/components/selectCuTp.vue");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_hakAkses_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/hakAkses.vue */ "./resources/assets/js/components/hakAkses.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _identitas_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./identitas.vue */ "./resources/assets/js/views/user/identitas.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -109,77 +173,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    selectCuTp: _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Anggota CU [DRAFT]',
-      kelas: 'anggotaCu',
-      titleDesc: 'Mengelola anggota CU [DRAFT]',
-      titleIcon: 'icon-man-woman',
-      selectCuPath: 'anggotaCuCuDraft'
-    };
-  },
-  created: function created() {
-    this.checkUser('upload_anggota_cu', this.$route.params.cu);
-  },
-  methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -374,6 +367,21 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
 
 
 
@@ -382,43 +390,38 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
     appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    hakAkses: _components_hakAkses_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_9__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    identitas: _identitas_vue__WEBPACK_IMPORTED_MODULE_11__["default"]
   },
-  props: ["title", "kelas", "itemData", "itemDataStat"],
   data: function data() {
     return {
-      anggota_cu: {},
+      title: 'Tambah User',
+      titleDesc: 'Menambah user baru',
+      titleIcon: 'icon-plus3',
+      level2Title: 'User',
+      kelas: 'user',
+      tipeUser: '',
       selectedItem: [],
-      excelDownloadUrl: '',
       query: {
         order_column: "name",
         order_direction: "asc",
         filter_match: "and",
-        limit: 100,
+        limit: 10,
         page: 1
       },
       columnData: [{
-        title: 'No.',
-        name: 'No.'
-      }, {
-        title: 'No. KTP',
-        name: 'nik',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'No.'
       }, {
-        title: 'NPWP',
-        name: 'npwp',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Foto'
       }, {
         title: 'Nama',
         name: 'name',
@@ -429,339 +432,174 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         filter: true,
         filterDefault: true
       }, {
-        title: 'No. BA',
-        name: 'no_ba',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Gender'
       }, {
-        title: 'Lembaga',
-        name: 'lembaga',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
+        title: 'CU',
+        disable: false
       }, {
-        title: 'Jabatan',
-        name: 'jabatan',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
+        title: 'Tingkat'
       }, {
-        title: 'Pekerjaan',
-        name: 'pekerjaan',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Jabatan'
       }, {
-        title: 'Pendidikan',
-        name: 'pendidikan',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
+        title: 'Pendidikan'
       }, {
-        title: 'Penghasilan',
-        name: 'penghasilan',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Jurusan'
       }, {
-        title: 'Pengeluaran',
-        name: 'pengeluaran',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Tgl. Lahir'
       }, {
-        title: 'Email',
-        name: 'email',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Hp',
-        name: 'hp',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kontak Lain',
-        name: 'kontak',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Gender',
-        name: 'kelamin',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Ahli Waris',
-        name: 'ahli_waris',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Nama Ibu',
-        name: 'nama_ibu',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Suku',
-        name: 'suku',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Gol. Darah',
-        name: 'darah',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tinggi',
-        name: 'tinggi',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Agama',
-        name: 'agama',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Status',
-        name: 'status',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Lahir',
-        name: 'tanggal_lahir',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tempat. Lahir',
-        name: 'tempat_lahir',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Jadi Anggota',
-        name: 'tanggal_masuk',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Provinsi',
-        name: 'provinces.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kabupaten',
-        name: 'regencies.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kecamatan',
-        name: 'districts.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kelurahan',
-        name: 'villages.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'No. RW',
-        name: 'rw',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'No. RT',
-        name: 'rt',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Tempat Lahir'
       }, {
-        title: 'Alamat',
-        name: 'alamat',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Tinggi'
       }, {
-        title: 'Tgl. / Waktu Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Agama'
       }, {
-        title: 'Tgl. / Waktu Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Status Pernikahan'
       }],
-      state: '',
       modalShow: false,
-      modalState: "",
-      modalTitle: "",
-      modalContent: "",
-      modalButton: "",
-      modalColor: ""
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      submited: false
     };
   },
-  created: function created() {
-    this.fetch(this.query);
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch();
+    });
   },
+  created: function created() {},
   watch: {
-    // check route changes
-    '$route': function $route(to, from) {
-      this.fetch(this.query);
+    formStat: function formStat(value) {
+      if (value == 'success') {
+        if (this.currentUser.id_cu != 0) {
+          this.form.id_cu = this.currentUser.id_cu;
+          this.changeCU(this.currentUser.id_cu);
+        } else {
+          if (this.modelCuStat != 'success') {
+            this.$store.dispatch('cu/getHeader');
+          }
+        }
+      }
     },
     updateStat: function updateStat(value) {
+      this.modalShow = true;
       this.modalState = value;
-      this.modalButton = "Ok";
+      this.modalColor = '';
 
       if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = "";
-        this.fetch(this.query);
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
+        this.modalTitle = this.updateResponse.message;
       } else {
-        this.modalContent = "";
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
       }
     }
   },
   methods: {
-    fetch: function fetch(params) {
-      this.$store.dispatch(this.kelas + '/indexCuDraft', [params, this.$route.params.cu, this.$route.params.tp]);
-      this.excelDownloadUrl = 'anggotaCuDraft/index/' + this.$route.params.cu + '/' + this.$route.params.tp;
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + '/create');
+    },
+    fetchAktivis: function fetchAktivis(params) {
+      this.$store.dispatch('aktivis/indexCu', [params, this.form.id_cu, 'semua', 'aktif']);
+      this.disableColumnCu(true);
+    },
+    changeCU: function changeCU(value) {
+      this.fetchAktivis(this.query);
+
+      if (value == 0) {
+        this.tipeUser = 'bkcu';
+      } else {
+        this.tipeUser = 'cu';
+      }
+    },
+    disableColumnCu: function disableColumnCu(value) {
+      this.columnData[4].disable = value;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
+      this.form.id_aktivis = item.id;
+      this.form.aktivis = item;
     },
-    ubahData: function ubahData(id) {
-      this.$router.push({
-        name: this.kelas + "DraftEdit",
-        params: {
-          id: id
-        }
-      });
+    deleteSelected: function deleteSelected() {
+      this.selectedItem = [];
+      this.form.id_aktivis = '';
+      this.form.aktivis = {};
     },
-    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.modalState = "confirm-tutup";
-      this.state = state;
+    hakForm: function hakForm(value) {
+      this.form.permission = value;
+    },
+    changeRole: function changeRole(id) {
+      this.$store.dispatch('loadRolePermission', id);
+    },
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
 
-      if (isMobile) {
-        this.selectedItem = itemMobile;
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
       }
+    },
+    save: function save() {
+      var _this = this;
 
-      if (state == "simpan") {
-        this.modalTitle = "Simpan " + this.title + " ini?";
-        this.modalButton = "Iya, Simpan";
-      } else if (state == "simpan_semua") {
-        this.modalTitle = "Simpan semua " + this.title + " ini?";
-        this.modalButton = "Iya, Simpan";
-      } else if (state == "hapus") {
-        this.modalState = "confirm-tutup";
-        this.modalTitle = "Hapus " + this.title + " " + this.selectedItem.name + " ini?";
-        this.modalButton = "Iya, Hapus";
-      } else if (state == "hapus_semua") {
-        this.modalTitle = "Hapus semua" + this.title + " ini?";
-        this.modalButton = "Iya, Hapus";
-      }
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          _this.$store.dispatch(_this.kelas + '/store', _this.form);
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
+    back: function back() {
+      this.$router.push({
+        name: this.kelas + 'Cu',
+        params: {
+          cu: this.currentUser.id_cu
+        }
+      });
     },
     modalTutup: function modalTutup() {
       this.modalShow = false;
-      this.$store.dispatch(this.kelas + "/resetUpdateStat");
+
+      if (this.updateStat == 'success') {
+        this.back();
+      }
     },
-    modalConfirmOk: function modalConfirmOk() {
-      if (this.state == "simpan") {
-        this.$store.dispatch(this.kelas + "/storeDraft", this.selectedItem.id);
-      } else if (this.state == "hapus") {
-        this.$store.dispatch(this.kelas + "/destroyDraft", [this.selectedItem.id, this.$route.params.cu]);
-      } else if (this.state == "hapus_semua") {
-        this.$store.dispatch(this.kelas + "/destroyDraftAll", this.$route.params.cu);
-      } else if (this.state == "simpan_semua") {
-        this.$store.dispatch(this.kelas + "/storeDraftAll", this.$route.params.cu);
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
       }
+    },
+    processFile: function processFile(event) {
+      this.form.gambar = event.target.files[0];
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("anggotaCu", {
-    updateMessage: "update",
-    updateStat: "updateStat"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("auth", {
-    currentUser: "currentUser"
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('user', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('aktivis', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'headerDataS',
+    modelCuStat: 'headerDataStatS'
   }))
 });
 
@@ -784,10 +622,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
-  \************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -800,27 +638,52 @@ var render = function () {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c("div", [
-    _c(
-      "button",
-      {
-        staticClass: "btn btn-link btn-block",
-        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
-        on: { click: _vm.btnClick },
-      },
-      [
-        _vm.clicked
-          ? _c("span", [
-              _c("i", { staticClass: "icon-arrow-up12" }),
-              _vm._v(" Kembali "),
-              _c("i", { staticClass: "icon-arrow-up12" }),
-            ])
-          : _c("span", [
-              _c("i", { staticClass: "icon-arrow-down12" }),
-              _vm._v(" Selengkapnya "),
-              _c("i", { staticClass: "icon-arrow-down12" }),
-            ]),
-      ]
-    ),
+    _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body text-center" }, [
+        _vm.image === "" && _vm.image_temp === ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: "/images/no_image.jpg" },
+            })
+          : _vm.image === "" && _vm.image_temp !== ""
+          ? _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image_loc + _vm.image_temp + _vm.image_type },
+            })
+          : _c("img", {
+              staticStyle: { width: "15em" },
+              attrs: { src: _vm.image },
+            }),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "col-md-10" }, [
+        _c("input", {
+          ref: "fileInput",
+          staticClass: "form-control",
+          attrs: { type: "file", accept: ".jpg, .jpeg, .png" },
+          on: { change: _vm.upload },
+        }),
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "col-md-2" }, [
+        _c(
+          "button",
+          {
+            staticClass: "btn btn-light btn-block",
+            attrs: { type: "button", disabled: _vm.image_temp === "" },
+            on: {
+              click: function ($event) {
+                $event.preventDefault()
+                return _vm.close()
+              },
+            },
+          },
+          [_c("i", { staticClass: "icon-cross" }), _vm._v(" Batal")]
+        ),
+      ]),
+    ]),
   ])
 }
 var staticRenderFns = []
@@ -830,10 +693,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=template&id=ef7eb854&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=template&id=ef7eb854& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -845,70 +708,34 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-container" }, [
-        _c("div", { staticClass: "page-content" }, [
-          _c("div", { staticClass: "content-wrapper" }, [
-            _c(
-              "div",
-              { staticClass: "content" },
-              [
-                _vm.itemDataStat === "fail"
-                  ? _c("message", {
-                      attrs: {
-                        title: "Oops terjadi kesalahan:",
-                        errorData: _vm.itemData,
-                      },
-                    })
-                  : _vm._e(),
-                _vm._v(" "),
-                _c("select-cu-tp", {
-                  attrs: {
-                    kelas: _vm.kelas,
-                    path: _vm.selectCuPath,
-                    isPus: false,
-                  },
-                }),
-                _vm._v(" "),
-                _c("table-data", {
-                  attrs: {
-                    title: _vm.title,
-                    kelas: _vm.kelas,
-                    itemData: _vm.itemData,
-                    itemDataStat: _vm.itemDataStat,
-                  },
-                }),
-              ],
-              1
-            ),
-          ]),
+  return _vm._m(0)
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", [
+      _c("div", { staticClass: "alert bg-info alert-styled-left" }, [
+        _c("h6", [
+          _vm._v(
+            "Pastikan data yang dimasukkan sudah benar sebelum menyimpan."
+          ),
         ]),
       ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=template&id=41dbd8d2&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=template&id=41dbd8d2& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/form.vue?vue&type=template&id=fadbbf36&":
+/*!**************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/form.vue?vue&type=template&id=fadbbf36& ***!
+  \**************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -923,724 +750,969 @@ var render = function () {
   return _c(
     "div",
     [
-      _c(
-        "div",
-        {
-          staticClass: "alert alert-warning alert-styled-left cursor-pointer",
-          on: {
-            click: function ($event) {
-              $event.preventDefault()
-              return _vm.fetch(_vm.query)
-            },
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
           },
         },
-        [
-          _c("span", { staticClass: "font-weight-semibold" }, [
-            _vm._v("Perhatian!"),
-          ]),
-          _vm._v(
-            " Dikarenakan proses pengelolaan data hasil upload yang memakan waktu lebih lama, maka mohon menunggu dan mencoba menekan kotak dialog ini dalam beberapa saat kedepan untuk memeriksa apakah proses upload data sudah selesai dan dapat dilihat di tabel dibawah.\n    "
-          ),
-        ]
-      ),
+      }),
       _vm._v(" "),
-      _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-            itemDataStat: _vm.itemDataStat,
-          },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  _c(
-                    "tr",
-                    {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.errors.any("form") && _vm.submited
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops, terjadi kesalahan",
+                      errorItem: _vm.errors.items,
                     },
-                    [
-                      !_vm.columnData[0].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.nik },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.npwp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.no_ba },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.lembaga },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.jabatan },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.pekerjaan },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[8].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.pendidikan },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[9].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.penghasilan },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[10].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.pengeluaran },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[11].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.email },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[12].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.hp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[13].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.kontak },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[14].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.kelamin },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[15].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.ahli_waris },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[16].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.nama_ibu },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[17].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.suku },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[18].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.darah },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[19].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.tinggi },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[20].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.agama },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[21].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.status },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[22].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.date(
-                                  props.item.tanggal_lahir
-                                )
-                              ),
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "form",
+                {
+                  attrs: {
+                    enctype: "multipart/form-data",
+                    "data-vv-scope": "form",
+                  },
+                  on: {
+                    submit: function ($event) {
+                      $event.preventDefault()
+                      return _vm.save.apply(null, arguments)
+                    },
+                  },
+                },
+                [
+                  _c("div", { staticClass: "card" }, [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c("div", { staticClass: "row" }, [
+                        _vm._m(0),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-12" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.username"),
+                              },
                             },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[23].hide
-                        ? _c(
-                            "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.tempat_lahir },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[24].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.date(
-                                  props.item.tanggal_masuk
-                                )
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.username"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.username")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tUsername: "),
+                                  _c("wajib-badge"),
+                                  _vm._v(" "),
+                                  _c("br"),
+                                  _vm._v(" "),
+                                  _vm._m(1),
+                                ],
+                                1
                               ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[25].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.provinces
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.provinces.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[26].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.regencies
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.regencies.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[27].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.districts
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.districts.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[28].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.villages
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.villages.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[29].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.rw },
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|min:5|alpha_dash",
+                                    expression: "'required|min:5|alpha_dash'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.username,
+                                    expression: "form.username",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "text",
+                                  name: "username",
+                                  placeholder: "Silahkan masukkan username",
+                                  "data-vv-as": "Username",
+                                },
+                                domProps: { value: _vm.form.username },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "username",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
                               }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[30].hide
-                        ? _c(
-                            "td",
+                              _vm._v(" "),
+                              _vm.errors.has("form.username")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.username")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-6" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has("form.password"),
+                              },
+                            },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.rt },
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger":
+                                      _vm.errors.has("form.password"),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.password")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v("\n\t\t\t\t\t\t\t\t\t\t\tPassword: "),
+                                  _c("wajib-badge"),
+                                  _vm._v(" "),
+                                  _c("br"),
+                                  _vm._v(" "),
+                                  _vm._m(2),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|min:8|verify_password",
+                                    expression:
+                                      "'required|min:8|verify_password'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.password,
+                                    expression: "form.password",
+                                  },
+                                ],
+                                ref: "password",
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "password",
+                                  name: "password",
+                                  placeholder: "Silahkan masukkan password",
+                                },
+                                domProps: { value: _vm.form.password },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "password",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
                               }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[31].hide
-                        ? _c(
-                            "td",
+                              _vm._v(" "),
+                              _vm.errors.has("form.password")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first("form.password")
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" \n\t\t\t\t\t\t\t\t\t\t"),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "col-md-6" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "form-group",
+                              class: {
+                                "has-error": _vm.errors.has(
+                                  "form.passwordConfirm"
+                                ),
+                              },
+                            },
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.alamat },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[32].hide
-                        ? _c("td", {
-                            staticClass: "text-nowrap",
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
+                              _c(
+                                "h5",
+                                {
+                                  class: {
+                                    "text-danger": _vm.errors.has(
+                                      "form.passwordConfirm"
+                                    ),
+                                  },
+                                },
+                                [
+                                  _vm.errors.has("form.passwordConfirm")
+                                    ? _c("i", { staticClass: "icon-cross2" })
+                                    : _vm._e(),
+                                  _vm._v(
+                                    "\n\t\t\t\t\t\t\t\t\t\t\tKonfirmasi Password: "
+                                  ),
+                                  _c("wajib-badge"),
+                                  _vm._v(" "),
+                                  _c("br"),
+                                  _vm._v(" "),
+                                  _vm._m(3),
+                                  _vm._v(" "),
+                                  _c("br"),
+                                  _c("br"),
+                                ],
+                                1
                               ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[33].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
+                              _vm._v(" "),
+                              _c("input", {
+                                directives: [
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required|confirmed:password",
+                                    expression: "'required|confirmed:password'",
+                                  },
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.passwordConfirm,
+                                    expression: "form.passwordConfirm",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  type: "password",
+                                  name: "passwordConfirm",
+                                  placeholder:
+                                    "Silahkan masukkan password konfirmasi",
+                                  "data-vv-as": "password",
+                                },
+                                domProps: { value: _vm.form.passwordConfirm },
+                                on: {
+                                  input: function ($event) {
+                                    if ($event.target.composing) {
+                                      return
+                                    }
+                                    _vm.$set(
+                                      _vm.form,
+                                      "passwordConfirm",
+                                      $event.target.value
+                                    )
+                                  },
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.errors.has("form.passwordConfirm")
+                                ? _c(
+                                    "small",
+                                    { staticClass: "text-muted text-danger" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-arrow-small-right",
+                                      }),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.errors.first(
+                                              "form.passwordConfirm"
+                                            )
+                                          ) +
+                                          "\n\t\t\t\t\t\t\t\t\t\t"
+                                      ),
+                                    ]
+                                  )
+                                : _c("small", { staticClass: "text-muted" }, [
+                                    _vm._v(" "),
+                                  ]),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _vm.currentUser.id_cu == 0
+                          ? _c("div", { staticClass: "col-md-12" }, [
+                              _c("div", { staticClass: "form-group" }, [
+                                _c(
+                                  "h5",
+                                  [_vm._v("Tipe: "), _c("wajib-badge")],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "select",
+                                  {
+                                    directives: [
+                                      {
+                                        name: "model",
+                                        rawName: "v-model",
+                                        value: _vm.form.id_cu,
+                                        expression: "form.id_cu",
+                                      },
+                                    ],
+                                    staticClass: "form-control",
+                                    attrs: { name: "cu", "data-width": "100%" },
+                                    on: {
+                                      change: [
+                                        function ($event) {
+                                          var $$selectedVal =
+                                            Array.prototype.filter
+                                              .call(
+                                                $event.target.options,
+                                                function (o) {
+                                                  return o.selected
+                                                }
+                                              )
+                                              .map(function (o) {
+                                                var val =
+                                                  "_value" in o
+                                                    ? o._value
+                                                    : o.value
+                                                return val
+                                              })
+                                          _vm.$set(
+                                            _vm.form,
+                                            "id_cu",
+                                            $event.target.multiple
+                                              ? $$selectedVal
+                                              : $$selectedVal[0]
+                                          )
+                                        },
+                                        function ($event) {
+                                          return _vm.changeCU(
+                                            $event.target.value
+                                          )
+                                        },
+                                      ],
+                                    },
+                                  },
+                                  [
+                                    _c(
+                                      "option",
+                                      { attrs: { disabled: "", value: "" } },
+                                      [_vm._v("Silahkan pilih CU")]
                                     ),
+                                    _vm._v(" "),
+                                    _c("option", { attrs: { value: "0" } }, [
+                                      _vm._v("PUSKOPCUINA"),
+                                    ]),
+                                    _vm._v(" "),
+                                    _vm._l(_vm.modelCu, function (cu, index) {
+                                      return _c(
+                                        "option",
+                                        {
+                                          key: index,
+                                          domProps: { value: cu.id },
+                                        },
+                                        [_vm._v(_vm._s(cu.name))]
+                                      )
+                                    }),
+                                  ],
+                                  2
+                                ),
+                              ]),
+                            ])
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.form.id_cu != "" && _vm.formStat == "success"
+                          ? _c(
+                              "div",
+                              { staticClass: "col-md-12" },
+                              [
+                                _c(
+                                  "h5",
+                                  [
+                                    _vm._v("Data Aktivis User: "),
+                                    _c("wajib-badge"),
+                                    _vm._v(" "),
+                                    _c("br"),
+                                    _vm._v(" "),
+                                    _vm._m(4),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _vm.form.id_aktivis != ""
+                                  ? _c("identitas", {
+                                      attrs: { itemData: _vm.form.aktivis },
+                                      on: {
+                                        deleteSelected: _vm.deleteSelected,
+                                      },
+                                    })
+                                  : _c("data-viewer", {
+                                      attrs: {
+                                        title: "Aktivis",
+                                        columnData: _vm.columnData,
+                                        itemData: _vm.itemData,
+                                        query: _vm.query,
+                                        itemDataStat: _vm.itemDataStat,
+                                        isDasar: "true",
+                                        isNoButtonRow: "true",
+                                      },
+                                      on: { fetch: _vm.fetchAktivis },
+                                      scopedSlots: _vm._u(
+                                        [
+                                          {
+                                            key: "item-desktop",
+                                            fn: function (props) {
+                                              return [
+                                                _c(
+                                                  "tr",
+                                                  {
+                                                    staticClass:
+                                                      "text-nowrap cursor-pointer",
+                                                    on: {
+                                                      click: function ($event) {
+                                                        return _vm.selectedRow(
+                                                          props.item
+                                                        )
+                                                      },
+                                                    },
+                                                  },
+                                                  [
+                                                    _c("td", [
+                                                      _vm._v(
+                                                        "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" +
+                                                          _vm._s(
+                                                            props.index +
+                                                              1 +
+                                                              (+_vm.itemData
+                                                                .current_page -
+                                                                1) *
+                                                                +_vm.itemData
+                                                                  .per_page +
+                                                              "."
+                                                          ) +
+                                                          "\n\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                      ),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c("td", [
+                                                      props.item.gambar
+                                                        ? _c("img", {
+                                                            staticClass:
+                                                              "img-rounded img-fluid wmin-sm",
+                                                            attrs: {
+                                                              src:
+                                                                "/images/aktivis/" +
+                                                                props.item
+                                                                  .gambar +
+                                                                "n.jpg",
+                                                            },
+                                                          })
+                                                        : _c("img", {
+                                                            staticClass:
+                                                              "img-rounded img-fluid wmin-sm",
+                                                            attrs: {
+                                                              src: "/images/no_image.jpg",
+                                                            },
+                                                          }),
+                                                    ]),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "td",
+                                                      [
+                                                        _c("check-value", {
+                                                          attrs: {
+                                                            value:
+                                                              props.item.name,
+                                                          },
+                                                        }),
+                                                      ],
+                                                      1
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "td",
+                                                      [
+                                                        _c("check-value", {
+                                                          attrs: {
+                                                            value:
+                                                              props.item
+                                                                .kelamin,
+                                                          },
+                                                        }),
+                                                      ],
+                                                      1
+                                                    ),
+                                                    _vm._v(" "),
+                                                    !_vm.columnData[4].disable
+                                                      ? _c("td", [
+                                                          props.item
+                                                            .pekerjaan_aktif &&
+                                                          props.item
+                                                            .pekerjaan_aktif
+                                                            .tipe == 1
+                                                            ? _c(
+                                                                "span",
+                                                                [
+                                                                  props.item
+                                                                    .pekerjaan_aktif
+                                                                    .cu
+                                                                    ? _c(
+                                                                        "check-value",
+                                                                        {
+                                                                          attrs:
+                                                                            {
+                                                                              value:
+                                                                                props
+                                                                                  .item
+                                                                                  .pekerjaan_aktif
+                                                                                  .cu
+                                                                                  .name,
+                                                                            },
+                                                                        }
+                                                                      )
+                                                                    : _c(
+                                                                        "span",
+                                                                        [
+                                                                          _vm._v(
+                                                                            "-"
+                                                                          ),
+                                                                        ]
+                                                                      ),
+                                                                ],
+                                                                1
+                                                              )
+                                                            : props.item
+                                                                .pekerjaan_aktif &&
+                                                              props.item
+                                                                .pekerjaan_aktif
+                                                                .tipe == 2
+                                                            ? _c(
+                                                                "span",
+                                                                [
+                                                                  props.item
+                                                                    .pekerjaan_aktif
+                                                                    .lembaga_lain
+                                                                    ? _c(
+                                                                        "check-value",
+                                                                        {
+                                                                          attrs:
+                                                                            {
+                                                                              value:
+                                                                                props
+                                                                                  .item
+                                                                                  .pekerjaan_aktif
+                                                                                  .lembaga_lain
+                                                                                  .name,
+                                                                            },
+                                                                        }
+                                                                      )
+                                                                    : _c(
+                                                                        "span",
+                                                                        [
+                                                                          _vm._v(
+                                                                            "-"
+                                                                          ),
+                                                                        ]
+                                                                      ),
+                                                                ],
+                                                                1
+                                                              )
+                                                            : props.item
+                                                                .pekerjaan_aktif &&
+                                                              props.item
+                                                                .pekerjaan_aktif
+                                                                .tipe == 3
+                                                            ? _c("span", [
+                                                                _vm._v(
+                                                                  "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPUSKOPCUINA\n\t\t\t\t\t\t\t\t\t\t\t\t\t"
+                                                                ),
+                                                              ])
+                                                            : _c("span", [
+                                                                _vm._v("-"),
+                                                              ]),
+                                                        ])
+                                                      : _vm._e(),
+                                                    _vm._v(" "),
+                                                    _c("td", {
+                                                      domProps: {
+                                                        innerHTML: _vm._s(
+                                                          _vm.$options.filters.checkTingkatAktivis(
+                                                            props.item
+                                                              .pekerjaan_aktif
+                                                              .tingkat
+                                                          )
+                                                        ),
+                                                      },
+                                                    }),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "td",
+                                                      [
+                                                        props.item
+                                                          .pekerjaan_aktif
+                                                          ? _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .pekerjaan_aktif
+                                                                    .name,
+                                                              },
+                                                            })
+                                                          : _c("span", [
+                                                              _vm._v("-"),
+                                                            ]),
+                                                      ],
+                                                      1
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "td",
+                                                      [
+                                                        props.item
+                                                          .pendidikan_tertinggi
+                                                          ? _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .pendidikan_tertinggi
+                                                                    .tingkat,
+                                                              },
+                                                            })
+                                                          : _c("span", [
+                                                              _vm._v("-"),
+                                                            ]),
+                                                      ],
+                                                      1
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "td",
+                                                      [
+                                                        props.item
+                                                          .pendidikan_tertinggi
+                                                          ? _c("check-value", {
+                                                              attrs: {
+                                                                value:
+                                                                  props.item
+                                                                    .pendidikan_tertinggi
+                                                                    .name,
+                                                              },
+                                                            })
+                                                          : _c("span", [
+                                                              _vm._v("-"),
+                                                            ]),
+                                                      ],
+                                                      1
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c("td", {
+                                                      domProps: {
+                                                        innerHTML: _vm._s(
+                                                          _vm.$options.filters.date(
+                                                            props.item
+                                                              .tanggal_lahir
+                                                          )
+                                                        ),
+                                                      },
+                                                    }),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "td",
+                                                      [
+                                                        _c("check-value", {
+                                                          attrs: {
+                                                            value:
+                                                              props.item
+                                                                .tempat_lahir,
+                                                          },
+                                                        }),
+                                                      ],
+                                                      1
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "td",
+                                                      [
+                                                        _c("check-value", {
+                                                          attrs: {
+                                                            value:
+                                                              props.item.tinggi,
+                                                          },
+                                                        }),
+                                                      ],
+                                                      1
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "td",
+                                                      [
+                                                        _c("check-value", {
+                                                          attrs: {
+                                                            value:
+                                                              props.item.agama,
+                                                          },
+                                                        }),
+                                                      ],
+                                                      1
+                                                    ),
+                                                    _vm._v(" "),
+                                                    _c(
+                                                      "td",
+                                                      [
+                                                        _c("check-value", {
+                                                          attrs: {
+                                                            value:
+                                                              props.item.status,
+                                                          },
+                                                        }),
+                                                      ],
+                                                      1
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            },
+                                          },
+                                        ],
+                                        null,
+                                        false,
+                                        952953435
+                                      ),
+                                    }),
+                              ],
+                              1
+                            )
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _vm.form.id_aktivis != "" && _vm.formStat == "success"
+                          ? _c(
+                              "div",
+                              { staticClass: "col-md-12" },
+                              [
+                                _c("br"),
+                                _vm._v(" "),
+                                _c(
+                                  "h5",
+                                  [
+                                    _vm._v("Hak Akses: "),
+                                    _c("wajib-badge"),
+                                    _vm._v(" "),
+                                    _c("br"),
+                                    _vm._v(" "),
+                                    _vm._m(5),
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c("hak-akses", {
+                                  attrs: {
+                                    isPeran: true,
+                                    tipeUser: _vm.tipeUser,
+                                    dataStat: "success",
                                   },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                    ]
+                                  on: { hakForm: _vm.hakForm },
+                                }),
+                              ],
+                              1
+                            )
+                          : _vm._e(),
+                      ]),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("form-info"),
+                  _vm._v(" "),
+                  _c(
+                    "div",
+                    { staticClass: "card card-body" },
+                    [
+                      _c("form-button", {
+                        attrs: {
+                          cancelState: "methods",
+                          formValidation: "form",
+                        },
+                        on: { cancelClick: _vm.back },
+                      }),
+                    ],
+                    1
                   ),
-                ]
-              },
-            },
-          ]),
-        },
-        [
-          _c("template", { slot: "button-desktop" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light mb-1",
-                attrs: { disabled: _vm.itemData.length == 0 },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalConfirmOpen("simpan_semua")
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-floppy-disk" }),
-                _vm._v(" Simpan Semua\n        "),
-              ]
-            ),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light mb-1",
-                attrs: { disabled: !_vm.selectedItem.id },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalConfirmOpen("simpan")
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-floppy-disk" }),
-                _vm._v(" Simpan\n        "),
-              ]
-            ),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["update_anggota_cu"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-icon mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.ubahData(_vm.selectedItem.id)
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-pencil5" }),
-                    _vm._v(" Ubah Identitas\n        "),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["destroy_anggota_cu"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-icon mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("hapus")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n        "),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-icon mb-1",
-                attrs: { disabled: _vm.itemData.length == 0 },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalConfirmOpen("hapus_semua")
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-bin2" }),
-                _vm._v(" Hapus Semua\n        "),
-              ]
-            ),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "button-mobile" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block",
-                attrs: { disabled: _vm.itemData.length == 0 },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalConfirmOpen("simpan_semua")
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-floppy-disk" }),
-                _vm._v("Simpan Semua\n        "),
-              ]
-            ),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block",
-                attrs: { disabled: !_vm.selectedItem.id },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalConfirmOpen("simpan")
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-floppy-disk" }),
-                _vm._v(" Simpan\n        "),
-              ]
-            ),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["update_anggota_cu"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-icon btn-block pb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.ubahData(_vm.selectedItem.id)
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-pencil5" }),
-                    _vm._v(" Ubah Identitas\n        "),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["destroy_anggota_cu"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-icon btn-block pb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("hapus")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n        "),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-icon btn-block mb-1",
-                attrs: { disabled: _vm.itemData.length == 0 },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalConfirmOpen("hapus_semua")
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-bin2" }),
-                _vm._v(" Hapus Semua\n        "),
-              ]
-            ),
-          ]),
-        ],
-        2
-      ),
+                ],
+                1
+              ),
+            ],
+            1
+          ),
+        ]),
+      ]),
       _vm._v(" "),
       _c("app-modal", {
         attrs: {
           show: _vm.modalShow,
           state: _vm.modalState,
           title: _vm.modalTitle,
-          button: _vm.modalButton,
           content: _vm.modalContent,
           color: _vm.modalColor,
         },
         on: {
+          batal: _vm.modalTutup,
           tutup: _vm.modalTutup,
-          confirmOk: _vm.modalConfirmOk,
           successOk: _vm.modalTutup,
           failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalTutup,
+          backgroundClick: _vm.modalBackgroundClick,
         },
       }),
     ],
     1
   )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "col-md-12" }, [
+      _c("div", { staticClass: "alert alert-info alert-styled-left" }, [
+        _c("span", { staticClass: "font-weight-semibold" }, [
+          _vm._v("Informasi!"),
+        ]),
+        _vm._v(
+          " Mari menggunakan password dengan tingkat keamanan yang lebih tinggi!! \n\t\t\t\t\t\t\t\t\t\t"
+        ),
+        _c("br"),
+        _vm._v(
+          "\n\t\t\t\t\t\t\t\t\t\tDimana password anda harus minimal terdiri dari 8 karakter yang mengandung minimal 1 huruf besar, 1 huruf kecil dan 1 angka. \n\t\t\t\t\t\t\t\t\t\t"
+        ),
+        _c("br"),
+        _vm._v(
+          "\n\t\t\t\t\t\t\t\t\t\tUsahakan password anda bukan dari tanggal lahir, alamat, nomor telepon/hp dan dari kata yang sering anda gunakan atau mudah diketahui oleh orang lain.\n\t\t\t\t\t\t\t\t\t"
+        ),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("small", { staticClass: "text-muted" }, [
+      _c("i", [
+        _vm._v(
+          'format penulisan "namapanggilan-namasingkatancu" tanpa spasi. contoh: tony-cubcd'
+        ),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("small", { staticClass: "text-muted" }, [
+      _c("i", [
+        _vm._v(
+          "Minimal 8 karater yang mengandung minimal 1 huruf besar, 1 huruf kecil dan 1 angka"
+        ),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("small", { staticClass: "text-muted" }, [
+      _c("i", [_vm._v("Mengisi ulang password")]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("small", { staticClass: "text-muted" }, [
+      _c("i", [
+        _vm._v(
+          "Silahkan memilih dari tabel dibawah data user ini terikat dengan data aktivis mana. untuk memilih dengan menekan nama di dalam tabel aktivis"
+        ),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("small", { staticClass: "text-muted" }, [
+      _c("i", [_vm._v("Silahkan memilih apa saja yang bisa dilakukan user.")]),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
-/* harmony import */ var _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
+/* harmony import */ var _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony import */ var _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1650,9 +1722,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1662,55 +1734,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/collapseButton.vue"
+component.options.__file = "resources/assets/js/components/ImageUpload.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ImageUpload.vue?vue&type=template&id=319f68d5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/ImageUpload.vue?vue&type=template&id=319f68d5&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_template_id_319f68d5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/index.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/index.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue":
+/*!*****************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_ef7eb854___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=ef7eb854& */ "./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=template&id=ef7eb854&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formInfo.vue?vue&type=template&id=77f7efa9& */ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony import */ var _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formInfo.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1719,9 +1791,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_ef7eb854___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_ef7eb854___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1731,54 +1803,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCuDraft/index.vue"
+component.options.__file = "resources/assets/js/components/formInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=template&id=ef7eb854&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=template&id=ef7eb854& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ef7eb854___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=ef7eb854& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=template&id=ef7eb854&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ef7eb854___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./formInfo.vue?vue&type=template&id=77f7efa9& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/formInfo.vue?vue&type=template&id=77f7efa9&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ef7eb854___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formInfo_vue_vue_type_template_id_77f7efa9___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/table.vue":
-/*!************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/table.vue ***!
-  \************************************************************/
+/***/ "./resources/assets/js/views/user/form.vue":
+/*!*************************************************!*\
+  !*** ./resources/assets/js/views/user/form.vue ***!
+  \*************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_41dbd8d2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=41dbd8d2& */ "./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=template&id=41dbd8d2&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_fadbbf36___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=fadbbf36& */ "./resources/assets/js/views/user/form.vue?vue&type=template&id=fadbbf36&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1788,9 +1860,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_41dbd8d2___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_41dbd8d2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_fadbbf36___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_fadbbf36___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1800,38 +1872,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCuDraft/table.vue"
+component.options.__file = "resources/assets/js/views/user/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/user/form.vue?vue&type=script&lang=js&":
+/*!**************************************************************************!*\
+  !*** ./resources/assets/js/views/user/form.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=template&id=41dbd8d2&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=template&id=41dbd8d2& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/user/form.vue?vue&type=template&id=fadbbf36&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/views/user/form.vue?vue&type=template&id=fadbbf36& ***!
+  \********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_41dbd8d2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=41dbd8d2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=template&id=41dbd8d2&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_41dbd8d2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_fadbbf36___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=fadbbf36& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/form.vue?vue&type=template&id=fadbbf36&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_fadbbf36___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_41dbd8d2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_fadbbf36___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/85.js.LICENSE.txt b/public/js/components/85.js.LICENSE.txt
new file mode 100644
index 000000000..01a78f023
--- /dev/null
+++ b/public/js/components/85.js.LICENSE.txt
@@ -0,0 +1,5 @@
+/*!
+ * vue-truncate-collapsed v1.9.0
+ * (c) 2018-present João Vitor Cavalcante
+ * Released under the MIT License.
+ */
diff --git a/public/js/components/86.js b/public/js/components/86.js
index 1c1fd3ac2..e78b25024 100644
--- a/public/js/components/86.js
+++ b/public/js/components/86.js
@@ -50,10 +50,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/index.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraLembaga/index.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -61,8 +61,9 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/mitraLembaga/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/anggotaCuDraft/table.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/selectCuTp.vue */ "./resources/assets/js/components/selectCuTp.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -98,6 +99,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -106,18 +118,39 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
     tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    selectCuTp: _components_selectCuTp_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
   data: function data() {
     return {
-      title: 'Lembaga Mitra',
-      kelas: 'mitraLembaga',
-      titleDesc: 'Mengelola data lembaga mitra',
-      titleIcon: 'icon-briefcase'
+      title: 'Anggota CU [DRAFT]',
+      kelas: 'anggotaCu',
+      titleDesc: 'Mengelola anggota CU [DRAFT]',
+      titleIcon: 'icon-man-woman',
+      selectCuPath: 'anggotaCuCuDraft'
     };
   },
-  methods: {},
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('mitraLembaga', {
+  created: function created() {
+    this.checkUser('upload_anggota_cu', this.$route.params.cu);
+  },
+  methods: {
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -125,10 +158,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/table.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraLembaga/table.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -272,6 +305,75 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -285,166 +387,283 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
     checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
-  props: ["title", "kelas"],
+  props: ["title", "kelas", "itemData", "itemDataStat"],
   data: function data() {
     return {
+      anggota_cu: {},
       selectedItem: [],
+      excelDownloadUrl: '',
       query: {
         order_column: "name",
         order_direction: "asc",
         filter_match: "and",
-        limit: 10,
+        limit: 100,
         page: 1
       },
-      excelDownloadUrl: '',
       columnData: [{
-        title: "No.",
-        name: "No."
+        title: 'No.',
+        name: 'No.'
       }, {
-        title: "Foto",
-        name: "gambar",
-        hide: false
+        title: 'No. KTP',
+        name: 'nik',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
-        title: "Nama",
-        name: "name",
-        tipe: "string",
+        title: 'NPWP',
+        name: 'npwp',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true,
         filterDefault: true
       }, {
-        title: "Bidang",
-        name: "bidang",
-        tipe: "string",
+        title: 'No. BA',
+        name: 'no_ba',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Lembaga',
+        name: 'lembaga',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Jabatan',
+        name: 'jabatan',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Pekerjaan',
+        name: 'pekerjaan',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Badan Hukum",
-        name: "badan_hukum",
-        tipe: "string",
+        title: 'Pendidikan',
+        name: 'pendidikan',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Penghasilan',
+        name: 'penghasilan',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "NPWP",
-        name: "npwp",
-        tipe: "string",
+        title: 'Pengeluaran',
+        name: 'pengeluaran',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Penanggung Jawab",
-        name: "penanggungjawab",
-        tipe: "string",
+        title: 'Email',
+        name: 'email',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Bentuk Kerjasama",
-        name: "bentuk_kerjasama",
-        tipe: "string",
+        title: 'Hp',
+        name: 'hp',
+        tipe: 'numeric',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Provinsi",
-        name: "provinces.name",
-        tipe: "string",
+        title: 'Kontak Lain',
+        name: 'kontak',
+        tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Kabupaten/Kota",
-        name: "regencies.name",
-        tipe: "string",
-        sort: false,
+        title: 'Gender',
+        name: 'kelamin',
+        tipe: 'string',
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Kecamatan",
-        name: "districts.name",
-        tipe: "string",
-        sort: false,
+        title: 'Ahli Waris',
+        name: 'ahli_waris',
+        tipe: 'string',
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Kelurahan",
-        name: "villages.name",
-        tipe: "string",
-        sort: false,
+        title: 'Nama Ibu',
+        name: 'nama_ibu',
+        tipe: 'string',
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Alamat",
-        name: "alamat",
-        tipe: "string",
-        sort: false,
+        title: 'Suku',
+        name: 'suku',
+        tipe: 'string',
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Website",
-        name: "website",
-        tipe: "string",
+        title: 'Gol. Darah',
+        name: 'darah',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "E-mail",
-        name: "email",
-        tipe: "string",
+        title: 'Tinggi',
+        name: 'tinggi',
+        tipe: 'numeric',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "No. Telp",
-        name: "telp",
-        tipe: "string",
+        title: 'Agama',
+        name: 'agama',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "No. Hp",
-        name: "hp",
-        tipe: "string",
+        title: 'Status',
+        name: 'status',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Kode Pos",
-        name: "pos",
-        tipe: "string",
+        title: 'Tgl. Lahir',
+        name: 'tanggal_lahir',
+        tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Tgl. / Waktu Buat",
-        name: "created_at",
-        tipe: "datetime",
+        title: 'Tempat. Lahir',
+        name: 'tempat_lahir',
+        tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Tgl. / Waktu Ubah",
-        name: "updated_at",
-        tipe: "datetime",
+        title: 'Tgl. Jadi Anggota',
+        name: 'tanggal_masuk',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Provinsi',
+        name: 'provinces.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kabupaten',
+        name: 'regencies.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kecamatan',
+        name: 'districts.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kelurahan',
+        name: 'villages.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'No. RW',
+        name: 'rw',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'No. RT',
+        name: 'rt',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Alamat',
+        name: 'alamat',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. / Waktu Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. / Waktu Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
@@ -455,13 +674,18 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       modalState: "",
       modalTitle: "",
       modalContent: "",
-      modalButton: ""
+      modalButton: "",
+      modalColor: ""
     };
   },
   created: function created() {
     this.fetch(this.query);
   },
   watch: {
+    // check route changes
+    '$route': function $route(to, from) {
+      this.fetch(this.query);
+    },
     updateStat: function updateStat(value) {
       this.modalState = value;
       this.modalButton = "Ok";
@@ -469,7 +693,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       if (value === "success") {
         this.modalTitle = this.updateMessage.message;
         this.modalContent = "";
-        this.fetch();
+        this.fetch(this.query);
       } else if (value === "fail") {
         this.modalContent = this.updateMessage;
       } else {
@@ -479,15 +703,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   methods: {
     fetch: function fetch(params) {
-      this.$store.dispatch(this.kelas + "/index", params);
-      this.excelDownloadUrl = this.kelas;
+      this.$store.dispatch(this.kelas + '/indexCuDraft', [params, this.$route.params.cu, this.$route.params.tp]);
+      this.excelDownloadUrl = 'anggotaCuDraft/index/' + this.$route.params.cu + '/' + this.$route.params.tp;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
     ubahData: function ubahData(id) {
       this.$router.push({
-        name: this.kelas + "Edit",
+        name: this.kelas + "DraftEdit",
         params: {
           id: id
         }
@@ -502,9 +726,19 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         this.selectedItem = itemMobile;
       }
 
-      if (state == "hapus") {
+      if (state == "simpan") {
+        this.modalTitle = "Simpan " + this.title + " ini?";
+        this.modalButton = "Iya, Simpan";
+      } else if (state == "simpan_semua") {
+        this.modalTitle = "Simpan semua " + this.title + " ini?";
+        this.modalButton = "Iya, Simpan";
+      } else if (state == "hapus") {
+        this.modalState = "confirm-tutup";
         this.modalTitle = "Hapus " + this.title + " " + this.selectedItem.name + " ini?";
         this.modalButton = "Iya, Hapus";
+      } else if (state == "hapus_semua") {
+        this.modalTitle = "Hapus semua" + this.title + " ini?";
+        this.modalButton = "Iya, Hapus";
       }
     },
     modalTutup: function modalTutup() {
@@ -512,14 +746,18 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       this.$store.dispatch(this.kelas + "/resetUpdateStat");
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == "hapus") {
-        this.$store.dispatch(this.kelas + "/destroy", this.selectedItem.id);
+      if (this.state == "simpan") {
+        this.$store.dispatch(this.kelas + "/storeDraft", this.selectedItem.id);
+      } else if (this.state == "hapus") {
+        this.$store.dispatch(this.kelas + "/destroyDraft", [this.selectedItem.id, this.$route.params.cu]);
+      } else if (this.state == "hapus_semua") {
+        this.$store.dispatch(this.kelas + "/destroyDraftAll", this.$route.params.cu);
+      } else if (this.state == "simpan_semua") {
+        this.$store.dispatch(this.kelas + "/storeDraftAll", this.$route.params.cu);
       }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("mitraLembaga", {
-    itemData: "dataS",
-    itemDataStat: "dataStatS",
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("anggotaCu", {
     updateMessage: "update",
     updateStat: "updateStat"
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("auth", {
@@ -592,10 +830,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/index.vue?vue&type=template&id=55fcc4dc&":
-/*!***********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraLembaga/index.vue?vue&type=template&id=55fcc4dc& ***!
-  \***********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=template&id=ef7eb854&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=template&id=ef7eb854& ***!
+  \*************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -618,27 +856,42 @@ var render = function () {
         },
       }),
       _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("table-data", {
-                attrs: { title: _vm.title, kelas: _vm.kelas },
-              }),
-            ],
-            1
-          ),
+      _c("div", { staticClass: "page-container" }, [
+        _c("div", { staticClass: "page-content" }, [
+          _c("div", { staticClass: "content-wrapper" }, [
+            _c(
+              "div",
+              { staticClass: "content" },
+              [
+                _vm.itemDataStat === "fail"
+                  ? _c("message", {
+                      attrs: {
+                        title: "Oops terjadi kesalahan:",
+                        errorData: _vm.itemData,
+                      },
+                    })
+                  : _vm._e(),
+                _vm._v(" "),
+                _c("select-cu-tp", {
+                  attrs: {
+                    kelas: _vm.kelas,
+                    path: _vm.selectCuPath,
+                    isPus: false,
+                  },
+                }),
+                _vm._v(" "),
+                _c("table-data", {
+                  attrs: {
+                    title: _vm.title,
+                    kelas: _vm.kelas,
+                    itemData: _vm.itemData,
+                    itemDataStat: _vm.itemDataStat,
+                  },
+                }),
+              ],
+              1
+            ),
+          ]),
         ]),
       ]),
     ],
@@ -652,10 +905,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/table.vue?vue&type=template&id=0f97f9d8&":
-/*!***********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraLembaga/table.vue?vue&type=template&id=0f97f9d8& ***!
-  \***********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=template&id=41dbd8d2&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=template&id=41dbd8d2& ***!
+  \*************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -670,6 +923,27 @@ var render = function () {
   return _c(
     "div",
     [
+      _c(
+        "div",
+        {
+          staticClass: "alert alert-warning alert-styled-left cursor-pointer",
+          on: {
+            click: function ($event) {
+              $event.preventDefault()
+              return _vm.fetch(_vm.query)
+            },
+          },
+        },
+        [
+          _c("span", { staticClass: "font-weight-semibold" }, [
+            _vm._v("Perhatian!"),
+          ]),
+          _vm._v(
+            " Dikarenakan proses pengelolaan data hasil upload yang memakan waktu lebih lama, maka mohon menunggu dan mencoba menekan kotak dialog ini dalam beberapa saat kedepan untuk memeriksa apakah proses upload data sudah selesai dan dapat dilihat di tabel dibawah.\n    "
+          ),
+        ]
+      ),
+      _vm._v(" "),
       _c(
         "data-viewer",
         {
@@ -678,9 +952,8 @@ var render = function () {
             columnData: _vm.columnData,
             itemData: _vm.itemData,
             query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
             excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
+            itemDataStat: _vm.itemDataStat,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
@@ -702,49 +975,40 @@ var render = function () {
                       },
                     },
                     [
-                      _c("td", [
-                        _vm._v(
-                          "\n\t\t\t\t\t\t" +
-                            _vm._s(
-                              props.index +
-                                1 +
-                                (+_vm.itemData.current_page - 1) *
-                                  +_vm.itemData.per_page +
-                                "."
-                            ) +
-                            "\n\t\t\t\t\t"
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
+                      !_vm.columnData[0].hide
                         ? _c("td", [
-                            props.item.gambar
-                              ? _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src:
-                                      "/images/mitra_lembaga/" +
-                                      props.item.gambar +
-                                      "n.jpg",
-                                    width: "40",
-                                  },
-                                })
-                              : _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src: "/images/no_image.jpg",
-                                    width: "40",
-                                  },
-                                }),
+                            _vm._v(
+                              "\n\t\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t\t"
+                            ),
                           ])
                         : _vm._e(),
                       _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.nik },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
                       !_vm.columnData[2].hide
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.name },
+                                attrs: { value: props.item.npwp },
                               }),
                             ],
                             1
@@ -756,7 +1020,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.bidang },
+                                attrs: { value: props.item.name },
                               }),
                             ],
                             1
@@ -768,7 +1032,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.badan_hukum },
+                                attrs: { value: props.item.no_ba },
                               }),
                             ],
                             1
@@ -780,7 +1044,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.npwp },
+                                attrs: { value: props.item.lembaga },
                               }),
                             ],
                             1
@@ -792,7 +1056,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.penanggungjawab },
+                                attrs: { value: props.item.jabatan },
                               }),
                             ],
                             1
@@ -804,64 +1068,56 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.bentuk_kerjasama },
+                                attrs: { value: props.item.pekerjaan },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[8].hide && !_vm.columnData[8].disable
+                      !_vm.columnData[8].hide
                         ? _c(
                             "td",
                             [
-                              props.item.provinces
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.provinces.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
+                              _c("check-value", {
+                                attrs: { value: props.item.pendidikan },
+                              }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[9].hide && !_vm.columnData[9].disable
+                      !_vm.columnData[9].hide
                         ? _c(
                             "td",
                             [
-                              props.item.regencies
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.regencies.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
+                              _c("check-value", {
+                                attrs: { value: props.item.penghasilan },
+                              }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[10].hide && !_vm.columnData[10].disable
+                      !_vm.columnData[10].hide
                         ? _c(
                             "td",
                             [
-                              props.item.districts
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.districts.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
+                              _c("check-value", {
+                                attrs: { value: props.item.pengeluaran },
+                              }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[11].hide && !_vm.columnData[11].disable
+                      !_vm.columnData[11].hide
                         ? _c(
                             "td",
                             [
-                              props.item.villages
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.villages.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
+                              _c("check-value", {
+                                attrs: { value: props.item.email },
+                              }),
                             ],
                             1
                           )
@@ -872,7 +1128,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.alamat },
+                                attrs: { value: props.item.hp },
                               }),
                             ],
                             1
@@ -884,7 +1140,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.website },
+                                attrs: { value: props.item.kontak },
                               }),
                             ],
                             1
@@ -896,7 +1152,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.email },
+                                attrs: { value: props.item.kelamin },
                               }),
                             ],
                             1
@@ -908,7 +1164,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.telp },
+                                attrs: { value: props.item.ahli_waris },
                               }),
                             ],
                             1
@@ -920,7 +1176,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.hp },
+                                attrs: { value: props.item.nama_ibu },
                               }),
                             ],
                             1
@@ -932,7 +1188,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.pos },
+                                attrs: { value: props.item.suku },
                               }),
                             ],
                             1
@@ -940,6 +1196,182 @@ var render = function () {
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[18].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.darah },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[19].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.tinggi },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[20].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.agama },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[21].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.status },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[22].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.date(
+                                  props.item.tanggal_lahir
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[23].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.tempat_lahir },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[24].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.date(
+                                  props.item.tanggal_masuk
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[25].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.provinces
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.provinces.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[26].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.regencies
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.regencies.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[27].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.districts
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.districts.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[28].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.villages
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.villages.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[29].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.rw },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[30].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.rt },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[31].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.alamat },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[32].hide
                         ? _c("td", {
                             staticClass: "text-nowrap",
                             domProps: {
@@ -952,7 +1384,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[19].hide
+                      !_vm.columnData[33].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -975,129 +1407,197 @@ var render = function () {
           ]),
         },
         [
-          _c(
-            "template",
-            { slot: "button-desktop" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_mitra_lembaga"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_mitra_lembaga"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
-                        },
+          _c("template", { slot: "button-desktop" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light mb-1",
+                attrs: { disabled: _vm.itemData.length == 0 },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalConfirmOpen("simpan_semua")
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-floppy-disk" }),
+                _vm._v(" Simpan Semua\n        "),
+              ]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light mb-1",
+                attrs: { disabled: !_vm.selectedItem.id },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalConfirmOpen("simpan")
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-floppy-disk" }),
+                _vm._v(" Simpan\n        "),
+              ]
+            ),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["update_anggota_cu"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.ubahData(_vm.selectedItem.id)
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["destroy_mitra_lembaga"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-pencil5" }),
+                    _vm._v(" Ubah Identitas\n        "),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["destroy_anggota_cu"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("hapus")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n        "),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-icon mb-1",
+                attrs: { disabled: _vm.itemData.length == 0 },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalConfirmOpen("hapus_semua")
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-bin2" }),
+                _vm._v(" Hapus Semua\n        "),
+              ]
+            ),
+          ]),
           _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.currentUser.can && _vm.currentUser.can["create_mitra_lembaga"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_mitra_lembaga"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
-                        },
+          _c("template", { slot: "button-mobile" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block",
+                attrs: { disabled: _vm.itemData.length == 0 },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalConfirmOpen("simpan_semua")
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-floppy-disk" }),
+                _vm._v("Simpan Semua\n        "),
+              ]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block",
+                attrs: { disabled: !_vm.selectedItem.id },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalConfirmOpen("simpan")
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-floppy-disk" }),
+                _vm._v(" Simpan\n        "),
+              ]
+            ),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["update_anggota_cu"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon btn-block pb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.ubahData(_vm.selectedItem.id)
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["destroy_mitra_lembaga"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block pb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-pencil5" }),
+                    _vm._v(" Ubah Identitas\n        "),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["destroy_anggota_cu"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon btn-block pb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("hapus")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n        "),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-icon btn-block mb-1",
+                attrs: { disabled: _vm.itemData.length == 0 },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalConfirmOpen("hapus_semua")
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-bin2" }),
+                _vm._v(" Hapus Semua\n        "),
+              ]
+            ),
+          ]),
         ],
         2
       ),
@@ -1109,6 +1609,7 @@ var render = function () {
           title: _vm.modalTitle,
           button: _vm.modalButton,
           content: _vm.modalContent,
+          color: _vm.modalColor,
         },
         on: {
           tutup: _vm.modalTutup,
@@ -1198,17 +1699,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraLembaga/index.vue":
-/*!**********************************************************!*\
-  !*** ./resources/assets/js/views/mitraLembaga/index.vue ***!
-  \**********************************************************/
+/***/ "./resources/assets/js/views/anggotaCuDraft/index.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/index.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_55fcc4dc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=55fcc4dc& */ "./resources/assets/js/views/mitraLembaga/index.vue?vue&type=template&id=55fcc4dc&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/mitraLembaga/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_ef7eb854___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=ef7eb854& */ "./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=template&id=ef7eb854&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1219,8 +1720,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_55fcc4dc___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_55fcc4dc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_ef7eb854___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_ef7eb854___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1230,54 +1731,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/mitraLembaga/index.vue"
+component.options.__file = "resources/assets/js/views/anggotaCuDraft/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraLembaga/index.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/mitraLembaga/index.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraLembaga/index.vue?vue&type=template&id=55fcc4dc&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/mitraLembaga/index.vue?vue&type=template&id=55fcc4dc& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=template&id=ef7eb854&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=template&id=ef7eb854& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_55fcc4dc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=55fcc4dc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/index.vue?vue&type=template&id=55fcc4dc&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_55fcc4dc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ef7eb854___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=ef7eb854& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/index.vue?vue&type=template&id=ef7eb854&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ef7eb854___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_55fcc4dc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_ef7eb854___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraLembaga/table.vue":
-/*!**********************************************************!*\
-  !*** ./resources/assets/js/views/mitraLembaga/table.vue ***!
-  \**********************************************************/
+/***/ "./resources/assets/js/views/anggotaCuDraft/table.vue":
+/*!************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/table.vue ***!
+  \************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_0f97f9d8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=0f97f9d8& */ "./resources/assets/js/views/mitraLembaga/table.vue?vue&type=template&id=0f97f9d8&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/mitraLembaga/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_41dbd8d2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=41dbd8d2& */ "./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=template&id=41dbd8d2&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1288,8 +1789,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_0f97f9d8___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_0f97f9d8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_41dbd8d2___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_41dbd8d2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1299,38 +1800,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/mitraLembaga/table.vue"
+component.options.__file = "resources/assets/js/views/anggotaCuDraft/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraLembaga/table.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/mitraLembaga/table.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraLembaga/table.vue?vue&type=template&id=0f97f9d8&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/mitraLembaga/table.vue?vue&type=template&id=0f97f9d8& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=template&id=41dbd8d2&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=template&id=41dbd8d2& ***!
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_0f97f9d8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=0f97f9d8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/table.vue?vue&type=template&id=0f97f9d8&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_0f97f9d8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_41dbd8d2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=41dbd8d2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCuDraft/table.vue?vue&type=template&id=41dbd8d2&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_41dbd8d2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_0f97f9d8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_41dbd8d2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/87.js b/public/js/components/87.js
index 0fa8cf63c..976ea65ed 100644
--- a/public/js/components/87.js
+++ b/public/js/components/87.js
@@ -50,10 +50,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/index.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraOrang/index.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/index.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraLembaga/index.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -61,7 +61,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/mitraOrang/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/mitraLembaga/table.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -110,15 +110,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Mitra Perseorangan',
-      kelas: 'mitraOrang',
-      titleDesc: 'Mengelola data mitra perseorangan',
+      title: 'Lembaga Mitra',
+      kelas: 'mitraLembaga',
+      titleDesc: 'Mengelola data lembaga mitra',
       titleIcon: 'icon-briefcase'
     };
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('mitraOrang', {
+  methods: {},
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('mitraLembaga', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -126,10 +125,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/table.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraOrang/table.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/table.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraLembaga/table.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -273,29 +272,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -322,201 +298,153 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       },
       excelDownloadUrl: '',
       columnData: [{
-        title: 'No.',
-        name: 'No.'
+        title: "No.",
+        name: "No."
       }, {
-        title: 'Foto',
-        name: 'gambar',
+        title: "Foto",
+        name: "gambar",
         hide: false
       }, {
-        title: 'No. KTP',
-        name: 'nik',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
+        title: "Nama",
+        name: "name",
+        tipe: "string",
         sort: true,
         hide: false,
         disable: false,
         filter: true,
         filterDefault: true
       }, {
-        title: 'Bidang',
-        name: 'bidang',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'NPWP',
-        name: 'npwp',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Lembaga',
-        name: 'lembaga',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Jabatan',
-        name: 'jabatan',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Pendidikan',
-        name: 'pendidikan',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: 'Email',
-        name: 'email',
-        tipe: 'string',
+        title: "Bidang",
+        name: "bidang",
+        tipe: "string",
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Hp',
-        name: 'hp',
-        tipe: 'numeric',
+        title: "Badan Hukum",
+        name: "badan_hukum",
+        tipe: "string",
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Kontak Lain',
-        name: 'kontak',
-        tipe: 'string',
-        sort: false,
+        title: "NPWP",
+        name: "npwp",
+        tipe: "string",
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Gender',
-        name: 'kelamin',
-        tipe: 'string',
+        title: "Penanggung Jawab",
+        name: "penanggungjawab",
+        tipe: "string",
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Gol. Darah',
-        name: 'darah',
-        tipe: 'string',
+        title: "Bentuk Kerjasama",
+        name: "bentuk_kerjasama",
+        tipe: "string",
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Tinggi',
-        name: 'tinggi',
-        tipe: 'numeric',
-        sort: true,
+        title: "Provinsi",
+        name: "provinces.name",
+        tipe: "string",
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Agama',
-        name: 'agama',
-        tipe: 'string',
-        sort: true,
+        title: "Kabupaten/Kota",
+        name: "regencies.name",
+        tipe: "string",
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Status',
-        name: 'status',
-        tipe: 'string',
-        sort: true,
+        title: "Kecamatan",
+        name: "districts.name",
+        tipe: "string",
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Tgl. Lahir',
-        name: 'tanggal_lahir',
-        tipe: 'datetime',
-        sort: true,
+        title: "Kelurahan",
+        name: "villages.name",
+        tipe: "string",
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Tempat. Lahir',
-        name: 'tempat_lahir',
-        tipe: 'string',
-        sort: true,
+        title: "Alamat",
+        name: "alamat",
+        tipe: "string",
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Provinsi',
-        name: 'provinces.name',
-        tipe: 'string',
-        sort: false,
+        title: "Website",
+        name: "website",
+        tipe: "string",
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Kabupaten',
-        name: 'regencies.name',
-        tipe: 'string',
-        sort: false,
+        title: "E-mail",
+        name: "email",
+        tipe: "string",
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Kecamatan',
-        name: 'districts.name',
-        tipe: 'string',
-        sort: false,
+        title: "No. Telp",
+        name: "telp",
+        tipe: "string",
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Kelurahan',
-        name: 'villages.name',
-        tipe: 'string',
-        sort: false,
+        title: "No. Hp",
+        name: "hp",
+        tipe: "string",
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Alamat',
-        name: 'alamat',
-        tipe: 'string',
-        sort: false,
+        title: "Kode Pos",
+        name: "pos",
+        tipe: "string",
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Tgl. / Waktu Buat',
-        name: 'created_at',
-        tipe: 'datetime',
+        title: "Tgl. / Waktu Buat",
+        name: "created_at",
+        tipe: "datetime",
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Tgl. / Waktu Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
+        title: "Tgl. / Waktu Ubah",
+        name: "updated_at",
+        tipe: "datetime",
         sort: true,
         hide: false,
         disable: false,
@@ -589,7 +517,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("mitraOrang", {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("mitraLembaga", {
     itemData: "dataS",
     itemDataStat: "dataStatS",
     updateMessage: "update",
@@ -664,10 +592,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/index.vue?vue&type=template&id=7f11cd06&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraOrang/index.vue?vue&type=template&id=7f11cd06& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/index.vue?vue&type=template&id=55fcc4dc&":
+/*!***********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraLembaga/index.vue?vue&type=template&id=55fcc4dc& ***!
+  \***********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -690,11 +618,11 @@ var render = function () {
         },
       }),
       _vm._v(" "),
-      _c("div", { staticClass: "page-container" }, [
-        _c("div", { staticClass: "page-content" }, [
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
           _c(
             "div",
-            { staticClass: "content-wrapper" },
+            { staticClass: "content" },
             [
               _vm.itemDataStat === "fail"
                 ? _c("message", {
@@ -724,10 +652,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/table.vue?vue&type=template&id=38ad0202&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraOrang/table.vue?vue&type=template&id=38ad0202& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/table.vue?vue&type=template&id=0f97f9d8&":
+/*!***********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraLembaga/table.vue?vue&type=template&id=0f97f9d8& ***!
+  \***********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -774,21 +702,19 @@ var render = function () {
                       },
                     },
                     [
-                      !_vm.columnData[0].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
+                      _c("td", [
+                        _vm._v(
+                          "\n\t\t\t\t\t\t" +
+                            _vm._s(
+                              props.index +
+                                1 +
+                                (+_vm.itemData.current_page - 1) *
+                                  +_vm.itemData.per_page +
+                                "."
+                            ) +
+                            "\n\t\t\t\t\t"
+                        ),
+                      ]),
                       _vm._v(" "),
                       !_vm.columnData[1].hide
                         ? _c("td", [
@@ -797,16 +723,18 @@ var render = function () {
                                   staticClass: "img-rounded img-fluid wmin-sm",
                                   attrs: {
                                     src:
-                                      "/images/" +
-                                      _vm.kelas +
-                                      "/" +
+                                      "/images/mitra_lembaga/" +
                                       props.item.gambar +
                                       "n.jpg",
+                                    width: "40",
                                   },
                                 })
                               : _c("img", {
                                   staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: { src: "/images/no_image.jpg" },
+                                  attrs: {
+                                    src: "/images/no_image.jpg",
+                                    width: "40",
+                                  },
                                 }),
                           ])
                         : _vm._e(),
@@ -816,7 +744,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.nik },
+                                attrs: { value: props.item.name },
                               }),
                             ],
                             1
@@ -828,7 +756,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.name },
+                                attrs: { value: props.item.bidang },
                               }),
                             ],
                             1
@@ -840,7 +768,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.bidang },
+                                attrs: { value: props.item.badan_hukum },
                               }),
                             ],
                             1
@@ -864,7 +792,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.lembaga },
+                                attrs: { value: props.item.penanggungjawab },
                               }),
                             ],
                             1
@@ -876,56 +804,64 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.jabatan },
+                                attrs: { value: props.item.bentuk_kerjasama },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[8].hide
+                      !_vm.columnData[8].hide && !_vm.columnData[8].disable
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.pendidikan },
-                              }),
+                              props.item.provinces
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.provinces.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[9].hide
+                      !_vm.columnData[9].hide && !_vm.columnData[9].disable
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.email },
-                              }),
+                              props.item.regencies
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.regencies.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[10].hide
+                      !_vm.columnData[10].hide && !_vm.columnData[10].disable
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.hp },
-                              }),
+                              props.item.districts
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.districts.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[11].hide
+                      !_vm.columnData[11].hide && !_vm.columnData[11].disable
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.kontak },
-                              }),
+                              props.item.villages
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.villages.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
@@ -936,7 +872,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.kelamin },
+                                attrs: { value: props.item.alamat },
                               }),
                             ],
                             1
@@ -948,7 +884,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.darah },
+                                attrs: { value: props.item.website },
                               }),
                             ],
                             1
@@ -960,7 +896,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.tinggi },
+                                attrs: { value: props.item.email },
                               }),
                             ],
                             1
@@ -972,7 +908,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.agama },
+                                attrs: { value: props.item.telp },
                               }),
                             ],
                             1
@@ -984,7 +920,7 @@ var render = function () {
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.status },
+                                attrs: { value: props.item.hp },
                               }),
                             ],
                             1
@@ -992,98 +928,18 @@ var render = function () {
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[17].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.date(
-                                  props.item.tanggal_lahir
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[18].hide
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.tempat_lahir },
+                                attrs: { value: props.item.pos },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[19].hide && !_vm.columnData[19].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.provinces
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.provinces.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[20].hide && !_vm.columnData[20].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.regencies
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.regencies.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[21].hide && !_vm.columnData[21].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.districts
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.districts.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[22].hide && !_vm.columnData[22].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.villages
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.villages.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[23].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.alamat },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[24].hide
+                      !_vm.columnData[18].hide
                         ? _c("td", {
                             staticClass: "text-nowrap",
                             domProps: {
@@ -1096,7 +952,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[25].hide
+                      !_vm.columnData[19].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -1123,7 +979,7 @@ var render = function () {
             "template",
             { slot: "button-desktop" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_mitra_orang"]
+              _vm.currentUser.can && _vm.currentUser.can["create_mitra_lembaga"]
                 ? _c(
                     "router-link",
                     {
@@ -1132,12 +988,12 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n        "),
+                      _vm._v(" Tambah\n\t\t\t\t"),
                     ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_mitra_orang"]
+              _vm.currentUser.can && _vm.currentUser.can["update_mitra_lembaga"]
                 ? _c(
                     "button",
                     {
@@ -1152,12 +1008,13 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n        "),
+                      _vm._v(" Ubah\n\t\t\t\t"),
                     ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_mitra_orang"]
+              _vm.currentUser.can &&
+              _vm.currentUser.can["destroy_mitra_lembaga"]
                 ? _c(
                     "button",
                     {
@@ -1172,7 +1029,7 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n        "),
+                      _vm._v(" Hapus\n\t\t\t\t"),
                     ]
                   )
                 : _vm._e(),
@@ -1184,7 +1041,7 @@ var render = function () {
             "template",
             { slot: "button-mobile" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_mitra_orang"]
+              _vm.currentUser.can && _vm.currentUser.can["create_mitra_lembaga"]
                 ? _c(
                     "router-link",
                     {
@@ -1193,12 +1050,12 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n        "),
+                      _vm._v(" Tambah\n\t\t\t\t"),
                     ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_mitra_orang"]
+              _vm.currentUser.can && _vm.currentUser.can["update_mitra_lembaga"]
                 ? _c(
                     "button",
                     {
@@ -1213,12 +1070,13 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n        "),
+                      _vm._v(" Ubah\n\t\t\t\t"),
                     ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_mitra_orang"]
+              _vm.currentUser.can &&
+              _vm.currentUser.can["destroy_mitra_lembaga"]
                 ? _c(
                     "button",
                     {
@@ -1233,7 +1091,7 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n        "),
+                      _vm._v(" Hapus\n\t\t\t\t"),
                     ]
                   )
                 : _vm._e(),
@@ -1340,17 +1198,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraOrang/index.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/mitraOrang/index.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/mitraLembaga/index.vue":
+/*!**********************************************************!*\
+  !*** ./resources/assets/js/views/mitraLembaga/index.vue ***!
+  \**********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_7f11cd06___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=7f11cd06& */ "./resources/assets/js/views/mitraOrang/index.vue?vue&type=template&id=7f11cd06&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/mitraOrang/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_55fcc4dc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=55fcc4dc& */ "./resources/assets/js/views/mitraLembaga/index.vue?vue&type=template&id=55fcc4dc&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/mitraLembaga/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1361,8 +1219,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_7f11cd06___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_7f11cd06___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_55fcc4dc___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_55fcc4dc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1372,54 +1230,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/mitraOrang/index.vue"
+component.options.__file = "resources/assets/js/views/mitraLembaga/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraOrang/index.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/mitraOrang/index.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/mitraLembaga/index.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/mitraLembaga/index.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraOrang/index.vue?vue&type=template&id=7f11cd06&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/mitraOrang/index.vue?vue&type=template&id=7f11cd06& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/mitraLembaga/index.vue?vue&type=template&id=55fcc4dc&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/mitraLembaga/index.vue?vue&type=template&id=55fcc4dc& ***!
+  \*****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_7f11cd06___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=7f11cd06& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/index.vue?vue&type=template&id=7f11cd06&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_7f11cd06___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_55fcc4dc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=55fcc4dc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/index.vue?vue&type=template&id=55fcc4dc&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_55fcc4dc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_7f11cd06___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_55fcc4dc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraOrang/table.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/mitraOrang/table.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/mitraLembaga/table.vue":
+/*!**********************************************************!*\
+  !*** ./resources/assets/js/views/mitraLembaga/table.vue ***!
+  \**********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_38ad0202___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=38ad0202& */ "./resources/assets/js/views/mitraOrang/table.vue?vue&type=template&id=38ad0202&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/mitraOrang/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_0f97f9d8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=0f97f9d8& */ "./resources/assets/js/views/mitraLembaga/table.vue?vue&type=template&id=0f97f9d8&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/mitraLembaga/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1430,8 +1288,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_38ad0202___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_38ad0202___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_0f97f9d8___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_0f97f9d8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1441,38 +1299,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/mitraOrang/table.vue"
+component.options.__file = "resources/assets/js/views/mitraLembaga/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraOrang/table.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/mitraOrang/table.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/mitraLembaga/table.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/mitraLembaga/table.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/mitraOrang/table.vue?vue&type=template&id=38ad0202&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/mitraOrang/table.vue?vue&type=template&id=38ad0202& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/mitraLembaga/table.vue?vue&type=template&id=0f97f9d8&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/mitraLembaga/table.vue?vue&type=template&id=0f97f9d8& ***!
+  \*****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_38ad0202___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=38ad0202& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/table.vue?vue&type=template&id=38ad0202&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_38ad0202___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_0f97f9d8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=0f97f9d8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraLembaga/table.vue?vue&type=template&id=0f97f9d8&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_0f97f9d8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_38ad0202___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_0f97f9d8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/88.js b/public/js/components/88.js
index 9bfc920f9..a6e48683a 100644
--- a/public/js/components/88.js
+++ b/public/js/components/88.js
@@ -1,9 +1,59 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[88],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/index.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/index.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    id: {
+      "default": ''
+    }
+  },
+  data: function data() {
+    return {
+      clicked: false
+    };
+  },
+  methods: {
+    btnClick: function btnClick() {
+      var _this = this;
+
+      if (this.clicked) {
+        setTimeout(function () {
+          return _this.clicked = false;
+        }, 400);
+      } else {
+        this.clicked = true;
+      }
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/index.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraOrang/index.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -11,9 +61,8 @@
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _select_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./select.vue */ "./resources/assets/js/views/surat/select.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/surat/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/mitraOrang/table.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -49,14 +98,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -64,40 +105,20 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    selectData: _select_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
   data: function data() {
     return {
-      title: 'Surat Keluar',
-      kelas: 'surat',
-      titleDesc: 'Mengelola data surat keluar',
-      titleIcon: 'icon-envelop2',
-      selectCuPath: 'suratCu'
+      title: 'Mitra Perseorangan',
+      kelas: 'mitraOrang',
+      titleDesc: 'Mengelola data mitra perseorangan',
+      titleIcon: 'icon-briefcase'
     };
   },
-  created: function created() {
-    this.checkUser('index_surat', this.$route.params.cu);
-  },
-  methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    }
-  },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('surat', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('mitraOrang', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -105,16 +126,22 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/select.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/select.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/table.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraOrang/table.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -156,183 +183,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['kelas'],
-  data: function data() {
-    return {
-      tipe: '',
-      periode: ''
-    };
-  },
-  created: function created() {
-    this.fetchData();
-    this.fetchTipe();
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      // check current page meta
-      this.fetchData();
-    },
-    modelDataStat: function modelDataStat(value) {
-      if (value === "success") {
-        this.periode = this.$route.params.periode;
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      this.$router.push({
-        name: this.kelas + 'Cu',
-        params: {
-          cu: this.$route.params.cu,
-          tipe: this.tipe,
-          periode: this.periode
-        }
-      });
-    },
-    fetchData: function fetchData() {
-      if (this.modelData.length == 0) {
-        this.$store.dispatch(this.kelas + '/getPeriode', this.$route.params.cu);
-      }
-
-      this.periode = this.$route.params.periode;
-    },
-    fetchTipe: function fetchTipe() {
-      if (this.modelData.length == 0) {
-        this.$store.dispatch('suratKode/get');
-      }
-
-      this.tipe = this.$route.params.tipe;
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('surat', {
-    modelData: 'periode',
-    modelDataStat: 'periodeStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKode', {
-    modelTipe: 'dataS',
-    modelTipeStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/table.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/table.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");
-/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_4__);
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -451,13 +301,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
-  props: ['title', 'kelas'],
+  props: ["title", "kelas"],
   data: function data() {
     return {
       selectedItem: [],
@@ -473,7 +325,19 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         title: 'No.',
         name: 'No.'
       }, {
-        title: 'Kode',
+        title: 'Foto',
+        name: 'gambar',
+        hide: false
+      }, {
+        title: 'No. KTP',
+        name: 'nik',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Nama',
         name: 'name',
         tipe: 'string',
         sort: true,
@@ -482,47 +346,167 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         filter: true,
         filterDefault: true
       }, {
-        title: 'Hal',
-        name: 'hal',
+        title: 'Bidang',
+        name: 'bidang',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'NPWP',
+        name: 'npwp',
         tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Lembaga',
+        name: 'lembaga',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Jabatan',
+        name: 'jabatan',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Pendidikan',
+        name: 'pendidikan',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: 'Email',
+        name: 'email',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Hp',
+        name: 'hp',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kontak Lain',
+        name: 'kontak',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Gender',
+        name: 'kelamin',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Gol. Darah',
+        name: 'darah',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tinggi',
+        name: 'tinggi',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Agama',
+        name: 'agama',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Status',
+        name: 'status',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Lahir',
+        name: 'tanggal_lahir',
+        tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Perihal',
-        name: 'perihal',
+        title: 'Tempat. Lahir',
+        name: 'tempat_lahir',
         tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Tipe',
-        name: 'tipe.name',
+        title: 'Provinsi',
+        name: 'provinces.name',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Kategori',
-        name: 'kategori.name',
+        title: 'Kabupaten',
+        name: 'regencies.name',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Periode',
-        name: 'periode',
+        title: 'Kecamatan',
+        name: 'districts.name',
         tipe: 'string',
-        sort: true,
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Tgl. Buat',
+        title: 'Kelurahan',
+        name: 'villages.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Alamat',
+        name: 'alamat',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. / Waktu Buat',
         name: 'created_at',
         tipe: 'datetime',
         sort: true,
@@ -530,7 +514,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         disable: false,
         filter: true
       }, {
-        title: 'Tgl. Ubah',
+        title: 'Tgl. / Waktu Ubah',
         name: 'updated_at',
         tipe: 'datetime',
         sort: true,
@@ -540,47 +524,42 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }],
       state: '',
       modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
+      modalState: "",
+      modalTitle: "",
+      modalContent: "",
+      modalButton: ""
     };
   },
   created: function created() {
     this.fetch(this.query);
   },
   watch: {
-    // check route changes
-    '$route': function $route(to, from) {
-      this.fetch(this.query);
-    },
-    // when updating data
     updateStat: function updateStat(value) {
       this.modalState = value;
-      this.modalButton = 'Ok';
+      this.modalButton = "Ok";
 
-      if (value == "success") {
+      if (value === "success") {
         this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
+        this.modalContent = "";
         this.fetch();
-      } else if (value == "fail") {
+      } else if (value === "fail") {
         this.modalContent = this.updateMessage;
       } else {
-        this.modalContent = '';
+        this.modalContent = "";
       }
     }
   },
   methods: {
     fetch: function fetch(params) {
-      this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu, this.$route.params.tipe, this.$route.params.periode]);
-      this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu + '/tipe/' + this.$route.params.tipe + '/periode/' + this.$route.params.periode;
+      this.$store.dispatch(this.kelas + "/index", params);
+      this.excelDownloadUrl = this.kelas;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    ubahData: function ubahData(id, id_cu) {
+    ubahData: function ubahData(id) {
       this.$router.push({
-        name: this.kelas + 'Edit',
+        name: this.kelas + "Edit",
         params: {
           id: id
         }
@@ -588,45 +567,35 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     },
     modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
-      this.modalState = 'confirm-tutup';
+      this.modalState = "confirm-tutup";
       this.state = state;
 
       if (isMobile) {
         this.selectedItem = itemMobile;
       }
 
-      if (state == 'hapus') {
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
+      if (state == "hapus") {
+        this.modalTitle = "Hapus " + this.title + " " + this.selectedItem.name + " ini?";
+        this.modalButton = "Iya, Hapus";
       }
     },
     modalTutup: function modalTutup() {
       this.modalShow = false;
-      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+      this.$store.dispatch(this.kelas + "/resetUpdateStat");
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      if (this.state == "hapus") {
+        this.$store.dispatch(this.kelas + "/destroy", this.selectedItem.id);
       }
-    },
-    downloadMateri: function downloadMateri(filename) {
-      axios.get('/api/download_folder/' + filename + '/dokumen', {
-        responseType: 'blob'
-      }).then(function (response) {
-        file_saver__WEBPACK_IMPORTED_MODULE_4___default.a.saveAs(response.data, filename);
-      });
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'dataS',
-    modelCuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('surat', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("mitraOrang", {
+    itemData: "dataS",
+    itemDataStat: "dataStatS",
+    updateMessage: "update",
+    updateStat: "updateStat"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("auth", {
+    currentUser: "currentUser"
   }))
 });
 
@@ -649,10 +618,56 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/index.vue?vue&type=template&id=42301c3a&":
-/*!****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/index.vue?vue&type=template&id=42301c3a& ***!
-  \****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
+  \************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "button",
+      {
+        staticClass: "btn btn-link btn-block",
+        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
+        on: { click: _vm.btnClick },
+      },
+      [
+        _vm.clicked
+          ? _c("span", [
+              _c("i", { staticClass: "icon-arrow-up12" }),
+              _vm._v(" Kembali "),
+              _c("i", { staticClass: "icon-arrow-up12" }),
+            ])
+          : _c("span", [
+              _c("i", { staticClass: "icon-arrow-down12" }),
+              _vm._v(" Selengkapnya "),
+              _c("i", { staticClass: "icon-arrow-down12" }),
+            ]),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/index.vue?vue&type=template&id=7f11cd06&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraOrang/index.vue?vue&type=template&id=7f11cd06& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -675,11 +690,11 @@ var render = function () {
         },
       }),
       _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
+      _c("div", { staticClass: "page-container" }, [
+        _c("div", { staticClass: "page-content" }, [
           _c(
             "div",
-            { staticClass: "content" },
+            { staticClass: "content-wrapper" },
             [
               _vm.itemDataStat === "fail"
                 ? _c("message", {
@@ -690,478 +705,29 @@ var render = function () {
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _c("select-data", {
-                attrs: {
-                  kelas: _vm.kelas,
-                  path: _vm.selectCuPath,
-                  isPus: true,
-                  itemDataStat: _vm.itemDataStat,
-                },
-              }),
-              _vm._v(" "),
               _c("table-data", {
                 attrs: { title: _vm.title, kelas: _vm.kelas },
               }),
             ],
-            1
-          ),
-        ]),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/select.vue?vue&type=template&id=717a293b&":
-/*!*****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/select.vue?vue&type=template&id=717a293b& ***!
-  \*****************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card d-none d-md-block d-print-none" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("div", { staticClass: "row" }, [
-          _c("div", { staticClass: "col-md-5" }, [
-            _c("div", { staticClass: "input-group" }, [
-              _vm._m(0),
-              _vm._v(" "),
-              _c(
-                "select",
-                {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.tipe,
-                      expression: "tipe",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "tipe",
-                    "data-width": "100%",
-                    disabled: _vm.modelTipeStat === "loading",
-                  },
-                  on: {
-                    change: function ($event) {
-                      var $$selectedVal = Array.prototype.filter
-                        .call($event.target.options, function (o) {
-                          return o.selected
-                        })
-                        .map(function (o) {
-                          var val = "_value" in o ? o._value : o.value
-                          return val
-                        })
-                      _vm.tipe = $event.target.multiple
-                        ? $$selectedVal
-                        : $$selectedVal[0]
-                    },
-                  },
-                },
-                [
-                  _c("option", { attrs: { disabled: "", value: "" } }, [
-                    _vm._v("Silahkan pilih tipe"),
-                  ]),
-                  _vm._v(" "),
-                  _c("option", { attrs: { value: "semua" } }, [
-                    _vm._v("Semua"),
-                  ]),
-                  _vm._v(" "),
-                  _c("option", { attrs: { disabled: "", value: "" } }, [
-                    _vm._v("----------------"),
-                  ]),
-                  _vm._v(" "),
-                  _vm._l(_vm.modelTipe, function (tipe, index) {
-                    return _c(
-                      "option",
-                      { key: index, domProps: { value: tipe.id } },
-                      [_vm._v(_vm._s(tipe.name))]
-                    )
-                  }),
-                ],
-                2
-              ),
-              _vm._v(" "),
-              _c("div", { staticClass: "input-group-append" }, [
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light",
-                    attrs: { disabled: _vm.modelTipeStat === "loading" },
-                    on: { click: _vm.fetchTipe },
-                  },
-                  [
-                    _c("i", {
-                      staticClass: "icon-sync",
-                      class: { spinner: _vm.modelTipeStat === "loading" },
-                    }),
-                  ]
-                ),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-md-5" }, [
-            _c("div", { staticClass: "input-group" }, [
-              _vm._m(1),
-              _vm._v(" "),
-              _c(
-                "select",
-                {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.periode,
-                      expression: "periode",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "periode",
-                    "data-width": "100%",
-                    disabled: _vm.modelDataStat === "loading",
-                  },
-                  on: {
-                    change: function ($event) {
-                      var $$selectedVal = Array.prototype.filter
-                        .call($event.target.options, function (o) {
-                          return o.selected
-                        })
-                        .map(function (o) {
-                          var val = "_value" in o ? o._value : o.value
-                          return val
-                        })
-                      _vm.periode = $event.target.multiple
-                        ? $$selectedVal
-                        : $$selectedVal[0]
-                    },
-                  },
-                },
-                [
-                  _c("option", { attrs: { disabled: "", value: "" } }, [
-                    _vm._v("Silahkan pilih periode"),
-                  ]),
-                  _vm._v(" "),
-                  _c("option", { attrs: { value: "semua" } }, [
-                    _vm._v("Semua"),
-                  ]),
-                  _vm._v(" "),
-                  _c("option", { attrs: { disabled: "", value: "" } }, [
-                    _vm._v("----------------"),
-                  ]),
-                  _vm._v(" "),
-                  _vm._l(_vm.modelData, function (data, index) {
-                    return _c(
-                      "option",
-                      { key: index, domProps: { value: data } },
-                      [_vm._v(_vm._s(data))]
-                    )
-                  }),
-                ],
-                2
-              ),
-              _vm._v(" "),
-              _c("div", { staticClass: "input-group-append" }, [
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light",
-                    attrs: { disabled: _vm.modelDataStat === "loading" },
-                    on: { click: _vm.fetchData },
-                  },
-                  [
-                    _c("i", {
-                      staticClass: "icon-sync",
-                      class: { spinner: _vm.modelDataStat === "loading" },
-                    }),
-                  ]
-                ),
-              ]),
-            ]),
-          ]),
-          _vm._v(" "),
-          this.currentUser.id_cu == 0
-            ? _c("div", { staticClass: "col-sm-2" }, [
-                _vm.modelDataStat != "loading"
-                  ? _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light btn-icon btn-block",
-                        attrs: { type: "button" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.fetch()
-                          },
-                        },
-                      },
-                      [
-                        _c("i", { staticClass: "icon-folder-open3" }),
-                        _vm._v("  Tampilkan\n\t\t\t\t\t"),
-                      ]
-                    )
-                  : _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-light btn-icon btn-block",
-                        attrs: { type: "button" },
-                      },
-                      [_c("i", { staticClass: "icon-sync spinner" })]
-                    ),
-              ])
-            : _vm._e(),
-        ]),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "card d-block d-md-none d-print-none" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("div", { staticClass: "input-group" }, [
-          _vm._m(2),
-          _vm._v(" "),
-          _c(
-            "select",
-            {
-              directives: [
-                {
-                  name: "model",
-                  rawName: "v-model",
-                  value: _vm.tipe,
-                  expression: "tipe",
-                },
-              ],
-              staticClass: "form-control",
-              attrs: {
-                name: "tipe",
-                "data-width": "100%",
-                disabled: _vm.modelTipeStat === "loading",
-              },
-              on: {
-                change: function ($event) {
-                  var $$selectedVal = Array.prototype.filter
-                    .call($event.target.options, function (o) {
-                      return o.selected
-                    })
-                    .map(function (o) {
-                      var val = "_value" in o ? o._value : o.value
-                      return val
-                    })
-                  _vm.tipe = $event.target.multiple
-                    ? $$selectedVal
-                    : $$selectedVal[0]
-                },
-              },
-            },
-            [
-              _c("option", { attrs: { disabled: "", value: "" } }, [
-                _vm._v("Silahkan pilih tipe"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "semua" } }, [_vm._v("Semua")]),
-              _vm._v(" "),
-              _c("option", { attrs: { disabled: "", value: "" } }, [
-                _vm._v("----------------"),
-              ]),
-              _vm._v(" "),
-              _vm._l(_vm.modelTipe, function (tipe, index) {
-                return _c(
-                  "option",
-                  { key: index, domProps: { value: tipe.id } },
-                  [_vm._v(_vm._s(tipe.name))]
-                )
-              }),
-            ],
-            2
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "pt-2" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-lg btn-block",
-              attrs: { disabled: _vm.modelTipeStat === "loading" },
-              on: { click: _vm.fetchTipe },
-            },
-            [
-              _c("i", {
-                staticClass: "icon-sync",
-                class: { spinner: _vm.modelTipeStat === "loading" },
-              }),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "input-group" }, [
-          _vm._m(3),
-          _vm._v(" "),
-          _c(
-            "select",
-            {
-              directives: [
-                {
-                  name: "model",
-                  rawName: "v-model",
-                  value: _vm.periode,
-                  expression: "periode",
-                },
-              ],
-              staticClass: "form-control",
-              attrs: {
-                name: "periode",
-                "data-width": "100%",
-                disabled: _vm.modelDataStat === "loading",
-              },
-              on: {
-                change: function ($event) {
-                  var $$selectedVal = Array.prototype.filter
-                    .call($event.target.options, function (o) {
-                      return o.selected
-                    })
-                    .map(function (o) {
-                      var val = "_value" in o ? o._value : o.value
-                      return val
-                    })
-                  _vm.periode = $event.target.multiple
-                    ? $$selectedVal
-                    : $$selectedVal[0]
-                },
-              },
-            },
-            [
-              _c("option", { attrs: { disabled: "", value: "" } }, [
-                _vm._v("Silahkan pilih periode"),
-              ]),
-              _vm._v(" "),
-              _c("option", { attrs: { value: "semua" } }, [_vm._v("Semua")]),
-              _vm._v(" "),
-              _c("option", { attrs: { disabled: "", value: "" } }, [
-                _vm._v("----------------"),
-              ]),
-              _vm._v(" "),
-              _vm._l(_vm.modelData, function (data, index) {
-                return _c("option", { key: index, domProps: { value: data } }, [
-                  _vm._v(_vm._s(data)),
-                ])
-              }),
-            ],
-            2
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "pt-2" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-lg btn-block",
-              attrs: { disabled: _vm.modelDataStat === "loading" },
-              on: { click: _vm.fetchData },
-            },
-            [
-              _c("i", {
-                staticClass: "icon-sync",
-                class: { spinner: _vm.modelDataStat === "loading" },
-              }),
-              _vm._v(" Reload\n\t\t\t\t"),
-            ]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "pt-2" }, [
-          _vm.modelDataStat != "loading"
-            ? _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-icon btn-block",
-                  attrs: { type: "button" },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.fetch()
-                    },
-                  },
-                },
-                [
-                  _c("i", { staticClass: "icon-folder-open3" }),
-                  _vm._v(" Tampilkan\n\t\t\t\t"),
-                ]
-              )
-            : _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-icon btn-block",
-                  attrs: { type: "button" },
-                },
-                [_c("i", { staticClass: "icon-sync spinner" })]
-              ),
+            1
+          ),
         ]),
       ]),
-    ]),
-  ])
+    ],
+    1
+  )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Tipe")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [
-        _vm._v("Pilih Periode"),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Tipe")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Data")]),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/table.vue?vue&type=template&id=cef9b242&":
-/*!****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/table.vue?vue&type=template&id=cef9b242& ***!
-  \****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/table.vue?vue&type=template&id=38ad0202&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/mitraOrang/table.vue?vue&type=template&id=38ad0202& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1186,6 +752,7 @@ var render = function () {
             query: _vm.query,
             itemDataStat: _vm.itemDataStat,
             excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
@@ -1198,7 +765,7 @@ var render = function () {
                     {
                       staticClass: "text-nowrap",
                       class: {
-                        "bg-info": _vm.selectedItem.id == props.item.id,
+                        "bg-info": _vm.selectedItem.id === props.item.id,
                       },
                       on: {
                         click: function ($event) {
@@ -1210,7 +777,7 @@ var render = function () {
                       !_vm.columnData[0].hide
                         ? _c("td", [
                             _vm._v(
-                              "\n\t\t\t\t\t" +
+                              "\n\t\t\t\t\t\t" +
                                 _vm._s(
                                   props.index +
                                     1 +
@@ -1218,12 +785,45 @@ var render = function () {
                                       +_vm.itemData.per_page +
                                     "."
                                 ) +
-                                "\n\t\t\t\t"
+                                "\n\t\t\t\t\t"
                             ),
                           ])
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[1].hide
+                        ? _c("td", [
+                            props.item.gambar
+                              ? _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src:
+                                      "/images/" +
+                                      _vm.kelas +
+                                      "/" +
+                                      props.item.gambar +
+                                      "n.jpg",
+                                  },
+                                })
+                              : _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: { src: "/images/no_image.jpg" },
+                                }),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.nik },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide
                         ? _c(
                             "td",
                             [
@@ -1235,37 +835,193 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[2].hide
+                      !_vm.columnData[4].hide
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.hal },
+                                attrs: { value: props.item.bidang },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[3].hide
+                      !_vm.columnData[5].hide
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.perihal },
+                                attrs: { value: props.item.npwp },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[4].hide
+                      !_vm.columnData[6].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.lembaga },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.jabatan },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.pendidikan },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[9].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.email },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[10].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.hp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[11].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.kontak },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[12].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.kelamin },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[13].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.darah },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[14].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.tinggi },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[15].hide
                         ? _c(
                             "td",
                             [
-                              props.item.tipe
+                              _c("check-value", {
+                                attrs: { value: props.item.agama },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[16].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.status },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[17].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.date(
+                                  props.item.tanggal_lahir
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[18].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.tempat_lahir },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[19].hide && !_vm.columnData[19].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.provinces
                                 ? _c("check-value", {
-                                    attrs: { value: props.item.tipe.name },
+                                    attrs: { value: props.item.provinces.name },
                                   })
                                 : _c("span", [_vm._v("-")]),
                             ],
@@ -1273,13 +1029,13 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[5].hide
+                      !_vm.columnData[20].hide && !_vm.columnData[20].disable
                         ? _c(
                             "td",
                             [
-                              props.item.kategori
+                              props.item.regencies
                                 ? _c("check-value", {
-                                    attrs: { value: props.item.kategori.name },
+                                    attrs: { value: props.item.regencies.name },
                                   })
                                 : _c("span", [_vm._v("-")]),
                             ],
@@ -1287,20 +1043,49 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[6].hide
+                      !_vm.columnData[21].hide && !_vm.columnData[21].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.districts
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.districts.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[22].hide && !_vm.columnData[22].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.villages
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.villages.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[23].hide
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
-                                attrs: { value: props.item.periode },
+                                attrs: { value: props.item.alamat },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[7].hide
+                      !_vm.columnData[24].hide
                         ? _c("td", {
+                            staticClass: "text-nowrap",
                             domProps: {
                               innerHTML: _vm._s(
                                 _vm.$options.filters.dateTime(
@@ -1311,7 +1096,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[8].hide
+                      !_vm.columnData[25].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -1338,48 +1123,45 @@ var render = function () {
             "template",
             { slot: "button-desktop" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
+              _vm.currentUser.can && _vm.currentUser.can["create_mitra_orang"]
                 ? _c(
                     "router-link",
                     {
-                      staticClass: "btn btn-light mb-1",
+                      staticClass: "btn btn-light btn-icon mb-1",
                       attrs: { to: { name: _vm.kelas + "Create" } },
                     },
                     [
                       _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
+                      _vm._v(" Tambah\n        "),
                     ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
+              _vm.currentUser.can && _vm.currentUser.can["update_mitra_orang"]
                 ? _c(
                     "button",
                     {
-                      staticClass: "btn btn-light mb-1",
+                      staticClass: "btn btn-light btn-icon mb-1",
                       attrs: { disabled: !_vm.selectedItem.id },
                       on: {
                         click: function ($event) {
                           $event.preventDefault()
-                          return _vm.ubahData(
-                            _vm.selectedItem.id,
-                            _vm.selectedItem.id_cu
-                          )
+                          return _vm.ubahData(_vm.selectedItem.id)
                         },
                       },
                     },
                     [
                       _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
+                      _vm._v(" Ubah\n        "),
                     ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
+              _vm.currentUser.can && _vm.currentUser.can["destroy_mitra_orang"]
                 ? _c(
                     "button",
                     {
-                      staticClass: "btn btn-light mb-1",
+                      staticClass: "btn btn-light btn-icon mb-1",
                       attrs: { disabled: !_vm.selectedItem.id },
                       on: {
                         click: function ($event) {
@@ -1390,58 +1172,10 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
+                      _vm._v(" Hapus\n        "),
                     ]
                   )
                 : _vm._e(),
-              _vm._v(" "),
-              _vm.selectedItem.dokumen &&
-              _vm.selectedItem.dokumen.format == "upload"
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.downloadMateri(_vm.selectedItem.filename)
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat\n\t\t\t"),
-                    ]
-                  )
-                : _vm.selectedItem.dokumen &&
-                  _vm.selectedItem.dokumen.format == "link"
-                ? _c(
-                    "a",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: {
-                        type: "button",
-                        href: _vm.selectedItem.dokumen.link,
-                        target: "_blank",
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat\n\t\t\t"),
-                    ]
-                  )
-                : _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { type: "button", disabled: "" },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat\n\t\t\t"),
-                    ]
-                  ),
             ],
             1
           ),
@@ -1450,48 +1184,45 @@ var render = function () {
             "template",
             { slot: "button-mobile" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
+              _vm.currentUser.can && _vm.currentUser.can["create_mitra_orang"]
                 ? _c(
                     "router-link",
                     {
-                      staticClass: "btn btn-light btn-block mb-1",
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
                       attrs: { to: { name: _vm.kelas + "Create" } },
                     },
                     [
                       _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
+                      _vm._v(" Tambah\n        "),
                     ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
+              _vm.currentUser.can && _vm.currentUser.can["update_mitra_orang"]
                 ? _c(
                     "button",
                     {
-                      staticClass: "btn btn-light btn-block mb-1",
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
                       attrs: { disabled: !_vm.selectedItem.id },
                       on: {
                         click: function ($event) {
                           $event.preventDefault()
-                          return _vm.ubahData(
-                            _vm.selectedItem.id,
-                            _vm.selectedItem.id_cu
-                          )
+                          return _vm.ubahData(_vm.selectedItem.id)
                         },
                       },
                     },
                     [
                       _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
+                      _vm._v(" Ubah\n        "),
                     ]
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
+              _vm.currentUser.can && _vm.currentUser.can["destroy_mitra_orang"]
                 ? _c(
                     "button",
                     {
-                      staticClass: "btn btn-light btn-block mb-1",
+                      staticClass: "btn btn-light btn-icon btn-block pb-1",
                       attrs: { disabled: !_vm.selectedItem.id },
                       on: {
                         click: function ($event) {
@@ -1502,58 +1233,10 @@ var render = function () {
                     },
                     [
                       _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
+                      _vm._v(" Hapus\n        "),
                     ]
                   )
                 : _vm._e(),
-              _vm._v(" "),
-              _vm.selectedItem.dokumen &&
-              _vm.selectedItem.dokumen.format == "upload"
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.downloadMateri(_vm.selectedItem.filename)
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat\n\t\t\t"),
-                    ]
-                  )
-                : _vm.selectedItem.dokumen &&
-                  _vm.selectedItem.dokumen.format == "link"
-                ? _c(
-                    "a",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: {
-                        type: "button",
-                        href: _vm.selectedItem.dokumen.link,
-                        target: "_blank",
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat\n\t\t\t"),
-                    ]
-                  )
-                : _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-block mb-1",
-                      attrs: { type: "button", disabled: "" },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-file-eye" }),
-                      _vm._v(" Lihat\n\t\t\t"),
-                    ]
-                  ),
             ],
             1
           ),
@@ -1566,8 +1249,8 @@ var render = function () {
           show: _vm.modalShow,
           state: _vm.modalState,
           title: _vm.modalTitle,
-          content: _vm.modalContent,
           button: _vm.modalButton,
+          content: _vm.modalContent,
         },
         on: {
           tutup: _vm.modalTutup,
@@ -1588,18 +1271,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/surat/index.vue":
-/*!***************************************************!*\
-  !*** ./resources/assets/js/views/surat/index.vue ***!
-  \***************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_42301c3a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=42301c3a& */ "./resources/assets/js/views/surat/index.vue?vue&type=template&id=42301c3a&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/surat/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
+/* harmony import */ var _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1608,9 +1291,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_42301c3a___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_42301c3a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1620,54 +1303,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/surat/index.vue"
+component.options.__file = "resources/assets/js/components/collapseButton.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/surat/index.vue?vue&type=script&lang=js&":
-/*!****************************************************************************!*\
-  !*** ./resources/assets/js/views/surat/index.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/surat/index.vue?vue&type=template&id=42301c3a&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/surat/index.vue?vue&type=template&id=42301c3a& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_42301c3a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=42301c3a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/index.vue?vue&type=template&id=42301c3a&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_42301c3a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_42301c3a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/surat/select.vue":
-/*!****************************************************!*\
-  !*** ./resources/assets/js/views/surat/select.vue ***!
-  \****************************************************/
+/***/ "./resources/assets/js/views/mitraOrang/index.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/mitraOrang/index.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _select_vue_vue_type_template_id_717a293b___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./select.vue?vue&type=template&id=717a293b& */ "./resources/assets/js/views/surat/select.vue?vue&type=template&id=717a293b&");
-/* harmony import */ var _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./select.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/surat/select.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_7f11cd06___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=7f11cd06& */ "./resources/assets/js/views/mitraOrang/index.vue?vue&type=template&id=7f11cd06&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/mitraOrang/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1677,9 +1360,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _select_vue_vue_type_template_id_717a293b___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _select_vue_vue_type_template_id_717a293b___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_7f11cd06___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_7f11cd06___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1689,54 +1372,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/surat/select.vue"
+component.options.__file = "resources/assets/js/views/mitraOrang/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/surat/select.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************!*\
-  !*** ./resources/assets/js/views/surat/select.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************/
+/***/ "./resources/assets/js/views/mitraOrang/index.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/mitraOrang/index.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/select.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/surat/select.vue?vue&type=template&id=717a293b&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/surat/select.vue?vue&type=template&id=717a293b& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/mitraOrang/index.vue?vue&type=template&id=7f11cd06&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/mitraOrang/index.vue?vue&type=template&id=7f11cd06& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_717a293b___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=template&id=717a293b& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/select.vue?vue&type=template&id=717a293b&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_717a293b___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_7f11cd06___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=7f11cd06& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/index.vue?vue&type=template&id=7f11cd06&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_7f11cd06___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_717a293b___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_7f11cd06___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/surat/table.vue":
-/*!***************************************************!*\
-  !*** ./resources/assets/js/views/surat/table.vue ***!
-  \***************************************************/
+/***/ "./resources/assets/js/views/mitraOrang/table.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/mitraOrang/table.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_cef9b242___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=cef9b242& */ "./resources/assets/js/views/surat/table.vue?vue&type=template&id=cef9b242&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/surat/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_38ad0202___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=38ad0202& */ "./resources/assets/js/views/mitraOrang/table.vue?vue&type=template&id=38ad0202&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/mitraOrang/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1747,8 +1430,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_cef9b242___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_cef9b242___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_38ad0202___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_38ad0202___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1758,38 +1441,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/surat/table.vue"
+component.options.__file = "resources/assets/js/views/mitraOrang/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/surat/table.vue?vue&type=script&lang=js&":
-/*!****************************************************************************!*\
-  !*** ./resources/assets/js/views/surat/table.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************/
+/***/ "./resources/assets/js/views/mitraOrang/table.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/mitraOrang/table.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/surat/table.vue?vue&type=template&id=cef9b242&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/surat/table.vue?vue&type=template&id=cef9b242& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/mitraOrang/table.vue?vue&type=template&id=38ad0202&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/mitraOrang/table.vue?vue&type=template&id=38ad0202& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_cef9b242___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=cef9b242& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/table.vue?vue&type=template&id=cef9b242&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_cef9b242___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_38ad0202___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=38ad0202& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/mitraOrang/table.vue?vue&type=template&id=38ad0202&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_38ad0202___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_cef9b242___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_38ad0202___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/89.js b/public/js/components/89.js
index 0615886fc..1e3b2b6d1 100644
--- a/public/js/components/89.js
+++ b/public/js/components/89.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[89],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/index.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/index.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/index.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/index.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -12,8 +12,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _select_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./select.vue */ "./resources/assets/js/views/suratMasuk/select.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/suratMasuk/table.vue");
+/* harmony import */ var _select_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./select.vue */ "./resources/assets/js/views/surat/select.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/surat/table.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -70,11 +70,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Surat Masuk',
-      kelas: 'suratMasuk',
-      titleDesc: 'Mengelola data surat masuk',
-      titleIcon: 'icon-mailbox',
-      selectCuPath: 'suratMasukCu'
+      title: 'Surat Keluar',
+      kelas: 'surat',
+      titleDesc: 'Mengelola data surat keluar',
+      titleIcon: 'icon-envelop2',
+      selectCuPath: 'suratCu'
     };
   },
   created: function created() {
@@ -97,7 +97,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratMasuk', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('surat', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -105,10 +105,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/select.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/select.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/select.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/select.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -121,6 +121,74 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -186,11 +254,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   props: ['kelas'],
   data: function data() {
     return {
+      tipe: '',
       periode: ''
     };
   },
   created: function created() {
     this.fetchData();
+    this.fetchTipe();
   },
   watch: {
     '$route': function $route(to, from) {
@@ -209,6 +279,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         name: this.kelas + 'Cu',
         params: {
           cu: this.$route.params.cu,
+          tipe: this.tipe,
           periode: this.periode
         }
       });
@@ -220,24 +291,31 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
       this.periode = this.$route.params.periode;
     },
-    changePeriode: function changePeriode(periode) {
-      this.fetch();
+    fetchTipe: function fetchTipe() {
+      if (this.modelData.length == 0) {
+        this.$store.dispatch('suratKode/get');
+      }
+
+      this.tipe = this.$route.params.tipe;
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratMasuk', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('surat', {
     modelData: 'periode',
     modelDataStat: 'periodeStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratKode', {
+    modelTipe: 'dataS',
+    modelTipeStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/table.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/table.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/table.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/table.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -359,6 +437,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -384,11 +471,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       excelDownloadUrl: '',
       columnData: [{
         title: 'No.',
-        name: 'No.',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false
+        name: 'No.'
       }, {
         title: 'Kode',
         name: 'name',
@@ -414,6 +497,22 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         hide: false,
         disable: false,
         filter: true
+      }, {
+        title: 'Tipe',
+        name: 'tipe.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kategori',
+        name: 'kategori.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
       }, {
         title: 'Periode',
         name: 'periode',
@@ -443,6 +542,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       modalShow: false,
       modalState: '',
       modalTitle: '',
+      modalContent: '',
       modalButton: ''
     };
   },
@@ -459,11 +559,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       this.modalState = value;
       this.modalButton = 'Ok';
 
-      if (value === "success") {
+      if (value == "success") {
         this.modalTitle = this.updateMessage.message;
         this.modalContent = '';
-        this.fetch(this.query);
-      } else if (value === "fail") {
+        this.fetch();
+      } else if (value == "fail") {
         this.modalContent = this.updateMessage;
       } else {
         this.modalContent = '';
@@ -472,19 +572,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   methods: {
     fetch: function fetch(params) {
-      if (this.$route.params.periode == 'semua') {
-        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu, 'semua']);
-        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu + '/semua';
-      } else {
-        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu, this.$route.params.periode]);
-        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu + '/' + this.$route.params.periode;
-      }
-    },
-    resetParams: function resetParams() {
-      this.params.search_column = 'name';
-      this.params.search_query_1 = '';
-      this.extSearchColumn = 'name';
-      this.extSearchQuery1 = '';
+      this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu, this.$route.params.tipe, this.$route.params.periode]);
+      this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu + '/tipe/' + this.$route.params.tipe + '/periode/' + this.$route.params.periode;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
@@ -528,14 +617,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       });
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
-    idCu: 'idCu'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
     modelCu: 'dataS',
     modelCuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratMasuk', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('surat', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -562,10 +649,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/index.vue?vue&type=template&id=0574eb28&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/index.vue?vue&type=template&id=0574eb28& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/index.vue?vue&type=template&id=42301c3a&":
+/*!****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/index.vue?vue&type=template&id=42301c3a& ***!
+  \****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -631,10 +718,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/select.vue?vue&type=template&id=1c8c5896&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/select.vue?vue&type=template&id=1c8c5896& ***!
-  \**********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/select.vue?vue&type=template&id=717a293b&":
+/*!*****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/select.vue?vue&type=template&id=717a293b& ***!
+  \*****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -648,9 +735,206 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c("div", [
     _c("div", { staticClass: "card d-none d-md-block d-print-none" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("div", { staticClass: "row" }, [
+          _c("div", { staticClass: "col-md-5" }, [
+            _c("div", { staticClass: "input-group" }, [
+              _vm._m(0),
+              _vm._v(" "),
+              _c(
+                "select",
+                {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.tipe,
+                      expression: "tipe",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "tipe",
+                    "data-width": "100%",
+                    disabled: _vm.modelTipeStat === "loading",
+                  },
+                  on: {
+                    change: function ($event) {
+                      var $$selectedVal = Array.prototype.filter
+                        .call($event.target.options, function (o) {
+                          return o.selected
+                        })
+                        .map(function (o) {
+                          var val = "_value" in o ? o._value : o.value
+                          return val
+                        })
+                      _vm.tipe = $event.target.multiple
+                        ? $$selectedVal
+                        : $$selectedVal[0]
+                    },
+                  },
+                },
+                [
+                  _c("option", { attrs: { disabled: "", value: "" } }, [
+                    _vm._v("Silahkan pilih tipe"),
+                  ]),
+                  _vm._v(" "),
+                  _c("option", { attrs: { value: "semua" } }, [
+                    _vm._v("Semua"),
+                  ]),
+                  _vm._v(" "),
+                  _c("option", { attrs: { disabled: "", value: "" } }, [
+                    _vm._v("----------------"),
+                  ]),
+                  _vm._v(" "),
+                  _vm._l(_vm.modelTipe, function (tipe, index) {
+                    return _c(
+                      "option",
+                      { key: index, domProps: { value: tipe.id } },
+                      [_vm._v(_vm._s(tipe.name))]
+                    )
+                  }),
+                ],
+                2
+              ),
+              _vm._v(" "),
+              _c("div", { staticClass: "input-group-append" }, [
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light",
+                    attrs: { disabled: _vm.modelTipeStat === "loading" },
+                    on: { click: _vm.fetchTipe },
+                  },
+                  [
+                    _c("i", {
+                      staticClass: "icon-sync",
+                      class: { spinner: _vm.modelTipeStat === "loading" },
+                    }),
+                  ]
+                ),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-5" }, [
+            _c("div", { staticClass: "input-group" }, [
+              _vm._m(1),
+              _vm._v(" "),
+              _c(
+                "select",
+                {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.periode,
+                      expression: "periode",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "periode",
+                    "data-width": "100%",
+                    disabled: _vm.modelDataStat === "loading",
+                  },
+                  on: {
+                    change: function ($event) {
+                      var $$selectedVal = Array.prototype.filter
+                        .call($event.target.options, function (o) {
+                          return o.selected
+                        })
+                        .map(function (o) {
+                          var val = "_value" in o ? o._value : o.value
+                          return val
+                        })
+                      _vm.periode = $event.target.multiple
+                        ? $$selectedVal
+                        : $$selectedVal[0]
+                    },
+                  },
+                },
+                [
+                  _c("option", { attrs: { disabled: "", value: "" } }, [
+                    _vm._v("Silahkan pilih periode"),
+                  ]),
+                  _vm._v(" "),
+                  _c("option", { attrs: { value: "semua" } }, [
+                    _vm._v("Semua"),
+                  ]),
+                  _vm._v(" "),
+                  _c("option", { attrs: { disabled: "", value: "" } }, [
+                    _vm._v("----------------"),
+                  ]),
+                  _vm._v(" "),
+                  _vm._l(_vm.modelData, function (data, index) {
+                    return _c(
+                      "option",
+                      { key: index, domProps: { value: data } },
+                      [_vm._v(_vm._s(data))]
+                    )
+                  }),
+                ],
+                2
+              ),
+              _vm._v(" "),
+              _c("div", { staticClass: "input-group-append" }, [
+                _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light",
+                    attrs: { disabled: _vm.modelDataStat === "loading" },
+                    on: { click: _vm.fetchData },
+                  },
+                  [
+                    _c("i", {
+                      staticClass: "icon-sync",
+                      class: { spinner: _vm.modelDataStat === "loading" },
+                    }),
+                  ]
+                ),
+              ]),
+            ]),
+          ]),
+          _vm._v(" "),
+          this.currentUser.id_cu == 0
+            ? _c("div", { staticClass: "col-sm-2" }, [
+                _vm.modelDataStat != "loading"
+                  ? _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-light btn-icon btn-block",
+                        attrs: { type: "button" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.fetch()
+                          },
+                        },
+                      },
+                      [
+                        _c("i", { staticClass: "icon-folder-open3" }),
+                        _vm._v("  Tampilkan\n\t\t\t\t\t"),
+                      ]
+                    )
+                  : _c(
+                      "button",
+                      {
+                        staticClass: "btn btn-light btn-icon btn-block",
+                        attrs: { type: "button" },
+                      },
+                      [_c("i", { staticClass: "icon-sync spinner" })]
+                    ),
+              ])
+            : _vm._e(),
+        ]),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "card d-block d-md-none d-print-none" }, [
       _c("div", { staticClass: "card-body" }, [
         _c("div", { staticClass: "input-group" }, [
-          _vm._m(0),
+          _vm._m(2),
           _vm._v(" "),
           _c(
             "select",
@@ -659,40 +943,35 @@ var render = function () {
                 {
                   name: "model",
                   rawName: "v-model",
-                  value: _vm.periode,
-                  expression: "periode",
+                  value: _vm.tipe,
+                  expression: "tipe",
                 },
               ],
               staticClass: "form-control",
               attrs: {
-                name: "periode",
+                name: "tipe",
                 "data-width": "100%",
-                disabled: _vm.modelDataStat === "loading",
+                disabled: _vm.modelTipeStat === "loading",
               },
               on: {
-                change: [
-                  function ($event) {
-                    var $$selectedVal = Array.prototype.filter
-                      .call($event.target.options, function (o) {
-                        return o.selected
-                      })
-                      .map(function (o) {
-                        var val = "_value" in o ? o._value : o.value
-                        return val
-                      })
-                    _vm.periode = $event.target.multiple
-                      ? $$selectedVal
-                      : $$selectedVal[0]
-                  },
-                  function ($event) {
-                    return _vm.changePeriode($event.target.value)
-                  },
-                ],
+                change: function ($event) {
+                  var $$selectedVal = Array.prototype.filter
+                    .call($event.target.options, function (o) {
+                      return o.selected
+                    })
+                    .map(function (o) {
+                      var val = "_value" in o ? o._value : o.value
+                      return val
+                    })
+                  _vm.tipe = $event.target.multiple
+                    ? $$selectedVal
+                    : $$selectedVal[0]
+                },
               },
             },
             [
               _c("option", { attrs: { disabled: "", value: "" } }, [
-                _vm._v("Silahkan pilih periode"),
+                _vm._v("Silahkan pilih tipe"),
               ]),
               _vm._v(" "),
               _c("option", { attrs: { value: "semua" } }, [_vm._v("Semua")]),
@@ -701,39 +980,37 @@ var render = function () {
                 _vm._v("----------------"),
               ]),
               _vm._v(" "),
-              _vm._l(_vm.modelData, function (data, index) {
-                return _c("option", { key: index, domProps: { value: data } }, [
-                  _vm._v(_vm._s(data)),
-                ])
+              _vm._l(_vm.modelTipe, function (tipe, index) {
+                return _c(
+                  "option",
+                  { key: index, domProps: { value: tipe.id } },
+                  [_vm._v(_vm._s(tipe.name))]
+                )
               }),
             ],
             2
           ),
-          _vm._v(" "),
-          _c("div", { staticClass: "input-group-append" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light",
-                attrs: { disabled: _vm.modelDataStat === "loading" },
-                on: { click: _vm.fetchData },
-              },
-              [
-                _c("i", {
-                  staticClass: "icon-sync",
-                  class: { spinner: _vm.modelDataStat === "loading" },
-                }),
-              ]
-            ),
-          ]),
         ]),
-      ]),
-    ]),
-    _vm._v(" "),
-    _c("div", { staticClass: "card d-block d-md-none d-print-none" }, [
-      _c("div", { staticClass: "card-body" }, [
+        _vm._v(" "),
+        _c("div", { staticClass: "pt-2" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-lg btn-block",
+              attrs: { disabled: _vm.modelTipeStat === "loading" },
+              on: { click: _vm.fetchTipe },
+            },
+            [
+              _c("i", {
+                staticClass: "icon-sync",
+                class: { spinner: _vm.modelTipeStat === "loading" },
+              }),
+            ]
+          ),
+        ]),
+        _vm._v(" "),
         _c("div", { staticClass: "input-group" }, [
-          _vm._m(1),
+          _vm._m(3),
           _vm._v(" "),
           _c(
             "select",
@@ -753,24 +1030,19 @@ var render = function () {
                 disabled: _vm.modelDataStat === "loading",
               },
               on: {
-                change: [
-                  function ($event) {
-                    var $$selectedVal = Array.prototype.filter
-                      .call($event.target.options, function (o) {
-                        return o.selected
-                      })
-                      .map(function (o) {
-                        var val = "_value" in o ? o._value : o.value
-                        return val
-                      })
-                    _vm.periode = $event.target.multiple
-                      ? $$selectedVal
-                      : $$selectedVal[0]
-                  },
-                  function ($event) {
-                    return _vm.changePeriode($event.target.value)
-                  },
-                ],
+                change: function ($event) {
+                  var $$selectedVal = Array.prototype.filter
+                    .call($event.target.options, function (o) {
+                      return o.selected
+                    })
+                    .map(function (o) {
+                      var val = "_value" in o ? o._value : o.value
+                      return val
+                    })
+                  _vm.periode = $event.target.multiple
+                    ? $$selectedVal
+                    : $$selectedVal[0]
+                },
               },
             },
             [
@@ -811,11 +1083,48 @@ var render = function () {
             ]
           ),
         ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "pt-2" }, [
+          _vm.modelDataStat != "loading"
+            ? _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-icon btn-block",
+                  attrs: { type: "button" },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.fetch()
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-folder-open3" }),
+                  _vm._v(" Tampilkan\n\t\t\t\t"),
+                ]
+              )
+            : _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-icon btn-block",
+                  attrs: { type: "button" },
+                },
+                [_c("i", { staticClass: "icon-sync spinner" })]
+              ),
+        ]),
       ]),
     ]),
   ])
 }
 var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Tipe")]),
+    ])
+  },
   function () {
     var _vm = this
     var _h = _vm.$createElement
@@ -826,6 +1135,14 @@ var staticRenderFns = [
       ]),
     ])
   },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Tipe")]),
+    ])
+  },
   function () {
     var _vm = this
     var _h = _vm.$createElement
@@ -841,10 +1158,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/table.vue?vue&type=template&id=81dfbfb8&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/table.vue?vue&type=template&id=81dfbfb8& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/table.vue?vue&type=template&id=cef9b242&":
+/*!****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/surat/table.vue?vue&type=template&id=cef9b242& ***!
+  \****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -869,7 +1186,6 @@ var render = function () {
             query: _vm.query,
             itemDataStat: _vm.itemDataStat,
             excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
@@ -882,7 +1198,7 @@ var render = function () {
                     {
                       staticClass: "text-nowrap",
                       class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
+                        "bg-info": _vm.selectedItem.id == props.item.id,
                       },
                       on: {
                         click: function ($event) {
@@ -944,6 +1260,34 @@ var render = function () {
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[4].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.tipe
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.tipe.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.kategori
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.kategori.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
                         ? _c(
                             "td",
                             [
@@ -955,7 +1299,7 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[5].hide
+                      !_vm.columnData[7].hide
                         ? _c("td", {
                             domProps: {
                               innerHTML: _vm._s(
@@ -967,7 +1311,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[6].hide
+                      !_vm.columnData[8].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -994,7 +1338,7 @@ var render = function () {
             "template",
             { slot: "button-desktop" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_surat"]
+              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
                 ? _c(
                     "router-link",
                     {
@@ -1008,7 +1352,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_surat"]
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
                 ? _c(
                     "button",
                     {
@@ -1017,7 +1361,10 @@ var render = function () {
                       on: {
                         click: function ($event) {
                           $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
+                          return _vm.ubahData(
+                            _vm.selectedItem.id,
+                            _vm.selectedItem.id_cu
+                          )
                         },
                       },
                     },
@@ -1028,7 +1375,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_surat"]
+              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
                 ? _c(
                     "button",
                     {
@@ -1103,7 +1450,7 @@ var render = function () {
             "template",
             { slot: "button-mobile" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_surat"]
+              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
                 ? _c(
                     "router-link",
                     {
@@ -1117,7 +1464,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_surat"]
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
                 ? _c(
                     "button",
                     {
@@ -1126,7 +1473,10 @@ var render = function () {
                       on: {
                         click: function ($event) {
                           $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
+                          return _vm.ubahData(
+                            _vm.selectedItem.id,
+                            _vm.selectedItem.id_cu
+                          )
                         },
                       },
                     },
@@ -1137,7 +1487,7 @@ var render = function () {
                   )
                 : _vm._e(),
               _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_surat"]
+              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
                 ? _c(
                     "button",
                     {
@@ -1216,6 +1566,7 @@ var render = function () {
           show: _vm.modalShow,
           state: _vm.modalState,
           title: _vm.modalTitle,
+          content: _vm.modalContent,
           button: _vm.modalButton,
         },
         on: {
@@ -1237,17 +1588,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratMasuk/index.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/suratMasuk/index.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/surat/index.vue":
+/*!***************************************************!*\
+  !*** ./resources/assets/js/views/surat/index.vue ***!
+  \***************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_0574eb28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=0574eb28& */ "./resources/assets/js/views/suratMasuk/index.vue?vue&type=template&id=0574eb28&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratMasuk/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_42301c3a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=42301c3a& */ "./resources/assets/js/views/surat/index.vue?vue&type=template&id=42301c3a&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/surat/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1258,8 +1609,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_0574eb28___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_0574eb28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_42301c3a___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_42301c3a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1269,54 +1620,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/suratMasuk/index.vue"
+component.options.__file = "resources/assets/js/views/surat/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratMasuk/index.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/suratMasuk/index.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/surat/index.vue?vue&type=script&lang=js&":
+/*!****************************************************************************!*\
+  !*** ./resources/assets/js/views/surat/index.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratMasuk/index.vue?vue&type=template&id=0574eb28&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/suratMasuk/index.vue?vue&type=template&id=0574eb28& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/surat/index.vue?vue&type=template&id=42301c3a&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/surat/index.vue?vue&type=template&id=42301c3a& ***!
+  \**********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_0574eb28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=0574eb28& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/index.vue?vue&type=template&id=0574eb28&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_0574eb28___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_42301c3a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=42301c3a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/index.vue?vue&type=template&id=42301c3a&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_42301c3a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_0574eb28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_42301c3a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratMasuk/select.vue":
-/*!*********************************************************!*\
-  !*** ./resources/assets/js/views/suratMasuk/select.vue ***!
-  \*********************************************************/
+/***/ "./resources/assets/js/views/surat/select.vue":
+/*!****************************************************!*\
+  !*** ./resources/assets/js/views/surat/select.vue ***!
+  \****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _select_vue_vue_type_template_id_1c8c5896___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./select.vue?vue&type=template&id=1c8c5896& */ "./resources/assets/js/views/suratMasuk/select.vue?vue&type=template&id=1c8c5896&");
-/* harmony import */ var _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./select.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratMasuk/select.vue?vue&type=script&lang=js&");
+/* harmony import */ var _select_vue_vue_type_template_id_717a293b___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./select.vue?vue&type=template&id=717a293b& */ "./resources/assets/js/views/surat/select.vue?vue&type=template&id=717a293b&");
+/* harmony import */ var _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./select.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/surat/select.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1327,8 +1678,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _select_vue_vue_type_template_id_1c8c5896___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _select_vue_vue_type_template_id_1c8c5896___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _select_vue_vue_type_template_id_717a293b___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _select_vue_vue_type_template_id_717a293b___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1338,54 +1689,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/suratMasuk/select.vue"
+component.options.__file = "resources/assets/js/views/surat/select.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratMasuk/select.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/suratMasuk/select.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/surat/select.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************!*\
+  !*** ./resources/assets/js/views/surat/select.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/select.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/select.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratMasuk/select.vue?vue&type=template&id=1c8c5896&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/suratMasuk/select.vue?vue&type=template&id=1c8c5896& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/surat/select.vue?vue&type=template&id=717a293b&":
+/*!***********************************************************************************!*\
+  !*** ./resources/assets/js/views/surat/select.vue?vue&type=template&id=717a293b& ***!
+  \***********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_1c8c5896___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=template&id=1c8c5896& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/select.vue?vue&type=template&id=1c8c5896&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_1c8c5896___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_717a293b___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=template&id=717a293b& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/select.vue?vue&type=template&id=717a293b&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_717a293b___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_1c8c5896___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_717a293b___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratMasuk/table.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/suratMasuk/table.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/surat/table.vue":
+/*!***************************************************!*\
+  !*** ./resources/assets/js/views/surat/table.vue ***!
+  \***************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_81dfbfb8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=81dfbfb8& */ "./resources/assets/js/views/suratMasuk/table.vue?vue&type=template&id=81dfbfb8&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratMasuk/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_cef9b242___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=cef9b242& */ "./resources/assets/js/views/surat/table.vue?vue&type=template&id=cef9b242&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/surat/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1396,8 +1747,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_81dfbfb8___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_81dfbfb8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_cef9b242___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_cef9b242___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1407,38 +1758,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/suratMasuk/table.vue"
+component.options.__file = "resources/assets/js/views/surat/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratMasuk/table.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/suratMasuk/table.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/surat/table.vue?vue&type=script&lang=js&":
+/*!****************************************************************************!*\
+  !*** ./resources/assets/js/views/surat/table.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/suratMasuk/table.vue?vue&type=template&id=81dfbfb8&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/suratMasuk/table.vue?vue&type=template&id=81dfbfb8& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/surat/table.vue?vue&type=template&id=cef9b242&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/surat/table.vue?vue&type=template&id=cef9b242& ***!
+  \**********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_81dfbfb8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=81dfbfb8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/table.vue?vue&type=template&id=81dfbfb8&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_81dfbfb8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_cef9b242___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=cef9b242& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/surat/table.vue?vue&type=template&id=cef9b242&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_cef9b242___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_81dfbfb8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_cef9b242___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/90.js b/public/js/components/90.js
index 63b1e6497..97887658b 100644
--- a/public/js/components/90.js
+++ b/public/js/components/90.js
@@ -1,16 +1,36 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[90],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/index.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/index.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _select_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./select.vue */ "./resources/assets/js/views/suratMasuk/select.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/suratMasuk/table.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -38,61 +58,57 @@ __webpack_require__.r(__webpack_exports__);
 //
 
 
+
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
-    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
-  },
-  props: {
-    value: {
-      "default": ''
-    },
-    frontText: {
-      "default": ''
-    },
-    trimLength: {
-      "default": 50
-    },
-    valueType: {
-      "default": 'trim'
-    },
-    empty: {
-      "default": '-'
-    }
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    selectData: _select_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
   data: function data() {
     return {
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
+      title: 'Surat Masuk',
+      kelas: 'suratMasuk',
+      titleDesc: 'Mengelola data surat masuk',
+      titleIcon: 'icon-mailbox',
+      selectCuPath: 'suratMasukCu'
     };
   },
+  created: function created() {
+    this.checkUser('index_surat', this.$route.params.cu);
+  },
   methods: {
-    modalOpen: function modalOpen() {
-      this.modalShow = true;
-      this.modalState = 'content-tutup';
-      this.modalContent = this.value;
-      this.modalButton = 'Tutup';
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-    },
-    strip: function strip(html) {
-      var tmp = document.createElement("DIV");
-      tmp.innerHTML = html;
-      return tmp.textContent || tmp.innerText || "";
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
+
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
+          }
+        }
+      }
     }
-  }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratMasuk', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
+  }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/select.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/select.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -142,94 +158,97 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    title: {
-      "default": ''
-    },
-    titleIcon: {
-      "default": ''
-    },
-    titleDesc: {
-      "default": ''
-    },
-    level: {
-      "default": 1
-    },
-    level2Title: {
-      "default": ''
+  props: ['kelas'],
+  data: function data() {
+    return {
+      periode: ''
+    };
+  },
+  created: function created() {
+    this.fetchData();
+  },
+  watch: {
+    '$route': function $route(to, from) {
+      // check current page meta
+      this.fetchData();
     },
-    level2Route: {
-      "default": ''
+    modelDataStat: function modelDataStat(value) {
+      if (value === "success") {
+        this.periode = this.$route.params.periode;
+      }
     }
   },
   methods: {
-    level2Back: function level2Back() {
-      this.$emit('level2Back');
+    fetch: function fetch() {
+      this.$router.push({
+        name: this.kelas + 'Cu',
+        params: {
+          cu: this.$route.params.cu,
+          periode: this.periode
+        }
+      });
     },
-    route1: function route1() {
-      if (this.btn1RouteParams) {
-        this.$router.push({
-          name: this.btn1Route,
-          params: {
-            cu: this.btn1RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn1Route
-        });
-      }
-    },
-    route2: function route2() {
-      if (this.btn2RouteParams) {
-        this.$router.push({
-          name: this.btn2Route,
-          params: {
-            cu: this.btn2RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn2Route
-        });
+    fetchData: function fetchData() {
+      if (this.modelData.length == 0) {
+        this.$store.dispatch(this.kelas + '/getPeriode', this.$route.params.cu);
       }
+
+      this.periode = this.$route.params.periode;
     },
-    route3: function route3() {
-      if (this.btn3RouteParams) {
-        this.$router.push({
-          name: this.btn3Route,
-          params: {
-            cu: this.btn3RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn3Route
-        });
-      }
+    changePeriode: function changePeriode(periode) {
+      this.fetch();
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratMasuk', {
+    modelData: 'periode',
+    modelDataStat: 'periodeStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/table.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/table.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapJenis/form.vue");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");
+/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_4__);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -253,43 +272,300 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    formData: _form_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
+  props: ['title', 'kelas'],
   data: function data() {
     return {
-      title: 'Tambah Jenis Aset Tetap',
-      titleDesc: 'Menambah jenis aset tetap',
-      titleIcon: 'icon-plus3',
-      level2Title: 'Jenis Aset Tetap',
-      kelas: 'asetTetapJenis'
+      selectedItem: [],
+      query: {
+        order_column: "name",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      excelDownloadUrl: '',
+      columnData: [{
+        title: 'No.',
+        name: 'No.',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false
+      }, {
+        title: 'Kode',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterDefault: true
+      }, {
+        title: 'Hal',
+        name: 'hal',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Perihal',
+        name: 'perihal',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Periode',
+        name: 'periode',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      state: '',
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalButton: ''
     };
   },
-  created: function created() {},
-  watch: {},
+  created: function created() {
+    this.fetch(this.query);
+  },
+  watch: {
+    // check route changes
+    '$route': function $route(to, from) {
+      this.fetch(this.query);
+    },
+    // when updating data
+    updateStat: function updateStat(value) {
+      this.modalState = value;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.fetch(this.query);
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
+      } else {
+        this.modalContent = '';
+      }
+    }
+  },
   methods: {
-    back: function back() {
+    fetch: function fetch(params) {
+      if (this.$route.params.periode == 'semua') {
+        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu, 'semua']);
+        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu + '/semua';
+      } else {
+        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu, this.$route.params.periode]);
+        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu + '/' + this.$route.params.periode;
+      }
+    },
+    resetParams: function resetParams() {
+      this.params.search_column = 'name';
+      this.params.search_query_1 = '';
+      this.extSearchColumn = 'name';
+      this.extSearchQuery1 = '';
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    ubahData: function ubahData(id, id_cu) {
       this.$router.push({
-        name: this.kelas
+        name: this.kelas + 'Edit',
+        params: {
+          id: id
+        }
+      });
+    },
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.modalState = 'confirm-tutup';
+      this.state = state;
+
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
+
+      if (state == 'hapus') {
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+      }
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      }
+    },
+    downloadMateri: function downloadMateri(filename) {
+      axios.get('/api/download_folder/' + filename + '/dokumen', {
+        responseType: 'blob'
+      }).then(function (response) {
+        file_saver__WEBPACK_IMPORTED_MODULE_4___default.a.saveAs(response.data, filename);
       });
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
+    idCu: 'idCu'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCu: 'dataS',
+    modelCuStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('suratMasuk', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/file-saver/dist/FileSaver.min.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/file-saver/dist/FileSaver.min.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(a,b){if(true)!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (b),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g, true&&(module.exports=g)});
+
+//# sourceMappingURL=FileSaver.min.js.map
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/index.vue?vue&type=template&id=0574eb28&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/index.vue?vue&type=template&id=0574eb28& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -303,90 +579,47 @@ var render = function () {
   var _c = _vm._self._c || _h
   return _c(
     "div",
-    { staticStyle: { display: "inline-block" } },
     [
-      _vm.value
-        ? _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm.valueType == "trim"
-              ? _c(
-                  "span",
-                  { staticStyle: { display: "inline-block" } },
-                  [
-                    _c("truncate", {
-                      staticStyle: { display: "inline-block" },
-                      attrs: {
-                        "action-class": "badge bg-blue",
-                        clamp: "selengkapnya >",
-                        length: _vm.trimLength,
-                        less: "< kembali",
-                        text: _vm.frontText + " " + _vm.value,
-                      },
-                    }),
-                  ],
-                  1
-                )
-              : _vm.valueType == "modal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light",
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen()
-                        },
-                      },
-                    },
-                    [_vm._v("\n          Lihat\n      ")]
-                  ),
-                ])
-              : _vm.valueType == "currency"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(
-                        _vm._f("currency")(_vm.value, "", 0, {
-                          thousandsSeparator: ".",
-                        })
-                      )
-                  ),
-                ])
-              : _vm.valueType == "percentage"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("percentage")(_vm.value, 2))
-                  ),
-                ])
-              : _vm.valueType == "decimal"
-              ? _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(
-                    _vm._s(_vm.frontText) +
-                      " " +
-                      _vm._s(_vm._f("round")(_vm.value, 2))
-                  ),
-                ])
-              : _c("span", { staticStyle: { display: "inline-block" } }, [
-                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
-                ]),
-          ])
-        : _c("span", { staticStyle: { display: "inline-block" } }, [
-            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
-          ]),
-      _vm._v(" "),
-      _c("app-modal", {
+      _c("page-header", {
         attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
         },
-        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
       }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("select-data", {
+                attrs: {
+                  kelas: _vm.kelas,
+                  path: _vm.selectCuPath,
+                  isPus: true,
+                  itemDataStat: _vm.itemDataStat,
+                },
+              }),
+              _vm._v(" "),
+              _c("table-data", {
+                attrs: { title: _vm.title, kelas: _vm.kelas },
+              }),
+            ],
+            1
+          ),
+        ]),
+      ]),
     ],
     1
   )
@@ -398,10 +631,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/select.vue?vue&type=template&id=1c8c5896&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/select.vue?vue&type=template&id=1c8c5896& ***!
+  \**********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -414,120 +647,204 @@ var render = function () {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
+    _c("div", { staticClass: "card d-none d-md-block d-print-none" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("div", { staticClass: "input-group" }, [
+          _vm._m(0),
+          _vm._v(" "),
+          _c(
+            "select",
+            {
+              directives: [
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.periode,
+                  expression: "periode",
+                },
+              ],
+              staticClass: "form-control",
+              attrs: {
+                name: "periode",
+                "data-width": "100%",
+                disabled: _vm.modelDataStat === "loading",
+              },
+              on: {
+                change: [
+                  function ($event) {
+                    var $$selectedVal = Array.prototype.filter
+                      .call($event.target.options, function (o) {
+                        return o.selected
+                      })
+                      .map(function (o) {
+                        var val = "_value" in o ? o._value : o.value
+                        return val
+                      })
+                    _vm.periode = $event.target.multiple
+                      ? $$selectedVal
+                      : $$selectedVal[0]
+                  },
+                  function ($event) {
+                    return _vm.changePeriode($event.target.value)
+                  },
+                ],
+              },
+            },
+            [
+              _c("option", { attrs: { disabled: "", value: "" } }, [
+                _vm._v("Silahkan pilih periode"),
               ]),
               _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
+              _c("option", { attrs: { value: "semua" } }, [_vm._v("Semua")]),
+              _vm._v(" "),
+              _c("option", { attrs: { disabled: "", value: "" } }, [
+                _vm._v("----------------"),
               ]),
-            ]),
+              _vm._v(" "),
+              _vm._l(_vm.modelData, function (data, index) {
+                return _c("option", { key: index, domProps: { value: data } }, [
+                  _vm._v(_vm._s(data)),
+                ])
+              }),
+            ],
+            2
+          ),
+          _vm._v(" "),
+          _c("div", { staticClass: "input-group-append" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light",
+                attrs: { disabled: _vm.modelDataStat === "loading" },
+                on: { click: _vm.fetchData },
+              },
+              [
+                _c("i", {
+                  staticClass: "icon-sync",
+                  class: { spinner: _vm.modelDataStat === "loading" },
+                }),
+              ]
+            ),
           ]),
+        ]),
+      ]),
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "card d-block d-md-none d-print-none" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("div", { staticClass: "input-group" }, [
+          _vm._m(1),
           _vm._v(" "),
           _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            "select",
+            {
+              directives: [
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.periode,
+                  expression: "periode",
+                },
+              ],
+              staticClass: "form-control",
+              attrs: {
+                name: "periode",
+                "data-width": "100%",
+                disabled: _vm.modelDataStat === "loading",
+              },
+              on: {
+                change: [
+                  function ($event) {
+                    var $$selectedVal = Array.prototype.filter
+                      .call($event.target.options, function (o) {
+                        return o.selected
+                      })
+                      .map(function (o) {
+                        var val = "_value" in o ? o._value : o.value
+                        return val
+                      })
+                    _vm.periode = $event.target.multiple
+                      ? $$selectedVal
+                      : $$selectedVal[0]
+                  },
+                  function ($event) {
+                    return _vm.changePeriode($event.target.value)
+                  },
+                ],
+              },
+            },
             [
-              _vm.level === 1
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
+              _c("option", { attrs: { disabled: "", value: "" } }, [
+                _vm._v("Silahkan pilih periode"),
+              ]),
               _vm._v(" "),
-              _vm.level === 2
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
-                        },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
+              _c("option", { attrs: { value: "semua" } }, [_vm._v("Semua")]),
               _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
+              _c("option", { attrs: { disabled: "", value: "" } }, [
+                _vm._v("----------------"),
+              ]),
+              _vm._v(" "),
+              _vm._l(_vm.modelData, function (data, index) {
+                return _c("option", { key: index, domProps: { value: data } }, [
+                  _vm._v(_vm._s(data)),
+                ])
+              }),
+            ],
+            2
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "pt-2" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-lg btn-block",
+              attrs: { disabled: _vm.modelDataStat === "loading" },
+              on: { click: _vm.fetchData },
+            },
+            [
+              _c("i", {
+                staticClass: "icon-sync",
+                class: { spinner: _vm.modelDataStat === "loading" },
+              }),
+              _vm._v(" Reload\n\t\t\t\t"),
             ]
           ),
-        ]
-      ),
+        ]),
+      ]),
     ]),
   ])
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [
+        _vm._v("Pilih Periode"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "input-group-prepend" }, [
+      _c("span", { staticClass: "input-group-text" }, [_vm._v("Pilih Data")]),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=template&id=c7b0b908&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=template&id=c7b0b908& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/table.vue?vue&type=template&id=81dfbfb8&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/suratMasuk/table.vue?vue&type=template&id=81dfbfb8& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -542,32 +859,373 @@ var render = function () {
   return _c(
     "div",
     [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
+      _c(
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
           },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
+                      },
+                    },
+                    [
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.hal },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.perihal },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.periode },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
+              },
+            },
+          ]),
         },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
+        [
           _c(
-            "div",
-            { staticClass: "content" },
-            [_c("form-data", { attrs: { mode: "tambah" } })],
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_surat"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_surat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_surat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.selectedItem.dokumen &&
+              _vm.selectedItem.dokumen.format == "upload"
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.downloadMateri(_vm.selectedItem.filename)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat\n\t\t\t"),
+                    ]
+                  )
+                : _vm.selectedItem.dokumen &&
+                  _vm.selectedItem.dokumen.format == "link"
+                ? _c(
+                    "a",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: {
+                        type: "button",
+                        href: _vm.selectedItem.dokumen.link,
+                        target: "_blank",
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat\n\t\t\t"),
+                    ]
+                  )
+                : _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light mb-1",
+                      attrs: { type: "button", disabled: "" },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat\n\t\t\t"),
+                    ]
+                  ),
+            ],
             1
           ),
-        ]),
-      ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_surat"]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_surat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_surat"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.selectedItem.dokumen &&
+              _vm.selectedItem.dokumen.format == "upload"
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.downloadMateri(_vm.selectedItem.filename)
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat\n\t\t\t"),
+                    ]
+                  )
+                : _vm.selectedItem.dokumen &&
+                  _vm.selectedItem.dokumen.format == "link"
+                ? _c(
+                    "a",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: {
+                        type: "button",
+                        href: _vm.selectedItem.dokumen.link,
+                        target: "_blank",
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat\n\t\t\t"),
+                    ]
+                  )
+                : _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-block mb-1",
+                      attrs: { type: "button", disabled: "" },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-file-eye" }),
+                      _vm._v(" Lihat\n\t\t\t"),
+                    ]
+                  ),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+        },
+        on: {
+          tutup: _vm.modalTutup,
+          confirmOk: _vm.modalConfirmOk,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalTutup,
+        },
+      }),
     ],
     1
   )
@@ -579,18 +1237,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/suratMasuk/index.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/suratMasuk/index.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _index_vue_vue_type_template_id_0574eb28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=0574eb28& */ "./resources/assets/js/views/suratMasuk/index.vue?vue&type=template&id=0574eb28&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratMasuk/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -599,9 +1257,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_0574eb28___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_0574eb28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -611,55 +1269,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/checkValue.vue"
+component.options.__file = "resources/assets/js/views/suratMasuk/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/suratMasuk/index.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/suratMasuk/index.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/suratMasuk/index.vue?vue&type=template&id=0574eb28&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/suratMasuk/index.vue?vue&type=template&id=0574eb28& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_0574eb28___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=0574eb28& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/index.vue?vue&type=template&id=0574eb28&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_0574eb28___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_0574eb28___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/views/suratMasuk/select.vue":
+/*!*********************************************************!*\
+  !*** ./resources/assets/js/views/suratMasuk/select.vue ***!
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _select_vue_vue_type_template_id_1c8c5896___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./select.vue?vue&type=template&id=1c8c5896& */ "./resources/assets/js/views/suratMasuk/select.vue?vue&type=template&id=1c8c5896&");
+/* harmony import */ var _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./select.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratMasuk/select.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -668,9 +1326,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _select_vue_vue_type_template_id_1c8c5896___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _select_vue_vue_type_template_id_1c8c5896___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -680,54 +1338,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
+component.options.__file = "resources/assets/js/views/suratMasuk/select.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/views/suratMasuk/select.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************!*\
+  !*** ./resources/assets/js/views/suratMasuk/select.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/select.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/suratMasuk/select.vue?vue&type=template&id=1c8c5896&":
+/*!****************************************************************************************!*\
+  !*** ./resources/assets/js/views/suratMasuk/select.vue?vue&type=template&id=1c8c5896& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_1c8c5896___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=template&id=1c8c5896& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/select.vue?vue&type=template&id=1c8c5896&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_1c8c5896___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_1c8c5896___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapJenis/create.vue":
-/*!*************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapJenis/create.vue ***!
-  \*************************************************************/
+/***/ "./resources/assets/js/views/suratMasuk/table.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/suratMasuk/table.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _create_vue_vue_type_template_id_c7b0b908___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create.vue?vue&type=template&id=c7b0b908& */ "./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=template&id=c7b0b908&");
-/* harmony import */ var _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_81dfbfb8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=81dfbfb8& */ "./resources/assets/js/views/suratMasuk/table.vue?vue&type=template&id=81dfbfb8&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/suratMasuk/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -737,9 +1395,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _create_vue_vue_type_template_id_c7b0b908___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _create_vue_vue_type_template_id_c7b0b908___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_81dfbfb8___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_81dfbfb8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -749,38 +1407,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/asetTetapJenis/create.vue"
+component.options.__file = "resources/assets/js/views/suratMasuk/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/suratMasuk/table.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/suratMasuk/table.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=template&id=c7b0b908&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=template&id=c7b0b908& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/views/suratMasuk/table.vue?vue&type=template&id=81dfbfb8&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/suratMasuk/table.vue?vue&type=template&id=81dfbfb8& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_c7b0b908___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=template&id=c7b0b908& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=template&id=c7b0b908&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_c7b0b908___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_81dfbfb8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=81dfbfb8& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/suratMasuk/table.vue?vue&type=template&id=81dfbfb8&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_81dfbfb8___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_c7b0b908___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_81dfbfb8___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/91.js b/public/js/components/91.js
index 6416054f0..7888083c5 100644
--- a/public/js/components/91.js
+++ b/public/js/components/91.js
@@ -218,10 +218,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/aktivitas.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/aktivitas.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -229,9 +229,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _component_aktivitas__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_component/aktivitas */ "./resources/assets/js/views/user/_component/aktivitas.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/asetTetapJenis/form.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -255,149 +253,34 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  name: 'UserIndex',
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    aktivitas: _component_aktivitas__WEBPACK_IMPORTED_MODULE_3__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    formData: _form_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
   },
   data: function data() {
     return {
-      title: 'Aktivitas User',
-      kelas: 'user',
-      level2Title: 'User',
-      titleDesc: 'Melihat aktivitas user',
-      titleIcon: 'icon-eye2'
+      title: 'Tambah Jenis Aset Tetap',
+      titleDesc: 'Menambah jenis aset tetap',
+      titleIcon: 'icon-plus3',
+      level2Title: 'Jenis Aset Tetap',
+      kelas: 'asetTetapJenis'
     };
   },
-  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
-    next(function (vm) {
-      return vm.fetch();
-    });
-  },
-  watch: {
-    itemDataStat: function itemDataStat(value) {
-      if (value === "success") {
-        this.fetchAktivitas(1);
-      }
-    }
-  },
+  created: function created() {},
+  watch: {},
   methods: {
-    fetch: function fetch() {
-      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-    },
-    fetchAktivitas: function fetchAktivitas(value) {
-      this.$store.dispatch(this.kelas + '/getActivity', [value, this.itemData.id]);
-    },
     back: function back() {
-      if (this.itemData.id_cu) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.itemData.id_cu
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        });
-      }
+      this.$router.push({
+        name: this.kelas
+      });
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('user', {
-    itemData: 'data',
-    itemDataStat: 'dataStat',
-    activity: 'dataS',
-    activityStat: 'dataStatS'
   }))
 });
 
@@ -641,10 +524,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/aktivitas.vue?vue&type=template&id=58ead683&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/aktivitas.vue?vue&type=template&id=58ead683& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=template&id=c7b0b908&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=template&id=c7b0b908& ***!
+  \**************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -666,6 +549,7 @@ var render = function () {
           titleIcon: _vm.titleIcon,
           level: 2,
           level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
         },
         on: {
           level2Back: function ($event) {
@@ -679,217 +563,7 @@ var render = function () {
           _c(
             "div",
             { staticClass: "content" },
-            [
-              _vm.activityStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.activity,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.itemDataStat == "success"
-                ? _c("div", { staticClass: "card" }, [
-                    _c("div", { staticClass: "card-body" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass:
-                            "media flex-column flex-sm-row mt-0 mb-3",
-                        },
-                        [
-                          _c("div", { staticClass: "mr-sm-3 mb-2 mb-sm-0" }, [
-                            _vm.itemData.aktivis && _vm.itemData.aktivis.gambar
-                              ? _c("img", {
-                                  staticClass: "img-fluid img-preview rounded",
-                                  attrs: {
-                                    src:
-                                      "/images/aktivis/" +
-                                      _vm.itemData.aktivis.gambar +
-                                      ".jpg",
-                                  },
-                                })
-                              : _c("img", {
-                                  staticClass: "img-fluid img-preview rounded",
-                                  attrs: { src: "/images/no_image_man.jpg" },
-                                }),
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "media-body" }, [
-                            _c("div", { staticClass: "row" }, [
-                              _c("div", { staticClass: "col-sm-6" }, [
-                                _c(
-                                  "ul",
-                                  { staticClass: "list list-unstyled mb-0" },
-                                  [
-                                    _c("li", [
-                                      _c("b", [_vm._v("Username:")]),
-                                      _vm._v(
-                                        " " + _vm._s(_vm.itemData.username)
-                                      ),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("li", [
-                                      _c("b", [_vm._v("Nama:")]),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.itemData.aktivis
-                                              ? _vm.itemData.aktivis.name
-                                              : "-"
-                                          )
-                                      ),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("li", [
-                                      _c("b", [_vm._v("Email:")]),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.itemData.aktivis
-                                              ? _vm.itemData.aktivis.email
-                                              : "-"
-                                          )
-                                      ),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("li", [
-                                      _c("b", [_vm._v("CU:")]),
-                                      _vm._v(
-                                        " " +
-                                          _vm._s(
-                                            _vm.itemData.cu
-                                              ? _vm.itemData.cu.name
-                                              : "PUSKOPCUINA"
-                                          )
-                                      ),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("li", [
-                                      _c("b", [_vm._v("Tingkat:")]),
-                                      _vm._v(" "),
-                                      _vm.itemData.aktivis &&
-                                      _vm.itemData.aktivis.pekerjaan_aktif
-                                        ? _c("span", {
-                                            domProps: {
-                                              innerHTML: _vm._s(
-                                                _vm.$options.filters.checkTingkatAktivis(
-                                                  _vm.itemData.aktivis
-                                                    .pekerjaan_aktif.tingkat
-                                                )
-                                              ),
-                                            },
-                                          })
-                                        : _c("span", [_vm._v("-")]),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c(
-                                      "li",
-                                      [
-                                        _c("b", [_vm._v("Jabatan:")]),
-                                        _vm._v(" "),
-                                        _vm.itemData.aktivis &&
-                                        _vm.itemData.aktivis.pekerjaan_aktif
-                                          ? _c("check-value", {
-                                              attrs: {
-                                                value:
-                                                  _vm.itemData.aktivis
-                                                    .pekerjaan_aktif.name,
-                                              },
-                                            })
-                                          : _c("span", [_vm._v("-")]),
-                                      ],
-                                      1
-                                    ),
-                                  ]
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c("div", { staticClass: "col-sm-6" }, [
-                                _c(
-                                  "ul",
-                                  { staticClass: "list list-unstyled mb-0" },
-                                  [
-                                    _c("li", [
-                                      _c("b", [_vm._v("Status:")]),
-                                      _vm._v(" "),
-                                      _vm.itemData.status > 0
-                                        ? _c("span", [_vm._v(" Aktif")])
-                                        : _c("span", [_vm._v(" Tidak Aktif")]),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("li", [
-                                      _c("b", [_vm._v("Login:")]),
-                                      _vm._v(" "),
-                                      _c("span", {
-                                        domProps: {
-                                          innerHTML: _vm._s(
-                                            _vm.$options.filters.dateTime(
-                                              _vm.itemData.login
-                                            )
-                                          ),
-                                        },
-                                      }),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("li", [
-                                      _c("b", [_vm._v("Tgl. Buat:")]),
-                                      _vm._v(" "),
-                                      _c("span", {
-                                        domProps: {
-                                          innerHTML: _vm._s(
-                                            _vm.$options.filters.dateTime(
-                                              _vm.itemData.created_at
-                                            )
-                                          ),
-                                        },
-                                      }),
-                                    ]),
-                                    _vm._v(" "),
-                                    _c("li", [
-                                      _c("b", [_vm._v("Tgl. Ubah:")]),
-                                      _vm._v(" "),
-                                      _c("span", {
-                                        domProps: {
-                                          innerHTML: _vm._s(
-                                            _vm.$options.filters.dateTime(
-                                              _vm.itemData.updated_at
-                                            )
-                                          ),
-                                        },
-                                      }),
-                                    ]),
-                                  ]
-                                ),
-                              ]),
-                            ]),
-                          ]),
-                        ]
-                      ),
-                    ]),
-                  ])
-                : _vm.itemDataStat == "loading"
-                ? _c("div", [_vm._m(0)])
-                : _c("div", [_vm._m(1)]),
-              _vm._v(" "),
-              _c("aktivitas", {
-                attrs: {
-                  activity: _vm.activity,
-                  activityStat: _vm.activityStat,
-                },
-                on: { fetchAktivitas: _vm.fetchAktivitas },
-              }),
-            ],
+            [_c("form-data", { attrs: { mode: "tambah" } })],
             1
           ),
         ]),
@@ -898,40 +572,7 @@ var render = function () {
     1
   )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h4", [_vm._v("Mohon tunggu...")]),
-        _vm._v(" "),
-        _c("div", { staticClass: "progress" }, [
-          _c(
-            "div",
-            {
-              staticClass:
-                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
-              staticStyle: { width: "100%" },
-            },
-            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
-          ),
-        ]),
-      ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h3", [_vm._v("Oops terjadi kesalahan")]),
-      ]),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
@@ -1076,17 +717,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/aktivitas.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/user/aktivitas.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/views/asetTetapJenis/create.vue":
+/*!*************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapJenis/create.vue ***!
+  \*************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _aktivitas_vue_vue_type_template_id_58ead683___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./aktivitas.vue?vue&type=template&id=58ead683& */ "./resources/assets/js/views/user/aktivitas.vue?vue&type=template&id=58ead683&");
-/* harmony import */ var _aktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./aktivitas.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/aktivitas.vue?vue&type=script&lang=js&");
+/* harmony import */ var _create_vue_vue_type_template_id_c7b0b908___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create.vue?vue&type=template&id=c7b0b908& */ "./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=template&id=c7b0b908&");
+/* harmony import */ var _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1096,9 +737,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _aktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _aktivitas_vue_vue_type_template_id_58ead683___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _aktivitas_vue_vue_type_template_id_58ead683___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _create_vue_vue_type_template_id_c7b0b908___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _create_vue_vue_type_template_id_c7b0b908___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1108,38 +749,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/user/aktivitas.vue"
+component.options.__file = "resources/assets/js/views/asetTetapJenis/create.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/aktivitas.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/user/aktivitas.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_aktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./aktivitas.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/aktivitas.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_aktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/aktivitas.vue?vue&type=template&id=58ead683&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/user/aktivitas.vue?vue&type=template&id=58ead683& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=template&id=c7b0b908&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=template&id=c7b0b908& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_aktivitas_vue_vue_type_template_id_58ead683___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./aktivitas.vue?vue&type=template&id=58ead683& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/aktivitas.vue?vue&type=template&id=58ead683&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_aktivitas_vue_vue_type_template_id_58ead683___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_c7b0b908___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=template&id=c7b0b908& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/asetTetapJenis/create.vue?vue&type=template&id=c7b0b908&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_c7b0b908___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_aktivitas_vue_vue_type_template_id_58ead683___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_c7b0b908___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/92.js b/public/js/components/92.js
index b5d90d8d6..0caf5390a 100644
--- a/public/js/components/92.js
+++ b/public/js/components/92.js
@@ -218,10 +218,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/indexAktivitas.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/indexAktivitas.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/aktivitas.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/aktivitas.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -230,9 +230,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var laravel_vue_pagination__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! laravel-vue-pagination */ "./node_modules/laravel-vue-pagination/dist/laravel-vue-pagination.common.js");
-/* harmony import */ var laravel_vue_pagination__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(laravel_vue_pagination__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _component_aktivitas__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_component/aktivitas */ "./resources/assets/js/views/user/_component/aktivitas.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -322,54 +321,81 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
+  name: 'UserIndex',
   components: {
     pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
     message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    pagination: laravel_vue_pagination__WEBPACK_IMPORTED_MODULE_4___default.a
+    aktivitas: _component_aktivitas__WEBPACK_IMPORTED_MODULE_3__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
   data: function data() {
     return {
-      title: 'Activity Log',
+      title: 'Aktivitas User',
       kelas: 'user',
-      titleDesc: 'Melihat semua aktivitas user',
+      level2Title: 'User',
+      titleDesc: 'Melihat aktivitas user',
       titleIcon: 'icon-eye2'
     };
   },
   beforeRouteEnter: function beforeRouteEnter(to, from, next) {
     next(function (vm) {
-      return vm.fetch(1);
+      return vm.fetch();
     });
   },
-  watch: {},
-  methods: {
-    fetch: function fetch(value) {
-      this.$store.dispatch(this.kelas + '/indexActivity', value);
+  watch: {
+    itemDataStat: function itemDataStat(value) {
+      if (value === "success") {
+        this.fetchAktivitas(1);
+      }
     }
   },
-  filters: {
-    description: function description(value) {
-      if (value == 'created') {
-        return 'Menambah';
-      } else if (value == 'updated') {
-        return 'Mengubah';
-      } else if (value == 'deleted') {
-        return 'Menghapus';
-      }
+  methods: {
+    fetch: function fetch() {
+      this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+    },
+    fetchAktivitas: function fetchAktivitas(value) {
+      this.$store.dispatch(this.kelas + '/getActivity', [value, this.itemData.id]);
     },
-    subjectType: function subjectType(value) {
-      return value;
+    back: function back() {
+      if (this.itemData.id_cu) {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.itemData.id_cu
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        });
+      }
     }
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('user', {
+    itemData: 'data',
+    itemDataStat: 'dataStat',
     activity: 'dataS',
     activityStat: 'dataStatS'
   }))
@@ -615,10 +641,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/indexAktivitas.vue?vue&type=template&id=3f971403&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/indexAktivitas.vue?vue&type=template&id=3f971403& ***!
-  \************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/aktivitas.vue?vue&type=template&id=58ead683&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/aktivitas.vue?vue&type=template&id=58ead683& ***!
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -638,6 +664,13 @@ var render = function () {
           title: _vm.title,
           titleDesc: _vm.titleDesc,
           titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
         },
       }),
       _vm._v(" "),
@@ -656,199 +689,206 @@ var render = function () {
                   })
                 : _vm._e(),
               _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-block",
-                  attrs: { type: "button" },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.fetch(1)
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
                     },
-                  },
-                },
-                [
-                  _c("i", {
-                    staticClass: "icon-sync",
-                    class: { spinner: _vm.activityStat === "loading" },
-                  }),
-                ]
-              ),
-              _vm._v(" "),
-              _c("hr"),
+                  })
+                : _vm._e(),
               _vm._v(" "),
-              _vm.activityStat == "success"
-                ? _c(
-                    "div",
-                    {
-                      staticClass:
-                        "card-group-control card-group-control-right",
-                      attrs: { id: "accordion-control-right" },
-                    },
-                    [
-                      _vm._l(_vm.activity.data, function (item, index) {
-                        return _c("div", { key: index, staticClass: "card" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "card-header text-white",
-                              class: {
-                                "bg-primary": item.description == "created",
-                                "bg-warning": item.description == "updated",
-                                "bg-danger": item.description == "deleted",
-                              },
-                            },
-                            [
-                              _c("h6", { staticClass: "card-title" }, [
-                                _c(
-                                  "a",
-                                  {
-                                    staticClass: "text-white collapsed",
-                                    attrs: {
-                                      "data-toggle": "collapse",
-                                      href: "#v" + item.id,
-                                      "aria-expanded": "false",
-                                    },
+              _vm.itemDataStat == "success"
+                ? _c("div", { staticClass: "card" }, [
+                    _c("div", { staticClass: "card-body" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass:
+                            "media flex-column flex-sm-row mt-0 mb-3",
+                        },
+                        [
+                          _c("div", { staticClass: "mr-sm-3 mb-2 mb-sm-0" }, [
+                            _vm.itemData.aktivis && _vm.itemData.aktivis.gambar
+                              ? _c("img", {
+                                  staticClass: "img-fluid img-preview rounded",
+                                  attrs: {
+                                    src:
+                                      "/images/aktivis/" +
+                                      _vm.itemData.aktivis.gambar +
+                                      ".jpg",
                                   },
+                                })
+                              : _c("img", {
+                                  staticClass: "img-fluid img-preview rounded",
+                                  attrs: { src: "/images/no_image_man.jpg" },
+                                }),
+                          ]),
+                          _vm._v(" "),
+                          _c("div", { staticClass: "media-body" }, [
+                            _c("div", { staticClass: "row" }, [
+                              _c("div", { staticClass: "col-sm-6" }, [
+                                _c(
+                                  "ul",
+                                  { staticClass: "list list-unstyled mb-0" },
                                   [
-                                    _vm._v(
-                                      "User dengan id " +
-                                        _vm._s(item.causer_id) +
+                                    _c("li", [
+                                      _c("b", [_vm._v("Username:")]),
+                                      _vm._v(
+                                        " " + _vm._s(_vm.itemData.username)
+                                      ),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("li", [
+                                      _c("b", [_vm._v("Nama:")]),
+                                      _vm._v(
                                         " " +
-                                        _vm._s(
-                                          _vm._f("description")(
-                                            item.description
+                                          _vm._s(
+                                            _vm.itemData.aktivis
+                                              ? _vm.itemData.aktivis.name
+                                              : "-"
                                           )
-                                        ) +
-                                        " data "
-                                    ),
-                                    _c("b", [
+                                      ),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("li", [
+                                      _c("b", [_vm._v("Email:")]),
                                       _vm._v(
-                                        _vm._s(
-                                          _vm._f("subjectType")(
-                                            item.subject_type
+                                        " " +
+                                          _vm._s(
+                                            _vm.itemData.aktivis
+                                              ? _vm.itemData.aktivis.email
+                                              : "-"
                                           )
-                                        )
                                       ),
                                     ]),
-                                    _vm._v(
-                                      " dengan id " +
-                                        _vm._s(item.subject_id) +
-                                        " pada " +
-                                        _vm._s(
-                                          _vm._f("relativeHour")(
-                                            item.created_at
+                                    _vm._v(" "),
+                                    _c("li", [
+                                      _c("b", [_vm._v("CU:")]),
+                                      _vm._v(
+                                        " " +
+                                          _vm._s(
+                                            _vm.itemData.cu
+                                              ? _vm.itemData.cu.name
+                                              : "PUSKOPCUINA"
                                           )
-                                        )
+                                      ),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("li", [
+                                      _c("b", [_vm._v("Tingkat:")]),
+                                      _vm._v(" "),
+                                      _vm.itemData.aktivis &&
+                                      _vm.itemData.aktivis.pekerjaan_aktif
+                                        ? _c("span", {
+                                            domProps: {
+                                              innerHTML: _vm._s(
+                                                _vm.$options.filters.checkTingkatAktivis(
+                                                  _vm.itemData.aktivis
+                                                    .pekerjaan_aktif.tingkat
+                                                )
+                                              ),
+                                            },
+                                          })
+                                        : _c("span", [_vm._v("-")]),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c(
+                                      "li",
+                                      [
+                                        _c("b", [_vm._v("Jabatan:")]),
+                                        _vm._v(" "),
+                                        _vm.itemData.aktivis &&
+                                        _vm.itemData.aktivis.pekerjaan_aktif
+                                          ? _c("check-value", {
+                                              attrs: {
+                                                value:
+                                                  _vm.itemData.aktivis
+                                                    .pekerjaan_aktif.name,
+                                              },
+                                            })
+                                          : _c("span", [_vm._v("-")]),
+                                      ],
+                                      1
                                     ),
                                   ]
                                 ),
                               ]),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "div",
-                            {
-                              staticClass: "collapse",
-                              attrs: {
-                                id: "v" + item.id,
-                                "data-parent": "#accordion-control-right",
-                              },
-                            },
-                            [
-                              _c("div", { staticClass: "card-body" }, [
-                                _c("strong", [_vm._v("Tanggal Aktivitas: ")]),
-                                _vm._v(" "),
-                                _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        item.created_at
-                                      )
-                                    ),
-                                  },
-                                }),
-                                _vm._v(" "),
-                                _c("hr"),
-                                _vm._v(" "),
-                                item.description == "created"
-                                  ? _c("strong", [
-                                      _vm._v("Data yang ditambah:"),
-                                    ])
-                                  : item.description == "updated"
-                                  ? _c("strong", [_vm._v("Data yang diubah:")])
-                                  : item.description == "deleted"
-                                  ? _c("strong", [_vm._v("Data yang dihapus:")])
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                item.properties
-                                  ? _c("div", [
-                                      _c(
-                                        "pre",
-                                        {
-                                          staticClass:
-                                            "pre-scrollable language-markup content-group text-left",
+                              _vm._v(" "),
+                              _c("div", { staticClass: "col-sm-6" }, [
+                                _c(
+                                  "ul",
+                                  { staticClass: "list list-unstyled mb-0" },
+                                  [
+                                    _c("li", [
+                                      _c("b", [_vm._v("Status:")]),
+                                      _vm._v(" "),
+                                      _vm.itemData.status > 0
+                                        ? _c("span", [_vm._v(" Aktif")])
+                                        : _c("span", [_vm._v(" Tidak Aktif")]),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("li", [
+                                      _c("b", [_vm._v("Login:")]),
+                                      _vm._v(" "),
+                                      _c("span", {
+                                        domProps: {
+                                          innerHTML: _vm._s(
+                                            _vm.$options.filters.dateTime(
+                                              _vm.itemData.login
+                                            )
+                                          ),
                                         },
-                                        [
-                                          _c("code", [
-                                            _vm._v(
-                                              _vm._s(item.properties.attributes)
-                                            ),
-                                          ]),
-                                        ]
-                                      ),
+                                      }),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("li", [
+                                      _c("b", [_vm._v("Tgl. Buat:")]),
                                       _vm._v(" "),
-                                      item.properties.old
-                                        ? _c("div", [
-                                            _c("hr"),
-                                            _vm._v(" "),
-                                            _c("strong", [
-                                              _vm._v("Data sebelum diubah"),
-                                            ]),
-                                            _vm._v(" "),
-                                            _c(
-                                              "pre",
-                                              {
-                                                staticClass:
-                                                  "pre-scrollable language-markup content-group text-left",
-                                              },
-                                              [
-                                                _c("code", [
-                                                  _vm._v(
-                                                    _vm._s(item.properties.old)
-                                                  ),
-                                                ]),
-                                              ]
-                                            ),
-                                          ])
-                                        : _vm._e(),
-                                    ])
-                                  : _vm._e(),
+                                      _c("span", {
+                                        domProps: {
+                                          innerHTML: _vm._s(
+                                            _vm.$options.filters.dateTime(
+                                              _vm.itemData.created_at
+                                            )
+                                          ),
+                                        },
+                                      }),
+                                    ]),
+                                    _vm._v(" "),
+                                    _c("li", [
+                                      _c("b", [_vm._v("Tgl. Ubah:")]),
+                                      _vm._v(" "),
+                                      _c("span", {
+                                        domProps: {
+                                          innerHTML: _vm._s(
+                                            _vm.$options.filters.dateTime(
+                                              _vm.itemData.updated_at
+                                            )
+                                          ),
+                                        },
+                                      }),
+                                    ]),
+                                  ]
+                                ),
                               ]),
-                            ]
-                          ),
-                        ])
-                      }),
-                      _vm._v(" "),
-                      _vm.activity.data.length == 0
-                        ? _c("div", [_vm._m(0)])
-                        : _vm._e(),
-                    ],
-                    2
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.activityStat == "loading" ? _c("div", [_vm._m(1)]) : _vm._e(),
+                            ]),
+                          ]),
+                        ]
+                      ),
+                    ]),
+                  ])
+                : _vm.itemDataStat == "loading"
+                ? _c("div", [_vm._m(0)])
+                : _c("div", [_vm._m(1)]),
               _vm._v(" "),
-              _vm.activityStat == "success"
-                ? _c("pagination", {
-                    staticClass: "pre-scrollable",
-                    attrs: { data: _vm.activity, limit: 10 },
-                    on: { "pagination-change-page": _vm.fetch },
-                  })
-                : _vm._e(),
+              _c("aktivitas", {
+                attrs: {
+                  activity: _vm.activity,
+                  activityStat: _vm.activityStat,
+                },
+                on: { fetchAktivitas: _vm.fetchAktivitas },
+              }),
             ],
             1
           ),
@@ -859,16 +899,6 @@ var render = function () {
   )
 }
 var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("h3", [_vm._v("Belum terdapat aktivitas apapun...")]),
-      ]),
-    ])
-  },
   function () {
     var _vm = this
     var _h = _vm.$createElement
@@ -891,6 +921,16 @@ var staticRenderFns = [
       ]),
     ])
   },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h3", [_vm._v("Oops terjadi kesalahan")]),
+      ]),
+    ])
+  },
 ]
 render._withStripped = true
 
@@ -1036,17 +1076,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/indexAktivitas.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/views/user/indexAktivitas.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/views/user/aktivitas.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/user/aktivitas.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _indexAktivitas_vue_vue_type_template_id_3f971403___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./indexAktivitas.vue?vue&type=template&id=3f971403& */ "./resources/assets/js/views/user/indexAktivitas.vue?vue&type=template&id=3f971403&");
-/* harmony import */ var _indexAktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./indexAktivitas.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/indexAktivitas.vue?vue&type=script&lang=js&");
+/* harmony import */ var _aktivitas_vue_vue_type_template_id_58ead683___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./aktivitas.vue?vue&type=template&id=58ead683& */ "./resources/assets/js/views/user/aktivitas.vue?vue&type=template&id=58ead683&");
+/* harmony import */ var _aktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./aktivitas.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/aktivitas.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1056,9 +1096,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _indexAktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _indexAktivitas_vue_vue_type_template_id_3f971403___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _indexAktivitas_vue_vue_type_template_id_3f971403___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _aktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _aktivitas_vue_vue_type_template_id_58ead683___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _aktivitas_vue_vue_type_template_id_58ead683___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1068,38 +1108,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/user/indexAktivitas.vue"
+component.options.__file = "resources/assets/js/views/user/aktivitas.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/indexAktivitas.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/views/user/indexAktivitas.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/views/user/aktivitas.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/user/aktivitas.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_indexAktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./indexAktivitas.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/indexAktivitas.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_indexAktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_aktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./aktivitas.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/aktivitas.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_aktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/user/indexAktivitas.vue?vue&type=template&id=3f971403&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/views/user/indexAktivitas.vue?vue&type=template&id=3f971403& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/views/user/aktivitas.vue?vue&type=template&id=58ead683&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/user/aktivitas.vue?vue&type=template&id=58ead683& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_indexAktivitas_vue_vue_type_template_id_3f971403___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./indexAktivitas.vue?vue&type=template&id=3f971403& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/indexAktivitas.vue?vue&type=template&id=3f971403&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_indexAktivitas_vue_vue_type_template_id_3f971403___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_aktivitas_vue_vue_type_template_id_58ead683___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./aktivitas.vue?vue&type=template&id=58ead683& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/aktivitas.vue?vue&type=template&id=58ead683&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_aktivitas_vue_vue_type_template_id_58ead683___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_indexAktivitas_vue_vue_type_template_id_3f971403___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_aktivitas_vue_vue_type_template_id_58ead683___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/93.js b/public/js/components/93.js
index ea1372ec1..502b537c9 100644
--- a/public/js/components/93.js
+++ b/public/js/components/93.js
@@ -1,14 +1,26 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[93],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./resources/assets/js/components/modal.vue");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -22,48 +34,71 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_0__["default"],
+    appModal: _modal__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
   props: {
-    id: {
+    value: {
       "default": ''
+    },
+    frontText: {
+      "default": ''
+    },
+    trimLength: {
+      "default": 50
+    },
+    valueType: {
+      "default": 'trim'
+    },
+    empty: {
+      "default": '-'
     }
   },
   data: function data() {
     return {
-      clicked: false
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalContent: '',
+      modalButton: ''
     };
   },
   methods: {
-    btnClick: function btnClick() {
-      var _this = this;
-
-      if (this.clicked) {
-        setTimeout(function () {
-          return _this.clicked = false;
-        }, 400);
-      } else {
-        this.clicked = true;
-      }
+    modalOpen: function modalOpen() {
+      this.modalShow = true;
+      this.modalState = 'content-tutup';
+      this.modalContent = this.value;
+      this.modalButton = 'Tutup';
+    },
+    modalTutup: function modalTutup() {
+      this.modalShow = false;
+    },
+    strip: function strip(html) {
+      var tmp = document.createElement("DIV");
+      tmp.innerHTML = html;
+      return tmp.textContent || tmp.innerText || "";
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/anggotaProdukCuDraft/table.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -107,74 +142,97 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-
-
-
-
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Produk Anggota CU [DRAFT]',
-      kelas: 'anggotaCu',
-      titleDesc: 'Mengelola produk anggota CU [DRAFT]',
-      titleIcon: 'icon-list2',
-      selectCuPath: 'anggotaProdukCuDraft'
-    };
-  },
-  created: function created() {
-    this.checkUser('upload_anggota_cu', this.$route.params.cu);
+  props: {
+    title: {
+      "default": ''
+    },
+    titleIcon: {
+      "default": ''
+    },
+    titleDesc: {
+      "default": ''
+    },
+    level: {
+      "default": 1
+    },
+    level2Title: {
+      "default": ''
+    },
+    level2Route: {
+      "default": ''
+    }
   },
   methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
+    level2Back: function level2Back() {
+      this.$emit('level2Back');
+    },
+    route1: function route1() {
+      if (this.btn1RouteParams) {
+        this.$router.push({
+          name: this.btn1Route,
+          params: {
+            cu: this.btn1RouteParams
           }
-        }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn1Route
+        });
+      }
+    },
+    route2: function route2() {
+      if (this.btn2RouteParams) {
+        this.$router.push({
+          name: this.btn2Route,
+          params: {
+            cu: this.btn2RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn2Route
+        });
+      }
+    },
+    route3: function route3() {
+      if (this.btn3RouteParams) {
+        this.$router.push({
+          name: this.btn3Route,
+          params: {
+            cu: this.btn3RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn3Route
+        });
       }
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/indexAktivitas.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/indexAktivitas.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/anggotaProdukCuDraft/form.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var laravel_vue_pagination__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! laravel-vue-pagination */ "./node_modules/laravel-vue-pagination/dist/laravel-vue-pagination.common.js");
+/* harmony import */ var laravel_vue_pagination__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(laravel_vue_pagination__WEBPACK_IMPORTED_MODULE_4__);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -264,61 +322,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
 
 
 
@@ -326,236 +329,58 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formProduk: _form_vue__WEBPACK_IMPORTED_MODULE_6__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    pagination: laravel_vue_pagination__WEBPACK_IMPORTED_MODULE_4___default.a
   },
-  props: ["title", "kelas", "itemData", "itemDataStat"],
   data: function data() {
     return {
-      anggota_cu: {},
-      selectedItem: [],
-      excelDownloadUrl: '',
-      query: {
-        order_column: "no_ba",
-        order_direction: "asc",
-        filter_match: "and",
-        limit: 100,
-        page: 1
-      },
-      columnData: [{
-        title: 'No.',
-        name: 'No.'
-      }, {
-        title: 'No. KTP',
-        name: 'anggota_cu.nik',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Nama',
-        name: 'anggota_cu.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterDefault: true
-      }, {
-        title: 'No. BA',
-        name: 'no_ba',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'CU',
-        name: 'cu.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Produk',
-        name: 'produk_cu.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: "Saldo",
-        name: "saldo",
-        tipe: "numeric",
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Buka',
-        name: 'tanggal_buka',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. Transaksi',
-        name: 'tanggal_transaksi',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Lama Pinjaman',
-        name: 'lama_pinjaman',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Lama Sisa Pinjaman',
-        name: 'lama_sisa_pinjaman',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Buat',
-        name: 'created_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Tgl. / Waktu Ubah',
-        name: 'updated_at',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
-      }],
-      formModel: [],
-      state: '',
-      modalShow: false,
-      modalState: "",
-      modalTitle: "",
-      modalContent: "",
-      modalButton: "",
-      modalColor: ""
+      title: 'Activity Log',
+      kelas: 'user',
+      titleDesc: 'Melihat semua aktivitas user',
+      titleIcon: 'icon-eye2'
     };
   },
-  created: function created() {
-    this.fetch(this.query);
+  beforeRouteEnter: function beforeRouteEnter(to, from, next) {
+    next(function (vm) {
+      return vm.fetch(1);
+    });
   },
-  watch: {
-    // check route changes
-    '$route': function $route(to, from) {
-      this.fetch(this.query);
-    },
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = "Ok";
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = "";
-        this.fetch(this.query);
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = "";
-      }
+  watch: {},
+  methods: {
+    fetch: function fetch(value) {
+      this.$store.dispatch(this.kelas + '/indexActivity', value);
     }
   },
-  methods: {
-    fetch: function fetch(params) {
-      this.$store.dispatch(this.kelas + '/indexProdukCuDraft', [params, this.$route.params.cu]);
-      this.excelDownloadUrl = 'anggotaProdukCuDraft/index/' + this.$route.params.cu;
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    ubahData: function ubahData(id) {
-      this.$router.push({
-        name: "anggotaProdukCuDraftEdit",
-        params: {
-          id: id
-        }
-      });
-    },
-    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.state = state;
-
-      if (isMobile) {
-        this.selectedItem = itemMobile;
-      }
-
-      if (state == "simpan") {
-        this.modalState = "confirm-tutup";
-        this.modalTitle = "Simpan " + this.title + " ini?";
-        this.modalButton = "Iya, Simpan";
-      } else if (state == "simpan_semua") {
-        this.modalState = "confirm-tutup";
-        this.modalTitle = "Simpan semua " + this.title + " ini?";
-        this.modalButton = "Iya, Simpan";
-      } else if (state == "hapus") {
-        this.modalState = "confirm-tutup";
-        this.modalTitle = "Hapus " + this.title + " " + this.selectedItem.name + " ini?";
-        this.modalButton = "Iya, Hapus";
-      } else if (state == "hapus_semua") {
-        this.modalState = "confirm-tutup";
-        this.modalTitle = "Hapus semua" + this.title + " ini?";
-        this.modalButton = "Iya, Hapus";
-      } else if (state == "edit") {
-        this.modalState = 'normal1';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah produk';
-        this.formModel = Object.assign({}, this.selectedItem);
+  filters: {
+    description: function description(value) {
+      if (value == 'created') {
+        return 'Menambah';
+      } else if (value == 'updated') {
+        return 'Mengubah';
+      } else if (value == 'deleted') {
+        return 'Menghapus';
       }
     },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-      this.$store.dispatch(this.kelas + "/resetUpdateStat");
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      if (this.state == "simpan") {
-        this.$store.dispatch(this.kelas + "/storeProdukCuDraft", this.selectedItem.id);
-      } else if (this.state == "hapus") {
-        this.$store.dispatch(this.kelas + "/destroyProdukCuDraft", [this.selectedItem.id, this.$route.params.cu]);
-      } else if (this.state == "hapus_semua") {
-        this.$store.dispatch(this.kelas + "/destroyProdukCuDraftAll", this.$route.params.cu);
-      } else if (this.state == "simpan_semua") {
-        this.$store.dispatch(this.kelas + "/storeProdukCuDraftAll", this.$route.params.cu);
-      }
+    subjectType: function subjectType(value) {
+      return value;
     }
   },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("anggotaCu", {
-    updateMessage: "update",
-    updateStat: "updateStat"
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("auth", {
-    currentUser: "currentUser"
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('user', {
+    activity: 'dataS',
+    activityStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
-  \************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -567,29 +392,95 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "button",
-      {
-        staticClass: "btn btn-link btn-block",
-        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
-        on: { click: _vm.btnClick },
-      },
-      [
-        _vm.clicked
-          ? _c("span", [
-              _c("i", { staticClass: "icon-arrow-up12" }),
-              _vm._v(" Kembali "),
-              _c("i", { staticClass: "icon-arrow-up12" }),
-            ])
-          : _c("span", [
-              _c("i", { staticClass: "icon-arrow-down12" }),
-              _vm._v(" Selengkapnya "),
-              _c("i", { staticClass: "icon-arrow-down12" }),
-            ]),
-      ]
-    ),
-  ])
+  return _c(
+    "div",
+    { staticStyle: { display: "inline-block" } },
+    [
+      _vm.value
+        ? _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm.valueType == "trim"
+              ? _c(
+                  "span",
+                  { staticStyle: { display: "inline-block" } },
+                  [
+                    _c("truncate", {
+                      staticStyle: { display: "inline-block" },
+                      attrs: {
+                        "action-class": "badge bg-blue",
+                        clamp: "selengkapnya >",
+                        length: _vm.trimLength,
+                        less: "< kembali",
+                        text: _vm.frontText + " " + _vm.value,
+                      },
+                    }),
+                  ],
+                  1
+                )
+              : _vm.valueType == "modal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light",
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalOpen()
+                        },
+                      },
+                    },
+                    [_vm._v("\n          Lihat\n      ")]
+                  ),
+                ])
+              : _vm.valueType == "currency"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(
+                        _vm._f("currency")(_vm.value, "", 0, {
+                          thousandsSeparator: ".",
+                        })
+                      )
+                  ),
+                ])
+              : _vm.valueType == "percentage"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("percentage")(_vm.value, 2))
+                  ),
+                ])
+              : _vm.valueType == "decimal"
+              ? _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(
+                    _vm._s(_vm.frontText) +
+                      " " +
+                      _vm._s(_vm._f("round")(_vm.value, 2))
+                  ),
+                ])
+              : _c("span", { staticStyle: { display: "inline-block" } }, [
+                  _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.value)),
+                ]),
+          ])
+        : _c("span", { staticStyle: { display: "inline-block" } }, [
+            _vm._v(_vm._s(_vm.frontText) + " " + _vm._s(_vm.empty)),
+          ]),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+          content: _vm.modalContent,
+        },
+        on: { tutup: _vm.modalTutup, backgroundClick: _vm.modalTutup },
+      }),
+    ],
+    1
+  )
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -598,10 +489,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=template&id=78e65a29&":
-/*!*******************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=template&id=78e65a29& ***!
-  \*******************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -613,58 +504,109 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-container" }, [
-        _c("div", { staticClass: "page-content" }, [
-          _c("div", { staticClass: "content-wrapper" }, [
-            _c(
-              "div",
-              { staticClass: "content" },
-              [
-                _vm.itemDataStat === "fail"
-                  ? _c("message", {
-                      attrs: {
-                        title: "Oops terjadi kesalahan:",
-                        errorData: _vm.itemData,
-                      },
-                    })
-                  : _vm._e(),
-                _vm._v(" "),
-                _c("select-cu", {
-                  attrs: {
-                    kelas: _vm.kelas,
-                    path: _vm.selectCuPath,
-                    isPus: false,
-                  },
-                }),
-                _vm._v(" "),
-                _c("table-data", {
-                  attrs: {
-                    title: _vm.title,
-                    kelas: _vm.kelas,
-                    itemData: _vm.itemData,
-                    itemDataStat: _vm.itemDataStat,
-                  },
-                }),
-              ],
-              1
-            ),
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
+      _c(
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
+        [
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
           ]),
-        ]),
-      ]),
-    ],
-    1
-  )
+          _vm._v(" "),
+          _c(
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            [
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
+                      _c(
+                        "router-link",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
+                        },
+                        [
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
+                          on: {
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
+                            },
+                          },
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+    ]),
+  ])
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -673,10 +615,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=template&id=32818f25&":
-/*!*******************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=template&id=32818f25& ***!
-  \*******************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/indexAktivitas.vue?vue&type=template&id=3f971403&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/user/indexAktivitas.vue?vue&type=template&id=3f971403& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -691,500 +633,282 @@ var render = function () {
   return _c(
     "div",
     [
-      _c(
-        "div",
-        {
-          staticClass: "alert alert-warning alert-styled-left cursor-pointer",
-          on: {
-            click: function ($event) {
-              $event.preventDefault()
-              return _vm.fetch(_vm.query)
-            },
-          },
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
         },
-        [
-          _c("span", { staticClass: "font-weight-semibold" }, [
-            _vm._v("Perhatian!"),
-          ]),
-          _vm._v(
-            " Dikarenakan proses pengelolaan data hasil upload yang memakan waktu lebih lama, maka mohon menunggu dan mencoba menekan kotak dialog ini dalam beberapa saat kedepan untuk memeriksa apakah proses upload data sudah selesai dan dapat dilihat di tabel dibawah.\n    "
-          ),
-        ]
-      ),
+      }),
       _vm._v(" "),
-      _c(
-        "data-viewer",
-        {
-          attrs: {
-            title: _vm.title,
-            columnData: _vm.columnData,
-            itemData: _vm.itemData,
-            query: _vm.query,
-            excelDownloadUrl: _vm.excelDownloadUrl,
-            itemDataStat: _vm.itemDataStat,
-          },
-          on: { fetch: _vm.fetch },
-          scopedSlots: _vm._u([
-            {
-              key: "item-desktop",
-              fn: function (props) {
-                return [
-                  _c(
-                    "tr",
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.activityStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.activity,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-block",
+                  attrs: { type: "button" },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.fetch(1)
+                    },
+                  },
+                },
+                [
+                  _c("i", {
+                    staticClass: "icon-sync",
+                    class: { spinner: _vm.activityStat === "loading" },
+                  }),
+                ]
+              ),
+              _vm._v(" "),
+              _c("hr"),
+              _vm._v(" "),
+              _vm.activityStat == "success"
+                ? _c(
+                    "div",
                     {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
+                      staticClass:
+                        "card-group-control card-group-control-right",
+                      attrs: { id: "accordion-control-right" },
                     },
                     [
-                      !_vm.columnData[0].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.anggota_cu
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.anggota_cu.nik },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
+                      _vm._l(_vm.activity.data, function (item, index) {
+                        return _c("div", { key: index, staticClass: "card" }, [
+                          _c(
+                            "div",
+                            {
+                              staticClass: "card-header text-white",
+                              class: {
+                                "bg-primary": item.description == "created",
+                                "bg-warning": item.description == "updated",
+                                "bg-danger": item.description == "deleted",
+                              },
+                            },
                             [
-                              props.item.anggota_cu
-                                ? _c("check-value", {
+                              _c("h6", { staticClass: "card-title" }, [
+                                _c(
+                                  "a",
+                                  {
+                                    staticClass: "text-white collapsed",
                                     attrs: {
-                                      value: props.item.anggota_cu.name,
+                                      "data-toggle": "collapse",
+                                      href: "#v" + item.id,
+                                      "aria-expanded": "false",
                                     },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.no_ba },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.cu
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.cu.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.produk_cu
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.produk_cu.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.saldo,
-                                  valueType: "currency",
-                                },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide
-                        ? _c("td", {
-                            staticClass: "text-nowrap",
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.tanggal_buka
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[8].hide
-                        ? _c("td", {
-                            staticClass: "text-nowrap",
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.tanggal_transaksi
-                                )
-                              ),
+                                  },
+                                  [
+                                    _vm._v(
+                                      "User dengan id " +
+                                        _vm._s(item.causer_id) +
+                                        " " +
+                                        _vm._s(
+                                          _vm._f("description")(
+                                            item.description
+                                          )
+                                        ) +
+                                        " data "
+                                    ),
+                                    _c("b", [
+                                      _vm._v(
+                                        _vm._s(
+                                          _vm._f("subjectType")(
+                                            item.subject_type
+                                          )
+                                        )
+                                      ),
+                                    ]),
+                                    _vm._v(
+                                      " dengan id " +
+                                        _vm._s(item.subject_id) +
+                                        " pada " +
+                                        _vm._s(
+                                          _vm._f("relativeHour")(
+                                            item.created_at
+                                          )
+                                        )
+                                    ),
+                                  ]
+                                ),
+                              ]),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "div",
+                            {
+                              staticClass: "collapse",
+                              attrs: {
+                                id: "v" + item.id,
+                                "data-parent": "#accordion-control-right",
+                              },
                             },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[9].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.lama_pinjaman },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[10].hide
-                        ? _c(
-                            "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.lama_sisa_pinjaman },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[11].hide
-                        ? _c("td", {
-                            staticClass: "text-nowrap",
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[12].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
+                              _c("div", { staticClass: "card-body" }, [
+                                _c("strong", [_vm._v("Tanggal Aktivitas: ")]),
+                                _vm._v(" "),
+                                _c("span", {
                                   domProps: {
                                     innerHTML: _vm._s(
                                       _vm.$options.filters.dateTime(
-                                        props.item.updated_at
+                                        item.created_at
                                       )
                                     ),
                                   },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
+                                }),
+                                _vm._v(" "),
+                                _c("hr"),
+                                _vm._v(" "),
+                                item.description == "created"
+                                  ? _c("strong", [
+                                      _vm._v("Data yang ditambah:"),
+                                    ])
+                                  : item.description == "updated"
+                                  ? _c("strong", [_vm._v("Data yang diubah:")])
+                                  : item.description == "deleted"
+                                  ? _c("strong", [_vm._v("Data yang dihapus:")])
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                item.properties
+                                  ? _c("div", [
+                                      _c(
+                                        "pre",
+                                        {
+                                          staticClass:
+                                            "pre-scrollable language-markup content-group text-left",
+                                        },
+                                        [
+                                          _c("code", [
+                                            _vm._v(
+                                              _vm._s(item.properties.attributes)
+                                            ),
+                                          ]),
+                                        ]
+                                      ),
+                                      _vm._v(" "),
+                                      item.properties.old
+                                        ? _c("div", [
+                                            _c("hr"),
+                                            _vm._v(" "),
+                                            _c("strong", [
+                                              _vm._v("Data sebelum diubah"),
+                                            ]),
+                                            _vm._v(" "),
+                                            _c(
+                                              "pre",
+                                              {
+                                                staticClass:
+                                                  "pre-scrollable language-markup content-group text-left",
+                                              },
+                                              [
+                                                _c("code", [
+                                                  _vm._v(
+                                                    _vm._s(item.properties.old)
+                                                  ),
+                                                ]),
+                                              ]
+                                            ),
+                                          ])
+                                        : _vm._e(),
+                                    ])
+                                  : _vm._e(),
+                              ]),
+                            ]
+                          ),
+                        ])
+                      }),
+                      _vm._v(" "),
+                      _vm.activity.data.length == 0
+                        ? _c("div", [_vm._m(0)])
                         : _vm._e(),
-                    ]
-                  ),
-                ]
-              },
-            },
-          ]),
-        },
-        [
-          _c("template", { slot: "button-desktop" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light mb-1",
-                attrs: { disabled: _vm.itemData.length == 0 },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalConfirmOpen("simpan_semua")
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-floppy-disk" }),
-                _vm._v(" Simpan Semua\n        "),
-              ]
-            ),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light mb-1",
-                attrs: { disabled: !_vm.selectedItem.id },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalConfirmOpen("simpan")
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-floppy-disk" }),
-                _vm._v(" Simpan\n        "),
-              ]
-            ),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["update_anggota_cu"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-icon mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("edit")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-pencil5" }),
-                    _vm._v(" Ubah\n        "),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["destroy_anggota_cu"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-icon mb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("hapus")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n        "),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-icon mb-1",
-                attrs: { disabled: _vm.itemData.length == 0 },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalConfirmOpen("hapus_semua")
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-bin2" }),
-                _vm._v(" Hapus Semua\n        "),
-              ]
-            ),
-          ]),
-          _vm._v(" "),
-          _c("template", { slot: "button-mobile" }, [
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block",
-                attrs: { disabled: _vm.itemData.length == 0 },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalConfirmOpen("simpan_semua")
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-floppy-disk" }),
-                _vm._v("Simpan Semua\n        "),
-              ]
-            ),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-block",
-                attrs: { disabled: !_vm.selectedItem.id },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalConfirmOpen("simpan")
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-floppy-disk" }),
-                _vm._v(" Simpan\n        "),
-              ]
-            ),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["update_anggota_cu"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-icon btn-block pb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.ubahData(_vm.selectedItem.id)
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-pencil5" }),
-                    _vm._v(" Ubah\n        "),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.currentUser.can && _vm.currentUser.can["destroy_anggota_cu"]
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-icon btn-block pb-1",
-                    attrs: { disabled: !_vm.selectedItem.id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalConfirmOpen("hapus")
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-bin2" }),
-                    _vm._v(" Hapus\n        "),
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _c(
-              "button",
-              {
-                staticClass: "btn btn-light btn-icon btn-block mb-1",
-                attrs: { disabled: _vm.itemData.length == 0 },
-                on: {
-                  click: function ($event) {
-                    $event.preventDefault()
-                    return _vm.modalConfirmOpen("hapus_semua")
-                  },
-                },
-              },
-              [
-                _c("i", { staticClass: "icon-bin2" }),
-                _vm._v(" Hapus Semua\n        "),
-              ]
-            ),
-          ]),
-        ],
-        2
-      ),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            button: _vm.modalButton,
-            content: _vm.modalContent,
-            color: _vm.modalColor,
-          },
-          on: {
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalTutup,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t\t " + _vm._s(_vm.modalTitle) + "\n\t\t\t "),
-          ]),
-          _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body1" },
-            [
-              _c("form-produk", {
-                attrs: { selected: _vm.formModel },
-                on: { tutup: _vm.modalTutup },
-              }),
+                    ],
+                    2
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.activityStat == "loading" ? _c("div", [_vm._m(1)]) : _vm._e(),
+              _vm._v(" "),
+              _vm.activityStat == "success"
+                ? _c("pagination", {
+                    staticClass: "pre-scrollable",
+                    attrs: { data: _vm.activity, limit: 10 },
+                    on: { "pagination-change-page": _vm.fetch },
+                  })
+                : _vm._e(),
             ],
             1
           ),
-        ],
-        2
-      ),
+        ]),
+      ]),
     ],
     1
   )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h3", [_vm._v("Belum terdapat aktivitas apapun...")]),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card" }, [
+      _c("div", { staticClass: "card-body" }, [
+        _c("h4", [_vm._v("Mohon tunggu...")]),
+        _vm._v(" "),
+        _c("div", { staticClass: "progress" }, [
+          _c(
+            "div",
+            {
+              staticClass:
+                "progress-bar progress-bar-info progress-bar-striped progress-bar-animated",
+              staticStyle: { width: "100%" },
+            },
+            [_c("span", { staticClass: "sr-only" }, [_vm._v("100% Complete")])]
+          ),
+        ]),
+      ]),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue":
-/*!***********************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue ***!
-  \***********************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
-/* harmony import */ var _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
+/* harmony import */ var _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkValue.vue?vue&type=template&id=56ee5620& */ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony import */ var _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkValue.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1194,9 +918,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1206,55 +930,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/collapseButton.vue"
+component.options.__file = "resources/assets/js/components/checkValue.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
-/*!************************************************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
-/*!******************************************************************************************!*\
-  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
-  \******************************************************************************************/
+/***/ "./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./checkValue.vue?vue&type=template&id=56ee5620& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/checkValue.vue?vue&type=template&id=56ee5620&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_checkValue_vue_vue_type_template_id_56ee5620___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaProdukCuDraft/index.vue":
-/*!******************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaProdukCuDraft/index.vue ***!
-  \******************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_78e65a29___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=78e65a29& */ "./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=template&id=78e65a29&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1263,9 +987,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_78e65a29___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_78e65a29___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1275,54 +999,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaProdukCuDraft/index.vue"
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=template&id=78e65a29&":
-/*!*************************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=template&id=78e65a29& ***!
-  \*************************************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_78e65a29___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=78e65a29& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=template&id=78e65a29&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_78e65a29___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_78e65a29___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaProdukCuDraft/table.vue":
-/*!******************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaProdukCuDraft/table.vue ***!
-  \******************************************************************/
+/***/ "./resources/assets/js/views/user/indexAktivitas.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/views/user/indexAktivitas.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_32818f25___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=32818f25& */ "./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=template&id=32818f25&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _indexAktivitas_vue_vue_type_template_id_3f971403___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./indexAktivitas.vue?vue&type=template&id=3f971403& */ "./resources/assets/js/views/user/indexAktivitas.vue?vue&type=template&id=3f971403&");
+/* harmony import */ var _indexAktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./indexAktivitas.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/user/indexAktivitas.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1332,9 +1056,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_32818f25___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_32818f25___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _indexAktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _indexAktivitas_vue_vue_type_template_id_3f971403___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _indexAktivitas_vue_vue_type_template_id_3f971403___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1344,38 +1068,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaProdukCuDraft/table.vue"
+component.options.__file = "resources/assets/js/views/user/indexAktivitas.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************/
+/***/ "./resources/assets/js/views/user/indexAktivitas.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/views/user/indexAktivitas.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_indexAktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./indexAktivitas.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/indexAktivitas.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_indexAktivitas_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=template&id=32818f25&":
-/*!*************************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=template&id=32818f25& ***!
-  \*************************************************************************************************/
+/***/ "./resources/assets/js/views/user/indexAktivitas.vue?vue&type=template&id=3f971403&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/views/user/indexAktivitas.vue?vue&type=template&id=3f971403& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_32818f25___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=32818f25& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=template&id=32818f25&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_32818f25___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_indexAktivitas_vue_vue_type_template_id_3f971403___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./indexAktivitas.vue?vue&type=template&id=3f971403& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/user/indexAktivitas.vue?vue&type=template&id=3f971403&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_indexAktivitas_vue_vue_type_template_id_3f971403___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_32818f25___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_indexAktivitas_vue_vue_type_template_id_3f971403___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/94.js b/public/js/components/94.js
index 516f069b6..fba3a33ca 100644
--- a/public/js/components/94.js
+++ b/public/js/components/94.js
@@ -50,10 +50,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/index.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/index.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -61,7 +61,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/assesmentAccess/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/anggotaProdukCuDraft/table.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 /* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -106,6 +106,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
 
 
 
@@ -120,15 +123,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Self assesment ACCESS branding',
-      kelas: 'assesmentAccess',
-      titleDesc: 'Mengelola data self assesment ACCESS branding',
-      titleIcon: 'icon-home9',
-      selectCuPath: 'assesmentAccessCu'
+      title: 'Produk Anggota CU [DRAFT]',
+      kelas: 'anggotaCu',
+      titleDesc: 'Mengelola produk anggota CU [DRAFT]',
+      titleIcon: 'icon-list2',
+      selectCuPath: 'anggotaProdukCuDraft'
     };
   },
   created: function created() {
-    this.checkUser('index_assesment_access', this.$route.params.cu);
+    this.checkUser('upload_anggota_cu', this.$route.params.cu);
   },
   methods: {
     checkUser: function checkUser(permission, id_cu) {
@@ -147,7 +150,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('assesmentAccess', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -155,20 +158,23 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/table.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/table.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _form_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./form.vue */ "./resources/assets/js/views/anggotaProdukCuDraft/form.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -311,32 +317,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
+
 
 
 
@@ -344,211 +326,109 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formProduk: _form_vue__WEBPACK_IMPORTED_MODULE_6__["default"]
   },
-  props: ['title', 'kelas'],
+  props: ["title", "kelas", "itemData", "itemDataStat"],
   data: function data() {
     return {
+      anggota_cu: {},
       selectedItem: [],
+      excelDownloadUrl: '',
       query: {
-        order_column: "periode",
-        order_direction: "desc",
+        order_column: "no_ba",
+        order_direction: "asc",
         filter_match: "and",
-        limit: 10,
+        limit: 100,
         page: 1
       },
-      excelDownloadUrl: '',
       columnData: [{
         title: 'No.',
         name: 'No.'
       }, {
-        title: 'Status',
-        name: 'status',
+        title: 'No. KTP',
+        name: 'anggota_cu.nik',
         tipe: 'string',
-        sort: true,
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Periode',
-        name: 'periode',
-        tipe: 'datetime',
-        sort: true,
+        title: 'Nama',
+        name: 'anggota_cu.name',
+        tipe: 'string',
+        sort: false,
         hide: false,
         disable: false,
         filter: true,
         filterDefault: true
       }, {
-        title: 'CU',
-        name: 'cu.name',
+        title: 'No. BA',
+        name: 'no_ba',
         tipe: 'string',
-        sort: false,
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: "Total Skor CU",
-        name: "total_skor_cu",
-        tipe: "numeric",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: "Total Skor PUSKOPCUINA",
-        name: "total_skor_bkcu",
-        tipe: "numeric",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: "Total Bobot CU",
-        name: "total_bobot_cu",
-        tipe: "numeric",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: "Total Bobot PUSKOPCUINA",
-        name: "total_bobot_bkcu",
-        tipe: "numeric",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: "Skor Prsp. Keuangan (CU)",
-        name: "p1.skor_cu_p1",
-        tipe: "numeric",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: "Skor Prsp. Anggota/Pelanggan (CU)",
-        name: "p2.skor_cu_p2",
-        tipe: "numeric",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: "Skor Prsp. Bisnis Internal (CU)",
-        name: "p3.skor_cu_p3",
-        tipe: "numeric",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: "Skor Prsp. Pembelajaran (CU)",
-        name: "p4.skor_cu_p4",
-        tipe: "numeric",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: "Skor Prsp. Keuangan (PUSKOPCUINA)",
-        name: "p1.skor_bkcu_p1",
-        tipe: "numeric",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: "Skor Prsp. Anggota/Pelanggan (PUSKOPCUINA)",
-        name: "p2.skor_bkcu_p2",
-        tipe: "numeric",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: "Skor Prsp. Bisnis Internal (PUSKOPCUINA)",
-        name: "p3.skor_bkcu_p3",
-        tipe: "numeric",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: "Skor Prsp. Pembelajaran (PUSKOPCUINA)",
-        name: "p4.skor_bkcu_p4",
-        tipe: "numeric",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: "Bobot Prsp. Keuangan (CU)",
-        name: "bobot_cu_p1",
-        tipe: "numeric",
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: false
-      }, {
-        title: "Bobot Prsp. Anggota/Pelanggan (CU)",
-        name: "bobot_cu_p2",
-        tipe: "numeric",
+        title: 'CU',
+        name: 'cu.name',
+        tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
-        filter: false
+        filter: true
       }, {
-        title: "Bobot Prsp. Bisnis Internal (CU)",
-        name: "bobot_cu_p3",
-        tipe: "numeric",
+        title: 'Produk',
+        name: 'produk_cu.name',
+        tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
-        filter: false
+        filter: true
       }, {
-        title: "Bobot Prsp. Pembelajaran (CU)",
-        name: "bobot_cu_p4",
+        title: "Saldo",
+        name: "saldo",
         tipe: "numeric",
-        sort: false,
+        sort: true,
         hide: false,
         disable: false,
-        filter: false
+        filter: true
       }, {
-        title: "Bobot Prsp. Keuangan (PUSKOPCUINA)",
-        name: "bobot_bkcu_p1",
-        tipe: "numeric",
-        sort: false,
+        title: 'Tgl. Buka',
+        name: 'tanggal_buka',
+        tipe: 'datetime',
+        sort: true,
         hide: false,
         disable: false,
-        filter: false
+        filter: true
       }, {
-        title: "Bobot Prsp. Anggota/Pelanggan (PUSKOPCUINA)",
-        name: "bobot_bkcu_p2",
-        tipe: "numeric",
-        sort: false,
+        title: 'Tgl. Transaksi',
+        name: 'tanggal_transaksi',
+        tipe: 'datetime',
+        sort: true,
         hide: false,
         disable: false,
-        filter: false
+        filter: true
       }, {
-        title: "Bobot Prsp. Bisnis Internal (PUSKOPCUINA)",
-        name: "bobot_bkcu_p3",
-        tipe: "numeric",
-        sort: false,
+        title: 'Lama Pinjaman',
+        name: 'lama_pinjaman',
+        tipe: 'string',
+        sort: true,
         hide: false,
         disable: false,
-        filter: false
+        filter: true
       }, {
-        title: "Bobot Prsp. Pembelajaran (PUSKOPCUINA)",
-        name: "bobot_bkcu_p4",
-        tipe: "numeric",
-        sort: false,
+        title: 'Lama Sisa Pinjaman',
+        name: 'lama_sisa_pinjaman',
+        tipe: 'string',
+        sort: true,
         hide: false,
         disable: false,
-        filter: false
+        filter: true
       }, {
         title: 'Tgl. / Waktu Buat',
         name: 'created_at',
@@ -566,12 +446,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         disable: false,
         filter: true
       }],
+      formModel: [],
       state: '',
       modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalContent: '',
-      modalButton: ''
+      modalState: "",
+      modalTitle: "",
+      modalContent: "",
+      modalButton: "",
+      modalColor: ""
     };
   },
   created: function created() {
@@ -584,107 +466,87 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     },
     updateStat: function updateStat(value) {
       this.modalState = value;
-      this.modalButton = 'Ok';
+      this.modalButton = "Ok";
 
       if (value === "success") {
         this.modalTitle = this.updateMessage.message;
-        this.modalContent = '';
-        this.fetch();
+        this.modalContent = "";
+        this.fetch(this.query);
       } else if (value === "fail") {
         this.modalContent = this.updateMessage;
       } else {
-        this.modalContent = '';
+        this.modalContent = "";
       }
     }
   },
   methods: {
     fetch: function fetch(params) {
-      if (this.$route.params.cu == 'semua') {
-        this.disableColumnCu(false);
-        this.$store.dispatch(this.kelas + '/index', params);
-        this.excelDownloadUrl = this.kelas;
-      } else {
-        this.disableColumnCu(true);
-        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
-        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
-      }
-    },
-    disableColumnCu: function disableColumnCu(status) {
-      this.columnData[3].disable = status;
+      this.$store.dispatch(this.kelas + '/indexProdukCuDraft', [params, this.$route.params.cu]);
+      this.excelDownloadUrl = 'anggotaProdukCuDraft/index/' + this.$route.params.cu;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    goTo: function goTo(id, tipe) {
-      if (tipe == 'edit') {
-        if (this.selectedItem.status == 'BELUM DINILAI' || this.selectedItem.status == 'BELUM SELESAI DIISI') {
-          this.$router.push({
-            name: this.kelas + 'Edit',
-            params: {
-              id: id
-            }
-          });
-        } else {
-          this.modalShow = true;
-          this.modalState = 'tutup';
-          this.modalTitle = 'Maaf, data ini sudah dilakukan penilaian dan tidak bisa diubah lagi.';
-        }
-      } else if (tipe == 'penilaian') {
-        if (this.selectedItem.status == 'BELUM SELESAI DIISI') {
-          this.modalShow = true;
-          this.modalState = 'tutup';
-          this.modalTitle = 'Maaf, data ini belum selesai diisi oleh pihak CU.';
-        } else {
-          this.$router.push({
-            name: this.kelas + 'Penilaian',
-            params: {
-              id: id
-            }
-          });
+    ubahData: function ubahData(id) {
+      this.$router.push({
+        name: "anggotaProdukCuDraftEdit",
+        params: {
+          id: id
         }
-      } else if (tipe == 'lihat') {
-        this.$router.push({
-          name: this.kelas + 'Lihat',
-          params: {
-            id: id
-          }
-        });
-      }
+      });
     },
     modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
-      this.modalState = 'confirm-tutup';
       this.state = state;
 
       if (isMobile) {
         this.selectedItem = itemMobile;
       }
 
-      if (state == 'hapus') {
-        this.modalTitle = 'Hapus ' + this.title + ' periode ' + this.selectedItem.periode + ' ini?';
-        this.modalButton = 'Iya, Hapus';
+      if (state == "simpan") {
+        this.modalState = "confirm-tutup";
+        this.modalTitle = "Simpan " + this.title + " ini?";
+        this.modalButton = "Iya, Simpan";
+      } else if (state == "simpan_semua") {
+        this.modalState = "confirm-tutup";
+        this.modalTitle = "Simpan semua " + this.title + " ini?";
+        this.modalButton = "Iya, Simpan";
+      } else if (state == "hapus") {
+        this.modalState = "confirm-tutup";
+        this.modalTitle = "Hapus " + this.title + " " + this.selectedItem.name + " ini?";
+        this.modalButton = "Iya, Hapus";
+      } else if (state == "hapus_semua") {
+        this.modalState = "confirm-tutup";
+        this.modalTitle = "Hapus semua" + this.title + " ini?";
+        this.modalButton = "Iya, Hapus";
+      } else if (state == "edit") {
+        this.modalState = 'normal1';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah produk';
+        this.formModel = Object.assign({}, this.selectedItem);
       }
     },
     modalTutup: function modalTutup() {
       this.modalShow = false;
-      this.$store.dispatch(this.kelas + '/resetUpdateStat');
+      this.$store.dispatch(this.kelas + "/resetUpdateStat");
     },
     modalConfirmOk: function modalConfirmOk() {
-      if (this.state == 'hapus') {
-        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+      if (this.state == "simpan") {
+        this.$store.dispatch(this.kelas + "/storeProdukCuDraft", this.selectedItem.id);
+      } else if (this.state == "hapus") {
+        this.$store.dispatch(this.kelas + "/destroyProdukCuDraft", [this.selectedItem.id, this.$route.params.cu]);
+      } else if (this.state == "hapus_semua") {
+        this.$store.dispatch(this.kelas + "/destroyProdukCuDraftAll", this.$route.params.cu);
+      } else if (this.state == "simpan_semua") {
+        this.$store.dispatch(this.kelas + "/storeProdukCuDraftAll", this.$route.params.cu);
       }
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCu: 'dataS',
-    modelCuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('assesmentAccess', {
-    itemData: 'dataS',
-    itemDataStat: 'dataStatS',
-    updateMessage: 'update',
-    updateStat: 'updateStat'
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("anggotaCu", {
+    updateMessage: "update",
+    updateStat: "updateStat"
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("auth", {
+    currentUser: "currentUser"
   }))
 });
 
@@ -736,10 +598,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/index.vue?vue&type=template&id=dc7b779e&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/index.vue?vue&type=template&id=dc7b779e& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=template&id=78e65a29&":
+/*!*******************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=template&id=78e65a29& ***!
+  \*******************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -762,37 +624,42 @@ var render = function () {
         },
       }),
       _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-o" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.itemDataStat === "fail"
-                ? _c("message", {
-                    attrs: {
-                      title: "Oops terjadi kesalahan:",
-                      errorData: _vm.itemData,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.id_cu == 0
-                ? _c("select-cu", {
-                    attrs: {
-                      kelas: _vm.kelas,
-                      path: _vm.selectCuPath,
-                      isPus: false,
-                    },
-                  })
-                : _vm._e(),
-              _vm._v(" "),
-              _c("table-data", {
-                attrs: { title: _vm.title, kelas: _vm.kelas },
-              }),
-            ],
-            1
-          ),
+      _c("div", { staticClass: "page-container" }, [
+        _c("div", { staticClass: "page-content" }, [
+          _c("div", { staticClass: "content-wrapper" }, [
+            _c(
+              "div",
+              { staticClass: "content" },
+              [
+                _vm.itemDataStat === "fail"
+                  ? _c("message", {
+                      attrs: {
+                        title: "Oops terjadi kesalahan:",
+                        errorData: _vm.itemData,
+                      },
+                    })
+                  : _vm._e(),
+                _vm._v(" "),
+                _c("select-cu", {
+                  attrs: {
+                    kelas: _vm.kelas,
+                    path: _vm.selectCuPath,
+                    isPus: false,
+                  },
+                }),
+                _vm._v(" "),
+                _c("table-data", {
+                  attrs: {
+                    title: _vm.title,
+                    kelas: _vm.kelas,
+                    itemData: _vm.itemData,
+                    itemDataStat: _vm.itemDataStat,
+                  },
+                }),
+              ],
+              1
+            ),
+          ]),
         ]),
       ]),
     ],
@@ -806,10 +673,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/table.vue?vue&type=template&id=4b5d792d&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/table.vue?vue&type=template&id=4b5d792d& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=template&id=32818f25&":
+/*!*******************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=template&id=32818f25& ***!
+  \*******************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -824,6 +691,27 @@ var render = function () {
   return _c(
     "div",
     [
+      _c(
+        "div",
+        {
+          staticClass: "alert alert-warning alert-styled-left cursor-pointer",
+          on: {
+            click: function ($event) {
+              $event.preventDefault()
+              return _vm.fetch(_vm.query)
+            },
+          },
+        },
+        [
+          _c("span", { staticClass: "font-weight-semibold" }, [
+            _vm._v("Perhatian!"),
+          ]),
+          _vm._v(
+            " Dikarenakan proses pengelolaan data hasil upload yang memakan waktu lebih lama, maka mohon menunggu dan mencoba menekan kotak dialog ini dalam beberapa saat kedepan untuk memeriksa apakah proses upload data sudah selesai dan dapat dilihat di tabel dibawah.\n    "
+          ),
+        ]
+      ),
+      _vm._v(" "),
       _c(
         "data-viewer",
         {
@@ -832,9 +720,8 @@ var render = function () {
             columnData: _vm.columnData,
             itemData: _vm.itemData,
             query: _vm.query,
-            itemDataStat: _vm.itemDataStat,
             excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
+            itemDataStat: _vm.itemDataStat,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
@@ -859,7 +746,7 @@ var render = function () {
                       !_vm.columnData[0].hide
                         ? _c("td", [
                             _vm._v(
-                              "\n\t\t\t\t\t" +
+                              "\n\t\t\t\t\t\t" +
                                 _vm._s(
                                   props.index +
                                     1 +
@@ -867,60 +754,34 @@ var render = function () {
                                       +_vm.itemData.per_page +
                                     "."
                                 ) +
-                                "\n\t\t\t\t"
+                                "\n\t\t\t\t\t"
                             ),
                           ])
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[1].hide
-                        ? _c("td", [
-                            props.item.status == "BELUM DINILAI"
-                              ? _c(
-                                  "span",
-                                  { staticClass: "badge badge-secondary" },
-                                  [_vm._v(_vm._s(props.item.status))]
-                                )
-                              : props.item.status == "SUDAH DINILAI"
-                              ? _c(
-                                  "span",
-                                  { staticClass: "badge badge-primary" },
-                                  [_vm._v(_vm._s(props.item.status))]
-                                )
-                              : props.item.status == "BELUM SELESAI DIISI"
-                              ? _c(
-                                  "span",
-                                  { staticClass: "badge badge-warning" },
-                                  [_vm._v(_vm._s(props.item.status))]
-                                )
-                              : props.item.status == "BELUM SELESAI DINILAI"
-                              ? _c(
-                                  "span",
-                                  { staticClass: "badge badge-success" },
-                                  [_vm._v(_vm._s(props.item.status))]
-                                )
-                              : _vm._e(),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: { value: props.item.periode },
-                              }),
+                              props.item.anggota_cu
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.anggota_cu.nik },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
+                      !_vm.columnData[2].hide
                         ? _c(
                             "td",
                             [
-                              props.item.cu
+                              props.item.anggota_cu
                                 ? _c("check-value", {
-                                    attrs: { value: props.item.cu.name },
+                                    attrs: {
+                                      value: props.item.anggota_cu.name,
+                                    },
                                   })
                                 : _c("span", [_vm._v("-")]),
                             ],
@@ -928,59 +789,54 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[4].hide
+                      !_vm.columnData[3].hide
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
-                                attrs: {
-                                  value: props.item.total_skor_cu,
-                                  valueType: "decimal",
-                                },
+                                attrs: { value: props.item.no_ba },
                               }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[5].hide
+                      !_vm.columnData[4].hide
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.total_skor_bkcu,
-                                  valueType: "decimal",
-                                },
-                              }),
+                              props.item.cu
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.cu.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[6].hide
+                      !_vm.columnData[5].hide
                         ? _c(
                             "td",
                             [
-                              _c("check-value", {
-                                attrs: {
-                                  value: props.item.total_bobot_cu,
-                                  valueType: "decimal",
-                                },
-                              }),
+                              props.item.produk_cu
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.produk_cu.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[7].hide
+                      !_vm.columnData[6].hide
                         ? _c(
                             "td",
                             [
                               _c("check-value", {
                                 attrs: {
-                                  value: props.item.total_bobot_bkcu,
-                                  valueType: "decimal",
+                                  value: props.item.saldo,
+                                  valueType: "currency",
                                 },
                               }),
                             ],
@@ -988,279 +844,57 @@ var render = function () {
                           )
                         : _vm._e(),
                       _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c("td", {
+                            staticClass: "text-nowrap",
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.tanggal_buka
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
                       !_vm.columnData[8].hide
+                        ? _c("td", {
+                            staticClass: "text-nowrap",
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.tanggal_transaksi
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[9].hide
                         ? _c(
                             "td",
                             [
-                              props.item.p1
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.p1.skor_cu_p1,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
+                              _c("check-value", {
+                                attrs: { value: props.item.lama_pinjaman },
+                              }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[9].hide
+                      !_vm.columnData[10].hide
                         ? _c(
                             "td",
                             [
-                              props.item.p2
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.p2.skor_cu_p2,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[10].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p3
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.p3.skor_cu_p3,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
+                              _c("check-value", {
+                                attrs: { value: props.item.lama_sisa_pinjaman },
+                              }),
                             ],
                             1
                           )
                         : _vm._e(),
                       _vm._v(" "),
                       !_vm.columnData[11].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p4
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.p4.skor_cu_p4,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[12].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p1
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.p1.skor_bkcu_p1,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[13].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p2
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.p2.skor_bkcu_p2,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[14].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p3
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.p3.skor_bkcu_p3,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[15].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p4
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.p4.skor_bkcu_p4,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[16].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p1
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.bobot_cu_p1,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[17].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p2
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.bobot_cu_p2,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[18].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p3
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.bobot_cu_p3,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[19].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p4
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.bobot_cu_p4,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[20].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p1
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.bobot_bkcu_p1,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[21].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p2
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.bobot_bkcu_p2,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[22].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p3
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.bobot_bkcu_p3,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[23].hide
-                        ? _c(
-                            "td",
-                            [
-                              props.item.p4
-                                ? _c("check-value", {
-                                    attrs: {
-                                      value: props.item.bobot_bkcu_p4,
-                                      valueType: "decimal",
-                                    },
-                                  })
-                                : _vm._e(),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[24].hide
                         ? _c("td", {
                             staticClass: "text-nowrap",
                             domProps: {
@@ -1273,7 +907,7 @@ var render = function () {
                           })
                         : _vm._e(),
                       _vm._v(" "),
-                      !_vm.columnData[25].hide
+                      !_vm.columnData[12].hide
                         ? _c("td", [
                             props.item.created_at !== props.item.updated_at
                               ? _c("span", {
@@ -1296,233 +930,239 @@ var render = function () {
           ]),
         },
         [
-          _c(
-            "template",
-            { slot: "button-desktop" },
-            [
-              _vm.currentUser.can &&
-              _vm.currentUser.can["create_assesment_access"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["update_assesment_access"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.goTo(_vm.selectedItem.id, "edit")
-                        },
+          _c("template", { slot: "button-desktop" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light mb-1",
+                attrs: { disabled: _vm.itemData.length == 0 },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalConfirmOpen("simpan_semua")
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-floppy-disk" }),
+                _vm._v(" Simpan Semua\n        "),
+              ]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light mb-1",
+                attrs: { disabled: !_vm.selectedItem.id },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalConfirmOpen("simpan")
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-floppy-disk" }),
+                _vm._v(" Simpan\n        "),
+              ]
+            ),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["update_anggota_cu"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("edit")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.id_cu == 0 &&
-              _vm.currentUser.can &&
-              _vm.currentUser.can["update_assesment_access"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.goTo(_vm.selectedItem.id, "penilaian")
-                        },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-pencil5" }),
+                    _vm._v(" Ubah\n        "),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["destroy_anggota_cu"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon mb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("hapus")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-law" }),
-                      _vm._v(" Penilaian BKCU\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-icon mb-1",
-                  attrs: { disabled: !_vm.selectedItem.id },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.goTo(_vm.selectedItem.id, "lihat")
-                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n        "),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-icon mb-1",
+                attrs: { disabled: _vm.itemData.length == 0 },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalConfirmOpen("hapus_semua")
                   },
                 },
-                [
-                  _c("i", { staticClass: "icon-file-eye" }),
-                  _vm._v(" Lihat\n\t\t\t"),
-                ]
-              ),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["destroy_assesment_access"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
+              },
+              [
+                _c("i", { staticClass: "icon-bin2" }),
+                _vm._v(" Hapus Semua\n        "),
+              ]
+            ),
+          ]),
           _vm._v(" "),
-          _c(
-            "template",
-            { slot: "button-mobile" },
-            [
-              _vm.currentUser.can &&
-              _vm.currentUser.can["create_assesment_access"]
-                ? _c(
-                    "router-link",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { to: { name: _vm.kelas + "Create" } },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["update_assesment_access"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.goTo(_vm.selectedItem.id, "edit")
-                        },
+          _c("template", { slot: "button-mobile" }, [
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block",
+                attrs: { disabled: _vm.itemData.length == 0 },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalConfirmOpen("simpan_semua")
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-floppy-disk" }),
+                _vm._v("Simpan Semua\n        "),
+              ]
+            ),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-block",
+                attrs: { disabled: !_vm.selectedItem.id },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalConfirmOpen("simpan")
+                  },
+                },
+              },
+              [
+                _c("i", { staticClass: "icon-floppy-disk" }),
+                _vm._v(" Simpan\n        "),
+              ]
+            ),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["update_anggota_cu"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon btn-block pb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.ubahData(_vm.selectedItem.id)
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.id_cu == 0 &&
-              _vm.currentUser.can &&
-              _vm.currentUser.can["update_assesment_access"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.goTo(_vm.selectedItem.id, "penilaian")
-                        },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-pencil5" }),
+                    _vm._v(" Ubah\n        "),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.currentUser.can && _vm.currentUser.can["destroy_anggota_cu"]
+              ? _c(
+                  "button",
+                  {
+                    staticClass: "btn btn-light btn-icon btn-block pb-1",
+                    attrs: { disabled: !_vm.selectedItem.id },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalConfirmOpen("hapus")
                       },
                     },
-                    [
-                      _c("i", { staticClass: "icon-law" }),
-                      _vm._v(" Penilaian BKCU\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _c(
-                "button",
-                {
-                  staticClass: "btn btn-light btn-icon btn-block mb-1",
-                  attrs: { disabled: !_vm.selectedItem.id },
-                  on: {
-                    click: function ($event) {
-                      $event.preventDefault()
-                      return _vm.goTo(_vm.selectedItem.id, "lihat")
-                    },
+                  },
+                  [
+                    _c("i", { staticClass: "icon-bin2" }),
+                    _vm._v(" Hapus\n        "),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _c(
+              "button",
+              {
+                staticClass: "btn btn-light btn-icon btn-block mb-1",
+                attrs: { disabled: _vm.itemData.length == 0 },
+                on: {
+                  click: function ($event) {
+                    $event.preventDefault()
+                    return _vm.modalConfirmOpen("hapus_semua")
                   },
                 },
-                [
-                  _c("i", { staticClass: "icon-file-eye" }),
-                  _vm._v(" Lihat\n\t\t\t"),
-                ]
-              ),
-              _vm._v(" "),
-              _vm.currentUser.can &&
-              _vm.currentUser.can["destroy_assesment_access"]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
+              },
+              [
+                _c("i", { staticClass: "icon-bin2" }),
+                _vm._v(" Hapus Semua\n        "),
+              ]
+            ),
+          ]),
+        ],
+        2
+      ),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            button: _vm.modalButton,
+            content: _vm.modalContent,
+            color: _vm.modalColor,
+          },
+          on: {
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalTutup,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t\t " + _vm._s(_vm.modalTitle) + "\n\t\t\t "),
+          ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body1" },
+            [
+              _c("form-produk", {
+                attrs: { selected: _vm.formModel },
+                on: { tutup: _vm.modalTutup },
+              }),
             ],
             1
           ),
         ],
         2
       ),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
-        },
-        on: {
-          tutup: _vm.modalTutup,
-          confirmOk: _vm.modalConfirmOk,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalTutup,
-        },
-      }),
     ],
     1
   )
@@ -1603,17 +1243,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/index.vue":
-/*!*************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/index.vue ***!
-  \*************************************************************/
+/***/ "./resources/assets/js/views/anggotaProdukCuDraft/index.vue":
+/*!******************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaProdukCuDraft/index.vue ***!
+  \******************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_dc7b779e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=dc7b779e& */ "./resources/assets/js/views/assesmentAccess/index.vue?vue&type=template&id=dc7b779e&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_78e65a29___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=78e65a29& */ "./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=template&id=78e65a29&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1624,8 +1264,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_dc7b779e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_dc7b779e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_78e65a29___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_78e65a29___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1635,54 +1275,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/index.vue"
+component.options.__file = "resources/assets/js/views/anggotaProdukCuDraft/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/index.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/index.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/index.vue?vue&type=template&id=dc7b779e&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/index.vue?vue&type=template&id=dc7b779e& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=template&id=78e65a29&":
+/*!*************************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=template&id=78e65a29& ***!
+  \*************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_dc7b779e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=dc7b779e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/index.vue?vue&type=template&id=dc7b779e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_dc7b779e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_78e65a29___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=78e65a29& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/index.vue?vue&type=template&id=78e65a29&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_78e65a29___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_dc7b779e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_78e65a29___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/table.vue":
-/*!*************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/table.vue ***!
-  \*************************************************************/
+/***/ "./resources/assets/js/views/anggotaProdukCuDraft/table.vue":
+/*!******************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaProdukCuDraft/table.vue ***!
+  \******************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_4b5d792d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=4b5d792d& */ "./resources/assets/js/views/assesmentAccess/table.vue?vue&type=template&id=4b5d792d&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_32818f25___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=32818f25& */ "./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=template&id=32818f25&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1693,8 +1333,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_4b5d792d___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_4b5d792d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_32818f25___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_32818f25___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1704,38 +1344,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/assesmentAccess/table.vue"
+component.options.__file = "resources/assets/js/views/anggotaProdukCuDraft/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/table.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/table.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/assesmentAccess/table.vue?vue&type=template&id=4b5d792d&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/views/assesmentAccess/table.vue?vue&type=template&id=4b5d792d& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=template&id=32818f25&":
+/*!*************************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=template&id=32818f25& ***!
+  \*************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4b5d792d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=4b5d792d& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/table.vue?vue&type=template&id=4b5d792d&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4b5d792d___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_32818f25___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=32818f25& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaProdukCuDraft/table.vue?vue&type=template&id=32818f25&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_32818f25___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4b5d792d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_32818f25___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/95.js b/public/js/components/95.js
index ea420aa49..749d77ff1 100644
--- a/public/js/components/95.js
+++ b/public/js/components/95.js
@@ -50,10 +50,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/index.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/produkCu/index.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/index.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/index.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -61,7 +61,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/produkCu/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/assesmentAccess/table.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 /* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -106,7 +106,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
 
 
 
@@ -121,15 +120,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'Produk dan Pelayanan CU',
-      kelas: 'produkCu',
-      titleDesc: 'Mengelola data produk dan pelayanan CU',
-      titleIcon: 'icon-list3',
-      selectCuPath: 'produkCuCu'
+      title: 'Self assesment ACCESS branding',
+      kelas: 'assesmentAccess',
+      titleDesc: 'Mengelola data self assesment ACCESS branding',
+      titleIcon: 'icon-home9',
+      selectCuPath: 'assesmentAccessCu'
     };
   },
   created: function created() {
-    this.checkUser('index_produk_cu', this.$route.params.cu);
+    this.checkUser('index_assesment_access', this.$route.params.cu);
   },
   methods: {
     checkUser: function checkUser(permission, id_cu) {
@@ -148,7 +147,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('assesmentAccess', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS'
   }))
@@ -156,21 +155,20 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/table.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/produkCu/table.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/table.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/table.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -339,19 +337,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -359,19 +344,18 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
   props: ['title', 'kelas'],
   data: function data() {
     return {
       selectedItem: [],
       query: {
-        order_column: "name",
-        order_direction: "asc",
+        order_column: "periode",
+        order_direction: "desc",
         filter_match: "and",
         limit: 10,
         page: 1
@@ -381,57 +365,190 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         title: 'No.',
         name: 'No.'
       }, {
-        title: 'Foto',
-        name: 'gambar',
-        hide: false
-      }, {
-        title: 'Tipe',
-        name: 'tipe',
+        title: 'Status',
+        name: 'status',
         tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Nama',
-        name: 'name',
-        tipe: 'string',
+        title: 'Periode',
+        name: 'periode',
+        tipe: 'datetime',
         sort: true,
         hide: false,
         disable: false,
         filter: true,
         filterDefault: true
       }, {
-        title: 'Kode Produk dan Pelayanan',
-        name: 'kode_produk',
+        title: 'CU',
+        name: 'cu.name',
         tipe: 'string',
-        sort: true,
+        sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'CU',
-        name: 'cu.name',
-        tipe: 'string',
+        title: "Total Skor CU",
+        name: "total_skor_cu",
+        tipe: "numeric",
         sort: false,
         hide: false,
         disable: false,
-        filter: true
+        filter: false
+      }, {
+        title: "Total Skor PUSKOPCUINA",
+        name: "total_skor_bkcu",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: "Total Bobot CU",
+        name: "total_bobot_cu",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: "Total Bobot PUSKOPCUINA",
+        name: "total_bobot_bkcu",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: "Skor Prsp. Keuangan (CU)",
+        name: "p1.skor_cu_p1",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: "Skor Prsp. Anggota/Pelanggan (CU)",
+        name: "p2.skor_cu_p2",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: "Skor Prsp. Bisnis Internal (CU)",
+        name: "p3.skor_cu_p3",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: "Skor Prsp. Pembelajaran (CU)",
+        name: "p4.skor_cu_p4",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: "Skor Prsp. Keuangan (PUSKOPCUINA)",
+        name: "p1.skor_bkcu_p1",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: "Skor Prsp. Anggota/Pelanggan (PUSKOPCUINA)",
+        name: "p2.skor_bkcu_p2",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
       }, {
-        title: 'Keterangan',
-        name: 'keterangan'
+        title: "Skor Prsp. Bisnis Internal (PUSKOPCUINA)",
+        name: "p3.skor_bkcu_p3",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: "Skor Prsp. Pembelajaran (PUSKOPCUINA)",
+        name: "p4.skor_bkcu_p4",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
       }, {
-        title: 'Aturan Setor',
-        name: 'aturan_setor'
+        title: "Bobot Prsp. Keuangan (CU)",
+        name: "bobot_cu_p1",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
       }, {
-        title: 'Aturan Tarik',
-        name: 'aturan_tarik'
+        title: "Bobot Prsp. Anggota/Pelanggan (CU)",
+        name: "bobot_cu_p2",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
       }, {
-        title: 'Aturan Balas Jasa',
-        name: 'aturan_balas_jasa'
+        title: "Bobot Prsp. Bisnis Internal (CU)",
+        name: "bobot_cu_p3",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
       }, {
-        title: 'Aturan Lain',
-        name: 'aturan_lain'
+        title: "Bobot Prsp. Pembelajaran (CU)",
+        name: "bobot_cu_p4",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: "Bobot Prsp. Keuangan (PUSKOPCUINA)",
+        name: "bobot_bkcu_p1",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: "Bobot Prsp. Anggota/Pelanggan (PUSKOPCUINA)",
+        name: "bobot_bkcu_p2",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: "Bobot Prsp. Bisnis Internal (PUSKOPCUINA)",
+        name: "bobot_bkcu_p3",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
+      }, {
+        title: "Bobot Prsp. Pembelajaran (PUSKOPCUINA)",
+        name: "bobot_bkcu_p4",
+        tipe: "numeric",
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: false
       }, {
         title: 'Tgl. / Waktu Buat',
         name: 'created_at',
@@ -493,24 +610,46 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
     },
     disableColumnCu: function disableColumnCu(status) {
-      this.columnData[5].disable = status;
-    },
-    resetParams: function resetParams() {
-      this.params.search_column = 'name';
-      this.params.search_query_1 = '';
-      this.extSearchColumn = 'name';
-      this.extSearchQuery1 = '';
+      this.columnData[3].disable = status;
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
     },
-    ubahData: function ubahData(id) {
-      this.$router.push({
-        name: this.kelas + 'Edit',
-        params: {
-          id: id
+    goTo: function goTo(id, tipe) {
+      if (tipe == 'edit') {
+        if (this.selectedItem.status == 'BELUM DINILAI' || this.selectedItem.status == 'BELUM SELESAI DIISI') {
+          this.$router.push({
+            name: this.kelas + 'Edit',
+            params: {
+              id: id
+            }
+          });
+        } else {
+          this.modalShow = true;
+          this.modalState = 'tutup';
+          this.modalTitle = 'Maaf, data ini sudah dilakukan penilaian dan tidak bisa diubah lagi.';
+        }
+      } else if (tipe == 'penilaian') {
+        if (this.selectedItem.status == 'BELUM SELESAI DIISI') {
+          this.modalShow = true;
+          this.modalState = 'tutup';
+          this.modalTitle = 'Maaf, data ini belum selesai diisi oleh pihak CU.';
+        } else {
+          this.$router.push({
+            name: this.kelas + 'Penilaian',
+            params: {
+              id: id
+            }
+          });
         }
-      });
+      } else if (tipe == 'lihat') {
+        this.$router.push({
+          name: this.kelas + 'Lihat',
+          params: {
+            id: id
+          }
+        });
+      }
     },
     modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
@@ -522,16 +661,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
 
       if (state == 'hapus') {
-        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ini?';
+        this.modalTitle = 'Hapus ' + this.title + ' periode ' + this.selectedItem.periode + ' ini?';
         this.modalButton = 'Iya, Hapus';
       }
     },
-    modalOpen: function modalOpen(value) {
-      this.modalShow = true;
-      this.modalState = 'content-tutup';
-      this.modalContent = value;
-      this.modalButton = 'Tutup';
-    },
     modalTutup: function modalTutup() {
       this.modalShow = false;
       this.$store.dispatch(this.kelas + '/resetUpdateStat');
@@ -540,31 +673,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       if (this.state == 'hapus') {
         this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
       }
-    },
-    gridColor: function gridColor(value) {
-      if (value == 'Simpanan Pokok') {
-        return 'border-left-primary-400';
-      } else if (value == 'Simpanan Wajib') {
-        return 'border-left-warning-400';
-      } else if (value == 'Simpanan Non Saham') {
-        return 'border-left-secondary-400';
-      } else if (value == 'Pinjaman Kapitalisasi') {
-        return 'border-left-success-400';
-      } else if (value == 'Pinjaman Umum') {
-        return 'border-left-primary-400';
-      } else if (value == 'Pinjaman Produktif') {
-        return 'border-left-green-400';
-      }
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
-    idCu: 'idCu'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
     modelCu: 'dataS',
     modelCuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('produkCu', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('assesmentAccess', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -620,10 +736,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/index.vue?vue&type=template&id=6bff67b5&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/produkCu/index.vue?vue&type=template&id=6bff67b5& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/index.vue?vue&type=template&id=dc7b779e&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/index.vue?vue&type=template&id=dc7b779e& ***!
+  \**************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -646,7 +762,7 @@ var render = function () {
         },
       }),
       _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
+      _c("div", { staticClass: "page-content pt-o" }, [
         _c("div", { staticClass: "content-wrapper" }, [
           _c(
             "div",
@@ -690,10 +806,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/table.vue?vue&type=template&id=259a9cb1&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/produkCu/table.vue?vue&type=template&id=259a9cb1& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/table.vue?vue&type=template&id=4b5d792d&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/assesmentAccess/table.vue?vue&type=template&id=4b5d792d& ***!
+  \**************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -717,571 +833,463 @@ var render = function () {
             itemData: _vm.itemData,
             query: _vm.query,
             itemDataStat: _vm.itemDataStat,
-            dataview: "grid",
             excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
             {
-              key: "item-mobile",
+              key: "item-desktop",
               fn: function (props) {
                 return [
-                  _c("div", { staticClass: "col-md-6" }, [
-                    _c(
-                      "div",
-                      {
-                        staticClass: "card border-left-3 rounded-left-0",
-                        class: [_vm.gridColor(props.item.tipe)],
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
                       },
-                      [
-                        _c(
-                          "div",
-                          {
-                            staticClass:
-                              "card-header bg-light header-elements-inline",
-                          },
-                          [
-                            _c(
-                              "h6",
-                              { staticClass: "card-title" },
-                              [
-                                _c("check-value", {
-                                  attrs: { value: props.item.kode_produk },
-                                }),
-                              ],
-                              1
+                    },
+                    [
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t"
                             ),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "header-elements" }, [
-                              _c("span", {
-                                domProps: {
-                                  innerHTML: _vm._s(
-                                    _vm.$options.filters.tipeProdukCu(
-                                      props.item.tipe
-                                    )
-                                  ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c("td", [
+                            props.item.status == "BELUM DINILAI"
+                              ? _c(
+                                  "span",
+                                  { staticClass: "badge badge-secondary" },
+                                  [_vm._v(_vm._s(props.item.status))]
+                                )
+                              : props.item.status == "SUDAH DINILAI"
+                              ? _c(
+                                  "span",
+                                  { staticClass: "badge badge-primary" },
+                                  [_vm._v(_vm._s(props.item.status))]
+                                )
+                              : props.item.status == "BELUM SELESAI DIISI"
+                              ? _c(
+                                  "span",
+                                  { staticClass: "badge badge-warning" },
+                                  [_vm._v(_vm._s(props.item.status))]
+                                )
+                              : props.item.status == "BELUM SELESAI DINILAI"
+                              ? _c(
+                                  "span",
+                                  { staticClass: "badge badge-success" },
+                                  [_vm._v(_vm._s(props.item.status))]
+                                )
+                              : _vm._e(),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.periode },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide && !_vm.columnData[3].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.cu
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.cu.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.total_skor_cu,
+                                  valueType: "decimal",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.total_skor_bkcu,
+                                  valueType: "decimal",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.total_bobot_cu,
+                                  valueType: "decimal",
                                 },
                               }),
-                            ]),
-                          ]
-                        ),
-                        _vm._v(" "),
-                        _c("div", { staticClass: "card-body" }, [
-                          _c("div", { staticClass: "row" }, [
-                            _c("div", { staticClass: "col-md-4 col-lg-2" }, [
-                              props.item.gambar
-                                ? _c("img", {
-                                    staticClass:
-                                      "img-rounded img-fluid wmin-sm",
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: {
+                                  value: props.item.total_bobot_bkcu,
+                                  valueType: "decimal",
+                                },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p1
+                                ? _c("check-value", {
                                     attrs: {
-                                      src:
-                                        "/images/produk_cu/" +
-                                        props.item.gambar +
-                                        "n.jpg",
+                                      value: props.item.p1.skor_cu_p1,
+                                      valueType: "decimal",
                                     },
                                   })
-                                : _c("img", {
-                                    staticClass:
-                                      "img-rounded img-fluid wmin-sm",
-                                    attrs: { src: "/images/no_image.jpg" },
-                                  }),
-                              _vm._v(" "),
-                              _c("hr", { staticClass: "d-block d-sm-none" }),
-                            ]),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "col-md-8 col-lg-10" }, [
-                              props.item.jalinan == 1
-                                ? _c(
-                                    "span",
-                                    { staticClass: "badge badge-primary mb-1" },
-                                    [
-                                      _c("i", {
-                                        staticClass: "icon-shield-check",
-                                      }),
-                                      _vm._v(" Disolidaritaskan Jalinan"),
-                                    ]
-                                  )
                                 : _vm._e(),
-                              _vm._v(" "),
-                              _c("h6", { staticClass: "text-primary" }, [
-                                _vm._v(
-                                  _vm._s(props.item.name) +
-                                    " " +
-                                    _vm._s(
-                                      props.item.cu
-                                        ? " - CU " + props.item.cu.name
-                                        : ""
-                                    )
-                                ),
-                              ]),
-                              _vm._v(" "),
-                              _c("p", {
-                                domProps: {
-                                  innerHTML: _vm._s(props.item.keterangan),
-                                },
-                              }),
-                            ]),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "col-12" }, [
-                              _c("hr"),
-                              _vm._v(" "),
-                              _c(
-                                "div",
-                                {
-                                  staticClass:
-                                    "card-group-control card-group-control-right",
-                                  attrs: { id: "parent_" + props.item.id },
-                                },
-                                [
-                                  _c("div", { staticClass: "row" }, [
-                                    _c(
-                                      "div",
-                                      { staticClass: "col-md-6 col-lg-6" },
-                                      [
-                                        _c("div", { staticClass: "card" }, [
-                                          _c(
-                                            "div",
-                                            { staticClass: "card-header" },
-                                            [
-                                              _c(
-                                                "h6",
-                                                { staticClass: "card-title" },
-                                                [
-                                                  _c(
-                                                    "a",
-                                                    {
-                                                      staticClass:
-                                                        "collapsed text-default",
-                                                      attrs: {
-                                                        "data-toggle":
-                                                          "collapse",
-                                                        href:
-                                                          "#aturan_setor_" +
-                                                          props.item.id,
-                                                      },
-                                                    },
-                                                    [
-                                                      _vm._v(
-                                                        _vm._s(
-                                                          _vm.columnData[7]
-                                                            .title
-                                                        )
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]
-                                          ),
-                                          _vm._v(" "),
-                                          _c(
-                                            "div",
-                                            {
-                                              staticClass: "collapse",
-                                              attrs: {
-                                                id:
-                                                  "aturan_setor_" +
-                                                  props.item.id,
-                                                "data-parent":
-                                                  "#parent_" + props.item.id,
-                                              },
-                                            },
-                                            [
-                                              _c("div", {
-                                                staticClass: "card-body",
-                                                domProps: {
-                                                  innerHTML: _vm._s(
-                                                    props.item.aturan_setor
-                                                  ),
-                                                },
-                                              }),
-                                            ]
-                                          ),
-                                        ]),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    props.item.tipe == "Simpanan Pokok" ||
-                                    props.item.tipe == "Simpanan Wajib" ||
-                                    props.item.tipe == "Simpanan Non Saham"
-                                      ? _c(
-                                          "div",
-                                          { staticClass: "col-md-6 col-lg-6" },
-                                          [
-                                            _c("div", { staticClass: "card" }, [
-                                              _c(
-                                                "div",
-                                                { staticClass: "card-header" },
-                                                [
-                                                  _c(
-                                                    "h6",
-                                                    {
-                                                      staticClass: "card-title",
-                                                    },
-                                                    [
-                                                      _c(
-                                                        "a",
-                                                        {
-                                                          staticClass:
-                                                            "collapsed text-default",
-                                                          attrs: {
-                                                            "data-toggle":
-                                                              "collapse",
-                                                            href:
-                                                              "#aturan_tarik_" +
-                                                              props.item.id,
-                                                          },
-                                                        },
-                                                        [
-                                                          _vm._v(
-                                                            _vm._s(
-                                                              _vm.columnData[8]
-                                                                .title
-                                                            )
-                                                          ),
-                                                        ]
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                              _vm._v(" "),
-                                              _c(
-                                                "div",
-                                                {
-                                                  staticClass: "collapse",
-                                                  attrs: {
-                                                    id:
-                                                      "aturan_tarik_" +
-                                                      props.item.id,
-                                                    "data-parent":
-                                                      "#parent_" +
-                                                      props.item.id,
-                                                  },
-                                                },
-                                                [
-                                                  _c("div", {
-                                                    staticClass: "card-body",
-                                                    domProps: {
-                                                      innerHTML: _vm._s(
-                                                        props.item.aturan_tarik
-                                                      ),
-                                                    },
-                                                  }),
-                                                ]
-                                              ),
-                                            ]),
-                                          ]
-                                        )
-                                      : _vm._e(),
-                                    _vm._v(" "),
-                                    _c(
-                                      "div",
-                                      { staticClass: "col-md-6 col-lg-6" },
-                                      [
-                                        _c("div", { staticClass: "card" }, [
-                                          _c(
-                                            "div",
-                                            { staticClass: "card-header" },
-                                            [
-                                              _c(
-                                                "h6",
-                                                { staticClass: "card-title" },
-                                                [
-                                                  _c(
-                                                    "a",
-                                                    {
-                                                      staticClass:
-                                                        "collapsed text-default",
-                                                      attrs: {
-                                                        "data-toggle":
-                                                          "collapse",
-                                                        href:
-                                                          "#aturan_balas_jasa_" +
-                                                          props.item.id,
-                                                      },
-                                                    },
-                                                    [
-                                                      _vm._v(
-                                                        _vm._s(
-                                                          _vm.columnData[9]
-                                                            .title
-                                                        )
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              ),
-                                            ]
-                                          ),
-                                          _vm._v(" "),
-                                          _c(
-                                            "div",
-                                            {
-                                              staticClass: "collapse",
-                                              attrs: {
-                                                id:
-                                                  "aturan_balas_jasa_" +
-                                                  props.item.id,
-                                                "data-parent":
-                                                  "#parent_" + props.item.id,
-                                              },
-                                            },
-                                            [
-                                              _c("div", {
-                                                staticClass: "card-body",
-                                                domProps: {
-                                                  innerHTML: _vm._s(
-                                                    props.item.aturan_balas_jasa
-                                                  ),
-                                                },
-                                              }),
-                                            ]
-                                          ),
-                                        ]),
-                                      ]
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "div",
-                                      { staticClass: "col-md-6 col-lg-6" },
-                                      [
-                                        _c(
-                                          "div",
-                                          { staticClass: "card pb-0 mb-0" },
-                                          [
-                                            _c(
-                                              "div",
-                                              { staticClass: "card-header" },
-                                              [
-                                                _c(
-                                                  "h6",
-                                                  { staticClass: "card-title" },
-                                                  [
-                                                    _c(
-                                                      "a",
-                                                      {
-                                                        staticClass:
-                                                          "collapsed text-default",
-                                                        attrs: {
-                                                          "data-toggle":
-                                                            "collapse",
-                                                          href:
-                                                            "#aturan_lain_" +
-                                                            props.item.id,
-                                                        },
-                                                      },
-                                                      [
-                                                        _vm._v(
-                                                          _vm._s(
-                                                            _vm.columnData[10]
-                                                              .title
-                                                          )
-                                                        ),
-                                                      ]
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "div",
-                                              {
-                                                staticClass: "collapse",
-                                                attrs: {
-                                                  id:
-                                                    "aturan_lain_" +
-                                                    props.item.id,
-                                                  "data-parent":
-                                                    "#parent_" + props.item.id,
-                                                },
-                                              },
-                                              [
-                                                _c("div", {
-                                                  staticClass: "card-body",
-                                                  domProps: {
-                                                    innerHTML: _vm._s(
-                                                      props.item.aturan_lain
-                                                    ),
-                                                  },
-                                                }),
-                                              ]
-                                            ),
-                                          ]
-                                        ),
-                                      ]
-                                    ),
-                                  ]),
-                                ]
-                              ),
-                            ]),
-                          ]),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          {
-                            staticClass:
-                              "card-footer d-sm-flex justify-content-sm-between align-items-sm-center",
-                          },
-                          [
-                            _c(
-                              "ul",
-                              {
-                                staticClass:
-                                  "list-inline list-inline-dotted mb-1",
-                              },
-                              [
-                                _c("li", { staticClass: "list-inline-item" }, [
-                                  _c("strong", [
-                                    _vm._v(
-                                      _vm._s(_vm.columnData[11].title) + ":"
-                                    ),
-                                  ]),
-                                  _vm._v("   "),
-                                  _c("span", {
-                                    domProps: {
-                                      innerHTML: _vm._s(
-                                        _vm.$options.filters.dateTime(
-                                          props.item.created_at
-                                        )
-                                      ),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[9].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p2
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.p2.skor_cu_p2,
+                                      valueType: "decimal",
                                     },
-                                  }),
-                                ]),
-                                _vm._v(" "),
-                                props.item.created_at !== props.item.updated_at
-                                  ? _c(
-                                      "li",
-                                      { staticClass: "list-inline-item" },
-                                      [
-                                        _c("strong", [
-                                          _vm._v(
-                                            _vm._s(_vm.columnData[12].title) +
-                                              ":"
-                                          ),
-                                        ]),
-                                        _vm._v("   "),
-                                        _c("span", {
-                                          domProps: {
-                                            innerHTML: _vm._s(
-                                              _vm.$options.filters.dateTime(
-                                                props.item.updated_at
-                                              )
-                                            ),
-                                          },
-                                        }),
-                                      ]
-                                    )
-                                  : _vm._e(),
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "div",
-                              { staticClass: "mt-2 mt-sm-0 d-none d-sm-block" },
-                              [
-                                _vm.currentUser.can &&
-                                _vm.currentUser.can["update_produk_cu"]
-                                  ? _c(
-                                      "button",
-                                      {
-                                        staticClass: "btn btn-light mb-1",
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.ubahData(props.item.id)
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", {
-                                          staticClass: "icon-pencil5",
-                                        }),
-                                        _vm._v(" Ubah\n\t\t\t\t\t\t\t"),
-                                      ]
-                                    )
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.currentUser.can &&
-                                _vm.currentUser.can["destroy_produk_cu"]
-                                  ? _c(
-                                      "button",
-                                      {
-                                        staticClass: "btn btn-light ml-2 mb-1",
-                                        on: {
-                                          click: function ($event) {
-                                            $event.preventDefault()
-                                            return _vm.modalConfirmOpen(
-                                              "hapus",
-                                              true,
-                                              props.item
-                                            )
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("i", { staticClass: "icon-bin2" }),
-                                        _vm._v(" Hapus\n\t\t\t\t\t\t\t"),
-                                      ]
-                                    )
-                                  : _vm._e(),
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c("div", { staticClass: "d-block d-sm-none" }, [
-                              _vm.currentUser.can &&
-                              _vm.currentUser.can["update_produk_cu"]
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-1",
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.ubahData(props.item.id)
-                                        },
-                                      },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[10].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p3
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.p3.skor_cu_p3,
+                                      valueType: "decimal",
                                     },
-                                    [
-                                      _c("i", { staticClass: "icon-pencil5" }),
-                                      _vm._v(" Ubah\n\t\t\t\t\t\t\t"),
-                                    ]
-                                  )
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[11].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p4
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.p4.skor_cu_p4,
+                                      valueType: "decimal",
+                                    },
+                                  })
                                 : _vm._e(),
-                              _vm._v(" "),
-                              _vm.currentUser.can &&
-                              _vm.currentUser.can["destroy_produk_cu"]
-                                ? _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn btn-light btn-block mb-1",
-                                      on: {
-                                        click: function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalConfirmOpen(
-                                            "hapus",
-                                            true,
-                                            props.item
-                                          )
-                                        },
-                                      },
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[12].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p1
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.p1.skor_bkcu_p1,
+                                      valueType: "decimal",
                                     },
-                                    [
-                                      _c("i", { staticClass: "icon-bin2" }),
-                                      _vm._v(" Hapus\n\t\t\t\t\t\t\t"),
-                                    ]
-                                  )
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[13].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p2
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.p2.skor_bkcu_p2,
+                                      valueType: "decimal",
+                                    },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[14].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p3
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.p3.skor_bkcu_p3,
+                                      valueType: "decimal",
+                                    },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[15].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p4
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.p4.skor_bkcu_p4,
+                                      valueType: "decimal",
+                                    },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[16].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p1
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.bobot_cu_p1,
+                                      valueType: "decimal",
+                                    },
+                                  })
                                 : _vm._e(),
-                            ]),
-                          ]
-                        ),
-                      ]
-                    ),
-                  ]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[17].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p2
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.bobot_cu_p2,
+                                      valueType: "decimal",
+                                    },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[18].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p3
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.bobot_cu_p3,
+                                      valueType: "decimal",
+                                    },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[19].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p4
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.bobot_cu_p4,
+                                      valueType: "decimal",
+                                    },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[20].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p1
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.bobot_bkcu_p1,
+                                      valueType: "decimal",
+                                    },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[21].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p2
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.bobot_bkcu_p2,
+                                      valueType: "decimal",
+                                    },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[22].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p3
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.bobot_bkcu_p3,
+                                      valueType: "decimal",
+                                    },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[23].hide
+                        ? _c(
+                            "td",
+                            [
+                              props.item.p4
+                                ? _c("check-value", {
+                                    attrs: {
+                                      value: props.item.bobot_bkcu_p4,
+                                      valueType: "decimal",
+                                    },
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[24].hide
+                        ? _c("td", {
+                            staticClass: "text-nowrap",
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[25].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
                 ]
               },
             },
@@ -1292,11 +1300,12 @@ var render = function () {
             "template",
             { slot: "button-desktop" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_produk_cu"]
+              _vm.currentUser.can &&
+              _vm.currentUser.can["create_assesment_access"]
                 ? _c(
                     "router-link",
                     {
-                      staticClass: "btn btn-light mb-1",
+                      staticClass: "btn btn-light btn-icon mb-1",
                       attrs: { to: { name: _vm.kelas + "Create" } },
                     },
                     [
@@ -1305,6 +1314,88 @@ var render = function () {
                     ]
                   )
                 : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["update_assesment_access"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.goTo(_vm.selectedItem.id, "edit")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.id_cu == 0 &&
+              _vm.currentUser.can &&
+              _vm.currentUser.can["update_assesment_access"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.goTo(_vm.selectedItem.id, "penilaian")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-law" }),
+                      _vm._v(" Penilaian BKCU\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-icon mb-1",
+                  attrs: { disabled: !_vm.selectedItem.id },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.goTo(_vm.selectedItem.id, "lihat")
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-file-eye" }),
+                  _vm._v(" Lihat\n\t\t\t"),
+                ]
+              ),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["destroy_assesment_access"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
             ],
             1
           ),
@@ -1313,11 +1404,12 @@ var render = function () {
             "template",
             { slot: "button-mobile" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_produk_cu"]
+              _vm.currentUser.can &&
+              _vm.currentUser.can["create_assesment_access"]
                 ? _c(
                     "router-link",
                     {
-                      staticClass: "btn btn-light btn-block mb-1",
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
                       attrs: { to: { name: _vm.kelas + "Create" } },
                     },
                     [
@@ -1326,6 +1418,88 @@ var render = function () {
                     ]
                   )
                 : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["update_assesment_access"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.goTo(_vm.selectedItem.id, "edit")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.id_cu == 0 &&
+              _vm.currentUser.can &&
+              _vm.currentUser.can["update_assesment_access"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.goTo(_vm.selectedItem.id, "penilaian")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-law" }),
+                      _vm._v(" Penilaian BKCU\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "button",
+                {
+                  staticClass: "btn btn-light btn-icon btn-block mb-1",
+                  attrs: { disabled: !_vm.selectedItem.id },
+                  on: {
+                    click: function ($event) {
+                      $event.preventDefault()
+                      return _vm.goTo(_vm.selectedItem.id, "lihat")
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "icon-file-eye" }),
+                  _vm._v(" Lihat\n\t\t\t"),
+                ]
+              ),
+              _vm._v(" "),
+              _vm.currentUser.can &&
+              _vm.currentUser.can["destroy_assesment_access"]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
             ],
             1
           ),
@@ -1429,17 +1603,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/produkCu/index.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/produkCu/index.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/index.vue":
+/*!*************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/index.vue ***!
+  \*************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_6bff67b5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=6bff67b5& */ "./resources/assets/js/views/produkCu/index.vue?vue&type=template&id=6bff67b5&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/produkCu/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_dc7b779e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=dc7b779e& */ "./resources/assets/js/views/assesmentAccess/index.vue?vue&type=template&id=dc7b779e&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1450,8 +1624,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_6bff67b5___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_6bff67b5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_dc7b779e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_dc7b779e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1461,54 +1635,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/produkCu/index.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/produkCu/index.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/produkCu/index.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/index.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/index.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/produkCu/index.vue?vue&type=template&id=6bff67b5&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/produkCu/index.vue?vue&type=template&id=6bff67b5& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/index.vue?vue&type=template&id=dc7b779e&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/index.vue?vue&type=template&id=dc7b779e& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_6bff67b5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=6bff67b5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/index.vue?vue&type=template&id=6bff67b5&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_6bff67b5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_dc7b779e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=dc7b779e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/index.vue?vue&type=template&id=dc7b779e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_dc7b779e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_6bff67b5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_dc7b779e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/produkCu/table.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/produkCu/table.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/table.vue":
+/*!*************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/table.vue ***!
+  \*************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_259a9cb1___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=259a9cb1& */ "./resources/assets/js/views/produkCu/table.vue?vue&type=template&id=259a9cb1&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/produkCu/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_4b5d792d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=4b5d792d& */ "./resources/assets/js/views/assesmentAccess/table.vue?vue&type=template&id=4b5d792d&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/assesmentAccess/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1519,8 +1693,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_259a9cb1___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_259a9cb1___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_4b5d792d___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_4b5d792d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1530,38 +1704,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/produkCu/table.vue"
+component.options.__file = "resources/assets/js/views/assesmentAccess/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/produkCu/table.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/produkCu/table.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/table.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/table.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/produkCu/table.vue?vue&type=template&id=259a9cb1&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/produkCu/table.vue?vue&type=template&id=259a9cb1& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/views/assesmentAccess/table.vue?vue&type=template&id=4b5d792d&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/views/assesmentAccess/table.vue?vue&type=template&id=4b5d792d& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_259a9cb1___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=259a9cb1& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/table.vue?vue&type=template&id=259a9cb1&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_259a9cb1___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4b5d792d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=4b5d792d& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/assesmentAccess/table.vue?vue&type=template&id=4b5d792d&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4b5d792d___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_259a9cb1___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_4b5d792d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/96.js b/public/js/components/96.js
index de4f50e0e..3afc1a683 100644
--- a/public/js/components/96.js
+++ b/public/js/components/96.js
@@ -50,10 +50,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/index.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/index.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/index.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/produkCu/index.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -61,7 +61,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 /* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/tp/table.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/produkCu/table.vue");
 /* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
 /* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -106,6 +106,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
 
 
 
@@ -120,15 +121,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   },
   data: function data() {
     return {
-      title: 'TP/KP',
-      kelas: 'tp',
-      titleDesc: 'Mengelola data TP/KP',
-      titleIcon: 'icon-home9',
-      selectCuPath: 'tpCu'
+      title: 'Produk dan Pelayanan CU',
+      kelas: 'produkCu',
+      titleDesc: 'Mengelola data produk dan pelayanan CU',
+      titleIcon: 'icon-list3',
+      selectCuPath: 'produkCuCu'
     };
   },
   created: function created() {
-    this.checkUser('index_tp', this.$route.params.cu);
+    this.checkUser('index_produk_cu', this.$route.params.cu);
   },
   methods: {
     checkUser: function checkUser(permission, id_cu) {
@@ -155,20 +156,21 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/table.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/table.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/table.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/produkCu/table.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-truncate-collapsed */ "./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -290,6 +292,66 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -297,17 +359,18 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    truncate: vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
+    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
   },
   props: ['title', 'kelas'],
   data: function data() {
     return {
       selectedItem: [],
       query: {
-        order_column: "no_tp",
+        order_column: "name",
         order_direction: "asc",
         filter_match: "and",
         limit: 10,
@@ -322,112 +385,53 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         name: 'gambar',
         hide: false
       }, {
-        title: 'Nama',
-        name: 'name',
+        title: 'Tipe',
+        name: 'tipe',
         tipe: 'string',
         sort: true,
         hide: false,
         disable: false,
-        filter: true,
-        filterType: 'string',
-        filterDefault: true
-      }, {
-        title: 'No. Tp/Kp',
-        name: 'no_tp',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true,
-        filterType: 'number'
-      }, {
-        title: 'CU',
-        name: 'cu.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Provinsi',
-        name: 'provinces.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
-        filter: true
-      }, {
-        title: 'Kabupaten',
-        name: 'regencies.name',
-        tipe: 'string',
-        sort: false,
-        hide: false,
-        disable: false,
         filter: true
       }, {
-        title: 'Kecamatan',
-        name: 'districts.name',
+        title: 'Nama',
+        name: 'name',
         tipe: 'string',
-        sort: false,
+        sort: true,
         hide: false,
         disable: false,
-        filter: true
+        filter: true,
+        filterDefault: true
       }, {
-        title: 'Kelurahan',
-        name: 'villages.name',
+        title: 'Kode Produk dan Pelayanan',
+        name: 'kode_produk',
         tipe: 'string',
-        sort: false,
+        sort: true,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Alamat',
-        name: 'alamat',
+        title: 'CU',
+        name: 'cu.name',
         tipe: 'string',
         sort: false,
         hide: false,
         disable: false,
         filter: true
       }, {
-        title: 'Tgl. Berdiri',
-        name: 'ultah',
-        tipe: 'datetime',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Keterangan',
+        name: 'keterangan'
       }, {
-        title: 'E-mail',
-        name: 'email',
-        tipe: 'string',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Aturan Setor',
+        name: 'aturan_setor'
       }, {
-        title: 'No. Telp',
-        name: 'telp',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Aturan Tarik',
+        name: 'aturan_tarik'
       }, {
-        title: 'No. Hp',
-        name: 'hp',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Aturan Balas Jasa',
+        name: 'aturan_balas_jasa'
       }, {
-        title: 'Kode Pos',
-        name: 'pos',
-        tipe: 'numeric',
-        sort: true,
-        hide: false,
-        disable: false,
-        filter: true
+        title: 'Aturan Lain',
+        name: 'aturan_lain'
       }, {
         title: 'Tgl. / Waktu Buat',
         name: 'created_at',
@@ -489,7 +493,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
     },
     disableColumnCu: function disableColumnCu(status) {
-      this.columnData[4].disable = status;
+      this.columnData[5].disable = status;
+    },
+    resetParams: function resetParams() {
+      this.params.search_column = 'name';
+      this.params.search_query_1 = '';
+      this.extSearchColumn = 'name';
+      this.extSearchQuery1 = '';
     },
     selectedRow: function selectedRow(item) {
       this.selectedItem = item;
@@ -516,6 +526,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         this.modalButton = 'Iya, Hapus';
       }
     },
+    modalOpen: function modalOpen(value) {
+      this.modalShow = true;
+      this.modalState = 'content-tutup';
+      this.modalContent = value;
+      this.modalButton = 'Tutup';
+    },
     modalTutup: function modalTutup() {
       this.modalShow = false;
       this.$store.dispatch(this.kelas + '/resetUpdateStat');
@@ -524,14 +540,31 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       if (this.state == 'hapus') {
         this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
       }
+    },
+    gridColor: function gridColor(value) {
+      if (value == 'Simpanan Pokok') {
+        return 'border-left-primary-400';
+      } else if (value == 'Simpanan Wajib') {
+        return 'border-left-warning-400';
+      } else if (value == 'Simpanan Non Saham') {
+        return 'border-left-secondary-400';
+      } else if (value == 'Pinjaman Kapitalisasi') {
+        return 'border-left-success-400';
+      } else if (value == 'Pinjaman Umum') {
+        return 'border-left-primary-400';
+      } else if (value == 'Pinjaman Produktif') {
+        return 'border-left-green-400';
+      }
     }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('global', {
+    idCu: 'idCu'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
     modelCu: 'dataS',
     modelCuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('produkCu', {
     itemData: 'dataS',
     itemDataStat: 'dataStatS',
     updateMessage: 'update',
@@ -587,10 +620,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/index.vue?vue&type=template&id=642a74b2&":
-/*!*************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/index.vue?vue&type=template&id=642a74b2& ***!
-  \*************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/index.vue?vue&type=template&id=6bff67b5&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/produkCu/index.vue?vue&type=template&id=6bff67b5& ***!
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -613,7 +646,7 @@ var render = function () {
         },
       }),
       _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-o" }, [
+      _c("div", { staticClass: "page-content pt-0" }, [
         _c("div", { staticClass: "content-wrapper" }, [
           _c(
             "div",
@@ -657,10 +690,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/table.vue?vue&type=template&id=1dc5a9ae&":
-/*!*************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/table.vue?vue&type=template&id=1dc5a9ae& ***!
-  \*************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/table.vue?vue&type=template&id=259a9cb1&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/produkCu/table.vue?vue&type=template&id=259a9cb1& ***!
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -684,264 +717,571 @@ var render = function () {
             itemData: _vm.itemData,
             query: _vm.query,
             itemDataStat: _vm.itemDataStat,
+            dataview: "grid",
             excelDownloadUrl: _vm.excelDownloadUrl,
-            isUploadExcel: false,
           },
           on: { fetch: _vm.fetch },
           scopedSlots: _vm._u([
             {
-              key: "item-desktop",
+              key: "item-mobile",
               fn: function (props) {
                 return [
-                  _c(
-                    "tr",
-                    {
-                      staticClass: "text-nowrap",
-                      class: {
-                        "bg-info": _vm.selectedItem.id === props.item.id,
+                  _c("div", { staticClass: "col-md-6" }, [
+                    _c(
+                      "div",
+                      {
+                        staticClass: "card border-left-3 rounded-left-0",
+                        class: [_vm.gridColor(props.item.tipe)],
                       },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectedRow(props.item)
-                        },
-                      },
-                    },
-                    [
-                      !_vm.columnData[0].hide
-                        ? _c("td", [
-                            _vm._v(
-                              "\n\t\t\t\t\t" +
-                                _vm._s(
-                                  props.index +
-                                    1 +
-                                    (+_vm.itemData.current_page - 1) *
-                                      +_vm.itemData.per_page +
-                                    "."
-                                ) +
-                                "\n\t\t\t\t"
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[1].hide
-                        ? _c("td", [
-                            props.item.gambar
-                              ? _c("img", {
-                                  staticClass: "img-rounded img-fluid wmin-sm",
-                                  attrs: {
-                                    src:
-                                      "/images/" +
-                                      _vm.kelas +
-                                      "/" +
-                                      props.item.gambar +
-                                      "n.jpg",
-                                    width: "40",
-                                  },
-                                })
-                              : _c("img", {
-                                  staticClass: "img-rounded  img-fluid wmin-sm",
-                                  attrs: {
-                                    src: "/images/no_image.jpg",
-                                    width: "40",
-                                  },
+                      [
+                        _c(
+                          "div",
+                          {
+                            staticClass:
+                              "card-header bg-light header-elements-inline",
+                          },
+                          [
+                            _c(
+                              "h6",
+                              { staticClass: "card-title" },
+                              [
+                                _c("check-value", {
+                                  attrs: { value: props.item.kode_produk },
                                 }),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[2].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.name },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[3].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.no_tp },
+                              ],
+                              1
+                            ),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "header-elements" }, [
+                              _c("span", {
+                                domProps: {
+                                  innerHTML: _vm._s(
+                                    _vm.$options.filters.tipeProdukCu(
+                                      props.item.tipe
+                                    )
+                                  ),
+                                },
                               }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[4].hide && !_vm.columnData[4].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.cu
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.cu.name },
+                            ]),
+                          ]
+                        ),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "card-body" }, [
+                          _c("div", { staticClass: "row" }, [
+                            _c("div", { staticClass: "col-md-4 col-lg-2" }, [
+                              props.item.gambar
+                                ? _c("img", {
+                                    staticClass:
+                                      "img-rounded img-fluid wmin-sm",
+                                    attrs: {
+                                      src:
+                                        "/images/produk_cu/" +
+                                        props.item.gambar +
+                                        "n.jpg",
+                                    },
                                   })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[5].hide && !_vm.columnData[5].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.provinces
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.provinces.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[6].hide && !_vm.columnData[6].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.regencies
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.regencies.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[7].hide && !_vm.columnData[7].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.districts
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.districts.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[8].hide && !_vm.columnData[8].disable
-                        ? _c(
-                            "td",
-                            [
-                              props.item.villages
-                                ? _c("check-value", {
-                                    attrs: { value: props.item.villages.name },
-                                  })
-                                : _c("span", [_vm._v("-")]),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[9].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.alamat },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[10].hide
-                        ? _c("td", {
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.date(props.item.ultah)
-                              ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[11].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.email },
+                                : _c("img", {
+                                    staticClass:
+                                      "img-rounded img-fluid wmin-sm",
+                                    attrs: { src: "/images/no_image.jpg" },
+                                  }),
+                              _vm._v(" "),
+                              _c("hr", { staticClass: "d-block d-sm-none" }),
+                            ]),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "col-md-8 col-lg-10" }, [
+                              props.item.jalinan == 1
+                                ? _c(
+                                    "span",
+                                    { staticClass: "badge badge-primary mb-1" },
+                                    [
+                                      _c("i", {
+                                        staticClass: "icon-shield-check",
+                                      }),
+                                      _vm._v(" Disolidaritaskan Jalinan"),
+                                    ]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _c("h6", { staticClass: "text-primary" }, [
+                                _vm._v(
+                                  _vm._s(props.item.name) +
+                                    " " +
+                                    _vm._s(
+                                      props.item.cu
+                                        ? " - CU " + props.item.cu.name
+                                        : ""
+                                    )
+                                ),
+                              ]),
+                              _vm._v(" "),
+                              _c("p", {
+                                domProps: {
+                                  innerHTML: _vm._s(props.item.keterangan),
+                                },
                               }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[12].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.telp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[13].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.hp },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[14].hide
-                        ? _c(
-                            "td",
-                            [
-                              _c("check-value", {
-                                attrs: { value: props.item.pos },
-                              }),
-                            ],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[15].hide
-                        ? _c("td", {
-                            staticClass: "text-nowrap",
-                            domProps: {
-                              innerHTML: _vm._s(
-                                _vm.$options.filters.dateTime(
-                                  props.item.created_at
-                                )
+                            ]),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "col-12" }, [
+                              _c("hr"),
+                              _vm._v(" "),
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "card-group-control card-group-control-right",
+                                  attrs: { id: "parent_" + props.item.id },
+                                },
+                                [
+                                  _c("div", { staticClass: "row" }, [
+                                    _c(
+                                      "div",
+                                      { staticClass: "col-md-6 col-lg-6" },
+                                      [
+                                        _c("div", { staticClass: "card" }, [
+                                          _c(
+                                            "div",
+                                            { staticClass: "card-header" },
+                                            [
+                                              _c(
+                                                "h6",
+                                                { staticClass: "card-title" },
+                                                [
+                                                  _c(
+                                                    "a",
+                                                    {
+                                                      staticClass:
+                                                        "collapsed text-default",
+                                                      attrs: {
+                                                        "data-toggle":
+                                                          "collapse",
+                                                        href:
+                                                          "#aturan_setor_" +
+                                                          props.item.id,
+                                                      },
+                                                    },
+                                                    [
+                                                      _vm._v(
+                                                        _vm._s(
+                                                          _vm.columnData[7]
+                                                            .title
+                                                        )
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]
+                                          ),
+                                          _vm._v(" "),
+                                          _c(
+                                            "div",
+                                            {
+                                              staticClass: "collapse",
+                                              attrs: {
+                                                id:
+                                                  "aturan_setor_" +
+                                                  props.item.id,
+                                                "data-parent":
+                                                  "#parent_" + props.item.id,
+                                              },
+                                            },
+                                            [
+                                              _c("div", {
+                                                staticClass: "card-body",
+                                                domProps: {
+                                                  innerHTML: _vm._s(
+                                                    props.item.aturan_setor
+                                                  ),
+                                                },
+                                              }),
+                                            ]
+                                          ),
+                                        ]),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    props.item.tipe == "Simpanan Pokok" ||
+                                    props.item.tipe == "Simpanan Wajib" ||
+                                    props.item.tipe == "Simpanan Non Saham"
+                                      ? _c(
+                                          "div",
+                                          { staticClass: "col-md-6 col-lg-6" },
+                                          [
+                                            _c("div", { staticClass: "card" }, [
+                                              _c(
+                                                "div",
+                                                { staticClass: "card-header" },
+                                                [
+                                                  _c(
+                                                    "h6",
+                                                    {
+                                                      staticClass: "card-title",
+                                                    },
+                                                    [
+                                                      _c(
+                                                        "a",
+                                                        {
+                                                          staticClass:
+                                                            "collapsed text-default",
+                                                          attrs: {
+                                                            "data-toggle":
+                                                              "collapse",
+                                                            href:
+                                                              "#aturan_tarik_" +
+                                                              props.item.id,
+                                                          },
+                                                        },
+                                                        [
+                                                          _vm._v(
+                                                            _vm._s(
+                                                              _vm.columnData[8]
+                                                                .title
+                                                            )
+                                                          ),
+                                                        ]
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "div",
+                                                {
+                                                  staticClass: "collapse",
+                                                  attrs: {
+                                                    id:
+                                                      "aturan_tarik_" +
+                                                      props.item.id,
+                                                    "data-parent":
+                                                      "#parent_" +
+                                                      props.item.id,
+                                                  },
+                                                },
+                                                [
+                                                  _c("div", {
+                                                    staticClass: "card-body",
+                                                    domProps: {
+                                                      innerHTML: _vm._s(
+                                                        props.item.aturan_tarik
+                                                      ),
+                                                    },
+                                                  }),
+                                                ]
+                                              ),
+                                            ]),
+                                          ]
+                                        )
+                                      : _vm._e(),
+                                    _vm._v(" "),
+                                    _c(
+                                      "div",
+                                      { staticClass: "col-md-6 col-lg-6" },
+                                      [
+                                        _c("div", { staticClass: "card" }, [
+                                          _c(
+                                            "div",
+                                            { staticClass: "card-header" },
+                                            [
+                                              _c(
+                                                "h6",
+                                                { staticClass: "card-title" },
+                                                [
+                                                  _c(
+                                                    "a",
+                                                    {
+                                                      staticClass:
+                                                        "collapsed text-default",
+                                                      attrs: {
+                                                        "data-toggle":
+                                                          "collapse",
+                                                        href:
+                                                          "#aturan_balas_jasa_" +
+                                                          props.item.id,
+                                                      },
+                                                    },
+                                                    [
+                                                      _vm._v(
+                                                        _vm._s(
+                                                          _vm.columnData[9]
+                                                            .title
+                                                        )
+                                                      ),
+                                                    ]
+                                                  ),
+                                                ]
+                                              ),
+                                            ]
+                                          ),
+                                          _vm._v(" "),
+                                          _c(
+                                            "div",
+                                            {
+                                              staticClass: "collapse",
+                                              attrs: {
+                                                id:
+                                                  "aturan_balas_jasa_" +
+                                                  props.item.id,
+                                                "data-parent":
+                                                  "#parent_" + props.item.id,
+                                              },
+                                            },
+                                            [
+                                              _c("div", {
+                                                staticClass: "card-body",
+                                                domProps: {
+                                                  innerHTML: _vm._s(
+                                                    props.item.aturan_balas_jasa
+                                                  ),
+                                                },
+                                              }),
+                                            ]
+                                          ),
+                                        ]),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "div",
+                                      { staticClass: "col-md-6 col-lg-6" },
+                                      [
+                                        _c(
+                                          "div",
+                                          { staticClass: "card pb-0 mb-0" },
+                                          [
+                                            _c(
+                                              "div",
+                                              { staticClass: "card-header" },
+                                              [
+                                                _c(
+                                                  "h6",
+                                                  { staticClass: "card-title" },
+                                                  [
+                                                    _c(
+                                                      "a",
+                                                      {
+                                                        staticClass:
+                                                          "collapsed text-default",
+                                                        attrs: {
+                                                          "data-toggle":
+                                                            "collapse",
+                                                          href:
+                                                            "#aturan_lain_" +
+                                                            props.item.id,
+                                                        },
+                                                      },
+                                                      [
+                                                        _vm._v(
+                                                          _vm._s(
+                                                            _vm.columnData[10]
+                                                              .title
+                                                          )
+                                                        ),
+                                                      ]
+                                                    ),
+                                                  ]
+                                                ),
+                                              ]
+                                            ),
+                                            _vm._v(" "),
+                                            _c(
+                                              "div",
+                                              {
+                                                staticClass: "collapse",
+                                                attrs: {
+                                                  id:
+                                                    "aturan_lain_" +
+                                                    props.item.id,
+                                                  "data-parent":
+                                                    "#parent_" + props.item.id,
+                                                },
+                                              },
+                                              [
+                                                _c("div", {
+                                                  staticClass: "card-body",
+                                                  domProps: {
+                                                    innerHTML: _vm._s(
+                                                      props.item.aturan_lain
+                                                    ),
+                                                  },
+                                                }),
+                                              ]
+                                            ),
+                                          ]
+                                        ),
+                                      ]
+                                    ),
+                                  ]),
+                                ]
                               ),
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !_vm.columnData[16].hide
-                        ? _c("td", [
-                            props.item.created_at !== props.item.updated_at
-                              ? _c("span", {
-                                  domProps: {
-                                    innerHTML: _vm._s(
-                                      _vm.$options.filters.dateTime(
-                                        props.item.updated_at
-                                      )
+                            ]),
+                          ]),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          {
+                            staticClass:
+                              "card-footer d-sm-flex justify-content-sm-between align-items-sm-center",
+                          },
+                          [
+                            _c(
+                              "ul",
+                              {
+                                staticClass:
+                                  "list-inline list-inline-dotted mb-1",
+                              },
+                              [
+                                _c("li", { staticClass: "list-inline-item" }, [
+                                  _c("strong", [
+                                    _vm._v(
+                                      _vm._s(_vm.columnData[11].title) + ":"
                                     ),
-                                  },
-                                })
-                              : _c("span", [_vm._v("-")]),
-                          ])
-                        : _vm._e(),
-                    ]
-                  ),
+                                  ]),
+                                  _vm._v("   "),
+                                  _c("span", {
+                                    domProps: {
+                                      innerHTML: _vm._s(
+                                        _vm.$options.filters.dateTime(
+                                          props.item.created_at
+                                        )
+                                      ),
+                                    },
+                                  }),
+                                ]),
+                                _vm._v(" "),
+                                props.item.created_at !== props.item.updated_at
+                                  ? _c(
+                                      "li",
+                                      { staticClass: "list-inline-item" },
+                                      [
+                                        _c("strong", [
+                                          _vm._v(
+                                            _vm._s(_vm.columnData[12].title) +
+                                              ":"
+                                          ),
+                                        ]),
+                                        _vm._v("   "),
+                                        _c("span", {
+                                          domProps: {
+                                            innerHTML: _vm._s(
+                                              _vm.$options.filters.dateTime(
+                                                props.item.updated_at
+                                              )
+                                            ),
+                                          },
+                                        }),
+                                      ]
+                                    )
+                                  : _vm._e(),
+                              ]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "div",
+                              { staticClass: "mt-2 mt-sm-0 d-none d-sm-block" },
+                              [
+                                _vm.currentUser.can &&
+                                _vm.currentUser.can["update_produk_cu"]
+                                  ? _c(
+                                      "button",
+                                      {
+                                        staticClass: "btn btn-light mb-1",
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.ubahData(props.item.id)
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", {
+                                          staticClass: "icon-pencil5",
+                                        }),
+                                        _vm._v(" Ubah\n\t\t\t\t\t\t\t"),
+                                      ]
+                                    )
+                                  : _vm._e(),
+                                _vm._v(" "),
+                                _vm.currentUser.can &&
+                                _vm.currentUser.can["destroy_produk_cu"]
+                                  ? _c(
+                                      "button",
+                                      {
+                                        staticClass: "btn btn-light ml-2 mb-1",
+                                        on: {
+                                          click: function ($event) {
+                                            $event.preventDefault()
+                                            return _vm.modalConfirmOpen(
+                                              "hapus",
+                                              true,
+                                              props.item
+                                            )
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("i", { staticClass: "icon-bin2" }),
+                                        _vm._v(" Hapus\n\t\t\t\t\t\t\t"),
+                                      ]
+                                    )
+                                  : _vm._e(),
+                              ]
+                            ),
+                            _vm._v(" "),
+                            _c("div", { staticClass: "d-block d-sm-none" }, [
+                              _vm.currentUser.can &&
+                              _vm.currentUser.can["update_produk_cu"]
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-1",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.ubahData(props.item.id)
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-pencil5" }),
+                                      _vm._v(" Ubah\n\t\t\t\t\t\t\t"),
+                                    ]
+                                  )
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _vm.currentUser.can &&
+                              _vm.currentUser.can["destroy_produk_cu"]
+                                ? _c(
+                                    "button",
+                                    {
+                                      staticClass:
+                                        "btn btn-light btn-block mb-1",
+                                      on: {
+                                        click: function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalConfirmOpen(
+                                            "hapus",
+                                            true,
+                                            props.item
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("i", { staticClass: "icon-bin2" }),
+                                      _vm._v(" Hapus\n\t\t\t\t\t\t\t"),
+                                    ]
+                                  )
+                                : _vm._e(),
+                            ]),
+                          ]
+                        ),
+                      ]
+                    ),
+                  ]),
                 ]
               },
             },
@@ -952,11 +1292,11 @@ var render = function () {
             "template",
             { slot: "button-desktop" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
+              _vm.currentUser.can && _vm.currentUser.can["create_produk_cu"]
                 ? _c(
                     "router-link",
                     {
-                      staticClass: "btn btn-light btn-icon mb-1",
+                      staticClass: "btn btn-light mb-1",
                       attrs: { to: { name: _vm.kelas + "Create" } },
                     },
                     [
@@ -965,46 +1305,6 @@ var render = function () {
                     ]
                   )
                 : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
             ],
             1
           ),
@@ -1013,56 +1313,16 @@ var render = function () {
             "template",
             { slot: "button-mobile" },
             [
-              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
+              _vm.currentUser.can && _vm.currentUser.can["create_produk_cu"]
                 ? _c(
                     "router-link",
                     {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      staticClass: "btn btn-light btn-block mb-1",
                       attrs: { to: { name: _vm.kelas + "Create" } },
                     },
                     [
                       _c("i", { staticClass: "icon-plus3" }),
-                      _vm._v(" Tambah " + _vm._s(_vm.title) + "\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.ubahData(_vm.selectedItem.id)
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-pencil5" }),
-                      _vm._v(" Ubah " + _vm._s(_vm.title) + "\n\t\t\t"),
-                    ]
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
-                ? _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: { disabled: !_vm.selectedItem.id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalConfirmOpen("hapus")
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-bin2" }),
-                      _vm._v(" Hapus " + _vm._s(_vm.title) + "\n\t\t\t"),
+                      _vm._v(" Tambah\n\t\t\t"),
                     ]
                   )
                 : _vm._e(),
@@ -1169,17 +1429,17 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tp/index.vue":
-/*!************************************************!*\
-  !*** ./resources/assets/js/views/tp/index.vue ***!
-  \************************************************/
+/***/ "./resources/assets/js/views/produkCu/index.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/produkCu/index.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_642a74b2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=642a74b2& */ "./resources/assets/js/views/tp/index.vue?vue&type=template&id=642a74b2&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/tp/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _index_vue_vue_type_template_id_6bff67b5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=6bff67b5& */ "./resources/assets/js/views/produkCu/index.vue?vue&type=template&id=6bff67b5&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/produkCu/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1190,8 +1450,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_642a74b2___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_642a74b2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_template_id_6bff67b5___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_6bff67b5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1201,54 +1461,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/tp/index.vue"
+component.options.__file = "resources/assets/js/views/produkCu/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tp/index.vue?vue&type=script&lang=js&":
-/*!*************************************************************************!*\
-  !*** ./resources/assets/js/views/tp/index.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************/
+/***/ "./resources/assets/js/views/produkCu/index.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/produkCu/index.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/index.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tp/index.vue?vue&type=template&id=642a74b2&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/tp/index.vue?vue&type=template&id=642a74b2& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/produkCu/index.vue?vue&type=template&id=6bff67b5&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/produkCu/index.vue?vue&type=template&id=6bff67b5& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_642a74b2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=642a74b2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/index.vue?vue&type=template&id=642a74b2&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_642a74b2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_6bff67b5___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=6bff67b5& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/index.vue?vue&type=template&id=6bff67b5&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_6bff67b5___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_642a74b2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_6bff67b5___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tp/table.vue":
-/*!************************************************!*\
-  !*** ./resources/assets/js/views/tp/table.vue ***!
-  \************************************************/
+/***/ "./resources/assets/js/views/produkCu/table.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/produkCu/table.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_1dc5a9ae___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=1dc5a9ae& */ "./resources/assets/js/views/tp/table.vue?vue&type=template&id=1dc5a9ae&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/tp/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_259a9cb1___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=259a9cb1& */ "./resources/assets/js/views/produkCu/table.vue?vue&type=template&id=259a9cb1&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/produkCu/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1259,8 +1519,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_1dc5a9ae___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_1dc5a9ae___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_259a9cb1___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_259a9cb1___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1270,38 +1530,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/tp/table.vue"
+component.options.__file = "resources/assets/js/views/produkCu/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tp/table.vue?vue&type=script&lang=js&":
-/*!*************************************************************************!*\
-  !*** ./resources/assets/js/views/tp/table.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************/
+/***/ "./resources/assets/js/views/produkCu/table.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/produkCu/table.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/tp/table.vue?vue&type=template&id=1dc5a9ae&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/tp/table.vue?vue&type=template&id=1dc5a9ae& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/views/produkCu/table.vue?vue&type=template&id=259a9cb1&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/produkCu/table.vue?vue&type=template&id=259a9cb1& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_1dc5a9ae___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=1dc5a9ae& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/table.vue?vue&type=template&id=1dc5a9ae&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_1dc5a9ae___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_259a9cb1___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=259a9cb1& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/produkCu/table.vue?vue&type=template&id=259a9cb1&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_259a9cb1___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_1dc5a9ae___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_259a9cb1___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/97.js b/public/js/components/97.js
index 6afb215f0..4c1f4eb71 100644
--- a/public/js/components/97.js
+++ b/public/js/components/97.js
@@ -1,38 +1,14 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[97],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -46,101 +22,48 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-
 /* harmony default export */ __webpack_exports__["default"] = ({
   props: {
-    title: {
-      "default": ''
-    },
-    titleIcon: {
-      "default": ''
-    },
-    titleDesc: {
-      "default": ''
-    },
-    level: {
-      "default": 1
-    },
-    level2Title: {
-      "default": ''
-    },
-    level2Route: {
+    id: {
       "default": ''
     }
   },
+  data: function data() {
+    return {
+      clicked: false
+    };
+  },
   methods: {
-    level2Back: function level2Back() {
-      this.$emit('level2Back');
-    },
-    route1: function route1() {
-      if (this.btn1RouteParams) {
-        this.$router.push({
-          name: this.btn1Route,
-          params: {
-            cu: this.btn1RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn1Route
-        });
-      }
-    },
-    route2: function route2() {
-      if (this.btn2RouteParams) {
-        this.$router.push({
-          name: this.btn2Route,
-          params: {
-            cu: this.btn2RouteParams
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.btn2Route
-        });
-      }
-    },
-    route3: function route3() {
-      if (this.btn3RouteParams) {
-        this.$router.push({
-          name: this.btn3Route,
-          params: {
-            cu: this.btn3RouteParams
-          }
-        });
+    btnClick: function btnClick() {
+      var _this = this;
+
+      if (this.clicked) {
+        setTimeout(function () {
+          return _this.clicked = false;
+        }, 400);
       } else {
-        this.$router.push({
-          name: this.btn3Route
-        });
+        this.clicked = true;
       }
     }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  }))
+  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/singleFileUpload.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/singleFileUpload.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/index.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/index.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
-/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _table_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./table.vue */ "./resources/assets/js/views/tp/table.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/selectCu.vue */ "./resources/assets/js/components/selectCu.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -179,104 +102,73 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+
+
+
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: {
-    title: {
-      type: String
-    }
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    tableData: _table_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    selectCu: _components_selectCu_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
   data: function data() {
     return {
-      message: null,
-      files: [],
-      stat: '',
-      count: '',
-      progress: [],
-      progressBar: 0,
-      isLoading: false,
-      submited: false,
-      isClicked: false
+      title: 'TP/KP',
+      kelas: 'tp',
+      titleDesc: 'Mengelola data TP/KP',
+      titleIcon: 'icon-home9',
+      selectCuPath: 'tpCu'
     };
   },
+  created: function created() {
+    this.checkUser('index_tp', this.$route.params.cu);
+  },
   methods: {
-    submit: function submit(event) {
-      var _this = this;
+    checkUser: function checkUser(permission, id_cu) {
+      if (this.currentUser) {
+        if (!this.currentUser.can || !this.currentUser.can[permission]) {
+          this.$router.push('/notFound');
+        }
 
-      this.isLoading = true;
-
-      for (var i = 0; i < this.files.length; i++) {
-        var formData = new FormData();
-        formData.append('file', this.files[i]);
-        formData.append('id_cu', this.currentUser.id_cu);
-        formData.append('id_user', this.currentUser.id);
-        formData.append('file_name', this.title);
-        axios__WEBPACK_IMPORTED_MODULE_1___default.a.post('/api/fileUpload/store', formData, {
-          headers: {
-            'Content-Type': 'multipart/form-data'
-          },
-          onUploadProgress: function (progressEvent) {
-            this.progressBar = parseInt(Math.round(progressEvent.loaded * 100 / progressEvent.total));
-          }.bind(this)
-        }).then(function (response) {
-          if (response.status == 200) {
-            _this.$store.commit('fileUpload/setDataS', response.data.model);
+        if (!id_cu || this.currentUser.id_cu) {
+          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
+            this.$router.push('/notFound');
           }
-
-          setTimeout(function () {
-            _this.$emit("LoadingStat", _this.isLoading);
-
-            _this.message = response.data.message;
-            _this.progressBar = 0;
-
-            _this.reset();
-
-            _this.files = [];
-          });
-        });
+        }
       }
-    },
-    reset: function reset() {
-      this.$refs.file.value = '';
-    },
-    click: function click() {
-      this.isClicked = true;
-      this.$emit('fileBatal', this.title);
-    },
-    upload: function upload(event) {
-      this.isClicked = false;
-      this.files = [];
-      this.message = null;
-      this.files.push(event.files[0]);
-      this.$emit('fileSelected', {
-        file: this.files,
-        name: this.title
-      });
     }
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/table.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/table.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/dataviewer2.vue */ "./resources/assets/js/components/dataviewer2.vue");
 /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _components_singleFileUpload__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/singleFileUpload */ "./resources/assets/js/components/singleFileUpload.vue");
+/* harmony import */ var _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/collapseButton.vue */ "./resources/assets/js/components/collapseButton.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -380,6 +272,24 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -387,96 +297,214 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    DataViewer: _components_dataviewer2_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
     appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_3___default.a,
-    singleFileUpload: _components_singleFileUpload__WEBPACK_IMPORTED_MODULE_4__["default"]
+    collapseButton: _components_collapseButton_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
+  props: ['title', 'kelas'],
   data: function data() {
     return {
-      // tipe:'single',
-      // cekTipe:true,
-      isLoading: true,
-      selectedItem: null,
-      title: 'Import ESCETE',
-      titleDesc: 'Melakukan upload data CSV ESCETE',
-      titleIcon: 'icon-file-upload2',
-      kelas: 'testUpload',
-      loadingCount: [],
-      files: [],
-      fileCounter: 0,
+      selectedItem: [],
+      query: {
+        order_column: "no_tp",
+        order_direction: "asc",
+        filter_match: "and",
+        limit: 10,
+        page: 1
+      },
+      excelDownloadUrl: '',
+      columnData: [{
+        title: 'No.',
+        name: 'No.'
+      }, {
+        title: 'Foto',
+        name: 'gambar',
+        hide: false
+      }, {
+        title: 'Nama',
+        name: 'name',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterType: 'string',
+        filterDefault: true
+      }, {
+        title: 'No. Tp/Kp',
+        name: 'no_tp',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true,
+        filterType: 'number'
+      }, {
+        title: 'CU',
+        name: 'cu.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Provinsi',
+        name: 'provinces.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kabupaten',
+        name: 'regencies.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kecamatan',
+        name: 'districts.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kelurahan',
+        name: 'villages.name',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Alamat',
+        name: 'alamat',
+        tipe: 'string',
+        sort: false,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. Berdiri',
+        name: 'ultah',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'E-mail',
+        name: 'email',
+        tipe: 'string',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'No. Telp',
+        name: 'telp',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'No. Hp',
+        name: 'hp',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Kode Pos',
+        name: 'pos',
+        tipe: 'numeric',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. / Waktu Buat',
+        name: 'created_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }, {
+        title: 'Tgl. / Waktu Ubah',
+        name: 'updated_at',
+        tipe: 'datetime',
+        sort: true,
+        hide: false,
+        disable: false,
+        filter: true
+      }],
+      state: '',
       modalShow: false,
-      isDraft: false,
-      //flag sesuaikan dengan jumlah file yang  mau diupload
-      flagRekening: false,
-      flagAnggota: false,
-      flagProduk: false,
       modalState: '',
       modalTitle: '',
-      modalColor: '',
       modalContent: '',
-      modalSize: ''
+      modalButton: ''
     };
   },
+  created: function created() {
+    this.fetch(this.query);
+  },
   watch: {
-    loadingCount: function loadingCount() {
-      if (this.loadingCount.length != 0) {
-        if (this.loadingCount.length == this.fileCounter) {
-          this.files = [];
-          this.loadingCount = [];
-          this.$store.dispatch('anggotaCuImportEscete/index', [this.currentUser.id_cu, this.currentUser.id]);
-          this.$store.dispatch('fileUpload/index', [this.currentUser.id_cu, this.currentUser.id]);
-        }
-      }
-    },
-    uploadStat: function uploadStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value == "success") {
-        this.$store.dispatch('anggotaCuImportEscete/index', [this.currentUser.id_cu]);
-        this.$store.dispatch('fileUpload/index', [this.currentUser.id_cu, this.currentUser.id]);
-        this.modalTitle = this.uploadResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.uploadResponse;
-      }
+    // check route changes
+    '$route': function $route(to, from) {
+      this.fetch(this.query);
     },
     updateStat: function updateStat(value) {
-      this.modalShow = true;
       this.modalState = value;
-      this.modalColor = '';
-
-      if (value == "success") {
-        this.$store.dispatch('anggotaCuImportEscete/index', [this.currentUser.id_cu]);
-        this.$store.dispatch('fileUpload/index', [this.currentUser.id_cu, this.currentUser.id]);
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    },
-    files: function files() {
-      if (this.files.length == 0) {
-        this.isLoading = true;
-      }
-    },
-    tipe: function tipe() {
-      if (this.tipe == 'single') {
-        this.cekTipe = true;
+      this.modalButton = 'Ok';
+
+      if (value === "success") {
+        this.modalTitle = this.updateMessage.message;
+        this.modalContent = '';
+        this.fetch();
+      } else if (value === "fail") {
+        this.modalContent = this.updateMessage;
       } else {
-        this.cekTipe = false;
+        this.modalContent = '';
       }
     }
   },
-  created: function created() {
-    this.$store.dispatch('anggotaCuImportEscete/index', [this.currentUser.id_cu, this.currentUser.id]);
-    this.$store.dispatch('fileUpload/index', [this.currentUser.id_cu, this.currentUser.id]);
-  },
   methods: {
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+    fetch: function fetch(params) {
+      if (this.$route.params.cu == 'semua') {
+        this.disableColumnCu(false);
+        this.$store.dispatch(this.kelas + '/index', params);
+        this.excelDownloadUrl = this.kelas;
+      } else {
+        this.disableColumnCu(true);
+        this.$store.dispatch(this.kelas + '/indexCu', [params, this.$route.params.cu]);
+        this.excelDownloadUrl = this.kelas + '/indexCu/' + this.$route.params.cu;
+      }
+    },
+    disableColumnCu: function disableColumnCu(status) {
+      this.columnData[4].disable = status;
+    },
+    selectedRow: function selectedRow(item) {
+      this.selectedItem = item;
+    },
+    ubahData: function ubahData(id) {
+      this.$router.push({
+        name: this.kelas + 'Edit',
+        params: {
+          id: id
+        }
+      });
+    },
+    modalConfirmOpen: function modalConfirmOpen(state, isMobile, itemMobile) {
       this.modalShow = true;
+      this.modalState = 'confirm-tutup';
       this.state = state;
 
       if (isMobile) {
@@ -484,143 +512,39 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       }
 
       if (state == 'hapus') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus file ' + this.selectedItem.file_name + '?';
+        this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ini?';
         this.modalButton = 'Iya, Hapus';
       }
-
-      if (state == 'upload_draft') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Upload file ke draft?';
-        this.modalButton = 'Upload';
-      }
-
-      if (state == 'simpan_draft') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'simpan draft?';
-        this.modalButton = 'Upload';
-      }
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      this.modalShow = false;
-
-      if (this.state == 'hapus') {
-        this.$store.dispatch('fileUpload/destroy', this.selectedItem.id);
-      }
-
-      if (this.state == 'upload_draft') {
-        this.$store.dispatch('anggotaCuImportEscete/draft', [this.currentUser.id_cu, this.currentUser.id]);
-      }
-
-      if (this.state == 'simpan_draft') {
-        this.$store.dispatch('anggotaCuImportEscete/simpanDraft', this.currentUser.id_cu);
-      }
     },
     modalTutup: function modalTutup() {
-      // if(this.state == 'hapus'){
-      this.modalShow = false; // }
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState == 'success') {
-        this.modalTutup;
-      } else if (this.modalState == 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-
-      this.isDisableTablePeserta = false;
-    },
-    submit: function submit() {
-      this.loadingCount = [];
-      this.isLoading = true;
-      console.log('ya');
-
-      if (this.flagProduk == true) {
-        this.$refs.formProduk.submit();
-      }
-
-      if (this.flagAnggota == true) {
-        this.$refs.formAnggota.submit();
-      }
-
-      if (this.flagRekening == true) {
-        this.$refs.formRekening.submit();
-      }
-    },
-    setLoadingStat: function setLoadingStat(value) {
-      this.loadingCount.push(value);
-    },
-    setFileCount: function setFileCount(value) {
-      this.isLoading = false; //pengecekan if sesuaikan dengan jumlah file yang mau di upload
-
-      if (this.flagAnggota == false && value.name == 'DATA_ANGGOTA') {
-        this.flagAnggota = true;
-        this.fileCounter++;
-      } else if (this.flagRekening == false && value.name == 'DATA_REKENING') {
-        this.flagRekening = true;
-        this.fileCounter++;
-      } else if (this.flagProduk == false && value.name == 'DATA_PRODUK') {
-        this.flagProduk = true;
-        this.fileCounter++;
-      }
-
-      var file = {
-        'name': value.name,
-        'file': value.file
-      };
-      this.files.push(file);
+      this.modalShow = false;
+      this.$store.dispatch(this.kelas + '/resetUpdateStat');
     },
-    remove: function remove(value) {
-      if (this.flagAnggota == true && value == 'DATA_ANGGOTA') {
-        this.flagAnggota = false;
-        this.fileCounter--;
-      } else if (this.flagRekening == true && value == 'DATA_REKENING') {
-        this.flagRekening = false;
-        this.fileCounter--;
-      } else if (this.flagProduk == true && value == 'DATA_PRODUK') {
-        this.flagProduk = false;
-        this.fileCounter--;
+    modalConfirmOk: function modalConfirmOk() {
+      if (this.state == 'hapus') {
+        this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
       }
-
-      var i = this.files.map(function (item) {
-        return item.name;
-      }).indexOf(value);
-      this.files.splice(i, 1);
-    },
-    setSelectedItem: function setSelectedItem(file) {
-      this.selectedItem = file;
-    },
-    SimpanDraft: function SimpanDraft() {// console.log(this.currentUser.id_cu);
-    } //  onCuChange(e){
-    // 	console.log(e);
-    // }
-
+    }
   },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCuImportEscete', {
-    uploadResponse: 'update',
-    uploadStat: 'updateStat',
-    Draft: 'isDraft'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('fileUpload', {
-    dataS: 'dataS',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
   })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS'
+    modelCu: 'dataS',
+    modelCuStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('tp', {
+    itemData: 'dataS',
+    itemDataStat: 'dataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -633,107 +557,27 @@ var render = function () {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c("div", [
-    _c("div", { staticClass: "page-header" }, [
-      _c(
-        "div",
-        { staticClass: "page-header-content header-elements-md-inline" },
-        [
-          _c("div", { staticClass: "page-title d-flex" }, [
-            _c("h4", [
-              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
-              _vm._v(" "),
-              _c("span", { staticClass: "font-weight-semibold" }, [
-                _vm._v(_vm._s(_vm.title)),
-              ]),
-              _vm._v(" "),
-              _c("small", { staticClass: "d-block text-muted" }, [
-                _vm._v(_vm._s(_vm.titleDesc)),
-              ]),
+    _c(
+      "button",
+      {
+        staticClass: "btn btn-link btn-block",
+        attrs: { "data-toggle": "collapse", "data-target": ".collap" + _vm.id },
+        on: { click: _vm.btnClick },
+      },
+      [
+        _vm.clicked
+          ? _c("span", [
+              _c("i", { staticClass: "icon-arrow-up12" }),
+              _vm._v(" Kembali "),
+              _c("i", { staticClass: "icon-arrow-up12" }),
+            ])
+          : _c("span", [
+              _c("i", { staticClass: "icon-arrow-down12" }),
+              _vm._v(" Selengkapnya "),
+              _c("i", { staticClass: "icon-arrow-down12" }),
             ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
-            [
-              _vm.level === 1
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v("  Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 2
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [
-                      _c(
-                        "router-link",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { to: { name: "dashboard" } },
-                        },
-                        [
-                          _c("i", { staticClass: "icon-home4" }),
-                          _vm._v(" Dashboard "),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "a",
-                        {
-                          staticClass: "breadcrumb-item",
-                          attrs: { href: "#" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.level2Back()
-                            },
-                          },
-                        },
-                        [_vm._v(_vm._s(_vm.level2Title))]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "breadcrumb-item active" }, [
-                        _vm._v(_vm._s(_vm.title)),
-                      ]),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.level === 3
-                ? _c(
-                    "div",
-                    { staticClass: "breadcrumb" },
-                    [_vm._t("breadcrumb")],
-                    2
-                  )
-                : _vm._e(),
-            ]
-          ),
-        ]
-      ),
-    ]),
+      ]
+    ),
   ])
 }
 var staticRenderFns = []
@@ -743,10 +587,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/singleFileUpload.vue?vue&type=template&id=69b5b49c&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/singleFileUpload.vue?vue&type=template&id=69b5b49c& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/index.vue?vue&type=template&id=642a74b2&":
+/*!*************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/index.vue?vue&type=template&id=642a74b2& ***!
+  \*************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -759,79 +603,51 @@ var render = function () {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "form",
-    {
-      attrs: {
-        action: "javascript:void(0)",
-        enctype: "multipart/form-data",
-        method: "post",
-      },
-    },
+    "div",
     [
-      _c("div", { staticClass: "card" }, [
-        _c("div", { staticClass: "card-header bg-white" }, [
-          _c("h5", { staticClass: "card-title" }, [_vm._v(_vm._s(this.title))]),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "card-body" }, [
-          _vm.message
-            ? _c("div", { staticClass: "alert alert-success" }, [
-                _vm._v(_vm._s(_vm.message)),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _c("input", {
-            ref: "file",
-            staticClass: "form-control",
-            attrs: { type: "file", accept: ".csv,.xlsx,.xls", name: "file" },
-            on: {
-              click: _vm.reset,
-              change: function ($event) {
-                return _vm.upload($event.target)
-              },
-            },
-          }),
-          _vm._v(" "),
-          _c("hr"),
-          _vm._v(" "),
-          _c("div", { staticClass: "progress" }, [
-            _c(
-              "div",
-              {
-                staticClass: "progress-bar",
-                style: { width: _vm.progressBar + "%" },
-                attrs: {
-                  role: "progressbar",
-                  "aria-valuenow": _vm.progressBar,
-                  "aria-valuemin": "0",
-                  "aria-valuemax": "100",
-                },
-              },
-              [_vm._v(_vm._s(_vm.progressBar) + "%")]
-            ),
-          ]),
-          _vm._v(" "),
-          _c("input", {
-            staticClass: "btn btn-danger btn-block btn-sm",
-            staticStyle: { "margin-top": "5px" },
-            attrs: {
-              disabled: _vm.files.length <= 0 || _vm.isClicked,
-              type: "button",
-              value: "BATAL",
-            },
-            on: {
-              click: [
-                _vm.click,
-                function ($event) {
-                  $event.preventDefault()
-                  return _vm.reset.apply(null, arguments)
-                },
-              ],
-            },
-          }),
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-o" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.itemDataStat === "fail"
+                ? _c("message", {
+                    attrs: {
+                      title: "Oops terjadi kesalahan:",
+                      errorData: _vm.itemData,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.id_cu == 0
+                ? _c("select-cu", {
+                    attrs: {
+                      kelas: _vm.kelas,
+                      path: _vm.selectCuPath,
+                      isPus: false,
+                    },
+                  })
+                : _vm._e(),
+              _vm._v(" "),
+              _c("table-data", {
+                attrs: { title: _vm.title, kelas: _vm.kelas },
+              }),
+            ],
+            1
+          ),
         ]),
       ]),
-    ]
+    ],
+    1
   )
 }
 var staticRenderFns = []
@@ -841,10 +657,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=template&id=7136fd49&":
-/*!*****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=template&id=7136fd49& ***!
-  \*****************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/table.vue?vue&type=template&id=1dc5a9ae&":
+/*!*************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/tp/table.vue?vue&type=template&id=1dc5a9ae& ***!
+  \*************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -859,249 +675,442 @@ var render = function () {
   return _c(
     "div",
     [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-content pt-0" }, [
-        _c("div", { staticClass: "content-wrapper" }, [
-          _c("div", { staticClass: "content" }, [
-            _c("div", { staticClass: "row" }, [
-              _c(
-                "div",
-                { staticClass: "col-sm-12" },
-                [
-                  _c("singleFileUpload", {
-                    ref: "formAnggota",
-                    attrs: { title: "DATA_ANGGOTA" },
-                    on: {
-                      LoadingStat: _vm.setLoadingStat,
-                      fileSelected: _vm.setFileCount,
-                      fileBatal: function ($event) {
-                        return _vm.remove("DATA_ANGGOTA")
+      _c(
+        "data-viewer",
+        {
+          attrs: {
+            title: _vm.title,
+            columnData: _vm.columnData,
+            itemData: _vm.itemData,
+            query: _vm.query,
+            itemDataStat: _vm.itemDataStat,
+            excelDownloadUrl: _vm.excelDownloadUrl,
+            isUploadExcel: false,
+          },
+          on: { fetch: _vm.fetch },
+          scopedSlots: _vm._u([
+            {
+              key: "item-desktop",
+              fn: function (props) {
+                return [
+                  _c(
+                    "tr",
+                    {
+                      staticClass: "text-nowrap",
+                      class: {
+                        "bg-info": _vm.selectedItem.id === props.item.id,
                       },
-                    },
-                  }),
-                  _vm._v(" "),
-                  _c("singleFileUpload", {
-                    ref: "formRekening",
-                    attrs: { title: "DATA_REKENING" },
-                    on: {
-                      LoadingStat: _vm.setLoadingStat,
-                      fileSelected: _vm.setFileCount,
-                      fileBatal: function ($event) {
-                        return _vm.remove("DATA_REKENING")
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectedRow(props.item)
+                        },
                       },
                     },
-                  }),
-                  _vm._v(" "),
-                  _c("singleFileUpload", {
-                    ref: "formProduk",
-                    attrs: { title: "DATA_PRODUK" },
-                    on: {
-                      LoadingStat: _vm.setLoadingStat,
-                      fileSelected: _vm.setFileCount,
-                      fileBatal: function ($event) {
-                        return _vm.remove("DATA_PRODUK")
-                      },
+                    [
+                      !_vm.columnData[0].hide
+                        ? _c("td", [
+                            _vm._v(
+                              "\n\t\t\t\t\t" +
+                                _vm._s(
+                                  props.index +
+                                    1 +
+                                    (+_vm.itemData.current_page - 1) *
+                                      +_vm.itemData.per_page +
+                                    "."
+                                ) +
+                                "\n\t\t\t\t"
+                            ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[1].hide
+                        ? _c("td", [
+                            props.item.gambar
+                              ? _c("img", {
+                                  staticClass: "img-rounded img-fluid wmin-sm",
+                                  attrs: {
+                                    src:
+                                      "/images/" +
+                                      _vm.kelas +
+                                      "/" +
+                                      props.item.gambar +
+                                      "n.jpg",
+                                    width: "40",
+                                  },
+                                })
+                              : _c("img", {
+                                  staticClass: "img-rounded  img-fluid wmin-sm",
+                                  attrs: {
+                                    src: "/images/no_image.jpg",
+                                    width: "40",
+                                  },
+                                }),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[2].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.name },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[3].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.no_tp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[4].hide && !_vm.columnData[4].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.cu
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.cu.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[5].hide && !_vm.columnData[5].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.provinces
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.provinces.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[6].hide && !_vm.columnData[6].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.regencies
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.regencies.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[7].hide && !_vm.columnData[7].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.districts
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.districts.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[8].hide && !_vm.columnData[8].disable
+                        ? _c(
+                            "td",
+                            [
+                              props.item.villages
+                                ? _c("check-value", {
+                                    attrs: { value: props.item.villages.name },
+                                  })
+                                : _c("span", [_vm._v("-")]),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[9].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.alamat },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[10].hide
+                        ? _c("td", {
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.date(props.item.ultah)
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[11].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.email },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[12].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.telp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[13].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.hp },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[14].hide
+                        ? _c(
+                            "td",
+                            [
+                              _c("check-value", {
+                                attrs: { value: props.item.pos },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[15].hide
+                        ? _c("td", {
+                            staticClass: "text-nowrap",
+                            domProps: {
+                              innerHTML: _vm._s(
+                                _vm.$options.filters.dateTime(
+                                  props.item.created_at
+                                )
+                              ),
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      !_vm.columnData[16].hide
+                        ? _c("td", [
+                            props.item.created_at !== props.item.updated_at
+                              ? _c("span", {
+                                  domProps: {
+                                    innerHTML: _vm._s(
+                                      _vm.$options.filters.dateTime(
+                                        props.item.updated_at
+                                      )
+                                    ),
+                                  },
+                                })
+                              : _c("span", [_vm._v("-")]),
+                          ])
+                        : _vm._e(),
+                    ]
+                  ),
+                ]
+              },
+            },
+          ]),
+        },
+        [
+          _c(
+            "template",
+            { slot: "button-desktop" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
                     },
-                  }),
-                ],
-                1
-              ),
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
               _vm._v(" "),
-              _c("div", { staticClass: "col-sm-12" }, [
-                _c("div", { staticClass: "card card-body" }, [
-                  _c("input", {
-                    staticClass: "btn btn-primary ",
-                    attrs: {
-                      disabled: _vm.isLoading,
-                      type: "button",
-                      value: "Upload",
-                    },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.submit.apply(null, arguments)
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
+                        },
                       },
                     },
-                  }),
-                ]),
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-12" }, [
-                _c("div", { staticClass: "card" }, [
-                  _vm._m(0),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card-body" }, [
-                    _c(
-                      "div",
-                      { staticClass: "row" },
-                      [
-                        _vm._l(_vm.dataS, function (file, index) {
-                          return _c(
-                            "div",
-                            { key: index, staticClass: "col-md-4" },
-                            [
-                              _c("div", { staticClass: "card" }, [
-                                _c("div", { staticClass: "card-body" }, [
-                                  _c("h5", { staticClass: "card-title" }, [
-                                    _vm._v(_vm._s(file.tipe)),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("h5", { staticClass: "card-title" }, [
-                                    _vm._v(_vm._s(file.file_name)),
-                                  ]),
-                                  _vm._v(" "),
-                                  _c("input", {
-                                    staticClass: "btn btn-danger ",
-                                    attrs: { type: "button", value: "HAPUS" },
-                                    on: {
-                                      click: [
-                                        function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.setSelectedItem(file)
-                                        },
-                                        function ($event) {
-                                          $event.preventDefault()
-                                          return _vm.modalOpen("hapus")
-                                        },
-                                      ],
-                                    },
-                                  }),
-                                ]),
-                              ]),
-                            ]
-                          )
-                        }),
-                        _vm._v(" "),
-                        _vm.dataS.length <= 0
-                          ? _c("div", { staticClass: "col-sm-12" }, [
-                              _vm._v("File upload tidak ditemukan"),
-                            ])
-                          : _vm._e(),
-                      ],
-                      2
-                    ),
-                  ]),
-                ]),
-              ]),
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
               _vm._v(" "),
-              _c("div", { staticClass: "col-sm-12" }, [
-                _c("div", { staticClass: "card card-body" }, [
-                  _vm.currentUser.id_cu != 0
-                    ? _c("input", {
-                        staticClass: "btn btn-warning mb-2",
-                        attrs: {
-                          disabled: _vm.dataS.length <= 0,
-                          type: "button",
-                          value: "Upload Ke Draft",
-                        },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalOpen("upload_draft")
-                          },
+              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
                         },
-                      })
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _vm.currentUser.id_cu == 0
-                    ? _c("input", {
-                        staticClass: "btn btn-warning mb-2",
-                        attrs: { type: "button", value: "Upload Ke Draft" },
-                        on: {
-                          click: function ($event) {
-                            $event.preventDefault()
-                            return _vm.modalOpen("upload_draft")
-                          },
+                      },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "button-mobile" },
+            [
+              _vm.currentUser.can && _vm.currentUser.can["create_" + _vm.kelas]
+                ? _c(
+                    "router-link",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { to: { name: _vm.kelas + "Create" } },
+                    },
+                    [
+                      _c("i", { staticClass: "icon-plus3" }),
+                      _vm._v(" Tambah " + _vm._s(_vm.title) + "\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["update_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.ubahData(_vm.selectedItem.id)
                         },
-                      })
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _c("input", {
-                    staticClass: "btn btn-success mb-2",
-                    attrs: {
-                      disabled: !_vm.Draft,
-                      type: "button",
-                      value: "Simpan Draft",
+                      },
                     },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("simpan_draft")
+                    [
+                      _c("i", { staticClass: "icon-pencil5" }),
+                      _vm._v(" Ubah " + _vm._s(_vm.title) + "\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.currentUser.can && _vm.currentUser.can["destroy_" + _vm.kelas]
+                ? _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-light btn-icon btn-block mb-1",
+                      attrs: { disabled: !_vm.selectedItem.id },
+                      on: {
+                        click: function ($event) {
+                          $event.preventDefault()
+                          return _vm.modalConfirmOpen("hapus")
+                        },
                       },
                     },
-                  }),
-                ]),
-              ]),
-            ]),
-          ]),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            content: _vm.modalContent,
-            size: _vm.modalSize,
-            color: _vm.modalColor,
-          },
-          on: {
-            batal: _vm.modalTutup,
-            tutup: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t\t"),
-          ]),
+                    [
+                      _c("i", { staticClass: "icon-bin2" }),
+                      _vm._v(" Hapus " + _vm._s(_vm.title) + "\n\t\t\t"),
+                    ]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
         ],
         2
       ),
+      _vm._v(" "),
+      _c("app-modal", {
+        attrs: {
+          show: _vm.modalShow,
+          state: _vm.modalState,
+          title: _vm.modalTitle,
+          button: _vm.modalButton,
+          content: _vm.modalContent,
+        },
+        on: {
+          tutup: _vm.modalTutup,
+          confirmOk: _vm.modalConfirmOk,
+          successOk: _vm.modalTutup,
+          failOk: _vm.modalTutup,
+          backgroundClick: _vm.modalTutup,
+        },
+      }),
     ],
     1
   )
 }
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("List File")]),
-    ])
-  },
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue":
-/*!*******************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue ***!
-  \*******************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue":
+/*!***********************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* harmony import */ var _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
+/* harmony import */ var _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./collapseButton.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1111,9 +1120,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1123,55 +1132,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/pageHeader.vue"
+component.options.__file = "resources/assets/js/components/collapseButton.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&":
+/*!******************************************************************************************!*\
+  !*** ./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./collapseButton.vue?vue&type=template&id=3ad758d4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/collapseButton.vue?vue&type=template&id=3ad758d4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_collapseButton_vue_vue_type_template_id_3ad758d4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/singleFileUpload.vue":
-/*!*************************************************************!*\
-  !*** ./resources/assets/js/components/singleFileUpload.vue ***!
-  \*************************************************************/
+/***/ "./resources/assets/js/views/tp/index.vue":
+/*!************************************************!*\
+  !*** ./resources/assets/js/views/tp/index.vue ***!
+  \************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _singleFileUpload_vue_vue_type_template_id_69b5b49c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./singleFileUpload.vue?vue&type=template&id=69b5b49c& */ "./resources/assets/js/components/singleFileUpload.vue?vue&type=template&id=69b5b49c&");
-/* harmony import */ var _singleFileUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./singleFileUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/singleFileUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _index_vue_vue_type_template_id_642a74b2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=642a74b2& */ "./resources/assets/js/views/tp/index.vue?vue&type=template&id=642a74b2&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/tp/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1180,9 +1189,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _singleFileUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _singleFileUpload_vue_vue_type_template_id_69b5b49c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _singleFileUpload_vue_vue_type_template_id_69b5b49c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_642a74b2___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_642a74b2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1192,54 +1201,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/components/singleFileUpload.vue"
+component.options.__file = "resources/assets/js/views/tp/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/singleFileUpload.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./resources/assets/js/components/singleFileUpload.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./resources/assets/js/views/tp/index.vue?vue&type=script&lang=js&":
+/*!*************************************************************************!*\
+  !*** ./resources/assets/js/views/tp/index.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_singleFileUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./singleFileUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/singleFileUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_singleFileUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/singleFileUpload.vue?vue&type=template&id=69b5b49c&":
-/*!********************************************************************************************!*\
-  !*** ./resources/assets/js/components/singleFileUpload.vue?vue&type=template&id=69b5b49c& ***!
-  \********************************************************************************************/
+/***/ "./resources/assets/js/views/tp/index.vue?vue&type=template&id=642a74b2&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/tp/index.vue?vue&type=template&id=642a74b2& ***!
+  \*******************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_singleFileUpload_vue_vue_type_template_id_69b5b49c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./singleFileUpload.vue?vue&type=template&id=69b5b49c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/singleFileUpload.vue?vue&type=template&id=69b5b49c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_singleFileUpload_vue_vue_type_template_id_69b5b49c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_642a74b2___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=642a74b2& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/index.vue?vue&type=template&id=642a74b2&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_642a74b2___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_singleFileUpload_vue_vue_type_template_id_69b5b49c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_642a74b2___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/sistem/dataAnggotaUpload.vue":
-/*!****************************************************************!*\
-  !*** ./resources/assets/js/views/sistem/dataAnggotaUpload.vue ***!
-  \****************************************************************/
+/***/ "./resources/assets/js/views/tp/table.vue":
+/*!************************************************!*\
+  !*** ./resources/assets/js/views/tp/table.vue ***!
+  \************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _dataAnggotaUpload_vue_vue_type_template_id_7136fd49___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dataAnggotaUpload.vue?vue&type=template&id=7136fd49& */ "./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=template&id=7136fd49&");
-/* harmony import */ var _dataAnggotaUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dataAnggotaUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_template_id_1dc5a9ae___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=1dc5a9ae& */ "./resources/assets/js/views/tp/table.vue?vue&type=template&id=1dc5a9ae&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/tp/table.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1249,9 +1258,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _dataAnggotaUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _dataAnggotaUpload_vue_vue_type_template_id_7136fd49___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _dataAnggotaUpload_vue_vue_type_template_id_7136fd49___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_template_id_1dc5a9ae___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_1dc5a9ae___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1261,38 +1270,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/sistem/dataAnggotaUpload.vue"
+component.options.__file = "resources/assets/js/views/tp/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/views/tp/table.vue?vue&type=script&lang=js&":
+/*!*************************************************************************!*\
+  !*** ./resources/assets/js/views/tp/table.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_dataAnggotaUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./dataAnggotaUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_dataAnggotaUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/table.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=template&id=7136fd49&":
-/*!***********************************************************************************************!*\
-  !*** ./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=template&id=7136fd49& ***!
-  \***********************************************************************************************/
+/***/ "./resources/assets/js/views/tp/table.vue?vue&type=template&id=1dc5a9ae&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/tp/table.vue?vue&type=template&id=1dc5a9ae& ***!
+  \*******************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_dataAnggotaUpload_vue_vue_type_template_id_7136fd49___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./dataAnggotaUpload.vue?vue&type=template&id=7136fd49& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=template&id=7136fd49&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_dataAnggotaUpload_vue_vue_type_template_id_7136fd49___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_1dc5a9ae___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=1dc5a9ae& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/tp/table.vue?vue&type=template&id=1dc5a9ae&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_1dc5a9ae___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_dataAnggotaUpload_vue_vue_type_template_id_7136fd49___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_1dc5a9ae___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/98.js b/public/js/components/98.js
index eab3a350b..6d3266b65 100644
--- a/public/js/components/98.js
+++ b/public/js/components/98.js
@@ -1,44 +1,19 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[98],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/create.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/create.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
-/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _formCu_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./formCu.vue */ "./resources/assets/js/views/anggotaCu/formCu.vue");
-/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
-/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_identitas_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/identitas.vue */ "./resources/assets/js/components/identitas.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-var _components;
-
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 //
@@ -78,6 +53,100 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    title: {
+      "default": ''
+    },
+    titleIcon: {
+      "default": ''
+    },
+    titleDesc: {
+      "default": ''
+    },
+    level: {
+      "default": 1
+    },
+    level2Title: {
+      "default": ''
+    },
+    level2Route: {
+      "default": ''
+    }
+  },
+  methods: {
+    level2Back: function level2Back() {
+      this.$emit('level2Back');
+    },
+    route1: function route1() {
+      if (this.btn1RouteParams) {
+        this.$router.push({
+          name: this.btn1Route,
+          params: {
+            cu: this.btn1RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn1Route
+        });
+      }
+    },
+    route2: function route2() {
+      if (this.btn2RouteParams) {
+        this.$router.push({
+          name: this.btn2Route,
+          params: {
+            cu: this.btn2RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn2Route
+        });
+      }
+    },
+    route3: function route3() {
+      if (this.btn3RouteParams) {
+        this.$router.push({
+          name: this.btn3Route,
+          params: {
+            cu: this.btn3RouteParams
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.btn3Route
+        });
+      }
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/singleFileUpload.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/singleFileUpload.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
+/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -110,6 +179,110 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: {
+    title: {
+      type: String
+    }
+  },
+  data: function data() {
+    return {
+      message: null,
+      files: [],
+      stat: '',
+      count: '',
+      progress: [],
+      progressBar: 0,
+      isLoading: false,
+      submited: false,
+      isClicked: false
+    };
+  },
+  methods: {
+    submit: function submit(event) {
+      var _this = this;
+
+      this.isLoading = true;
+
+      for (var i = 0; i < this.files.length; i++) {
+        var formData = new FormData();
+        formData.append('file', this.files[i]);
+        formData.append('id_cu', this.currentUser.id_cu);
+        formData.append('id_user', this.currentUser.id);
+        formData.append('file_name', this.title);
+        axios__WEBPACK_IMPORTED_MODULE_1___default.a.post('/api/fileUpload/store', formData, {
+          headers: {
+            'Content-Type': 'multipart/form-data'
+          },
+          onUploadProgress: function (progressEvent) {
+            this.progressBar = parseInt(Math.round(progressEvent.loaded * 100 / progressEvent.total));
+          }.bind(this)
+        }).then(function (response) {
+          if (response.status == 200) {
+            _this.$store.commit('fileUpload/setDataS', response.data.model);
+          }
+
+          setTimeout(function () {
+            _this.$emit("LoadingStat", _this.isLoading);
+
+            _this.message = response.data.message;
+            _this.progressBar = 0;
+
+            _this.reset();
+
+            _this.files = [];
+          });
+        });
+      }
+    },
+    reset: function reset() {
+      this.$refs.file.value = '';
+    },
+    click: function click() {
+      this.isClicked = true;
+      this.$emit('fileBatal', this.title);
+    },
+    upload: function upload(event) {
+      this.isClicked = false;
+      this.files = [];
+      this.message = null;
+      this.files.push(event.files[0]);
+      this.$emit('fileSelected', {
+        file: this.files,
+        name: this.title
+      });
+    }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _components_singleFileUpload__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/singleFileUpload */ "./resources/assets/js/components/singleFileUpload.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -207,1748 +380,247 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'nik', 'statusNIK'],
-  components: (_components = {
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
-    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    formCu: _formCu_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default.a,
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__["default"]
-  }, _defineProperty(_components, "appImageUpload", _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"]), _defineProperty(_components, "infoIcon", _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_12__["default"]), _defineProperty(_components, "wajibBadge", _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_13__["default"]), _defineProperty(_components, "identitas", _components_identitas_vue__WEBPACK_IMPORTED_MODULE_14__["default"]), _defineProperty(_components, "DatePicker", _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_15__["default"]), _components),
-  data: function data() {
-    return {
-      kelas: 'anggotaCu',
-      confirmIcon: 'icon-arrow-right14',
-      confirmTitle: 'Lanjut ke produk',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        number24: {
-          numeral: true,
-          numeralIntegerScale: 24,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number16: {
-          numeral: true,
-          numeralIntegerScale: 16,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number12: {
-          numeral: true,
-          numeralIntegerScale: 12,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        },
-        number3: {
-          numeral: true,
-          numeralIntegerScale: 3,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        }
-      },
-      formCuMode: '',
-      selectedItemCu: '',
-      itemDataCu: [],
-      itemDataCuStat: 'success',
-      columnDataCu: [{
-        title: 'No.'
-      }, {
-        title: 'CU'
-      }, {
-        title: 'TP/KP'
-      }, {
-        title: 'No. BA'
-      }, {
-        title: 'Keterangan'
-      }, {
-        title: 'Tgl. Jadi Anggota'
-      }, {
-        title: 'Keterangan Keluar'
-      }, {
-        title: 'Tgl. Keluar Anggota'
-      }],
-      modalShow: false,
-      modalState: '',
-      modalTitle: '',
-      modalColor: '',
-      modalContent: '',
-      submited: false
-    };
-  },
-  created: function created() {
-    if (this.mode == 'edit' || this.mode == 'edit_jalinan') {
-      this.confirmIcon = 'icon-floppy-disk';
-      this.confirmTitle = 'Simpan';
-    }
-
-    if (this.currentUser.id_cu == 0) {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
-      }
-    } else {
-      this.fetchTp(this.currentUser.id_cu);
-    }
-
-    this.form.id_cu = this.currentUser.id_cu;
-    this.$store.dispatch('pekerjaan/get');
-    this.$store.dispatch('suku/get');
-    this.$store.dispatch('provinces/get');
-    this.fetch();
-  },
-  watch: {
-    formStat: function formStat(value) {
-      if (value == 'success') {
-        if (this.mode == 'edit' || this.mode == 'create_edit' || this.mode == 'create_jalinan_edit' || this.mode == 'edit_jalinan') {
-          this.fetchCu();
-        } else {
-          this.form.tp_id == '';
-        }
-
-        if (this.mode == 'create_jalinan') {
-          this.form.nik = this.$route.params.nik;
-          this.form.statusNIK = this.$route.params.statusNIK;
-        }
-      } else if (value == 'fail') {
-        this.form.tp_id == '';
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalShow = true;
-      this.modalState = value;
-      this.modalColor = '';
-
-      if (value === "success") {
-        this.modalTitle = this.updateResponse.message;
-      } else {
-        this.modalTitle = 'Oops terjadi kesalahan :(';
-        this.modalContent = this.updateResponse;
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      if (this.mode == 'create_new') {
-        this.form.nik = this.nik;
-      } else if (this.mode == 'create_jalinan') {
-        this.$store.dispatch(this.kelas + '/create');
-      } else if (this.mode == 'create_old') {
-        this.fetchCu();
-      }
-
-      if (this.mode == 'edit' || this.mode == 'create_edit' || this.mode == 'create_jalinan_edit' || this.mode == 'edit_jalinan') {
-        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
-      }
-    },
-    fetchCu: function fetchCu() {
-      if (this.currentUser.id_cu == 0) {
-        this.itemDataCu = [];
-        var valData;
-
-        if (this.form.anggota_cu_cu) {
-          var _iterator = _createForOfIteratorHelper(this.form.anggota_cu_cu),
-              _step;
-
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              valData = _step.value;
-              this.itemDataCu.push(valData);
-            }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
-          }
-        }
-      } else {
-        var data = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.form.anggota_cu_cu, {
-          'cu_id': this.currentUser.id_cu
-        });
-
-        if (!data.tanggal_keluar) {
-          this.form.tp_id = data.tp_id;
-          this.form.no_ba = data.no_ba;
-          this.form.tanggal_masuk = data.tanggal_masuk;
-          this.form.keterangan_masuk = data.keterangan_masuk;
-        } else {
-          this.itemDataCu = [];
-          var valData;
-
-          if (this.form.anggota_cu_cu) {
-            var _iterator2 = _createForOfIteratorHelper(this.form.anggota_cu_cu),
-                _step2;
-
-            try {
-              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                valData = _step2.value;
-                this.itemDataCu.push(valData);
-              }
-            } catch (err) {
-              _iterator2.e(err);
-            } finally {
-              _iterator2.f();
-            }
-          }
-        }
-      }
-
-      if (this.form.id_provinces) {
-        this.changeProvinces(this.form.id_provinces);
-      }
-
-      if (this.form.id_regencies) {
-        this.changeRegencies(this.form.id_regencies);
-      }
-
-      if (this.form.id_districts) {
-        this.changeDistricts(this.form.id_districts);
-      }
-    },
-    fetchTp: function fetchTp(value) {
-      this.$store.dispatch('tp/getCu', value);
-    },
-    createCu: function createCu(value) {
-      this.itemDataCu.push(value);
-      this.modalTutup();
-    },
-    editCu: function editCu(value) {
-      lodash__WEBPACK_IMPORTED_MODULE_0___default.a.remove(this.itemDataCu, {
-        index: value.index
-      });
-
-      this.itemDataCu.push(value);
-      this.modalTutup();
-    },
-    save: function save() {
-      var _this = this;
-
-      if (this.currentUser.id_cu == 0) {
-        this.form.anggota_cu_cu = this.itemDataCu;
-      } else {
-        this.form.id_cu = this.currentUser.id_cu;
-      }
-
-      if (this.mode != 'create_jalinan') {
-        this.form.statusNIK = this.statusNIK;
-      }
-
-      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
-      this.$validator.validateAll('form').then(function (result) {
-        if (result) {
-          if (_this.mode == 'create_new' || _this.mode == 'create_jalinan') {
-            _this.$store.dispatch(_this.kelas + '/store', formData);
-          } else if (_this.mode == 'create_old' || _this.mode == 'create_edit' || _this.mode == 'edit_jalinan') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.form.id, formData]);
-          } else if (_this.mode == 'edit') {
-            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
-          }
-
-          _this.submited = false;
-        } else {
-          window.scrollTo(0, 0);
-          _this.submited = true;
-        }
-      });
-    },
-    changeProvinces: function changeProvinces(id) {
-      this.$store.dispatch('regencies/getProvinces', id);
-    },
-    changeRegencies: function changeRegencies(id) {
-      this.$store.dispatch('districts/getRegencies', id);
-    },
-    changeDistricts: function changeDistricts(id) {
-      this.$store.dispatch('villages/getDistricts', id);
-    },
-    back: function back() {
-      if (this.mode == 'edit_jalinan') {
-        if (this.currentUser.id_cu == 0) {
-          this.$router.push({
-            name: 'jalinanKlaimCu',
-            params: {
-              cu: 'semua',
-              tp: 'semua'
-            }
-          });
-        } else {
-          this.$router.push({
-            name: 'jalinanKlaimCu',
-            params: {
-              cu: this.currentUser.id_cu,
-              tp: 'semua'
-            }
-          });
-        }
-      } else {
-        if (this.currentUser.id_cu == 0) {
-          this.$router.push({
-            name: this.kelas + 'Cu',
-            params: {
-              cu: 'semua',
-              tp: 'semua'
-            }
-          });
-        } else {
-          this.$router.push({
-            name: this.kelas + 'Cu',
-            params: {
-              cu: this.currentUser.id_cu,
-              tp: 'semua'
-            }
-          });
-        }
-      }
-    },
-    selectedCuRow: function selectedCuRow(index, item) {
-      this.selectedItemCu = item;
-      this.selectedItemCu.index = index + 1;
-    },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.state = state;
-
-      if (state == 'hapusCu') {
-        this.modalState = 'confirm-tutup';
-        this.modalColor = '';
-        this.modalTitle = 'Hapus CU ' + this.selectedItemCu.cu.name + ' ?';
-        this.modalButton = 'Iya, Hapus';
-        this.modalSize = '';
-      } else if (state == 'ubahCu') {
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Ubah CU';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formCuMode = 'edit';
-      } else if (state == 'tambahCu') {
-        this.modalState = 'normal3';
-        this.modalColor = 'bg-primary';
-        this.modalTitle = 'Tambah CU';
-        this.modalButton = 'Ok';
-        this.modalSize = 'modal-lg';
-        this.formCuMode = 'create';
-      }
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      this.modalShow = false;
-
-      if (this.state == 'hapusCu') {
-        lodash__WEBPACK_IMPORTED_MODULE_0___default.a.remove(this.itemDataCu, {
-          index: this.selectedItemCu.index
-        });
-
-        this.selectedItemCu = {};
-      }
-    },
-    modalTutup: function modalTutup() {
-      if (this.updateStat == 'success') {
-        if (this.mode == 'create_new' || this.mode == 'create_old' || this.mode == 'create_edit') {
-          var idcu = '';
-
-          if (this.currentUser.id_cu != 0) {
-            idcu = this.currentUser.id_cu;
-          } else {
-            idcu = 'semua';
-          }
-
-          this.$router.push({
-            name: this.kelas + "ProdukCreate",
-            params: {
-              id: this.updateResponse.id,
-              cu: idcu
-            }
-          });
-        } else if (this.mode == 'create_jalinan' || this.mode == 'create_jalinan_edit') {
-          var _idcu = '';
-
-          if (this.currentUser.id_cu != 0) {
-            _idcu = this.currentUser.id_cu;
-          } else {
-            _idcu = 'semua';
-          }
-
-          this.$router.push({
-            name: this.kelas + "ProdukCreateJalinan",
-            params: {
-              id: this.updateResponse.id,
-              cu: _idcu
-            }
-          });
-        } else {
-          this.back();
-        }
-
-        this.$store.dispatch(this.kelas + '/resetUpdateStat');
-      }
-
-      this.modalShow = false;
-    },
-    modalBackgroundClick: function modalBackgroundClick() {
-      if (this.modalState === 'success') {
-        this.modalTutup;
-      } else if (this.modalState === 'loading') {// do nothing
-      } else {
-        this.modalShow = false;
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('anggotaCu', {
-    form: 'data',
-    formStat: 'dataStat',
-    rules: 'rules',
-    options: 'options',
-    updateResponse: 'update',
-    updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
-    modelCu: 'headerDataS',
-    modelCuStat: 'headerDataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('tp', {
-    modelTp: 'dataS',
-    modelTpStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('pekerjaan', {
-    modelPekerjaan: 'dataS',
-    modelPekerjaanStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('suku', {
-    modelSuku: 'dataS',
-    modelSukuStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('provinces', {
-    modelProvinces: 'dataS',
-    modelProvincesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('regencies', {
-    modelRegencies: 'dataS',
-    modelRegenciesStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('districts', {
-    modelDistricts: 'dataS',
-    modelDistrictsStat: 'dataStatS'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('villages', {
-    modelVillages: 'dataS',
-    modelVillagesStat: 'dataStatS'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/form.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/form.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _api_anggotaCu_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../api/anggotaCu.js */ "./resources/assets/js/api/anggotaCu.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _create_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./create.vue */ "./resources/assets/js/views/anggotaCu/create.vue");
-/* harmony import */ var _cariData_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./cariData.vue */ "./resources/assets/js/views/anggotaCu/cariData.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
-    formCreate: _create_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
-    cariData: _cariData_vue__WEBPACK_IMPORTED_MODULE_6__["default"]
-  },
-  data: function data() {
-    return {
-      title: '',
-      titleDesc: '',
-      titleIcon: '',
-      kelas: 'anggotaCu',
-      level2Title: 'Anggota CU',
-      nik: '',
-      statusNIK: 'tidak',
-      cleaveOption: {
-        number16: {
-          numeral: true,
-          numeralIntegerScale: 16,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        }
-      }
-    };
-  },
-  created: function created() {
-    this.resetData();
-
-    if (this.$route.meta.mode === 'edit') {
-      this.title = 'Ubah ' + this.level2Title;
-      this.titleDesc = 'Mengubah ' + this.level2Title;
-      this.titleIcon = 'icon-pencil5';
-    } else {
-      this.title = 'Tambah ' + this.level2Title;
-      this.titleDesc = 'Menambah ' + this.level2Title;
-      this.titleIcon = 'icon-plus3';
-    }
-  },
-  methods: {
-    cariData: function cariData(nik) {
-      this.nik = nik;
-      this.$store.dispatch(this.kelas + '/cariDataKTP', nik);
-    },
-    changeStatusNIK: function changeStatusNIK(value) {
-      this.nik == '';
-      this.statusNIK = value;
-      this.$store.dispatch(this.kelas + '/resetData');
-    },
-    nikNew: function nikNew(value) {
-      this.nik = value;
-      this.$store.dispatch(this.kelas + '/cariDataKTP', value);
-    },
-    resetData: function resetData() {
-      this.$store.commit(this.kelas + '/setData', {});
-      this.$store.commit(this.kelas + '/setDataStat', '');
-    },
-    back: function back() {
-      if (this.currentUser.id_cu == 0) {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: 'semua'
-          }
-        });
-      } else {
-        this.$router.push({
-          name: this.kelas + 'Cu',
-          params: {
-            cu: this.currentUser.id_cu
-          }
-        });
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
-    itemData: 'data',
-    itemDataStat: 'dataStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
-/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
-/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
-/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
 
 
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-  props: ['mode', 'selected'],
   components: {
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
-    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_3___default.a,
+    singleFileUpload: _components_singleFileUpload__WEBPACK_IMPORTED_MODULE_4__["default"]
   },
   data: function data() {
     return {
-      title: '',
-      kelas: 'anggotaCu',
-      formDataCu: {
-        no_ba: '',
-        tanggal_masuk: '',
-        keterangan_masuk: '',
-        cu_id: 0,
-        tp_id: '',
-        cu: {
-          id: '',
-          name: ''
-        },
-        tp: {
-          id: '',
-          name: ''
-        }
-      },
-      modelProdukCu: [],
-      modelProdukCuStat: '',
-      cleaveOption: {
-        date: {
-          date: true,
-          datePattern: ['Y', 'm', 'd'],
-          delimiter: '-'
-        },
-        numeric: {
-          numeral: true,
-          numeralThousandsGroupStyle: 'thousand',
-          numeralDecimalScale: 2,
-          numeralDecimalMark: ',',
-          delimiter: '.'
-        },
-        number16: {
-          numeral: true,
-          numeralIntegerScale: 16,
-          numeralDecimalScale: 0,
-          stripLeadingZeroes: false,
-          delimiter: ''
-        }
-      },
-      message: {
-        show: false,
-        content: ''
-      },
-      submited: false
+      // tipe:'single',
+      // cekTipe:true,
+      isLoading: true,
+      selectedItem: null,
+      title: 'Import ESCETE',
+      titleDesc: 'Melakukan upload data CSV ESCETE',
+      titleIcon: 'icon-file-upload2',
+      kelas: 'testUpload',
+      loadingCount: [],
+      files: [],
+      fileCounter: 0,
+      modalShow: false,
+      isDraft: false,
+      //flag sesuaikan dengan jumlah file yang  mau diupload
+      flagRekening: false,
+      flagAnggota: false,
+      flagProduk: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      modalSize: ''
     };
   },
-  created: function created() {
-    this.fetchCU();
-
-    if (this.mode == 'edit') {
-      if (this.modelCUStat == 'success') {
-        this.formDataCu = Object.assign({}, this.selected);
-      }
-    }
-  },
   watch: {
-    modelCUStat: function modelCUStat(value) {
-      if (value === "success") {
-        if (this.mode == 'edit') {
-          this.formDataCu = Object.assign({}, this.selected);
-          this.fetchTp(this.formDataCu.cu_id);
+    loadingCount: function loadingCount() {
+      if (this.loadingCount.length != 0) {
+        if (this.loadingCount.length == this.fileCounter) {
+          this.files = [];
+          this.loadingCount = [];
+          this.$store.dispatch('anggotaCuImportEscete/index', [this.currentUser.id_cu, this.currentUser.id]);
+          this.$store.dispatch('fileUpload/index', [this.currentUser.id_cu, this.currentUser.id]);
         }
       }
+    },
+    uploadStat: function uploadStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value == "success") {
+        this.$store.dispatch('anggotaCuImportEscete/index', [this.currentUser.id_cu]);
+        this.$store.dispatch('fileUpload/index', [this.currentUser.id_cu, this.currentUser.id]);
+        this.modalTitle = this.uploadResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.uploadResponse;
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value == "success") {
+        this.$store.dispatch('anggotaCuImportEscete/index', [this.currentUser.id_cu]);
+        this.$store.dispatch('fileUpload/index', [this.currentUser.id_cu, this.currentUser.id]);
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    },
+    files: function files() {
+      if (this.files.length == 0) {
+        this.isLoading = true;
+      }
+    },
+    tipe: function tipe() {
+      if (this.tipe == 'single') {
+        this.cekTipe = true;
+      } else {
+        this.cekTipe = false;
+      }
     }
   },
+  created: function created() {
+    this.$store.dispatch('anggotaCuImportEscete/index', [this.currentUser.id_cu, this.currentUser.id]);
+    this.$store.dispatch('fileUpload/index', [this.currentUser.id_cu, this.currentUser.id]);
+  },
   methods: {
-    changeCu: function changeCu(id) {
-      var cu;
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.state = state;
 
-      if (id != 0) {
-        cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelCU, function (o) {
-          return o.id == id;
-        });
+      if (isMobile) {
+        this.selectedItem = itemMobile;
+      }
+
+      if (state == 'hapus') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus file ' + this.selectedItem.file_name + '?';
+        this.modalButton = 'Iya, Hapus';
+      }
+
+      if (state == 'upload_draft') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Upload file ke draft?';
+        this.modalButton = 'Upload';
       }
 
-      this.formDataCu.cu.id = cu.id;
-      this.formDataCu.cu.name = cu.name;
-      this.fetchTp(cu.id);
+      if (state == 'simpan_draft') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'simpan draft?';
+        this.modalButton = 'Upload';
+      }
     },
-    changeTp: function changeTp(id) {
-      var tp;
+    modalConfirmOk: function modalConfirmOk() {
+      this.modalShow = false;
 
-      if (id != 0) {
-        tp = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelTp, function (o) {
-          return o.id == id;
-        });
+      if (this.state == 'hapus') {
+        this.$store.dispatch('fileUpload/destroy', this.selectedItem.id);
       }
 
-      if (this.formDataCu.tp != null) {
-        this.formDataCu.tp.id = tp.id;
-        this.formDataCu.tp.name = tp.name;
-      } else {
-        var tpdata = {};
-        tpdata.id = tp.id;
-        tpdata.name = tp.name;
-        this.formDataCu.tp = tpdata;
+      if (this.state == 'upload_draft') {
+        this.$store.dispatch('anggotaCuImportEscete/draft', [this.currentUser.id_cu, this.currentUser.id]);
+      }
+
+      if (this.state == 'simpan_draft') {
+        this.$store.dispatch('anggotaCuImportEscete/simpanDraft', this.currentUser.id_cu);
       }
     },
-    fetchCU: function fetchCU() {
-      if (this.modelCuStat != 'success') {
-        this.$store.dispatch('cu/getHeader');
+    modalTutup: function modalTutup() {
+      // if(this.state == 'hapus'){
+      this.modalShow = false; // }
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState == 'success') {
+        this.modalTutup;
+      } else if (this.modalState == 'loading') {// do nothing
       } else {
-        this.idCu = this.$route.params.cu;
-        this.tingkat = this.$route.params.tingkat;
+        this.modalShow = false;
+      }
+
+      this.isDisableTablePeserta = false;
+    },
+    submit: function submit() {
+      this.loadingCount = [];
+      this.isLoading = true;
+      console.log('ya');
+
+      if (this.flagProduk == true) {
+        this.$refs.formProduk.submit();
+      }
+
+      if (this.flagAnggota == true) {
+        this.$refs.formAnggota.submit();
+      }
+
+      if (this.flagRekening == true) {
+        this.$refs.formRekening.submit();
       }
     },
-    fetchTp: function fetchTp(value) {
-      this.$store.dispatch('tp/getCu', value);
+    setLoadingStat: function setLoadingStat(value) {
+      this.loadingCount.push(value);
     },
-    save: function save() {
-      var _this = this;
+    setFileCount: function setFileCount(value) {
+      this.isLoading = false; //pengecekan if sesuaikan dengan jumlah file yang mau di upload
+
+      if (this.flagAnggota == false && value.name == 'DATA_ANGGOTA') {
+        this.flagAnggota = true;
+        this.fileCounter++;
+      } else if (this.flagRekening == false && value.name == 'DATA_REKENING') {
+        this.flagRekening = true;
+        this.fileCounter++;
+      } else if (this.flagProduk == false && value.name == 'DATA_PRODUK') {
+        this.flagProduk = true;
+        this.fileCounter++;
+      }
 
-      this.$validator.validateAll('formDataCu').then(function (result) {
-        if (result) {
-          if (_this.mode == 'edit') {
-            _this.$emit('editCu', _this.formDataCu);
-          } else {
-            _this.$emit('createCu', _this.formDataCu);
-          }
-        } else {
-          _this.submited = true;
-        }
-      });
+      var file = {
+        'name': value.name,
+        'file': value.file
+      };
+      this.files.push(file);
+    },
+    remove: function remove(value) {
+      if (this.flagAnggota == true && value == 'DATA_ANGGOTA') {
+        this.flagAnggota = false;
+        this.fileCounter--;
+      } else if (this.flagRekening == true && value == 'DATA_REKENING') {
+        this.flagRekening = false;
+        this.fileCounter--;
+      } else if (this.flagProduk == true && value == 'DATA_PRODUK') {
+        this.flagProduk = false;
+        this.fileCounter--;
+      }
+
+      var i = this.files.map(function (item) {
+        return item.name;
+      }).indexOf(value);
+      this.files.splice(i, 1);
     },
-    messageClose: function messageClose() {
-      this.message.show = false;
+    setSelectedItem: function setSelectedItem(file) {
+      this.selectedItem = file;
     },
-    tutup: function tutup() {
-      this.$emit('tutup');
-    }
+    SimpanDraft: function SimpanDraft() {// console.log(this.currentUser.id_cu);
+    } //  onCuChange(e){
+    // 	console.log(e);
+    // }
+
   },
-  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
     currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
-    modelCU: 'headerDataS',
-    modelCUStat: 'headerDataStatS',
-    updateMessage: 'update',
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCuImportEscete', {
+    uploadResponse: 'update',
+    uploadStat: 'updateStat',
+    Draft: 'isDraft'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('fileUpload', {
+    dataS: 'dataS',
+    updateResponse: 'update',
     updateStat: 'updateStat'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('tp', {
-    modelTp: 'dataS',
-    modelTpStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS'
   }))
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/create.vue?vue&type=template&id=3e661706&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/create.vue?vue&type=template&id=3e661706& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1960,3105 +632,219 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _vm.errors.any("form") && _vm.submited
-        ? _c("message", {
-            attrs: {
-              title: "Oops, terjadi kesalahan",
-              errorItem: _vm.errors.items,
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
+  return _c("div", [
+    _c("div", { staticClass: "page-header" }, [
       _c(
-        "form",
-        {
-          attrs: { "data-vv-scope": "form" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault()
-              return _vm.save.apply(null, arguments)
-            },
-          },
-        },
+        "div",
+        { staticClass: "page-header-content header-elements-md-inline" },
         [
-          _vm.mode == "create_old"
-            ? _c("div", { staticClass: "card" }, [
-                _vm._m(0),
-                _vm._v(" "),
-                _c(
-                  "div",
-                  { staticClass: "card-body" },
-                  [_c("identitas", { attrs: { itemData: _vm.form } })],
-                  1
-                ),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.mode != "create_old"
-            ? _c("div", { staticClass: "card" }, [
-                _vm._m(1),
-                _vm._v(" "),
-                _c("div", { staticClass: "card-body" }, [
-                  _c("div", { staticClass: "row" }, [
-                    _c("div", { staticClass: "col-md-12" }, [
-                      _c(
-                        "div",
-                        { staticClass: "form-group" },
-                        [
-                          _c("h6", [_vm._v("Foto:")]),
-                          _vm._v(" "),
-                          _c("app-image-upload", {
-                            attrs: {
-                              image_loc: "/images/anggotaCu/",
-                              image_temp: _vm.form.gambar,
-                            },
-                            model: {
-                              value: _vm.form.gambar,
-                              callback: function ($$v) {
-                                _vm.$set(_vm.form, "gambar", $$v)
-                              },
-                              expression: "form.gambar",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass: "form-group",
-                          class: { "has-error": _vm.errors.has("form.nik") },
-                        },
-                        [
-                          _c(
-                            "h6",
-                            {
-                              class: {
-                                "text-danger": _vm.errors.has("form.nik"),
-                              },
-                            },
-                            [
-                              _vm.errors.has("form.nik")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\tNo. KTP: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c("input", {
-                            directives: [
-                              {
-                                name: "validate",
-                                rawName: "v-validate",
-                                value: "required",
-                                expression: "'required'",
-                              },
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.nik,
-                                expression: "form.nik",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              type: "text",
-                              name: "nik",
-                              placeholder: "Silahkan masukkan no. KTP",
-                              "data-vv-as": "No. KTP",
-                              readonly: "",
-                            },
-                            domProps: { value: _vm.form.nik },
-                            on: {
-                              input: function ($event) {
-                                if ($event.target.composing) {
-                                  return
-                                }
-                                _vm.$set(_vm.form, "nik", $event.target.value)
-                              },
-                            },
-                          }),
-                          _vm._v(" "),
-                          _vm.errors.has("form.nik")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(_vm.errors.first("form.nik")) +
-                                      "\n\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        { staticClass: "form-group" },
-                        [
-                          _c("h6", [_vm._v("No. KK:")]),
-                          _vm._v(" "),
-                          _c("cleave", {
-                            staticClass: "form-control",
-                            attrs: {
-                              name: "kk",
-                              options: _vm.cleaveOption.number16,
-                              placeholder: "Silahkan masukkan no KK",
-                            },
-                            model: {
-                              value: _vm.form.kk,
-                              callback: function ($$v) {
-                                _vm.$set(_vm.form, "kk", $$v)
-                              },
-                              expression: "form.kk",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        { staticClass: "form-group" },
-                        [
-                          _c("h6", [_vm._v("\n\t\t\t\t\t\t\t\tNPWP:")]),
-                          _vm._v(" "),
-                          _c("cleave", {
-                            staticClass: "form-control",
-                            attrs: {
-                              name: "npwp",
-                              options: _vm.cleaveOption.number24,
-                              placeholder: "Silahkan masukkan npwp",
-                            },
-                            model: {
-                              value: _vm.form.npwp,
-                              callback: function ($$v) {
-                                _vm.$set(_vm.form, "npwp", $$v)
-                              },
-                              expression: "form.npwp",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass: "form-group",
-                          class: { "has-error": _vm.errors.has("form.name") },
-                        },
-                        [
-                          _c(
-                            "h6",
-                            {
-                              class: {
-                                "text-danger": _vm.errors.has("form.name"),
-                              },
-                            },
-                            [
-                              _vm.errors.has("form.name")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\tNama: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c("input", {
-                            directives: [
-                              {
-                                name: "validate",
-                                rawName: "v-validate",
-                                value: "required",
-                                expression: "'required'",
-                              },
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.name,
-                                expression: "form.name",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              type: "text",
-                              name: "name",
-                              placeholder: "Silahkan masukkan nama",
-                              "data-vv-as": "Nama",
-                            },
-                            domProps: { value: _vm.form.name },
-                            on: {
-                              input: function ($event) {
-                                if ($event.target.composing) {
-                                  return
-                                }
-                                _vm.$set(_vm.form, "name", $event.target.value)
-                              },
-                            },
-                          }),
-                          _vm._v(" "),
-                          _vm.errors.has("form.name")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(_vm.errors.first("form.name")) +
-                                      "\n\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass: "form-group",
-                          class: {
-                            "has-error": _vm.errors.has("form.ahli_waris"),
-                          },
-                        },
-                        [
-                          _c(
-                            "h6",
-                            {
-                              class: {
-                                "text-danger":
-                                  _vm.errors.has("form.ahli_waris"),
-                              },
-                            },
-                            [
-                              _vm.errors.has("form.ahli_waris")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\tNama Ahli Waris: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c("input", {
-                            directives: [
-                              {
-                                name: "validate",
-                                rawName: "v-validate",
-                                value: "required",
-                                expression: "'required'",
-                              },
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.ahli_waris,
-                                expression: "form.ahli_waris",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              type: "text",
-                              name: "ahli_waris",
-                              placeholder: "Silahkan masukkan nama ahli waris",
-                              "data-vv-as": "Nama ahli waris",
-                            },
-                            domProps: { value: _vm.form.ahli_waris },
-                            on: {
-                              input: function ($event) {
-                                if ($event.target.composing) {
-                                  return
-                                }
-                                _vm.$set(
-                                  _vm.form,
-                                  "ahli_waris",
-                                  $event.target.value
-                                )
-                              },
-                            },
-                          }),
-                          _vm._v(" "),
-                          _vm.errors.has("form.ahli_waris")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(
-                                        _vm.errors.first("form.ahli_waris")
-                                      ) +
-                                      "\n\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c("h6", [_vm._v("Nama Ibu: ")]),
-                        _vm._v(" "),
-                        _c("input", {
-                          directives: [
-                            {
-                              name: "model",
-                              rawName: "v-model",
-                              value: _vm.form.nama_ibu,
-                              expression: "form.nama_ibu",
-                            },
-                          ],
-                          staticClass: "form-control",
-                          attrs: {
-                            type: "text",
-                            name: "nama_ibu",
-                            placeholder: "Silahkan masukkan nama ibu",
-                          },
-                          domProps: { value: _vm.form.nama_ibu },
-                          on: {
-                            input: function ($event) {
-                              if ($event.target.composing) {
-                                return
-                              }
-                              _vm.$set(
-                                _vm.form,
-                                "nama_ibu",
-                                $event.target.value
-                              )
-                            },
-                          },
-                        }),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass: "form-group",
-                          class: {
-                            "has-error": _vm.errors.has("form.kelamin"),
-                          },
-                        },
-                        [
-                          _c(
-                            "h6",
-                            {
-                              class: {
-                                "text-danger": _vm.errors.has("form.kelamin"),
-                              },
-                            },
-                            [
-                              _vm.errors.has("form.kelamin")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\tGender: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "select",
-                            {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.kelamin,
-                                  expression: "form.kelamin",
-                                },
-                                {
-                                  name: "validate",
-                                  rawName: "v-validate",
-                                  value: "required",
-                                  expression: "'required'",
-                                },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                name: "kelamin",
-                                "data-width": "100%",
-                                "data-vv-as": "Gender",
-                              },
-                              on: {
-                                change: function ($event) {
-                                  var $$selectedVal = Array.prototype.filter
-                                    .call($event.target.options, function (o) {
-                                      return o.selected
-                                    })
-                                    .map(function (o) {
-                                      var val =
-                                        "_value" in o ? o._value : o.value
-                                      return val
-                                    })
-                                  _vm.$set(
-                                    _vm.form,
-                                    "kelamin",
-                                    $event.target.multiple
-                                      ? $$selectedVal
-                                      : $$selectedVal[0]
-                                  )
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "option",
-                                { attrs: { disabled: "", value: "" } },
-                                [_vm._v("Silahkan pilih gender")]
-                              ),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "LAKI-LAKI" } }, [
-                                _vm._v("Laki-laki"),
-                              ]),
-                              _vm._v(" "),
-                              _c("option", { attrs: { value: "PEREMPUAN" } }, [
-                                _vm._v("Perempuan"),
-                              ]),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _vm.errors.has("form.kelamin")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(_vm.errors.first("form.kelamin")) +
-                                      "\n\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass: "form-group",
-                          class: {
-                            "has-error": _vm.errors.has("form.tanggal_lahir"),
-                          },
-                        },
-                        [
-                          _c(
-                            "h6",
-                            {
-                              class: {
-                                "text-danger":
-                                  _vm.errors.has("form.tanggal_lahir"),
-                              },
-                            },
-                            [
-                              _vm.errors.has("form.tanggal_lahir")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\tTgl. Lahir: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c("date-picker", {
-                            attrs: { defaultDate: _vm.form.tanggal_lahir },
-                            on: {
-                              dateSelected: function ($event) {
-                                _vm.form.tanggal_lahir = $event
-                              },
-                            },
-                          }),
-                          _vm._v(" "),
-                          _c("input", {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.tanggal_lahir,
-                                expression: "form.tanggal_lahir",
-                              },
-                              {
-                                name: "show",
-                                rawName: "v-show",
-                                value: false,
-                                expression: "false",
-                              },
-                              {
-                                name: "validate",
-                                rawName: "v-validate",
-                                value: "required",
-                                expression: "'required'",
-                              },
-                            ],
-                            attrs: { "data-vv-as": "Tanggal lahir" },
-                            domProps: { value: _vm.form.tanggal_lahir },
-                            on: {
-                              input: function ($event) {
-                                if ($event.target.composing) {
-                                  return
-                                }
-                                _vm.$set(
-                                  _vm.form,
-                                  "tanggal_lahir",
-                                  $event.target.value
-                                )
-                              },
-                            },
-                          }),
-                          _vm._v(" "),
-                          _vm.errors.has("form.tanggal_lahir")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(
-                                        _vm.errors.first("form.tanggal_lahir")
-                                      ) +
-                                      "\n\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                        ],
-                        1
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass: "form-group",
-                          class: {
-                            "has-error": _vm.errors.has("form.tempat_lahir"),
-                          },
-                        },
-                        [
-                          _c(
-                            "h6",
-                            {
-                              class: {
-                                "text-danger":
-                                  _vm.errors.has("form.tempat_lahir"),
-                              },
-                            },
-                            [
-                              _vm.errors.has("form.tempat_lahir")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("Tempat Lahir: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c("input", {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.tempat_lahir,
-                                expression: "form.tempat_lahir",
-                              },
-                              {
-                                name: "validate",
-                                rawName: "v-validate",
-                                value: "required",
-                                expression: "'required'",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              type: "text",
-                              name: "tempat_lahir",
-                              placeholder: "Silahkan masukkan tempat lahir",
-                              "data-vv-as": "Tempat Lahir",
-                            },
-                            domProps: { value: _vm.form.tempat_lahir },
-                            on: {
-                              input: function ($event) {
-                                if ($event.target.composing) {
-                                  return
-                                }
-                                _vm.$set(
-                                  _vm.form,
-                                  "tempat_lahir",
-                                  $event.target.value
-                                )
-                              },
-                            },
-                          }),
-                          _vm._v(" "),
-                          _vm.errors.has("form.tempat_lahir")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(
-                                        _vm.errors.first("form.tempat_lahir")
-                                      ) +
-                                      "\n\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c("h6", [_vm._v("Suku: ")]),
-                        _vm._v(" "),
-                        _c(
-                          "select",
-                          {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.suku,
-                                expression: "form.suku",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              name: "suku",
-                              "data-width": "100%",
-                              disabled: _vm.modelSuku.length == 0,
-                            },
-                            on: {
-                              change: function ($event) {
-                                var $$selectedVal = Array.prototype.filter
-                                  .call($event.target.options, function (o) {
-                                    return o.selected
-                                  })
-                                  .map(function (o) {
-                                    var val = "_value" in o ? o._value : o.value
-                                    return val
-                                  })
-                                _vm.$set(
-                                  _vm.form,
-                                  "suku",
-                                  $event.target.multiple
-                                    ? $$selectedVal
-                                    : $$selectedVal[0]
-                                )
-                              },
-                            },
-                          },
-                          [
-                            _c(
-                              "option",
-                              { attrs: { disabled: "", value: "" } },
-                              [
-                                _vm.modelSukuStat === "loading"
-                                  ? _c("span", [_vm._v("Mohon tunggu...")])
-                                  : _c("span", [_vm._v("Silahkan pilih suku")]),
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _vm._l(_vm.modelSuku, function (suku, index) {
-                              return _c(
-                                "option",
-                                { key: index, domProps: { value: suku.name } },
-                                [_vm._v(_vm._s(suku.name))]
-                              )
-                            }),
-                          ],
-                          2
-                        ),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c("h6", [
-                          _vm._v(
-                            "\n\t\t\t\t\t\t\t\tGol. Darah:\n\t\t\t\t\t\t\t"
-                          ),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "select",
-                          {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.darah,
-                                expression: "form.darah",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: { name: "darah", "data-width": "100%" },
-                            on: {
-                              change: function ($event) {
-                                var $$selectedVal = Array.prototype.filter
-                                  .call($event.target.options, function (o) {
-                                    return o.selected
-                                  })
-                                  .map(function (o) {
-                                    var val = "_value" in o ? o._value : o.value
-                                    return val
-                                  })
-                                _vm.$set(
-                                  _vm.form,
-                                  "darah",
-                                  $event.target.multiple
-                                    ? $$selectedVal
-                                    : $$selectedVal[0]
-                                )
-                              },
-                            },
-                          },
-                          [
-                            _c(
-                              "option",
-                              { attrs: { disabled: "", value: "" } },
-                              [_vm._v("Silahkan pilih golongan darah")]
-                            ),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "A" } }, [
-                              _vm._v("A"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "B" } }, [
-                              _vm._v("B"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "AB" } }, [
-                              _vm._v("AB"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "O" } }, [
-                              _vm._v("O"),
-                            ]),
-                          ]
-                        ),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        { staticClass: "form-group" },
-                        [
-                          _vm._m(2),
-                          _vm._v(" "),
-                          _c("cleave", {
-                            staticClass: "form-control",
-                            attrs: {
-                              name: "tinggi",
-                              options: _vm.cleaveOption.number3,
-                              placeholder: "Silahkan masukkan tinggi",
-                            },
-                            model: {
-                              value: _vm.form.tinggi,
-                              callback: function ($$v) {
-                                _vm.$set(_vm.form, "tinggi", $$v)
-                              },
-                              expression: "form.tinggi",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c("h6", [_vm._v("Agama:")]),
-                        _vm._v(" "),
-                        _c(
-                          "select",
-                          {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.agama,
-                                expression: "form.agama",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: { name: "agama", "data-width": "100%" },
-                            on: {
-                              change: function ($event) {
-                                var $$selectedVal = Array.prototype.filter
-                                  .call($event.target.options, function (o) {
-                                    return o.selected
-                                  })
-                                  .map(function (o) {
-                                    var val = "_value" in o ? o._value : o.value
-                                    return val
-                                  })
-                                _vm.$set(
-                                  _vm.form,
-                                  "agama",
-                                  $event.target.multiple
-                                    ? $$selectedVal
-                                    : $$selectedVal[0]
-                                )
-                              },
-                            },
-                          },
-                          [
-                            _c(
-                              "option",
-                              { attrs: { disabled: "", value: "" } },
-                              [_vm._v("Silahkan pilih agama")]
-                            ),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "BUDDHA" } }, [
-                              _vm._v("Buddha"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "HINDU" } }, [
-                              _vm._v("Hindu"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "ISLAM" } }, [
-                              _vm._v("Islam"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "KATOLIK" } }, [
-                              _vm._v("Katolik"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "KONG HU CU" } }, [
-                              _vm._v("Kong Hu Cu"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "PROTESTAN" } }, [
-                              _vm._v("Protestan"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "LAIN-LAIN" } }, [
-                              _vm._v("Lain-lain"),
-                            ]),
-                          ]
-                        ),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c("h6", [
-                          _vm._v("\n\t\t\t\t\t\t\t\tStatus:\n\t\t\t\t\t\t\t"),
-                        ]),
-                        _vm._v(" "),
-                        _c(
-                          "select",
-                          {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.status,
-                                expression: "form.status",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: { name: "status", "data-width": "100%" },
-                            on: {
-                              change: function ($event) {
-                                var $$selectedVal = Array.prototype.filter
-                                  .call($event.target.options, function (o) {
-                                    return o.selected
-                                  })
-                                  .map(function (o) {
-                                    var val = "_value" in o ? o._value : o.value
-                                    return val
-                                  })
-                                _vm.$set(
-                                  _vm.form,
-                                  "status",
-                                  $event.target.multiple
-                                    ? $$selectedVal
-                                    : $$selectedVal[0]
-                                )
-                              },
-                            },
-                          },
-                          [
-                            _c(
-                              "option",
-                              { attrs: { disabled: "", value: "" } },
-                              [_vm._v("Silahkan pilih status pernikahan")]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "option",
-                              { attrs: { value: "BELUM MENIKAH" } },
-                              [_vm._v("Belum menikah")]
-                            ),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "MENIKAH" } }, [
-                              _vm._v("Menikah"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "JANDA/DUDA" } }, [
-                              _vm._v("Janda/Duda"),
-                            ]),
-                          ]
-                        ),
-                      ]),
-                    ]),
-                  ]),
-                ]),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.mode != "create_old"
-            ? _c("div", { staticClass: "card" }, [
-                _vm._m(3),
-                _vm._v(" "),
-                _c("div", { staticClass: "card-body" }, [
-                  _c("div", { staticClass: "row" }, [
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c("h6", [_vm._v("Lembaga:")]),
-                        _vm._v(" "),
-                        _c("input", {
-                          directives: [
-                            {
-                              name: "model",
-                              rawName: "v-model",
-                              value: _vm.form.lembaga,
-                              expression: "form.lembaga",
-                            },
-                          ],
-                          staticClass: "form-control",
-                          attrs: {
-                            type: "text",
-                            name: "lembaga",
-                            placeholder: "Silahkan masukkan lembaga",
-                          },
-                          domProps: { value: _vm.form.lembaga },
-                          on: {
-                            input: function ($event) {
-                              if ($event.target.composing) {
-                                return
-                              }
-                              _vm.$set(_vm.form, "lembaga", $event.target.value)
-                            },
-                          },
-                        }),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c("h6", [_vm._v("Jabatan:")]),
-                        _vm._v(" "),
-                        _c(
-                          "select",
-                          {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.jabatan,
-                                expression: "form.jabatan",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: { name: "jabatan", "data-width": "100%" },
-                            on: {
-                              change: function ($event) {
-                                var $$selectedVal = Array.prototype.filter
-                                  .call($event.target.options, function (o) {
-                                    return o.selected
-                                  })
-                                  .map(function (o) {
-                                    var val = "_value" in o ? o._value : o.value
-                                    return val
-                                  })
-                                _vm.$set(
-                                  _vm.form,
-                                  "jabatan",
-                                  $event.target.multiple
-                                    ? $$selectedVal
-                                    : $$selectedVal[0]
-                                )
-                              },
-                            },
-                          },
-                          [
-                            _c(
-                              "option",
-                              { attrs: { disabled: "", value: "" } },
-                              [_vm._v("Silahkan pilih jabatan")]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "option",
-                              { attrs: { value: "SENIOR MANAJER" } },
-                              [
-                                _vm._v(
-                                  "Senior Manajer (General Manager, CEO, Deputy)"
-                                ),
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "MANAJER" } }, [
-                              _vm._v("Manajer"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "SUPERVISOR" } }, [
-                              _vm._v(
-                                "Supervisor (Kepala Bagian, Kepala Divisi, Kepala/Koordinator TP, Kepala Bidang)"
-                              ),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "STAF" } }, [
-                              _vm._v("Staf"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "KONTRAK" } }, [
-                              _vm._v("Kontrak"),
-                            ]),
-                          ]
-                        ),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c("h6", [_vm._v("Pekerjaan: ")]),
-                        _vm._v(" "),
-                        _c(
-                          "select",
-                          {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.pekerjaan,
-                                expression: "form.pekerjaan",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              name: "pekerjaan",
-                              "data-width": "100%",
-                              disabled: _vm.modelPekerjaan.length == 0,
-                            },
-                            on: {
-                              change: function ($event) {
-                                var $$selectedVal = Array.prototype.filter
-                                  .call($event.target.options, function (o) {
-                                    return o.selected
-                                  })
-                                  .map(function (o) {
-                                    var val = "_value" in o ? o._value : o.value
-                                    return val
-                                  })
-                                _vm.$set(
-                                  _vm.form,
-                                  "pekerjaan",
-                                  $event.target.multiple
-                                    ? $$selectedVal
-                                    : $$selectedVal[0]
-                                )
-                              },
-                            },
-                          },
-                          [
-                            _c(
-                              "option",
-                              { attrs: { disabled: "", value: "" } },
-                              [_vm._v("Silahkan pilih pekerjaan")]
-                            ),
-                            _vm._v(" "),
-                            _vm._l(
-                              _vm.modelPekerjaan,
-                              function (pekerjaan, index) {
-                                return _c(
-                                  "option",
-                                  {
-                                    key: index,
-                                    domProps: { value: pekerjaan.name },
-                                  },
-                                  [_vm._v(_vm._s(pekerjaan.name))]
-                                )
-                              }
-                            ),
-                          ],
-                          2
-                        ),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        { staticClass: "form-group" },
-                        [
-                          _c("h6", [_vm._v("Rata-rata Penghasilan Perbulan:")]),
-                          _vm._v(" "),
-                          _c("cleave", {
-                            staticClass: "form-control",
-                            attrs: {
-                              options: _vm.cleaveOption.numeric,
-                              placeholder:
-                                "Silahkan masukkan rata-rata pengeluaran",
-                            },
-                            model: {
-                              value: _vm.form.penghasilan,
-                              callback: function ($$v) {
-                                _vm.$set(_vm.form, "penghasilan", $$v)
-                              },
-                              expression: "form.penghasilan",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        { staticClass: "form-group" },
-                        [
-                          _c("h6", [_vm._v("Rata-rata Pengeluaran Perbulan:")]),
-                          _vm._v(" "),
-                          _c("cleave", {
-                            staticClass: "form-control",
-                            attrs: {
-                              options: _vm.cleaveOption.numeric,
-                              placeholder:
-                                "Silahkan masukkan rata-rata pengeluaran",
-                            },
-                            model: {
-                              value: _vm.form.pengeluaran,
-                              callback: function ($$v) {
-                                _vm.$set(_vm.form, "pengeluaran", $$v)
-                              },
-                              expression: "form.pengeluaran",
-                            },
-                          }),
-                        ],
-                        1
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-sm-4" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c("h6", [_vm._v("Pendidikan:")]),
-                        _vm._v(" "),
-                        _c(
-                          "select",
-                          {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.pendidikan,
-                                expression: "form.pendidikan",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: { name: "pendidikan", "data-width": "100%" },
-                            on: {
-                              change: function ($event) {
-                                var $$selectedVal = Array.prototype.filter
-                                  .call($event.target.options, function (o) {
-                                    return o.selected
-                                  })
-                                  .map(function (o) {
-                                    var val = "_value" in o ? o._value : o.value
-                                    return val
-                                  })
-                                _vm.$set(
-                                  _vm.form,
-                                  "pendidikan",
-                                  $event.target.multiple
-                                    ? $$selectedVal
-                                    : $$selectedVal[0]
-                                )
-                              },
-                            },
-                          },
-                          [
-                            _c(
-                              "option",
-                              { attrs: { disabled: "", value: "" } },
-                              [_vm._v("Silahkan pilih tingkat pendidikan")]
-                            ),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "TK" } }, [
-                              _vm._v("TK"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "SD" } }, [
-                              _vm._v("SD"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "SMP" } }, [
-                              _vm._v("SMP"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "SMA/SMK" } }, [
-                              _vm._v("SMA/SMK"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "D1" } }, [
-                              _vm._v("D1"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "D2" } }, [
-                              _vm._v("D2"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "D3" } }, [
-                              _vm._v("D3"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "D4" } }, [
-                              _vm._v("D4"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "S1" } }, [
-                              _vm._v("S1"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "S2" } }, [
-                              _vm._v("S2"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "S3" } }, [
-                              _vm._v("S3"),
-                            ]),
-                            _vm._v(" "),
-                            _c("option", { attrs: { value: "LAIN-LAIN" } }, [
-                              _vm._v("Lain-lain"),
-                            ]),
-                          ]
-                        ),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c(
-                          "h6",
-                          [
-                            _vm._v("Organisasi: "),
-                            _c("info-icon", {
-                              attrs: {
-                                message:
-                                  "Silahkan isi dengan jabatan dan tempat/nama organisasi jika anda ikut dalam sebuah organisasi",
-                              },
-                            }),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _c("input", {
-                          directives: [
-                            {
-                              name: "model",
-                              rawName: "v-model",
-                              value: _vm.form.organisasi,
-                              expression: "form.organisasi",
-                            },
-                          ],
-                          staticClass: "form-control",
-                          attrs: {
-                            type: "text",
-                            name: "organisasi",
-                            placeholder: "Silahkan masukkan organisasi",
-                          },
-                          domProps: { value: _vm.form.organisasi },
-                          on: {
-                            input: function ($event) {
-                              if ($event.target.composing) {
-                                return
-                              }
-                              _vm.$set(
-                                _vm.form,
-                                "organisasi",
-                                $event.target.value
-                              )
-                            },
-                          },
-                        }),
-                      ]),
-                    ]),
-                  ]),
-                ]),
-              ])
-            : _vm._e(),
+          _c("div", { staticClass: "page-title d-flex" }, [
+            _c("h4", [
+              _c("i", { staticClass: "mr-2", class: _vm.titleIcon }),
+              _vm._v(" "),
+              _c("span", { staticClass: "font-weight-semibold" }, [
+                _vm._v(_vm._s(_vm.title)),
+              ]),
+              _vm._v(" "),
+              _c("small", { staticClass: "d-block text-muted" }, [
+                _vm._v(_vm._s(_vm.titleDesc)),
+              ]),
+            ]),
+          ]),
           _vm._v(" "),
-          _vm.mode != "create_old"
-            ? _c("div", { staticClass: "card" }, [
-                _vm._m(4),
-                _vm._v(" "),
-                _c("div", { staticClass: "card-body" }, [
-                  _c("div", { staticClass: "row" }, [
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c(
-                          "h6",
-                          {
-                            class: {
-                              "text-danger":
-                                _vm.errors.has("form.id_provinces"),
-                            },
-                          },
-                          [
-                            _vm.errors.has("form.id_provinces")
-                              ? _c("i", { staticClass: "icon-cross2" })
-                              : _vm._e(),
-                            _vm._v("\n\t\t\t\t\t\t\t\tProvinsi: "),
-                            _c("wajib-badge"),
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "select",
-                          {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.id_provinces,
-                                expression: "form.id_provinces",
-                              },
-                              {
-                                name: "validate",
-                                rawName: "v-validate",
-                                value: "required",
-                                expression: "'required'",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              name: "id_provinces",
-                              "data-width": "100%",
-                              "data-vv-as": "Provinsi",
-                              disabled: _vm.modelProvinces.length == 0,
-                            },
-                            on: {
-                              change: [
-                                function ($event) {
-                                  var $$selectedVal = Array.prototype.filter
-                                    .call($event.target.options, function (o) {
-                                      return o.selected
-                                    })
-                                    .map(function (o) {
-                                      var val =
-                                        "_value" in o ? o._value : o.value
-                                      return val
-                                    })
-                                  _vm.$set(
-                                    _vm.form,
-                                    "id_provinces",
-                                    $event.target.multiple
-                                      ? $$selectedVal
-                                      : $$selectedVal[0]
-                                  )
-                                },
-                                function ($event) {
-                                  return _vm.changeProvinces(
-                                    $event.target.value
-                                  )
-                                },
-                              ],
-                            },
-                          },
-                          [
-                            _c(
-                              "option",
-                              { attrs: { disabled: "", value: "" } },
-                              [_vm._v("Silahkan pilih provinsi")]
-                            ),
-                            _vm._v(" "),
-                            _vm._l(
-                              _vm.modelProvinces,
-                              function (provinces, index) {
-                                return _c(
-                                  "option",
-                                  {
-                                    key: index,
-                                    domProps: { value: provinces.id },
-                                  },
-                                  [_vm._v(_vm._s(provinces.name))]
-                                )
-                              }
-                            ),
-                          ],
-                          2
-                        ),
-                        _vm._v(" "),
-                        _vm.errors.has("form.id_provinces")
-                          ? _c(
-                              "small",
-                              { staticClass: "text-muted text-danger" },
-                              [
-                                _c("i", {
-                                  staticClass: "icon-arrow-small-right",
-                                }),
-                                _vm._v(
-                                  " " +
-                                    _vm._s(
-                                      _vm.errors.first("form.id_provinces")
-                                    ) +
-                                    "\n\t\t\t\t\t\t\t"
-                                ),
-                              ]
-                            )
-                          : _c("small", { staticClass: "text-muted" }, [
-                              _vm._v(" "),
-                            ]),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass: "form-group",
-                          class: {
-                            "has-error": _vm.errors.has("form.id_regencies"),
-                          },
-                        },
-                        [
-                          _c(
-                            "h6",
-                            {
-                              class: {
-                                "text-danger":
-                                  _vm.errors.has("form.id_regencies"),
-                              },
-                            },
-                            [
-                              _vm.errors.has("form.id_regencies")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\tKabupaten: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "select",
-                            {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.id_regencies,
-                                  expression: "form.id_regencies",
-                                },
-                                {
-                                  name: "validate",
-                                  rawName: "v-validate",
-                                  value: "required",
-                                  expression: "'required'",
-                                },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                name: "id_regencies",
-                                "data-width": "100%",
-                                "data-vv-as": "Kabupaten",
-                                disabled: _vm.modelRegencies.length === 0,
-                              },
-                              on: {
-                                change: [
-                                  function ($event) {
-                                    var $$selectedVal = Array.prototype.filter
-                                      .call(
-                                        $event.target.options,
-                                        function (o) {
-                                          return o.selected
-                                        }
-                                      )
-                                      .map(function (o) {
-                                        var val =
-                                          "_value" in o ? o._value : o.value
-                                        return val
-                                      })
-                                    _vm.$set(
-                                      _vm.form,
-                                      "id_regencies",
-                                      $event.target.multiple
-                                        ? $$selectedVal
-                                        : $$selectedVal[0]
-                                    )
-                                  },
-                                  function ($event) {
-                                    return _vm.changeRegencies(
-                                      $event.target.value
-                                    )
-                                  },
-                                ],
-                              },
-                            },
-                            [
-                              _c(
-                                "option",
-                                { attrs: { disabled: "", value: "" } },
-                                [
-                                  _vm.modelRegenciesStat === "loading"
-                                    ? _c("span", [_vm._v("Mohon tunggu...")])
-                                    : _c("span", [
-                                        _vm._v("Silahkan pilih kabupaten"),
-                                      ]),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _vm._l(
-                                _vm.modelRegencies,
-                                function (regencies, index) {
-                                  return _c(
-                                    "option",
-                                    {
-                                      key: index,
-                                      domProps: { value: regencies.id },
-                                    },
-                                    [_vm._v(_vm._s(regencies.name))]
-                                  )
-                                }
-                              ),
-                            ],
-                            2
-                          ),
-                          _vm._v(" "),
-                          _vm.errors.has("form.id_regencies")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(
-                                        _vm.errors.first("form.id_regencies")
-                                      ) +
-                                      "\n\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass: "form-group",
-                          class: {
-                            "has-error": _vm.errors.has("form.id_districts"),
-                          },
-                        },
-                        [
-                          _c(
-                            "h6",
-                            {
-                              class: {
-                                "text-danger":
-                                  _vm.errors.has("form.id_districts"),
-                              },
-                            },
-                            [
-                              _vm.errors.has("form.id_districts")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\tKecamatan: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "select",
-                            {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.id_districts,
-                                  expression: "form.id_districts",
-                                },
-                                {
-                                  name: "validate",
-                                  rawName: "v-validate",
-                                  value: "required",
-                                  expression: "'required'",
-                                },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                name: "id_districts",
-                                "data-width": "100%",
-                                "data-vv-as": "Kabupaten",
-                                disabled: _vm.modelDistricts.length === 0,
-                              },
-                              on: {
-                                change: [
-                                  function ($event) {
-                                    var $$selectedVal = Array.prototype.filter
-                                      .call(
-                                        $event.target.options,
-                                        function (o) {
-                                          return o.selected
-                                        }
-                                      )
-                                      .map(function (o) {
-                                        var val =
-                                          "_value" in o ? o._value : o.value
-                                        return val
-                                      })
-                                    _vm.$set(
-                                      _vm.form,
-                                      "id_districts",
-                                      $event.target.multiple
-                                        ? $$selectedVal
-                                        : $$selectedVal[0]
-                                    )
-                                  },
-                                  function ($event) {
-                                    return _vm.changeDistricts(
-                                      $event.target.value
-                                    )
-                                  },
-                                ],
-                              },
-                            },
-                            [
-                              _c(
-                                "option",
-                                { attrs: { disabled: "", value: "" } },
-                                [
-                                  _vm.modelDistrictsStat === "loading"
-                                    ? _c("span", [_vm._v("Mohon tunggu...")])
-                                    : _c("span", [
-                                        _vm._v("Silahkan pilih kecamatan"),
-                                      ]),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _vm._l(
-                                _vm.modelDistricts,
-                                function (districts, index) {
-                                  return _c(
-                                    "option",
-                                    {
-                                      key: index,
-                                      domProps: { value: districts.id },
-                                    },
-                                    [_vm._v(_vm._s(districts.name))]
-                                  )
-                                }
-                              ),
-                            ],
-                            2
-                          ),
-                          _vm._v(" "),
-                          _vm.errors.has("form.id_regency")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(
-                                        _vm.errors.first("form.id_regency")
-                                      ) +
-                                      "\n\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        {
-                          staticClass: "form-group",
-                          class: {
-                            "has-error": _vm.errors.has("form.id_villages"),
-                          },
-                        },
-                        [
-                          _c(
-                            "h6",
-                            {
-                              class: {
-                                "text-danger":
-                                  _vm.errors.has("form.id_villages"),
-                              },
-                            },
-                            [
-                              _vm.errors.has("form.id_villages")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\tKelurahan: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "select",
-                            {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.id_villages,
-                                  expression: "form.id_villages",
-                                },
-                                {
-                                  name: "validate",
-                                  rawName: "v-validate",
-                                  value: "required",
-                                  expression: "'required'",
-                                },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                name: "id_villages",
-                                "data-width": "100%",
-                                "data-vv-as": "Desa",
-                                disabled: _vm.modelVillages.length === 0,
-                              },
-                              on: {
-                                change: function ($event) {
-                                  var $$selectedVal = Array.prototype.filter
-                                    .call($event.target.options, function (o) {
-                                      return o.selected
-                                    })
-                                    .map(function (o) {
-                                      var val =
-                                        "_value" in o ? o._value : o.value
-                                      return val
-                                    })
-                                  _vm.$set(
-                                    _vm.form,
-                                    "id_villages",
-                                    $event.target.multiple
-                                      ? $$selectedVal
-                                      : $$selectedVal[0]
-                                  )
-                                },
-                              },
-                            },
-                            [
-                              _c(
-                                "option",
-                                { attrs: { disabled: "", value: "" } },
-                                [
-                                  _vm.modelVillagesStat === "loading"
-                                    ? _c("span", [
-                                        _vm._v("Mohon tunggu... mohon tunggu"),
-                                      ])
-                                    : _c("span", [
-                                        _vm._v("Silahkan pilih kelurahan"),
-                                      ]),
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _vm._l(
-                                _vm.modelVillages,
-                                function (villages, index) {
-                                  return _c(
-                                    "option",
-                                    {
-                                      key: index,
-                                      domProps: { value: villages.id },
-                                    },
-                                    [_vm._v(_vm._s(villages.name))]
-                                  )
-                                }
-                              ),
-                            ],
-                            2
-                          ),
-                          _vm._v(" "),
-                          _vm.errors.has("form.id_villages")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(
-                                        _vm.errors.first("form.id_villages")
-                                      ) +
-                                      "\n\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
-                        ]
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        { staticClass: "form-group" },
-                        [
-                          _c("h6", [_vm._v("No. RW:")]),
-                          _vm._v(" "),
-                          _c("cleave", {
-                            staticClass: "form-control",
-                            attrs: {
-                              options: _vm.cleaveOption.number3,
-                              placeholder: "Silahkan masukkan no rw",
-                            },
-                            model: {
-                              value: _vm.form.rw,
-                              callback: function ($$v) {
-                                _vm.$set(_vm.form, "rw", $$v)
-                              },
-                              expression: "form.rw",
-                            },
-                          }),
-                          _vm._v(" "),
-                          _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                        ],
-                        1
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        { staticClass: "form-group" },
-                        [
-                          _c("h6", [_vm._v("No. RT:")]),
-                          _vm._v(" "),
-                          _c("cleave", {
-                            staticClass: "form-control",
-                            attrs: {
-                              options: _vm.cleaveOption.number3,
-                              placeholder: "Silahkan masukkan no rt",
-                            },
-                            model: {
-                              value: _vm.form.rt,
-                              callback: function ($$v) {
-                                _vm.$set(_vm.form, "rt", $$v)
-                              },
-                              expression: "form.rt",
-                            },
-                          }),
-                          _vm._v(" "),
-                          _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                        ],
-                        1
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-8" }, [
+          _c(
+            "div",
+            { staticClass: "header-elements d-none py-0 mb-3 mb-md-0" },
+            [
+              _vm.level === 1
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
                       _c(
-                        "div",
+                        "router-link",
                         {
-                          staticClass: "form-group",
-                          class: { "has-error": _vm.errors.has("form.alamat") },
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
                         },
                         [
-                          _c(
-                            "h6",
-                            {
-                              class: {
-                                "text-danger": _vm.errors.has("form.alamat"),
-                              },
-                            },
-                            [
-                              _vm.errors.has("form.alamat")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\tAlamat: "),
-                              _c("wajib-badge"),
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c("input", {
-                            directives: [
-                              {
-                                name: "validate",
-                                rawName: "v-validate",
-                                value: "required|min:5",
-                                expression: "'required|min:5'",
-                              },
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.alamat,
-                                expression: "form.alamat",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              type: "text",
-                              name: "alamat",
-                              placeholder: "Silahkan masukkan alamat",
-                              "data-vv-as": "Alamat",
-                            },
-                            domProps: { value: _vm.form.alamat },
-                            on: {
-                              input: function ($event) {
-                                if ($event.target.composing) {
-                                  return
-                                }
-                                _vm.$set(
-                                  _vm.form,
-                                  "alamat",
-                                  $event.target.value
-                                )
-                              },
-                            },
-                          }),
-                          _vm._v(" "),
-                          _vm.errors.has("form.alamat")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(_vm.errors.first("form.alamat")) +
-                                      "\n\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v("  Dashboard "),
                         ]
                       ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c(
-                        "div",
-                        { staticClass: "form-group" },
-                        [
-                          _c("h6", [_vm._v("No. Hp:")]),
-                          _vm._v(" "),
-                          _c("cleave", {
-                            staticClass: "form-control",
-                            attrs: {
-                              options: _vm.cleaveOption.number12,
-                              placeholder: "Silahkan masukkan no hp",
-                            },
-                            model: {
-                              value: _vm.form.hp,
-                              callback: function ($$v) {
-                                _vm.$set(_vm.form, "hp", $$v)
-                              },
-                              expression: "form.hp",
-                            },
-                          }),
-                          _vm._v(" "),
-                          _c("small", { staticClass: "text-muted" }, [
-                            _vm._v(" "),
-                          ]),
-                        ],
-                        1
-                      ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
+                      _vm._v(" "),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 2
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [
                       _c(
-                        "div",
+                        "router-link",
                         {
-                          staticClass: "form-group",
-                          class: { "has-error": _vm.errors.has("form.email") },
+                          staticClass: "breadcrumb-item",
+                          attrs: { to: { name: "dashboard" } },
                         },
                         [
-                          _c(
-                            "h6",
-                            {
-                              class: {
-                                "text-danger": _vm.errors.has("form.email"),
-                              },
-                            },
-                            [
-                              _vm.errors.has("form.email")
-                                ? _c("i", { staticClass: "icon-cross2" })
-                                : _vm._e(),
-                              _vm._v("\n\t\t\t\t\t\t\t\tEmail:"),
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c("input", {
-                            directives: [
-                              {
-                                name: "validate",
-                                rawName: "v-validate",
-                                value: "email",
-                                expression: "'email'",
-                              },
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.email,
-                                expression: "form.email",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              type: "text",
-                              name: "email",
-                              placeholder: "Silahkan masukkan alamat email",
-                              "data-vv-as": "Email",
-                            },
-                            domProps: { value: _vm.form.email },
-                            on: {
-                              input: function ($event) {
-                                if ($event.target.composing) {
-                                  return
-                                }
-                                _vm.$set(_vm.form, "email", $event.target.value)
-                              },
-                            },
-                          }),
-                          _vm._v(" "),
-                          _vm.errors.has("form.email")
-                            ? _c(
-                                "small",
-                                { staticClass: "text-muted text-danger" },
-                                [
-                                  _c("i", {
-                                    staticClass: "icon-arrow-small-right",
-                                  }),
-                                  _vm._v(
-                                    " " +
-                                      _vm._s(_vm.errors.first("form.email")) +
-                                      "\n\t\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              )
-                            : _c("small", { staticClass: "text-muted" }, [
-                                _vm._v(" "),
-                              ]),
+                          _c("i", { staticClass: "icon-home4" }),
+                          _vm._v(" Dashboard "),
                         ]
                       ),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c("h6", [_vm._v("Kontak Ahli Waris:")]),
-                        _vm._v(" "),
-                        _c("input", {
-                          directives: [
-                            {
-                              name: "model",
-                              rawName: "v-model",
-                              value: _vm.form.kontak_ahli_waris,
-                              expression: "form.kontak_ahli_waris",
-                            },
-                          ],
-                          staticClass: "form-control",
-                          attrs: {
-                            type: "text",
-                            name: "kontak",
-                            placeholder: "Silahkan masukkan kontak ahli waris",
-                          },
-                          domProps: { value: _vm.form.kontak_ahli_waris },
-                          on: {
-                            input: function ($event) {
-                              if ($event.target.composing) {
-                                return
-                              }
-                              _vm.$set(
-                                _vm.form,
-                                "kontak_ahli_waris",
-                                $event.target.value
-                              )
-                            },
-                          },
-                        }),
-                      ]),
-                    ]),
-                    _vm._v(" "),
-                    _c("div", { staticClass: "col-md-4" }, [
-                      _c("div", { staticClass: "form-group" }, [
-                        _c("h6", [_vm._v("Kontak Lainnya:")]),
-                        _vm._v(" "),
-                        _c("input", {
-                          directives: [
-                            {
-                              name: "model",
-                              rawName: "v-model",
-                              value: _vm.form.kontak,
-                              expression: "form.kontak",
-                            },
-                          ],
-                          staticClass: "form-control",
-                          attrs: {
-                            type: "text",
-                            name: "kontak",
-                            placeholder: "Silahkan masukkan kontak lainnya",
-                          },
-                          domProps: { value: _vm.form.kontak },
+                      _vm._v(" "),
+                      _c(
+                        "a",
+                        {
+                          staticClass: "breadcrumb-item",
+                          attrs: { href: "#" },
                           on: {
-                            input: function ($event) {
-                              if ($event.target.composing) {
-                                return
-                              }
-                              _vm.$set(_vm.form, "kontak", $event.target.value)
-                            },
-                          },
-                        }),
-                      ]),
-                    ]),
-                  ]),
-                ]),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.currentUser && _vm.currentUser.id_cu != 0
-            ? _c("div", [
-                _c(
-                  "div",
-                  { staticClass: "card" },
-                  [
-                    _vm._m(5),
-                    _vm._v(" "),
-                    _c("data-table", {
-                      attrs: {
-                        items: _vm.itemDataCu,
-                        columnData: _vm.columnDataCu,
-                        itemDataStat: _vm.itemDataCuStat,
-                      },
-                      scopedSlots: _vm._u(
-                        [
-                          {
-                            key: "item-desktop",
-                            fn: function (props) {
-                              return [
-                                props.item
-                                  ? _c(
-                                      "tr",
-                                      {
-                                        staticClass: "text-nowrap",
-                                        class: {
-                                          "bg-info":
-                                            _vm.selectedItemCu.index ===
-                                            props.index + 1,
-                                        },
-                                        on: {
-                                          click: function ($event) {
-                                            return _vm.selectedCuRow(
-                                              props.index,
-                                              props.item
-                                            )
-                                          },
-                                        },
-                                      },
-                                      [
-                                        _c("td", [
-                                          _vm._v(_vm._s(props.index + 1)),
-                                        ]),
-                                        _vm._v(" "),
-                                        _c(
-                                          "td",
-                                          [
-                                            props.item.cu
-                                              ? _c("check-value", {
-                                                  attrs: {
-                                                    value: props.item.cu.name,
-                                                  },
-                                                })
-                                              : _c("span", [_vm._v("-")]),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "td",
-                                          [
-                                            props.item.tp
-                                              ? _c("check-value", {
-                                                  attrs: {
-                                                    value: props.item.tp.name,
-                                                  },
-                                                })
-                                              : _c("span", [_vm._v("-")]),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "td",
-                                          [
-                                            _c("check-value", {
-                                              attrs: {
-                                                value: props.item.no_ba,
-                                              },
-                                            }),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "td",
-                                          [
-                                            _c("check-value", {
-                                              attrs: {
-                                                value:
-                                                  props.item.keterangan_masuk,
-                                              },
-                                            }),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c("td", {
-                                          staticClass: "text-nowrap",
-                                          domProps: {
-                                            innerHTML: _vm._s(
-                                              _vm.$options.filters.date(
-                                                props.item.tanggal_masuk
-                                              )
-                                            ),
-                                          },
-                                        }),
-                                        _vm._v(" "),
-                                        _c(
-                                          "td",
-                                          [
-                                            _c("check-value", {
-                                              attrs: {
-                                                value:
-                                                  props.item.keterangan_keluar,
-                                              },
-                                            }),
-                                          ],
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c("td", {
-                                          staticClass: "text-nowrap",
-                                          domProps: {
-                                            innerHTML: _vm._s(
-                                              _vm.$options.filters.date(
-                                                props.item.tanggal_keluar
-                                              )
-                                            ),
-                                          },
-                                        }),
-                                      ]
-                                    )
-                                  : _vm._e(),
-                              ]
+                            click: function ($event) {
+                              $event.preventDefault()
+                              return _vm.level2Back()
                             },
                           },
-                        ],
-                        null,
-                        false,
-                        1573384605
+                        },
+                        [_vm._v(_vm._s(_vm.level2Title))]
                       ),
-                    }),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c("div", { staticClass: "card" }, [
-                  _vm._m(6),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card-body" }, [
-                    _c("div", { staticClass: "row" }, [
-                      _c("div", { staticClass: "col-sm-4" }, [
-                        _c(
-                          "div",
-                          {
-                            staticClass: "form-group",
-                            class: {
-                              "has-error": _vm.errors.has("form.tp_id"),
-                            },
-                          },
-                          [
-                            _c(
-                              "h6",
-                              {
-                                class: {
-                                  "text-danger": _vm.errors.has("form.tp_id"),
-                                },
-                              },
-                              [
-                                _vm.errors.has("form.tp_id")
-                                  ? _c("i", { staticClass: "icon-cross2" })
-                                  : _vm._e(),
-                                _vm._v("\n\t\t\t\t\t\t\t\t\t\tTP/KP: "),
-                                _c("wajib-badge"),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "select",
-                              {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.form.tp_id,
-                                    expression: "form.tp_id",
-                                  },
-                                  {
-                                    name: "validate",
-                                    rawName: "v-validate",
-                                    value: "required",
-                                    expression: "'required'",
-                                  },
-                                ],
-                                staticClass: "form-control",
-                                attrs: {
-                                  name: "id_tp",
-                                  "data-width": "100%",
-                                  "data-vv-as": "TP/KP",
-                                },
-                                on: {
-                                  change: function ($event) {
-                                    var $$selectedVal = Array.prototype.filter
-                                      .call(
-                                        $event.target.options,
-                                        function (o) {
-                                          return o.selected
-                                        }
-                                      )
-                                      .map(function (o) {
-                                        var val =
-                                          "_value" in o ? o._value : o.value
-                                        return val
-                                      })
-                                    _vm.$set(
-                                      _vm.form,
-                                      "tp_id",
-                                      $event.target.multiple
-                                        ? $$selectedVal
-                                        : $$selectedVal[0]
-                                    )
-                                  },
-                                },
-                              },
-                              [
-                                _c(
-                                  "option",
-                                  { attrs: { disabled: "", value: "" } },
-                                  [_vm._v("Silahkan pilih TP/KP")]
-                                ),
-                                _vm._v(" "),
-                                _vm._l(_vm.modelTp, function (tp, index) {
-                                  return _c(
-                                    "option",
-                                    { key: index, domProps: { value: tp.id } },
-                                    [_vm._v(_vm._s(tp.name))]
-                                  )
-                                }),
-                              ],
-                              2
-                            ),
-                            _vm._v(" "),
-                            _vm.errors.has("form.tp_id")
-                              ? _c(
-                                  "small",
-                                  { staticClass: "text-muted text-danger" },
-                                  [
-                                    _c("i", {
-                                      staticClass: "icon-arrow-small-right",
-                                    }),
-                                    _vm._v(
-                                      " " +
-                                        _vm._s(_vm.errors.first("form.tp_id")) +
-                                        "\n\t\t\t\t\t\t\t\t\t"
-                                    ),
-                                  ]
-                                )
-                              : _c("small", { staticClass: "text-muted" }, [
-                                  _vm._v(" "),
-                                ]),
-                          ]
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "col-md-4" }, [
-                        _c(
-                          "div",
-                          {
-                            staticClass: "form-group",
-                            class: {
-                              "has-error": _vm.errors.has("form.no_ba"),
-                            },
-                          },
-                          [
-                            _c(
-                              "h6",
-                              {
-                                class: {
-                                  "text-danger": _vm.errors.has("form.no_ba"),
-                                },
-                              },
-                              [
-                                _vm.errors.has("form.no_ba")
-                                  ? _c("i", { staticClass: "icon-cross2" })
-                                  : _vm._e(),
-                                _vm._v("\n\t\t\t\t\t\t\t\t\tNo. BA: "),
-                                _c("wajib-badge"),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("cleave", {
-                              directives: [
-                                {
-                                  name: "validate",
-                                  rawName: "v-validate",
-                                  value: "required",
-                                  expression: "'required'",
-                                },
-                              ],
-                              staticClass: "form-control",
-                              attrs: {
-                                name: "no_ba",
-                                options: _vm.cleaveOption.number16,
-                                placeholder:
-                                  "Silahkan masukkan no buku anggota",
-                                "data-vv-as": "No. Buku Anggota",
-                              },
-                              model: {
-                                value: _vm.form.no_ba,
-                                callback: function ($$v) {
-                                  _vm.$set(_vm.form, "no_ba", $$v)
-                                },
-                                expression: "form.no_ba",
-                              },
-                            }),
-                            _vm._v(" "),
-                            _vm.errors.has("form.no_ba")
-                              ? _c(
-                                  "small",
-                                  { staticClass: "text-muted text-danger" },
-                                  [
-                                    _c("i", {
-                                      staticClass: "icon-arrow-small-right",
-                                    }),
-                                    _vm._v(
-                                      " " +
-                                        _vm._s(_vm.errors.first("form.no_ba")) +
-                                        "\n\t\t\t\t\t\t\t\t\t"
-                                    ),
-                                  ]
-                                )
-                              : _c("small", { staticClass: "text-muted" }, [
-                                  _vm._v(" "),
-                                ]),
-                          ],
-                          1
-                        ),
-                      ]),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "col-md-4" }, [
-                        _c(
-                          "div",
-                          {
-                            staticClass: "form-group",
-                            class: {
-                              "has-error": _vm.errors.has("form.tanggal_masuk"),
-                            },
-                          },
-                          [
-                            _c(
-                              "h6",
-                              {
-                                class: {
-                                  "text-danger":
-                                    _vm.errors.has("form.tanggal_masuk"),
-                                },
-                              },
-                              [
-                                _vm.errors.has("form.tanggal_masuk")
-                                  ? _c("i", { staticClass: "icon-cross2" })
-                                  : _vm._e(),
-                                _vm._v(
-                                  "\n\t\t\t\t\t\t\t\t\tTgl. Jadi Anggota: "
-                                ),
-                                _c("wajib-badge"),
-                              ],
-                              1
-                            ),
-                            _vm._v(" "),
-                            _c("date-picker", {
-                              attrs: { defaultDate: _vm.form.tanggal_masuk },
-                              on: {
-                                dateSelected: function ($event) {
-                                  _vm.form.tanggal_masuk = $event
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _c("input", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.form.tanggal_masuk,
-                                  expression: "form.tanggal_masuk",
-                                },
-                                {
-                                  name: "show",
-                                  rawName: "v-show",
-                                  value: false,
-                                  expression: "false",
-                                },
-                                {
-                                  name: "validate",
-                                  rawName: "v-validate",
-                                  value: "required",
-                                  expression: "'required'",
-                                },
-                              ],
-                              attrs: { "data-vv-as": "Tgl. Jadi Anggota" },
-                              domProps: { value: _vm.form.tanggal_masuk },
-                              on: {
-                                input: function ($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.form,
-                                    "tanggal_masuk",
-                                    $event.target.value
-                                  )
-                                },
-                              },
-                            }),
-                            _vm._v(" "),
-                            _vm.errors.has("form.tanggal_masuk")
-                              ? _c(
-                                  "small",
-                                  { staticClass: "text-muted text-danger" },
-                                  [
-                                    _c("i", {
-                                      staticClass: "icon-arrow-small-right",
-                                    }),
-                                    _vm._v(
-                                      " " +
-                                        _vm._s(
-                                          _vm.errors.first("form.tanggal_masuk")
-                                        ) +
-                                        "\n\t\t\t\t\t\t\t\t\t"
-                                    ),
-                                  ]
-                                )
-                              : _c("small", { staticClass: "text-muted" }, [
-                                  _vm._v(" "),
-                                ]),
-                          ],
-                          1
-                        ),
-                      ]),
                       _vm._v(" "),
-                      _c("div", { staticClass: "col-md-12" }, [
-                        _c("div", { staticClass: "form-group" }, [
-                          _c("h6", [
-                            _vm._v(
-                              "\n\t\t\t\t\t\t\t\t\tKeterangan Jadi Anggota:"
-                            ),
-                          ]),
-                          _vm._v(" "),
-                          _c("input", {
-                            directives: [
-                              {
-                                name: "model",
-                                rawName: "v-model",
-                                value: _vm.form.keterangan_masuk,
-                                expression: "form.keterangan_masuk",
-                              },
-                            ],
-                            staticClass: "form-control",
-                            attrs: {
-                              type: "text",
-                              name: "keterangan_masuk",
-                              placeholder: "Silahkan masukkan keterangan masuk",
-                            },
-                            domProps: { value: _vm.form.keterangan_masuk },
-                            on: {
-                              input: function ($event) {
-                                if ($event.target.composing) {
-                                  return
-                                }
-                                _vm.$set(
-                                  _vm.form,
-                                  "keterangan_masuk",
-                                  $event.target.value
-                                )
-                              },
-                            },
-                          }),
-                        ]),
+                      _c("span", { staticClass: "breadcrumb-item active" }, [
+                        _vm._v(_vm._s(_vm.title)),
                       ]),
-                      _vm._v(" "),
-                      _vm._m(7),
-                    ]),
-                  ]),
-                ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.level === 3
+                ? _c(
+                    "div",
+                    { staticClass: "breadcrumb" },
+                    [_vm._t("breadcrumb")],
+                    2
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/singleFileUpload.vue?vue&type=template&id=69b5b49c&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/singleFileUpload.vue?vue&type=template&id=69b5b49c& ***!
+  \**************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "form",
+    {
+      attrs: {
+        action: "javascript:void(0)",
+        enctype: "multipart/form-data",
+        method: "post",
+      },
+    },
+    [
+      _c("div", { staticClass: "card" }, [
+        _c("div", { staticClass: "card-header bg-white" }, [
+          _c("h5", { staticClass: "card-title" }, [_vm._v(_vm._s(this.title))]),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "card-body" }, [
+          _vm.message
+            ? _c("div", { staticClass: "alert alert-success" }, [
+                _vm._v(_vm._s(_vm.message)),
               ])
             : _vm._e(),
           _vm._v(" "),
-          _vm.currentUser && _vm.currentUser.id_cu == 0
-            ? _c(
-                "div",
-                { staticClass: "card" },
-                [
-                  _c("div", { staticClass: "card-header bg-white" }, [
-                    _c(
-                      "h5",
-                      { staticClass: "card-title" },
-                      [_vm._v("CU "), _c("wajib-badge")],
-                      1
-                    ),
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "card-body pb-2" }, [
-                    _c("div", { staticClass: "row" }, [
-                      _vm.form.status_jalinan != 1 &&
-                      _vm.form.status_jalinan != 2
-                        ? _c("div", { staticClass: "col-md-12" }, [
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("tambahCu")
-                                  },
-                                },
-                              },
-                              [
-                                _c("i", { staticClass: "icon-plus22" }),
-                                _vm._v(" Tambah\n\t\t\t\t\t\t"),
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                attrs: { disabled: !_vm.selectedItemCu.index },
-                                on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("ubahCu")
-                                  },
-                                },
-                              },
-                              [
-                                _c("i", { staticClass: "icon-pencil5" }),
-                                _vm._v(" Ubah\n\t\t\t\t\t\t"),
-                              ]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-light mb-1",
-                                attrs: { disabled: !_vm.selectedItemCu.index },
-                                on: {
-                                  click: function ($event) {
-                                    $event.preventDefault()
-                                    return _vm.modalOpen("hapusCu")
-                                  },
-                                },
-                              },
-                              [
-                                _c("i", { staticClass: "icon-bin2" }),
-                                _vm._v(" Hapus\n\t\t\t\t\t\t"),
-                              ]
-                            ),
-                          ])
-                        : _vm._e(),
-                    ]),
-                  ]),
-                  _vm._v(" "),
-                  _c("data-table", {
-                    attrs: {
-                      items: _vm.itemDataCu,
-                      columnData: _vm.columnDataCu,
-                      itemDataStat: _vm.itemDataCuStat,
-                    },
-                    scopedSlots: _vm._u(
-                      [
-                        {
-                          key: "item-desktop",
-                          fn: function (props) {
-                            return [
-                              props.item
-                                ? _c(
-                                    "tr",
-                                    {
-                                      staticClass: "text-nowrap",
-                                      class: {
-                                        "bg-info":
-                                          _vm.selectedItemCu.index ===
-                                          props.index + 1,
-                                      },
-                                      on: {
-                                        click: function ($event) {
-                                          return _vm.selectedCuRow(
-                                            props.index,
-                                            props.item
-                                          )
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c("td", [
-                                        _vm._v(_vm._s(props.index + 1)),
-                                      ]),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          props.item.cu
-                                            ? _c("check-value", {
-                                                attrs: {
-                                                  value: props.item.cu.name,
-                                                },
-                                              })
-                                            : _c("span", [_vm._v("-")]),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          props.item.tp
-                                            ? _c("check-value", {
-                                                attrs: {
-                                                  value: props.item.tp.name,
-                                                },
-                                              })
-                                            : _c("span", [_vm._v("-")]),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          _c("check-value", {
-                                            attrs: { value: props.item.no_ba },
-                                          }),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          _c("check-value", {
-                                            attrs: {
-                                              value:
-                                                props.item.keterangan_masuk,
-                                            },
-                                          }),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c("td", {
-                                        staticClass: "text-nowrap",
-                                        domProps: {
-                                          innerHTML: _vm._s(
-                                            _vm.$options.filters.date(
-                                              props.item.tanggal_masuk
-                                            )
-                                          ),
-                                        },
-                                      }),
-                                      _vm._v(" "),
-                                      _c(
-                                        "td",
-                                        [
-                                          _c("check-value", {
-                                            attrs: {
-                                              value:
-                                                props.item.keterangan_keluar,
-                                            },
-                                          }),
-                                        ],
-                                        1
-                                      ),
-                                      _vm._v(" "),
-                                      _c("td", {
-                                        staticClass: "text-nowrap",
-                                        domProps: {
-                                          innerHTML: _vm._s(
-                                            _vm.$options.filters.date(
-                                              props.item.tanggal_keluar
-                                            )
-                                          ),
-                                        },
-                                      }),
-                                    ]
-                                  )
-                                : _vm._e(),
-                            ]
-                          },
-                        },
-                      ],
-                      null,
-                      false,
-                      1573384605
-                    ),
-                  }),
-                ],
-                1
-              )
-            : _vm._e(),
-          _vm._v(" "),
-          _c("form-info"),
+          _c("input", {
+            ref: "file",
+            staticClass: "form-control",
+            attrs: { type: "file", accept: ".csv,.xlsx,.xls", name: "file" },
+            on: {
+              click: _vm.reset,
+              change: function ($event) {
+                return _vm.upload($event.target)
+              },
+            },
+          }),
           _vm._v(" "),
-          _c("br"),
+          _c("hr"),
           _vm._v(" "),
-          _vm.form.status_jalinan != 1 && _vm.form.status_jalinan != 2
-            ? _c(
-                "div",
-                { staticClass: "card card-body" },
-                [
-                  _c("form-button", {
-                    attrs: {
-                      cancelState: "methods",
-                      formValidation: "form",
-                      confirmIcon: _vm.confirmIcon,
-                      confirmTitle: _vm.confirmTitle,
-                    },
-                    on: { cancelClick: _vm.back },
-                  }),
-                ],
-                1
-              )
-            : _vm._e(),
-        ],
-        1
-      ),
-      _vm._v(" "),
-      _c(
-        "app-modal",
-        {
-          attrs: {
-            show: _vm.modalShow,
-            state: _vm.modalState,
-            title: _vm.modalTitle,
-            content: _vm.modalContent,
-            color: _vm.modalColor,
-          },
-          on: {
-            batal: _vm.modalTutup,
-            confirmOk: _vm.modalConfirmOk,
-            tutup: _vm.modalTutup,
-            successOk: _vm.modalTutup,
-            failOk: _vm.modalTutup,
-            backgroundClick: _vm.modalBackgroundClick,
-          },
-        },
-        [
-          _c("template", { slot: "modal-title" }, [
-            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          _c("div", { staticClass: "progress" }, [
+            _c(
+              "div",
+              {
+                staticClass: "progress-bar",
+                style: { width: _vm.progressBar + "%" },
+                attrs: {
+                  role: "progressbar",
+                  "aria-valuenow": _vm.progressBar,
+                  "aria-valuemin": "0",
+                  "aria-valuemax": "100",
+                },
+              },
+              [_vm._v(_vm._s(_vm.progressBar) + "%")]
+            ),
           ]),
           _vm._v(" "),
-          _c(
-            "template",
-            { slot: "modal-body3" },
-            [
-              _c("form-cu", {
-                attrs: { mode: _vm.formCuMode, selected: _vm.selectedItemCu },
-                on: {
-                  createCu: _vm.createCu,
-                  editCu: _vm.editCu,
-                  tutup: _vm.modalTutup,
+          _c("input", {
+            staticClass: "btn btn-danger btn-block btn-sm",
+            staticStyle: { "margin-top": "5px" },
+            attrs: {
+              disabled: _vm.files.length <= 0 || _vm.isClicked,
+              type: "button",
+              value: "BATAL",
+            },
+            on: {
+              click: [
+                _vm.click,
+                function ($event) {
+                  $event.preventDefault()
+                  return _vm.reset.apply(null, arguments)
                 },
-              }),
-            ],
-            1
-          ),
-        ],
-        2
-      ),
-    ],
-    1
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Identitas")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Identitas Anggota")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("h6", [
-      _vm._v(" Tinggi "),
-      _c("small", [_vm._v("(cm)")]),
-      _vm._v(":"),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Riwayat")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("Alamat & Kontak")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [
-        _vm._v("Keanggotaan Sebelumnya"),
+              ],
+            },
+          }),
+        ]),
       ]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "card-header bg-white" }, [
-      _c("h5", { staticClass: "card-title" }, [_vm._v("CU")]),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "col-sm-12" }, [_c("hr")])
-  },
-]
+    ]
+  )
+}
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/form.vue?vue&type=template&id=3f3e3af6&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/form.vue?vue&type=template&id=3f3e3af6& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=template&id=7136fd49&":
+/*!*****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=template&id=7136fd49& ***!
+  \*****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -5078,691 +864,245 @@ var render = function () {
           title: _vm.title,
           titleDesc: _vm.titleDesc,
           titleIcon: _vm.titleIcon,
-          level: 2,
-          level2Title: _vm.level2Title,
-          level2Route: _vm.kelas,
-        },
-        on: {
-          level2Back: function ($event) {
-            return _vm.back()
-          },
         },
       }),
       _vm._v(" "),
       _c("div", { staticClass: "page-content pt-0" }, [
         _c("div", { staticClass: "content-wrapper" }, [
-          _c(
-            "div",
-            { staticClass: "content" },
-            [
-              _vm.$route.meta.mode == "create"
-                ? _c(
-                    "div",
-                    [
-                      _c("cari-data", {
-                        attrs: { itemDataStat: _vm.itemDataStat, isBack: true },
-                        on: {
-                          cariData: _vm.cariData,
-                          changeStatusNIK: _vm.changeStatusNIK,
-                          nikNew: _vm.nikNew,
-                          resetData: _vm.resetData,
-                          back: _vm.back,
-                        },
-                      }),
-                      _vm._v(" "),
-                      _vm.itemDataStat == "fail"
-                        ? _c(
-                            "div",
-                            {
-                              staticClass:
-                                "alert bg-success text-whi te alert-styled-left ",
-                            },
-                            [
-                              _c(
-                                "span",
-                                { staticClass: "font-weight-semibold" },
-                                [
-                                  _vm._v(
-                                    "No. KTP tidak terdaftar di SIMO, maka silahkan menambahkan data anggota CU baru.\n\t\t\t\t\t\t"
-                                  ),
-                                ]
-                              ),
-                            ]
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      _vm.itemDataStat == "fail"
-                        ? _c("form-create", {
-                            attrs: {
-                              nik: _vm.nik,
-                              statusNIK: _vm.statusNIK,
-                              mode: "create_new",
-                            },
-                          })
-                        : _vm._e(),
-                      _vm._v(" "),
-                      _vm.itemDataStat == "success"
-                        ? _c("div", [
-                            _vm.itemData.status_jalinan == 1 ||
-                            _vm.itemData.status_jalinan == 2
-                              ? _c(
-                                  "div",
-                                  {
-                                    staticClass:
-                                      "alert bg-danger text-white alert-styled-left ",
-                                  },
-                                  [
-                                    _c(
-                                      "span",
-                                      { staticClass: "font-weight-semibold" },
-                                      [
-                                        _vm._v("Anggota ini sudah dinyatakan "),
-                                        _c("b", {
-                                          domProps: {
-                                            innerHTML: _vm._s(
-                                              _vm.$options.filters.statusJalinan(
-                                                _vm.itemData.status_jalinan
-                                              )
-                                            ),
-                                          },
-                                        }),
-                                        _vm._v(
-                                          ", maka tidak bisa dilakukan penambahan, pengubahan dan penghapusan data produk.\n\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    ),
-                                  ]
-                                )
-                              : _c(
-                                  "div",
-                                  {
-                                    staticClass:
-                                      "alert bg-warning text-white alert-styled-left",
-                                  },
-                                  [
-                                    _c(
-                                      "span",
-                                      { staticClass: "font-weight-semibold" },
-                                      [
-                                        _vm._v(
-                                          "No. KTP sudah terdaftar di SIMO. Apabila ingin menambahkan anggota tersebut menjadi anggota cu maka silahkan tambahkan no. ba dan tgl. jadi anggota. \n\t\t\t\t\t\t\t"
-                                        ),
-                                      ]
-                                    ),
-                                  ]
-                                ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      _vm.itemDataStat == "success"
-                        ? _c("form-create", { attrs: { mode: "create_old" } })
-                        : _vm._e(),
-                    ],
-                    1
-                  )
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.$route.meta.mode == "edit"
-                ? _c("form-create", { attrs: { mode: "edit" } })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.$route.meta.mode == "editJalinan"
-                ? _c("form-create", { attrs: { mode: "edit_jalinan" } })
-                : _vm._e(),
-              _vm._v(" "),
-              _vm.$route.meta.mode == "createEdit"
-                ? _c("form-create", { attrs: { mode: "create_edit" } })
-                : _vm._e(),
+          _c("div", { staticClass: "content" }, [
+            _c("div", { staticClass: "row" }, [
+              _c(
+                "div",
+                { staticClass: "col-sm-12" },
+                [
+                  _c("singleFileUpload", {
+                    ref: "formAnggota",
+                    attrs: { title: "DATA_ANGGOTA" },
+                    on: {
+                      LoadingStat: _vm.setLoadingStat,
+                      fileSelected: _vm.setFileCount,
+                      fileBatal: function ($event) {
+                        return _vm.remove("DATA_ANGGOTA")
+                      },
+                    },
+                  }),
+                  _vm._v(" "),
+                  _c("singleFileUpload", {
+                    ref: "formRekening",
+                    attrs: { title: "DATA_REKENING" },
+                    on: {
+                      LoadingStat: _vm.setLoadingStat,
+                      fileSelected: _vm.setFileCount,
+                      fileBatal: function ($event) {
+                        return _vm.remove("DATA_REKENING")
+                      },
+                    },
+                  }),
+                  _vm._v(" "),
+                  _c("singleFileUpload", {
+                    ref: "formProduk",
+                    attrs: { title: "DATA_PRODUK" },
+                    on: {
+                      LoadingStat: _vm.setLoadingStat,
+                      fileSelected: _vm.setFileCount,
+                      fileBatal: function ($event) {
+                        return _vm.remove("DATA_PRODUK")
+                      },
+                    },
+                  }),
+                ],
+                1
+              ),
               _vm._v(" "),
-              _vm.$route.meta.mode == "createJalinan"
-                ? _c("form-create", { attrs: { mode: "create_jalinan" } })
-                : _vm._e(),
+              _c("div", { staticClass: "col-sm-12" }, [
+                _c("div", { staticClass: "card card-body" }, [
+                  _c("input", {
+                    staticClass: "btn btn-primary ",
+                    attrs: {
+                      disabled: _vm.isLoading,
+                      type: "button",
+                      value: "Upload",
+                    },
+                    on: {
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.submit.apply(null, arguments)
+                      },
+                    },
+                  }),
+                ]),
+              ]),
               _vm._v(" "),
-              _vm.$route.meta.mode == "createJalinanEdit"
-                ? _c("form-create", { attrs: { mode: "create_jalinan_edit" } })
-                : _vm._e(),
-            ],
-            1
-          ),
-        ]),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=template&id=6f5a0ad7&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=template&id=6f5a0ad7& ***!
-  \*********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "form",
-      {
-        attrs: { "data-vv-scope": "formDataCu" },
-        on: {
-          submit: function ($event) {
-            $event.preventDefault()
-            return _vm.save.apply(null, arguments)
-          },
-        },
-      },
-      [
-        _vm.message.show
-          ? _c("message", {
-              attrs: {
-                title: "Oops terjadi kesalahan",
-                errorData: _vm.message.content,
-                showDebug: false,
-              },
-              on: { close: _vm.messageClose },
-            })
-          : _vm._e(),
-        _vm._v(" "),
-        _c("div", { staticClass: "row" }, [
-          _vm.currentUser.id_cu === 0
-            ? _c("div", { staticClass: "col-md-6" }, [
-                _c(
-                  "div",
-                  {
-                    staticClass: "form-group",
-                    class: { "has-error": _vm.errors.has("formDataCu.cu_id") },
-                  },
-                  [
+              _c("div", { staticClass: "col-sm-12" }, [
+                _c("div", { staticClass: "card" }, [
+                  _vm._m(0),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "card-body" }, [
                     _c(
-                      "h5",
-                      {
-                        class: {
-                          "text-danger": _vm.errors.has("formDataCu.cu_id"),
-                        },
-                      },
+                      "div",
+                      { staticClass: "row" },
                       [
-                        _vm.errors.has("formDataCu.cu_id")
-                          ? _c("i", { staticClass: "icon-cross2" })
+                        _vm._l(_vm.dataS, function (file, index) {
+                          return _c(
+                            "div",
+                            { key: index, staticClass: "col-md-4" },
+                            [
+                              _c("div", { staticClass: "card" }, [
+                                _c("div", { staticClass: "card-body" }, [
+                                  _c("h5", { staticClass: "card-title" }, [
+                                    _vm._v(_vm._s(file.tipe)),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("h5", { staticClass: "card-title" }, [
+                                    _vm._v(_vm._s(file.file_name)),
+                                  ]),
+                                  _vm._v(" "),
+                                  _c("input", {
+                                    staticClass: "btn btn-danger ",
+                                    attrs: { type: "button", value: "HAPUS" },
+                                    on: {
+                                      click: [
+                                        function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.setSelectedItem(file)
+                                        },
+                                        function ($event) {
+                                          $event.preventDefault()
+                                          return _vm.modalOpen("hapus")
+                                        },
+                                      ],
+                                    },
+                                  }),
+                                ]),
+                              ]),
+                            ]
+                          )
+                        }),
+                        _vm._v(" "),
+                        _vm.dataS.length <= 0
+                          ? _c("div", { staticClass: "col-sm-12" }, [
+                              _vm._v("File upload tidak ditemukan"),
+                            ])
                           : _vm._e(),
-                        _vm._v("\n\t\t\t\t\tCU: "),
-                        _c("wajib-badge"),
                       ],
-                      1
+                      2
                     ),
-                    _vm._v(" "),
-                    _c(
-                      "select",
-                      {
-                        directives: [
-                          {
-                            name: "model",
-                            rawName: "v-model",
-                            value: _vm.formDataCu.cu_id,
-                            expression: "formDataCu.cu_id",
-                          },
-                          {
-                            name: "validate",
-                            rawName: "v-validate",
-                            value: "required",
-                            expression: "'required'",
-                          },
-                        ],
-                        staticClass: "form-control",
+                  ]),
+                ]),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "col-sm-12" }, [
+                _c("div", { staticClass: "card card-body" }, [
+                  _vm.currentUser.id_cu != 0
+                    ? _c("input", {
+                        staticClass: "btn btn-warning mb-2",
                         attrs: {
-                          name: "cu_id",
-                          "data-width": "100%",
-                          "data-vv-as": "CU",
-                          disabled: _vm.modelCU.length === 0,
+                          disabled: _vm.dataS.length <= 0,
+                          type: "button",
+                          value: "Upload Ke Draft",
                         },
                         on: {
-                          change: [
-                            function ($event) {
-                              var $$selectedVal = Array.prototype.filter
-                                .call($event.target.options, function (o) {
-                                  return o.selected
-                                })
-                                .map(function (o) {
-                                  var val = "_value" in o ? o._value : o.value
-                                  return val
-                                })
-                              _vm.$set(
-                                _vm.formDataCu,
-                                "cu_id",
-                                $event.target.multiple
-                                  ? $$selectedVal
-                                  : $$selectedVal[0]
-                              )
-                            },
-                            function ($event) {
-                              return _vm.changeCu($event.target.value)
-                            },
-                          ],
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalOpen("upload_draft")
+                          },
                         },
-                      },
-                      [
-                        _c("option", { attrs: { disabled: "", value: "0" } }, [
-                          _vm.modelCUStat === "loading"
-                            ? _c("span", [_vm._v("Mohon tunggu...")])
-                            : _c("span", [_vm._v("Silahkan pilih CU")]),
-                        ]),
-                        _vm._v(" "),
-                        _vm._l(_vm.modelCU, function (cu, index) {
-                          return _c(
-                            "option",
-                            { key: index, domProps: { value: cu.id } },
-                            [_vm._v(_vm._s(cu.name))]
-                          )
-                        }),
-                      ],
-                      2
-                    ),
-                    _vm._v(" "),
-                    _vm.errors.has("formDataCu.cu_id")
-                      ? _c("small", { staticClass: "text-muted text-danger" }, [
-                          _c("i", { staticClass: "icon-arrow-small-right" }),
-                          _vm._v(
-                            " " +
-                              _vm._s(_vm.errors.first("formDataCu.cu_id")) +
-                              "\n\t\t\t\t"
-                          ),
-                        ])
-                      : _c("small", { staticClass: "text-muted" }, [
-                          _vm._v(" "),
-                        ]),
-                  ]
-                ),
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-md-6" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: { "has-error": _vm.errors.has("formDataCu.tp_id") },
-              },
-              [
-                _c(
-                  "h6",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has("formDataCu.tp_id"),
-                    },
-                  },
-                  [
-                    _vm.errors.has("formDataCu.tp_id")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tTP/KP: "),
-                    _c("wajib-badge"),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c(
-                  "select",
-                  {
-                    directives: [
-                      {
-                        name: "model",
-                        rawName: "v-model",
-                        value: _vm.formDataCu.tp_id,
-                        expression: "formDataCu.tp_id",
-                      },
-                      {
-                        name: "validate",
-                        rawName: "v-validate",
-                        value: "required",
-                        expression: "'required'",
-                      },
-                    ],
-                    staticClass: "form-control",
+                      })
+                    : _vm._e(),
+                  _vm._v(" "),
+                  _vm.currentUser.id_cu == 0
+                    ? _c("input", {
+                        staticClass: "btn btn-warning mb-2",
+                        attrs: { type: "button", value: "Upload Ke Draft" },
+                        on: {
+                          click: function ($event) {
+                            $event.preventDefault()
+                            return _vm.modalOpen("upload_draft")
+                          },
+                        },
+                      })
+                    : _vm._e(),
+                  _vm._v(" "),
+                  _c("input", {
+                    staticClass: "btn btn-success mb-2",
                     attrs: {
-                      name: "id_tp",
-                      "data-width": "100%",
-                      "data-vv-as": "TP/KP",
+                      disabled: !_vm.Draft,
+                      type: "button",
+                      value: "Simpan Draft",
                     },
                     on: {
-                      change: [
-                        function ($event) {
-                          var $$selectedVal = Array.prototype.filter
-                            .call($event.target.options, function (o) {
-                              return o.selected
-                            })
-                            .map(function (o) {
-                              var val = "_value" in o ? o._value : o.value
-                              return val
-                            })
-                          _vm.$set(
-                            _vm.formDataCu,
-                            "tp_id",
-                            $event.target.multiple
-                              ? $$selectedVal
-                              : $$selectedVal[0]
-                          )
-                        },
-                        function ($event) {
-                          return _vm.changeTp($event.target.value)
-                        },
-                      ],
-                    },
-                  },
-                  [
-                    _c("option", { attrs: { disabled: "", value: "" } }, [
-                      _vm.modelTpStat === "loading"
-                        ? _c("span", [_vm._v("Mohon tunggu...")])
-                        : _c("span", [_vm._v("Silahkan pilih TP/KP")]),
-                    ]),
-                    _vm._v(" "),
-                    _vm._l(_vm.modelTp, function (tp, index) {
-                      return _c(
-                        "option",
-                        { key: index, domProps: { value: tp.id } },
-                        [_vm._v(_vm._s(tp.name))]
-                      )
-                    }),
-                  ],
-                  2
-                ),
-                _vm._v(" "),
-                _vm.errors.has("formDataCu.tp_id")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formDataCu.tp_id")) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
-              ]
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-md-6" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: { "has-error": _vm.errors.has("formDataCu.no_ba") },
-              },
-              [
-                _c(
-                  "h5",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has("formDataCu.no_ba"),
-                    },
-                  },
-                  [
-                    _vm.errors.has("formDataCu.no_ba")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tNo. BA: "),
-                    _c("wajib-badge"),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c("cleave", {
-                  directives: [
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "anggota_no_ba",
-                    options: _vm.cleaveOption.number16,
-                    placeholder: "Silahkan masukkan no buku anggota",
-                    "data-vv-as": "No. Buku Anggota",
-                  },
-                  model: {
-                    value: _vm.formDataCu.no_ba,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.formDataCu, "no_ba", $$v)
-                    },
-                    expression: "formDataCu.no_ba",
-                  },
-                }),
-                _vm._v(" "),
-                _vm.errors.has("formDataCu.no_ba")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formDataCu.no_ba")) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [
-                      _vm._v(" \n\t\t\t\t"),
-                    ]),
-              ],
-              1
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-md-6" }, [
-            _c(
-              "div",
-              {
-                staticClass: "form-group",
-                class: {
-                  "has-error": _vm.errors.has("formDataCu.tanggal_masuk"),
-                },
-              },
-              [
-                _c(
-                  "h5",
-                  {
-                    class: {
-                      "text-danger": _vm.errors.has("formDataCu.tanggal_masuk"),
-                    },
-                  },
-                  [
-                    _vm.errors.has("formDataCu.tanggal_masuk")
-                      ? _c("i", { staticClass: "icon-cross2" })
-                      : _vm._e(),
-                    _vm._v("\n\t\t\t\t\tTgl. Jadi Anggota: "),
-                    _c("wajib-badge"),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c("date-picker", {
-                  attrs: { defaultDate: _vm.formDataCu.tanggal_masuk },
-                  on: {
-                    dateSelected: function ($event) {
-                      _vm.formDataCu.tanggal_masuk = $event
-                    },
-                  },
-                }),
-                _vm._v(" "),
-                _c("input", {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.formDataCu.tanggal_masuk,
-                      expression: "formDataCu.tanggal_masuk",
-                    },
-                    {
-                      name: "show",
-                      rawName: "v-show",
-                      value: false,
-                      expression: "false",
-                    },
-                    {
-                      name: "validate",
-                      rawName: "v-validate",
-                      value: "required",
-                      expression: "'required'",
-                    },
-                  ],
-                  attrs: { "data-vv-as": "Tgl. jadi anggota" },
-                  domProps: { value: _vm.formDataCu.tanggal_masuk },
-                  on: {
-                    input: function ($event) {
-                      if ($event.target.composing) {
-                        return
-                      }
-                      _vm.$set(
-                        _vm.formDataCu,
-                        "tanggal_masuk",
-                        $event.target.value
-                      )
+                      click: function ($event) {
+                        $event.preventDefault()
+                        return _vm.modalOpen("simpan_draft")
+                      },
                     },
-                  },
-                }),
-                _vm._v(" "),
-                _vm.errors.has("formDataCu.tanggal_masuk")
-                  ? _c("small", { staticClass: "text-muted text-danger" }, [
-                      _c("i", { staticClass: "icon-arrow-small-right" }),
-                      _vm._v(
-                        " " +
-                          _vm._s(_vm.errors.first("formDataCu.tanggal_masuk")) +
-                          "\n\t\t\t\t"
-                      ),
-                    ])
-                  : _c("small", { staticClass: "text-muted" }, [
-                      _vm._v(" \n\t\t\t\t"),
-                    ]),
-              ],
-              1
-            ),
-          ]),
-          _vm._v(" "),
-          _c("div", { staticClass: "col-md-12" }, [
-            _c("div", { staticClass: "form-group" }, [
-              _c("h6", [_vm._v("Keterangan Jadi Anggota:")]),
-              _vm._v(" "),
-              _c("input", {
-                directives: [
-                  {
-                    name: "model",
-                    rawName: "v-model",
-                    value: _vm.formDataCu.keterangan_masuk,
-                    expression: "formDataCu.keterangan_masuk",
-                  },
-                ],
-                staticClass: "form-control",
-                attrs: {
-                  type: "text",
-                  name: "keterangan_masuk",
-                  placeholder: "Silahkan masukkan keterangan masuk",
-                },
-                domProps: { value: _vm.formDataCu.keterangan_masuk },
-                on: {
-                  input: function ($event) {
-                    if ($event.target.composing) {
-                      return
-                    }
-                    _vm.$set(
-                      _vm.formDataCu,
-                      "keterangan_masuk",
-                      $event.target.value
-                    )
-                  },
-                },
-              }),
+                  }),
+                ]),
+              ]),
             ]),
           ]),
         ]),
-        _vm._v(" "),
-        _c("hr"),
-        _vm._v(" "),
-        _c("div", { staticClass: "text-center d-none d-md-block" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary",
-              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "d-block d-md-none" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-primary btn-block pb-2",
-              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
-            },
-            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
-          ),
-          _vm._v(" "),
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-light btn-block pb-2",
-              attrs: { type: "button" },
-              on: {
-                click: function ($event) {
-                  $event.preventDefault()
-                  return _vm.tutup.apply(null, arguments)
-                },
-              },
-            },
-            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
-          ),
-        ]),
-      ],
-      1
-    ),
-  ])
+      ]),
+      _vm._v(" "),
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            content: _vm.modalContent,
+            size: _vm.modalSize,
+            color: _vm.modalColor,
+          },
+          on: {
+            batal: _vm.modalTutup,
+            tutup: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
+          },
+        },
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t\t"),
+          ]),
+        ],
+        2
+      ),
+    ],
+    1
+  )
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("List File")]),
+    ])
+  },
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/create.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/create.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue":
+/*!*******************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _create_vue_vue_type_template_id_3e661706___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create.vue?vue&type=template&id=3e661706& */ "./resources/assets/js/views/anggotaCu/create.vue?vue&type=template&id=3e661706&");
-/* harmony import */ var _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/create.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony import */ var _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageHeader.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -5771,9 +1111,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _create_vue_vue_type_template_id_3e661706___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _create_vue_vue_type_template_id_3e661706___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5783,55 +1123,55 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCu/create.vue"
+component.options.__file = "resources/assets/js/components/pageHeader.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/create.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/create.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/create.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/create.vue?vue&type=template&id=3e661706&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/create.vue?vue&type=template&id=3e661706& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_3e661706___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=template&id=3e661706& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/create.vue?vue&type=template&id=3e661706&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_3e661706___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./pageHeader.vue?vue&type=template&id=0af8ed53& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/pageHeader.vue?vue&type=template&id=0af8ed53&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_3e661706___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pageHeader_vue_vue_type_template_id_0af8ed53___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/form.vue":
-/*!******************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/form.vue ***!
-  \******************************************************/
+/***/ "./resources/assets/js/components/singleFileUpload.vue":
+/*!*************************************************************!*\
+  !*** ./resources/assets/js/components/singleFileUpload.vue ***!
+  \*************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _form_vue_vue_type_template_id_3f3e3af6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=3f3e3af6& */ "./resources/assets/js/views/anggotaCu/form.vue?vue&type=template&id=3f3e3af6&");
-/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _singleFileUpload_vue_vue_type_template_id_69b5b49c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./singleFileUpload.vue?vue&type=template&id=69b5b49c& */ "./resources/assets/js/components/singleFileUpload.vue?vue&type=template&id=69b5b49c&");
+/* harmony import */ var _singleFileUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./singleFileUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/singleFileUpload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -5840,9 +1180,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _form_vue_vue_type_template_id_3f3e3af6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _form_vue_vue_type_template_id_3f3e3af6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _singleFileUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _singleFileUpload_vue_vue_type_template_id_69b5b49c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _singleFileUpload_vue_vue_type_template_id_69b5b49c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5852,54 +1192,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCu/form.vue"
+component.options.__file = "resources/assets/js/components/singleFileUpload.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/form.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/form.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/assets/js/components/singleFileUpload.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/assets/js/components/singleFileUpload.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/form.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_singleFileUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./singleFileUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/singleFileUpload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_singleFileUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/form.vue?vue&type=template&id=3f3e3af6&":
-/*!*************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/form.vue?vue&type=template&id=3f3e3af6& ***!
-  \*************************************************************************************/
+/***/ "./resources/assets/js/components/singleFileUpload.vue?vue&type=template&id=69b5b49c&":
+/*!********************************************************************************************!*\
+  !*** ./resources/assets/js/components/singleFileUpload.vue?vue&type=template&id=69b5b49c& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3f3e3af6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=3f3e3af6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/form.vue?vue&type=template&id=3f3e3af6&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3f3e3af6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_singleFileUpload_vue_vue_type_template_id_69b5b49c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./singleFileUpload.vue?vue&type=template&id=69b5b49c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/singleFileUpload.vue?vue&type=template&id=69b5b49c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_singleFileUpload_vue_vue_type_template_id_69b5b49c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3f3e3af6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_singleFileUpload_vue_vue_type_template_id_69b5b49c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formCu.vue":
-/*!********************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formCu.vue ***!
-  \********************************************************/
+/***/ "./resources/assets/js/views/sistem/dataAnggotaUpload.vue":
+/*!****************************************************************!*\
+  !*** ./resources/assets/js/views/sistem/dataAnggotaUpload.vue ***!
+  \****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _formCu_vue_vue_type_template_id_6f5a0ad7___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formCu.vue?vue&type=template&id=6f5a0ad7& */ "./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=template&id=6f5a0ad7&");
-/* harmony import */ var _formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formCu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=script&lang=js&");
+/* harmony import */ var _dataAnggotaUpload_vue_vue_type_template_id_7136fd49___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dataAnggotaUpload.vue?vue&type=template&id=7136fd49& */ "./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=template&id=7136fd49&");
+/* harmony import */ var _dataAnggotaUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dataAnggotaUpload.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -5909,9 +1249,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _formCu_vue_vue_type_template_id_6f5a0ad7___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _formCu_vue_vue_type_template_id_6f5a0ad7___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _dataAnggotaUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _dataAnggotaUpload_vue_vue_type_template_id_7136fd49___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _dataAnggotaUpload_vue_vue_type_template_id_7136fd49___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -5921,38 +1261,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/anggotaCu/formCu.vue"
+component.options.__file = "resources/assets/js/views/sistem/dataAnggotaUpload.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_dataAnggotaUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./dataAnggotaUpload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_dataAnggotaUpload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=template&id=6f5a0ad7&":
-/*!***************************************************************************************!*\
-  !*** ./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=template&id=6f5a0ad7& ***!
-  \***************************************************************************************/
+/***/ "./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=template&id=7136fd49&":
+/*!***********************************************************************************************!*\
+  !*** ./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=template&id=7136fd49& ***!
+  \***********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_6f5a0ad7___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCu.vue?vue&type=template&id=6f5a0ad7& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=template&id=6f5a0ad7&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_6f5a0ad7___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_dataAnggotaUpload_vue_vue_type_template_id_7136fd49___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./dataAnggotaUpload.vue?vue&type=template&id=7136fd49& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/sistem/dataAnggotaUpload.vue?vue&type=template&id=7136fd49&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_dataAnggotaUpload_vue_vue_type_template_id_7136fd49___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_6f5a0ad7___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_dataAnggotaUpload_vue_vue_type_template_id_7136fd49___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/js/components/99.js b/public/js/components/99.js
index 76e003c17..607b44af9 100644
--- a/public/js/components/99.js
+++ b/public/js/components/99.js
@@ -1,24 +1,44 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[99],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/index.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanCair/index.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/create.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/create.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
-/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
-/* harmony import */ var _select_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./select.vue */ "./resources/assets/js/views/jalinanCair/select.vue");
-/* harmony import */ var _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../jalinanKlaim/table.vue */ "./resources/assets/js/views/jalinanKlaim/table.vue");
-/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./table */ "./resources/assets/js/views/jalinanCair/table.vue");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _helpers_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/form */ "./resources/assets/js/helpers/form.js");
+/* harmony import */ var _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ImageUpload.vue */ "./resources/assets/js/components/ImageUpload.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var _formCu_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./formCu.vue */ "./resources/assets/js/views/anggotaCu/formCu.vue");
+/* harmony import */ var _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/formButton.vue */ "./resources/assets/js/components/formButton.vue");
+/* harmony import */ var _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/formInfo.vue */ "./resources/assets/js/components/formInfo.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/infoIcon.vue */ "./resources/assets/js/components/infoIcon.vue");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_identitas_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/identitas.vue */ "./resources/assets/js/components/identitas.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+var _components;
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 //
@@ -64,94 +84,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    selectData: _select_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-    tableData: _jalinanKlaim_table_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    tableCair: _table__WEBPACK_IMPORTED_MODULE_5__["default"]
-  },
-  data: function data() {
-    return {
-      title: 'Pencairan Jalinan',
-      titleDesc: 'Mengelola pencairan Jalinan',
-      titleIcon: 'icon-square-down',
-      kelas: 'jalinanKlaim',
-      isShowDetail: false,
-      cu: ''
-    };
-  },
-  created: function created() {
-    this.checkUser('index_anggota_cu', this.$route.params.cu);
-  },
-  methods: {
-    checkUser: function checkUser(permission, id_cu) {
-      if (this.currentUser) {
-        if (!this.currentUser.can || !this.currentUser.can[permission]) {
-          this.$router.push('/notFound');
-        }
-
-        if (!id_cu || this.currentUser.id_cu) {
-          if (this.currentUser.id_cu != 0 && this.currentUser.id_cu != id_cu) {
-            this.$router.push('/notFound');
-          }
-        }
-      }
-    },
-    bukaData: function bukaData(value) {
-      this.$router.push({
-        name: 'jalinanCairTanggal',
-        params: {
-          awal: this.$route.params.awal,
-          cu: value,
-          tp: 'semua'
-        }
-      });
-      this.isShowDetail = true;
-    },
-    showDetail: function showDetail(value) {
-      if (this.isShowDetail) {
-        this.isShowDetail = false;
-      } else {
-        this.bukaData(value);
-      }
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanKlaim', {
-    itemData: 'dataS',
-    itemDataKlaim: 'dataS4',
-    itemDataStat: 'dataStatS',
-    itemDataStatKlaim: 'dataStatS4'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/select.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanCair/select.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -192,76 +124,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  data: function data() {
-    return {
-      pencairan: ''
-    };
-  },
-  created: function created() {
-    this.fetchPencairan();
-  },
-  watch: {
-    '$route': function $route(to, from) {
-      this.pencairan = '';
-      this.fetchPencairan();
-    },
-    modelPencairanStat: function modelPencairanStat(value) {
-      if (value == "success") {
-        if (this.$route.meta.mode == 'cair') {
-          this.pencairan = this.$route.params.awal;
-        }
-      }
-    }
-  },
-  methods: {
-    fetchPencairan: function fetchPencairan(value) {
-      this.$store.dispatch('jalinanKlaim/getPencairan', value);
-    },
-    changePencairan: function changePencairan(value) {
-      this.$router.push({
-        name: 'jalinanCairTanggal',
-        params: {
-          awal: value,
-          cu: 'semua',
-          tp: 'semua'
-        }
-      });
-    }
-  },
-  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
-    currentUser: 'currentUser'
-  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('jalinanKlaim', {
-    modelPencairan: 'periode',
-    modelPencairanStat: 'periodeStat'
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/table.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanCair/table.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-/* harmony import */ var _components_datatable_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/datatable.vue */ "./resources/assets/js/components/datatable.vue");
-/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
-/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
-/* harmony import */ var vue_json_excel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-json-excel */ "./node_modules/vue-json-excel/dist/vue-json-excel.esm.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -511,1056 +373,4610 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  components: {
-    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_3__["default"],
-    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-    jsonExcel: vue_json_excel__WEBPACK_IMPORTED_MODULE_5__["default"]
-  },
-  props: ["title", "itemData", "itemDataStat"],
-  data: function data() {
-    return {
-      selectedItem: {},
-      columnData: [{
-        title: 'No.'
-      }, {
-        title: 'Status'
-      }, {
-        title: 'No. BA'
-      }, {
-        title: 'CU'
-      }, {
-        title: 'Laki-Laki'
-      }, {
-        title: 'Perempuan'
-      }, {
-        title: 'Meninggal'
-      }, {
-        title: 'Cacat'
-      }, {
-        title: 'Tunas Disetujui'
-      }, {
-        title: 'Lintang Disetujui'
-      }, {
-        title: 'Total Disetujui'
-      }],
-      excel: {
-        data: [],
-        fields: {
-          no_ba: 'no_ba',
-          cu: 'kategori',
-          status_klaim_cair: 'status_klaim_cair',
-          status_klaim_setuju: 'status_klaim_setuju',
-          lakilaki: 'lakilaki',
-          perempuan: 'perempuan',
-          meninggal: 'meninggal',
-          cacat: 'cacat',
-          tunas_disetujui: 'tunas_disetujui',
-          lintang_disetujui: 'lintang_disetujui',
-          tot_disetujui: 'tot_disetujui'
-        },
-        meta: [[{
-          "key": "charset",
-          "value": "utf-8"
-        }]]
-      },
-      sumData: {
-        cu: 0,
-        pria: 0,
-        wanita: 0,
-        meninggal: 0,
-        cacat: 0,
-        tot_disetujui: 0
-      },
-      state: "",
-      modalShow: false,
-      modalState: "",
-      modalColor: "",
-      modalSize: "",
-      modalTitle: "",
-      modalContent: "",
-      modalButton: ""
-    };
-  },
-  created: function created() {
-    this.fetch();
-  },
-  watch: {
-    // check route changes
-    '$route': function $route(to, from) {
-      this.fetch();
-    },
-    itemDataStat: function itemDataStat(value) {
-      if (value == 'success') {
-        this.excel.data = this.itemData;
-        var itemData = [];
-        itemData = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.filter(this.itemData, function (o) {
-          return o.status_klaim_setuju > 0;
-        });
-        this.sumData.cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.size(itemData);
-        this.sumData.lakilaki = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.sumBy(itemData, 'lakilaki');
-        this.sumData.perempuan = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.sumBy(itemData, 'perempuan');
-        this.sumData.cacat = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.sumBy(itemData, 'cacat');
-        this.sumData.meninggal = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.sumBy(itemData, 'meninggal');
-        this.sumData.tot_disetujui = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.sumBy(itemData, 'tot_disetujui');
-      }
-    },
-    updateStat: function updateStat(value) {
-      this.modalState = value;
-      this.modalButton = "Ok";
-
-      if (value === "success") {
-        this.modalTitle = this.updateMessage.message;
-        this.modalContent = "";
-        this.fetch();
-      } else if (value === "fail") {
-        this.modalContent = this.updateMessage;
-      } else {
-        this.modalContent = "";
-      }
-    }
-  },
-  methods: {
-    fetch: function fetch() {
-      this.$store.dispatch('jalinanKlaim/indexCair', this.$route.params.awal);
-    },
-    selectedRow: function selectedRow(item) {
-      this.selectedItem = item;
-    },
-    modalOpen: function modalOpen(state, isMobile, itemMobile) {
-      this.modalShow = true;
-      this.state = state;
-
-      if (state == "cairAll") {
-        this.modalState = "confirm-tutup";
-        this.modalTitle = "Cairkan semua bantuan solidaritas Jalinan ini?";
-        this.modalButton = "Iya, Cairkan";
-      } else if (state == "cair") {
-        this.modalState = "confirm-tutup";
-        this.modalTitle = "Cairkan bantuan solidaritas Jalinan CU " + this.selectedItem.cu_name + " ?";
-        this.modalButton = "Iya, Cairkan";
-      } else if (state == "cairBatal") {
-        this.modalState = "confirm-tutup";
-        this.modalTitle = "Membatalkan pencairan bantuan solidaritas Jalinan CU " + this.selectedItem.cu_name + " ?";
-        this.modalButton = "Iya, Cairkan";
-      }
-    },
-    modalTutup: function modalTutup() {
-      this.modalShow = false;
-      this.$store.dispatch(this.kelas + "/resetUpdateStat");
-    },
-    modalConfirmOk: function modalConfirmOk() {
-      if (this.state == "cairAll") {
-        this.$store.dispatch("jalinanKlaim/updateCairAll", [this.$route.params.awal, this.$route.params.akhir]);
-      } else if (this.state == "cair") {
-        if (this.selectedItem.status_klaim_cair > 0 && this.selectedItem.status_klaim_setuju == 0) {
-          this.$store.dispatch("jalinanKlaim/updateCairBatal", [this.selectedItem.cu_id, this.$route.params.awal, this.$route.params.akhir]);
-        } else {
-          this.$store.dispatch("jalinanKlaim/updateCair", [this.selectedItem.cu_id, this.$route.params.awal, this.$route.params.akhir]);
-        }
-      }
-    },
-    bukaData: function bukaData(value) {
-      this.$emit('bukaData', value);
-    }
-  },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("jalinanKlaim", {
-    updateMessage: "update",
-    updateStat: "updateStat"
-  }))
-});
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/index.vue?vue&type=template&id=2959502e&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanCair/index.vue?vue&type=template&id=2959502e& ***!
-  \**********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c("page-header", {
-        attrs: {
-          title: _vm.title,
-          titleDesc: _vm.titleDesc,
-          titleIcon: _vm.titleIcon,
-        },
-      }),
-      _vm._v(" "),
-      _c("div", { staticClass: "page-container" }, [
-        _c("div", { staticClass: "page-content" }, [
-          _c("div", { staticClass: "content-wrapper" }, [
-            _c(
-              "div",
-              { staticClass: "content" },
-              [
-                _vm.itemDataStat === "fail"
-                  ? _c("message", {
-                      attrs: {
-                        title: "Oops terjadi kesalahan:",
-                        errorData: _vm.itemData,
-                      },
-                    })
-                  : _vm._e(),
-                _vm._v(" "),
-                _c("select-data"),
-                _vm._v(" "),
-                _vm.$route.meta.mode == "cair"
-                  ? _c("table-cair", {
-                      attrs: {
-                        title: "Pencairan Bantuan Solidaritas ",
-                        itemData: _vm.itemData,
-                        itemDataStat: _vm.itemDataStat,
-                      },
-                      on: { bukaData: _vm.bukaData },
-                    })
-                  : _vm._e(),
-                _vm._v(" "),
-                _vm.$route.meta.mode == "cair"
-                  ? _c("div", [
-                      _c("hr"),
-                      _vm._v(" "),
-                      _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-light btn-block",
-                          attrs: { type: "button" },
-                          on: {
-                            click: function ($event) {
-                              $event.preventDefault()
-                              return _vm.showDetail("semua")
-                            },
-                          },
-                        },
-                        [
-                          !_vm.isShowDetail
-                            ? _c("span", [
-                                _c("i", { staticClass: "icon-eye" }),
-                                _vm._v(
-                                  " Buka semua data bantuan solidaritas Jalinan"
-                                ),
-                              ])
-                            : _c("span", [
-                                _c("i", { staticClass: "icon-eye-blocked" }),
-                                _vm._v(
-                                  " Tutup data bantuan solidaritas Jalinan"
-                                ),
-                              ]),
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("hr"),
-                    ])
-                  : _vm._e(),
-                _vm._v(" "),
-                _vm.isShowDetail && _vm.$route.meta.mode == "cair"
-                  ? _c("table-data", {
-                      attrs: {
-                        title: "Bantuan Solidaritas Jalinan",
-                        kelas: _vm.kelas,
-                        itemData: _vm.itemDataKlaim,
-                        itemDataStat: _vm.itemDataStatKlaim,
-                        status: "4",
-                        isSimple: true,
-                      },
-                    })
-                  : _vm._e(),
-              ],
-              1
-            ),
-          ]),
-        ]),
-      ]),
-    ],
-    1
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/select.vue?vue&type=template&id=75349450&":
-/*!***********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanCair/select.vue?vue&type=template&id=75349450& ***!
-  \***********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c("div", { staticClass: "card d-print-none" }, [
-      _c("div", { staticClass: "card-body" }, [
-        _c("div", { staticClass: "row" }, [
-          _c("div", { staticClass: "col-sm-12" }, [
-            _c("div", { staticClass: "input-group" }, [
-              _vm._m(0),
-              _vm._v(" "),
-              _c(
-                "select",
-                {
-                  directives: [
-                    {
-                      name: "model",
-                      rawName: "v-model",
-                      value: _vm.pencairan,
-                      expression: "pencairan",
-                    },
-                  ],
-                  staticClass: "form-control",
-                  attrs: {
-                    name: "pencairan",
-                    "data-width": "100%",
-                    disabled: _vm.modelPencairanStat === "loading",
-                  },
-                  on: {
-                    change: [
-                      function ($event) {
-                        var $$selectedVal = Array.prototype.filter
-                          .call($event.target.options, function (o) {
-                            return o.selected
-                          })
-                          .map(function (o) {
-                            var val = "_value" in o ? o._value : o.value
-                            return val
-                          })
-                        _vm.pencairan = $event.target.multiple
-                          ? $$selectedVal
-                          : $$selectedVal[0]
-                      },
-                      function ($event) {
-                        return _vm.changePencairan($event.target.value)
-                      },
-                    ],
-                  },
-                },
-                [
-                  _c("option", { attrs: { disabled: "", value: "" } }, [
-                    _vm._v("Silahkan pilih tanggal pencairan"),
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'nik', 'statusNIK'],
+  components: (_components = {
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    appImageUpload: _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    message: _components_message_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    formCu: _formCu_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    formButton: _components_formButton_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+    formInfo: _components_formInfo_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_9___default.a,
+    dataTable: _components_datatable_vue__WEBPACK_IMPORTED_MODULE_10__["default"],
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_11__["default"]
+  }, _defineProperty(_components, "appImageUpload", _components_ImageUpload_vue__WEBPACK_IMPORTED_MODULE_3__["default"]), _defineProperty(_components, "infoIcon", _components_infoIcon_vue__WEBPACK_IMPORTED_MODULE_12__["default"]), _defineProperty(_components, "wajibBadge", _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_13__["default"]), _defineProperty(_components, "identitas", _components_identitas_vue__WEBPACK_IMPORTED_MODULE_14__["default"]), _defineProperty(_components, "DatePicker", _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_15__["default"]), _components),
+  data: function data() {
+    return {
+      kelas: 'anggotaCu',
+      confirmIcon: 'icon-arrow-right14',
+      confirmTitle: 'Lanjut ke produk',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        number24: {
+          numeral: true,
+          numeralIntegerScale: 24,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number16: {
+          numeral: true,
+          numeralIntegerScale: 16,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number12: {
+          numeral: true,
+          numeralIntegerScale: 12,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        },
+        number3: {
+          numeral: true,
+          numeralIntegerScale: 3,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        }
+      },
+      formCuMode: '',
+      selectedItemCu: '',
+      itemDataCu: [],
+      itemDataCuStat: 'success',
+      columnDataCu: [{
+        title: 'No.'
+      }, {
+        title: 'CU'
+      }, {
+        title: 'TP/KP'
+      }, {
+        title: 'No. BA'
+      }, {
+        title: 'Keterangan'
+      }, {
+        title: 'Tgl. Jadi Anggota'
+      }, {
+        title: 'Keterangan Keluar'
+      }, {
+        title: 'Tgl. Keluar Anggota'
+      }],
+      modalShow: false,
+      modalState: '',
+      modalTitle: '',
+      modalColor: '',
+      modalContent: '',
+      submited: false
+    };
+  },
+  created: function created() {
+    if (this.mode == 'edit' || this.mode == 'edit_jalinan') {
+      this.confirmIcon = 'icon-floppy-disk';
+      this.confirmTitle = 'Simpan';
+    }
+
+    if (this.currentUser.id_cu == 0) {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      }
+    } else {
+      this.fetchTp(this.currentUser.id_cu);
+    }
+
+    this.form.id_cu = this.currentUser.id_cu;
+    this.$store.dispatch('pekerjaan/get');
+    this.$store.dispatch('suku/get');
+    this.$store.dispatch('provinces/get');
+    this.fetch();
+  },
+  watch: {
+    formStat: function formStat(value) {
+      if (value == 'success') {
+        if (this.mode == 'edit' || this.mode == 'create_edit' || this.mode == 'create_jalinan_edit' || this.mode == 'edit_jalinan') {
+          this.fetchCu();
+        } else {
+          this.form.tp_id == '';
+        }
+
+        if (this.mode == 'create_jalinan') {
+          this.form.nik = this.$route.params.nik;
+          this.form.statusNIK = this.$route.params.statusNIK;
+        }
+      } else if (value == 'fail') {
+        this.form.tp_id == '';
+      }
+    },
+    updateStat: function updateStat(value) {
+      this.modalShow = true;
+      this.modalState = value;
+      this.modalColor = '';
+
+      if (value === "success") {
+        this.modalTitle = this.updateResponse.message;
+      } else {
+        this.modalTitle = 'Oops terjadi kesalahan :(';
+        this.modalContent = this.updateResponse;
+      }
+    }
+  },
+  methods: {
+    fetch: function fetch() {
+      if (this.mode == 'create_new') {
+        this.form.nik = this.nik;
+      } else if (this.mode == 'create_jalinan') {
+        this.$store.dispatch(this.kelas + '/create');
+      } else if (this.mode == 'create_old') {
+        this.fetchCu();
+      }
+
+      if (this.mode == 'edit' || this.mode == 'create_edit' || this.mode == 'create_jalinan_edit' || this.mode == 'edit_jalinan') {
+        this.$store.dispatch(this.kelas + '/edit', this.$route.params.id);
+      }
+    },
+    fetchCu: function fetchCu() {
+      if (this.currentUser.id_cu == 0) {
+        this.itemDataCu = [];
+        var valData;
+
+        if (this.form.anggota_cu_cu) {
+          var _iterator = _createForOfIteratorHelper(this.form.anggota_cu_cu),
+              _step;
+
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              valData = _step.value;
+              this.itemDataCu.push(valData);
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+        }
+      } else {
+        var data = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.form.anggota_cu_cu, {
+          'cu_id': this.currentUser.id_cu
+        });
+
+        if (!data.tanggal_keluar) {
+          this.form.tp_id = data.tp_id;
+          this.form.no_ba = data.no_ba;
+          this.form.tanggal_masuk = data.tanggal_masuk;
+          this.form.keterangan_masuk = data.keterangan_masuk;
+        } else {
+          this.itemDataCu = [];
+          var valData;
+
+          if (this.form.anggota_cu_cu) {
+            var _iterator2 = _createForOfIteratorHelper(this.form.anggota_cu_cu),
+                _step2;
+
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                valData = _step2.value;
+                this.itemDataCu.push(valData);
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
+          }
+        }
+      }
+
+      if (this.form.id_provinces) {
+        this.changeProvinces(this.form.id_provinces);
+      }
+
+      if (this.form.id_regencies) {
+        this.changeRegencies(this.form.id_regencies);
+      }
+
+      if (this.form.id_districts) {
+        this.changeDistricts(this.form.id_districts);
+      }
+    },
+    fetchTp: function fetchTp(value) {
+      this.$store.dispatch('tp/getCu', value);
+    },
+    createCu: function createCu(value) {
+      this.itemDataCu.push(value);
+      this.modalTutup();
+    },
+    editCu: function editCu(value) {
+      lodash__WEBPACK_IMPORTED_MODULE_0___default.a.remove(this.itemDataCu, {
+        index: value.index
+      });
+
+      this.itemDataCu.push(value);
+      this.modalTutup();
+    },
+    save: function save() {
+      var _this = this;
+
+      if (this.currentUser.id_cu == 0) {
+        this.form.anggota_cu_cu = this.itemDataCu;
+      } else {
+        this.form.id_cu = this.currentUser.id_cu;
+      }
+
+      if (this.mode != 'create_jalinan') {
+        this.form.statusNIK = this.statusNIK;
+      }
+
+      var formData = Object(_helpers_form__WEBPACK_IMPORTED_MODULE_2__["toMulipartedForm"])(this.form, this.$route.meta.mode);
+      this.$validator.validateAll('form').then(function (result) {
+        if (result) {
+          if (_this.mode == 'create_new' || _this.mode == 'create_jalinan') {
+            _this.$store.dispatch(_this.kelas + '/store', formData);
+          } else if (_this.mode == 'create_old' || _this.mode == 'create_edit' || _this.mode == 'edit_jalinan') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.form.id, formData]);
+          } else if (_this.mode == 'edit') {
+            _this.$store.dispatch(_this.kelas + '/update', [_this.$route.params.id, formData]);
+          }
+
+          _this.submited = false;
+        } else {
+          window.scrollTo(0, 0);
+          _this.submited = true;
+        }
+      });
+    },
+    changeProvinces: function changeProvinces(id) {
+      this.$store.dispatch('regencies/getProvinces', id);
+    },
+    changeRegencies: function changeRegencies(id) {
+      this.$store.dispatch('districts/getRegencies', id);
+    },
+    changeDistricts: function changeDistricts(id) {
+      this.$store.dispatch('villages/getDistricts', id);
+    },
+    back: function back() {
+      if (this.mode == 'edit_jalinan') {
+        if (this.currentUser.id_cu == 0) {
+          this.$router.push({
+            name: 'jalinanKlaimCu',
+            params: {
+              cu: 'semua',
+              tp: 'semua'
+            }
+          });
+        } else {
+          this.$router.push({
+            name: 'jalinanKlaimCu',
+            params: {
+              cu: this.currentUser.id_cu,
+              tp: 'semua'
+            }
+          });
+        }
+      } else {
+        if (this.currentUser.id_cu == 0) {
+          this.$router.push({
+            name: this.kelas + 'Cu',
+            params: {
+              cu: 'semua',
+              tp: 'semua'
+            }
+          });
+        } else {
+          this.$router.push({
+            name: this.kelas + 'Cu',
+            params: {
+              cu: this.currentUser.id_cu,
+              tp: 'semua'
+            }
+          });
+        }
+      }
+    },
+    selectedCuRow: function selectedCuRow(index, item) {
+      this.selectedItemCu = item;
+      this.selectedItemCu.index = index + 1;
+    },
+    modalOpen: function modalOpen(state, isMobile, itemMobile) {
+      this.modalShow = true;
+      this.state = state;
+
+      if (state == 'hapusCu') {
+        this.modalState = 'confirm-tutup';
+        this.modalColor = '';
+        this.modalTitle = 'Hapus CU ' + this.selectedItemCu.cu.name + ' ?';
+        this.modalButton = 'Iya, Hapus';
+        this.modalSize = '';
+      } else if (state == 'ubahCu') {
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Ubah CU';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formCuMode = 'edit';
+      } else if (state == 'tambahCu') {
+        this.modalState = 'normal3';
+        this.modalColor = 'bg-primary';
+        this.modalTitle = 'Tambah CU';
+        this.modalButton = 'Ok';
+        this.modalSize = 'modal-lg';
+        this.formCuMode = 'create';
+      }
+    },
+    modalConfirmOk: function modalConfirmOk() {
+      this.modalShow = false;
+
+      if (this.state == 'hapusCu') {
+        lodash__WEBPACK_IMPORTED_MODULE_0___default.a.remove(this.itemDataCu, {
+          index: this.selectedItemCu.index
+        });
+
+        this.selectedItemCu = {};
+      }
+    },
+    modalTutup: function modalTutup() {
+      if (this.updateStat == 'success') {
+        if (this.mode == 'create_new' || this.mode == 'create_old' || this.mode == 'create_edit') {
+          var idcu = '';
+
+          if (this.currentUser.id_cu != 0) {
+            idcu = this.currentUser.id_cu;
+          } else {
+            idcu = 'semua';
+          }
+
+          this.$router.push({
+            name: this.kelas + "ProdukCreate",
+            params: {
+              id: this.updateResponse.id,
+              cu: idcu
+            }
+          });
+        } else if (this.mode == 'create_jalinan' || this.mode == 'create_jalinan_edit') {
+          var _idcu = '';
+
+          if (this.currentUser.id_cu != 0) {
+            _idcu = this.currentUser.id_cu;
+          } else {
+            _idcu = 'semua';
+          }
+
+          this.$router.push({
+            name: this.kelas + "ProdukCreateJalinan",
+            params: {
+              id: this.updateResponse.id,
+              cu: _idcu
+            }
+          });
+        } else {
+          this.back();
+        }
+
+        this.$store.dispatch(this.kelas + '/resetUpdateStat');
+      }
+
+      this.modalShow = false;
+    },
+    modalBackgroundClick: function modalBackgroundClick() {
+      if (this.modalState === 'success') {
+        this.modalTutup;
+      } else if (this.modalState === 'loading') {// do nothing
+      } else {
+        this.modalShow = false;
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('anggotaCu', {
+    form: 'data',
+    formStat: 'dataStat',
+    rules: 'rules',
+    options: 'options',
+    updateResponse: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
+    modelCu: 'headerDataS',
+    modelCuStat: 'headerDataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('tp', {
+    modelTp: 'dataS',
+    modelTpStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('pekerjaan', {
+    modelPekerjaan: 'dataS',
+    modelPekerjaanStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('suku', {
+    modelSuku: 'dataS',
+    modelSukuStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('provinces', {
+    modelProvinces: 'dataS',
+    modelProvincesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('regencies', {
+    modelRegencies: 'dataS',
+    modelRegenciesStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('districts', {
+    modelDistricts: 'dataS',
+    modelDistrictsStat: 'dataStatS'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('villages', {
+    modelVillages: 'dataS',
+    modelVillagesStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/form.vue?vue&type=script&lang=js&":
+/*!***************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/form.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pageHeader.vue */ "./resources/assets/js/components/pageHeader.vue");
+/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modal */ "./resources/assets/js/components/modal.vue");
+/* harmony import */ var _api_anggotaCu_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../api/anggotaCu.js */ "./resources/assets/js/api/anggotaCu.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _create_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./create.vue */ "./resources/assets/js/views/anggotaCu/create.vue");
+/* harmony import */ var _cariData_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./cariData.vue */ "./resources/assets/js/views/anggotaCu/cariData.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    pageHeader: _components_pageHeader_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    appModal: _components_modal__WEBPACK_IMPORTED_MODULE_2__["default"],
+    formCreate: _create_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
+    cariData: _cariData_vue__WEBPACK_IMPORTED_MODULE_6__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      titleDesc: '',
+      titleIcon: '',
+      kelas: 'anggotaCu',
+      level2Title: 'Anggota CU',
+      nik: '',
+      statusNIK: 'tidak',
+      cleaveOption: {
+        number16: {
+          numeral: true,
+          numeralIntegerScale: 16,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        }
+      }
+    };
+  },
+  created: function created() {
+    this.resetData();
+
+    if (this.$route.meta.mode === 'edit') {
+      this.title = 'Ubah ' + this.level2Title;
+      this.titleDesc = 'Mengubah ' + this.level2Title;
+      this.titleIcon = 'icon-pencil5';
+    } else {
+      this.title = 'Tambah ' + this.level2Title;
+      this.titleDesc = 'Menambah ' + this.level2Title;
+      this.titleIcon = 'icon-plus3';
+    }
+  },
+  methods: {
+    cariData: function cariData(nik) {
+      this.nik = nik;
+      this.$store.dispatch(this.kelas + '/cariDataKTP', nik);
+    },
+    changeStatusNIK: function changeStatusNIK(value) {
+      this.nik == '';
+      this.statusNIK = value;
+      this.$store.dispatch(this.kelas + '/resetData');
+    },
+    nikNew: function nikNew(value) {
+      this.nik = value;
+      this.$store.dispatch(this.kelas + '/cariDataKTP', value);
+    },
+    resetData: function resetData() {
+      this.$store.commit(this.kelas + '/setData', {});
+      this.$store.commit(this.kelas + '/setDataStat', '');
+    },
+    back: function back() {
+      if (this.currentUser.id_cu == 0) {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: 'semua'
+          }
+        });
+      } else {
+        this.$router.push({
+          name: this.kelas + 'Cu',
+          params: {
+            cu: this.currentUser.id_cu
+          }
+        });
+      }
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('anggotaCu', {
+    itemData: 'data',
+    itemDataStat: 'dataStat'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/checkValue.vue */ "./resources/assets/js/components/checkValue.vue");
+/* harmony import */ var _components_message_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/message.vue */ "./resources/assets/js/components/message.vue");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-cleave-component */ "./node_modules/vue-cleave-component/dist/vue-cleave.min.js");
+/* harmony import */ var vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_cleave_component__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _api_produkCu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/produkCu.js */ "./resources/assets/js/api/produkCu.js");
+/* harmony import */ var _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/wajibBadge.vue */ "./resources/assets/js/components/wajibBadge.vue");
+/* harmony import */ var _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/datePicker.vue */ "./resources/assets/js/components/datePicker.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  props: ['mode', 'selected'],
+  components: {
+    checkValue: _components_checkValue_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Message: _components_message_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    Cleave: vue_cleave_component__WEBPACK_IMPORTED_MODULE_4___default.a,
+    wajibBadge: _components_wajibBadge_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
+    DatePicker: _components_datePicker_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
+  },
+  data: function data() {
+    return {
+      title: '',
+      kelas: 'anggotaCu',
+      formDataCu: {
+        no_ba: '',
+        tanggal_masuk: '',
+        keterangan_masuk: '',
+        cu_id: 0,
+        tp_id: '',
+        cu: {
+          id: '',
+          name: ''
+        },
+        tp: {
+          id: '',
+          name: ''
+        }
+      },
+      modelProdukCu: [],
+      modelProdukCuStat: '',
+      cleaveOption: {
+        date: {
+          date: true,
+          datePattern: ['Y', 'm', 'd'],
+          delimiter: '-'
+        },
+        numeric: {
+          numeral: true,
+          numeralThousandsGroupStyle: 'thousand',
+          numeralDecimalScale: 2,
+          numeralDecimalMark: ',',
+          delimiter: '.'
+        },
+        number16: {
+          numeral: true,
+          numeralIntegerScale: 16,
+          numeralDecimalScale: 0,
+          stripLeadingZeroes: false,
+          delimiter: ''
+        }
+      },
+      message: {
+        show: false,
+        content: ''
+      },
+      submited: false
+    };
+  },
+  created: function created() {
+    this.fetchCU();
+
+    if (this.mode == 'edit') {
+      if (this.modelCUStat == 'success') {
+        this.formDataCu = Object.assign({}, this.selected);
+      }
+    }
+  },
+  watch: {
+    modelCUStat: function modelCUStat(value) {
+      if (value === "success") {
+        if (this.mode == 'edit') {
+          this.formDataCu = Object.assign({}, this.selected);
+          this.fetchTp(this.formDataCu.cu_id);
+        }
+      }
+    }
+  },
+  methods: {
+    changeCu: function changeCu(id) {
+      var cu;
+
+      if (id != 0) {
+        cu = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelCU, function (o) {
+          return o.id == id;
+        });
+      }
+
+      this.formDataCu.cu.id = cu.id;
+      this.formDataCu.cu.name = cu.name;
+      this.fetchTp(cu.id);
+    },
+    changeTp: function changeTp(id) {
+      var tp;
+
+      if (id != 0) {
+        tp = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.find(this.modelTp, function (o) {
+          return o.id == id;
+        });
+      }
+
+      if (this.formDataCu.tp != null) {
+        this.formDataCu.tp.id = tp.id;
+        this.formDataCu.tp.name = tp.name;
+      } else {
+        var tpdata = {};
+        tpdata.id = tp.id;
+        tpdata.name = tp.name;
+        this.formDataCu.tp = tpdata;
+      }
+    },
+    fetchCU: function fetchCU() {
+      if (this.modelCuStat != 'success') {
+        this.$store.dispatch('cu/getHeader');
+      } else {
+        this.idCu = this.$route.params.cu;
+        this.tingkat = this.$route.params.tingkat;
+      }
+    },
+    fetchTp: function fetchTp(value) {
+      this.$store.dispatch('tp/getCu', value);
+    },
+    save: function save() {
+      var _this = this;
+
+      this.$validator.validateAll('formDataCu').then(function (result) {
+        if (result) {
+          if (_this.mode == 'edit') {
+            _this.$emit('editCu', _this.formDataCu);
+          } else {
+            _this.$emit('createCu', _this.formDataCu);
+          }
+        } else {
+          _this.submited = true;
+        }
+      });
+    },
+    messageClose: function messageClose() {
+      this.message.show = false;
+    },
+    tutup: function tutup() {
+      this.$emit('tutup');
+    }
+  },
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('auth', {
+    currentUser: 'currentUser'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('cu', {
+    modelCU: 'headerDataS',
+    modelCUStat: 'headerDataStatS',
+    updateMessage: 'update',
+    updateStat: 'updateStat'
+  })), Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])('tp', {
+    modelTp: 'dataS',
+    modelTpStat: 'dataStatS'
+  }))
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/create.vue?vue&type=template&id=3e661706&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/create.vue?vue&type=template&id=3e661706& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.errors.any("form") && _vm.submited
+        ? _c("message", {
+            attrs: {
+              title: "Oops, terjadi kesalahan",
+              errorItem: _vm.errors.items,
+            },
+          })
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "form",
+        {
+          attrs: { "data-vv-scope": "form" },
+          on: {
+            submit: function ($event) {
+              $event.preventDefault()
+              return _vm.save.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _vm.mode == "create_old"
+            ? _c("div", { staticClass: "card" }, [
+                _vm._m(0),
+                _vm._v(" "),
+                _c(
+                  "div",
+                  { staticClass: "card-body" },
+                  [_c("identitas", { attrs: { itemData: _vm.form } })],
+                  1
+                ),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.mode != "create_old"
+            ? _c("div", { staticClass: "card" }, [
+                _vm._m(1),
+                _vm._v(" "),
+                _c("div", { staticClass: "card-body" }, [
+                  _c("div", { staticClass: "row" }, [
+                    _c("div", { staticClass: "col-md-12" }, [
+                      _c(
+                        "div",
+                        { staticClass: "form-group" },
+                        [
+                          _c("h6", [_vm._v("Foto:")]),
+                          _vm._v(" "),
+                          _c("app-image-upload", {
+                            attrs: {
+                              image_loc: "/images/anggotaCu/",
+                              image_temp: _vm.form.gambar,
+                            },
+                            model: {
+                              value: _vm.form.gambar,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.form, "gambar", $$v)
+                              },
+                              expression: "form.gambar",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: { "has-error": _vm.errors.has("form.nik") },
+                        },
+                        [
+                          _c(
+                            "h6",
+                            {
+                              class: {
+                                "text-danger": _vm.errors.has("form.nik"),
+                              },
+                            },
+                            [
+                              _vm.errors.has("form.nik")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\tNo. KTP: "),
+                              _c("wajib-badge"),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c("input", {
+                            directives: [
+                              {
+                                name: "validate",
+                                rawName: "v-validate",
+                                value: "required",
+                                expression: "'required'",
+                              },
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.nik,
+                                expression: "form.nik",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              type: "text",
+                              name: "nik",
+                              placeholder: "Silahkan masukkan no. KTP",
+                              "data-vv-as": "No. KTP",
+                              readonly: "",
+                            },
+                            domProps: { value: _vm.form.nik },
+                            on: {
+                              input: function ($event) {
+                                if ($event.target.composing) {
+                                  return
+                                }
+                                _vm.$set(_vm.form, "nik", $event.target.value)
+                              },
+                            },
+                          }),
+                          _vm._v(" "),
+                          _vm.errors.has("form.nik")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(_vm.errors.first("form.nik")) +
+                                      "\n\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        { staticClass: "form-group" },
+                        [
+                          _c("h6", [_vm._v("No. KK:")]),
+                          _vm._v(" "),
+                          _c("cleave", {
+                            staticClass: "form-control",
+                            attrs: {
+                              name: "kk",
+                              options: _vm.cleaveOption.number16,
+                              placeholder: "Silahkan masukkan no KK",
+                            },
+                            model: {
+                              value: _vm.form.kk,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.form, "kk", $$v)
+                              },
+                              expression: "form.kk",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        { staticClass: "form-group" },
+                        [
+                          _c("h6", [_vm._v("\n\t\t\t\t\t\t\t\tNPWP:")]),
+                          _vm._v(" "),
+                          _c("cleave", {
+                            staticClass: "form-control",
+                            attrs: {
+                              name: "npwp",
+                              options: _vm.cleaveOption.number24,
+                              placeholder: "Silahkan masukkan npwp",
+                            },
+                            model: {
+                              value: _vm.form.npwp,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.form, "npwp", $$v)
+                              },
+                              expression: "form.npwp",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: { "has-error": _vm.errors.has("form.name") },
+                        },
+                        [
+                          _c(
+                            "h6",
+                            {
+                              class: {
+                                "text-danger": _vm.errors.has("form.name"),
+                              },
+                            },
+                            [
+                              _vm.errors.has("form.name")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\tNama: "),
+                              _c("wajib-badge"),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c("input", {
+                            directives: [
+                              {
+                                name: "validate",
+                                rawName: "v-validate",
+                                value: "required",
+                                expression: "'required'",
+                              },
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.name,
+                                expression: "form.name",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              type: "text",
+                              name: "name",
+                              placeholder: "Silahkan masukkan nama",
+                              "data-vv-as": "Nama",
+                            },
+                            domProps: { value: _vm.form.name },
+                            on: {
+                              input: function ($event) {
+                                if ($event.target.composing) {
+                                  return
+                                }
+                                _vm.$set(_vm.form, "name", $event.target.value)
+                              },
+                            },
+                          }),
+                          _vm._v(" "),
+                          _vm.errors.has("form.name")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(_vm.errors.first("form.name")) +
+                                      "\n\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: {
+                            "has-error": _vm.errors.has("form.ahli_waris"),
+                          },
+                        },
+                        [
+                          _c(
+                            "h6",
+                            {
+                              class: {
+                                "text-danger":
+                                  _vm.errors.has("form.ahli_waris"),
+                              },
+                            },
+                            [
+                              _vm.errors.has("form.ahli_waris")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\tNama Ahli Waris: "),
+                              _c("wajib-badge"),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c("input", {
+                            directives: [
+                              {
+                                name: "validate",
+                                rawName: "v-validate",
+                                value: "required",
+                                expression: "'required'",
+                              },
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.ahli_waris,
+                                expression: "form.ahli_waris",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              type: "text",
+                              name: "ahli_waris",
+                              placeholder: "Silahkan masukkan nama ahli waris",
+                              "data-vv-as": "Nama ahli waris",
+                            },
+                            domProps: { value: _vm.form.ahli_waris },
+                            on: {
+                              input: function ($event) {
+                                if ($event.target.composing) {
+                                  return
+                                }
+                                _vm.$set(
+                                  _vm.form,
+                                  "ahli_waris",
+                                  $event.target.value
+                                )
+                              },
+                            },
+                          }),
+                          _vm._v(" "),
+                          _vm.errors.has("form.ahli_waris")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(
+                                        _vm.errors.first("form.ahli_waris")
+                                      ) +
+                                      "\n\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c("h6", [_vm._v("Nama Ibu: ")]),
+                        _vm._v(" "),
+                        _c("input", {
+                          directives: [
+                            {
+                              name: "model",
+                              rawName: "v-model",
+                              value: _vm.form.nama_ibu,
+                              expression: "form.nama_ibu",
+                            },
+                          ],
+                          staticClass: "form-control",
+                          attrs: {
+                            type: "text",
+                            name: "nama_ibu",
+                            placeholder: "Silahkan masukkan nama ibu",
+                          },
+                          domProps: { value: _vm.form.nama_ibu },
+                          on: {
+                            input: function ($event) {
+                              if ($event.target.composing) {
+                                return
+                              }
+                              _vm.$set(
+                                _vm.form,
+                                "nama_ibu",
+                                $event.target.value
+                              )
+                            },
+                          },
+                        }),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: {
+                            "has-error": _vm.errors.has("form.kelamin"),
+                          },
+                        },
+                        [
+                          _c(
+                            "h6",
+                            {
+                              class: {
+                                "text-danger": _vm.errors.has("form.kelamin"),
+                              },
+                            },
+                            [
+                              _vm.errors.has("form.kelamin")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\tGender: "),
+                              _c("wajib-badge"),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "select",
+                            {
+                              directives: [
+                                {
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.kelamin,
+                                  expression: "form.kelamin",
+                                },
+                                {
+                                  name: "validate",
+                                  rawName: "v-validate",
+                                  value: "required",
+                                  expression: "'required'",
+                                },
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                name: "kelamin",
+                                "data-width": "100%",
+                                "data-vv-as": "Gender",
+                              },
+                              on: {
+                                change: function ($event) {
+                                  var $$selectedVal = Array.prototype.filter
+                                    .call($event.target.options, function (o) {
+                                      return o.selected
+                                    })
+                                    .map(function (o) {
+                                      var val =
+                                        "_value" in o ? o._value : o.value
+                                      return val
+                                    })
+                                  _vm.$set(
+                                    _vm.form,
+                                    "kelamin",
+                                    $event.target.multiple
+                                      ? $$selectedVal
+                                      : $$selectedVal[0]
+                                  )
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "option",
+                                { attrs: { disabled: "", value: "" } },
+                                [_vm._v("Silahkan pilih gender")]
+                              ),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "LAKI-LAKI" } }, [
+                                _vm._v("Laki-laki"),
+                              ]),
+                              _vm._v(" "),
+                              _c("option", { attrs: { value: "PEREMPUAN" } }, [
+                                _vm._v("Perempuan"),
+                              ]),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _vm.errors.has("form.kelamin")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(_vm.errors.first("form.kelamin")) +
+                                      "\n\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: {
+                            "has-error": _vm.errors.has("form.tanggal_lahir"),
+                          },
+                        },
+                        [
+                          _c(
+                            "h6",
+                            {
+                              class: {
+                                "text-danger":
+                                  _vm.errors.has("form.tanggal_lahir"),
+                              },
+                            },
+                            [
+                              _vm.errors.has("form.tanggal_lahir")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\tTgl. Lahir: "),
+                              _c("wajib-badge"),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c("date-picker", {
+                            attrs: { defaultDate: _vm.form.tanggal_lahir },
+                            on: {
+                              dateSelected: function ($event) {
+                                _vm.form.tanggal_lahir = $event
+                              },
+                            },
+                          }),
+                          _vm._v(" "),
+                          _c("input", {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.tanggal_lahir,
+                                expression: "form.tanggal_lahir",
+                              },
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: false,
+                                expression: "false",
+                              },
+                              {
+                                name: "validate",
+                                rawName: "v-validate",
+                                value: "required",
+                                expression: "'required'",
+                              },
+                            ],
+                            attrs: { "data-vv-as": "Tanggal lahir" },
+                            domProps: { value: _vm.form.tanggal_lahir },
+                            on: {
+                              input: function ($event) {
+                                if ($event.target.composing) {
+                                  return
+                                }
+                                _vm.$set(
+                                  _vm.form,
+                                  "tanggal_lahir",
+                                  $event.target.value
+                                )
+                              },
+                            },
+                          }),
+                          _vm._v(" "),
+                          _vm.errors.has("form.tanggal_lahir")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(
+                                        _vm.errors.first("form.tanggal_lahir")
+                                      ) +
+                                      "\n\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ],
+                        1
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: {
+                            "has-error": _vm.errors.has("form.tempat_lahir"),
+                          },
+                        },
+                        [
+                          _c(
+                            "h6",
+                            {
+                              class: {
+                                "text-danger":
+                                  _vm.errors.has("form.tempat_lahir"),
+                              },
+                            },
+                            [
+                              _vm.errors.has("form.tempat_lahir")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("Tempat Lahir: "),
+                              _c("wajib-badge"),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c("input", {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.tempat_lahir,
+                                expression: "form.tempat_lahir",
+                              },
+                              {
+                                name: "validate",
+                                rawName: "v-validate",
+                                value: "required",
+                                expression: "'required'",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              type: "text",
+                              name: "tempat_lahir",
+                              placeholder: "Silahkan masukkan tempat lahir",
+                              "data-vv-as": "Tempat Lahir",
+                            },
+                            domProps: { value: _vm.form.tempat_lahir },
+                            on: {
+                              input: function ($event) {
+                                if ($event.target.composing) {
+                                  return
+                                }
+                                _vm.$set(
+                                  _vm.form,
+                                  "tempat_lahir",
+                                  $event.target.value
+                                )
+                              },
+                            },
+                          }),
+                          _vm._v(" "),
+                          _vm.errors.has("form.tempat_lahir")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(
+                                        _vm.errors.first("form.tempat_lahir")
+                                      ) +
+                                      "\n\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c("h6", [_vm._v("Suku: ")]),
+                        _vm._v(" "),
+                        _c(
+                          "select",
+                          {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.suku,
+                                expression: "form.suku",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              name: "suku",
+                              "data-width": "100%",
+                              disabled: _vm.modelSuku.length == 0,
+                            },
+                            on: {
+                              change: function ($event) {
+                                var $$selectedVal = Array.prototype.filter
+                                  .call($event.target.options, function (o) {
+                                    return o.selected
+                                  })
+                                  .map(function (o) {
+                                    var val = "_value" in o ? o._value : o.value
+                                    return val
+                                  })
+                                _vm.$set(
+                                  _vm.form,
+                                  "suku",
+                                  $event.target.multiple
+                                    ? $$selectedVal
+                                    : $$selectedVal[0]
+                                )
+                              },
+                            },
+                          },
+                          [
+                            _c(
+                              "option",
+                              { attrs: { disabled: "", value: "" } },
+                              [
+                                _vm.modelSukuStat === "loading"
+                                  ? _c("span", [_vm._v("Mohon tunggu...")])
+                                  : _c("span", [_vm._v("Silahkan pilih suku")]),
+                              ]
+                            ),
+                            _vm._v(" "),
+                            _vm._l(_vm.modelSuku, function (suku, index) {
+                              return _c(
+                                "option",
+                                { key: index, domProps: { value: suku.name } },
+                                [_vm._v(_vm._s(suku.name))]
+                              )
+                            }),
+                          ],
+                          2
+                        ),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c("h6", [
+                          _vm._v(
+                            "\n\t\t\t\t\t\t\t\tGol. Darah:\n\t\t\t\t\t\t\t"
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "select",
+                          {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.darah,
+                                expression: "form.darah",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: { name: "darah", "data-width": "100%" },
+                            on: {
+                              change: function ($event) {
+                                var $$selectedVal = Array.prototype.filter
+                                  .call($event.target.options, function (o) {
+                                    return o.selected
+                                  })
+                                  .map(function (o) {
+                                    var val = "_value" in o ? o._value : o.value
+                                    return val
+                                  })
+                                _vm.$set(
+                                  _vm.form,
+                                  "darah",
+                                  $event.target.multiple
+                                    ? $$selectedVal
+                                    : $$selectedVal[0]
+                                )
+                              },
+                            },
+                          },
+                          [
+                            _c(
+                              "option",
+                              { attrs: { disabled: "", value: "" } },
+                              [_vm._v("Silahkan pilih golongan darah")]
+                            ),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "A" } }, [
+                              _vm._v("A"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "B" } }, [
+                              _vm._v("B"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "AB" } }, [
+                              _vm._v("AB"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "O" } }, [
+                              _vm._v("O"),
+                            ]),
+                          ]
+                        ),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        { staticClass: "form-group" },
+                        [
+                          _vm._m(2),
+                          _vm._v(" "),
+                          _c("cleave", {
+                            staticClass: "form-control",
+                            attrs: {
+                              name: "tinggi",
+                              options: _vm.cleaveOption.number3,
+                              placeholder: "Silahkan masukkan tinggi",
+                            },
+                            model: {
+                              value: _vm.form.tinggi,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.form, "tinggi", $$v)
+                              },
+                              expression: "form.tinggi",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c("h6", [_vm._v("Agama:")]),
+                        _vm._v(" "),
+                        _c(
+                          "select",
+                          {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.agama,
+                                expression: "form.agama",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: { name: "agama", "data-width": "100%" },
+                            on: {
+                              change: function ($event) {
+                                var $$selectedVal = Array.prototype.filter
+                                  .call($event.target.options, function (o) {
+                                    return o.selected
+                                  })
+                                  .map(function (o) {
+                                    var val = "_value" in o ? o._value : o.value
+                                    return val
+                                  })
+                                _vm.$set(
+                                  _vm.form,
+                                  "agama",
+                                  $event.target.multiple
+                                    ? $$selectedVal
+                                    : $$selectedVal[0]
+                                )
+                              },
+                            },
+                          },
+                          [
+                            _c(
+                              "option",
+                              { attrs: { disabled: "", value: "" } },
+                              [_vm._v("Silahkan pilih agama")]
+                            ),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "BUDDHA" } }, [
+                              _vm._v("Buddha"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "HINDU" } }, [
+                              _vm._v("Hindu"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "ISLAM" } }, [
+                              _vm._v("Islam"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "KATOLIK" } }, [
+                              _vm._v("Katolik"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "KONG HU CU" } }, [
+                              _vm._v("Kong Hu Cu"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "PROTESTAN" } }, [
+                              _vm._v("Protestan"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "LAIN-LAIN" } }, [
+                              _vm._v("Lain-lain"),
+                            ]),
+                          ]
+                        ),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c("h6", [
+                          _vm._v("\n\t\t\t\t\t\t\t\tStatus:\n\t\t\t\t\t\t\t"),
+                        ]),
+                        _vm._v(" "),
+                        _c(
+                          "select",
+                          {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.status,
+                                expression: "form.status",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: { name: "status", "data-width": "100%" },
+                            on: {
+                              change: function ($event) {
+                                var $$selectedVal = Array.prototype.filter
+                                  .call($event.target.options, function (o) {
+                                    return o.selected
+                                  })
+                                  .map(function (o) {
+                                    var val = "_value" in o ? o._value : o.value
+                                    return val
+                                  })
+                                _vm.$set(
+                                  _vm.form,
+                                  "status",
+                                  $event.target.multiple
+                                    ? $$selectedVal
+                                    : $$selectedVal[0]
+                                )
+                              },
+                            },
+                          },
+                          [
+                            _c(
+                              "option",
+                              { attrs: { disabled: "", value: "" } },
+                              [_vm._v("Silahkan pilih status pernikahan")]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "option",
+                              { attrs: { value: "BELUM MENIKAH" } },
+                              [_vm._v("Belum menikah")]
+                            ),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "MENIKAH" } }, [
+                              _vm._v("Menikah"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "JANDA/DUDA" } }, [
+                              _vm._v("Janda/Duda"),
+                            ]),
+                          ]
+                        ),
+                      ]),
+                    ]),
                   ]),
-                  _vm._v(" "),
-                  _vm._t("default"),
-                  _vm._v(" "),
-                  _vm._l(_vm.modelPencairan, function (pencairan) {
-                    return pencairan
-                      ? _c(
-                          "option",
-                          { domProps: { value: pencairan.tanggal_pencairan } },
+                ]),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.mode != "create_old"
+            ? _c("div", { staticClass: "card" }, [
+                _vm._m(3),
+                _vm._v(" "),
+                _c("div", { staticClass: "card-body" }, [
+                  _c("div", { staticClass: "row" }, [
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c("h6", [_vm._v("Lembaga:")]),
+                        _vm._v(" "),
+                        _c("input", {
+                          directives: [
+                            {
+                              name: "model",
+                              rawName: "v-model",
+                              value: _vm.form.lembaga,
+                              expression: "form.lembaga",
+                            },
+                          ],
+                          staticClass: "form-control",
+                          attrs: {
+                            type: "text",
+                            name: "lembaga",
+                            placeholder: "Silahkan masukkan lembaga",
+                          },
+                          domProps: { value: _vm.form.lembaga },
+                          on: {
+                            input: function ($event) {
+                              if ($event.target.composing) {
+                                return
+                              }
+                              _vm.$set(_vm.form, "lembaga", $event.target.value)
+                            },
+                          },
+                        }),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c("h6", [_vm._v("Jabatan:")]),
+                        _vm._v(" "),
+                        _c(
+                          "select",
+                          {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.jabatan,
+                                expression: "form.jabatan",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: { name: "jabatan", "data-width": "100%" },
+                            on: {
+                              change: function ($event) {
+                                var $$selectedVal = Array.prototype.filter
+                                  .call($event.target.options, function (o) {
+                                    return o.selected
+                                  })
+                                  .map(function (o) {
+                                    var val = "_value" in o ? o._value : o.value
+                                    return val
+                                  })
+                                _vm.$set(
+                                  _vm.form,
+                                  "jabatan",
+                                  $event.target.multiple
+                                    ? $$selectedVal
+                                    : $$selectedVal[0]
+                                )
+                              },
+                            },
+                          },
                           [
-                            _vm._v(
-                              "\n\t\t\t\t\t\t\t\t" +
-                                _vm._s(
-                                  _vm._f("dateMonth")(
-                                    pencairan.tanggal_pencairan
-                                  )
-                                ) +
-                                "\n\t\t\t\t\t\t\t"
+                            _c(
+                              "option",
+                              { attrs: { disabled: "", value: "" } },
+                              [_vm._v("Silahkan pilih jabatan")]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "option",
+                              { attrs: { value: "SENIOR MANAJER" } },
+                              [
+                                _vm._v(
+                                  "Senior Manajer (General Manager, CEO, Deputy)"
+                                ),
+                              ]
                             ),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "MANAJER" } }, [
+                              _vm._v("Manajer"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "SUPERVISOR" } }, [
+                              _vm._v(
+                                "Supervisor (Kepala Bagian, Kepala Divisi, Kepala/Koordinator TP, Kepala Bidang)"
+                              ),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "STAF" } }, [
+                              _vm._v("Staf"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "KONTRAK" } }, [
+                              _vm._v("Kontrak"),
+                            ]),
                           ]
-                        )
-                      : _vm._e()
-                  }),
-                ],
-                2
-              ),
-              _vm._v(" "),
-              _c("div", { staticClass: "input-group-append" }, [
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light",
-                    attrs: { disabled: _vm.modelPencairanStat === "loading" },
-                    on: { click: _vm.fetchPencairan },
-                  },
-                  [
-                    _c("i", {
-                      staticClass: "icon-sync",
-                      class: { spinner: _vm.modelPencairanStat === "loading" },
-                    }),
-                  ]
-                ),
-              ]),
-            ]),
-          ]),
-        ]),
-      ]),
-    ]),
-  ])
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "input-group-prepend" }, [
-      _c("span", { staticClass: "input-group-text" }, [
-        _vm._v("Pilih Tanggal Pencairan"),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/table.vue?vue&type=template&id=3a16f5ac&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/jalinanCair/table.vue?vue&type=template&id=3a16f5ac& ***!
-  \**********************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    [
-      _c(
-        "div",
-        { staticClass: "card" },
-        [
-          _c("div", { staticClass: "card-header bg-white" }, [
-            _c("h5", { staticClass: "card-title" }, [
-              _vm._v(_vm._s(_vm.title)),
-            ]),
-          ]),
+                        ),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c("h6", [_vm._v("Pekerjaan: ")]),
+                        _vm._v(" "),
+                        _c(
+                          "select",
+                          {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.pekerjaan,
+                                expression: "form.pekerjaan",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              name: "pekerjaan",
+                              "data-width": "100%",
+                              disabled: _vm.modelPekerjaan.length == 0,
+                            },
+                            on: {
+                              change: function ($event) {
+                                var $$selectedVal = Array.prototype.filter
+                                  .call($event.target.options, function (o) {
+                                    return o.selected
+                                  })
+                                  .map(function (o) {
+                                    var val = "_value" in o ? o._value : o.value
+                                    return val
+                                  })
+                                _vm.$set(
+                                  _vm.form,
+                                  "pekerjaan",
+                                  $event.target.multiple
+                                    ? $$selectedVal
+                                    : $$selectedVal[0]
+                                )
+                              },
+                            },
+                          },
+                          [
+                            _c(
+                              "option",
+                              { attrs: { disabled: "", value: "" } },
+                              [_vm._v("Silahkan pilih pekerjaan")]
+                            ),
+                            _vm._v(" "),
+                            _vm._l(
+                              _vm.modelPekerjaan,
+                              function (pekerjaan, index) {
+                                return _c(
+                                  "option",
+                                  {
+                                    key: index,
+                                    domProps: { value: pekerjaan.name },
+                                  },
+                                  [_vm._v(_vm._s(pekerjaan.name))]
+                                )
+                              }
+                            ),
+                          ],
+                          2
+                        ),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        { staticClass: "form-group" },
+                        [
+                          _c("h6", [_vm._v("Rata-rata Penghasilan Perbulan:")]),
+                          _vm._v(" "),
+                          _c("cleave", {
+                            staticClass: "form-control",
+                            attrs: {
+                              options: _vm.cleaveOption.numeric,
+                              placeholder:
+                                "Silahkan masukkan rata-rata pengeluaran",
+                            },
+                            model: {
+                              value: _vm.form.penghasilan,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.form, "penghasilan", $$v)
+                              },
+                              expression: "form.penghasilan",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        { staticClass: "form-group" },
+                        [
+                          _c("h6", [_vm._v("Rata-rata Pengeluaran Perbulan:")]),
+                          _vm._v(" "),
+                          _c("cleave", {
+                            staticClass: "form-control",
+                            attrs: {
+                              options: _vm.cleaveOption.numeric,
+                              placeholder:
+                                "Silahkan masukkan rata-rata pengeluaran",
+                            },
+                            model: {
+                              value: _vm.form.pengeluaran,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.form, "pengeluaran", $$v)
+                              },
+                              expression: "form.pengeluaran",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-sm-4" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c("h6", [_vm._v("Pendidikan:")]),
+                        _vm._v(" "),
+                        _c(
+                          "select",
+                          {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.pendidikan,
+                                expression: "form.pendidikan",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: { name: "pendidikan", "data-width": "100%" },
+                            on: {
+                              change: function ($event) {
+                                var $$selectedVal = Array.prototype.filter
+                                  .call($event.target.options, function (o) {
+                                    return o.selected
+                                  })
+                                  .map(function (o) {
+                                    var val = "_value" in o ? o._value : o.value
+                                    return val
+                                  })
+                                _vm.$set(
+                                  _vm.form,
+                                  "pendidikan",
+                                  $event.target.multiple
+                                    ? $$selectedVal
+                                    : $$selectedVal[0]
+                                )
+                              },
+                            },
+                          },
+                          [
+                            _c(
+                              "option",
+                              { attrs: { disabled: "", value: "" } },
+                              [_vm._v("Silahkan pilih tingkat pendidikan")]
+                            ),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "TK" } }, [
+                              _vm._v("TK"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "SD" } }, [
+                              _vm._v("SD"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "SMP" } }, [
+                              _vm._v("SMP"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "SMA/SMK" } }, [
+                              _vm._v("SMA/SMK"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "D1" } }, [
+                              _vm._v("D1"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "D2" } }, [
+                              _vm._v("D2"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "D3" } }, [
+                              _vm._v("D3"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "D4" } }, [
+                              _vm._v("D4"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "S1" } }, [
+                              _vm._v("S1"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "S2" } }, [
+                              _vm._v("S2"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "S3" } }, [
+                              _vm._v("S3"),
+                            ]),
+                            _vm._v(" "),
+                            _c("option", { attrs: { value: "LAIN-LAIN" } }, [
+                              _vm._v("Lain-lain"),
+                            ]),
+                          ]
+                        ),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c(
+                          "h6",
+                          [
+                            _vm._v("Organisasi: "),
+                            _c("info-icon", {
+                              attrs: {
+                                message:
+                                  "Silahkan isi dengan jabatan dan tempat/nama organisasi jika anda ikut dalam sebuah organisasi",
+                              },
+                            }),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _c("input", {
+                          directives: [
+                            {
+                              name: "model",
+                              rawName: "v-model",
+                              value: _vm.form.organisasi,
+                              expression: "form.organisasi",
+                            },
+                          ],
+                          staticClass: "form-control",
+                          attrs: {
+                            type: "text",
+                            name: "organisasi",
+                            placeholder: "Silahkan masukkan organisasi",
+                          },
+                          domProps: { value: _vm.form.organisasi },
+                          on: {
+                            input: function ($event) {
+                              if ($event.target.composing) {
+                                return
+                              }
+                              _vm.$set(
+                                _vm.form,
+                                "organisasi",
+                                $event.target.value
+                              )
+                            },
+                          },
+                        }),
+                      ]),
+                    ]),
+                  ]),
+                ]),
+              ])
+            : _vm._e(),
           _vm._v(" "),
-          _c("div", { staticClass: "card-body pb-2" }, [
-            _c("div", { staticClass: "row" }, [
-              _c(
-                "div",
-                { staticClass: "col-md-9 col-lg-9 pb-2 d-none d-sm-block" },
-                [
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("cairAll")
+          _vm.mode != "create_old"
+            ? _c("div", { staticClass: "card" }, [
+                _vm._m(4),
+                _vm._v(" "),
+                _c("div", { staticClass: "card-body" }, [
+                  _c("div", { staticClass: "row" }, [
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c(
+                          "h6",
+                          {
+                            class: {
+                              "text-danger":
+                                _vm.errors.has("form.id_provinces"),
+                            },
+                          },
+                          [
+                            _vm.errors.has("form.id_provinces")
+                              ? _c("i", { staticClass: "icon-cross2" })
+                              : _vm._e(),
+                            _vm._v("\n\t\t\t\t\t\t\t\tProvinsi: "),
+                            _c("wajib-badge"),
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "select",
+                          {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.id_provinces,
+                                expression: "form.id_provinces",
+                              },
+                              {
+                                name: "validate",
+                                rawName: "v-validate",
+                                value: "required",
+                                expression: "'required'",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              name: "id_provinces",
+                              "data-width": "100%",
+                              "data-vv-as": "Provinsi",
+                              disabled: _vm.modelProvinces.length == 0,
+                            },
+                            on: {
+                              change: [
+                                function ($event) {
+                                  var $$selectedVal = Array.prototype.filter
+                                    .call($event.target.options, function (o) {
+                                      return o.selected
+                                    })
+                                    .map(function (o) {
+                                      var val =
+                                        "_value" in o ? o._value : o.value
+                                      return val
+                                    })
+                                  _vm.$set(
+                                    _vm.form,
+                                    "id_provinces",
+                                    $event.target.multiple
+                                      ? $$selectedVal
+                                      : $$selectedVal[0]
+                                  )
+                                },
+                                function ($event) {
+                                  return _vm.changeProvinces(
+                                    $event.target.value
+                                  )
+                                },
+                              ],
+                            },
+                          },
+                          [
+                            _c(
+                              "option",
+                              { attrs: { disabled: "", value: "" } },
+                              [_vm._v("Silahkan pilih provinsi")]
+                            ),
+                            _vm._v(" "),
+                            _vm._l(
+                              _vm.modelProvinces,
+                              function (provinces, index) {
+                                return _c(
+                                  "option",
+                                  {
+                                    key: index,
+                                    domProps: { value: provinces.id },
+                                  },
+                                  [_vm._v(_vm._s(provinces.name))]
+                                )
+                              }
+                            ),
+                          ],
+                          2
+                        ),
+                        _vm._v(" "),
+                        _vm.errors.has("form.id_provinces")
+                          ? _c(
+                              "small",
+                              { staticClass: "text-muted text-danger" },
+                              [
+                                _c("i", {
+                                  staticClass: "icon-arrow-small-right",
+                                }),
+                                _vm._v(
+                                  " " +
+                                    _vm._s(
+                                      _vm.errors.first("form.id_provinces")
+                                    ) +
+                                    "\n\t\t\t\t\t\t\t"
+                                ),
+                              ]
+                            )
+                          : _c("small", { staticClass: "text-muted" }, [
+                              _vm._v(" "),
+                            ]),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: {
+                            "has-error": _vm.errors.has("form.id_regencies"),
+                          },
                         },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-checkbox-checked2" }),
-                      _vm._v(" Cairkan semua\n          "),
-                    ]
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.cu_id },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.modalOpen("cair")
+                        [
+                          _c(
+                            "h6",
+                            {
+                              class: {
+                                "text-danger":
+                                  _vm.errors.has("form.id_regencies"),
+                              },
+                            },
+                            [
+                              _vm.errors.has("form.id_regencies")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\tKabupaten: "),
+                              _c("wajib-badge"),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "select",
+                            {
+                              directives: [
+                                {
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.id_regencies,
+                                  expression: "form.id_regencies",
+                                },
+                                {
+                                  name: "validate",
+                                  rawName: "v-validate",
+                                  value: "required",
+                                  expression: "'required'",
+                                },
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                name: "id_regencies",
+                                "data-width": "100%",
+                                "data-vv-as": "Kabupaten",
+                                disabled: _vm.modelRegencies.length === 0,
+                              },
+                              on: {
+                                change: [
+                                  function ($event) {
+                                    var $$selectedVal = Array.prototype.filter
+                                      .call(
+                                        $event.target.options,
+                                        function (o) {
+                                          return o.selected
+                                        }
+                                      )
+                                      .map(function (o) {
+                                        var val =
+                                          "_value" in o ? o._value : o.value
+                                        return val
+                                      })
+                                    _vm.$set(
+                                      _vm.form,
+                                      "id_regencies",
+                                      $event.target.multiple
+                                        ? $$selectedVal
+                                        : $$selectedVal[0]
+                                    )
+                                  },
+                                  function ($event) {
+                                    return _vm.changeRegencies(
+                                      $event.target.value
+                                    )
+                                  },
+                                ],
+                              },
+                            },
+                            [
+                              _c(
+                                "option",
+                                { attrs: { disabled: "", value: "" } },
+                                [
+                                  _vm.modelRegenciesStat === "loading"
+                                    ? _c("span", [_vm._v("Mohon tunggu...")])
+                                    : _c("span", [
+                                        _vm._v("Silahkan pilih kabupaten"),
+                                      ]),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _vm._l(
+                                _vm.modelRegencies,
+                                function (regencies, index) {
+                                  return _c(
+                                    "option",
+                                    {
+                                      key: index,
+                                      domProps: { value: regencies.id },
+                                    },
+                                    [_vm._v(_vm._s(regencies.name))]
+                                  )
+                                }
+                              ),
+                            ],
+                            2
+                          ),
+                          _vm._v(" "),
+                          _vm.errors.has("form.id_regencies")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(
+                                        _vm.errors.first("form.id_regencies")
+                                      ) +
+                                      "\n\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: {
+                            "has-error": _vm.errors.has("form.id_districts"),
+                          },
                         },
-                      },
-                    },
-                    [
-                      _vm.selectedItem.status_klaim_cair > 0 &&
-                      _vm.selectedItem.status_klaim_setuju == 0
-                        ? _c("span", [
-                            _c("i", { staticClass: "icon-cancel-square" }),
-                            _vm._v(" Batal Cairkan\n            "),
-                          ])
-                        : _c("span", [
-                            _c("i", { staticClass: "icon-checkbox-checked" }),
-                            _vm._v(" Cairkan\n            "),
+                        [
+                          _c(
+                            "h6",
+                            {
+                              class: {
+                                "text-danger":
+                                  _vm.errors.has("form.id_districts"),
+                              },
+                            },
+                            [
+                              _vm.errors.has("form.id_districts")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\tKecamatan: "),
+                              _c("wajib-badge"),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "select",
+                            {
+                              directives: [
+                                {
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.id_districts,
+                                  expression: "form.id_districts",
+                                },
+                                {
+                                  name: "validate",
+                                  rawName: "v-validate",
+                                  value: "required",
+                                  expression: "'required'",
+                                },
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                name: "id_districts",
+                                "data-width": "100%",
+                                "data-vv-as": "Kabupaten",
+                                disabled: _vm.modelDistricts.length === 0,
+                              },
+                              on: {
+                                change: [
+                                  function ($event) {
+                                    var $$selectedVal = Array.prototype.filter
+                                      .call(
+                                        $event.target.options,
+                                        function (o) {
+                                          return o.selected
+                                        }
+                                      )
+                                      .map(function (o) {
+                                        var val =
+                                          "_value" in o ? o._value : o.value
+                                        return val
+                                      })
+                                    _vm.$set(
+                                      _vm.form,
+                                      "id_districts",
+                                      $event.target.multiple
+                                        ? $$selectedVal
+                                        : $$selectedVal[0]
+                                    )
+                                  },
+                                  function ($event) {
+                                    return _vm.changeDistricts(
+                                      $event.target.value
+                                    )
+                                  },
+                                ],
+                              },
+                            },
+                            [
+                              _c(
+                                "option",
+                                { attrs: { disabled: "", value: "" } },
+                                [
+                                  _vm.modelDistrictsStat === "loading"
+                                    ? _c("span", [_vm._v("Mohon tunggu...")])
+                                    : _c("span", [
+                                        _vm._v("Silahkan pilih kecamatan"),
+                                      ]),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _vm._l(
+                                _vm.modelDistricts,
+                                function (districts, index) {
+                                  return _c(
+                                    "option",
+                                    {
+                                      key: index,
+                                      domProps: { value: districts.id },
+                                    },
+                                    [_vm._v(_vm._s(districts.name))]
+                                  )
+                                }
+                              ),
+                            ],
+                            2
+                          ),
+                          _vm._v(" "),
+                          _vm.errors.has("form.id_regency")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(
+                                        _vm.errors.first("form.id_regency")
+                                      ) +
+                                      "\n\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: {
+                            "has-error": _vm.errors.has("form.id_villages"),
+                          },
+                        },
+                        [
+                          _c(
+                            "h6",
+                            {
+                              class: {
+                                "text-danger":
+                                  _vm.errors.has("form.id_villages"),
+                              },
+                            },
+                            [
+                              _vm.errors.has("form.id_villages")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\tKelurahan: "),
+                              _c("wajib-badge"),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "select",
+                            {
+                              directives: [
+                                {
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.id_villages,
+                                  expression: "form.id_villages",
+                                },
+                                {
+                                  name: "validate",
+                                  rawName: "v-validate",
+                                  value: "required",
+                                  expression: "'required'",
+                                },
+                              ],
+                              staticClass: "form-control",
+                              attrs: {
+                                name: "id_villages",
+                                "data-width": "100%",
+                                "data-vv-as": "Desa",
+                                disabled: _vm.modelVillages.length === 0,
+                              },
+                              on: {
+                                change: function ($event) {
+                                  var $$selectedVal = Array.prototype.filter
+                                    .call($event.target.options, function (o) {
+                                      return o.selected
+                                    })
+                                    .map(function (o) {
+                                      var val =
+                                        "_value" in o ? o._value : o.value
+                                      return val
+                                    })
+                                  _vm.$set(
+                                    _vm.form,
+                                    "id_villages",
+                                    $event.target.multiple
+                                      ? $$selectedVal
+                                      : $$selectedVal[0]
+                                  )
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "option",
+                                { attrs: { disabled: "", value: "" } },
+                                [
+                                  _vm.modelVillagesStat === "loading"
+                                    ? _c("span", [
+                                        _vm._v("Mohon tunggu... mohon tunggu"),
+                                      ])
+                                    : _c("span", [
+                                        _vm._v("Silahkan pilih kelurahan"),
+                                      ]),
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _vm._l(
+                                _vm.modelVillages,
+                                function (villages, index) {
+                                  return _c(
+                                    "option",
+                                    {
+                                      key: index,
+                                      domProps: { value: villages.id },
+                                    },
+                                    [_vm._v(_vm._s(villages.name))]
+                                  )
+                                }
+                              ),
+                            ],
+                            2
+                          ),
+                          _vm._v(" "),
+                          _vm.errors.has("form.id_villages")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(
+                                        _vm.errors.first("form.id_villages")
+                                      ) +
+                                      "\n\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        { staticClass: "form-group" },
+                        [
+                          _c("h6", [_vm._v("No. RW:")]),
+                          _vm._v(" "),
+                          _c("cleave", {
+                            staticClass: "form-control",
+                            attrs: {
+                              options: _vm.cleaveOption.number3,
+                              placeholder: "Silahkan masukkan no rw",
+                            },
+                            model: {
+                              value: _vm.form.rw,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.form, "rw", $$v)
+                              },
+                              expression: "form.rw",
+                            },
+                          }),
+                          _vm._v(" "),
+                          _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
                           ]),
-                    ]
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light mb-1",
-                      attrs: { disabled: !_vm.selectedItem.cu_id },
-                      on: {
-                        click: function ($event) {
-                          return _vm.bukaData(_vm.selectedItem.cu_id)
+                        ],
+                        1
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        { staticClass: "form-group" },
+                        [
+                          _c("h6", [_vm._v("No. RT:")]),
+                          _vm._v(" "),
+                          _c("cleave", {
+                            staticClass: "form-control",
+                            attrs: {
+                              options: _vm.cleaveOption.number3,
+                              placeholder: "Silahkan masukkan no rt",
+                            },
+                            model: {
+                              value: _vm.form.rt,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.form, "rt", $$v)
+                              },
+                              expression: "form.rt",
+                            },
+                          }),
+                          _vm._v(" "),
+                          _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
+                          ]),
+                        ],
+                        1
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-8" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: { "has-error": _vm.errors.has("form.alamat") },
                         },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-eye" }),
-                      _vm._v(
-                        " Buka data bantuan solidaritas Jalinan\n          "
+                        [
+                          _c(
+                            "h6",
+                            {
+                              class: {
+                                "text-danger": _vm.errors.has("form.alamat"),
+                              },
+                            },
+                            [
+                              _vm.errors.has("form.alamat")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\tAlamat: "),
+                              _c("wajib-badge"),
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c("input", {
+                            directives: [
+                              {
+                                name: "validate",
+                                rawName: "v-validate",
+                                value: "required|min:5",
+                                expression: "'required|min:5'",
+                              },
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.alamat,
+                                expression: "form.alamat",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              type: "text",
+                              name: "alamat",
+                              placeholder: "Silahkan masukkan alamat",
+                              "data-vv-as": "Alamat",
+                            },
+                            domProps: { value: _vm.form.alamat },
+                            on: {
+                              input: function ($event) {
+                                if ($event.target.composing) {
+                                  return
+                                }
+                                _vm.$set(
+                                  _vm.form,
+                                  "alamat",
+                                  $event.target.value
+                                )
+                              },
+                            },
+                          }),
+                          _vm._v(" "),
+                          _vm.errors.has("form.alamat")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(_vm.errors.first("form.alamat")) +
+                                      "\n\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ]
                       ),
-                    ]
-                  ),
-                ]
-              ),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-md-12 pb-2 d-block d-sm-none" }, [
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        { staticClass: "form-group" },
+                        [
+                          _c("h6", [_vm._v("No. Hp:")]),
+                          _vm._v(" "),
+                          _c("cleave", {
+                            staticClass: "form-control",
+                            attrs: {
+                              options: _vm.cleaveOption.number12,
+                              placeholder: "Silahkan masukkan no hp",
+                            },
+                            model: {
+                              value: _vm.form.hp,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.form, "hp", $$v)
+                              },
+                              expression: "form.hp",
+                            },
+                          }),
+                          _vm._v(" "),
+                          _c("small", { staticClass: "text-muted" }, [
+                            _vm._v(" "),
+                          ]),
+                        ],
+                        1
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "form-group",
+                          class: { "has-error": _vm.errors.has("form.email") },
+                        },
+                        [
+                          _c(
+                            "h6",
+                            {
+                              class: {
+                                "text-danger": _vm.errors.has("form.email"),
+                              },
+                            },
+                            [
+                              _vm.errors.has("form.email")
+                                ? _c("i", { staticClass: "icon-cross2" })
+                                : _vm._e(),
+                              _vm._v("\n\t\t\t\t\t\t\t\tEmail:"),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c("input", {
+                            directives: [
+                              {
+                                name: "validate",
+                                rawName: "v-validate",
+                                value: "email",
+                                expression: "'email'",
+                              },
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.email,
+                                expression: "form.email",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              type: "text",
+                              name: "email",
+                              placeholder: "Silahkan masukkan alamat email",
+                              "data-vv-as": "Email",
+                            },
+                            domProps: { value: _vm.form.email },
+                            on: {
+                              input: function ($event) {
+                                if ($event.target.composing) {
+                                  return
+                                }
+                                _vm.$set(_vm.form, "email", $event.target.value)
+                              },
+                            },
+                          }),
+                          _vm._v(" "),
+                          _vm.errors.has("form.email")
+                            ? _c(
+                                "small",
+                                { staticClass: "text-muted text-danger" },
+                                [
+                                  _c("i", {
+                                    staticClass: "icon-arrow-small-right",
+                                  }),
+                                  _vm._v(
+                                    " " +
+                                      _vm._s(_vm.errors.first("form.email")) +
+                                      "\n\t\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              )
+                            : _c("small", { staticClass: "text-muted" }, [
+                                _vm._v(" "),
+                              ]),
+                        ]
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c("h6", [_vm._v("Kontak Ahli Waris:")]),
+                        _vm._v(" "),
+                        _c("input", {
+                          directives: [
+                            {
+                              name: "model",
+                              rawName: "v-model",
+                              value: _vm.form.kontak_ahli_waris,
+                              expression: "form.kontak_ahli_waris",
+                            },
+                          ],
+                          staticClass: "form-control",
+                          attrs: {
+                            type: "text",
+                            name: "kontak",
+                            placeholder: "Silahkan masukkan kontak ahli waris",
+                          },
+                          domProps: { value: _vm.form.kontak_ahli_waris },
+                          on: {
+                            input: function ($event) {
+                              if ($event.target.composing) {
+                                return
+                              }
+                              _vm.$set(
+                                _vm.form,
+                                "kontak_ahli_waris",
+                                $event.target.value
+                              )
+                            },
+                          },
+                        }),
+                      ]),
+                    ]),
+                    _vm._v(" "),
+                    _c("div", { staticClass: "col-md-4" }, [
+                      _c("div", { staticClass: "form-group" }, [
+                        _c("h6", [_vm._v("Kontak Lainnya:")]),
+                        _vm._v(" "),
+                        _c("input", {
+                          directives: [
+                            {
+                              name: "model",
+                              rawName: "v-model",
+                              value: _vm.form.kontak,
+                              expression: "form.kontak",
+                            },
+                          ],
+                          staticClass: "form-control",
+                          attrs: {
+                            type: "text",
+                            name: "kontak",
+                            placeholder: "Silahkan masukkan kontak lainnya",
+                          },
+                          domProps: { value: _vm.form.kontak },
+                          on: {
+                            input: function ($event) {
+                              if ($event.target.composing) {
+                                return
+                              }
+                              _vm.$set(_vm.form, "kontak", $event.target.value)
+                            },
+                          },
+                        }),
+                      ]),
+                    ]),
+                  ]),
+                ]),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.currentUser && _vm.currentUser.id_cu != 0
+            ? _c("div", [
                 _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block pb-1",
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.cairkanSemua()
-                      },
-                    },
-                  },
+                  "div",
+                  { staticClass: "card" },
                   [
-                    _c("i", { staticClass: "icon-checkbox-checked2" }),
-                    _vm._v(" Cairkan semua\n          "),
-                  ]
-                ),
-                _vm._v(" "),
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block pb-1",
-                    attrs: { disabled: !_vm.selectedItem.cu_id },
-                    on: {
-                      click: function ($event) {
-                        $event.preventDefault()
-                        return _vm.modalOpen("cair")
+                    _vm._m(5),
+                    _vm._v(" "),
+                    _c("data-table", {
+                      attrs: {
+                        items: _vm.itemDataCu,
+                        columnData: _vm.columnDataCu,
+                        itemDataStat: _vm.itemDataCuStat,
                       },
-                    },
-                  },
-                  [
-                    _vm.selectedItem.status_klaim_cair > 0 &&
-                    _vm.selectedItem.status_klaim_setuju == 0
-                      ? _c("span", [
-                          _c("i", { staticClass: "icon-cancel-square" }),
-                          _vm._v(" Batal Cairkan\n            "),
-                        ])
-                      : _c("span", [
-                          _c("i", { staticClass: "icon-checkbox-checked" }),
-                          _vm._v(" Cairkan\n            "),
-                        ]),
-                  ]
+                      scopedSlots: _vm._u(
+                        [
+                          {
+                            key: "item-desktop",
+                            fn: function (props) {
+                              return [
+                                props.item
+                                  ? _c(
+                                      "tr",
+                                      {
+                                        staticClass: "text-nowrap",
+                                        class: {
+                                          "bg-info":
+                                            _vm.selectedItemCu.index ===
+                                            props.index + 1,
+                                        },
+                                        on: {
+                                          click: function ($event) {
+                                            return _vm.selectedCuRow(
+                                              props.index,
+                                              props.item
+                                            )
+                                          },
+                                        },
+                                      },
+                                      [
+                                        _c("td", [
+                                          _vm._v(_vm._s(props.index + 1)),
+                                        ]),
+                                        _vm._v(" "),
+                                        _c(
+                                          "td",
+                                          [
+                                            props.item.cu
+                                              ? _c("check-value", {
+                                                  attrs: {
+                                                    value: props.item.cu.name,
+                                                  },
+                                                })
+                                              : _c("span", [_vm._v("-")]),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "td",
+                                          [
+                                            props.item.tp
+                                              ? _c("check-value", {
+                                                  attrs: {
+                                                    value: props.item.tp.name,
+                                                  },
+                                                })
+                                              : _c("span", [_vm._v("-")]),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "td",
+                                          [
+                                            _c("check-value", {
+                                              attrs: {
+                                                value: props.item.no_ba,
+                                              },
+                                            }),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c(
+                                          "td",
+                                          [
+                                            _c("check-value", {
+                                              attrs: {
+                                                value:
+                                                  props.item.keterangan_masuk,
+                                              },
+                                            }),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c("td", {
+                                          staticClass: "text-nowrap",
+                                          domProps: {
+                                            innerHTML: _vm._s(
+                                              _vm.$options.filters.date(
+                                                props.item.tanggal_masuk
+                                              )
+                                            ),
+                                          },
+                                        }),
+                                        _vm._v(" "),
+                                        _c(
+                                          "td",
+                                          [
+                                            _c("check-value", {
+                                              attrs: {
+                                                value:
+                                                  props.item.keterangan_keluar,
+                                              },
+                                            }),
+                                          ],
+                                          1
+                                        ),
+                                        _vm._v(" "),
+                                        _c("td", {
+                                          staticClass: "text-nowrap",
+                                          domProps: {
+                                            innerHTML: _vm._s(
+                                              _vm.$options.filters.date(
+                                                props.item.tanggal_keluar
+                                              )
+                                            ),
+                                          },
+                                        }),
+                                      ]
+                                    )
+                                  : _vm._e(),
+                              ]
+                            },
+                          },
+                        ],
+                        null,
+                        false,
+                        1573384605
+                      ),
+                    }),
+                  ],
+                  1
                 ),
                 _vm._v(" "),
-                _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-light btn-block pb-1",
-                    attrs: { disabled: !_vm.selectedItem.cu_id },
-                    on: {
-                      click: function ($event) {
-                        return _vm.bukaData(_vm.selectedItem.cu_id)
-                      },
-                    },
-                  },
-                  [
-                    _c("i", { staticClass: "icon-eye" }),
-                    _vm._v(
-                      " Buka data bantuan solidaritas Jalinan\n          "
-                    ),
-                  ]
-                ),
-              ]),
-              _vm._v(" "),
-              _c(
-                "div",
-                {
-                  staticClass: "col-md-3 col-lg-3 text-right d-none d-sm-block",
-                },
-                [
-                  _c(
-                    "json-excel",
-                    {
-                      staticClass: "btn bg-green-300 btn-icon mb-1",
-                      attrs: {
-                        data: _vm.excel.data,
-                        exportFields: _vm.excel.fields,
-                        meta: _vm.excel.meta,
-                        title: "Data " + _vm.title,
-                        name: _vm.title + ".xls",
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-file-excel" }),
-                      _vm._v(" Excel"),
-                    ]
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon mb-1",
-                      attrs: {
-                        type: "button",
-                        disabled: _vm.itemDataStat === "loading",
-                      },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.fetch()
-                        },
-                      },
-                    },
-                    [_c("i", { staticClass: "icon-sync" })]
-                  ),
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "div",
-                { staticClass: "col-md-12 d-block d-sm-none" },
-                [
-                  _c(
-                    "json-excel",
-                    {
-                      staticClass: "btn bg-green-300 btn-icon btn-block mb-1",
-                      attrs: {
-                        data: _vm.excel.data,
-                        exportFields: _vm.excel.fields,
-                        meta: _vm.excel.meta,
-                        title: "Data " + _vm.title,
-                        name: _vm.title + ".xls",
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-file-excel" }),
-                      _vm._v(" Excel"),
-                    ]
-                  ),
+                _c("div", { staticClass: "card" }, [
+                  _vm._m(6),
                   _vm._v(" "),
-                  _c(
-                    "button",
-                    {
-                      staticClass: "btn btn-light btn-icon btn-block mb-1",
-                      attrs: {
-                        type: "button",
-                        disabled: _vm.itemDataStat === "loading",
-                      },
-                      on: {
-                        click: function ($event) {
-                          $event.preventDefault()
-                          return _vm.fetch()
-                        },
-                      },
-                    },
-                    [
-                      _c("i", { staticClass: "icon-sync" }),
-                      _vm._v(" Reload\n          "),
-                    ]
-                  ),
-                ],
-                1
-              ),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c("data-table", {
-            attrs: {
-              items: _vm.itemData,
-              columnData: _vm.columnData,
-              itemDataStat: _vm.itemDataStat,
-            },
-            scopedSlots: _vm._u([
-              {
-                key: "item-desktop",
-                fn: function (props) {
-                  return [
-                    props.item
-                      ? _c(
-                          "tr",
+                  _c("div", { staticClass: "card-body" }, [
+                    _c("div", { staticClass: "row" }, [
+                      _c("div", { staticClass: "col-sm-4" }, [
+                        _c(
+                          "div",
                           {
-                            staticClass: "text-nowrap",
+                            staticClass: "form-group",
                             class: {
-                              "bg-info":
-                                _vm.selectedItem.no_ba === props.item.no_ba,
-                            },
-                            on: {
-                              click: function ($event) {
-                                return _vm.selectedRow(props.item)
-                              },
+                              "has-error": _vm.errors.has("form.tp_id"),
                             },
                           },
                           [
-                            _c("td", [_vm._v(_vm._s(props.index + 1))]),
-                            _vm._v(" "),
-                            _c("td", [
-                              props.item.status_klaim_setuju > 0 &&
-                              props.item.status_klaim_cair == 0
-                                ? _c(
-                                    "label",
-                                    { staticClass: "badge badge-danger ml-1" },
-                                    [
-                                      _vm._v(
-                                        "\n              Belum Dicairkan\n            "
-                                      ),
-                                    ]
-                                  )
-                                : props.item.status_klaim_cair > 0 &&
-                                  props.item.status_klaim_setuju == 0
-                                ? _c(
-                                    "label",
-                                    { staticClass: "badge badge-primary ml-1" },
-                                    [
-                                      _vm._v(
-                                        "\n              Sudah Dicairkan\n            "
-                                      ),
-                                    ]
-                                  )
-                                : _c(
-                                    "label",
-                                    { staticClass: "badge badge-warning ml-1" },
-                                    [
-                                      _vm._v(
-                                        "\n              Ada yang belum dicairkan, "
-                                      ),
-                                      _c("br"),
-                                      _vm._v(
-                                        "\n              mohon melihat data klaim\n            "
-                                      ),
-                                    ]
-                                  ),
-                            ]),
-                            _vm._v(" "),
                             _c(
-                              "td",
+                              "h6",
+                              {
+                                class: {
+                                  "text-danger": _vm.errors.has("form.tp_id"),
+                                },
+                              },
                               [
-                                _c("check-value", {
-                                  attrs: { value: props.item.no_ba },
-                                }),
+                                _vm.errors.has("form.tp_id")
+                                  ? _c("i", { staticClass: "icon-cross2" })
+                                  : _vm._e(),
+                                _vm._v("\n\t\t\t\t\t\t\t\t\t\tTP/KP: "),
+                                _c("wajib-badge"),
                               ],
                               1
                             ),
                             _vm._v(" "),
                             _c(
-                              "td",
+                              "select",
+                              {
+                                directives: [
+                                  {
+                                    name: "model",
+                                    rawName: "v-model",
+                                    value: _vm.form.tp_id,
+                                    expression: "form.tp_id",
+                                  },
+                                  {
+                                    name: "validate",
+                                    rawName: "v-validate",
+                                    value: "required",
+                                    expression: "'required'",
+                                  },
+                                ],
+                                staticClass: "form-control",
+                                attrs: {
+                                  name: "id_tp",
+                                  "data-width": "100%",
+                                  "data-vv-as": "TP/KP",
+                                },
+                                on: {
+                                  change: function ($event) {
+                                    var $$selectedVal = Array.prototype.filter
+                                      .call(
+                                        $event.target.options,
+                                        function (o) {
+                                          return o.selected
+                                        }
+                                      )
+                                      .map(function (o) {
+                                        var val =
+                                          "_value" in o ? o._value : o.value
+                                        return val
+                                      })
+                                    _vm.$set(
+                                      _vm.form,
+                                      "tp_id",
+                                      $event.target.multiple
+                                        ? $$selectedVal
+                                        : $$selectedVal[0]
+                                    )
+                                  },
+                                },
+                              },
                               [
-                                _c("check-value", {
-                                  attrs: { value: props.item.kategori },
+                                _c(
+                                  "option",
+                                  { attrs: { disabled: "", value: "" } },
+                                  [_vm._v("Silahkan pilih TP/KP")]
+                                ),
+                                _vm._v(" "),
+                                _vm._l(_vm.modelTp, function (tp, index) {
+                                  return _c(
+                                    "option",
+                                    { key: index, domProps: { value: tp.id } },
+                                    [_vm._v(_vm._s(tp.name))]
+                                  )
                                 }),
                               ],
-                              1
+                              2
                             ),
                             _vm._v(" "),
+                            _vm.errors.has("form.tp_id")
+                              ? _c(
+                                  "small",
+                                  { staticClass: "text-muted text-danger" },
+                                  [
+                                    _c("i", {
+                                      staticClass: "icon-arrow-small-right",
+                                    }),
+                                    _vm._v(
+                                      " " +
+                                        _vm._s(_vm.errors.first("form.tp_id")) +
+                                        "\n\t\t\t\t\t\t\t\t\t"
+                                    ),
+                                  ]
+                                )
+                              : _c("small", { staticClass: "text-muted" }, [
+                                  _vm._v(" "),
+                                ]),
+                          ]
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "col-md-4" }, [
+                        _c(
+                          "div",
+                          {
+                            staticClass: "form-group",
+                            class: {
+                              "has-error": _vm.errors.has("form.no_ba"),
+                            },
+                          },
+                          [
                             _c(
-                              "td",
+                              "h6",
+                              {
+                                class: {
+                                  "text-danger": _vm.errors.has("form.no_ba"),
+                                },
+                              },
                               [
-                                _c("check-value", {
-                                  attrs: {
-                                    value: props.item.lakilaki,
-                                    valueType: "currency",
-                                  },
-                                }),
+                                _vm.errors.has("form.no_ba")
+                                  ? _c("i", { staticClass: "icon-cross2" })
+                                  : _vm._e(),
+                                _vm._v("\n\t\t\t\t\t\t\t\t\tNo. BA: "),
+                                _c("wajib-badge"),
                               ],
                               1
                             ),
                             _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: {
-                                    value: props.item.perempuan,
-                                    valueType: "currency",
-                                  },
-                                }),
+                            _c("cleave", {
+                              directives: [
+                                {
+                                  name: "validate",
+                                  rawName: "v-validate",
+                                  value: "required",
+                                  expression: "'required'",
+                                },
                               ],
-                              1
-                            ),
+                              staticClass: "form-control",
+                              attrs: {
+                                name: "no_ba",
+                                options: _vm.cleaveOption.number16,
+                                placeholder:
+                                  "Silahkan masukkan no buku anggota",
+                                "data-vv-as": "No. Buku Anggota",
+                              },
+                              model: {
+                                value: _vm.form.no_ba,
+                                callback: function ($$v) {
+                                  _vm.$set(_vm.form, "no_ba", $$v)
+                                },
+                                expression: "form.no_ba",
+                              },
+                            }),
                             _vm._v(" "),
+                            _vm.errors.has("form.no_ba")
+                              ? _c(
+                                  "small",
+                                  { staticClass: "text-muted text-danger" },
+                                  [
+                                    _c("i", {
+                                      staticClass: "icon-arrow-small-right",
+                                    }),
+                                    _vm._v(
+                                      " " +
+                                        _vm._s(_vm.errors.first("form.no_ba")) +
+                                        "\n\t\t\t\t\t\t\t\t\t"
+                                    ),
+                                  ]
+                                )
+                              : _c("small", { staticClass: "text-muted" }, [
+                                  _vm._v(" "),
+                                ]),
+                          ],
+                          1
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "col-md-4" }, [
+                        _c(
+                          "div",
+                          {
+                            staticClass: "form-group",
+                            class: {
+                              "has-error": _vm.errors.has("form.tanggal_masuk"),
+                            },
+                          },
+                          [
                             _c(
-                              "td",
+                              "h6",
+                              {
+                                class: {
+                                  "text-danger":
+                                    _vm.errors.has("form.tanggal_masuk"),
+                                },
+                              },
                               [
-                                _c("check-value", {
-                                  attrs: {
-                                    value: props.item.meninggal,
-                                    valueType: "currency",
-                                  },
-                                }),
+                                _vm.errors.has("form.tanggal_masuk")
+                                  ? _c("i", { staticClass: "icon-cross2" })
+                                  : _vm._e(),
+                                _vm._v(
+                                  "\n\t\t\t\t\t\t\t\t\tTgl. Jadi Anggota: "
+                                ),
+                                _c("wajib-badge"),
                               ],
                               1
                             ),
                             _vm._v(" "),
-                            _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: {
-                                    value: props.item.cacat,
-                                    valueType: "currency",
-                                  },
-                                }),
+                            _c("date-picker", {
+                              attrs: { defaultDate: _vm.form.tanggal_masuk },
+                              on: {
+                                dateSelected: function ($event) {
+                                  _vm.form.tanggal_masuk = $event
+                                },
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("input", {
+                              directives: [
+                                {
+                                  name: "model",
+                                  rawName: "v-model",
+                                  value: _vm.form.tanggal_masuk,
+                                  expression: "form.tanggal_masuk",
+                                },
+                                {
+                                  name: "show",
+                                  rawName: "v-show",
+                                  value: false,
+                                  expression: "false",
+                                },
+                                {
+                                  name: "validate",
+                                  rawName: "v-validate",
+                                  value: "required",
+                                  expression: "'required'",
+                                },
                               ],
-                              1
-                            ),
+                              attrs: { "data-vv-as": "Tgl. Jadi Anggota" },
+                              domProps: { value: _vm.form.tanggal_masuk },
+                              on: {
+                                input: function ($event) {
+                                  if ($event.target.composing) {
+                                    return
+                                  }
+                                  _vm.$set(
+                                    _vm.form,
+                                    "tanggal_masuk",
+                                    $event.target.value
+                                  )
+                                },
+                              },
+                            }),
                             _vm._v(" "),
+                            _vm.errors.has("form.tanggal_masuk")
+                              ? _c(
+                                  "small",
+                                  { staticClass: "text-muted text-danger" },
+                                  [
+                                    _c("i", {
+                                      staticClass: "icon-arrow-small-right",
+                                    }),
+                                    _vm._v(
+                                      " " +
+                                        _vm._s(
+                                          _vm.errors.first("form.tanggal_masuk")
+                                        ) +
+                                        "\n\t\t\t\t\t\t\t\t\t"
+                                    ),
+                                  ]
+                                )
+                              : _c("small", { staticClass: "text-muted" }, [
+                                  _vm._v(" "),
+                                ]),
+                          ],
+                          1
+                        ),
+                      ]),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "col-md-12" }, [
+                        _c("div", { staticClass: "form-group" }, [
+                          _c("h6", [
+                            _vm._v(
+                              "\n\t\t\t\t\t\t\t\t\tKeterangan Jadi Anggota:"
+                            ),
+                          ]),
+                          _vm._v(" "),
+                          _c("input", {
+                            directives: [
+                              {
+                                name: "model",
+                                rawName: "v-model",
+                                value: _vm.form.keterangan_masuk,
+                                expression: "form.keterangan_masuk",
+                              },
+                            ],
+                            staticClass: "form-control",
+                            attrs: {
+                              type: "text",
+                              name: "keterangan_masuk",
+                              placeholder: "Silahkan masukkan keterangan masuk",
+                            },
+                            domProps: { value: _vm.form.keterangan_masuk },
+                            on: {
+                              input: function ($event) {
+                                if ($event.target.composing) {
+                                  return
+                                }
+                                _vm.$set(
+                                  _vm.form,
+                                  "keterangan_masuk",
+                                  $event.target.value
+                                )
+                              },
+                            },
+                          }),
+                        ]),
+                      ]),
+                      _vm._v(" "),
+                      _vm._m(7),
+                    ]),
+                  ]),
+                ]),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _vm.currentUser && _vm.currentUser.id_cu == 0
+            ? _c(
+                "div",
+                { staticClass: "card" },
+                [
+                  _c("div", { staticClass: "card-header bg-white" }, [
+                    _c(
+                      "h5",
+                      { staticClass: "card-title" },
+                      [_vm._v("CU "), _c("wajib-badge")],
+                      1
+                    ),
+                  ]),
+                  _vm._v(" "),
+                  _c("div", { staticClass: "card-body pb-2" }, [
+                    _c("div", { staticClass: "row" }, [
+                      _vm.form.status_jalinan != 1 &&
+                      _vm.form.status_jalinan != 2
+                        ? _c("div", { staticClass: "col-md-12" }, [
                             _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: {
-                                    value: props.item.tunas_disetujui,
-                                    valueType: "currency",
+                              "button",
+                              {
+                                staticClass: "btn btn-light mb-1",
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.modalOpen("tambahCu")
                                   },
-                                }),
-                              ],
-                              1
+                                },
+                              },
+                              [
+                                _c("i", { staticClass: "icon-plus22" }),
+                                _vm._v(" Tambah\n\t\t\t\t\t\t"),
+                              ]
                             ),
                             _vm._v(" "),
                             _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: {
-                                    value: props.item.lintang_disetujui,
-                                    valueType: "currency",
+                              "button",
+                              {
+                                staticClass: "btn btn-light mb-1",
+                                attrs: { disabled: !_vm.selectedItemCu.index },
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.modalOpen("ubahCu")
                                   },
-                                }),
-                              ],
-                              1
+                                },
+                              },
+                              [
+                                _c("i", { staticClass: "icon-pencil5" }),
+                                _vm._v(" Ubah\n\t\t\t\t\t\t"),
+                              ]
                             ),
                             _vm._v(" "),
                             _c(
-                              "td",
-                              [
-                                _c("check-value", {
-                                  attrs: {
-                                    value: props.item.tot_disetujui,
-                                    valueType: "currency",
+                              "button",
+                              {
+                                staticClass: "btn btn-light mb-1",
+                                attrs: { disabled: !_vm.selectedItemCu.index },
+                                on: {
+                                  click: function ($event) {
+                                    $event.preventDefault()
+                                    return _vm.modalOpen("hapusCu")
                                   },
-                                }),
-                              ],
-                              1
+                                },
+                              },
+                              [
+                                _c("i", { staticClass: "icon-bin2" }),
+                                _vm._v(" Hapus\n\t\t\t\t\t\t"),
+                              ]
                             ),
-                          ]
-                        )
-                      : _vm._e(),
-                  ]
-                },
-              },
-            ]),
-          }),
+                          ])
+                        : _vm._e(),
+                    ]),
+                  ]),
+                  _vm._v(" "),
+                  _c("data-table", {
+                    attrs: {
+                      items: _vm.itemDataCu,
+                      columnData: _vm.columnDataCu,
+                      itemDataStat: _vm.itemDataCuStat,
+                    },
+                    scopedSlots: _vm._u(
+                      [
+                        {
+                          key: "item-desktop",
+                          fn: function (props) {
+                            return [
+                              props.item
+                                ? _c(
+                                    "tr",
+                                    {
+                                      staticClass: "text-nowrap",
+                                      class: {
+                                        "bg-info":
+                                          _vm.selectedItemCu.index ===
+                                          props.index + 1,
+                                      },
+                                      on: {
+                                        click: function ($event) {
+                                          return _vm.selectedCuRow(
+                                            props.index,
+                                            props.item
+                                          )
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("td", [
+                                        _vm._v(_vm._s(props.index + 1)),
+                                      ]),
+                                      _vm._v(" "),
+                                      _c(
+                                        "td",
+                                        [
+                                          props.item.cu
+                                            ? _c("check-value", {
+                                                attrs: {
+                                                  value: props.item.cu.name,
+                                                },
+                                              })
+                                            : _c("span", [_vm._v("-")]),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "td",
+                                        [
+                                          props.item.tp
+                                            ? _c("check-value", {
+                                                attrs: {
+                                                  value: props.item.tp.name,
+                                                },
+                                              })
+                                            : _c("span", [_vm._v("-")]),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "td",
+                                        [
+                                          _c("check-value", {
+                                            attrs: { value: props.item.no_ba },
+                                          }),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "td",
+                                        [
+                                          _c("check-value", {
+                                            attrs: {
+                                              value:
+                                                props.item.keterangan_masuk,
+                                            },
+                                          }),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c("td", {
+                                        staticClass: "text-nowrap",
+                                        domProps: {
+                                          innerHTML: _vm._s(
+                                            _vm.$options.filters.date(
+                                              props.item.tanggal_masuk
+                                            )
+                                          ),
+                                        },
+                                      }),
+                                      _vm._v(" "),
+                                      _c(
+                                        "td",
+                                        [
+                                          _c("check-value", {
+                                            attrs: {
+                                              value:
+                                                props.item.keterangan_keluar,
+                                            },
+                                          }),
+                                        ],
+                                        1
+                                      ),
+                                      _vm._v(" "),
+                                      _c("td", {
+                                        staticClass: "text-nowrap",
+                                        domProps: {
+                                          innerHTML: _vm._s(
+                                            _vm.$options.filters.date(
+                                              props.item.tanggal_keluar
+                                            )
+                                          ),
+                                        },
+                                      }),
+                                    ]
+                                  )
+                                : _vm._e(),
+                            ]
+                          },
+                        },
+                      ],
+                      null,
+                      false,
+                      1573384605
+                    ),
+                  }),
+                ],
+                1
+              )
+            : _vm._e(),
+          _vm._v(" "),
+          _c("form-info"),
+          _vm._v(" "),
+          _c("br"),
+          _vm._v(" "),
+          _vm.form.status_jalinan != 1 && _vm.form.status_jalinan != 2
+            ? _c(
+                "div",
+                { staticClass: "card card-body" },
+                [
+                  _c("form-button", {
+                    attrs: {
+                      cancelState: "methods",
+                      formValidation: "form",
+                      confirmIcon: _vm.confirmIcon,
+                      confirmTitle: _vm.confirmTitle,
+                    },
+                    on: { cancelClick: _vm.back },
+                  }),
+                ],
+                1
+              )
+            : _vm._e(),
         ],
         1
       ),
       _vm._v(" "),
-      _c("div", { staticClass: "row" }, [
-        _c("div", { staticClass: "col-lg-6 col-md-6" }, [
-          _c("div", { staticClass: "card card-body bg-blue-400" }, [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c(
-                  "h3",
-                  { staticClass: "mb-0" },
-                  [
-                    _c("check-value", {
-                      attrs: { value: _vm.sumData.cu, valueType: "currency" },
-                    }),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase" }, [
-                  _vm._v("\n              Jumlah CU\n            "),
-                ]),
-              ]),
-              _vm._v(" "),
-              _vm._m(0),
-            ]),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-lg-6 col-md-6" }, [
-          _c("div", { staticClass: "card card-body bg-green-400" }, [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c(
-                  "h3",
-                  { staticClass: "mb-0" },
-                  [
-                    _c("check-value", {
-                      attrs: {
-                        value: _vm.sumData.tot_disetujui,
-                        valueType: "currency",
-                      },
-                    }),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase" }, [
-                  _vm._v("\n              Jumlah Pencairan\n            "),
-                ]),
-              ]),
-              _vm._v(" "),
-              _vm._m(1),
-            ]),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-lg-3 col-md-3" }, [
-          _c("div", { staticClass: "card card-body bg-brown-400" }, [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c(
-                  "h3",
-                  { staticClass: "mb-0" },
-                  [
-                    _c("check-value", {
-                      attrs: {
-                        value: _vm.sumData.lakilaki,
-                        valueType: "currency",
-                      },
-                    }),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase" }, [
-                  _vm._v("\n              jumlah laki-laki\n            "),
-                ]),
-              ]),
-              _vm._v(" "),
-              _vm._m(2),
-            ]),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-lg-3 col-md-3" }, [
-          _c("div", { staticClass: "card card-body bg-pink-400" }, [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c(
-                  "h3",
-                  { staticClass: "mb-0" },
-                  [
-                    _c("check-value", {
-                      attrs: {
-                        value: _vm.sumData.perempuan,
-                        valueType: "currency",
-                      },
-                    }),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase" }, [
-                  _vm._v("\n              jumlah perempuan\n            "),
-                ]),
-              ]),
-              _vm._v(" "),
-              _vm._m(3),
-            ]),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-lg-3 col-md-3" }, [
-          _c("div", { staticClass: "card card-body bg-purple-400" }, [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c(
-                  "h3",
-                  { staticClass: "mb-0" },
-                  [
-                    _c("check-value", {
-                      attrs: {
-                        value: _vm.sumData.cacat,
-                        valueType: "currency",
-                      },
-                    }),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase" }, [
-                  _vm._v("\n              Jumlah Cacat\n            "),
-                ]),
-              ]),
-              _vm._v(" "),
-              _vm._m(4),
-            ]),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "col-lg-3 col-md-3" }, [
-          _c("div", { staticClass: "card card-body bg-grey-400" }, [
-            _c("div", { staticClass: "media" }, [
-              _c("div", { staticClass: "media-body" }, [
-                _c(
-                  "h3",
-                  { staticClass: "mb-0" },
-                  [
-                    _c("check-value", {
-                      attrs: {
-                        value: _vm.sumData.meninggal,
-                        valueType: "currency",
-                      },
-                    }),
-                  ],
-                  1
-                ),
-                _vm._v(" "),
-                _c("span", { staticClass: "text-uppercase" }, [
-                  _vm._v("\n              Jumlah Meninggal\n            "),
-                ]),
-              ]),
-              _vm._v(" "),
-              _vm._m(5),
-            ]),
-          ]),
-        ]),
-      ]),
-      _vm._v(" "),
-      _c("app-modal", {
-        attrs: {
-          show: _vm.modalShow,
-          state: _vm.modalState,
-          title: _vm.modalTitle,
-          size: _vm.modalSize,
-          button: _vm.modalButton,
-          content: _vm.modalContent,
-          color: _vm.modalColor,
-        },
-        on: {
-          tutup: _vm.modalTutup,
-          confirmOk: _vm.modalConfirmOk,
-          successOk: _vm.modalTutup,
-          failOk: _vm.modalTutup,
-          backgroundClick: _vm.modalTutup,
+      _c(
+        "app-modal",
+        {
+          attrs: {
+            show: _vm.modalShow,
+            state: _vm.modalState,
+            title: _vm.modalTitle,
+            content: _vm.modalContent,
+            color: _vm.modalColor,
+          },
+          on: {
+            batal: _vm.modalTutup,
+            confirmOk: _vm.modalConfirmOk,
+            tutup: _vm.modalTutup,
+            successOk: _vm.modalTutup,
+            failOk: _vm.modalTutup,
+            backgroundClick: _vm.modalBackgroundClick,
+          },
         },
-      }),
+        [
+          _c("template", { slot: "modal-title" }, [
+            _vm._v("\n\t\t\t" + _vm._s(_vm.modalTitle) + "\n\t\t"),
+          ]),
+          _vm._v(" "),
+          _c(
+            "template",
+            { slot: "modal-body3" },
+            [
+              _c("form-cu", {
+                attrs: { mode: _vm.formCuMode, selected: _vm.selectedItemCu },
+                on: {
+                  createCu: _vm.createCu,
+                  editCu: _vm.editCu,
+                  tutup: _vm.modalTutup,
+                },
+              }),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
     ],
     1
   )
@@ -1570,50 +4986,68 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c("i", { staticClass: "icon-office icon-3x opacity-75" }),
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Identitas")]),
     ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c("i", { staticClass: "icon-square-down icon-3x opacity-75" }),
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Identitas Anggota")]),
     ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c("i", { staticClass: "icon-man icon-3x opacity-75" }),
+    return _c("h6", [
+      _vm._v(" Tinggi "),
+      _c("small", [_vm._v("(cm)")]),
+      _vm._v(":"),
     ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c("i", { staticClass: "icon-woman icon-3x opacity-75" }),
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Riwayat")]),
     ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c("i", { staticClass: "icon-accessibility2 icon-3x opacity-75" }),
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("Alamat & Kontak")]),
     ])
   },
   function () {
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "ml-3 align-self-center" }, [
-      _c("i", { staticClass: "icon-person icon-3x opacity-75" }),
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [
+        _vm._v("Keanggotaan Sebelumnya"),
+      ]),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "card-header bg-white" }, [
+      _c("h5", { staticClass: "card-title" }, [_vm._v("CU")]),
     ])
   },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "col-sm-12" }, [_c("hr")])
+  },
 ]
 render._withStripped = true
 
@@ -1621,17 +5055,713 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanCair/index.vue":
-/*!*********************************************************!*\
-  !*** ./resources/assets/js/views/jalinanCair/index.vue ***!
-  \*********************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/form.vue?vue&type=template&id=3f3e3af6&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/form.vue?vue&type=template&id=3f3e3af6& ***!
+  \*******************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("page-header", {
+        attrs: {
+          title: _vm.title,
+          titleDesc: _vm.titleDesc,
+          titleIcon: _vm.titleIcon,
+          level: 2,
+          level2Title: _vm.level2Title,
+          level2Route: _vm.kelas,
+        },
+        on: {
+          level2Back: function ($event) {
+            return _vm.back()
+          },
+        },
+      }),
+      _vm._v(" "),
+      _c("div", { staticClass: "page-content pt-0" }, [
+        _c("div", { staticClass: "content-wrapper" }, [
+          _c(
+            "div",
+            { staticClass: "content" },
+            [
+              _vm.$route.meta.mode == "create"
+                ? _c(
+                    "div",
+                    [
+                      _c("cari-data", {
+                        attrs: { itemDataStat: _vm.itemDataStat, isBack: true },
+                        on: {
+                          cariData: _vm.cariData,
+                          changeStatusNIK: _vm.changeStatusNIK,
+                          nikNew: _vm.nikNew,
+                          resetData: _vm.resetData,
+                          back: _vm.back,
+                        },
+                      }),
+                      _vm._v(" "),
+                      _vm.itemDataStat == "fail"
+                        ? _c(
+                            "div",
+                            {
+                              staticClass:
+                                "alert bg-success text-whi te alert-styled-left ",
+                            },
+                            [
+                              _c(
+                                "span",
+                                { staticClass: "font-weight-semibold" },
+                                [
+                                  _vm._v(
+                                    "No. KTP tidak terdaftar di SIMO, maka silahkan menambahkan data anggota CU baru.\n\t\t\t\t\t\t"
+                                  ),
+                                ]
+                              ),
+                            ]
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _vm.itemDataStat == "fail"
+                        ? _c("form-create", {
+                            attrs: {
+                              nik: _vm.nik,
+                              statusNIK: _vm.statusNIK,
+                              mode: "create_new",
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _vm.itemDataStat == "success"
+                        ? _c("div", [
+                            _vm.itemData.status_jalinan == 1 ||
+                            _vm.itemData.status_jalinan == 2
+                              ? _c(
+                                  "div",
+                                  {
+                                    staticClass:
+                                      "alert bg-danger text-white alert-styled-left ",
+                                  },
+                                  [
+                                    _c(
+                                      "span",
+                                      { staticClass: "font-weight-semibold" },
+                                      [
+                                        _vm._v("Anggota ini sudah dinyatakan "),
+                                        _c("b", {
+                                          domProps: {
+                                            innerHTML: _vm._s(
+                                              _vm.$options.filters.statusJalinan(
+                                                _vm.itemData.status_jalinan
+                                              )
+                                            ),
+                                          },
+                                        }),
+                                        _vm._v(
+                                          ", maka tidak bisa dilakukan penambahan, pengubahan dan penghapusan data produk.\n\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    ),
+                                  ]
+                                )
+                              : _c(
+                                  "div",
+                                  {
+                                    staticClass:
+                                      "alert bg-warning text-white alert-styled-left",
+                                  },
+                                  [
+                                    _c(
+                                      "span",
+                                      { staticClass: "font-weight-semibold" },
+                                      [
+                                        _vm._v(
+                                          "No. KTP sudah terdaftar di SIMO. Apabila ingin menambahkan anggota tersebut menjadi anggota cu maka silahkan tambahkan no. ba dan tgl. jadi anggota. \n\t\t\t\t\t\t\t"
+                                        ),
+                                      ]
+                                    ),
+                                  ]
+                                ),
+                          ])
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _vm.itemDataStat == "success"
+                        ? _c("form-create", { attrs: { mode: "create_old" } })
+                        : _vm._e(),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.$route.meta.mode == "edit"
+                ? _c("form-create", { attrs: { mode: "edit" } })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.$route.meta.mode == "editJalinan"
+                ? _c("form-create", { attrs: { mode: "edit_jalinan" } })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.$route.meta.mode == "createEdit"
+                ? _c("form-create", { attrs: { mode: "create_edit" } })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.$route.meta.mode == "createJalinan"
+                ? _c("form-create", { attrs: { mode: "create_jalinan" } })
+                : _vm._e(),
+              _vm._v(" "),
+              _vm.$route.meta.mode == "createJalinanEdit"
+                ? _c("form-create", { attrs: { mode: "create_jalinan_edit" } })
+                : _vm._e(),
+            ],
+            1
+          ),
+        ]),
+      ]),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=template&id=6f5a0ad7&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=template&id=6f5a0ad7& ***!
+  \*********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c(
+      "form",
+      {
+        attrs: { "data-vv-scope": "formDataCu" },
+        on: {
+          submit: function ($event) {
+            $event.preventDefault()
+            return _vm.save.apply(null, arguments)
+          },
+        },
+      },
+      [
+        _vm.message.show
+          ? _c("message", {
+              attrs: {
+                title: "Oops terjadi kesalahan",
+                errorData: _vm.message.content,
+                showDebug: false,
+              },
+              on: { close: _vm.messageClose },
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _c("div", { staticClass: "row" }, [
+          _vm.currentUser.id_cu === 0
+            ? _c("div", { staticClass: "col-md-6" }, [
+                _c(
+                  "div",
+                  {
+                    staticClass: "form-group",
+                    class: { "has-error": _vm.errors.has("formDataCu.cu_id") },
+                  },
+                  [
+                    _c(
+                      "h5",
+                      {
+                        class: {
+                          "text-danger": _vm.errors.has("formDataCu.cu_id"),
+                        },
+                      },
+                      [
+                        _vm.errors.has("formDataCu.cu_id")
+                          ? _c("i", { staticClass: "icon-cross2" })
+                          : _vm._e(),
+                        _vm._v("\n\t\t\t\t\tCU: "),
+                        _c("wajib-badge"),
+                      ],
+                      1
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "select",
+                      {
+                        directives: [
+                          {
+                            name: "model",
+                            rawName: "v-model",
+                            value: _vm.formDataCu.cu_id,
+                            expression: "formDataCu.cu_id",
+                          },
+                          {
+                            name: "validate",
+                            rawName: "v-validate",
+                            value: "required",
+                            expression: "'required'",
+                          },
+                        ],
+                        staticClass: "form-control",
+                        attrs: {
+                          name: "cu_id",
+                          "data-width": "100%",
+                          "data-vv-as": "CU",
+                          disabled: _vm.modelCU.length === 0,
+                        },
+                        on: {
+                          change: [
+                            function ($event) {
+                              var $$selectedVal = Array.prototype.filter
+                                .call($event.target.options, function (o) {
+                                  return o.selected
+                                })
+                                .map(function (o) {
+                                  var val = "_value" in o ? o._value : o.value
+                                  return val
+                                })
+                              _vm.$set(
+                                _vm.formDataCu,
+                                "cu_id",
+                                $event.target.multiple
+                                  ? $$selectedVal
+                                  : $$selectedVal[0]
+                              )
+                            },
+                            function ($event) {
+                              return _vm.changeCu($event.target.value)
+                            },
+                          ],
+                        },
+                      },
+                      [
+                        _c("option", { attrs: { disabled: "", value: "0" } }, [
+                          _vm.modelCUStat === "loading"
+                            ? _c("span", [_vm._v("Mohon tunggu...")])
+                            : _c("span", [_vm._v("Silahkan pilih CU")]),
+                        ]),
+                        _vm._v(" "),
+                        _vm._l(_vm.modelCU, function (cu, index) {
+                          return _c(
+                            "option",
+                            { key: index, domProps: { value: cu.id } },
+                            [_vm._v(_vm._s(cu.name))]
+                          )
+                        }),
+                      ],
+                      2
+                    ),
+                    _vm._v(" "),
+                    _vm.errors.has("formDataCu.cu_id")
+                      ? _c("small", { staticClass: "text-muted text-danger" }, [
+                          _c("i", { staticClass: "icon-arrow-small-right" }),
+                          _vm._v(
+                            " " +
+                              _vm._s(_vm.errors.first("formDataCu.cu_id")) +
+                              "\n\t\t\t\t"
+                          ),
+                        ])
+                      : _c("small", { staticClass: "text-muted" }, [
+                          _vm._v(" "),
+                        ]),
+                  ]
+                ),
+              ])
+            : _vm._e(),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-6" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formDataCu.tp_id") },
+              },
+              [
+                _c(
+                  "h6",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formDataCu.tp_id"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formDataCu.tp_id")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tTP/KP: "),
+                    _c("wajib-badge"),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c(
+                  "select",
+                  {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.formDataCu.tp_id,
+                        expression: "formDataCu.tp_id",
+                      },
+                      {
+                        name: "validate",
+                        rawName: "v-validate",
+                        value: "required",
+                        expression: "'required'",
+                      },
+                    ],
+                    staticClass: "form-control",
+                    attrs: {
+                      name: "id_tp",
+                      "data-width": "100%",
+                      "data-vv-as": "TP/KP",
+                    },
+                    on: {
+                      change: [
+                        function ($event) {
+                          var $$selectedVal = Array.prototype.filter
+                            .call($event.target.options, function (o) {
+                              return o.selected
+                            })
+                            .map(function (o) {
+                              var val = "_value" in o ? o._value : o.value
+                              return val
+                            })
+                          _vm.$set(
+                            _vm.formDataCu,
+                            "tp_id",
+                            $event.target.multiple
+                              ? $$selectedVal
+                              : $$selectedVal[0]
+                          )
+                        },
+                        function ($event) {
+                          return _vm.changeTp($event.target.value)
+                        },
+                      ],
+                    },
+                  },
+                  [
+                    _c("option", { attrs: { disabled: "", value: "" } }, [
+                      _vm.modelTpStat === "loading"
+                        ? _c("span", [_vm._v("Mohon tunggu...")])
+                        : _c("span", [_vm._v("Silahkan pilih TP/KP")]),
+                    ]),
+                    _vm._v(" "),
+                    _vm._l(_vm.modelTp, function (tp, index) {
+                      return _c(
+                        "option",
+                        { key: index, domProps: { value: tp.id } },
+                        [_vm._v(_vm._s(tp.name))]
+                      )
+                    }),
+                  ],
+                  2
+                ),
+                _vm._v(" "),
+                _vm.errors.has("formDataCu.tp_id")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formDataCu.tp_id")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [_vm._v(" ")]),
+              ]
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-6" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: { "has-error": _vm.errors.has("formDataCu.no_ba") },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formDataCu.no_ba"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formDataCu.no_ba")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tNo. BA: "),
+                    _c("wajib-badge"),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c("cleave", {
+                  directives: [
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  staticClass: "form-control",
+                  attrs: {
+                    name: "anggota_no_ba",
+                    options: _vm.cleaveOption.number16,
+                    placeholder: "Silahkan masukkan no buku anggota",
+                    "data-vv-as": "No. Buku Anggota",
+                  },
+                  model: {
+                    value: _vm.formDataCu.no_ba,
+                    callback: function ($$v) {
+                      _vm.$set(_vm.formDataCu, "no_ba", $$v)
+                    },
+                    expression: "formDataCu.no_ba",
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formDataCu.no_ba")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formDataCu.no_ba")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [
+                      _vm._v(" \n\t\t\t\t"),
+                    ]),
+              ],
+              1
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-6" }, [
+            _c(
+              "div",
+              {
+                staticClass: "form-group",
+                class: {
+                  "has-error": _vm.errors.has("formDataCu.tanggal_masuk"),
+                },
+              },
+              [
+                _c(
+                  "h5",
+                  {
+                    class: {
+                      "text-danger": _vm.errors.has("formDataCu.tanggal_masuk"),
+                    },
+                  },
+                  [
+                    _vm.errors.has("formDataCu.tanggal_masuk")
+                      ? _c("i", { staticClass: "icon-cross2" })
+                      : _vm._e(),
+                    _vm._v("\n\t\t\t\t\tTgl. Jadi Anggota: "),
+                    _c("wajib-badge"),
+                  ],
+                  1
+                ),
+                _vm._v(" "),
+                _c("date-picker", {
+                  attrs: { defaultDate: _vm.formDataCu.tanggal_masuk },
+                  on: {
+                    dateSelected: function ($event) {
+                      _vm.formDataCu.tanggal_masuk = $event
+                    },
+                  },
+                }),
+                _vm._v(" "),
+                _c("input", {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.formDataCu.tanggal_masuk,
+                      expression: "formDataCu.tanggal_masuk",
+                    },
+                    {
+                      name: "show",
+                      rawName: "v-show",
+                      value: false,
+                      expression: "false",
+                    },
+                    {
+                      name: "validate",
+                      rawName: "v-validate",
+                      value: "required",
+                      expression: "'required'",
+                    },
+                  ],
+                  attrs: { "data-vv-as": "Tgl. jadi anggota" },
+                  domProps: { value: _vm.formDataCu.tanggal_masuk },
+                  on: {
+                    input: function ($event) {
+                      if ($event.target.composing) {
+                        return
+                      }
+                      _vm.$set(
+                        _vm.formDataCu,
+                        "tanggal_masuk",
+                        $event.target.value
+                      )
+                    },
+                  },
+                }),
+                _vm._v(" "),
+                _vm.errors.has("formDataCu.tanggal_masuk")
+                  ? _c("small", { staticClass: "text-muted text-danger" }, [
+                      _c("i", { staticClass: "icon-arrow-small-right" }),
+                      _vm._v(
+                        " " +
+                          _vm._s(_vm.errors.first("formDataCu.tanggal_masuk")) +
+                          "\n\t\t\t\t"
+                      ),
+                    ])
+                  : _c("small", { staticClass: "text-muted" }, [
+                      _vm._v(" \n\t\t\t\t"),
+                    ]),
+              ],
+              1
+            ),
+          ]),
+          _vm._v(" "),
+          _c("div", { staticClass: "col-md-12" }, [
+            _c("div", { staticClass: "form-group" }, [
+              _c("h6", [_vm._v("Keterangan Jadi Anggota:")]),
+              _vm._v(" "),
+              _c("input", {
+                directives: [
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.formDataCu.keterangan_masuk,
+                    expression: "formDataCu.keterangan_masuk",
+                  },
+                ],
+                staticClass: "form-control",
+                attrs: {
+                  type: "text",
+                  name: "keterangan_masuk",
+                  placeholder: "Silahkan masukkan keterangan masuk",
+                },
+                domProps: { value: _vm.formDataCu.keterangan_masuk },
+                on: {
+                  input: function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.$set(
+                      _vm.formDataCu,
+                      "keterangan_masuk",
+                      $event.target.value
+                    )
+                  },
+                },
+              }),
+            ]),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("hr"),
+        _vm._v(" "),
+        _c("div", { staticClass: "text-center d-none d-md-block" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary",
+              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+        ]),
+        _vm._v(" "),
+        _c("div", { staticClass: "d-block d-md-none" }, [
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-primary btn-block pb-2",
+              attrs: { type: "submit", disabled: _vm.formDataCu.cu_id == "" },
+            },
+            [_c("i", { staticClass: "icon-floppy-disk" }), _vm._v(" Simpan")]
+          ),
+          _vm._v(" "),
+          _c(
+            "button",
+            {
+              staticClass: "btn btn-light btn-block pb-2",
+              attrs: { type: "button" },
+              on: {
+                click: function ($event) {
+                  $event.preventDefault()
+                  return _vm.tutup.apply(null, arguments)
+                },
+              },
+            },
+            [_c("i", { staticClass: "icon-cross" }), _vm._v(" Tutup")]
+          ),
+        ]),
+      ],
+      1
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./resources/assets/js/views/anggotaCu/create.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/create.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _index_vue_vue_type_template_id_2959502e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=2959502e& */ "./resources/assets/js/views/jalinanCair/index.vue?vue&type=template&id=2959502e&");
-/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanCair/index.vue?vue&type=script&lang=js&");
+/* harmony import */ var _create_vue_vue_type_template_id_3e661706___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create.vue?vue&type=template&id=3e661706& */ "./resources/assets/js/views/anggotaCu/create.vue?vue&type=template&id=3e661706&");
+/* harmony import */ var _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/create.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1641,9 +5771,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _index_vue_vue_type_template_id_2959502e___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _index_vue_vue_type_template_id_2959502e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _create_vue_vue_type_template_id_3e661706___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _create_vue_vue_type_template_id_3e661706___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1653,54 +5783,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanCair/index.vue"
+component.options.__file = "resources/assets/js/views/anggotaCu/create.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanCair/index.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanCair/index.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/create.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/create.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/index.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/create.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanCair/index.vue?vue&type=template&id=2959502e&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanCair/index.vue?vue&type=template&id=2959502e& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/create.vue?vue&type=template&id=3e661706&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/create.vue?vue&type=template&id=3e661706& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_2959502e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=2959502e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/index.vue?vue&type=template&id=2959502e&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_2959502e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_3e661706___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./create.vue?vue&type=template&id=3e661706& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/create.vue?vue&type=template&id=3e661706&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_3e661706___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_2959502e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_create_vue_vue_type_template_id_3e661706___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanCair/select.vue":
-/*!**********************************************************!*\
-  !*** ./resources/assets/js/views/jalinanCair/select.vue ***!
-  \**********************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/form.vue":
+/*!******************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/form.vue ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _select_vue_vue_type_template_id_75349450___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./select.vue?vue&type=template&id=75349450& */ "./resources/assets/js/views/jalinanCair/select.vue?vue&type=template&id=75349450&");
-/* harmony import */ var _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./select.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanCair/select.vue?vue&type=script&lang=js&");
+/* harmony import */ var _form_vue_vue_type_template_id_3f3e3af6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form.vue?vue&type=template&id=3f3e3af6& */ "./resources/assets/js/views/anggotaCu/form.vue?vue&type=template&id=3f3e3af6&");
+/* harmony import */ var _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/form.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1710,9 +5840,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _select_vue_vue_type_template_id_75349450___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _select_vue_vue_type_template_id_75349450___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _form_vue_vue_type_template_id_3f3e3af6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _form_vue_vue_type_template_id_3f3e3af6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1722,54 +5852,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanCair/select.vue"
+component.options.__file = "resources/assets/js/views/anggotaCu/form.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanCair/select.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanCair/select.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/form.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/form.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/select.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/form.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanCair/select.vue?vue&type=template&id=75349450&":
-/*!*****************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanCair/select.vue?vue&type=template&id=75349450& ***!
-  \*****************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/form.vue?vue&type=template&id=3f3e3af6&":
+/*!*************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/form.vue?vue&type=template&id=3f3e3af6& ***!
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_75349450___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./select.vue?vue&type=template&id=75349450& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/select.vue?vue&type=template&id=75349450&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_75349450___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3f3e3af6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./form.vue?vue&type=template&id=3f3e3af6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/form.vue?vue&type=template&id=3f3e3af6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3f3e3af6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_select_vue_vue_type_template_id_75349450___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_form_vue_vue_type_template_id_3f3e3af6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanCair/table.vue":
-/*!*********************************************************!*\
-  !*** ./resources/assets/js/views/jalinanCair/table.vue ***!
-  \*********************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formCu.vue":
+/*!********************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formCu.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_3a16f5ac___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=3a16f5ac& */ "./resources/assets/js/views/jalinanCair/table.vue?vue&type=template&id=3a16f5ac&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/jalinanCair/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _formCu_vue_vue_type_template_id_6f5a0ad7___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formCu.vue?vue&type=template&id=6f5a0ad7& */ "./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=template&id=6f5a0ad7&");
+/* harmony import */ var _formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formCu.vue?vue&type=script&lang=js& */ "./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -1779,9 +5909,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_3a16f5ac___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_3a16f5ac___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _formCu_vue_vue_type_template_id_6f5a0ad7___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _formCu_vue_vue_type_template_id_6f5a0ad7___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -1791,38 +5921,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/assets/js/views/jalinanCair/table.vue"
+component.options.__file = "resources/assets/js/views/anggotaCu/formCu.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanCair/table.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanCair/table.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCu.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/assets/js/views/jalinanCair/table.vue?vue&type=template&id=3a16f5ac&":
-/*!****************************************************************************************!*\
-  !*** ./resources/assets/js/views/jalinanCair/table.vue?vue&type=template&id=3a16f5ac& ***!
-  \****************************************************************************************/
+/***/ "./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=template&id=6f5a0ad7&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=template&id=6f5a0ad7& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_3a16f5ac___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=3a16f5ac& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/jalinanCair/table.vue?vue&type=template&id=3a16f5ac&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_3a16f5ac___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_6f5a0ad7___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./formCu.vue?vue&type=template&id=6f5a0ad7& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/views/anggotaCu/formCu.vue?vue&type=template&id=6f5a0ad7&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_6f5a0ad7___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_3a16f5ac___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_formCu_vue_vue_type_template_id_6f5a0ad7___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 3f4c7312d..56ce7a127 100755
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,5 +1,5 @@
 {
-    "/js/app.js": "/js/app.js?id=dbc373f29953f923e97f",
+    "/js/app.js": "/js/app.js?id=9032f977f87ce56b5ac3",
     "/css/app.css": "/css/app.css?id=d41d8cd98f00b204e980",
     "/css/admin/libs.css": "/css/admin/libs.css?id=f03fb7a2d751b5a6ab5b",
     "/js/admin/libs.js": "/js/admin/libs.js?id=e04d6c56d080461900fe",
diff --git a/resources/.DS_Store b/resources/.DS_Store
index cf6b2b84382409eeb53e9bc536a2f9da30b00460..ca8c0fff6d8f7565bebc0d5bcb4b461763a69c3a 100755
GIT binary patch
delta 1359
zcmb_cZD?Cn7(UNUo1DvK_M}<Xn>DRjGaFY!m#}W_KIo@ivg{+XO<kv3YqEQ#m*vYO
zO`WwyVW6%m$b~v4Qc)Sjsz_@mii$A51|m4i*pJEfLj=(uPF98e5Krz+Vd4-3&yREN
z`@ZL#_j%9ry!Yh6lLz1Rv8JU&HmT(cfxsmQma1y2jStCobZ{&)F<6Kf#`C>8llO<j
zQRbYS4EQ~PDZghj*w)5BJKDESO^MX$-Mn*P^msCr&OA+w0hlXUQ(0G+XY}hVYN0D%
zEcV$iR|`LVsyEb~zYPTOpAhzi>HmdcUXHjsUgemoNs(woB@-l{%oqC-$xMO}OTBJ)
ztrev;Qfw%8|Dj?1SGQBw?HPT+<#37OJ9pH%H{8{-xovxA@9w?P<r-$MmDWmnOKo#$
zPK>4FDb?`FF1emEFC89FXpf9*g%iuQ%wE&bC`(6_ctPEtQM89ORblf~G$Kunvix8<
z(w9^DtWavWn|-nr%WIFREMD1ok6)5v$F;P=@}hY(5R~MhWIRz)lS~oKb6dAb@}Z)d
z%WIi5+gow&*eS`w$1<sunl9w+@K@YjJoQL9^}cw%5Y4J-BYU|pxl!(?^l&-WqbRCk
zRu+~clwG6`<j3MUH9C=2bEbb=SUy1MD6267<;(gNt&pii!}35m$h34(<HF*&Onr%Z
z(BUYR3-WdcOrbCkN*YLj^pXe}Az5;QOp_ThOWq?(<Q(~&d_yjgE96IVo%}{_kQH(h
z7F59s8yH+@#@*P27HmNmy3vCOqPPzO7{n38aSRGnq)|W-6L=I);aN;4@Eo4U3}*2f
zUdJ1F8z13ge1b3W6)xaAT*3Faifi~8H?V@=1uEEuTEQVS3qBzrY!^C(kO^H_mHuJV
zUY&(Kdc@sYR#hk*+7oHNRaFr64GkJ3eYewBl3nZT-A&R)%Bf`4%ZBNbHc?I@vzn&g
z-AcJ`m|&Pv(7i?E>R=Yr^t;<d%3vBhq+KG{39DMJcdeH@yCjJbHpg{i-0OF9b{Q4D
zt0=wQ`Ys3kI~o5<#RYPaTqf7ZFPw@$ISCYX@bKqvMF%?h^Y@|;{Wwq|AcmtD!9xZK
zNu-cL7CB7faXf(%C*l;QIS(&v#7j7hGk6)V;4J3wCg$-LmT(U5;{$w%^Y|Ly>ND%S
z`X7yTp@ko2ub#Dj*28PKrJqw7<zBO&3BCP}>{xJ+_d?dF-R9AU?p%2B$<U(BbF*sE
M>9h*}>F>1eFP9}kXaE2J

delta 1342
zcma)+TWl0n9LCRgdf7R2+MZo%ce}l8i?oZnX?LMpcEwiY(hIG$>9)3|)iT>1x+B|N
zvoo~NT8oGg4ZJXFA|?_=U&N3~QF*}|iHRC9VB@7m!vhb*1mXiP5KKIKDKCn0Ue0{~
z|3Bw^nctUlu;*aUyqkN!4nGsqbi?cY2{b1+FW(}iR-yD{D4LiG8H%w--=rjmQ>sTX
zqG9v8y=yyTY?M1@W_*G5o@(FP^|PMpnP5}UQ{5D7nw@2mz1G*<v2$YI^vtuf&%Hs?
z3&`xGIJ+-z$IRb&caG)5iwh0bpY!NdZZi9M?>GPAtKffpbu&r$Digl^-heO`@TZLh
z)(K<&#(x+)mT_=bV{e)V9NTCiH7_{I+`(l(OUwU>ttgNS<$=M0A$fRE8%xAP+O%rU
zT6e7+<$RB>_Np<(&?eO_ilOReL&<$*_iyxOu4Jc*>=iY&4>mLgTQ;?B?=_2T^*C!b
z+uS&5s<ygtF}K=exAOtU6{$}b=Psrz9=V=zo%QY3;*oU4>66z<Ji_{8N?46$N=<S=
z;+<?@QcdbwBAzL3keekdJZx|*F)^XW4c)wEE1$D*Yw_kPr*kMGJU$kQs1Zq8w6(Q&
zZ0mG7`=_*s5gk(WF*P31;^PC8ny!Uo>JB}sB-QSzxSHgbvh&?yev}udJ6(!yY>j9}
zBAIQ5(oL?#CpD2LVJQ<UNdhw~SK8+o2a!l6sUrchk@S&WBtf1hhskkrhMXgxlJCfm
z<acs~TqiflEpnUu1&RWcpcHmEP=i%ijasb520Vghbf6a@^y3K(BLWrUh++bhn8H3x
zV?SQTD>#fJcnxpiINrgD5qyA;@G(BYSNI;kU<tqC3jV+i+@==F=n7guOK2T+(>2sb
zx6rM$mA26yIz*qMqZyubIol)4q0ZJ7GpC~7CSuao-qs=e?<pqiPE5>8722Ha>KC-t
zy?4XGEh(<jqNB`NUb9Me@jQ`-jI47DnJ==Ckq>!XE>8JLfh9HU^|@r8BLc?K((e%x
zSrL3#mU*s-8mmk<TOJjf@Utv4yE%1|cqX#^{*&HCvP3SEtK<f`iG0D0!-X}dM<ZI$
zigt9O3y%w0gV-U6jiiZbcpAH52x@!N)Ly`gcnOCDyQ6qjkb7N_dmAV4F5bhbQq1Et
z7H|gV@EJbG7x)t2V$s}RT5HZ%*)2QYKQvB$IB#C4D!=pnXH^Bwzibw{PA^!hZ{;pr
PD{<27%d`4kUY@@J?_x}S

diff --git a/resources/assets/.DS_Store b/resources/assets/.DS_Store
index cf9a35ed043579d128ec61f993a57c90fd606f20..5b0ffcb4b412ecd24a3970b89188795ce8fb94f1 100755
GIT binary patch
delta 32
mcmZn(XbITRF3w#4ZNug+@lC8uZwfZs$$D~u1SWThR{;R!`VGGT

delta 32
mcmZn(XbITRF3w!HY4_$X@lC8uuMTXsll9~R2~6%1uL1z$k`0*v

diff --git a/resources/assets/js/.DS_Store b/resources/assets/js/.DS_Store
index 1670fe20d00bc1544936c273758286f1eb71a4df..c60d416290f9bcc69e9f977b76ef38ab5a642f07 100755
GIT binary patch
literal 10244
zcmeHMYitx%6h3EKx-*Q}X`vuXi>nojShW=tM1}3P6?s|cw)CM=cXviQadu|i+1-K_
zt;V1cHO3!eG%5*bG!gX&KB7^HV&WtE!!$%RK8QwR!XM?~4~_BMxwGxewhi$|qcJnd
z+%xw)?mhS0bM9*a0AqQz86W}xBE5_%XHhZ9!{qFp@CYvF0-{Lv06Lh)w&r-sN@pf$
z2aEuL0D%C30D%C30D=Dk0<>ncN0d1Y$^d}?fdGLq1lar#p_kF9OGh|$rVc8cBLLBI
zVml9g(>cJgiMTZC(h*J_Q)-i+9?&&K_lSYqoa7OvPBiM$5l*=|AU6kedq($!f==&b
z7je`9qnrk1fIxu2L<HE`y#fXx0V<?R&+qul`zK1}X{)U*X;?|(vy?lwCiZ^IL>={v
zI+?-odjg@=xh@Ei9~sC)5)ASr<-1APeCJ8(r9@*2UnXcx>P?B3*B|Jnz5vPyl?>>~
zAv@!a_+T<)=ytBD=?DsC<ufWmAt@w>ZjKLHL-AZ9m$zey?2W9}Wm!hD_?<{@(Y2ug
zWlpPQ<`TN8WgP=u)kx*09^F)}p_r97Rok(RbAcp@64?w7H#J6@b~Z+amtRg_E0$le
zbEhQM)L(XW=fG`7+O&2#z5==vBh2FUvGV@$k@ygWKlhAFyhzS&KKjW1io@(zbrDEg
z;|NZa`j9I-L}o?1LOg34mbr~M%)6P80*j(7L!}8Cy*aRbK2@Zc?xcEN4;M9tPaohO
zPN6&Q@0oOc-iIEg?kUO!$vcDm)F4~pAuK&KQN!ySNq;{1=?4tGl6Jf(POath2lkR8
z%mAB^vd9<he-MkF(fEG*&@*-Zv3gNmu&-{H8<QS;FQSuc_|TM`S;k{u5}z}mK=Y0U
zLtuMwer-a|ho&*-CCd4l;o(cpkn}96>6tR=A0VM;I6k149lWnZY8P7h1Xp%taj;*x
z6Pzf`l;v4+SNE2l-o61v$=h0|W+ZZYL2FCoG<!g)v}wLuo3hMJS*<|xTu;g}@@bPK
zRjGuL%9FCzVi<A#4z8WbT86R7vh|#9nSH%EZF`Q%SVKNhZ@+D2bFEHey*jnewW?Vk
z9T{e9Z_%<gQAv9F?0L24En0Hfva43bu3O(RTB%f3%W}=!o`P=cNki*P*eT6ab#q(y
zkgnzi`)P_bbNa2imX)L`+|Xqv(%NWsl~Q@m{BXE8pVV*9>$x3Dy(l`|x`ko+CY1)V
z(NdX}s=O*nj^zA>;qZ-2(wfz%R9%A$8^UszO~X<WuHwawvfOnW&Gm{canq(|Ioxd|
zlA58Y67T1VE9G!cfsaaA?=n|jEr)yQN<B?3+f~@;vR6~jTUpN=5_Ya5qnS?U&d9?H
z+a<A&$y!uZQyn<M;kD~TQTd|Z9!zAljv-owiu@Zy(fJvP&)RBN^_(>(>|{bkHw!u~
za0E7A=cM}R?T09e0P3Sl918WE063$pk2dl8oFdz$Y@=TXO%Q{1u$89R9k3f7hiBm+
zyaunshwwQZf$!lb_!WMG6L1>-z;c|0m8f79hOq%J!X<byF2g9cU<}veChWvGcHzyK
zL=`o>6)nu;5N^jEcrQMP58=c32=2kXxDWT^bNDj8gYV*d_z`}LpWrBdgWuwJcnpu@
zDLjq83zASR%ogSd4Z>ofSy(Bw3fBvpx$i=8iS74~Nno2HZ?@S5cf%mOGDSYExqj`s
z^&9@P`E>Mb7Duz^)Xbe1VQIDE+SphG@{lb?sW<kWfcK?|6ADgpl|<?&<=KMTI{DmU
zhVs1h<SAu}wq0c5u7tSu`SJxKWr{L`R~zJuM9LARf>#@BFBK^(6~U>>&9zG<$~~ow
zR~u`WOQM3jvQoZAqAXO(M;C<WpR-Di$_lVqKq|J>PKhE;SBQTMU%;0X;>Rh(|H3j9
zaUMo+F<y!*a22kmpl-!>ya79KGlez_?5%hUCNPBtrYX2Hn8jhd6Ys*i@g55B-4x<1
zz@NY;@hN;7pT`&QMSKYl;OqDXzKL()+jtm1!z1`L{#X*o8~uTdr~HBJU4b84clZZ)
z&*ceq?+QG*hHnMF_EpxQ$G&6*_PZ0*0t5mCrVoKK-gJcB|F=*5|Nrzk5VRa15Fqfc
zBY@>?@wOPbQQY5_dc^M9BlO-vFMF8Y2&aw-6-<Tk%NeB#yBl20zKQ3a1f1`v%Nya;
wF()0zoTy_?l$kSq#ibFKMqN6>DL4P;e+Ia>DJ8oP&%Pu${|D#)|M&U-Z-pNUYXATM

delta 95
zcmZn(XfcprU|?W$DortDU=RQ@Ie-{MGjdEU6q~50$jCA=U^gSnWFCR;jim)_i`h9i
m1et;IKp?;kBwRsCHx_<pp3JXeIoU@=niXUq!{&INIm`eAlMvki

diff --git a/resources/assets/js/api/kegiatanBKCU.js b/resources/assets/js/api/kegiatanBKCU.js
index 17f1b68e2..ef1f7fd13 100755
--- a/resources/assets/js/api/kegiatanBKCU.js
+++ b/resources/assets/js/api/kegiatanBKCU.js
@@ -40,6 +40,18 @@ export default {
     return axios.get('/api/kegiatanBKCU/indexMateri/' + id , {params: p});
   },
 
+  indexListMateri: function(p, id) {
+    return axios.get('/api/kegiatanBKCU/indexListMateri/' + id, { params: p });
+  },
+
+  indexNilaiListMateri: function(id) {
+      return axios.get('/api/kegiatanBKCU/indexNilaiListMateri/' + id);
+  },
+
+  indexNilai: function(p, id, aktivis_id) {
+      return axios.get('/api/kegiatanBKCU/indexNilai/' + id + '/' + aktivis_id);
+  },
+
   indexKeputusan: function( p, id ){
     return axios.get('/api/kegiatanBKCU/indexKeputusan/' + id , {params: p});
   },
@@ -124,6 +136,14 @@ export default {
     return axios.post('/api/kegiatanBKCU/storeMateri/' + tipe + '/' + id, form);
   },
 
+  storeListMateri: function(tipe, id, form) {
+    return axios.post('/api/kegiatanBKCU/storeListMateri/' + tipe + '/' + id, form);
+  },
+
+  storeNilai: function(aktivis_id, kegiatan_id, materi_id, form) {
+      return axios.post('/api/kegiatanBKCU/storeNilai/' + kegiatan_id + '/' + aktivis_id + '/' + materi_id, form);
+  },
+
   storeKeputusan: function ( id, form ){
     return axios.post('/api/kegiatanBKCU/storeKeputusan/' + id, form);
   },
@@ -168,6 +188,10 @@ export default {
     return axios.post('/api/kegiatanBKCU/updateMateri/' + id, form);
   },
 
+  updateListMateri: function(id, form) {
+    return axios.post('/api/kegiatanBKCU/updateListMateri/' + id, form);
+  },
+
   updateKeputusan: function ( id, form ){
     return axios.post('/api/kegiatanBKCU/updateKeputusan/' + id, form);
   },
@@ -220,6 +244,10 @@ export default {
     return axios.delete('/api/kegiatanBKCU/destroyMateri/' + tipe + '/' + id);
   },
 
+  destroyListMateri: function(tipe, id) {
+    return axios.delete('/api/kegiatanBKCU/destroyListMateri/' + tipe + '/' + id);
+  },
+
   destroyKeputusan: function( id ){
     return axios.delete('/api/kegiatanBKCU/destroyKeputusan/' + id);
   },
diff --git a/resources/assets/js/api/sertifikatKegiatan.js b/resources/assets/js/api/sertifikatKegiatan.js
new file mode 100644
index 000000000..a47634648
--- /dev/null
+++ b/resources/assets/js/api/sertifikatKegiatan.js
@@ -0,0 +1,27 @@
+export default {
+
+    index: function(p) {
+        return axios.get('/api/sertifikatKegiatan', { params: p });
+    },
+
+    create: function() {
+        return axios.get('/api/sertifikatKegiatan/create');
+    },
+
+    store: function(form) {
+        return axios.post('/api/sertifikatKegiatan/store', form);
+    },
+
+    edit: function(id) {
+        return axios.get('/api/sertifikatKegiatan/edit/' + id);
+    },
+
+    update: function(id, form) {
+        return axios.post('/api/sertifikatKegiatan/update/' + id, form);
+    },
+
+    destroy: function(id) {
+        return axios.delete('/api/sertifikatKegiatan/' + id);
+    },
+
+}
\ No newline at end of file
diff --git a/resources/assets/js/components/header.vue b/resources/assets/js/components/header.vue
index a2eb2b574..31d948f23 100755
--- a/resources/assets/js/components/header.vue
+++ b/resources/assets/js/components/header.vue
@@ -391,6 +391,13 @@
 								<i class="icon-feed"></i> Kegiatan Berjalan
 							</router-link>
 
+							<!-- divider -->
+							<div class="dropdown-divider" v-if="currentUser.can['create_diklat_bkcu']"></div>
+
+							<router-link :to="{ name: 'sertifikatKegiatan' }" class="dropdown-item" active-class="active" v-if="currentUser.can['create_diklat_bkcu']" exact>
+								<i class="icon-clipboard6"></i> Sertifikat Kegiatan
+							</router-link>
+
 							<!-- divider -->
 							<div class="dropdown-divider" v-if="currentUser.can['index_tempat'] || currentUser.can['index_voting']"></div> 
 
@@ -1288,7 +1295,7 @@
 		},
 		data(){
 			return{
-				clientVersion: '3.4.4',
+				clientVersion: '3.4.5',
 				dropdownMenu1: '',
 				dropdownMenu2: '',
 				state: '',
diff --git a/resources/assets/js/components/wajibUkuran.vue b/resources/assets/js/components/wajibUkuran.vue
new file mode 100644
index 000000000..cc48ef887
--- /dev/null
+++ b/resources/assets/js/components/wajibUkuran.vue
@@ -0,0 +1,15 @@
+<template>
+  <div style="display:inline-block">
+    <span class="badge bg-danger-400 align-self-center ml-auto">27.7 cm x 21.4 cm</span> 
+  </div>
+</template>
+
+<script type="text/javascript">
+  export default {
+    props: {
+      message: {
+        default: ''
+      },
+    },
+  }
+</script>
\ No newline at end of file
diff --git a/resources/assets/js/routes.js b/resources/assets/js/routes.js
index 74c7b10c2..cd34fd911 100755
--- a/resources/assets/js/routes.js
+++ b/resources/assets/js/routes.js
@@ -30,6 +30,8 @@ const coa_form = () => import('./views/coa/form.vue');
 const kegiatanBKCU = () => import('./views/kegiatanBKCU/index.vue');
 const kegiatanBKCU_form = () => import('./views/kegiatanBKCU/form.vue');
 const kegiatanBKCU_detail = () => import('./views/kegiatanBKCU/detail.vue');
+const sertifikatKegiatan = () => import ('./views/sertifikatKegiatan/index.vue');
+const sertifikatKegiatan_form = () => import ('./views/sertifikatKegiatan/form.vue');
 const tempat = () => import('./views/tempat/index.vue');
 const tempat_form = () => import('./views/tempat/form.vue');
 const cu = () => import('./views/cu/index.vue');
@@ -252,6 +254,26 @@ const routes = [
 		name: 'artikelSimoEdit', 
 		components: { default: artikelSimo_form, 'header': header, 'footer': footer }, 
 		meta: { requiresAuth: true, mode:'edit' } },
+
+	// sertifikat kegiatan
+	{
+		path: '/sertifikatKegiatan',
+		name: 'sertifikatKegiatan',
+		components: { default: sertifikatKegiatan, 'header': header, 'footer': footer },
+		meta: { requiresAuth: true }
+	},
+	{
+			path: '/sertifikatKegiatan/create',
+			name: 'sertifikatKegiatanCreate',
+			components: { default: sertifikatKegiatan_form, 'header': header, 'footer': footer },
+			meta: { requiresAuth: true }
+	},
+	{
+			path: '/sertifikatKegiatan/edit/:id',
+			name: 'sertifikatKegiatanEdit',
+			components: { default: sertifikatKegiatan_form, 'header': header, 'footer': footer },
+			meta: { requiresAuth: true, mode: 'edit' }
+	},
 	
 	// kegiatan bkcu
 	{ path: '/kegiatanBKCU/:tipe/periode/:periode',
diff --git a/resources/assets/js/store/index.js b/resources/assets/js/store/index.js
index 9c46860f8..d336742f7 100755
--- a/resources/assets/js/store/index.js
+++ b/resources/assets/js/store/index.js
@@ -45,6 +45,7 @@ import { jalinanKlaim } from './modules/jalinanKlaim';
 import { jalinanIuran } from './modules/jalinanIuran';
 import { produkCu } from './modules/produkCu';
 import { kegiatanBKCU } from './modules/kegiatanBKCU';
+import { sertifikatKegiatan } from './modules/sertifikatKegiatan';
 import { tempat } from './modules/tempat';
 import { pemilihan } from './modules/pemilihan';
 import { voting } from './modules/voting';
@@ -102,6 +103,7 @@ export default new Vuex.Store({
 		 jalinanIuran,
 		 produkCu,
 		 kegiatanBKCU,
+		 sertifikatKegiatan,
 		 tempat,
 		 pemilihan,
 		 voting,
diff --git a/resources/assets/js/store/modules/kegiatanBKCU.js b/resources/assets/js/store/modules/kegiatanBKCU.js
index df0fcdeaf..c3eb3063c 100755
--- a/resources/assets/js/store/modules/kegiatanBKCU.js
+++ b/resources/assets/js/store/modules/kegiatanBKCU.js
@@ -21,11 +21,18 @@ export const kegiatanBKCU = {
     dataS10: [], //collection
     dataS11: [], //collection
     dataJalan: [], //collection
+    dataSertifikat: {},
+    dataNilai: [],
+    nilai: [],
+    dataListMateri: [],
     periode: [],
     count: {},
     count2: {},
     count3: {},
     count4: {},
+    dataListMateriStat: '',
+    dataNilaiStat: '',
+    nilaiStat: '',
     dataStat: '',
     dataStat2: '',
     dataStat3: '',
@@ -49,6 +56,7 @@ export const kegiatanBKCU = {
     countStat4: '',
     update: [], //update data
     updateStat: '',
+    updateNilaiStat: '',
     update2: [], //update data
     updateStat2: '',
     rules: [], //laravel rules
@@ -73,11 +81,18 @@ export const kegiatanBKCU = {
     dataS10: state => state.dataS10,
     dataS11: state => state.dataS11,
     dataJalan: state => state.dataJalan,
+    dataSertifikat: state => state.dataSertifikat,
+    dataNilai: state => state.dataNilai,
+    dataListMateri: state => state.dataListMateri,
+    nilai: state => state.nilai,
     periode: state => state.periode,
     count: state => state.count,
     count2: state => state.count2,
     count3: state => state.count3,
     count4: state => state.count4,
+    dataNilaiStat: state => state.dataNilaiStat,
+    dataListMateriStat: state => state.dataListMateriStat,
+    nilaiStat: state => state.nilaiStat,
     dataStat: state => state.dataStat,
     dataStat2: state => state.dataStat2,
     dataStat3: state => state.dataStat3,
@@ -100,7 +115,9 @@ export const kegiatanBKCU = {
     countStat3: state => state.countStat3,
     countStat4: state => state.countStat4,
     update: state => state.update,
+    updateNilai: state => state.updateNilai,
     updateStat: state => state.updateStat,
+    updateNilaiStat: state => state.updateNilaiStat,
     update2: state => state.update2,
     updateStat2: state => state.updateStat2,
     rules: state => state.rules,
@@ -249,6 +266,46 @@ export const kegiatanBKCU = {
         });
     },
 
+    indexListMateri({ commit }, [p, id]) {
+      commit('setDataListMateriStat', 'loading');
+      KEGIATANBKCUAPI.indexListMateri(p, id)
+        .then(function(response) {
+          commit('setDataListMateri', response.data.model);
+          commit('setDataListMateriStat', 'success');
+        })
+        .catch(error => {
+          commit('setDataListMateri', error.response);
+          commit('setDataListMateriStat', 'fail');
+        });
+    },
+
+    indexNilaiListMateri({ commit }, id) {
+      commit('setDataNilaiStat', 'loading');
+      KEGIATANBKCUAPI.indexNilaiListMateri(id)
+        .then(function(response) {
+          commit('setDataNilai', response.data.model);
+          commit('setDataNilaiStat', 'success');
+        })
+        .catch(error => {
+          commit('setDataNilai', error.response);
+          commit('setDataNilaiStat', 'fail');
+        });
+    },
+
+    indexNilai({ commit }, [p, id, aktivis_id]) {
+      commit('setNilaiStat', 'loading');
+
+      KEGIATANBKCUAPI.indexNilai(p, id, aktivis_id)
+        .then(function(response) {
+          commit('setNilai', response.data.model);
+          commit('setNilaiStat', 'success');
+        })
+        .catch(error => {
+          commit('setNilai', error.response);
+          commit('setNilaiStat', 'fail');
+        });
+    },
+
     indexKeputusan( { commit }, [p, id] ){
       commit('setDataStatS4', 'loading');
       
@@ -478,6 +535,41 @@ export const kegiatanBKCU = {
         });
     },
 
+    storeListMateri({ commit, state, dispatch }, [tipe, id, form]) {
+      commit('setUpdateStat', 'loading');
+
+      KEGIATANBKCUAPI.storeListMateri(tipe, id, form)
+        .then(function(response) {
+          if (response.data.saved) {
+            commit('setUpdate', response.data);
+            commit('setUpdateStat', 'success');
+          } else {
+            commit('setUpdateStat', 'fail');
+          }
+        })
+        .catch(error => {
+          commit('setUpdate', error.response);
+          commit('setUpdateStat', 'fail');
+        });
+    },
+
+    storeNilai({ commit, state, dispatch }, [aktivis_id, kegiatan_id, materi_id, form]) {
+      commit('setUpdateNilaiStat', 'loading');
+      KEGIATANBKCUAPI.storeNilai(aktivis_id, kegiatan_id, materi_id, form)
+        .then(function(response) {
+          if (response.data.saved) {
+            commit('setUpdateNilai', response.data);
+            commit('setUpdateNilaiStat', 'success');
+          } else {
+            commit('setUpdateNilaiStat', 'fail');
+          }
+        })
+        .catch(error => {
+          commit('setUpdateNilai', error.response);
+          commit('setUpdateNilaiStat', 'fail');
+        });
+    },
+
     storeKeputusan( {commit, state, dispatch}, [id, form] ){
       commit('setUpdateStat', 'loading');
 
@@ -594,6 +686,7 @@ export const kegiatanBKCU = {
       KEGIATANBKCUAPI.edit( id )
         .then( function( response ){
           commit('setData', response.data.form);
+          commit('setDataSertifikat', response.data.form1);
           commit('setRules', response.data.rules);
           commit('setOptions', response.data.options)
           commit('setDataStat', 'success');
@@ -697,6 +790,24 @@ export const kegiatanBKCU = {
         });
     },
 
+    updateListMateri({ commit, state, dispatch }, [id, form]) {
+      commit('setUpdateStat', 'loading');
+
+      KEGIATANBKCUAPI.updateListMateri(id, form)
+        .then(function(response) {
+          if (response.data.saved) {
+            commit('setUpdate', response.data);
+            commit('setUpdateStat', 'success');
+          } else {
+            commit('setUpdateStat', 'fail');
+          }
+        })
+        .catch(error => {
+          commit('setUpdate', error.response);
+          commit('setUpdateStat', 'fail');
+        });
+    },
+
     updateKeputusan( {commit, state, dispatch}, [id, form] ){
       commit('setUpdateStat', 'loading');
 
@@ -914,6 +1025,24 @@ export const kegiatanBKCU = {
         });
     },
 
+    destroyListMateri({ commit, state, dispatch }, [tipe, id]) {
+      commit('setUpdateStat', 'loading');
+
+      KEGIATANBKCUAPI.destroyListMateri(tipe, id)
+        .then(function(response) {
+          if (response.data.deleted) {
+            commit('setUpdate', response.data);
+            commit('setUpdateStat', 'success');
+          } else {
+            commit('setUpdateStat', 'fail');
+          }
+        })
+        .catch(error => {
+          commit('setUpdate', error.response);
+          commit('setUpdateStat', 'fail');
+        });
+    },
+
     destroyKeputusan( {commit, state, dispatch}, id ){
       commit('setUpdateStat', 'loading');
 
diff --git a/resources/assets/js/store/modules/sertifikatKegiatan.js b/resources/assets/js/store/modules/sertifikatKegiatan.js
new file mode 100644
index 000000000..b962d7e7a
--- /dev/null
+++ b/resources/assets/js/store/modules/sertifikatKegiatan.js
@@ -0,0 +1,376 @@
+import SERTIFIKATKEGIATANAPI from '../../api/sertifikatKegiatan.js';
+
+export const sertifikatKegiatan = {
+    namespaced: true,
+
+    // state
+    state: {
+        data: {},
+        data2: {}, //single data
+        data3: {}, //single data
+        data4: {}, //single data
+        dataS: [], //collection
+        dataS2: [], //collection
+        dataS3: [], //collection
+        dataS4: [], //collection
+        dataS5: [], //collection
+        dataS6: [], //collection
+        dataS7: [], //collection
+        dataS8: [], //collection
+        dataS9: [], //collection
+        dataS10: [], //collection
+        dataS11: [], //collection
+        dataJalan: [], //collection
+        periode: [],
+        count: {},
+        count2: {},
+        count3: {},
+        count4: {},
+        dataStat: '',
+        dataStat2: '',
+        dataStat3: '',
+        dataStat4: '',
+        periodeStat: '',
+        dataStatS: '',
+        dataStatS2: '',
+        dataStatS3: '',
+        dataStatS4: '',
+        dataStatS5: '',
+        dataStatS6: '',
+        dataStatS7: '',
+        dataStatS8: '',
+        dataStatS9: '',
+        dataStatS10: '',
+        dataStatS11: '',
+        dataJalanStat: '',
+        countStat: '',
+        countStat2: '',
+        countStat3: '',
+        countStat4: '',
+        update: [], //update data
+        updateStat: '',
+        update2: [], //update data
+        updateStat2: '',
+        rules: [], //laravel rules
+        options: [], //laravel options
+    },
+
+    // getters
+    getters: {
+        data: state => state.data,
+        data2: state => state.data2,
+        data3: state => state.data3,
+        data4: state => state.data4,
+        dataS: state => state.dataS,
+        dataS2: state => state.dataS2,
+        dataS3: state => state.dataS3,
+        dataS4: state => state.dataS4,
+        dataS5: state => state.dataS5,
+        dataS6: state => state.dataS6,
+        dataS7: state => state.dataS7,
+        dataS8: state => state.dataS8,
+        dataS9: state => state.dataS9,
+        dataS10: state => state.dataS10,
+        dataS11: state => state.dataS11,
+        dataJalan: state => state.dataJalan,
+        periode: state => state.periode,
+        count: state => state.count,
+        count2: state => state.count2,
+        count3: state => state.count3,
+        count4: state => state.count4,
+        dataStat: state => state.dataStat,
+        dataStat2: state => state.dataStat2,
+        dataStat3: state => state.dataStat3,
+        dataStat4: state => state.dataStat4,
+        periodeStat: state => state.periodeStat,
+        dataStatS: state => state.dataStatS,
+        dataStatS2: state => state.dataStatS2,
+        dataStatS3: state => state.dataStatS3,
+        dataStatS4: state => state.dataStatS4,
+        dataStatS5: state => state.dataStatS5,
+        dataStatS6: state => state.dataStatS6,
+        dataStatS7: state => state.dataStatS7,
+        dataStatS8: state => state.dataStatS8,
+        dataStatS9: state => state.dataStatS9,
+        dataStatS10: state => state.dataStatS10,
+        dataStatS11: state => state.dataStatS11,
+        dataJalanStat: state => state.dataJalanStat,
+        countStat: state => state.countStat,
+        countStat2: state => state.countStat2,
+        countStat3: state => state.countStat3,
+        countStat4: state => state.countStat4,
+        update: state => state.update,
+        updateStat: state => state.updateStat,
+        update2: state => state.update2,
+        updateStat2: state => state.updateStat2,
+        rules: state => state.rules,
+        options: state => state.options,
+    },
+
+    actions: {
+        //load collection with params
+        index({ commit }, p) {
+            commit('setDataStatS', 'loading');
+            SERTIFIKATKEGIATANAPI.index(p)
+                .then(function(response) {
+                    commit('setDataS', response.data.model);
+                    commit('setDataStatS', 'success');
+                })
+                .catch(error => {
+                    commit('setDataS', error.response);
+                    commit('setDataStatS', 'fail');
+                });
+        },
+
+        // create page
+        create({ commit }) {
+            commit('setDataStat', 'loading');
+
+            SERTIFIKATKEGIATANAPI.create()
+                .then(function(response) {
+
+                    commit('setData', response.data.form);
+                    commit('setRules', response.data.rules);
+                    commit('setOptions', response.data.options)
+                    commit('setDataStat', 'success');
+                })
+                .catch(error => {
+                    commit('setData', error.response);
+                    commit('setRules', []);
+                    commit('setOptions', [])
+                    commit('setDataStat', 'fail');
+                });
+        },
+
+        //store data
+        store({ commit, state, dispatch }, form) {
+            commit('setUpdateStat', 'loading');
+            SERTIFIKATKEGIATANAPI.store(form)
+                .then(function(response) {
+                    if (response.data.saved) {
+                        commit('setUpdate', response.data);
+                        commit('setUpdateStat', 'success');
+                    } else {
+                        commit('setUpdateStat', 'fail');
+                    }
+                })
+                .catch(error => {
+                    commit('setUpdate', error.response);
+                    commit('setUpdateStat', 'fail');
+                });
+        },
+
+        // edit page
+        edit({ commit }, id) {
+            commit('setDataStat', 'loading');
+            SERTIFIKATKEGIATANAPI.edit(id)
+                .then(function(response) {
+                    commit('setData', response.data.form);
+                    commit('setRules', response.data.rules);
+                    commit('setOptions', response.data.options)
+                    commit('setDataStat', 'success');
+
+                })
+                .catch(error => {
+                    commit('setData', error.response);
+                    commit('setRules', []);
+                    commit('setOptions', [])
+                    commit('setDataStat', 'fail');
+                });
+        },
+
+        // update data
+        update({ commit, state, dispatch }, [id, form]) {
+            commit('setUpdateStat', 'loading');
+            SERTIFIKATKEGIATANAPI.update(id, form)
+                .then(function(response) {
+                    if (response.data.saved) {
+                        commit('setUpdate', response.data);
+                        commit('setUpdateStat', 'success');
+                    } else {
+                        commit('setUpdateStat', 'fail');
+                    }
+                })
+                .catch(error => {
+                    commit('setUpdate', error.response);
+                    commit('setUpdateStat', 'fail');
+                });
+        },
+
+        // destroy data
+        destroy({ commit, state, dispatch }, id) {
+            commit('setUpdateStat', 'loading');
+
+            SERTIFIKATKEGIATANAPI.destroy(id)
+                .then(function(response) {
+                    if (response.data.deleted) {
+                        commit('setUpdate', response.data);
+                        commit('setUpdateStat', 'success');
+                    } else {
+                        commit('setUpdateStat', 'fail');
+                    }
+                })
+                .catch(error => {
+                    commit('setUpdate', error.response);
+                    commit('setUpdateStat', 'fail');
+                });
+        },
+
+        // reset
+        resetDataS({ commit }) {
+            commit('setDataS', []);
+            commit('setDataStatS', 'success');
+        },
+        resetUpdateStat({ commit }) {
+            commit('setUpdateStat', '');
+        }
+    },
+
+    // mutations
+    mutations: {
+        setData(state, data) {
+            state.data = data;
+        },
+        setData2(state, data) {
+            state.data2 = data;
+        },
+        setData3(state, data) {
+            state.data3 = data;
+        },
+        setData4(state, data) {
+            state.data4 = data;
+        },
+        setPeriode(state, data) {
+            state.periode = data;
+        },
+        setDataS(state, data) {
+            state.dataS = data;
+        },
+        setDataS2(state, data) {
+            state.dataS2 = data;
+        },
+        setDataS3(state, data) {
+            state.dataS3 = data;
+        },
+        setDataS4(state, data) {
+            state.dataS4 = data;
+        },
+        setDataS5(state, data) {
+            state.dataS5 = data;
+        },
+        setDataS6(state, data) {
+            state.dataS6 = data;
+        },
+        setDataS7(state, data) {
+            state.dataS7 = data;
+        },
+        setDataS8(state, data) {
+            state.dataS8 = data;
+        },
+        setDataS9(state, data) {
+            state.dataS9 = data;
+        },
+        setDataS10(state, data) {
+            state.dataS10 = data;
+        },
+        setDataS11(state, data) {
+            state.dataS11 = data;
+        },
+        setDataJalan(state, data) {
+            state.dataJalan = data;
+        },
+        setCount(state, data) {
+            state.count = data;
+        },
+        setCount2(state, data) {
+            state.count2 = data;
+        },
+        setCount3(state, data) {
+            state.count3 = data;
+        },
+        setCount4(state, data) {
+            state.count4 = data;
+        },
+        setDataStat(state, status) {
+            state.dataStat = status;
+        },
+        setDataStat2(state, status) {
+            state.dataStat2 = status;
+        },
+        setDataStat3(state, status) {
+            state.dataStat3 = status;
+        },
+        setDataStat4(state, status) {
+            state.dataStat4 = status;
+        },
+        setPeriodeStat(state, status) {
+            state.periodeStat = status;
+        },
+        setDataStatS(state, status) {
+            state.dataStatS = status;
+        },
+        setDataStatS2(state, status) {
+            state.dataStatS2 = status;
+        },
+        setDataStatS3(state, status) {
+            state.dataStatS3 = status;
+        },
+        setDataStatS4(state, status) {
+            state.dataStatS4 = status;
+        },
+        setDataStatS5(state, status) {
+            state.dataStatS5 = status;
+        },
+        setDataStatS6(state, status) {
+            state.dataStatS6 = status;
+        },
+        setDataStatS7(state, status) {
+            state.dataStatS7 = status;
+        },
+        setDataStatS8(state, status) {
+            state.dataStatS8 = status;
+        },
+        setDataStatS9(state, status) {
+            state.dataStatS9 = status;
+        },
+        setDataStatS10(state, status) {
+            state.dataStatS10 = status;
+        },
+        setDataStatS11(state, status) {
+            state.dataStatS11 = status;
+        },
+        setDataJalanStat(state, status) {
+            state.dataJalanStat = status;
+        },
+        setCountStat(state, status) {
+            state.countStat = status;
+        },
+        setCountStat2(state, status) {
+            state.countStat2 = status;
+        },
+        setCountStat3(state, status) {
+            state.countStat3 = status;
+        },
+        setCountStat4(state, status) {
+            state.countStat4 = status;
+        },
+        setUpdate(state, data) {
+            state.update = data;
+        },
+        setUpdateStat(state, status) {
+            state.updateStat = status;
+        },
+        setUpdate2(state, data) {
+            state.update2 = data;
+        },
+        setUpdateStat2(state, status) {
+            state.updateStat2 = status;
+        },
+        setRules(state, rules) {
+            state.rules = rules;
+        },
+        setOptions(state, options) {
+            state.options = options;
+        }
+    }
+}
\ No newline at end of file
diff --git a/resources/assets/js/views/.DS_Store b/resources/assets/js/views/.DS_Store
index 6820cdf9c7a9c6d0af1852beb9bcc40efa47d05b..64d14605b7a84fdffe1b02bb2f9025fb65f39850 100755
GIT binary patch
delta 1282
zcmZpfz}T{YQHFtmfzhcn#gKu)1IXk6Vh}CB0~F?%C}Yfe0?1>X7-BqGfw5t-feQ;G
z^TeL0$w~skjBJyIB-AG#7f9YL$jHpLnVo}$gVAEMg~VgVdLf2lhE#?kh7yKMhBP3~
zW=I6Gy@6usKpu#l$dH$lZWx@LpIZR500?41E+I-^ZoZ34QcivnP(8@GT9>~Zc0|>i
zirdoM{1gJ3aqBI}Kz4A$W^pMdMy5AHlclBG>sf(5E(Q7+=r>e<HERRih9ryZ`q_^^
zeO~<o?0OUx2q$7!f$ESAKnr*nco7bmyv{&Q!0r)H7+LUvfs9yY$_AIU5DSr|^sI17
z`54O82LMfC;6#`YjL3Y36oyn(kGfvMt_s=1bL<~~i}?xmFc$NW;|57(Jr<>?A&>xa
zAQzGYeSz@+ijQnmC#FT=Qitrwx)hID3x0te2{zLQ60HnyLy_Hyt{7b{szWC*Y@RRO
z#>kX)VY0ex8sh<A&iTd$%vsKxxfM7Wna)p|{6JZBv$o;`KF09LJO+x4X`A&7ZZR<#
zZJ8WrEH+ueIEkr%VX~fy+U8ZpWn79$<;4ZioUkRSASbi9#K7PhBNH<VD;qmICp$O$
zWJd+z$;Ilf?i`%)0wUGb2097`wK@vb=0-r4g}G^MEhmSlvc7dte0EN5UVa-W9Dy01
z5kdo#4=QM%Y+xrdS;3B%nUz@!$kt&0sZd_Agzd=WcsorvyWdWm=>P*rDNk8&QC?1d
zUOLFoi5C<n3o~jl%1^u?w%J4AJ}cw3Nn#R{9mIN=!ksst6LV#p{MKATnSp^FVyOo=
zkamR?MGOoIz#_>2h#k0rq4u14GQW$V0?45a5akR&HWP>mq*<Ue$K({3nVaQBIT*3o
GB@O@+lP{70

delta 321
zcmXw#u}cDR6vuz>dFH8?ok?PK#aSRlaQu#Q43$6$x*^aZ8bnN73LK)AXv#2JO5W5G
zjnNdnwf~^0NoYwDTpC*~`i1o1eZQaaeO~(x+SgzSAz<UE;R;busH^>J(@@drT3+x;
zf!3{fBz+B#4A>1f8;5)KR_g$$C6oM-!VrgaO@|_F!zz^_!AphrAeiKo=Ey2tV)=^i
zOGTg)$dG5odC`0Y>P`RPa6r98hlj~Cz~&e2r<(A{aXdwi+F`(#bLub8@LIYbg9;fk
z4U!%ChA1Oc^^#<Jb*u?;vKfBxjw3Y6O$M~vD)n;~t>g{zWt0ZFS=v!Na>sm;kD(O&
u>}<ipgmP0;h^i?5OABEud1<ISJ_9u6yC7)YnAdUqolUCwH~gIq1%3ew995nG

diff --git a/resources/assets/js/views/aktivis/riwayatContent.vue b/resources/assets/js/views/aktivis/riwayatContent.vue
index af104de2c..019d09e37 100755
--- a/resources/assets/js/views/aktivis/riwayatContent.vue
+++ b/resources/assets/js/views/aktivis/riwayatContent.vue
@@ -264,6 +264,12 @@
 						<button class="btn btn-light mb-1" @click="destroy('diklat')" :disabled="!selectedItemDiklat.id || selectedItemDiklat.kegiatan_id != 0">
 							<i class="icon-bin2"></i> Hapus
 						</button>
+						
+						<template v-if="selectedItemDiklat.id_sertifikat">
+							<button class="btn btn-light mb-1" @click.prevent="generateSertifikat()" :disabled="selectedItemDiklat.status != 5">
+								<i class="icon-certificate"></i> Generate Sertifikat
+							</button>
+						</template>
 
 					</div>
 
@@ -285,7 +291,13 @@
 
 						<button class="btn btn-light mb-1" @click="destroy('diklat')" :disabled="!selectedItemDiklat.id || selectedItemDiklat.kegiatan_id != 0">
 							<i class="icon-bin2"></i> Hapus
-						</button>
+						</button>	
+
+						<template v-if="selectedItemDiklat.id_sertifikat">
+							<button class="btn btn-light mb-1" @click.prevent="generateSertifikat()" :disabled="selectedItemDiklat.status != 5">
+								<i class="icon-certificate"></i> Generate Sertifikat
+							</button>
+						</template>
 
 					</div>
 
@@ -646,6 +658,19 @@
 			// 		this.back();
 			// 	}
 			// },
+
+			generateSertifikat(){
+				this.modalShow = true;
+				this.modalState = 'loading';
+				axios.post('/api/generateSertifikat', this.selectedItemDiklat, {
+						responseType: 'blob'
+				}).then((response) => {
+					FileSaver.saveAs(response.data, this.selectedItemDiklat.name+'.pdf')
+					this.state = "generateSertifikat";
+					this.modalState = 'success';
+					this.modalOpen("generateSertifikat");
+				})
+			},
 			selectedRowPekerjaan(item){
 				this.selectedItemPekerjaan = item;
 			},
diff --git a/resources/assets/js/views/assesmentAccess/form_p1.vue b/resources/assets/js/views/assesmentAccess/form_p1.vue
index 73494a777..a1cd0399b 100755
--- a/resources/assets/js/views/assesmentAccess/form_p1.vue
+++ b/resources/assets/js/views/assesmentAccess/form_p1.vue
@@ -164,7 +164,7 @@
 		<!-- a2 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1a2_cu_penilaian == cuTabName || form.p1.p1a2_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p1.p1a1_cu_penilaian !=null && form.p1.p1a1_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p1.p1a1_cu_penilaian !=null && form.p1.p1a1_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						2. P2 = Mengukur kemampuan CU menyediakan dana cadangan risiko atas piutang lalai < 12 bulan</h5>
@@ -296,7 +296,7 @@
 		<!-- B section -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="cuTabName == 'semua' && bkcuTabName == 'semua'">
-			<div class="card card-body bg-warning text-white" v-if="form.p1.p1a2_cu_penilaian !=null && form.p1.p1a2_cu_keterangan !=null">
+			<div class="card card-body bg-warning text-white" v-if="form.p1.p1a2_cu_penilaian !=null && form.p1.p1a2_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="row justify-content-between">
 					<div class="col-md-6">
 						<h6 class="mb-0 font-weight-bold">B. STRUKTUR KEUANGAN YANG EFEKTIF </h6>
@@ -315,7 +315,7 @@
 		<!-- b3 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1b3_cu_penilaian == cuTabName || form.p1.p1b3_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p1.p1a2_cu_penilaian !=null && form.p1.p1a2_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p1.p1a2_cu_penilaian !=null && form.p1.p1a2_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						3. E1 = Mengukur persentase total asset yang diinvestasikan dalam piutang</h5>
@@ -449,7 +449,7 @@
 		<!-- b4 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1b4_cu_penilaian == cuTabName || form.p1.p1b4_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p1.p1b3_cu_penilaian !=null && form.p1.p1b3_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p1.p1b3_cu_penilaian !=null && form.p1.p1b3_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						4. E5 = Mengukur persentase total asset yang didanai dari simpanan non saham</h5>
@@ -583,7 +583,7 @@
 		<!-- b5 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1b5_cu_penilaian == cuTabName || form.p1.p1b5_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p1.p1b4_cu_penilaian !=null && form.p1.p1b4_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p1.p1b4_cu_penilaian !=null && form.p1.p1b4_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						5. E6 = Mengukur persentase total asset yang didanai dari pinjaman pihak 3</h5>
@@ -718,7 +718,7 @@
 		<!-- b7 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1b7_cu_penilaian == cuTabName || form.p1.p1b7_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p1.p1b5_cu_penilaian !=null && form.p1.p1b5_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p1.p1b5_cu_penilaian !=null && form.p1.p1b5_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						6. E9 = Mengukur level nyata dari modal lembaga setelah mengeluarkan penyisihan DCR untuk menutupi P1 & P2</h5>
@@ -852,7 +852,7 @@
 		<!-- C section -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua')">
-			<div class="card card-body bg-success text-white" v-if="form.p1.p1b7_cu_penilaian !=null && form.p1.p1b7_cu_keterangan !=null">
+			<div class="card card-body bg-success text-white" v-if="form.p1.p1b7_cu_penilaian !=null && form.p1.p1b7_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="row justify-content-between">
 					<div class="col-md-6">
 						<h6 class="mb-0 font-weight-bold">C. KUALITAS ASET</h6>
@@ -871,7 +871,7 @@
 		<!-- c8 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1c8_cu_penilaian == cuTabName || form.p1.p1c8_bkcu_penilaian == bkcuTabName">
-			<div class="card border-success" v-if="form.p1.p1b7_cu_penilaian !=null && form.p1.p1b7_cu_keterangan !=null">
+			<div class="card border-success" v-if="form.p1.p1b7_cu_penilaian !=null && form.p1.p1b7_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-success text-white">
 					<h5 class="card-title">
 						7. A1 = Mengukur persentase total kelalaian piutang terhadap total piutang</h5>
@@ -1005,7 +1005,7 @@
 		<!-- c9 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1c9_cu_penilaian == cuTabName || form.p1.p1c9_bkcu_penilaian == bkcuTabName">
-			<div class="card border-success" v-if="form.p1.p1c8_cu_penilaian !=null && form.p1.p1c8_cu_keterangan !=null">
+			<div class="card border-success" v-if="form.p1.p1c8_cu_penilaian !=null && form.p1.p1c8_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-success text-white">
 					<h5 class="card-title">
 						8. A2 = Mengukur total asset yang tidak menghasilkan income</h5>
@@ -1139,7 +1139,7 @@
 		<!-- D section -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua')">
-			<div class="card card-body bg-brown text-white" v-if="form.p1.p1c9_cu_penilaian !=null && form.p1.p1c9_cu_keterangan !=null">
+			<div class="card card-body bg-brown text-white" v-if="form.p1.p1c9_cu_penilaian !=null && form.p1.p1c9_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="row justify-content-between">
 					<div class="col-md-6">
 						<h6 class="mb-0 font-weight-bold">D. NILAI PENGEMBALIAN ATAS PEMBIAYAAN</h6>
@@ -1158,7 +1158,7 @@
 		<!-- d10 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1d10_cu_penilaian == cuTabName || form.p1.p1d10_bkcu_penilaian == bkcuTabName">
-			<div class="card border-brown" v-if="form.p1.p1c9_cu_penilaian !=null && form.p1.p1c9_cu_keterangan !=null">
+			<div class="card border-brown" v-if="form.p1.p1c9_cu_penilaian !=null && form.p1.p1c9_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-brown text-white">
 					<h5 class="card-title">
 						9. R7 = Mengukur persentase pengembalian biaya atas simpanan saham</h5>
@@ -1298,7 +1298,7 @@
 		<!-- d11 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1d11_cu_penilaian == cuTabName || form.p1.p1d11_bkcu_penilaian == bkcuTabName">
-			<div class="card border-brown" v-if="form.p1.p1d10_cu_penilaian !=null && form.p1.p1d10_cu_keterangan !=null">
+			<div class="card border-brown" v-if="form.p1.p1d10_cu_penilaian !=null && form.p1.p1d10_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-brown text-white">
 					<h5 class="card-title">
 						10. R9 = Mengukur persentase beban untuk mengelola semua asset</h5>
@@ -1432,7 +1432,7 @@
 		<!-- E section -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="cuTabName == 'semua' && bkcuTabName == 'semua'">
-			<div class="card card-body bg-danger text-white" v-if="form.p1.p1d11_cu_penilaian !=null && form.p1.p1d11_cu_keterangan !=null">
+			<div class="card card-body bg-danger text-white" v-if="form.p1.p1d11_cu_penilaian !=null && form.p1.p1d11_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="row justify-content-between">
 					<div class="col-md-6">
 						<h6 class="mb-0 font-weight-bold">E. LIKUIDITAS</h6>
@@ -1451,7 +1451,7 @@
 		<!-- e12 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1e12_cu_penilaian == cuTabName || form.p1.p1e12_bkcu_penilaian == bkcuTabName">
-			<div class="card border-danger" v-if="form.p1.p1d11_cu_penilaian !=null && form.p1.p1d11_cu_keterangan !=null">
+			<div class="card border-danger" v-if="form.p1.p1d11_cu_penilaian !=null && form.p1.p1d11_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-danger text-white">
 					<h5 class="card-title">
 						11. L1 = Mengukur persentase cadangan likuid untuk memenuhi permintaan penarikan setelah membayar semua kewajiban < 30 hari</h5>
@@ -1585,7 +1585,7 @@
 		<!-- F section -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="cuTabName == 'semua' && bkcuTabName == 'semua'">
-			<div class="card card-body bg-teal text-white" v-if="form.p1.p1e12_cu_penilaian !=null && form.p1.p1e12_cu_keterangan !=null">
+			<div class="card card-body bg-teal text-white" v-if="form.p1.p1e12_cu_penilaian !=null && form.p1.p1e12_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="row justify-content-between">
 					<div class="col-md-6">
 						<h6 class="mb-0 font-weight-bold">F. PERTUMBUHAN</h6>
@@ -1604,7 +1604,7 @@
 		<!-- f13 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1ff13_cu_penilaian == cuTabName || form.p1.p1ff13_bkcu_penilaian == bkcuTabName">
-			<div class="card border-teal" v-if="form.p1.p1e12_cu_penilaian !=null && form.p1.p1e12_cu_keterangan !=null">
+			<div class="card border-teal" v-if="form.p1.p1e12_cu_penilaian !=null && form.p1.p1e12_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-teal text-white">
 					<h5 class="card-title">
 						12. S10 = Mengukur persentase pertumbuhan anggota dari tahun ke tahun</h5>
@@ -1738,7 +1738,7 @@
 		<!-- f14 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p1.p1f14_cu_penilaian == cuTabName || form.p1.p1f14_bkcu_penilaian == bkcuTabName">
-			<div class="card border-teal" v-if="form.p1.p1f13_cu_penilaian !=null && form.p1.p1f13_cu_keterangan !=null">
+			<div class="card border-teal" v-if="form.p1.p1f13_cu_penilaian !=null && form.p1.p1f13_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-teal text-white">
 					<h5 class="card-title">
 						13. S11 = Mengukur persentase pertumbuhan total  aset dari tahun ke tahun</h5>
@@ -1876,7 +1876,7 @@
 		<!-- next button -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="cuTabName == 'semua' && bkcuTabName == 'semua'">
-			<div class="card card-body" v-if="form.p1.p1f14_cu_penilaian !=null && form.p1.p1f14_cu_keterangan !=null">
+			<div class="card card-body" v-if="form.p1.p1f14_cu_penilaian !=null && form.p1.p1f14_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="text-center d-none d-md-block">
 					<button type="button" class="btn btn-light" @click.prevent="prev">
 						<i class="icon-arrow-left13"></i> Batal
diff --git a/resources/assets/js/views/assesmentAccess/form_p2.vue b/resources/assets/js/views/assesmentAccess/form_p2.vue
index 6ae6c4c8a..63edc16cc 100755
--- a/resources/assets/js/views/assesmentAccess/form_p2.vue
+++ b/resources/assets/js/views/assesmentAccess/form_p2.vue
@@ -1,11 +1,11 @@
 <template>
 	<div>
 
-		<div class="card bg-danger card-body" v-if="form.p1.p1f14_cu_penilaian ==null && form.p1.p1f14_cu_keterangan ==null">
+		<div class="card bg-danger card-body" v-if="form.p1.p1f14_cu_penilaian ==null && form.p1.p1f14_cu_keterangan ==null && mode != 'penilaianBkcu' && mode != 'lihat'">
 			<h6 class="mb-0">Maaf, anda tidak bisa melanjutkan mengisi perspektif ini sebelum melengkapi perspektif sebelumnya.</h6>
 		</div>
 
-		<div v-if="form.p1.p1f14_cu_penilaian !=null && form.p1.p1f14_cu_keterangan !=null">
+		<div v-if="form.p1.p1f14_cu_penilaian !=null && form.p1.p1f14_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 			<form-filter 
 				:cuTabName="cuTabName" 
 				:bkcuTabName="bkcuTabName"
@@ -19,7 +19,7 @@
 		<!-- A section -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="cuTabName == 'semua' && bkcuTabName == 'semua'">
-			<div class="card card-body bg-info text-white" v-if="form.p1.p1f14_cu_penilaian !=null && form.p1.p1f14_cu_keterangan !=null"> 
+			<div class="card card-body bg-info text-white" v-if="form.p1.p1f14_cu_penilaian !=null && form.p1.p1f14_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')"> 
 				<div class="row justify-content-between">
 					<div class="col-md-6">
 						<h6 class="mb-0 font-weight-bold">A. PRODUK DAN PELAYANAN YANG BERKUALITAS</h6>
@@ -42,7 +42,7 @@
 		<!-- a1 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a1_cu_penilaian == cuTabName || form.p2.p2a1_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p1.p1f14_cu_penilaian !=null && form.p1.p1f14_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p1.p1f14_cu_penilaian !=null && form.p1.p1f14_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						1. Target Produk dan Pelayanan</h5>
@@ -142,7 +142,7 @@
 		<!-- a2 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a2_cu_penilaian == cuTabName || form.p2.p2a2_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p2.p2a1_cu_penilaian !=null && form.p2.p2a1_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p2.p2a1_cu_penilaian !=null && form.p2.p2a1_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						2. Tampilan Produk</h5>
@@ -242,7 +242,7 @@
 		<!-- a3 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a3_cu_penilaian == cuTabName || form.p2.p2a3_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p2.p2a2_cu_penilaian !=null && form.p2.p2a2_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p2.p2a2_cu_penilaian !=null && form.p2.p2a2_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						3. Rentangan Produk Keuangan</h5>
@@ -342,7 +342,7 @@
 		<!-- a4 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a4_cu_penilaian == cuTabName || form.p2.p2a4_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p2.p2a3_cu_penilaian !=null && form.p2.p2a3_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p2.p2a3_cu_penilaian !=null && form.p2.p2a3_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						4. Brand sebagai Pola Pikir</h5>
@@ -442,7 +442,7 @@
 		<!-- a5 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a5_cu_penilaian == cuTabName || form.p2.p2a5_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p2.p2a4_cu_penilaian !=null && form.p2.p2a4_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p2.p2a4_cu_penilaian !=null && form.p2.p2a4_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						5. Produk Pendorong Kesejahteraan</h5>
@@ -542,7 +542,7 @@
 		<!-- a6 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a6_cu_penilaian == cuTabName || form.p2.p2a6_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p2.p2a5_cu_penilaian !=null && form.p2.p2a5_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p2.p2a5_cu_penilaian !=null && form.p2.p2a5_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						6. Capacitiy Based Landing (Pinjaman berbasis kemampuan mengembalikan)</h5>
@@ -642,7 +642,7 @@
 		<!-- a7 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a7_cu_penilaian == cuTabName || form.p2.p2a7_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p2.p2a6_cu_penilaian !=null && form.p2.p2a6_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p2.p2a6_cu_penilaian !=null && form.p2.p2a6_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						7. Akses dan Kenyamanan</h5>
@@ -742,7 +742,7 @@
 		<!-- a8 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a8_cu_penilaian == cuTabName || form.p2.p2a8_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p2.p2a7_cu_penilaian !=null && form.p2.p2a7_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p2.p2a7_cu_penilaian !=null && form.p2.p2a7_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						8. Price Value</h5>
@@ -842,7 +842,7 @@
 		<!-- a9 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a9_cu_penilaian == cuTabName || form.p2.p2a9_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p2.p2a8_cu_penilaian !=null && form.p2.p2a8_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p2.p2a8_cu_penilaian !=null && form.p2.p2a8_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						9. Pemasaran dan Promosi</h5>
@@ -942,7 +942,7 @@
 		<!-- a10 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a10_cu_penilaian == cuTabName || form.p2.p2a10_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p2.p2a9_cu_penilaian !=null && form.p2.p2a9_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p2.p2a9_cu_penilaian !=null && form.p2.p2a9_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						10. Insentif Loyalitas</h5>
@@ -1042,7 +1042,7 @@
 		<!-- a11 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2a11_cu_penilaian == cuTabName || form.p2.p2a11_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p2.p2a10_cu_penilaian !=null && form.p2.p2a10_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p2.p2a10_cu_penilaian !=null && form.p2.p2a10_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						11. Kemasan Produk</h5>
@@ -1142,7 +1142,7 @@
 		<!-- B section -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="cuTabName == 'semua' && bkcuTabName == 'semua'">
-			<div class="card card-body bg-warning text-white" v-if="form.p2.p2a11_cu_penilaian !=null && form.p2.p2a11_cu_keterangan !=null">
+			<div class="card card-body bg-warning text-white" v-if="form.p2.p2a11_cu_penilaian !=null && form.p2.p2a11_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="row justify-content-between">
 					<div class="col-md-6">
 						<h6 class="mb-0 font-weight-bold">B. KEPUASAN ANGGOTA</h6>
@@ -1165,7 +1165,7 @@
 		<!-- b12 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b12_cu_penilaian == cuTabName || form.p2.p2b12_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2a11_cu_penilaian !=null && form.p2.p2a11_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2a11_cu_penilaian !=null && form.p2.p2a11_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						12. Pemahaman tentang Anggota</h5>
@@ -1267,7 +1267,7 @@
 		<!-- b13 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b13_cu_penilaian == cuTabName || form.p2.p2b13_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b12_cu_penilaian !=null && form.p2.p2b12_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b12_cu_penilaian !=null && form.p2.p2b12_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						13. Membina Hubungan Berkelanjutan dengan Anggota</h5>
@@ -1369,7 +1369,7 @@
 		<!-- b14 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b14_cu_penilaian == cuTabName || form.p2.p2b14_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b13_cu_penilaian !=null && form.p2.p2b13_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b13_cu_penilaian !=null && form.p2.p2b13_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						14. Evaluasi Kepuasan Anggota</h5>
@@ -1471,7 +1471,7 @@
 		<!-- b15 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b15_cu_penilaian == cuTabName || form.p2.p2b15_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b14_cu_penilaian !=null && form.p2.p2b14_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b14_cu_penilaian !=null && form.p2.p2b14_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						15. Share of Wallet (Hanya menjadi anggota CU kita)</h5>
@@ -1573,7 +1573,7 @@
 		<!-- b16 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b16_cu_penilaian == cuTabName || form.p2.p2b16_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b15_cu_penilaian !=null && form.p2.p2b15_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b15_cu_penilaian !=null && form.p2.p2b15_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						16. Customer Care Excellence yang dilembagakan</h5>
@@ -1675,7 +1675,7 @@
 		<!-- b17 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b17_cu_penilaian == cuTabName || form.p2.p2b17_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b16_cu_penilaian !=null && form.p2.p2b16_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b16_cu_penilaian !=null && form.p2.p2b16_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						17. Manfaat bagi anggota (Member benefit)</h5>
@@ -1777,7 +1777,7 @@
 		<!-- b18 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b18_cu_penilaian == cuTabName || form.p2.p2b18_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b17_cu_penilaian !=null && form.p2.p2b17_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b17_cu_penilaian !=null && form.p2.p2b17_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						18. Rapat Anggota</h5>
@@ -1879,7 +1879,7 @@
 		<!-- b19 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b19_cu_penilaian == cuTabName || form.p2.p2b19_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b18_cu_penilaian !=null && form.p2.p2b18_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b18_cu_penilaian !=null && form.p2.p2b18_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						19. Partisipasi anggota</h5>
@@ -1981,7 +1981,7 @@
 		<!-- b20 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b20_cu_penilaian == cuTabName || form.p2.p2b20_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b19_cu_penilaian !=null && form.p2.p2b19_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b19_cu_penilaian !=null && form.p2.p2b19_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						20. Penggunaan Produk-produk Membangun Kekayaan</h5>
@@ -2083,7 +2083,7 @@
 		<!-- b21 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b21_cu_penilaian == cuTabName || form.p2.p2b21_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b20_cu_penilaian !=null && form.p2.p2b20_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b20_cu_penilaian !=null && form.p2.p2b20_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						21. Pengguna Produk-produk Pinjaman</h5>
@@ -2185,7 +2185,7 @@
 		<!-- b22 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b22_cu_penilaian == cuTabName || form.p2.p2b22_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b21_cu_penilaian !=null && form.p2.p2b21_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b21_cu_penilaian !=null && form.p2.p2b21_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						22. Pemahaman Tanggung jawab Peminjam - dilihat dari % Kelalaian</h5>
@@ -2287,7 +2287,7 @@
 		<!-- b23 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b23_cu_penilaian == cuTabName || form.p2.p2b23_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b22_cu_penilaian !=null && form.p2.p2b22_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b22_cu_penilaian !=null && form.p2.p2b22_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						23. Infrastruktur Fisik-Bangunan dan Ruang Kantor</h5>
@@ -2389,7 +2389,7 @@
 		<!-- b24 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b24_cu_penilaian == cuTabName || form.p2.p2b24_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b23_cu_penilaian !=null && form.p2.p2b23_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b23_cu_penilaian !=null && form.p2.p2b23_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						24. Infrastruktur teknologi –telefon dan faks</h5>
@@ -2491,7 +2491,7 @@
 		<!-- b25 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b25_cu_penilaian == cuTabName || form.p2.p2b25_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b24_cu_penilaian !=null && form.p2.p2b24_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b24_cu_penilaian !=null && form.p2.p2b24_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						25. Komputer, Aplikasi, Network dan Email</h5>
@@ -2593,7 +2593,7 @@
 		<!-- b26 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b26_cu_penilaian == cuTabName || form.p2.p2b26_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b25_cu_penilaian !=null && form.p2.p2b25_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b25_cu_penilaian !=null && form.p2.p2b25_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						26. Website</h5>
@@ -2695,7 +2695,7 @@
 		<!-- b27 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p2.p2b27_cu_penilaian == cuTabName || form.p2.p2b27_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p2.p2b26_cu_penilaian !=null && form.p2.p2b26_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p2.p2b26_cu_penilaian !=null && form.p2.p2b26_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						27. Sistem Pelaporan Manajemen & Pusat Data</h5>
@@ -2797,7 +2797,7 @@
 		<!-- next button -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="cuTabName == 'semua' && bkcuTabName == 'semua'">
-			<div class="card card-body" v-if="form.p2.p2b27_cu_penilaian !=null && form.p2.p2b27_cu_keterangan !=null">
+			<div class="card card-body" v-if="form.p2.p2b27_cu_penilaian !=null && form.p2.p2b27_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="text-center d-none d-md-block">
 					<button type="button" class="btn btn-light" @click.prevent="prev">
 						<i class="icon-arrow-left13"></i> Kembali
diff --git a/resources/assets/js/views/assesmentAccess/form_p3.vue b/resources/assets/js/views/assesmentAccess/form_p3.vue
index d6d18473d..c55d947b4 100755
--- a/resources/assets/js/views/assesmentAccess/form_p3.vue
+++ b/resources/assets/js/views/assesmentAccess/form_p3.vue
@@ -1,11 +1,11 @@
 <template>
 	<div>
 
-		<div class="card bg-danger card-body" v-if="form.p2.p2b27_cu_penilaian ==null && form.p2.p2b27_cu_keterangan ==null">
+		<div class="card bg-danger card-body" v-if="form.p2.p2b27_cu_penilaian ==null && form.p2.p2b27_cu_keterangan ==null && mode != 'penilaianBkcu' && mode != 'lihat'">
 			<h6 class="mb-0">Maaf, anda tidak bisa melanjutkan mengisi perspektif ini sebelum melengkapi perspektif sebelumnya.</h6>
 		</div>
 
-		<div v-if="form.p2.p2b27_cu_penilaian !=null && form.p2.p2b27_cu_keterangan !=null">
+		<div v-if="form.p2.p2b27_cu_penilaian !=null && form.p2.p2b27_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 			<form-filter 
 			:cuTabName="cuTabName" 
 			:bkcuTabName="bkcuTabName"
@@ -19,7 +19,7 @@
 		<!-- A section -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="cuTabName == 'semua' && bkcuTabName == 'semua'">
-			<div class="card card-body bg-info text-white" v-if="form.p2.p2b27_cu_penilaian != null && form.p2.p2b27_cu_keterangan != null"> 
+			<div class="card card-body bg-info text-white" v-if="form.p2.p2b27_cu_penilaian != null && form.p2.p2b27_cu_keterangan != null || (mode == 'penilaianBkcu' || mode == 'lihat')"> 
 				<div class="row justify-content-between">
 					<div class="col-md-6">
 						<h6 class="mb-0 font-weight-bold">A. PRODUK DAN PELAYANAN YANG BERKUALITAS</h6>
@@ -44,7 +44,7 @@
 		<!-- a1 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a1_cu_penilaian == cuTabName || form.p3.p3a1_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p2.p2b27_cu_penilaian != null && form.p2.p2b27_cu_keterangan != null">
+			<div class="card border-info" v-if="form.p2.p2b27_cu_penilaian != null && form.p2.p2b27_cu_keterangan != null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						1. Manual Operasional Yang Komprehensif</h5>
@@ -144,7 +144,7 @@
 		<!-- a2 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a2_cu_penilaian == cuTabName || form.p3.p3a2_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p3.p3a1_cu_penilaian !=null && form.p3.p3a1_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p3.p3a1_cu_penilaian !=null && form.p3.p3a1_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						2. Manual Prosedur</h5>
@@ -244,7 +244,7 @@
 		<!-- a3 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a3_cu_penilaian == cuTabName || form.p3.p3a3_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p3.p3a2_cu_penilaian !=null && form.p3.p3a2_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p3.p3a2_cu_penilaian !=null && form.p3.p3a2_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						3. Produktivitas Staf</h5>
@@ -344,7 +344,7 @@
 		<!-- a4 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a4_cu_penilaian == cuTabName || form.p3.p3a4_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p3.p3a3_cu_penilaian !=null && form.p3.p3a3_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p3.p3a3_cu_penilaian !=null && form.p3.p3a3_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						4. Manajemen Kekeliruan (Error Management)</h5>
@@ -444,7 +444,7 @@
 		<!-- a5 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a5_cu_penilaian == cuTabName || form.p3.p3a5_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p3.p3a4_cu_penilaian !=null && form.p3.p3a4_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p3.p3a4_cu_penilaian !=null && form.p3.p3a4_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						5. Service delivery kepada anggota - Pinjaman</h5>
@@ -544,7 +544,7 @@
 		<!-- a6 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a6_cu_penilaian == cuTabName || form.p3.p3a6_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p3.p3a5_cu_penilaian !=null && form.p3.p3a5_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p3.p3a5_cu_penilaian !=null && form.p3.p3a5_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						6. Service delivery kepada anggota - Simpanan</h5>
@@ -644,7 +644,7 @@
 		<!-- a7 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a7_cu_penilaian == cuTabName || form.p3.p3a7_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p3.p3a6_cu_penilaian !=null && form.p3.p3a6_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p3.p3a6_cu_penilaian !=null && form.p3.p3a6_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						7. Service delivery kepada anggota – Penarikan Simpanan</h5>
@@ -744,7 +744,7 @@
 		<!-- a8 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a8_cu_penilaian == cuTabName || form.p3.p3a8_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p3.p3a7_cu_penilaian !=null && form.p3.p3a7_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p3.p3a7_cu_penilaian !=null && form.p3.p3a7_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						8. Penggunaan Mesin dan Peralatan Kantor</h5>
@@ -844,7 +844,7 @@
 		<!-- a9 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3a9_cu_penilaian == cuTabName || form.p3.p3a9_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p3.p3a8_cu_penilaian !=null && form.p3.p3a8_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p3.p3a8_cu_penilaian !=null && form.p3.p3a8_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						9. Efisiensi Komunikasi Internal</h5>
@@ -944,7 +944,7 @@
 		<!-- B section -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="cuTabName == 'semua' && bkcuTabName == 'semua'">
-			<div class="card card-body bg-warning text-white" v-if="form.p3.p3a9_cu_penilaian !=null && form.p3.p3a9_cu_keterangan !=null">
+			<div class="card card-body bg-warning text-white" v-if="form.p3.p3a9_cu_penilaian !=null && form.p3.p3a9_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="row justify-content-between">
 					<div class="col-md-6">
 						<h6 class="mb-0 font-weight-bold">B. POSISI BERSAING</h6>
@@ -969,7 +969,7 @@
 		<!-- b10 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b10_cu_penilaian == cuTabName || form.p3.p3b10_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3a9_cu_penilaian !=null && form.p3.p3a9_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3a9_cu_penilaian !=null && form.p3.p3a9_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						10. Kematangan Visi</h5>
@@ -1071,7 +1071,7 @@
 		<!-- b11 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b11_cu_penilaian == cuTabName || form.p3.p3b11_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b10_cu_penilaian !=null && form.p3.p3b10_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b10_cu_penilaian !=null && form.p3.p3b10_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						11. Keberanian Visi (Boldness  of Vission)</h5>
@@ -1173,7 +1173,7 @@
 		<!-- b12 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b12_cu_penilaian == cuTabName || form.p3.p3b12_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b11_cu_penilaian !=null && form.p3.p3b11_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b11_cu_penilaian !=null && form.p3.p3b11_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						12. Perumusan Misi Dengan Baik</h5>
@@ -1275,7 +1275,7 @@
 		<!-- b13 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b13_cu_penilaian == cuTabName || form.p3.p3b13_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b12_cu_penilaian !=null && form.p3.p3b12_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b12_cu_penilaian !=null && form.p3.p3b12_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						13. Nilai-nilai inti</h5>
@@ -1377,7 +1377,7 @@
 		<!-- b14 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b14_cu_penilaian == cuTabName || form.p3.p3b14_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b13_cu_penilaian !=null && form.p3.p3b13_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b13_cu_penilaian !=null && form.p3.p3b13_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						14. Keluasan Sasaran</h5>
@@ -1479,7 +1479,7 @@
 		<!-- b15 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b15_cu_penilaian == cuTabName || form.p3.p3b15_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b14_cu_penilaian !=null && form.p3.p3b14_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b14_cu_penilaian !=null && form.p3.p3b14_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						15. Tujuan Strategis</h5>
@@ -1581,7 +1581,7 @@
 		<!-- b16 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b16_cu_penilaian == cuTabName || form.p3.p3b16_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b15_cu_penilaian !=null && form.p3.p3b15_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b15_cu_penilaian !=null && form.p3.p3b15_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						16. Rencana Bisnis Tahunan</h5>
@@ -1683,7 +1683,7 @@
 		<!-- b17 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b17_cu_penilaian == cuTabName || form.p3.p3b17_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b16_cu_penilaian !=null && form.p3.p3b16_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b16_cu_penilaian !=null && form.p3.p3b16_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						17. Budaya Jual (Sales Culture)</h5>
@@ -1785,7 +1785,7 @@
 		<!-- b18 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b18_cu_penilaian == cuTabName || form.p3.p3b18_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b17_cu_penilaian !=null && form.p3.p3b17_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b17_cu_penilaian !=null && form.p3.p3b17_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						18. Keterlibatan Masyarakat Lokal</h5>
@@ -1887,7 +1887,7 @@
 		<!-- b19 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b19_cu_penilaian == cuTabName || form.p3.p3b19_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b18_cu_penilaian !=null && form.p3.p3b18_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b18_cu_penilaian !=null && form.p3.p3b18_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						19. Kemitraan dan Aliansi</h5>
@@ -1989,7 +1989,7 @@
 		<!-- b20 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b20_cu_penilaian == cuTabName || form.p3.p3b20_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b19_cu_penilaian !=null && form.p3.p3b19_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b19_cu_penilaian !=null && form.p3.p3b19_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						20. Hubungan dengan Federasi (BKCU)</h5>
@@ -2091,7 +2091,7 @@
 		<!-- b21 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b21_cu_penilaian == cuTabName || form.p3.p3b21_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b20_cu_penilaian !=null && form.p3.p3b20_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b20_cu_penilaian !=null && form.p3.p3b20_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						21. Anggota Masyarakat Pengguna Layanan Credit Union</h5>
@@ -2193,7 +2193,7 @@
 		<!-- b22 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b22_cu_penilaian == cuTabName || form.p3.p3b22_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b21_cu_penilaian !=null && form.p3.p3b21_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b21_cu_penilaian !=null && form.p3.p3b21_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						22. Segmentasi Anggota menurut umur</h5>
@@ -2295,7 +2295,7 @@
 		<!-- b23 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b23_cu_penilaian == cuTabName || form.p3.p3b23_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b22_cu_penilaian !=null && form.p3.p3b22_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b22_cu_penilaian !=null && form.p3.p3b22_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						23. Keberagaman Keanggotaan</h5>
@@ -2397,7 +2397,7 @@
 		<!-- b24 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b24_cu_penilaian == cuTabName || form.p3.p3b24_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b23_cu_penilaian !=null && form.p3.p3b23_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b23_cu_penilaian !=null && form.p3.p3b23_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						24. Kesetaraan Gender</h5>
@@ -2499,7 +2499,7 @@
 		<!-- b25 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b25_cu_penilaian == cuTabName || form.p3.p3b25_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b24_cu_penilaian !=null && form.p3.p3b24_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b24_cu_penilaian !=null && form.p3.p3b24_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						25. Pemenuhan Aturan</h5>
@@ -2601,7 +2601,7 @@
 		<!-- b26 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p3.p3b26_cu_penilaian == cuTabName || form.p3.p3b26_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p3.p3b25_cu_penilaian !=null && form.p3.p3b25_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p3.p3b25_cu_penilaian !=null && form.p3.p3b25_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						26. Kepatuhan Hukum</h5>
@@ -2703,7 +2703,7 @@
 		<!-- next button -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="cuTabName == 'semua' && bkcuTabName == 'semua'">
-			<div class="card card-body" v-if="form.p3.p3b26_cu_penilaian !=null && form.p3.p3b26_cu_keterangan !=null">
+			<div class="card card-body" v-if="form.p3.p3b26_cu_penilaian !=null && form.p3.p3b26_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="text-center d-none d-md-block">
 					<button type="button" class="btn btn-light" @click.prevent="prev">
 						<i class="icon-arrow-left13"></i> Kembali
diff --git a/resources/assets/js/views/assesmentAccess/form_p4.vue b/resources/assets/js/views/assesmentAccess/form_p4.vue
index 5372fd965..2b512c90d 100755
--- a/resources/assets/js/views/assesmentAccess/form_p4.vue
+++ b/resources/assets/js/views/assesmentAccess/form_p4.vue
@@ -1,11 +1,11 @@
 <template>
 	<div>
 
-		<div class="card bg-danger card-body" v-if="form.p3.p3b26_cu_penilaian ==null && form.p3.p3b26_cu_keterangan ==null">
+		<div class="card bg-danger card-body" v-if="form.p3.p3b26_cu_penilaian ==null && form.p3.p3b26_cu_keterangan ==null && mode != 'penilaianBkcu' && mode != 'lihat'">
 			<h6 class="mb-0">Maaf, anda tidak bisa melanjutkan mengisi perspektif ini sebelum melengkapi perspektif sebelumnya.</h6>
 		</div>
 
-		<div v-if="form.p3.p3b26_cu_penilaian !=null && form.p3.p3b26_cu_keterangan !=null">
+		<div v-if="form.p3.p3b26_cu_penilaian !=null && form.p3.p3b26_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 			<form-filter 
 			:cuTabName="cuTabName" 
 			:bkcuTabName="bkcuTabName"
@@ -19,7 +19,7 @@
 		<!-- A section -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="cuTabName == 'semua' && bkcuTabName == 'semua'">
-			<div class="card card-body bg-info text-white" v-if="form.p3.p3b26_cu_penilaian !=null && form.p3.p3b26_cu_keterangan !=null"> 
+			<div class="card card-body bg-info text-white" v-if="form.p3.p3b26_cu_penilaian !=null && form.p3.p3b26_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')"> 
 				<div class="row justify-content-between">
 					<div class="col-md-6">
 						<h6 class="mb-0 font-weight-bold">A. KEPEMIMPINAN – PENGURUS YANG BERPENGETAHUAN DAN TERLIBAT AKTIF</h6>
@@ -44,7 +44,7 @@
 		<!-- a1 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a1_cu_penilaian == cuTabName || form.p4.p4a1_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p3.p3b26_cu_penilaian !=null && form.p3.p3b26_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p3.p3b26_cu_penilaian !=null && form.p3.p3b26_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						1. Pusat Keputusan Yang Utama</h5>
@@ -144,7 +144,7 @@
 		<!-- a2 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a2_cu_penilaian == cuTabName || form.p4.p4a2_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p4.p4a1_cu_penilaian !=null && form.p4.p4a1_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p4.p4a1_cu_penilaian !=null && form.p4.p4a1_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						2. Peran Penasehat (advisory)</h5>
@@ -244,7 +244,7 @@
 		<!-- a3 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a3_cu_penilaian == cuTabName || form.p4.p4a3_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p4.p4a2_cu_penilaian !=null && form.p4.p4a2_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p4.p4a2_cu_penilaian !=null && form.p4.p4a2_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						3. Peran Pengabadian (Perpetuating)</h5>
@@ -344,7 +344,7 @@
 		<!-- a4 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a4_cu_penilaian == cuTabName || form.p4.p4a4_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p4.p4a3_cu_penilaian !=null && form.p4.p4a3_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p4.p4a3_cu_penilaian !=null && form.p4.p4a3_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						4. Fungsi Wali</h5>
@@ -444,7 +444,7 @@
 		<!-- a5 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a5_cu_penilaian == cuTabName || form.p4.p4a5_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p4.p4a4_cu_penilaian !=null && form.p4.p4a4_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p4.p4a4_cu_penilaian !=null && form.p4.p4a4_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						5. Sebagai Simbol</h5>
@@ -544,7 +544,7 @@
 		<!-- a6 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a6_cu_penilaian == cuTabName || form.p4.p4a6_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p4.p4a5_cu_penilaian !=null && form.p4.p4a5_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p4.p4a5_cu_penilaian !=null && form.p4.p4a5_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						6. Komposisi dan Komitmen</h5>
@@ -644,7 +644,7 @@
 		<!-- a7 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a7_cu_penilaian == cuTabName || form.p4.p4a7_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p4.p4a6_cu_penilaian !=null && form.p4.p4a6_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p4.p4a6_cu_penilaian !=null && form.p4.p4a6_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						7. Bimbingan dan Pengarahan (Coaching)</h5>
@@ -744,7 +744,7 @@
 		<!-- a8 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a8_cu_penilaian == cuTabName || form.p4.p4a8_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p4.p4a7_cu_penilaian !=null && form.p4.p4a7_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p4.p4a7_cu_penilaian !=null && form.p4.p4a7_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						8. Tata Kelola</h5>
@@ -844,7 +844,7 @@
 		<!-- a9 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a9_cu_penilaian == cuTabName || form.p4.p4a9_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p4.p4a8_cu_penilaian !=null && form.p4.p4a8_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p4.p4a8_cu_penilaian !=null && form.p4.p4a8_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						9. Evaluasi Kinerja</h5>
@@ -944,7 +944,7 @@
 		<!-- a10 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4a10_cu_penilaian == cuTabName || form.p4.p4a10_bkcu_penilaian == bkcuTabName">
-			<div class="card border-info" v-if="form.p4.p4a9_cu_penilaian !=null && form.p4.p4a9_cu_keterangan !=null">
+			<div class="card border-info" v-if="form.p4.p4a9_cu_penilaian !=null && form.p4.p4a9_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-info text-white">
 					<h5 class="card-title">
 						10. Kesetaraan Gender Dalam Kepemimpinan</h5>
@@ -1044,7 +1044,7 @@
 		<!-- B section -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="cuTabName == 'semua' && bkcuTabName == 'semua'">
-			<div class="card card-body bg-warning text-white" v-if="form.p4.p4a10_cu_penilaian !=null && form.p4.p4a10_cu_keterangan !=null">
+			<div class="card card-body bg-warning text-white" v-if="form.p4.p4a10_cu_penilaian !=null && form.p4.p4a10_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="row justify-content-between">
 					<div class="col-md-6">
 						<h6 class="mb-0 font-weight-bold">B. KEPUASAN STAF</h6>
@@ -1069,7 +1069,7 @@
 		<!-- b11 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b11_cu_penilaian == cuTabName || form.p4.p4b11_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p4.p4a10_cu_penilaian !=null && form.p4.p4a10_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p4.p4a10_cu_penilaian !=null && form.p4.p4a10_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						11. Rancangan Kerja (Job Design)</h5>
@@ -1171,7 +1171,7 @@
 		<!-- b12 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b12_cu_penilaian == cuTabName || form.p4.p4b12_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p4.p4b11_cu_penilaian !=null && form.p4.p4b11_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p4.p4b11_cu_penilaian !=null && form.p4.p4b11_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						12. Rekruitmen dan Seleksi</h5>
@@ -1273,7 +1273,7 @@
 		<!-- b13 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b13_cu_penilaian == cuTabName || form.p4.p4b13_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p4.p4b12_cu_penilaian !=null && form.p4.p4b12_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p4.p4b12_cu_penilaian !=null && form.p4.p4b12_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						13. Kompensasi</h5>
@@ -1375,7 +1375,7 @@
 		<!-- b14 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b14_cu_penilaian == cuTabName || form.p4.p4b14_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p4.p4b13_cu_penilaian !=null && form.p4.p4b13_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p4.p4b13_cu_penilaian !=null && form.p4.p4b13_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						14. Pembagian Tingkatan Staf</h5>
@@ -1477,7 +1477,7 @@
 		<!-- b15 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b15_cu_penilaian == cuTabName || form.p4.p4b15_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p4.p4b14_cu_penilaian !=null && form.p4.p4b14_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p4.p4b14_cu_penilaian !=null && form.p4.p4b14_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						15. Tujuan Kinerja</h5>
@@ -1579,7 +1579,7 @@
 		<!-- b16 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b16_cu_penilaian == cuTabName || form.p4.p4b16_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p4.p4b15_cu_penilaian !=null && form.p4.p4b15_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p4.p4b15_cu_penilaian !=null && form.p4.p4b15_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						16. Standar-standar penilaian</h5>
@@ -1681,7 +1681,7 @@
 		<!-- b17 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b17_cu_penilaian == cuTabName || form.p4.p4b17_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p4.p4b16_cu_penilaian !=null && form.p4.p4b16_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p4.p4b16_cu_penilaian !=null && form.p4.p4b16_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						17. Kinerja sebagai nilai bersama</h5>
@@ -1783,7 +1783,7 @@
 		<!-- b18 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b18_cu_penilaian == cuTabName || form.p4.p4b18_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p4.p4b17_cu_penilaian !=null && form.p4.p4b17_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p4.p4b17_cu_penilaian !=null && form.p4.p4b17_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						18. Kecakapan Tim</h5>
@@ -1885,7 +1885,7 @@
 		<!-- b19 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b19_cu_penilaian == cuTabName || form.p4.p4b19_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p4.p4b18_cu_penilaian !=null && form.p4.p4b18_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p4.p4b18_cu_penilaian !=null && form.p4.p4b18_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						19. Jenjang Karir</h5>
@@ -1987,7 +1987,7 @@
 		<!-- b20 -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="(cuTabName == 'semua' && bkcuTabName == 'semua') || form.p4.p4b20_cu_penilaian == cuTabName || form.p4.p4b20_bkcu_penilaian == bkcuTabName">
-			<div class="card border-warning" v-if="form.p4.p4b19_cu_penilaian !=null && form.p4.p4b19_cu_keterangan !=null">
+			<div class="card border-warning" v-if="form.p4.p4b19_cu_penilaian !=null && form.p4.p4b19_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="card-header bg-warning text-white">
 					<h5 class="card-title">
 						20. Program Pengembangan</h5>
@@ -2089,7 +2089,7 @@
 		<!-- next button -->
 		<transition enter-active-class="animated fadeIn" mode="out-in">
 		<div v-show="cuTabName == 'semua' && bkcuTabName == 'semua'">
-			<div class="card card-body" v-if="form.p4.p4b20_cu_penilaian !=null && form.p4.p4b20_cu_keterangan !=null">
+			<div class="card card-body" v-if="form.p4.p4b20_cu_penilaian !=null && form.p4.p4b20_cu_keterangan !=null || (mode == 'penilaianBkcu' || mode == 'lihat')">
 				<div class="text-center d-none d-md-block">
 					<button type="button" class="btn btn-light" @click.prevent="prev">
 						<i class="icon-arrow-left13"></i> Kembali
diff --git a/resources/assets/js/views/dashboard/buttonRow.vue b/resources/assets/js/views/dashboard/buttonRow.vue
index a1cb1c129..c3124b254 100755
--- a/resources/assets/js/views/dashboard/buttonRow.vue
+++ b/resources/assets/js/views/dashboard/buttonRow.vue
@@ -110,6 +110,16 @@
       <count-widget :title="'Laporan Statistik Gerakan'" :color="'bg-grey-400'" :icon="'icon-stats-bars'"></count-widget>
     </div>
 
+		<!-- surat keluar -->
+    <div class="col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer" @click.prevent="goTo(suratKeluarWidgetRoute)" v-if="currentUser && currentUser.can['index_surat']">
+      <count-widget :title="'Surat Keluar'" :color="'bg-warning-400'" :icon="'icon-envelop2'"></count-widget>
+    </div>
+
+		<!-- surat masuk -->
+    <div class="col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer" @click.prevent="goTo(suratMasukWidgetRoute)" v-if="currentUser && currentUser.can['index_surat']">
+      <count-widget :title="'Surat Masuk'" :color="'bg-green-400'" :icon="'icon-envelop2'"></count-widget>
+    </div>
+
 		<!-- dokumen PUSKOPCUINA -->
     <div class="col-lg-2 col-md-3 col-sm-6 col-6 cursor-pointer" @click.prevent="goTo(dokumenGerakanPublikWidgetRoute)">
       <count-widget :title="'Dokumen GERAKAN & PUBLIK'" :color="'bg-violet-400'" :icon="'icon-books'"></count-widget>
@@ -179,6 +189,8 @@
 				monitoringAccessWidgetRoute: {},
 				dokumenGerakanPublikWidgetRoute: {},
 				dokumenWidgetRoute: {},
+				suratKeluarWidgetRoute: {},
+				suratMasukWidgetRoute: {},
 				asetTetapWidgetRoute: {},
 			}
 		},
@@ -202,6 +214,8 @@
 				this.userWidgetRoute = { name: 'userCu', params:{cu: this.currentUser.id_cu} };
 				this.kegiatanBKCUJalanWidgetRoute = { name: 'kegiatanBKCUJalan' };
 				this.dokumenGerakanPublikWidgetRoute = { name: 'dokumenGerakanPublik', params:{cu: 'semua'} };
+				this.suratKeluarWidgetRoute = { name: 'suratCu', params:{cu: this.currentUser.id_cu, tipe: 'semua', periode: this.momentYear() } };
+				this.suratMasukWidgetRoute = { name: 'suratMasukCu', params:{cu: this.currentUser.id_cu, periode: this.momentYear() } };
 
 				if(this.currentUser.id_cu != 0){
 					this.anggotaCuWidgetRoute = { name: 'anggotaCuCu', params:{cu: this.currentUser.id_cu, tp: 'semua'} };
diff --git a/resources/assets/js/views/jalinanKlaim/formStatus.vue b/resources/assets/js/views/jalinanKlaim/formStatus.vue
index 3039ea109..a7a71a40d 100755
--- a/resources/assets/js/views/jalinanKlaim/formStatus.vue
+++ b/resources/assets/js/views/jalinanKlaim/formStatus.vue
@@ -178,7 +178,7 @@
 
             <!-- table transaksi -->
             <div class="card" v-if="itemDataSaldoStat != ''">
-              <div class="card-header bg-white">
+            <div class="card-header bg-white">
                 <h5 class="card-title">Tabel Transaksi {{ selectedProduk.produk_cu.name }} dengan no rek: {{ selectedProduk.no_rek  }}</h5>
               </div>
 
diff --git a/resources/assets/js/views/kegiatanBKCU/detail.vue b/resources/assets/js/views/kegiatanBKCU/detail.vue
index 486ff4e2e..a875dc35d 100755
--- a/resources/assets/js/views/kegiatanBKCU/detail.vue
+++ b/resources/assets/js/views/kegiatanBKCU/detail.vue
@@ -71,15 +71,16 @@
 										</button>
 
 										<!-- daftar -->
-										
-										<button class="btn bg-warning-400 btn-block mb-2" @click.prevent="modalOpen('tambahPeserta')" v-if="currentUser.id_cu == 0">
-											<i class="icon-people"></i> Daftar Peserta Diklat
-										</button>
+										<template v-if="item.status != 5 && item.status != 6">
+											<button class="btn bg-warning-400 btn-block mb-2" @click.prevent="modalOpen('tambahPeserta')" v-if="currentUser.id_cu == 0">
+												<i class="icon-people"></i> Daftar Peserta Diklat
+											</button>
 
-										<!-- daftar -->
-										<button class="btn bg-warning-400 btn-block mb-2" @click.prevent="modalOpen('tambahPeserta')" v-else-if="currentUser.can && currentUser.can['index_diklat_bkcu'] && currentUser.id_cu != 0 && item.status == 2">
-											<i class="icon-people"></i> Daftar Peserta Diklat
-										</button>
+											<!-- daftar -->
+											<button class="btn bg-warning-400 btn-block mb-2" @click.prevent="modalOpen('tambahPeserta')" v-else-if="currentUser.can && currentUser.can['index_diklat_bkcu'] && currentUser.id_cu != 0 && item.status == 2">
+												<i class="icon-people"></i> Daftar Peserta Diklat
+											</button>
+										</template>
 									</template>
 
 									<!-- pertemuan bkcu -->
@@ -105,14 +106,16 @@
 										</button>
 
 										<!-- daftar -->
-										<button class="btn bg-warning-400 btn-block mb-2" @click.prevent="modalOpen('tambahPeserta')" v-if="currentUser.id_cu == 0">
-											<i class="icon-people"></i> Daftar Peserta Pertemuan
-										</button>
+										<template v-if="item.status != 5 && item.status != 6">
+											<button class="btn bg-warning-400 btn-block mb-2" @click.prevent="modalOpen('tambahPeserta')" v-if="currentUser.id_cu == 0">
+												<i class="icon-people"></i> Daftar Peserta Pertemuan
+											</button>
 
-										<!-- daftar -->
-										<button class="btn bg-warning-400 btn-block mb-2" @click.prevent="modalOpen('tambahPeserta')" v-else-if="currentUser.can && currentUser.can['index_pertemuan_bkcu'] && currentUser.id_cu != 0 && item.status == 2">
-											<i class="icon-people"></i> Daftar Peserta Pertemuan
-										</button>
+											<!-- daftar -->
+											<button class="btn bg-warning-400 btn-block mb-2" @click.prevent="modalOpen('tambahPeserta')" v-else-if="currentUser.can && currentUser.can['index_pertemuan_bkcu'] && currentUser.id_cu != 0 && item.status == 2">
+												<i class="icon-people"></i> Daftar Peserta Pertemuan
+											</button>
+										</template>
 									</template>
 
 									<!-- keputusan -->
@@ -314,6 +317,10 @@
 											Unduhan
 										</a></li>
 
+										<li class="nav-item"><a href="#" class="nav-link" :class="{'active': tabName == 'listMateri'}" @click.prevent="changeTab('listMateri')"><i class="icon-copy mr-2"></i>
+											Materi
+										</a></li>
+
 										<li class="nav-item"><a href="#" class="nav-link" :class="{'active': tabName == 'tugas'}" @click.prevent="changeTab('tugas')"><i class="icon-paste mr-2"></i>
 											Tugas
 										</a></li>		
@@ -504,6 +511,78 @@
 								</div>
 							</transition>	
 
+							<!-- tablistmateri -->
+							<transition enter-active-class="animated fadeIn" mode="out-in">
+								<div v-show="tabName == 'listMateri'">
+									<!-- list materi table -->
+									<data-viewer :title="'List Materi'" :itemData="itemDataListMateri" :columnData="columnDataListMateri" :itemDataStat="itemDataListMateriStat" :query="queryListMateri" @fetch="fetchListMateri"  :isNoExcel="'true'" :isDasar="'true'" :isNoKolom="'true'" :isDisable="isDisableTable">
+										<!-- button desktop -->
+										<template slot="button-desktop" slot-scope="props" v-if="tipeUser != 'peserta'" >
+											<button type="button" class="btn btn-light mb-1" @click.prevent="modalOpen('tambahListMateri')"><i class="icon-plus3"></i> Tambah List Materi</button>
+											<button class="btn btn-light mb-1" @click.prevent="modalOpen('ubahListMateri',false,props.item)" :disabled="!selectedItem.id" >
+												<i class="icon-pencil5"></i> Ubah
+											</button>
+
+											<button class="btn btn-light mb-1" @click.prevent="modalOpen('hapusListMateri',false,props.item)" :disabled="!selectedItem.id">
+												<i class="icon-bin2"></i> Hapus
+											</button>
+										</template>
+
+										<!-- button mobile -->
+										<template slot="button-mobile"  v-if="tipeUser != 'peserta'">
+											<button type="button" class="btn btn-light btn-block mb-1" @click.prevent="modalOpen('tambahListMateri')"><i class="icon-plus3"></i> Tambah List Materi</button>
+											<button class="btn btn-light btn-block mb-1" @click.prevent="modalOpen('ubahListMateri')"
+											:disabled="!selectedItem.id" >
+												<i class="icon-pencil5"></i> Ubah
+											</button>
+
+											<button class="btn btn-light btn-block mb-1" @click.prevent="modalOpen('hapusListMateri')" :disabled="!selectedItem.id">
+												<i class="icon-bin2"></i> Hapus
+											</button>
+										</template>
+
+										<template slot="item-desktop" slot-scope="props">
+											<tr :class="{ 'bg-info': selectedItem.id === props.item.id }" class="text-nowrap" @click="selectedRow(props.item)" v-if="props.item">
+												<td>{{ props.index + 1 }}</td>
+												<td>
+													<check-value :value="props.item.nama"></check-value>
+												</td>
+												<td>
+													<check-value :value="props.item.waktu"></check-value>
+												</td>
+											</tr>
+										</template>	
+
+										<template slot="item-mobile" slot-scope="props">
+											<div class="col-md-12">
+												<div class="card">
+													<div class="card-body" v-if="props.item.nama">
+														{{ props.item.nama }}
+													</div>
+													<div class="card-body" v-if="props.item.waktu">
+														{{ props.item.waktu }}
+													</div>
+													<div class="card-footer">
+														<div class="row">
+															<div class="col-md-6 text-right">
+																<div class="d-none d-sm-block">
+																	<!-- <button type="button" class="btn btn-light mb-1" @click.prevent="modalOpen('lihatMateri',true,props.item)"><i class="icon-file-eye"></i> Lihat</button> -->
+
+																	<button type="button" class="btn btn-light mb-1" @click.prevent="modalOpen('ubahListMateri',true,props.item)" v-if="tipeUser != 'peserta'"><i class="icon-pencil5"></i> Ubah</button>
+
+																	<button type="button" class="btn btn-light mb-1"  @click.prevent="modalOpen('hapusListMateri',true,props.item)" v-if="tipeUser != 'peserta'"><i class="icon-bin2"></i> Hapus</button>
+																</div>	
+															</div>
+														</div>
+													</div>
+												</div>
+											</div>
+										</template>	
+									</data-viewer>
+
+								</div>
+							</transition>	
+
 							<!-- tabtugas -->
 							<transition enter-active-class="animated fadeIn" mode="out-in">
 								<div v-show="tabName == 'tugas'">
@@ -757,9 +836,11 @@
 
 										<!-- if bkcu -->
 										<template slot="button-desktop" v-if="currentUser.id_cu == 0">
-											<button class="btn bg-warning-400 mb-1" @click.prevent="modalOpen('tambahPeserta')">
-												<i class="icon-people"></i> Daftar Peserta
-											</button>
+											<template v-if="item.status != 5 && item.status != 6">
+												<button class="btn bg-warning-400 mb-1" @click.prevent="modalOpen('tambahPeserta')">
+													<i class="icon-people"></i> Daftar Peserta
+												</button>
+											</template>
 
 											<button class="btn btn-light mb-1" @click.prevent="modalOpen('ubahPeserta')" :disabled="!selectedItem.id" v-if="item.status == 2 && selectedItem.status != 3" >
 												<i class="icon-pencil5"></i> Ubah
@@ -776,6 +857,17 @@
 											<button class="btn btn-light mb-1" @click.prevent="modalOpen('alasanPeserta')" v-if="selectedItem.status == 3">
 												<i class="icon-eye"></i> Lihat Alasan Penolakan
 											</button>
+
+											<template v-if="item.id_sertifikat">
+												<button type="button" class="btn btn-light mb-1" @click.prevent="modalOpen('tambahNilai')" v-if="selectedItem.status == 5 && selectedItem.status != 6 && currentUser.can['create_diklat_bkcu']">
+													<i class="icon-plus3"></i> Tambah Nilai 
+												</button>
+
+												<button class="btn btn-light mb-1" @click.prevent="generateSertifikat()" v-if="selectedItem.status == 5 && selectedItem.status != 6">
+													<i class="icon-certificate"></i> Generate Sertifikat 
+												</button>
+											</template>
+
 										</template>
 										<template slot="button-mobile" v-if="currentUser.id_cu == 0">
 											<button class="btn bg-warning-400 btn-block mb-1" @click.prevent="modalOpen('tambahPeserta')">
@@ -794,6 +886,17 @@
 											<button class="btn btn-light btn-block mb-1" @click.prevent="modalOpen('alasanPeserta')" v-if="selectedItem.status == 3">
 												<i class="icon-eye"></i> Lihat Alasan Penolakan
 											</button>
+
+											<template v-if="item.id_sertifikat">
+												<button type="button" class="btn btn-light btn-block mb-1" @click.prevent="modalOpen('tambahNilai')" v-if="selectedItem.status == 5 && selectedItem.status != 6 && currentUser.can['create_diklat_bkcu']">
+													<i class="icon-plus3"></i> Tambah Nilai
+												</button>
+
+												<button class="btn btn-block mb-1" @click.prevent="generateSertifikat()" v-if="selectedItem.status == 5 && !selectedItem.status == 6">
+													<i class="icon-certificate"></i> Generate Sertifikat
+												</button>
+											</template>
+
 										</template>
 
 										<!-- if cu -->
@@ -822,6 +925,11 @@
 											<button class="btn btn-light mb-1" @click.prevent="modalOpen('alasanPeserta')" v-if="selectedItem.status == 3">
 												<i class="icon-eye"></i> Lihat Alasan Penolakan
 											</button>
+
+											<button class="btn btn-light mb-1" @click.prevent="generateSertifikat()" v-if="selectedItem.status == 5 && selectedItem.status != 6">
+												<i class="icon-certificate"></i> Generate Sertifikat
+											</button>
+
 										</template>
 										<template slot="button-mobile" v-else>
 											<template v-if="item.tipe == 'diklat_bkcu'">
@@ -848,6 +956,10 @@
 											<button class="btn btn-light btn-block mb-1" @click.prevent="modalOpen('alasanPeserta')" v-if="selectedItem.status == 3">
 												<i class="icon-eye"></i> Lihat Alasan Penolakan
 											</button>
+
+											<button class="btn bg-light btn-block mb-1" @click.prevent="generateSertifikat()" v-if="selectedItem.status == 5 && selectedItem.status != 6">
+												<i class="icon-certificate"></i> Generate Sertifikat
+											</button>
 										</template>
 
 										<template slot="item-desktop" slot-scope="props">
@@ -1190,6 +1302,23 @@
 				:selected="selectedItemMateri"
 				@tutup="modalTutup" v-else-if="state == 'lihatMateri'"></form-pdf> -->
 
+				<form-list-materi 
+				:mode="formModalMode"
+				:selected="selectedItemListMateri"
+				:kegiatan_id="item.id"
+				:kegiatan_tipe="item.tipe"
+				@tutup="modalTutup" v-if="state == 'tambahListMateri' || state == 'ubahListMateri'"></form-list-materi>
+
+				<form-nilai
+				:mode="formModalMode"
+				:selected="selectedItemNilai"
+				:kegiatan_id="this.item.id"
+				:kegiatan_tipe="this.item.tipe"
+				:aktivis_id="this.selectedItem.aktivis_id"
+				@tutup="modalTutup" 
+				@modalTutup="modalTutup"
+				v-if="state == 'tambahNilai'"></form-nilai>
+
 				<form-tugas 
 				:mode="formModalMode"
 				:selected="selectedItemTugas"
@@ -1262,12 +1391,14 @@
 	import formStatus from "./formStatus.vue";
 	import formHadir from "./formHadir.vue";
 	import formMateri from "./formMateri.vue";
+	import formListMateri from "./formListMateri.vue";
 	import formTugas from "./formTugas.vue";
 	import formTugasJawaban from "./formTugasJawaban.vue";
 	import formKeputusan from "./formKeputusan.vue";
 	import formKeputusanKomentar from "./formKeputusanKomentar.vue";
 	import formPertanyaan from "./formPertanyaan.vue";
 	import formPertanyaanKomentar from "./formPertanyaanKomentar.vue";
+	import formNilai from "./formNilai.vue";
 	// import formPdf from "./formPdf.vue";
 	import FileSaver from 'file-saver';
 	
@@ -1285,6 +1416,7 @@
 			formStatus,
 			formHadir,
 			formMateri,
+			formListMateri,
 			formTugas,
 			formTugasJawaban,
 			// formPdf,
@@ -1292,6 +1424,7 @@
 			formKeputusanKomentar,
 			formPertanyaan,
 			formPertanyaanKomentar,
+			formNilai,
 		},
 		data() {
 			return {
@@ -1340,6 +1473,13 @@
 						delimiter: '.'
 					}
 				},
+				queryNilai: {
+					order_column: "id",
+					order_direction: "asc",
+					filter_match: "and",
+					limit: 10,
+					page: 1
+				},
 				queryPesertaTerdaftar: {
 					order_column: "created_at",
 					order_direction: "asc",
@@ -1361,6 +1501,13 @@
 					limit: 10,
 					page: 1
 				},
+				queryListMateri: {
+					order_column: "nama",
+					order_direction: "asc",
+					filter_match: "and",
+					limit: 10,
+					page: 1
+				},
 				queryTugas: {
 					order_column: "created_at",
 					order_direction: "asc",
@@ -1773,6 +1920,30 @@
 						filter: true,
 					},
 				],
+				columnDataListMateri: [
+					{
+						title: 'No.',
+					},
+					{
+						title: 'Nama',
+						name: 'name',
+						tipe: 'string',
+						sort: true,
+						hide: false,
+						disable: false,
+						filter: true,
+						filterDefault: true
+					},
+					{
+						title: 'Waktu (Jam)',
+						name: 'waktu',
+						tipe: 'string',
+						sort: true,
+						hide: false,
+						disable: false,
+						filter: true,
+					}
+				],
 				columnDataTugas: [
 					{
 						title: 'No.',
@@ -1873,6 +2044,8 @@
 				itemDataPanitia: [],
 				selectedItem: '',
 				selectedItemMateri: '',
+				selectedItemListMateri: '',
+				selectedItemNilai: '',
 				selectedItemTugas: '',
 				selectedItemKeputusan: '',
 				selectedItemPertanyaan: '',
@@ -1911,6 +2084,7 @@
 					this.fetchCountPeserta();
 					this.fetchCountKeputusan();
 					this.fetchCountPertanyaan();
+					this.fetchlistMateri2();
 
 					var valDalam;
 					for(valDalam of this.item.panitia_dalam){
@@ -1999,6 +2173,15 @@
 			fetchMateri(params) {
 				this.$store.dispatch(this.kelas + '/indexMateri', [params,this.item.id]);
 			},
+			fetchListMateri(params) {
+				this.$store.dispatch(this.kelas + '/indexListMateri', [params,this.item.id]);
+			},
+			fetchlistMateri2(){
+				this.$store.dispatch(this.kelas +'/indexNilaiListMateri',this.item.id);
+			},
+			fetchNilai(params){
+				this.$store.dispatch(this.kelas+'/indexNilai',[params,this.item.id, this.selectedItem.aktivis_id])
+			},
 			fetchTugas(params) {
 				this.$store.dispatch(this.kelas + '/indexTugas', [params,this.item.id]);
 			},
@@ -2072,6 +2255,8 @@
 					this.fetchPesertaHadir(this.queryPesertaHadir);
 				}else if(value == 'materi'){
 					this.fetchMateri(this.queryMateri);
+				}else if(value == 'listMateri'){
+					this.fetchListMateri(this.queryListMateri);
 				}else if(value == 'tugas'){
 					this.fetchTugas(this.queryTugas);
 				}else if(value == 'keputusan'){
@@ -2090,6 +2275,21 @@
 			},
 			selectedRow(item) {
 				this.selectedItem = item;
+				this.selectedItemListMateri = item;
+				this.selectedItemNilai = item;
+				this.fetchNilai(this.queryNilai);
+			},
+			generateSertifikat(){
+				this.modalShow = true;
+				this.modalState = 'loading';
+				axios.post('/api/generateSertifikat', this.selectedItem, {
+					responseType: 'blob'
+				}).then((response) => {
+					FileSaver.saveAs(response.data, this.selectedItem.name+'.pdf')
+					this.state = "generateSertifikat";
+					this.modalState = 'success';
+					this.modalOpen("generateSertifikat");
+				})
 			},
 			modalOpen(state, isMobile, itemMobile) {
 				this.modalShow = true;
@@ -2100,6 +2300,10 @@
 				if (isMobile) {
 					if(this.state == 'ubahMateri' || this.state == 'hapusMateri' || this.state == 'lihatMateri'){
 						this.selectedItemMateri = itemMobile;
+					}else if(this.state == 'ubahListMateri' || this.state == 'hapusListMateri'){
+						this.selectedItemListMateri = itemMobile;
+					}else if(this.state == 'ubahNilai' || this.state == 'hapusNilai'){
+						this.selectedItemNilai = itemMobile;
 					}else if(this.state == 'ubahKeputusan' || this.state == 'hapusKeputusan' || this.state == 'keputusanKomentar'){
 						this.selectedItemKeputusan = itemMobile;
 					}else if(this.state == 'ubahTugas' || this.state == 'hapusTugas' || this.state == 'lihatTugas'){
@@ -2160,6 +2364,11 @@
 						this.modalSize = 'modal-lg';
 						this.formModalMode = 'create';
 					}
+				}else if (this.state == 'generateSertifikat'){
+					this.modalState = 'content-tutup';
+					this.modalColor = 'bg-primary';
+					this.modalTitle = 'Generate Sertifikat Berhasil';
+					this.modalButton = 'Ok';
 				}else if(state == 'pesertaTidakTerdaftar'){
 					this.modalState = 'fail';
 					this.modalColor = '';
@@ -2202,6 +2411,36 @@
 						this.modalColor = 'bg-primary';
 						this.modalSize = 'modal-lg';
 					}
+				}else if (state == 'ubahListMateri') {
+					this.modalState = 'normal2';
+					this.modalColor = 'bg-primary';
+					this.modalTitle = 'Ubah List Materi';
+					this.formModalMode = 'edit';
+				} else if (state == 'tambahListMateri') {
+					this.modalState = 'normal2';
+					this.modalColor = 'bg-primary';
+					this.modalTitle = 'Tambah List Materi';
+					this.formModalMode = 'create';
+				} else if (state == 'hapusListMateri') {
+					this.modalState = 'confirm-tutup';
+					this.modalColor = '';
+					this.modalTitle = 'Hapus Materi ini ?';
+					this.modalButton = 'Iya, Hapus';
+				}else if (state == 'ubahNilai') {
+					this.modalState = 'normal2';
+					this.modalColor = 'bg-primary';
+					this.modalTitle = 'Ubah Nilai';
+					this.formModalMode = 'edit';
+				} else if (state == 'tambahNilai') {
+					this.modalState = 'normal2';
+					this.modalColor = 'bg-primary';
+					this.modalTitle = 'Tambah Nilai';
+					this.formModalMode = 'create';
+				} else if (state == 'hapusNilai') {
+					this.modalState = 'confirm-tutup';
+					this.modalColor = '';
+					this.modalTitle = 'Hapus Nilai ini ?';
+					this.modalButton = 'Iya, Hapus';
 				} else if (state == 'tambahTugas') {
 					this.modalState = 'normal2';
 					this.modalColor = 'bg-primary';
@@ -2328,6 +2567,10 @@
 					this.$store.dispatch(this.kelas + '/destroyPeserta', this.selectedItem.id);
 				}else if (this.state == 'hapusMateri') {
 					this.$store.dispatch(this.kelas + '/destroyMateri', [this.item.tipe, this.selectedItemMateri.id]);
+				}else if (this.state == 'hapusListMateri') {
+					this.$store.dispatch(this.kelas + '/destroyListMateri', [this.item.tipe, this.selectedItemListMateri.id]);
+				}else if (this.state == 'hapusMateri') {
+					this.$store.dispatch(this.kelas + '/destroyMateri', [this.item.tipe, this.selectedItemMateri.id]);
 				}else if (this.state == 'hapusTugas') {
 					this.$store.dispatch(this.kelas + '/destroyTugas', [this.item.tipe, this.selectedItemTugas.id]);
 				}else if (this.state == 'hapusKeputusan') {
@@ -2342,6 +2585,12 @@
 					this.fetchCountPeserta();
 				}else if(this.state == 'tambahMateri' || this.state == 'ubahMateri' || this.state == 'hapusMateri'){
 					this.changeTab('materi');
+				}else if(this.state == 'tambahListMateri' || this.state == 'ubahListMateri' || this.state == 'hapusListMateri'){
+					this.changeTab('listMateri');
+				}else if(this.state == 'tambahNilai' || this.state == 'ubahNilai' || this.state == 'hapusNilai'){
+					// this.changeTab('pesertaTerdaftar');
+					this.fetchNilai(this.queryNilai);
+					this.state = '';
 				}else if(this.state == 'tambahTugas' || this.state == 'ubahTugas' || this.state == 'hapusTugas'){
 					this.changeTab('tugas');
 				}else if(this.state == 'tambahKeputusan' || this.state == 'ubahKeputusan' || this.state == 'hapusKeputusan' || this.state == 'keputusanKomentar'){
@@ -2409,6 +2658,12 @@
 				itemDataPesertaHadirStat: 'dataStatS2',
 				itemDataMateri: 'dataS3',
 				itemDataMateriStat: 'dataStatS3',
+				itemDataListMateri: 'dataListMateri',
+				itemDataListMateriStat: 'dataListMateriStat',
+				itemDataListMateri1: 'dataNilai',
+				nilaiStat1: 'dataNilaiStat',
+				itemNilai:'nilai',
+				itemNilaiStat: 'nilaiStat',
 				itemDataKeputusan: 'dataS4',
 				itemDataKeputusanStat: 'dataStatS4',
 				itemDataKeputusan: 'dataS4',
@@ -2433,6 +2688,8 @@
 				countPertanyaanStat: 'countStat4',
 				updateResponse: 'update',
 				updateStat: 'updateStat',
+				updateNilai: 'updateNilai',
+				updateNilaiStat: 'updateNilaiStat'
 			}),
 		}
 	}
diff --git a/resources/assets/js/views/kegiatanBKCU/form.vue b/resources/assets/js/views/kegiatanBKCU/form.vue
index c4b6a8c27..9d4ea8b80 100755
--- a/resources/assets/js/views/kegiatanBKCU/form.vue
+++ b/resources/assets/js/views/kegiatanBKCU/form.vue
@@ -643,10 +643,29 @@
 
 						</div>
 
+						<!-- sertifikat -->
+						<div class="card">
+							<div class="card-header bg-white">
+								<h5 class="card-title">5. Sertifikat <wajib-badge></wajib-badge></h5>
+							</div>
+
+							<div class="card-body">
+								<div class="row col-md-12">
+									<select class="form-control"  name="id_sertifikat" v-model="form.id_sertifikat" data-width="100%" data-vv-as="Sertifikat" @change="changeSertifikat($event.target.value)" :disabled="itemDataStat.length === 0">
+										<option disabled value="">
+											<span v-if="itemDataStat === 'loading'">Mohon tunggu...</span>
+											<span v-else>Silahkan pilih sertifikat</span>
+										</option>
+										<option v-for="(sertifikat, index) in itemData.data" :value="sertifikat.id" :key="index">{{sertifikat.name}} -- {{sertifikat.kode_sertifikat}}</option>
+									</select>
+								</div>
+							</div>
+						</div>
+
 						<!-- keputusan -->
 						<div class="card">
 							<div class="card-header bg-white">
-								<h5 class="card-title">5. Interaksi Peserta <br/> 
+								<h5 class="card-title">6. Interaksi Peserta <br/> 
 									<small class="text-muted">Di isi apabila ada pengaturan pertanyaan dan keputusan</small></h5>
 							</div>
 							<div class="card-body pb-2">
@@ -1045,6 +1064,7 @@
 
 							this.itemDataPilih.push(formData);
 						}
+
 					}
 				}
 			},
@@ -1088,6 +1108,7 @@
 					this.$store.dispatch(this.kelas + '/create');
 				}
 				this.$store.dispatch('provinces/get');
+				this.$store.dispatch('sertifikatKegiatan/index');
 			},
 			checkTipe(tipe){
 				if(tipe == 'diklat_bkcu'){
@@ -1105,6 +1126,9 @@
 					this.titleIcon = 'icon-plus3';
 				}	
 			},
+			changeSertifikat(event){
+				this.form.formSertifikat = event;
+			},
 			changeProvinces(id){
 				this.$store.dispatch('regencies/getProvinces', id);
 			},
@@ -1315,7 +1339,11 @@
 			...mapGetters('tempat',{
 				modelTempat: 'dataSForm',
 				modelTempatStat: 'dataStatSForm',
-			})
+			}),
+			...mapGetters('sertifikatKegiatan',{
+				itemData: 'dataS',
+				itemDataStat: 'dataStatS',
+			}),
 		}
 	}
 </script>
\ No newline at end of file
diff --git a/resources/assets/js/views/kegiatanBKCU/formListMateri.vue b/resources/assets/js/views/kegiatanBKCU/formListMateri.vue
new file mode 100644
index 000000000..ba7071c56
--- /dev/null
+++ b/resources/assets/js/views/kegiatanBKCU/formListMateri.vue
@@ -0,0 +1,135 @@
+<template>
+	<div>
+		<!-- message -->
+		<message v-if="errors.any('formListMateri') && submited" :title="'Oops, terjadi kesalahan'" :errorItem="errors.items">
+		</message>
+
+		<form @submit.prevent="save" enctype="multipart/form-data" data-vv-scope="formListMateri">
+      <!-- nama -->
+			<div class="form-group" :class="{'has-error' : errors.has('formListMateri.nama')}">
+
+				<!-- title -->
+				<h5 :class="{ 'text-danger' : errors.has('formListMateri.nama')}">
+					<i class="icon-cross2" v-if="errors.has('formListMateri.nama')"></i>
+					Nama :
+				</h5>
+
+				<!-- text -->
+				<input type="text" name="name" class="form-control" placeholder="Silahkan masukkan nama materi" v-validate="'required'" v-model="formListMateri.nama">
+
+				<!-- error message -->
+				<small class="text-muted text-danger" v-if="errors.has('formListMateri.nama')">
+					<i class="icon-arrow-small-right"></i> {{ errors.first('formListMateri.nama') }}
+				</small>
+				<small class="text-muted" v-else>&nbsp;
+				</small>
+			</div>
+
+			<!-- waktu -->
+			<div class="form-group" :class="{'has-error' : errors.has('formListMateri.waktu')}">
+
+				<!-- title -->
+				<h5 :class="{ 'text-danger' : errors.has('formListMateri.waktu')}">
+					<i class="icon-cross2" v-if="errors.has('formListMateri.waktu')"></i>
+					Waktu (Jam) :
+				</h5>
+
+				<!-- text -->
+				<input type="text" name="waktu" class="form-control" placeholder="Silahkan masukkan waktu (jam)" v-validate="'required'" v-model="formListMateri.waktu">
+
+				<!-- error message -->
+				<small class="text-muted text-danger" v-if="errors.has('formListMateri.waktu')">
+					<i class="icon-arrow-small-right"></i> {{ errors.first('formListMateri.waktu') }}
+				</small>
+				<small class="text-muted" v-else>&nbsp;
+				</small>
+			</div>
+
+      <!-- divider -->
+      <hr>
+      
+      <!-- tombol desktop-->
+      <div class="text-center d-none d-md-block">
+        <button class="btn btn-light" @click.prevent="tutup">
+          <i class="icon-cross"></i> Tutup</button>
+
+        <button type="submit" class="btn btn-primary">
+          <i class="icon-floppy-disk"></i> Simpan</button>
+      </div>  
+
+      <!-- tombol mobile-->
+      <div class="d-block d-md-none">
+        <button type="submit" class="btn btn-primary btn-block pb-2">
+          <i class="icon-floppy-disk"></i> Simpan</button>
+
+        <button class="btn btn-light btn-block pb-2" @click.prevent="tutup">
+          <i class="icon-cross"></i> Tutup</button>
+      </div> 
+    </form>	
+
+	</div>
+</template>
+
+<script>
+	import { mapGetters } from 'vuex';
+	import { toMulipartedForm } from '../../helpers/form';
+	import message from "../../components/message.vue";
+	import formInfo from "../../components/formInfo.vue";
+
+	export default {
+		props: ['mode','selected','kegiatan_id','kegiatan_tipe'],
+		components: {
+			formInfo,
+			message
+		},
+		data() {
+			return {
+				title: '',
+				formListMateri: { 
+					nama: '',
+					waktu:''
+        },
+        penjelasanStatus: '',
+				submited: false,
+			}
+		},
+		created() {
+			if(this.mode == 'edit'){
+				this.formListMateri = Object.assign({}, this.selected);
+			}
+		},
+		watch: {
+			
+		},
+		methods: {
+			upload(e) {
+				let files = e.target.files || e.dataTransfer.files;
+				if (!files.length)
+					return
+				this.formListMateri.content = files[0];
+			},
+      save(){
+				const formData = toMulipartedForm(this.formListMateri, this.mode);
+				this.$validator.validateAll('formListMateri').then((result) => {
+					if (result) {
+						if(this.mode == 'edit'){
+							this.$store.dispatch('kegiatanBKCU/updateListMateri', [this.formListMateri.id, formData]);
+						}else{
+							this.$store.dispatch('kegiatanBKCU/storeListMateri', [this.kegiatan_tipe, this.kegiatan_id, formData]);
+						}
+					}else{
+						this.submited = true;
+					}	
+				});
+      },
+			tutup() {
+				this.$emit('tutup');
+			}
+		},
+		computed: {
+			...mapGetters('auth', {
+				currentUser: 'currentUser'
+			}),
+		}
+	}
+</script>
\ No newline at end of file
diff --git a/resources/assets/js/views/kegiatanBKCU/formNilai.vue b/resources/assets/js/views/kegiatanBKCU/formNilai.vue
new file mode 100644
index 000000000..a61a23166
--- /dev/null
+++ b/resources/assets/js/views/kegiatanBKCU/formNilai.vue
@@ -0,0 +1,149 @@
+<template>
+	<div>
+		<form @submit.prevent="save" data-vv-scope="formNilai">
+
+		<!-- asal -->
+		<div class="form-group" :class="{'has-error' : errors.has('formNilai.materi')}" v-if="mode == 'create'">
+
+			<!-- title -->
+			<h5 :class="{ 'text-danger' : errors.has('formNilai.materi')}">
+				<i class="icon-cross2" v-if="errors.has('formNilai.materi')"></i>
+				Pilih Materi:
+			</h5>
+
+			<!-- select -->
+			<select class="form-control" name="materi" v-model="formNilai.materi"  data-vv-as="Materi"  @change="changeMateri($event.target.value)">
+					<option disabled value="">
+						<span v-if="itemDataListMateriNilaiStat === 'loading'">Mohon tunggu...</span>
+						<span v-else>Silahkan pilih materi</span>
+					</option>
+					<option disabled value="">----------------</option>
+					<option v-for="(materi, index) in itemDataListMateriNilai" :value="materi.id" :key="index">{{materi.nama}}</option>
+				</select>
+
+			<!-- error message -->
+			<small class="text-muted text-danger" v-if="errors.has('formNilai.materi')">
+				<i class="icon-arrow-small-right"></i> {{ errors.first('formNilai.materi') }}
+			</small>
+			<small class="text-muted" v-else>&nbsp;</small>
+		</div>
+        <div class="form-group" :class="{'has-error' : errors.has('formNilai.nilai')}" v-if="mode == 'create'">
+        <!-- title -->
+				<h5 :class="{ 'text-danger' : errors.has('formNilai.name')}">
+					<i class="icon-cross2" v-if="errors.has('formNilai.nilai')"></i>
+					Nilai :
+				</h5>
+
+				<!-- text -->
+				<input type="text" name="nilai" class="form-control" placeholder="Silahkan masukkan nilai" v-validate="'required'" v-model="formNilai.nilai">
+
+				<!-- error message -->
+				<small class="text-muted text-danger" v-if="errors.has('formNilai.nilai')">
+					<i class="icon-arrow-small-right"></i> {{ errors.first('formNilai.nilai') }}
+				</small>
+				<small class="text-muted" v-else>&nbsp;
+				</small>
+        </div>
+		<hr>
+		<div class="table-responsive">
+			<table class="table">
+				<thead>
+					<tr class="bg-blue">
+						<th>No</th>
+						<th>Materi</th>
+						<th>Nilai</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr v-for="(nl,index) in this.itemNilai" :key="nl.id">
+						<td>{{index+1}}</td>
+						<td>{{nl.nama}}</td>
+						<td>{{nl.nilai}}</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+        <hr>
+		<!-- tombol desktop-->
+		<div class="text-center d-none d-md-block">
+			<button type="button" class="btn btn-light" @click.prevent="tutup">
+				<i class="icon-cross"></i> Tutup</button>
+
+			<button type="submit" class="btn btn-primary" :disabled="formNilai.aktivis_id == ''">
+				<i class="icon-floppy-disk"></i> Simpan</button>
+		</div>  
+
+		<!-- tombol mobile-->
+		<div class="d-block d-md-none">
+			<button type="submit" class="btn btn-primary btn-block pb-2" :disabled="formNilai.aktivis_id == ''">
+				<i class="icon-floppy-disk"></i> Simpan</button>
+
+			<button type="button" class="btn btn-light btn-block pb-2" @click.prevent="tutup">
+				<i class="icon-cross"></i> Tutup</button>
+		</div>
+
+		</form> 
+
+	</div>
+</template>
+
+<script>
+	import { mapGetters } from 'vuex';
+	import checkValue from '../../components/checkValue.vue';
+	import DataViewer from '../../components/dataviewer2.vue';
+	import message from "../../components/message.vue";
+
+	export default {
+		props: ['mode','selected','kegiatan_id','kegiatan_tipe', 'aktivis_id'],
+		components: {
+			DataViewer,
+			checkValue,
+			message
+		},
+		data() {
+			return {
+				title: '',
+				kelas: 'nilai',
+				selectedItem: [],
+				formNilai:{
+					materi: '',
+					nilai: '',
+				},
+				submited: false,
+			}
+		},
+		methods: {
+            changeMateri(event){
+				this.formNilai.materi_id = event;
+			},
+			save(){
+				// const formData = toMulipartedForm(this.formNilai, this.mode);
+				this.$validator.validateAll('formNilai').then((result) => {
+					if (result) {
+							this.$store.dispatch('kegiatanBKCU/storeNilai', [this.aktivis_id, this.kegiatan_id, this.formNilai.materi_id, this.formNilai]);
+					this.$emit('modalTutup','tambahNilai');
+					}else{
+						this.submited = true;
+					}	
+				});
+        },
+			tutup(){
+				this.$emit('tutup');
+			}
+		},
+		computed: {
+			...mapGetters('auth',{
+				currentUser: 'currentUser'
+			}),
+            ...mapGetters('kegiatanBKCU', {
+				itemDataListMateriNilai: 'dataNilai',
+				itemDataListMateriNilaiStat: 'dataNilaiStat',
+				itemNilai:'nilai',
+				itemNilaiStat: 'nilaiStat',
+				itemStat: 'dataStat',
+				updateNilai: 'updateNilai',
+				updateNilaiStat: 'updateNilaiStat'
+			}),
+		}
+	}
+</script>
\ No newline at end of file
diff --git a/resources/assets/js/views/kegiatanBKCU/formSertifikat.vue b/resources/assets/js/views/kegiatanBKCU/formSertifikat.vue
new file mode 100644
index 000000000..5a9b10665
--- /dev/null
+++ b/resources/assets/js/views/kegiatanBKCU/formSertifikat.vue
@@ -0,0 +1,165 @@
+<template>
+	<div>
+		<form @submit.prevent="save" data-vv-scope="formSertifikat">
+
+		<!-- asal -->
+		<div class="form-group" :class="{'has-error' : errors.has('formSertifikat')}" v-if="mode == 'create'">
+
+			<!-- error message -->
+			<small class="text-muted text-danger" v-if="errors.has('formSertifikat')">
+				<i class="icon-arrow-small-right"></i> {{ errors.first('formSertifikat') }}
+			</small>
+			<small class="text-muted" v-else>&nbsp;</small>
+		</div>
+
+		<data-viewer :title="'Sertifikat'" :columnData="columnDataSertifikat"  :itemData="itemDataSertifikat" :query="query" :itemDataStat="itemDataSertifikatStat" @fetch="fetch" :isDasar="'true'" :isNoButtonRow="'true'" v-if="mode == 'create'">
+
+			<!-- item  -->
+			<template slot="item-desktop" slot-scope="props">
+				<tr :class="{ 'bg-info': selectedItem.id === props.item.id }" class="text-nowrap" @click="selectedRow(props.item)">
+					<td>
+						{{ props.index + 1 + (+itemDataSertifikat.current_page-1) * +itemDataSertifikat.per_page + '.'}}
+					</td>
+					<td>
+						<check-value :value="props.item.kode_sertifikat"></check-value>
+					</td>
+					<td>
+						<check-value :value="props.item.name"></check-value>
+					</td>
+					
+				</tr>
+			</template>
+
+		</data-viewer>
+
+		<!-- message -->
+		<message v-if="errors.any('formSertifikat') && submited" :title="'Oops terjadi kesalahan'" :errorItem="errors.items">
+		</message>
+		<!-- divider -->
+		<hr>
+		
+		<!-- tombol desktop-->
+		<div class="text-center d-none d-md-block">
+			<button type="button" class="btn btn-light" @click.prevent="tutup">
+				<i class="icon-cross"></i> Tutup</button>
+
+			<button type="submit" class="btn btn-primary" :disabled="formSertifikat.id == ''">
+				<i class="icon-floppy-disk"></i> Simpan</button>
+		</div>  
+
+		<!-- tombol mobile-->
+		<div class="d-block d-md-none">
+			<button type="submit" class="btn btn-primary btn-block pb-2" :disabled="formSertifikat.id == ''">
+				<i class="icon-floppy-disk"></i> Simpan</button>
+
+			<button type="button" class="btn btn-light btn-block pb-2" @click.prevent="tutup">
+				<i class="icon-cross"></i> Tutup</button>
+		</div>
+
+		</form> 
+
+	</div>
+</template>
+
+<script>
+	import { mapGetters } from 'vuex';
+	import checkValue from '../../components/checkValue.vue';
+	import DataViewer from '../../components/dataviewer2.vue';
+	import message from "../../components/message.vue";
+
+	export default {
+		props: ['mode','selected'],
+		components: {
+			DataViewer,
+			checkValue,
+			message
+		},
+		data() {
+			return {
+				title: '',
+				kelas: 'sertifikat',
+				selectedItem: [],
+				formSertifikat:{
+					id_sertifikat: '',
+                    kode_sertifikat:'',
+					name: '',},
+				query: {
+					order_column: "name",
+					order_direction: "asc",
+					filter_match: "and",
+					limit: 5,
+					page: 1
+				},
+				columnDataSertifikat: [
+					{ title: 'No.' },
+					{ title: 'Kode Sertifikat' },
+					{
+						title: 'Nama',
+						name: 'name',
+						tipe: 'string',
+						sort: true,
+						hide: false,
+						disable: false,
+						filter: true,
+						filterDefault: true
+					},
+				],
+				submited: false,
+			}
+		},
+		created(){
+			if(this.mode == 'edit'){
+				this.formSertifikat = Object.assign({}, this.selected);
+			}
+			this.fetch(this.query);
+		},
+		updated(){
+			
+		},
+		methods: {
+			fetch(params){
+				this.$store.dispatch('sertifikatKegiatan/index', params);
+			},
+			
+			deleteSelected(){
+				this.formSertifikat.id_sertifikat = '';
+				this.selectedItem = '';
+			},
+			selectedRow(item){
+				this.selectedItem = item;
+				this.formSertifikat.id_sertifikat = item.id;
+				this.formSertifikat.name = item.name;
+				this.formSertifikat.kode_sertifikat = item.kode_sertifikat;
+				
+			},
+			save(){
+				this.$validator.validateAll('formSertifikat').then((result) => {
+					if (result) {
+						if(this.mode == 'edit'){
+							this.$emit('editSertifikat',this.formSertifikat);
+						}else{
+							this.$emit('createSertifikat',this.formSertifikat);
+						}
+						this.submited = false;
+					}else{
+						this.submited = true;
+					}	
+				});
+			},
+			tutup(){
+				this.$emit('tutup');
+			}
+		},
+		computed: {
+			...mapGetters('auth',{
+				currentUser: 'currentUser'
+			}),
+			...mapGetters('sertifikatKegiatan',{
+				itemDataSertifikat: 'dataS',
+				itemDataSertifikatStat: 'dataStatS',
+				updateMessage: 'update',
+				updateStat: 'updateStat'
+			}),	
+		}
+	}
+</script>
\ No newline at end of file
diff --git a/resources/assets/js/views/sertifikatKegiatan/form.vue b/resources/assets/js/views/sertifikatKegiatan/form.vue
new file mode 100644
index 000000000..00b3b5dd0
--- /dev/null
+++ b/resources/assets/js/views/sertifikatKegiatan/form.vue
@@ -0,0 +1,456 @@
+<template>
+	<div>
+		<!-- page-header -->
+		<page-header :title="title" :titleDesc="titleDesc" :titleIcon="titleIcon" :level="level" :level2Title="level2Title" :level2Route="kelas" @level2Back="back()"></page-header>
+
+		<!-- content -->
+		<div class="page-content pt-0">
+			<div class="content-wrapper">
+				<div class="content">
+
+					<!-- message -->
+					<message v-if="errors.any('form') && submited" :title="'Oops terjadi kesalahan'" :errorItem="errors.items">
+					</message>
+
+					<!-- main panel -->
+					<form @submit.prevent="save" enctype="multipart/form-data" data-vv-scope="form">
+					
+						<!-- informasi umum -->
+						<div class="card">
+							<div class="card-body">	
+								<div class="row">
+									<!-- gambar utama -->
+									<div class="col-md-12">
+										<div class="form-group">
+
+											<!-- title -->
+											
+											<h5>Gambar Depan:<wajib-ukuran></wajib-ukuran></h5>
+
+											<!-- imageupload -->
+											<app-image-upload :image_loc="'/images/sertifikatKegiatan/'" :image_temp="form.gambar_depan" v-model="form.gambar_depan"></app-image-upload>
+										
+										</div>
+									</div>
+									<!-- gambar utama -->
+									<div class="col-md-12">
+										<div class="form-group" >
+
+											<!-- title -->
+											
+											<h5>Gambar Belakang:<wajib-ukuran></wajib-ukuran></h5>
+
+											<!-- imageupload -->
+											<app-image-upload :image_loc="'/images/sertifikatKegiatan/'" :image_temp="form.gambar_belakang" v-model="form.gambar_belakang" ></app-image-upload>
+										</div>
+									</div>
+
+									<!-- kode -->
+									<div class="col-md-6">
+										<div class="form-group" :class="{'has-error' : errors.has('form.kode_sertifikat')}">
+
+											<!-- title -->
+											<h5 :class="{ 'text-danger' : errors.has('form.kode_diklat')}">
+												<i class="icon-cross2" v-if="errors.has('form.kode_sertifikat')"></i>
+												Kode Sertifikat: <wajib-badge></wajib-badge></h5>
+
+											<!-- text -->
+											<input type="text" name="kode_sertifikat" class="form-control" placeholder="Silahkan masukkan kode sertifikat" v-validate="'required|min:5'" data-vv-as="Kode Sertifikat" v-model="form.kode_sertifikat">
+											
+
+											<!-- error message -->
+											<small class="text-muted text-danger" v-if="errors.has('form.kode_sertifikat')">
+												<i class="icon-arrow-small-right"></i> {{ errors.first('form.kode_sertifikat') }}
+											</small>
+											<small class="text-muted" v-else>&nbsp;</small>
+										</div>
+									</div>
+
+									<!-- name -->
+									<div class="col-md-6">
+										<div class="form-group" :class="{'has-error' : errors.has('form.nama_kegiatan')}">
+
+											<!-- title -->
+											<h5 :class="{ 'text-danger' : errors.has('form.name')}">
+												<i class="icon-cross2" v-if="errors.has('form.name')"></i>
+												Nama: <wajib-badge></wajib-badge></h5>
+
+											<!-- text -->
+											<input type="text" name="name" class="form-control" placeholder="Silahkan masukkan nama kegiatan" v-validate="'required|min:5'" data-vv-as="Nama" v-model="form.name">
+
+											<!-- error message -->
+											<small class="text-muted text-danger" v-if="errors.has('form.name')">
+												<i class="icon-arrow-small-right"></i> {{ errors.first('form.name') }}
+											</small>
+											<small class="text-muted" v-else>&nbsp;</small>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+						<!-- form info -->
+						<form-info></form-info>	
+						<br/>
+
+						<!-- form button -->
+						<div class="card card-body">
+							<form-button
+								:cancelState="cancelState"
+								:formValidation="'form'"
+								@cancelClick="back"></form-button>
+						</div>	
+
+					</form>
+				</div>
+			</div>
+		</div>
+
+		<!-- modal -->
+		<app-modal :show="modalShow" :state="modalState" :title="modalTitle" :content="modalContent" :size="modalSize" :color="modalColor" @batal="modalTutup" @tutup="modalTutup" @confirmOk="modalConfirmOk" @successOk="modalTutup" @failOk="modalTutup"  @backgroundClick="modalBackgroundClick">
+
+			<!-- title -->
+			<template slot="modal-title">
+				{{ modalTitle }}
+			</template>
+
+		</app-modal>
+
+	</div>
+</template>
+
+<script>
+	import { mapGetters } from 'vuex';
+	import _ from 'lodash';
+	import pageHeader from "../../components/pageHeader.vue";
+	import infoIcon from "../../components/infoIcon.vue";
+	import wajibBadge from "../../components/wajibBadge.vue";
+	import wajibUkuran from "../../components/wajibUkuran.vue";
+	import { toMulipartedForm } from '../../helpers/form';
+	import appImageUpload from '../../components/ImageUpload.vue';
+	import appModal from '../../components/modal';
+	import message from "../../components/message.vue";
+	import formButton from "../../components/formButton.vue";
+	import formInfo from "../../components/formInfo.vue";
+	import Cleave from 'vue-cleave-component';
+	import dataTable from '../../components/datatable.vue';
+	import DatePicker from "../../components/datePicker.vue";
+
+	export default {
+		components: {
+			pageHeader,
+			appModal,
+			appImageUpload,
+			message,
+			formButton,
+			formInfo,
+			Cleave,
+			dataTable,
+			infoIcon,
+			wajibBadge,
+			wajibUkuran,
+			DatePicker
+		},
+		data() {
+			return {
+				title: 'Tambah Sertifikat Kegiatan',
+				titleDesc: 'Menambah Sertifikat Kegiatan',
+				titleIcon: 'icon-plus3',
+				level: 2,
+				level2Title: 'Sertifikat Kegiatan',
+				kelas: 'sertifikatKegiatan',
+				sasaran: [],
+				tempatData: '',
+				ckeditorNoImageConfig: {
+					toolbar: {
+						items: [
+							'heading',
+							'|',
+							'bold',
+							'italic',
+							'link',
+							'bulletedList',
+							'numberedList',
+							'blockQuote',
+							'insertTable',
+							'mediaEmbed',
+							'undo',
+							'redo'
+						]
+					},
+					table: {
+						contentToolbar: [
+							'tableColumn',
+							'tableRow',
+							'mergeTableCells'
+						]
+					},
+				},
+				cleaveOption: {
+          date:{
+            date: true,
+            datePattern: ['Y','m','d'],
+            delimiter: '-'
+					},
+					year:{
+            date: true,
+            datePattern: ['Y'],
+          },
+          number12: {
+            numeral: true,
+            numeralIntegerScale: 12,
+            numeralDecimalScale: 0,
+						stripLeadingZeroes: false,
+						delimiter: ''
+					},
+					number3: {
+            numeral: true,
+            numeralIntegerScale: 3,
+            numeralDecimalScale: 0,
+            stripLeadingZeroes: false
+          },
+          numeric: {
+            numeral: true,
+            numeralThousandsGroupStyle: 'thousand',
+            numeralDecimalScale: 2,
+            numeralDecimalMark: ',',
+            delimiter: '.'
+          }
+				},
+				selectedItemPilih: '',
+				formPilihMode: '',
+				itemDataPilih: [],
+				itemDataPilihStat: 'success',
+				cancelState: 'methods',
+				state: '',
+				modalShow: false,
+				modalState: '',
+				modalTitle: '',
+				modalColor: '',
+				modalContent: '',
+				modalSize: '',
+				submited: false,
+			}
+		},
+		beforeRouteEnter(to, from, next) {
+			next(vm => vm.fetch());
+		},
+		watch: {
+			// modelTempatStat(value){
+			// 	if(value === "success"){
+			// 		this.changeTempat(this.form.id_tempat);
+			// 	}
+			// },
+			updateStat(value){
+				this.modalShow = true;
+				this.modalState = value;
+				this.modalColor = '';
+
+				if(value === "success"){
+					this.modalTitle = this.updateResponse.message;
+				}else{
+					this.modalTitle = 'Oops terjadi kesalahan :(';
+					this.modalContent = this.updateResponse;
+				}
+			},
+			updateTempatStat(value){
+				this.modalShow = true;
+				this.modalState = value;
+				this.modalColor = '';
+
+				if(value === "success"){
+					this.modalTitle = this.updateTempatResponse.message;
+					this.changeRegencies(this.form.id_regencies);
+				}else{
+					this.modalTitle = 'Oops terjadi kesalahan :(';
+					this.modalContent = this.updateTempatResponse;
+				}
+			}
+    },
+		methods: {
+			fetch(){
+				if(this.$route.meta.mode == 'edit'){
+					this.$store.dispatch(this.kelas + '/edit',this.$route.params.id);	
+				} else {
+					// this.checkTipe(this.$route.params.tipe);
+					this.$store.dispatch(this.kelas + '/create');
+				}
+				
+				// this.$store.dispatch('provinces/get');
+			},
+			checkTipe(tipe){
+				
+				if(this.$route.meta.mode == 'edit'){
+					this.title = 'Ubah ' + this.level2Title;
+					this.titleDesc = 'Mengubah ' + this.level2Title;
+					this.titleIcon = 'icon-pencil5';
+				}else{
+					this.title = 'Tambah ' + this.level2Title;
+					this.titleDesc = 'Menambah ' + this.level2Title;
+					this.titleIcon = 'icon-plus3';
+				}	
+			},
+			
+			createPilih(value){
+				this.itemDataPilih.push(value);
+				this.selectedItemPilih = {};
+				this.modalTutup();
+			},
+			editPilih(value){
+				_.remove(this.itemDataPilih, {
+						index: value.index
+				});
+				this.itemDataPilih.push(value);
+				this.selectedItemPilih = {};
+				this.modalTutup(); 
+			},
+			save() {
+				const formData = toMulipartedForm(this.form, this.$route.meta.mode);
+				this.$validator.validateAll('form').then((result) => {
+					if (result) {
+						if(this.$route.meta.mode == 'edit'){
+							console.log(this.form.gambar_depan);
+							this.$store.dispatch(this.kelas + '/update',[this.$route.params.id, formData]);
+						}else{
+							console.log(this.form.gambar_depan);
+							this.$store.dispatch(this.kelas + '/store', formData);
+					}
+						this.submited = false;
+					}else{
+						window.scrollTo(0, 0);
+						this.submited = true;
+					}
+				});
+			},
+			back(){
+				if(this.$route.meta.isDetail){
+					this.$router.push({name: this.kelas + 'Detail', params: { id: this.form.id }});
+				}else{
+					if(this.$route.meta.mode == 'edit'){
+						this.$router.push({name: this.kelas, params:{tipe:this.form.tipe, periode: this.momentYear()}});
+					}else{
+						this.$router.push({name: this.kelas, params:{tipe:this.$route.params.tipe, periode: this.momentYear()}});
+					}
+				}
+			},
+			selectedRow(item,index){
+					this.selectedItemPilih = item;
+					this.selectedItemPilih.index = index;
+			},
+			modalOpen(state, isMobile, itemMobile) {
+				this.modalShow = true;
+				this.state = state;
+
+				if(isMobile){
+					this.selectedItemPanitia = itemMobile;
+				}
+
+				if (state == 'hapusPanitia') {
+					this.modalState = 'confirm-tutup';
+					this.modalColor = '';
+					this.modalTitle = 'Hapus Panitia/Fasilitator ' + this.selectedItemPanitia.name + ' ?';
+					this.modalButton = 'Iya, Hapus';
+					this.modalSize = '';
+				}else if(state == 'ubahPanitia'){
+					this.modalState = 'normal1';
+					this.modalColor = 'bg-primary';
+					this.modalTitle = 'Ubah Panitia/Fasilitator';
+					this.modalButton = 'Ok';
+					this.modalSize = 'modal-lg';
+					this.formPanitiaMode = 'edit';
+				}else if(state == 'tambahPanitia'){
+					this.modalState = 'normal1';
+					this.modalColor = 'bg-primary';
+					this.modalTitle = 'Tambah Panitia/Fasilitator';
+					this.modalButton = 'Ok';
+					this.modalSize = 'modal-lg';
+					this.formPanitiaMode = 'create';
+				}else if (state == 'hapusPilih') {
+					this.modalState = 'confirm-tutup';
+					this.modalColor = '';
+					this.modalTitle = 'Hapus Pilihan ' + this.selectedItemPilih.name + ' ?';
+					this.modalButton = 'Iya, Hapus';
+					this.modalSize = '';
+				}else if(state == 'ubahPilih'){
+					this.modalState = 'normal1';
+					this.modalColor = 'bg-primary';
+					this.modalTitle = 'Ubah Pilihan';
+					this.modalButton = 'Ok';
+					this.modalSize = 'modal-lg';
+					this.formPilihMode = 'edit';
+				}else if(state == 'tambahPilih'){
+					this.modalState = 'normal1';
+					this.modalColor = 'bg-primary';
+					this.modalTitle = 'Tambah Pilihan';
+					this.modalButton = 'Ok';
+					this.modalSize = 'modal-lg';
+					this.formPilihMode = 'create';
+				}else if(state == 'tempat'){
+					this.modalState = 'normal2';
+					this.modalColor = 'bg-primary';
+					this.modalTitle = 'Tambah Tempat';
+					this.modalButton = 'Ok';
+					this.modalSize = 'modal-lg';
+				}
+			},
+			modalImageShow(content){
+				this.modalShow = true;
+				this.modalState = 'image';
+				this.modalContent = content;
+				this.modalSize = '';
+				this.modalButton = 'Ok';
+			},
+			modalConfirmOk() {
+				this.modalShow = false;
+
+				if (this.state == 'hapusPanitia') {
+					_.remove(this.itemDataPanitia, {
+						index: this.selectedItemPanitia.index
+					});
+					this.selectedItemPanitia = {};
+				}else if(this.state == 'hapusPilih'){
+					_.remove(this.itemDataPilih, {
+						index: this.selectedItemPilih.index
+					});
+					this.selectedItemPilih = {};
+				}else{
+					if(this.$route.meta.isDetail){
+						this.$router.push({name: this.kelas + 'Detail', params: { id: this.form.id }});
+					}
+				}
+			},
+			modalTutup() {
+ 				if(this.updateStat == 'success' && this.state == ''){
+					this.$store.dispatch(this.kelas + '/resetUpdateStat');
+					this.back();
+				}
+				this.modalShow = false;
+			},
+			modalBackgroundClick(){
+				if(this.modalState === 'success'){
+					this.modalTutup;
+				}else if(this.modalState === 'loading'){
+					// do nothing
+				}else{
+					this.modalShow = false
+				}
+			},
+			processFile(event) {
+				this.form.gambar_depan = event.target.files[0];
+				this.form.gambar_belakang = event.target.files[0];
+			},
+			momentYear(){
+				return moment().year();
+			}
+		},
+		computed: {
+			...mapGetters('sertifikatKegiatan',{
+				form: 'data',
+				formStat: 'dataStat',
+				rules: 'rules',
+				options: 'options',
+				updateResponse: 'update',
+				updateStat: 'updateStat'
+			})
+		}
+	}
+</script>
\ No newline at end of file
diff --git a/resources/assets/js/views/sertifikatKegiatan/index.vue b/resources/assets/js/views/sertifikatKegiatan/index.vue
new file mode 100644
index 000000000..9cfd8c398
--- /dev/null
+++ b/resources/assets/js/views/sertifikatKegiatan/index.vue
@@ -0,0 +1,64 @@
+<template>
+	<div>
+		<!-- Page header -->
+		<page-header 
+		:title="title" 
+		:titleDesc="titleDesc" 
+		:titleIcon="titleIcon"></page-header>
+
+		
+		<!-- page container -->
+		<div class="page-content pt-0">
+			<div class="content-wrapper">
+				<div class="content">
+
+					<!-- message -->
+					<message v-if="itemDataStat === 'fail'" :title="'Oops terjadi kesalahan:'" :errorData="itemData">
+					</message>
+					<table-data 
+						:title="title" 
+						:kelas="kelas"></table-data>
+				</div>
+			</div>
+		</div>
+
+	</div>
+</template>
+
+<script>
+	import { mapGetters } from 'vuex';
+	import pageHeader from "../../components/pageHeader.vue";
+	import tableData from "./table.vue";
+	import message from "../../components/message.vue";
+	
+	export default {
+		components: {
+			pageHeader,
+			tableData,
+			message,
+		},
+		data() {
+			return {
+				title: 'Sertifikat Kegiatan',
+				kelas: 'sertifikatKegiatan',
+				titleDesc: 'Mengelola data sertifikat kegiatan',
+				titleIcon: 'icon-clipboard6',
+			}
+		},
+		watch: {
+			// check route changes
+			$route(to, from) {
+				this.fetch();
+			},
+		},
+		methods: {
+			
+		},
+		computed: {
+			...mapGetters('sertifikatKegiatan',{
+				itemData: 'dataS',
+				itemDataStat: 'dataStatS'
+			}),
+		}
+	}
+</script>
\ No newline at end of file
diff --git a/resources/assets/js/views/sertifikatKegiatan/table.vue b/resources/assets/js/views/sertifikatKegiatan/table.vue
new file mode 100644
index 000000000..6095104c6
--- /dev/null
+++ b/resources/assets/js/views/sertifikatKegiatan/table.vue
@@ -0,0 +1,286 @@
+<template>
+	<div>
+
+		<!-- main panel -->
+		<data-viewer :title="title" :columnData="columnData" :itemData="itemData" :query="query" :itemDataStat="itemDataStat" :excelDownloadUrl="excelDownloadUrl"  :isNoButtonRow="isNoButtonRow" :dataview="dataview" @fetch="fetch">
+			<!-- button desktop -->
+			<template slot="button-desktop">
+
+					<!-- tambah -->
+					<router-link :to="{ name: kelas + 'Create'}" class="btn btn-light mb-1" v-if="currentUser.can && currentUser.can['create_diklat_bkcu']">
+						<i class="icon-plus3"></i> Tambah
+					</router-link>
+
+					<!-- ubah--> 
+					<button @click.prevent="ubahData(selectedItem.id)" class="btn btn-light mb-1" v-if="currentUser.can && currentUser.can['create_diklat_bkcu']" :disabled="!selectedItem.id">
+						<i class="icon-pencil5"></i> Ubah
+					</button>
+
+					<!-- hapus -->
+					<button @click.prevent="modalConfirmOpen('hapus')" class="btn btn-light mb-1" v-if="currentUser.can && currentUser.can['create_diklat_bkcu']" :disabled="!selectedItem.id">
+						<i class="icon-bin2"></i> Hapus
+					</button>
+
+			</template>	 
+
+			<!-- button mobile -->
+			<template slot="button-mobile">
+					<!-- tambah -->
+					<router-link :to="{ name: kelas + 'Create'}" class="btn btn-light btn-block mb-1" v-if="currentUser.can && currentUser.can['create_diklat_bkcu']">
+						<i class="icon-plus3"></i> Tambah
+					</router-link>
+
+					<!-- ubah-->
+					<button @click.prevent="ubahData(selectedItem.id)" class="btn btn-light btn-block mb-1" v-if="currentUser.can && currentUser.can['create_diklat_bkcu']" :disabled="!selectedItem.id">
+						<i class="icon-pencil5"></i> Ubah
+					</button>
+
+					<!-- hapus -->
+					<button @click.prevent="modalConfirmOpen('hapus')" class="btn btn-light btn-block mb-1" v-if="currentUser.can && currentUser.can['create_diklat_bkcu']" :disabled="!selectedItem.id">
+						<i class="icon-bin2"></i> Hapus
+					</button>
+
+			</template>
+
+			<!-- item desktop -->
+			<template slot="item-desktop" slot-scope="props">
+				<tr :class="{ 'bg-info': selectedItem.id === props.item.id }" class="text-nowrap" @click="selectedRow(props.item)">
+					<td v-if="!columnData[0].hide">
+						{{ props.index + 1 + (+itemData.current_page-1) * +itemData.per_page + '.'}}
+					</td>
+					<td v-if="!columnData[1].hide">
+						<check-value :value="props.item.kode_sertifikat"></check-value>
+					</td>
+					<td v-if="!columnData[2].hide">
+						<check-value :value="props.item.name"></check-value>
+					</td>
+					
+				</tr>
+			</template>
+
+			<!-- item mobile -->
+			<template slot="item-mobile" slot-scope="props">
+				<div class="col-lg-4 col-md-6">
+					<div class="card cursor-pointer" @click.prevent="ubahData(props.item.id)">						
+						<div class="card-header bg-light header-elements-inline">
+							<h6 class="card-title"><check-value :value="props.item.kode_sertifikat"></check-value>
+								</h6>
+						</div>
+						<div class="card-body">
+							<template>
+								<img :src="'/images/sertifikatKegiatan/' + props.item.gambar + '.jpg'" class="img-fluid wmin-sm" v-if="props.item.gambar">
+							</template>
+							
+							<hr/>
+							<h6 class="text-primary">{{ props.item.nama_sertifikat }}</h6>
+							
+							<hr/>
+
+							<div class="row">
+								<div class="col-sm-6">
+									<ul class="list list-unstyled mb-1">
+										<li>Kode: <span class="text-muted">{{ props.item.kode_sertifikat }}</span></li>
+										</ul>
+								</div>
+								<div class="col-sm-6">
+									<ul class="list list-unstyled mb-1">
+										<li>Nama: <span class="text-muted">{{ props.item.name }}</span></li>
+										</ul>
+								</div>
+							</div>
+						</div>					
+					</div>
+				</div>
+			</template>
+
+		</data-viewer>
+					
+		<!-- modal -->
+		<app-modal :show="modalShow" :state="modalState" :title="modalTitle" :button="modalButton" :content="modalContent" :color="modalColor" @tutup="modalTutup" @confirmOk="modalConfirmOk" @successOk="modalTutup" @failOk="modalTutup" @backgroundClick="modalTutup">
+			
+			<!-- title -->
+			<template slot="modal-title">
+				{{ modalTitle }}
+			</template>
+		</app-modal>
+
+	</div>
+</template>
+
+<script>
+	import _ from 'lodash';
+	import { mapGetters } from 'vuex';
+	import DataViewer from '../../components/dataviewer2.vue';
+	import appModal from '../../components/modal';
+	import checkValue from '../../components/checkValue.vue';
+
+	export default {
+		components: {
+			DataViewer,
+			appModal,
+			checkValue,
+		},
+		props:['title','kelas'],
+		data() {
+			return {
+				selectedItem: [],
+				query: {
+					order_column: "name",
+					order_direction: "asc",
+					filter_match: "and",
+					limit: 10,
+					page: 1
+				},
+				dataview: '',
+				isNoButtonRow:'',
+				excelDownloadUrl:'',
+				columnData: [
+					{
+						title: 'No.',
+						name: 'No.',
+					},
+					{
+						title: 'Kode',
+						name: 'kode_sertifikat',
+						tipe: 'string',
+						sort: true,
+						hide: false,
+						disable: false,
+						filter: true,
+						filterDefault: true
+						
+					},
+					{
+						title: 'Nama',
+						name: 'name',
+						tipe: 'string',
+						sort: false,
+						hide: false,
+						disable: false,
+						filter: true,
+						filterDefault: false
+						
+					}
+				],
+				keteranganBatal: '',
+				state: '',
+				modalShow: false,
+				modalState: '',
+				modalColor: '',
+				modalTitle: '',
+				modalContent: '',
+				modalButton: ''
+			}
+		},
+		created(){
+			this.fetch(this.query);
+		},
+		// updated(){
+		// 	console.log(this.selectedItem);
+		// },
+		watch: {
+			'$route' (to, from){
+				// check current page meta
+				this.fetch(this.query);
+			},
+      updateStat(value) {
+				this.modalState = value;
+				this.modalButton = 'Ok';
+				
+				if(value === "success"){
+					this.modalTitle = this.updateMessage.message;
+					this.modalContent = '';
+					this.fetch(this.query);
+				}else if(value === "fail"){
+					this.modalContent = this.updateMessage;
+				}else{
+					this.modalContent = '';
+				}
+      }
+    },
+		methods: {
+			fetch(params){
+					this.dataview = 'list';
+					this.isNoButtonRow = false;
+				
+					this.$store.dispatch(this.kelas + '/index', params);
+					this.excelDownloadUrl = this.kelas;
+				
+
+			},
+			selectedRow(item){
+				this.selectedItem = item;
+			},
+			ubahData(id) {
+				this.$router.push({name: this.kelas + 'Edit', params: { id: id }});
+			},
+			modalConfirmOpen(state, isMobile, itemMobile) {
+				this.modalShow = true;
+				this.state = state;
+
+				if(isMobile){
+					this.selectedItem = itemMobile;
+				}
+
+				if (state == 'hapus') {
+					this.modalState = 'confirm-tutup';
+					this.modalTitle = 'Hapus ' + this.title + ' ' + this.selectedItem.name + ' ini?';
+					this.modalButton = 'Iya, Hapus';
+					this.modalColor = '';
+				}else if (state == 'status') {
+					this.modalState = 'normal1';
+					this.modalTitle = 'Ubah status ' + this.title + ' ' + this.selectedItem.name + ' ini?';
+					this.modalColor = 'bg-primary';
+				}else if (state == 'keteranganBatal') {
+					this.modalState = 'normal2';
+					this.modalTitle = 'Keterangan pembatalan ' + this.title + ' ' + this.selectedItem.name;
+					this.modalColor = 'bg-primary';
+					this.keteranganBatal = this.selectedItem.keteranganBatal;
+				}
+			},
+			modalKeteranganBatalOpen(value) {
+				this.modalShow = true;
+				this.modalState = 'normal2';
+				this.modalTitle = 'Keterangan pembatalan ' + this.title + ' ' + this.selectedItem.name;
+				this.modalColor = 'bg-primary';
+				this.keteranganBatal = value;
+			},
+			modalTutup() {
+				this.modalShow = false;
+				this.$store.dispatch(this.kelas + '/resetUpdateStat');
+			},
+			modalConfirmOk() {
+				if (this.state == 'hapus') {
+					this.$store.dispatch(this.kelas + '/destroy', this.selectedItem.id);
+				}
+			},
+			gridColor(value) {
+				if(value == 1){
+					return 'border-left-primary-400';
+				}else if(value == 2){
+					return 'border-left-warning-400';
+				}else if(value == 3){
+					return 'border-left-secondary-400';
+				}else if(value == 4){
+					return 'border-left-success-400';
+				}else if(value == 5){
+					return 'border-left-primary-400';
+				}else if(value == 6){
+					return 'border-left-danger-400';
+				}
+      },
+		},
+		computed: {
+			...mapGetters('auth',{
+				currentUser: 'currentUser'
+			}),
+			...mapGetters('sertifikatKegiatan',{
+				itemData: 'dataS',
+				itemDataStat: 'dataStatS',
+				updateMessage: 'update',
+				updateStat: 'updateStat'
+			}),	
+			
+		}
+	}
+</script>
\ No newline at end of file
diff --git a/resources/assets/js/views/sistem/changelog.vue b/resources/assets/js/views/sistem/changelog.vue
index f3754ca78..180543ab9 100755
--- a/resources/assets/js/views/sistem/changelog.vue
+++ b/resources/assets/js/views/sistem/changelog.vue
@@ -10,14 +10,40 @@
 
             <div class="card-group-control card-group-control-right" id="accordion-control-right">
 
+              <!-- Version 3.4.5 -->
+              <div class="card">
+                <div class="card-header">
+                  <h5 class="card-title">
+                    <a data-toggle="collapse" class="text-default" href="#v345">Version 3.4.5<small class="text-muted"> / 24 April 2022</small></a> </h5>
+                </div>
+
+                <div id="v345" class="collapse show" data-parent="#accordion-control-right" style="">
+                  <div class="card-body">
+                    <p class="mb-3">Update versi menambahkan fitur e-sertifikat, pendataan surat masuk dan keluar
+                    <br/><br/>
+                    Berikut adalah rincian perubahan pada versi ini:</p>
+
+                    <ul class="list">
+                      <li>Penambahan fitur e-sertifikat pada kegiatan</li>
+                      <li>Penambahan fitur surat keluar</li>
+                      <li>Penambahan fitur surat masuk</li>
+                      <li>Penambahan informasi pengelola di bagian profil di website public</li>
+                      <li>Peningkatan performa migrasi data ESCETE</li>
+                      <li>Perbaikan bug pada bagian kegiatan dan migrasi data ESCETE</li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <!-- /version 3.4.5 -->
+
               <!-- Version 3.4.4 -->
               <div class="card">
                 <div class="card-header">
                   <h5 class="card-title">
-                    <a data-toggle="collapse" class="text-default" href="#v344">Version 3.4.4<small class="text-muted"> / 26 Januari 2022</small></a> </h5>
+                    <a data-toggle="collapse" class="text-default collapsed" href="#v344">Version 3.4.4<small class="text-muted"> / 26 Januari 2022</small></a> </h5>
                 </div>
 
-                <div id="v344" class="collapse show" data-parent="#accordion-control-right" style="">
+                <div id="v344" class="collapse" data-parent="#accordion-control-right" style="">
                   <div class="card-body">
                     <p class="mb-3">Update versi meningkatkan fungsi dari fitur voting dan pemilihan
                     <br/><br/>
diff --git a/resources/assets/js/views/surat/form.vue b/resources/assets/js/views/surat/form.vue
index 71d1dc3a2..f89093e17 100755
--- a/resources/assets/js/views/surat/form.vue
+++ b/resources/assets/js/views/surat/form.vue
@@ -40,7 +40,7 @@
 															<span v-else>Silahkan pilih tipe surat</span>
 														</span>
 													</option>
-													<option v-for="kode in modelKode" v-if="kode" :value="kode.id">{{kode.name}} / {{kode.periode}} / No. {{kode.kode}}</option>
+													<option v-for="kode in modelKode" v-if="kode" :value="kode.id">{{kode.name}} | {{kode.periode}}</option>
 												</select>
 
 											</div>
@@ -78,6 +78,13 @@
 											</div>
 										</div>
 
+										<div class="col-md-12">
+											<div class="card bg-primary text-white card-body">
+												<h3 class="mb-0">Nomor Surat: {{ itemData.kode }}</h3>
+											</div>
+											<hr/>
+										</div>
+
 										<!-- kategori -->
 										<div class="col-md-12">
 											<div class="form-group" :class="{'has-error' : errors.has('form.id_surat_kategori')}">
@@ -98,7 +105,7 @@
 																<span v-else>Silahkan pilih kategori</span>
 															</span>
 														</option>
-														<option v-for="kategori in itemData.kategori" v-if="kategori" :value="kategori.id">{{kategori.name}}</option>
+														<option v-for="kategori in itemData.kategori" v-if="kategori" :value="kategori.id">{{ kategori.name }} | {{ kategori.deskripsi }}</option>
 													</select>
 
 												</div>
@@ -121,7 +128,7 @@
 													Kode: <wajib-badge></wajib-badge></h5>
 
 												<!-- text -->
-												<input type="text" name="name" class="form-control" placeholder="Silahkan masukkan kode" data-vv-as="name" v-model="form.name" readonly>
+												<input type="text" name="name" class="form-control" placeholder="Silahkan masukkan kode" data-vv-as="name" v-model="form.name">
 
 												<!-- error message -->
 												<small class="text-muted text-danger" v-if="errors.has('form.name')">
@@ -443,7 +450,7 @@
 				});
 			},
 			back(){
-				this.$router.push({name: this.kelas + 'Cu', params:{cu: this.currentUser.id_cu, periode: this.momentYear() }});
+				this.$router.push({name: this.kelas + 'Cu', params:{cu: this.currentUser.id_cu,tipe: 'semua', periode: this.momentYear() }});
 			},
 			modalTutup() {
  				if(this.updateStat === 'success'){
diff --git a/resources/assets/js/views/suratKategori/form.vue b/resources/assets/js/views/suratKategori/form.vue
index 81ff3aaa4..866961dee 100755
--- a/resources/assets/js/views/suratKategori/form.vue
+++ b/resources/assets/js/views/suratKategori/form.vue
@@ -20,6 +20,38 @@
 							<div class="card-body">
 								<div class="row">
 
+									<div class="col-md-12">
+										<div class="form-group mb-0" :class="{'has-error' : errors.has('form.id_surat_kode')}">
+
+											<!-- title -->
+											<h5 :class="{ 'text-danger' : errors.has('form.id_surat_kode')}">
+												<i class="icon-cross2" v-if="errors.has('form.id_surat_kode')"></i>
+												Tipe Surat: <wajib-badge></wajib-badge>
+											</h5>
+
+											<div class="input-group">
+
+												<!-- select -->
+												<select class="form-control" name="id_surat_kode" v-model="form.id_surat_kode" data-width="100%" v-validate="'required'" data-vv-as="Tipe" @change="changeKode($event.target.value)">
+													<option disabled value="">
+														<span>
+															<span v-if="formStat === 'loading'">Mohon tunggu...</span>
+															<span v-else>Silahkan pilih tipe surat</span>
+														</span>
+													</option>
+													<option v-for="kode in modelKode" v-if="kode" :value="kode.id">{{kode.name}} / {{kode.periode}} / No. {{kode.kode}}</option>
+												</select>
+
+											</div>
+
+											<!-- error message -->
+											<small class="text-muted text-danger" v-if="errors.has('form.id_surat_kode')">
+												<i class="icon-arrow-small-right"></i> {{ errors.first('form.id_surat_kode') }}
+											</small>
+											<small class="text-muted" v-else>&nbsp;</small>
+										</div>
+									</div>
+
 									<!-- name -->
 									<div class="col-md-12">
 										<div class="form-group" :class="{'has-error' : errors.has('form.name')}">
@@ -199,6 +231,7 @@
 					this.titleDesc = 'Menambah kategori surat keluar';
 					this.titleIcon = 'icon-plus3';
 					this.$store.dispatch(this.kelas + '/create');
+					this.$store.dispatch('suratKode/get');
 				}
 			},
 			checkUser(permission,id_cu){
@@ -214,6 +247,7 @@
 				}
 			},
 			save() {
+				this.form.id_cu = this.currentUser.id_cu;
 				this.$validator.validateAll('form').then((result) => {
 					if (result) {
 						if(this.$route.meta.mode == 'edit'){
@@ -262,6 +296,10 @@
 				updateResponse: 'update',
 				updateStat: 'updateStat'
 			}),
+			...mapGetters('suratKode',{
+				modelKode: 'dataS',
+				modelKodeStat: 'dataStatS',
+			}),
 			...mapGetters('cu',{
 				modelCU: 'headerDataS',
 				modelCUStat: 'headerDataStatS',
diff --git a/resources/assets/js/views/suratKategori/index.vue b/resources/assets/js/views/suratKategori/index.vue
index 4950b6770..f39b5f963 100755
--- a/resources/assets/js/views/suratKategori/index.vue
+++ b/resources/assets/js/views/suratKategori/index.vue
@@ -49,7 +49,7 @@
 			}
 		},
 		created(){
-			this.checkUser('index_surat_kategori',this.$route.params.cu);
+			this.checkUser('index_surat',this.$route.params.cu);
 		},
 		methods: {
 			checkUser(permission,id_cu){
diff --git a/resources/assets/js/views/suratKategori/table.vue b/resources/assets/js/views/suratKategori/table.vue
index e98a9bea6..b5f4a2b42 100755
--- a/resources/assets/js/views/suratKategori/table.vue
+++ b/resources/assets/js/views/suratKategori/table.vue
@@ -55,11 +55,15 @@
 						<check-value :value="props.item.name"></check-value>
 					</td>
 					<td v-if="!columnData[2].hide">
+						<check-value :value="props.item.kode.name" v-if="props.item.kode"></check-value>
+						<span v-else>-</span>
+					</td>
+					<td v-if="!columnData[3].hide">
 						<check-value :value="props.item.deskripsi"></check-value>
 					</td>
-					<td v-if="!columnData[3].hide">{{props.item.has_surat_count}}</td>
-					<td v-if="!columnData[4].hide" v-html="$options.filters.dateTime(props.item.created_at)"></td>
-					<td v-if="!columnData[5].hide">
+					<td v-if="!columnData[4].hide">{{props.item.has_surat_count}}</td>
+					<td v-if="!columnData[5].hide" v-html="$options.filters.dateTime(props.item.created_at)"></td>
+					<td v-if="!columnData[6].hide">
 						<span v-if="props.item.created_at !== props.item.updated_at" v-html="$options.filters.dateTime(props.item.updated_at)"></span>
 						<span v-else>-</span>
 					</td>
@@ -118,6 +122,16 @@
 						filter: true,
 						filterDefault: true
 					},
+					{
+						title: 'Tipe',
+						name: 'kode.name',
+						tipe: 'string',
+						sort: true,
+						hide: false,
+						disable: false,
+						filter: true,
+						filterDefault: true
+					},
 					{
 						title: 'Keterangan',
 						name: 'deskripsi',
diff --git a/resources/assets/js/views/suratKode/form.vue b/resources/assets/js/views/suratKode/form.vue
index ce0230434..2deaea33a 100755
--- a/resources/assets/js/views/suratKode/form.vue
+++ b/resources/assets/js/views/suratKode/form.vue
@@ -247,6 +247,7 @@
 				}
 			},
 			save() {
+				this.form.id_cu = this.currentUser.id_cu;
 				this.$validator.validateAll('form').then((result) => {
 					if (result) {
 						if(this.$route.meta.mode == 'edit'){
diff --git a/resources/views/sertifikat.blade.php b/resources/views/sertifikat.blade.php
new file mode 100644
index 000000000..0e3ba66fc
--- /dev/null
+++ b/resources/views/sertifikat.blade.php
@@ -0,0 +1,181 @@
+<body>
+    <div class="depan">
+        <table class="label" style="margin-top: 430px;margin-left: 1100px;font-size: 60px;">
+            <tr>
+                <td>
+                    <div>Nomor :</div>
+                </td>
+                <td>
+                    <div>{{$nomor}}</div>
+                </td>
+            </tr>
+        </table>
+        
+        <div style="margin-top: 40px;margin-left: 1300px;font-size: 65px;">Diberikan Kepada</div>
+
+        <table style="margin-top: 30px;margin-left: 1100px;font-size: 55px;text-align: left;">
+            
+                <tr>
+                    <td>Nama</td>
+                    <td>:</td>
+                    <td>{{$nama}}</td>
+                </tr>
+    
+                <tr>
+                    <td>Jabatan</td>
+                    <td>:</td>
+                    <td>{{$jabatan}}</td>
+                </tr>
+    
+                <tr>
+                    <td>Asal Lembaga</td>
+                    <td>:</td>
+                    <td>{{$lembaga}}</td>
+                </tr>
+        </table>
+        <div class="telah" style="font-size: 120px;margin-left: 815px; font-family: Edwardian Script ITC">Telah Mengikuti dan Menyelesaikan</div>
+        <p class="isi"><span class="fontBold"><b>{{$kegiatan}}</b></span> bagi Credit Union yang diselenggarakan 
+            <span>{{$tempat}}</span> pada tanggal <span>{{$tgl}}</span> selama <span>{{$hari}}</span> Hari Pelatihan, dengan materi seperti tertera di balik sertifikat ini.</p>
+            <br>
+        
+    </div>
+    <div class="ttdAtas"><p><span>Pontianak, {{$tglGenerate}}</p></div>
+</body>
+
+<body>
+    <div class="belakang">
+        <div>
+        <table class="table center" style="width: 75%">
+            <thead>
+              <tr>
+                <th scope="col" class="th">No</th>
+                <th scope="col" class="th">Materi</th>
+                <th scope="col" class="th">Nilai</th>
+                <th scope="col" class="th">Waktu</th>
+              </tr>
+            </thead>
+
+            <tbody>
+                {{$no = 1}}
+                @foreach ($listMateri as $list )
+                    <tr>
+                        <td class="fontNilai" style="text-align: center">{{$no++}}</td>
+                        <td class="fontNilai" >{{$list->nama}}</td>
+                        <td class="fontNilai" style="text-align: center">{{$list->nilai}}</td>
+                        <td class="fontNilai" style="text-align: center">{{$list->waktu}} Jam</td>
+                    </tr>
+                @endforeach
+                    <tr>
+                        <td style="text-align: center"></td>
+                        <th style="padding-left: 10px">RATA-RATA NILAI / TOTAL JAM</th>
+                        <td class="td" style="padding-left: 10px" align="center"><b>{{strVal(round($averageNilai,0))}}</b></td>
+                        <td class="td" style="padding-left: 10px" align="center"><b>{{strVal($sumWaktu)}} Jam</b></td>
+                    </tr>
+            </tbody>
+          </table>
+         </div>
+         <div class="ttdBawah"> <p><span>Pontianak, {{$tglGenerate}}</p></div>
+        </div>
+</body>
+<style>
+
+.belakang{
+    position: relative;
+    overflow-x: auto; 
+    clear:both; 
+    width: 2608px; 
+    height: 2003px;
+    background-size: cover;
+    display: inline-block;
+    background-image: url({{url($imageBelakang)}});
+} 
+
+.depan{
+    position: relative;
+    clear:both; 
+    width: 2608px; 
+    height: 2003px;
+    background-size: cover;
+    display: inline-block;
+    background-image: url({{url($imageDepan)}})
+} 
+
+
+.fontBold{
+    font-size: 55px;
+    font-weight: 800;
+    font-family: 'Times New Roman';
+    font-style: italic;
+    
+
+}
+
+.fontNilai{
+    border: 1px solid black;
+    border-collapse: collapse;
+    font-size: 50px;
+    padding-left: 10px;
+}
+.isi{
+    font-size: 55px; 
+    margin-left: 450px; 
+    width: 2100px; 
+    text-align: justify
+}
+
+.ttdAtas {
+  left: 0;
+  right: 0;
+  bottom: 380px;
+  font-size: 55px; 
+  margin-right: 93px; 
+  text-align: right;
+  position: absolute;
+}
+.ttdBawah {
+  left: 0;
+  right: 0;
+  bottom: 420px;
+  font-size: 55px; 
+  margin-right: 255px; 
+  text-align: right;
+  position: absolute;
+}
+    @font-face {
+        font-family: 'Edwardian Script ITC';
+        src: url({{url('css/public/fonts/edw.ttf')}});
+    }
+
+    .telah{
+        font-family: 'Edwardian Script ITC';
+    }
+
+    #position{
+        position: fixed;
+    }
+
+    @page {margin:0!important; padding:0!important}
+    body{
+        margin: 0px;
+        padding: 0px;
+
+    }
+
+    .center {
+        margin-left: auto;
+        margin-right: auto;
+        margin-top: 480px;
+        font-size: 3em;
+    }
+
+  .table, .th, .td {
+    border: 1px solid black;
+    border-collapse: collapse;
+    
+    }
+
+    div.static{
+        position: static;
+  border: 3px solid #73AD21;
+    }
+</style>
diff --git a/routes/api.php b/routes/api.php
index c96751074..1f1388a96 100755
--- a/routes/api.php
+++ b/routes/api.php
@@ -216,6 +216,17 @@
             Route::delete('/produkcu/{id}', 'ProdukCuController@destroy');
         });
 
+        // sertifikat kegiatan
+        Route::get('/sertifikatKegiatan', 'SertifikatController@index');
+        Route::get('/sertifikatKegiatan/create', 'SertifikatController@create');
+        Route::post('/sertifikatKegiatan/store', 'SertifikatController@store');
+        Route::get('/sertifikatKegiatan/edit/{id}', 'SertifikatController@edit');
+        Route::post('/sertifikatKegiatan/update/{id}', 'SertifikatController@update');
+        Route::delete('/sertifikatKegiatan/{id}', 'SertifikatController@destroy');
+        
+        //generate sertifikat
+        Route::post('/generateSertifikat', 'SertifikatController@generateSertifikat');
+
         // kegiatan bkcu
         Route::get('/kegiatanBKCU/index/{kegiatan_tipe}', 'KegiatanBKCUController@index');
         Route::get('/kegiatanBKCU/baru', 'KegiatanBKCUController@indexBaru');
@@ -226,6 +237,9 @@
         Route::get('/kegiatanBKCU/periode/{kegiatan_tipe}/{periode}', 'KegiatanBKCUController@indexPeriode');
         Route::get('/kegiatanBKCU/indexPeserta/{id}', 'KegiatanBKCUController@indexPeserta');
         Route::get('/kegiatanBKCU/indexMateri/{id}', 'KegiatanBKCUController@indexMateri');
+        Route::get('/kegiatanBKCU/indexListMateri/{id}', 'KegiatanBKCUController@indexListMateri');
+        Route::get('/kegiatanBKCU/indexNilaiListMateri/{id}', 'KegiatanBKCUController@indexNilaiListMateri');
+        Route::get('/kegiatanBKCU/indexNilai/{id}/{aktivis_id}', 'KegiatanBKCUController@indexNilai');
         Route::get('/kegiatanBKCU/indexKeputusan/{id}', 'KegiatanBKCUController@indexKeputusan');
         Route::get('/kegiatanBKCU/indexKeputusanKomentar/{id}', 'KegiatanBKCUController@indexKeputusanKomentar');
         Route::get('/kegiatanBKCU/indexPertanyaan/{id}', 'KegiatanBKCUController@indexPertanyaan');
@@ -281,6 +295,11 @@
         Route::delete('/kegiatanBKCU/destroyTugas/{kegiatan_tipe}/{id}', 'KegiatanBKCUController@destroyTugas');
         Route::delete('/kegiatanBKCU/destroyTugasJawaban/{kegiatan_tipe}/{id}', 'KegiatanBKCUController@destroyTugasJawaban');
 
+        Route::post('/kegiatanBKCU/storeListMateri/{kegiatan_tipe}/{id}', 'KegiatanBKCUController@storeListMateri');
+        Route::post('/kegiatanBKCU/storeNilai/{kegiatan_id}/{aktivis_id}/{materi_id}', 'KegiatanBKCUController@storeNilai');
+        Route::post('/kegiatanBKCU/updateListMateri/{id}', 'KegiatanBKCUController@updateListMateri');
+        Route::delete('/kegiatanBKCU/destroyListMateri/{kegiatan_tipe}/{id}', 'KegiatanBKCUController@destroyListMateri');
+
         // aktivis
         Route::get('/aktivis/get/{id}', 'AktivisController@get');
         Route::get('/aktivis/history', 'AktivisController@history');